{"version":3,"file":"PingAnimation.aHETFIDb.mjs","names":[],"sources":["https:/framerusercontent.com/modules/wGd21vlpDYlmnGzxMBhF/5zRvL1Qn1M4kX0k6uqdX/PingAnimation.js"],"sourcesContent":["// Simple ping animation - a dot with expanding rings\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function PingAnimation(props){const{dotColor,ringColor,dotSize,ringSize,animationSpeed,ringCount}=props;return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",position:\"relative\"},children:[Array.from({length:ringCount}).map((_,index)=>/*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",width:dotSize,height:dotSize,borderRadius:\"50%\",backgroundColor:ringColor},initial:{scale:1,opacity:1},animate:{scale:[1,ringSize,1],opacity:[1,0,0]},transition:{duration:animationSpeed,repeat:Infinity,ease:\"easeOut\",delay:index*(animationSpeed/ringCount),repeatDelay:0}},index)),/*#__PURE__*/_jsx(\"div\",{style:{width:dotSize,height:dotSize,borderRadius:\"50%\",backgroundColor:dotColor,position:\"relative\",zIndex:1}})]});}addPropertyControls(PingAnimation,{dotColor:{type:ControlType.Color,title:\"Dot Color\",defaultValue:\"#0099FF\"},ringColor:{type:ControlType.Color,title:\"Ring Color\",defaultValue:\"#0099FF\"},dotSize:{type:ControlType.Number,title:\"Dot Size\",defaultValue:16,min:1,max:64,step:1,unit:\"px\"},ringSize:{type:ControlType.Number,title:\"Ring Size\",defaultValue:3,min:1,max:10,step:.1},animationSpeed:{type:ControlType.Number,title:\"Speed\",defaultValue:1.5,min:.5,max:5,step:.1,unit:\"s\"},ringCount:{type:ControlType.Number,title:\"Ring Count\",defaultValue:3,min:1,max:5,step:1,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PingAnimation\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PingAnimation.map"],"mappings":"oNAIG,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,WAAS,YAAU,UAAQ,WAAS,iBAAe,aAAW,EAAM,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,WAAW,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,OAAO,EAAU,CAAC,CAAC,KAAK,EAAE,IAAqB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAQ,OAAO,EAAQ,aAAa,MAAM,gBAAgB,EAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,SAAS,EAAe,OAAO,IAAS,KAAK,UAAU,MAAa,EAAe,EAAtB,EAAiC,YAAY,EAAE,CAAC,CAAC,EAAM,CAAC,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,EAAQ,OAAO,EAAQ,aAAa,MAAM,gBAAgB,EAAS,SAAS,WAAW,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,kBAHxuB,IAAkC,IAAoD,CAGopB,EAAoB,EAAc,CAAC,SAAS,CAAC,KAAK,EAAY,MAAM,MAAM,YAAY,aAAa,UAAU,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,GAAG,CAAC,eAAe,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,IAAI,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,GAAK,CAAC,CAAC"}