{"version":3,"file":"ProgressAnimation.CFfHHeL3.mjs","names":["direction","l","u","r","t","n"],"sources":["https:/framerusercontent.com/modules/rofp3mS0LNY15cjhHzia/cTjrmFqNFkFWO19DE1xk/BlurGradient.js","https:/framerusercontent.com/modules/visiud6p20nuh6VhpdgR/riB1QI093W9D2Yf0JeGG/ProgressAnimation.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 240\n * @framerIntrinsicHeight 240\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */function BlurGradient({blur,borderRadius,direction}){const getGradientDirection=direction=>{switch(direction){case\"toBottom\":return\"to bottom\";case\"toTop\":return\"to top\";case\"toLeft\":return\"to left\";case\"toRight\":return\"to right\";default:return\"to bottom\";}};const blurSteps=[{blur:`${blur/2/2/2/2/2/2/2}px`,gradient:`rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 37.5%`},{blur:`${blur/2/2/2/2/2/2}px`,gradient:`rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 0) 50%`},{blur:`${blur/2/2/2/2/2}px`,gradient:`rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 62.5%`},{blur:`${blur/2/2/2/2}px`,gradient:`rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 75%`},{blur:`${blur/2/2/2}px`,gradient:`rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 87.5%`},{blur:`${blur/2/2}px`,gradient:`rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%`},{blur:`${blur/2}px`,gradient:`rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 1) 100%`},{blur:`${blur}px`,gradient:`rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 1) 100%`}];return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",borderRadius:`${borderRadius}px`},children:blurSteps.map((step,index)=>/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,zIndex:index+1,backdropFilter:`blur(${step.blur})`,WebkitBackdropFilter:`blur(${step.blur})`,maskImage:`linear-gradient(${getGradientDirection(direction)}, ${step.gradient})`,WebkitMaskImage:`linear-gradient(${getGradientDirection(direction)}, ${step.gradient})`,borderRadius:`${borderRadius}px`,pointerEvents:\"none\"}},index))});}BlurGradient.defaultProps={blur:10,borderRadius:0,direction:\"toBottom\"};addPropertyControls(BlurGradient,{blur:{title:\"Blur\",type:ControlType.Number,defaultValue:10,min:0,max:100,step:1,description:\"Large blur values (10<) can impact performance.\"},borderRadius:{title:\"Radius\",type:ControlType.Number,defaultValue:0,min:0,max:100,step:1,description:\"Blur Gradient component's parent frame can't have border radius (it will break the component). If you need corner radius, apply it directly to the Blur Gradient component here.\"},direction:{title:\"Direction\",type:ControlType.SegmentedEnum,options:[\"toBottom\",\"toTop\",\"toLeft\",\"toRight\"],optionTitles:[\"↓\",\"↑\",\"←\",\"→\"],defaultValue:\"toBottom\"}});BlurGradient.displayName=\"Blur Gradient\";export default BlurGradient;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BlurGradient\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"240\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"240\",\"framerSupportedLayoutHeight\":\"any\",\"framerDisableUnlink\":\"*\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BlurGradient.map","import{jsx as t,jsxs as e}from\"react/jsx-runtime\";import{useEffect as o,useState as r}from\"react\";import{addPropertyControls as i,ControlType as n}from\"framer\";export default function l(i){let{backgroundColor:n,progressColor:l,timeAnimation:a}=i,[s,u]=r(0);o(function(){let t=setInterval(function(){u(t=>t>=100?0:t+1);},a);return function(){clearInterval(t);};},[a]);let d={container:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\"},background:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",background:n},progress:{position:\"absolute\",top:0,left:0,height:\"100%\",width:`${s}%`,background:l,transition:`width ${a}ms linear`}};return /*#__PURE__*/e(\"div\",{style:d.container,children:[/*#__PURE__*/t(\"div\",{style:d.background}),/*#__PURE__*/t(\"div\",{style:d.progress})]});}i(l,{backgroundColor:{title:\"Background Color\",type:n.Color,defaultValue:\"rgba(0, 0, 0, 0.12)\"},progressColor:{title:\"Progress Color\",type:n.Color,defaultValue:\"black\"},timeAnimation:{title:\"Animation Time (ms)\",type:n.Number,defaultValue:90,min:10,max:1e3,step:10}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProgressAnimation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProgressAnimation.map"],"mappings":"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"}