{"version":3,"file":"Gradient_background.CP4NV-Rm.mjs","names":["useRef","useState"],"sources":["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":"iQAAuM,SAAgB,EAAe,CAAC,YAAU,IAAI,CAAC,IAAM,EAAIA,EAAO,IAAI,EACrQ,EAAO,EAAe,EAAE,EAAQ,EAAO,EAAe,EAAE,EACxD,EAAQ,EAAU,EAAO,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAAQ,EAAQ,EAAU,EAAO,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC,EAC/G,CAAC,EAAW,GAAeC,EAAS,EAAE,EAMiF,OAN/E,MAAc,CAAC,IAAM,EAAoB,GAAO,CAAC,GAAK,CAAC,UAAQ,WAAS,EAAM,GAAG,EAAI,QAAQ,CAAC,GAAK,CAAC,QAAM,SAAO,OAAK,OAAK,EAAI,QAAQ,sBAAsB,EAAQ,GAAG,EAAQ,GAAM,EAAY,GAAG,EAAQ,GAAK,EAAO,EAAO,IAAI,CAAC,EAAE,EAAO,IAAI,CAAC,CAAE,CAAC,EAA2D,OAAzD,EAAO,iBAAiB,YAAY,CAAmB,MAAY,EAAO,oBAAoB,YAAY,CAAmB,CAAE,EAAE,CAAC,EAAO,CAAM,CAAC,EAAE,MAAc,CAM1b,IAAM,EAAS,gBANuc,CAAC,EAAc;oCAC5c,EAAQ,IAAI,EAAE,IAAI,IAAI,EAAQ,IAAI,EAAE,IAAI;+BAC7C,EAAU;8BACX,EAAU;4BACZ,EAAU;6BACT,EAAU;OAChC,CAAE,EAA8C,EAAE,EAAE,UAAU,cAAc,CAAQ,CAAE,EAAE,CAAC,EAAQ,EAAQ,CAAS,CAAC,EAAsB,EAAK,MAAM,CAAK,MAAI,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,QAAQ,EAAE,SAAsB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,aAAW,WAAW,2BAA2B,OAAO,aAAa,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAE,qBAThW,IAA2D,IAA6C,IAAoD,EAUtM,EAAoB,EAAe,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,GAAG,IAAI,EAAE,KAAK,IAAI,MAAM,WAAW,CAAC,CAAC"}