{"version":3,"file":"LoadingDots.CIaryugg.mjs","names":[],"sources":["https:/framerusercontent.com/modules/jC7qbbOP2TpA4NkmVAfg/nzpr4yczgu8rllOEiSSC/LoadingDots.js"],"sourcesContent":["// Loading animation with 3 dots that jump up and down in a wave pattern with different delays\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function LoadingDots(props){const{dotColor,dotSize,spacing,jumpHeight,animationDuration}=props;return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:spacing,width:\"max-content\",paddingTop:jumpHeight,paddingBottom:jumpHeight},children:[/*#__PURE__*/_jsx(motion.div,{style:{width:dotSize,height:dotSize,borderRadius:\"50%\",backgroundColor:dotColor},animate:{y:[-jumpHeight,jumpHeight]},transition:{duration:animationDuration,repeat:Infinity,repeatType:\"reverse\",ease:\"easeInOut\",delay:0}}),/*#__PURE__*/_jsx(motion.div,{style:{width:dotSize,height:dotSize,borderRadius:\"50%\",backgroundColor:dotColor},animate:{y:[-jumpHeight,jumpHeight]},transition:{duration:animationDuration,repeat:Infinity,repeatType:\"reverse\",ease:\"easeInOut\",delay:animationDuration*.33}}),/*#__PURE__*/_jsx(motion.div,{style:{width:dotSize,height:dotSize,borderRadius:\"50%\",backgroundColor:dotColor},animate:{y:[-jumpHeight,jumpHeight]},transition:{duration:animationDuration,repeat:Infinity,repeatType:\"reverse\",ease:\"easeInOut\",delay:animationDuration*.66}})]});}addPropertyControls(LoadingDots,{dotColor:{type:ControlType.Color,title:\"Dot Color\",defaultValue:\"#000000\"},dotSize:{type:ControlType.Number,title:\"Dot Size\",defaultValue:12,min:4,max:32,step:1,unit:\"px\"},spacing:{type:ControlType.Number,title:\"Spacing\",defaultValue:8,min:2,max:24,step:1,unit:\"px\"},jumpHeight:{type:ControlType.Number,title:\"Jump Height\",defaultValue:10,min:2,max:30,step:1,unit:\"px\"},animationDuration:{type:ControlType.Number,title:\"Duration\",defaultValue:.6,min:.2,max:2,step:.1,unit:\"s\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LoadingDots\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LoadingDots.map"],"mappings":"oNAIG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,WAAS,UAAQ,UAAQ,aAAW,qBAAmB,EAAM,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,WAAW,SAAS,IAAI,EAAQ,MAAM,cAAc,WAAW,EAAW,cAAc,EAAW,CAAC,SAAS,CAAc,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAQ,OAAO,EAAQ,aAAa,MAAM,gBAAgB,EAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAW,EAAW,CAAC,CAAC,WAAW,CAAC,SAAS,EAAkB,OAAO,IAAS,WAAW,UAAU,KAAK,YAAY,MAAM,EAAE,CAAC,CAAC,CAAc,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAQ,OAAO,EAAQ,aAAa,MAAM,gBAAgB,EAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAW,EAAW,CAAC,CAAC,WAAW,CAAC,SAAS,EAAkB,OAAO,IAAS,WAAW,UAAU,KAAK,YAAY,MAAM,EAAkB,IAAI,CAAC,CAAC,CAAc,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAQ,OAAO,EAAQ,aAAa,MAAM,gBAAgB,EAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAW,EAAW,CAAC,CAAC,WAAW,CAAC,SAAS,EAAkB,OAAO,IAAS,WAAW,UAAU,KAAK,YAAY,MAAM,EAAkB,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,kBAH3/B,IAAkC,IAAoD,CAGu6B,EAAoB,EAAY,CAAC,SAAS,CAAC,KAAK,EAAY,MAAM,MAAM,YAAY,aAAa,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,CAAC,kBAAkB,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,GAAG,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,KAAK,IAAI,CAAC,CAAC"}