{"version":3,"file":"DrawingCircle.D94-eUEc.mjs","names":[],"sources":["https:/framerusercontent.com/modules/GvYMxyiTZabqrV5Cfels/kTtHJ6ljG5i6Kr25sjNl/DrawingCircle.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";// Your custom component\nexport function DrawingCircle(props){const{color,duration,strokeWidth}=props;return /*#__PURE__*/_jsx(motion.div,{style:{width:\"100%\",height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\"},// Animate the initial appearance\ninitial:{opacity:0},animate:{opacity:1},transition:{duration:.5},children:/*#__PURE__*/_jsx(\"svg\",{width:\"90%\"// Use a percentage to leave space for the stroke\n,height:\"90%\",viewBox:\"0 0 100 100\"// A 100x100 canvas for the circle\n,style:{overflow:\"visible\"},children:/*#__PURE__*/_jsx(motion.circle,{cx:\"50\",cy:\"50\",r:\"48\"// Radius within the viewBox\n,fill:\"transparent\",stroke:color,strokeWidth:strokeWidth,// The animation magic happens here\ninitial:{pathLength:0},animate:{pathLength:1},transition:{duration:duration,ease:\"easeInOut\"}})})});}// Default values for your component's properties\nDrawingCircle.defaultProps={width:50,height:50,color:\"#0099FF\",duration:25,strokeWidth:4};// Add controls to the Framer properties panel\naddPropertyControls(DrawingCircle,{color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#0099FF\"},duration:{title:\"Duration\",type:ControlType.Number,defaultValue:25,min:0,max:120,step:.1,unit:\"s\"},strokeWidth:{title:\"Stroke Width\",type:ControlType.Number,defaultValue:4,min:1,max:50,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"DrawingCircle\":{\"type\":\"reactComponent\",\"name\":\"DrawingCircle\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DrawingCircle.map"],"mappings":"6MACA,SAAgB,EAAc,EAAM,CAAC,GAAK,CAAC,QAAM,WAAS,eAAa,EAAM,OAAoB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,CAC/M,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,SAAS,GAAG,CAAC,SAAsB,EAAK,MAAM,CAAC,MAAM,MACxG,OAAO,MAAM,QAAQ,cACrB,MAAM,CAAC,SAAS,UAAU,CAAC,SAAsB,EAAK,EAAO,OAAO,CAAC,GAAG,KAAK,GAAG,KAAK,EAAE,KACvF,KAAK,cAAc,OAAO,EAAkB,cAC7C,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,WAAW,CAAU,WAAS,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBANxD,IAAoD,IAAkC,CAOjI,EAAc,aAAa,CAAC,MAAM,GAAG,OAAO,GAAG,MAAM,UAAU,SAAS,GAAG,YAAY,EAAE,CACzF,EAAoB,EAAc,CAAC,MAAM,CAAC,MAAM,QAAQ,KAAK,EAAY,MAAM,aAAa,UAAU,CAAC,SAAS,CAAC,MAAM,WAAW,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM,eAAe,KAAK,EAAY,OAAO,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC"}