{"version":3,"file":"FlowBackground.Awm36r1G.mjs","names":[],"sources":["https:/framerusercontent.com/modules/vp3HX30fQQNDWZifFKi5/nrwntS8EWEtOJkgl9o5F/CircleAnimation.js","https:/framerusercontent.com/modules/fLbPfL2ZV20t9p0zyB80/g0GiitLaxsDpJo0AyWEA/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":"sKAAmH,SAAgB,EAAgB,EAAM,CAAC,GAAK,CAAC,YAAU,0BAA0B,cAAY,qBAAqB,cAAY,EAAE,UAAQ,GAAG,QAAM,CAAC,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,SAAO,OAAO,EAE9R,EAAY,EAAQ,IAErB,EAAa,IAAQ,CAAC,MAAM,GAAG,EAAM,GAAO,IAAI,OAAO,GAAG,EAAM,GAAO,IAAI,aAAa,EAAO,WAAW,EAAU,OAAO,GAAG,EAAY,WAAW,IAAc,SAAS,WAAW,IAAI,MAAM,KAAK,MAAM,UAAU,wBAAwB,UAAU,sBAAqC,EAAY,EAAM,wBAAwB,QAAQ,EAAE,EAAE,OAAoB,EAAM,EAAM,CAAC,KAAK,OAAO,WAAW,cAAc,SAAS,CAAC,EAAM,KAAK,EAAE,IAAqB,EAAK,MAAM,CAAC,UAAU,SAAS,MAAM,EAAa,EAAM,CAAC,CAAC,EAAM,CAAC,CAAc,EAAK,QAAQ,CAAC,SAAS;;;;;cAKniB,CAAC,CAAC,CAAC,CAAC,kBATuC,IAA0D,CAS/F,EAAgB,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,OAAO,MAAM,CACxF,EAAoB,EAAgB,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,0BAA0B,CAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,qBAAqB,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,gBAAgB,CAAC,KAAK,EAAY,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,CAAC,CAAC,ICVvZ,SAAgB,EAAe,EAAM,CAAC,GAAK,CAAC,aAAW,WAAS,oBAAkB,OAAK,gBAAc,EAC6D,OAAoB,EAAK,EAAM,CAAC,KAAK,OAAO,MAA7R,CAAC,OAAO,OAAO,MAAM,OAAO,WAAW,2BAA2B,EAAW,IAAI,EAAS,GAAG,eAAe,YAAY,UAAU,iBAAiB,EAAkB,iBAAiB,OAAO,QAAQ,EAAK,KAAK,aAAa,GAAG,EAAa,IAAI,CAAmE,SAAsB,EAAK,QAAQ,CAAC,SAAS;;;;;;;;;;;;cAYxW,CAAC,CAAC,CAAC,kBAb0B,IAA0D,CAalF,EAAe,aAAa,CAAC,WAAW,UAAU,SAAS,UAAU,kBAAkB,GAAG,KAAK,EAAE,aAAa,EAAE,CAAC,EAAoB,EAAe,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,CAAC,SAAS,CAAC,KAAK,EAAY,MAAM,MAAM,YAAY,CAAC,kBAAkB,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC"}