{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/yRbAB0wqDpjKlJMlQvDe/vYPyiubYRnNdKFI9geJ4/Gradient_background.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{motion,useMotionValue,useSpring}from\"framer-motion\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function LiquidGradient({intensity=.5}){const ref=useRef(null);// Track mouse position\nconst mouseX=useMotionValue(.5);const mouseY=useMotionValue(.5);// Smooth animation\nconst smoothX=useSpring(mouseX,{stiffness:100,damping:20});const smoothY=useSpring(mouseY,{stiffness:100,damping:20});// State for dynamic background\nconst[background,setBackground]=useState(\"\");useEffect(()=>{const updateMousePosition=event=>{const{clientX,clientY}=event;if(ref.current){const{width,height,left,top}=ref.current.getBoundingClientRect();const x=(clientX-left)/width;const y=(clientY-top)/height;mouseX.set(x);mouseY.set(y);}};window.addEventListener(\"mousemove\",updateMousePosition);return()=>window.removeEventListener(\"mousemove\",updateMousePosition);},[mouseX,mouseY]);useEffect(()=>{const updateBackground=()=>{setBackground(`\n        radial-gradient(circle at ${smoothX.get()*100}% ${smoothY.get()*100}%, \n          rgba(10, 124, 255, ${intensity}) 10%, \n          rgba(0, 105, 224, ${intensity}) 20%, \n          rgba(0, 38, 82, ${intensity}) 50%, \n          rgba(23, 21, 22, ${intensity}) 100%)\n      `);};const interval=setInterval(updateBackground,50);return()=>clearInterval(interval);},[smoothX,smoothY,intensity]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\"},children:/*#__PURE__*/_jsx(motion.div,{style:{width:\"100%\",height:\"100%\",background,transition:\"background 0.1s ease-out\",filter:\"blur(40px)\",zIndex:-1}})});}// Add Property Controls for Framer UI\naddPropertyControls(LiquidGradient,{intensity:{type:ControlType.Number,defaultValue:.5,min:.1,max:1,step:.05,title:\"Intensity\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"LiquidGradient\":{\"type\":\"reactComponent\",\"name\":\"LiquidGradient\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Gradient_background.map"],
  "mappings": "4KAA8M,SAASA,EAAe,CAAC,UAAAC,EAAU,EAAE,EAAE,CAAC,IAAMC,EAAIC,EAAO,IAAI,EACrQC,EAAOC,EAAe,EAAE,EAAQC,EAAOD,EAAe,EAAE,EACxDE,EAAQC,EAAUJ,EAAO,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAAQK,EAAQD,EAAUF,EAAO,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAC/G,CAACI,EAAWC,CAAa,EAAEC,EAAS,EAAE,EAAE,OAAAC,EAAU,IAAI,CAAC,IAAMC,EAAoBC,GAAO,CAAC,GAAK,CAAC,QAAAC,EAAQ,QAAAC,CAAO,EAAEF,EAAM,GAAGb,EAAI,QAAQ,CAAC,GAAK,CAAC,MAAAgB,EAAM,OAAAC,EAAO,KAAAC,EAAK,IAAAC,CAAG,EAAEnB,EAAI,QAAQ,sBAAsB,EAAQoB,GAAGN,EAAQI,GAAMF,EAAYK,GAAGN,EAAQI,GAAKF,EAAOf,EAAO,IAAIkB,CAAC,EAAEhB,EAAO,IAAIiB,CAAC,CAAE,CAAC,EAAE,OAAAC,EAAO,iBAAiB,YAAYV,CAAmB,EAAQ,IAAIU,EAAO,oBAAoB,YAAYV,CAAmB,CAAE,EAAE,CAACV,EAAOE,CAAM,CAAC,EAAEO,EAAU,IAAI,CAM1b,IAAMY,EAAS,YANmc,IAAI,CAACd,EAAc;AAAA,oCAC5cJ,EAAQ,IAAI,EAAE,GAAG,KAAKE,EAAQ,IAAI,EAAE,GAAG;AAAA,+BAC5CR,CAAS;AAAA,8BACVA,CAAS;AAAA,4BACXA,CAAS;AAAA,6BACRA,CAAS;AAAA,OAC/B,CAAE,EAA8C,EAAE,EAAE,MAAM,IAAI,cAAcwB,CAAQ,CAAE,EAAE,CAAClB,EAAQE,EAAQR,CAAS,CAAC,EAAsByB,EAAK,MAAM,CAAC,IAAIxB,EAAI,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,QAAQ,EAAE,SAAsBwB,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,WAAAjB,EAAW,WAAW,2BAA2B,OAAO,aAAa,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAE,CAC1YkB,EAAoB5B,EAAe,CAAC,UAAU,CAAC,KAAK6B,EAAY,OAAO,aAAa,GAAG,IAAI,GAAG,IAAI,EAAE,KAAK,IAAI,MAAM,WAAW,CAAC,CAAC",
  "names": ["LiquidGradient", "intensity", "ref", "pe", "mouseX", "useMotionValue", "mouseY", "smoothX", "useSpring", "smoothY", "background", "setBackground", "ye", "ue", "updateMousePosition", "event", "clientX", "clientY", "width", "height", "left", "top", "x", "y", "window", "interval", "p", "motion", "addPropertyControls", "ControlType"]
}