{"version":3,"file":"FloatingParticles.DcfdjpWd.mjs","names":["useRef","useState","useCallback"],"sources":["https:/framerusercontent.com/modules/mATYrMRqmedzB9kD7Bfx/kN1pZiQxEh96zwIwNoKr/FloatingParticles.js"],"sourcesContent":["// Floating particles that smoothly hover and move around\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef,useState,startTransition,useCallback}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{motion}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function FloatingParticles(props){const{particleCount=20,particleSize=4,particleColor1=\"#FFFFFF\",particleColor2=\"#CCCCCC\",particleColor3=\"#999999\",speed=1,opacity=.8,blur=false}=props;const containerRef=useRef(null);const animationRef=useRef();const[dimensions,setDimensions]=useState({width:400,height:300});const isStatic=useIsStaticRenderer();const createParticles=useCallback((width,height)=>{const colors=[particleColor1,particleColor2,particleColor3];const newParticles=[];for(let i=0;i<particleCount;i++){const x=Math.random()*width;const y=Math.random()*height;newParticles.push({id:i,x,y,vx:(Math.random()-.5)*speed*.5,vy:(Math.random()-.5)*speed*.5,size:particleSize+Math.random()*particleSize*.5,opacity:opacity*(.5+Math.random()*.5),color:colors[Math.floor(Math.random()*colors.length)],targetX:x,targetY:y});}return newParticles;},[particleColor1,particleColor2,particleColor3,particleCount,particleSize,speed,opacity]);const[particles,setParticles]=useState(()=>createParticles(400,300));// Initialize particles\nuseEffect(()=>{if(isStatic)return;const newParticles=createParticles(dimensions.width,dimensions.height);startTransition(()=>setParticles(newParticles));},[createParticles,dimensions,isStatic]);// Update dimensions when container size changes\nuseEffect(()=>{if(!containerRef.current||isStatic)return;const updateDimensions=()=>{const rect=containerRef.current?.getBoundingClientRect();if(rect){startTransition(()=>setDimensions({width:rect.width,height:rect.height}));}};updateDimensions();if(typeof window!==\"undefined\"){window.addEventListener(\"resize\",updateDimensions);return()=>window.removeEventListener(\"resize\",updateDimensions);}},[isStatic]);// Animation loop\nuseEffect(()=>{if(isStatic||particles.length===0)return;const animate=()=>{startTransition(()=>{setParticles(prevParticles=>prevParticles.map(particle=>{let newX=particle.x+particle.vx*speed;let newY=particle.y+particle.vy*speed;let newVx=particle.vx;let newVy=particle.vy;// Bounce off edges with some randomness\n    if(newX<=0||newX>=dimensions.width){newVx=-newVx+(Math.random()-.5)*.1;newX=Math.max(0,Math.min(dimensions.width,newX));}if(newY<=0||newY>=dimensions.height){newVy=-newVy+(Math.random()-.5)*.1;newY=Math.max(0,Math.min(dimensions.height,newY));}// Add slight random movement for floating effect\n    newVx+=(Math.random()-.5)*.02;newVy+=(Math.random()-.5)*.02;// Limit velocity\n    const maxVel=speed*.8;newVx=Math.max(-maxVel,Math.min(maxVel,newVx));newVy=Math.max(-maxVel,Math.min(maxVel,newVy));return{...particle,x:newX,y:newY,vx:newVx,vy:newVy,targetX:newX,targetY:newY};}));});animationRef.current=requestAnimationFrame(animate);};animationRef.current=requestAnimationFrame(animate);return()=>{if(animationRef.current){cancelAnimationFrame(animationRef.current);}};},[isStatic,particles.length,speed,dimensions]);if(isStatic){// Static preview with some particles\nconst colors=[particleColor1,particleColor2,particleColor3];const staticParticles=Array.from({length:Math.min(particleCount,10)},(_,i)=>({id:i,x:(i*50+30)%300,y:(i*30+40)%200,size:particleSize,opacity:opacity,color:colors[i%colors.length]}));return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\",backgroundColor:\"transparent\"},children:staticParticles.map(particle=>/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:particle.x,top:particle.y,width:particle.size,height:particle.size,backgroundColor:particle.color,borderRadius:\"50%\",opacity:particle.opacity,filter:blur?\"blur(1px)\":\"none\"}},particle.id))});}return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\",backgroundColor:\"transparent\"},children:particles.map(particle=>/*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",left:0,top:0,width:particle.size,height:particle.size,backgroundColor:particle.color,borderRadius:\"50%\",opacity:particle.opacity,filter:blur?\"blur(1px)\":\"none\",x:particle.targetX,y:particle.targetY},animate:{x:particle.targetX,y:particle.targetY,scale:[1,1.2,1],opacity:[particle.opacity,particle.opacity*.7,particle.opacity]},transition:{x:{type:\"spring\",stiffness:50,damping:20,mass:1},y:{type:\"spring\",stiffness:50,damping:20,mass:1},scale:{duration:3+Math.random()*2,repeat:Infinity,ease:\"easeInOut\"},opacity:{duration:3+Math.random()*2,repeat:Infinity,ease:\"easeInOut\"}}},particle.id))});}addPropertyControls(FloatingParticles,{particleCount:{type:ControlType.Number,title:\"Particle Count\",defaultValue:20,min:5,max:300,step:1},particleSize:{type:ControlType.Number,title:\"Particle Size\",defaultValue:4,min:1,max:20,step:1,unit:\"px\"},particleColor1:{type:ControlType.Color,title:\"Particle Color 1\",defaultValue:\"#FFFFFF\"},particleColor2:{type:ControlType.Color,title:\"Particle Color 2\",defaultValue:\"#CCCCCC\"},particleColor3:{type:ControlType.Color,title:\"Particle Color 3\",defaultValue:\"#999999\"},speed:{type:ControlType.Number,title:\"Speed\",defaultValue:1,min:.1,max:5,step:.1},opacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:.8,min:.1,max:1,step:.1},blur:{type:ControlType.Boolean,title:\"Blur Effect\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FloatingParticles\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FloatingParticles.map"],"mappings":"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"}