{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/kLC3KhhHlysh71TGfMLs/K4c3qBul7nnzSJsO6VWm/CircleAnimation.js", "ssg:https://framerusercontent.com/modules/wauc9Sk2dsbzMfAakCBe/NmCCQ4psL3rbCYkGUBQX/FlowBackground.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{Frame,addPropertyControls,ControlType}from\"framer\";export function CircleAnimation(props){const{fillColor=\"rgba(109, 46, 255, 0.6)\",strokeColor=\"rgba(0, 0, 0, 0.3)\",strokeWidth=4,spacing=24,sizes=[50,70,90,110,130],radius=\"50%\"}=props;// Adjust the animation cycle so each circle completes its cycle independently\nconst totalDuration=3// Total animation duration for each cycle in seconds\n;const delayOffset=spacing/1e3// Convert ms to s for consistency in animation delay\n;// Generates inline styles for each circle based on the index\nconst circleStyles=index=>({width:`${sizes[index]}px`,height:`${sizes[index]}px`,borderRadius:radius,background:fillColor,border:`${strokeWidth}px solid ${strokeColor}`,position:\"absolute\",top:\"50%\",left:\"50%\",transform:`translate(-50%, -50%)`,animation:`expand-contract ${totalDuration}s ${delayOffset*index}s infinite ease-in-out`,opacity:0});return /*#__PURE__*/_jsxs(Frame,{size:\"100%\",background:\"transparent\",children:[sizes.map((_,index)=>/*#__PURE__*/_jsx(\"div\",{className:\"circle\",style:circleStyles(index)},index)),/*#__PURE__*/_jsx(\"style\",{children:`\n                @keyframes expand-contract {\n                    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; }\n                    50% { transform: translate(-50%, -50%) scale(1.5); opacity: 1; }\n                }\n            `})]});}CircleAnimation.defaultProps={sizes:[50,70,90,110,130],radius:\"50%\"};// Adding Property Controls\naddPropertyControls(CircleAnimation,{fillColor:{type:ControlType.Color,title:\"Fill Color\",defaultValue:\"rgba(109, 46, 255, 0.6)\"},strokeColor:{type:ControlType.Color,title:\"Stroke Color\",defaultValue:\"rgba(0, 0, 0, 0.3)\"},strokeWidth:{type:ControlType.Number,title:\"Stroke Width\",min:0,max:20,step:1},spacing:{type:ControlType.Number,title:\"Spacing\",min:0,max:100,step:1},sizes:{type:ControlType.Array,title:\"Sizes\",propertyControl:{type:ControlType.Number}},radius:{type:ControlType.String,title:\"Radius\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"CircleAnimation\":{\"type\":\"reactComponent\",\"name\":\"CircleAnimation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CircleAnimation.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{Frame,addPropertyControls,ControlType}from\"framer\";export function FlowBackground(props){const{colorStart,colorEnd,animationDuration,blur,borderRadius}=props;// Inline styles for the background animation\nconst backgroundStyle={height:\"100%\",width:\"100%\",background:`linear-gradient(-45deg, ${colorStart}, ${colorEnd})`,backgroundSize:\"400% 400%\",animation:`flowAnimation ${animationDuration}s ease infinite`,filter:`blur(${blur}px)`,borderRadius:`${borderRadius}px`};return /*#__PURE__*/_jsx(Frame,{size:\"100%\",style:backgroundStyle,children:/*#__PURE__*/_jsx(\"style\",{children:`\n                @keyframes flowAnimation {\n                    0% {\n                        background-position: 0% 50%;\n                    }\n                    50% {\n                        background-position: 100% 50%;\n                    }\n                    100% {\n                        background-position: 0% 50%;\n                    }\n                }\n            `})});}FlowBackground.defaultProps={colorStart:\"#646FD4\",colorEnd:\"#D586D4\",animationDuration:15,blur:0,borderRadius:0};addPropertyControls(FlowBackground,{colorStart:{type:ControlType.Color,title:\"Color Start\"},colorEnd:{type:ControlType.Color,title:\"Color End\"},animationDuration:{type:ControlType.Number,title:\"Duration\",min:5,max:60,step:1},blur:{type:ControlType.Number,title:\"Blur\",min:0,max:100,step:1},borderRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:999,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"FlowBackground\":{\"type\":\"reactComponent\",\"name\":\"FlowBackground\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FlowBackground.map"],
  "mappings": "uGAA0H,SAASA,EAAgBC,EAAM,CAAC,GAAK,CAAC,UAAAC,EAAU,0BAA0B,YAAAC,EAAY,qBAAqB,YAAAC,EAAY,EAAE,QAAAC,EAAQ,GAAG,MAAAC,EAAM,CAAC,GAAG,GAAG,GAAG,IAAI,GAAG,EAAE,OAAAC,EAAO,KAAK,EAAEN,EAC/RO,EAAc,EACbC,EAAYJ,EAAQ,IAErBK,EAAaC,IAAQ,CAAC,MAAM,GAAGL,EAAMK,CAAK,CAAC,KAAK,OAAO,GAAGL,EAAMK,CAAK,CAAC,KAAK,aAAaJ,EAAO,WAAWL,EAAU,OAAO,GAAGE,CAAW,YAAYD,CAAW,GAAG,SAAS,WAAW,IAAI,MAAM,KAAK,MAAM,UAAU,wBAAwB,UAAU,mBAAmBK,CAAa,KAAKC,EAAYE,CAAK,yBAAyB,QAAQ,CAAC,GAAG,OAAoB,EAAMC,EAAM,CAAC,KAAK,OAAO,WAAW,cAAc,SAAS,CAACN,EAAM,IAAI,CAACO,EAAEF,IAAqBG,EAAK,MAAM,CAAC,UAAU,SAAS,MAAMJ,EAAaC,CAAK,CAAC,EAAEA,CAAK,CAAC,EAAeG,EAAK,QAAQ,CAAC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKpiB,CAAC,CAAC,CAAC,CAAC,CAAE,CAACd,EAAgB,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,IAAI,GAAG,EAAE,OAAO,KAAK,EACvFe,EAAoBf,EAAgB,CAAC,UAAU,CAAC,KAAKgB,EAAY,MAAM,MAAM,aAAa,aAAa,yBAAyB,EAAE,YAAY,CAAC,KAAKA,EAAY,MAAM,MAAM,eAAe,aAAa,oBAAoB,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,MAAM,QAAQ,gBAAgB,CAAC,KAAKA,EAAY,MAAM,CAAC,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,QAAQ,CAAC,CAAC,ECV/Y,SAASC,EAAeC,EAAM,CAAC,GAAK,CAAC,WAAAC,EAAW,SAAAC,EAAS,kBAAAC,EAAkB,KAAAC,EAAK,aAAAC,CAAY,EAAEL,EACpMM,EAAgB,CAAC,OAAO,OAAO,MAAM,OAAO,WAAW,2BAA2BL,CAAU,KAAKC,CAAQ,IAAI,eAAe,YAAY,UAAU,iBAAiBC,CAAiB,kBAAkB,OAAO,QAAQC,CAAI,MAAM,aAAa,GAAGC,CAAY,IAAI,EAAE,OAAoBE,EAAKC,EAAM,CAAC,KAAK,OAAO,MAAMF,EAAgB,SAAsBC,EAAK,QAAQ,CAAC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAYzW,CAAC,CAAC,CAAC,CAAE,CAACR,EAAe,aAAa,CAAC,WAAW,UAAU,SAAS,UAAU,kBAAkB,GAAG,KAAK,EAAE,aAAa,CAAC,EAAEU,EAAoBV,EAAe,CAAC,WAAW,CAAC,KAAKW,EAAY,MAAM,MAAM,aAAa,EAAE,SAAS,CAAC,KAAKA,EAAY,MAAM,MAAM,WAAW,EAAE,kBAAkB,CAAC,KAAKA,EAAY,OAAO,MAAM,WAAW,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,OAAO,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,MAAM,SAAS,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC",
  "names": ["CircleAnimation", "props", "fillColor", "strokeColor", "strokeWidth", "spacing", "sizes", "radius", "totalDuration", "delayOffset", "circleStyles", "index", "Frame", "_", "p", "addPropertyControls", "ControlType", "FlowBackground", "props", "colorStart", "colorEnd", "animationDuration", "blur", "borderRadius", "backgroundStyle", "p", "Frame", "addPropertyControls", "ControlType"]
}