{"version":3,"file":"CompletedTaskButton.BFWcsFhN.mjs","names":["React.forwardRef"],"sources":["https:/framerusercontent.com/modules/7bC5iMJxvK2W1YPj4tpS/qOV9H37hknTGZwKjKp5r/eGjIc3o09.js","https:/framerusercontent.com/modules/dLNVeiCvXsFgdl6Cirzv/4KANGbXkx5nproZSSKka/Basecamp.js","https:/framerusercontent.com/modules/hxr3BjKyyieZZd72C3VD/eeOp5DufucOscO2SFsjK/CompletedTaskButton.js"],"sourcesContent":["// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({alpha,color,height,id,width,width1,...props})=>{return{...props,ezTt3ayMo:color??props.ezTt3ayMo??\"rgb(0, 0, 0)\",lschgej4H:width1??props.lschgej4H??1.5,qxTvv_EBh:alpha??props.qxTvv_EBh};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,ezTt3ayMo,lschgej4H,qxTvv_EBh,...restProps}=getProps(props);const href=useSVGTemplate(\"3436826629\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-MtfHw\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m6trwb\":qxTvv_EBh,\"--21h8s6\":ezTt3ayMo,\"--pgex8v\":lschgej4H,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-MtfHw { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"ezTt3ayMo\":\"color\",\"lschgej4H\":\"width1\",\"qxTvv_EBh\":\"alpha\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Dot Outline\",\"color\":{\"type\":\"variable\",\"value\":\"21h8s6\"},\"set\":{\"localId\":\"vectorSet/NGVKdicsm\",\"id\":\"NGVKdicsm\",\"moduleId\":\"omX0gWFPqDwhaiWwf6ab\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-MtfHw\");Icon.displayName=\"Dot Outline\";export default Icon;addPropertyControls(Icon,{ezTt3ayMo:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},lschgej4H:{defaultValue:1.5,displayStepper:true,hidden:false,max:6,min:0,step:.5,title:\"Width\",type:ControlType.Number},qxTvv_EBh:{defaultValue:0,displayStepper:true,hidden:false,max:1,min:0,step:.1,title:\"Alpha\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"ezTt3ayMo\\\":\\\"color\\\",\\\"lschgej4H\\\":\\\"width1\\\",\\\"qxTvv_EBh\\\":\\\"alpha\\\"}\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerVector\":\"{\\\"name\\\":\\\"Dot Outline\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"21h8s6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/NGVKdicsm\\\",\\\"id\\\":\\\"NGVKdicsm\\\",\\\"moduleId\\\":\\\"omX0gWFPqDwhaiWwf6ab\\\"}}\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerDisableUnlink\":\"true\",\"framerIntrinsicHeight\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";export function gtmBasecamp(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,id:\"gtmTestId\",className:`gtmTest ${props.className??\"\"}`});};}\nexport const __FramerMetadata__ = {\"exports\":{\"gtmBasecamp\":{\"type\":\"reactHoc\",\"name\":\"gtmBasecamp\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Basecamp.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{motion}from\"framer-motion\";/**\n * Circular Breathing Completed Task Button\n *\n * A circular button with a breathing animation effect and checkmark icon to indicate task completion.\n *\n * @framerIntrinsicWidth 80\n * @framerIntrinsicHeight 80\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function CompletedTaskButton(props){const{size=80,backgroundColor=\"#22CC66\",checkmarkColor=\"#FFFFFF\",shadowColor=\"#22CC66\",shadowOpacity=.4,breathingIntensity=1.15,breathingDuration=2,checkmarkSize=.5}=props;const isStatic=useIsStaticRenderer();const containerStyle={width:size,height:size,position:\"relative\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\"};const circleStyle={width:\"100%\",height:\"100%\",borderRadius:\"50%\",backgroundColor:backgroundColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",boxShadow:`0 4px 20px ${shadowColor}${Math.round(shadowOpacity*255).toString(16).padStart(2,\"0\")}`};const checkmarkStyle={width:`${checkmarkSize*100}%`,height:`${checkmarkSize*100}%`,stroke:checkmarkColor,strokeWidth:3,strokeLinecap:\"round\",strokeLinejoin:\"round\",fill:\"none\"};const breathAnimation={scale:[1,breathingIntensity,1],boxShadow:[`0 4px 20px ${shadowColor}${Math.round(shadowOpacity*255).toString(16).padStart(2,\"0\")}`,`0 8px 40px ${shadowColor}${Math.round(shadowOpacity*.6*255).toString(16).padStart(2,\"0\")}`,`0 4px 20px ${shadowColor}${Math.round(shadowOpacity*255).toString(16).padStart(2,\"0\")}`]};const shadowAnimation={scale:[1,breathingIntensity*1.05,1],opacity:[shadowOpacity*.5,shadowOpacity,shadowOpacity*.5]};return /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,children:[!isStatic&&/*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",width:\"100%\",height:\"100%\",borderRadius:\"50%\",backgroundColor:shadowColor,filter:\"blur(15px)\",zIndex:0},animate:shadowAnimation,transition:{duration:breathingDuration,repeat:Infinity,ease:\"easeInOut\"}}),/*#__PURE__*/_jsx(motion.div,{style:circleStyle,animate:isStatic?undefined:breathAnimation,transition:{duration:breathingDuration,repeat:Infinity,ease:\"easeInOut\"},children:/*#__PURE__*/_jsx(\"svg\",{viewBox:\"0 0 24 24\",style:checkmarkStyle,children:/*#__PURE__*/_jsx(motion.path,{d:\"M5 13l4 4L19 7\",initial:{pathLength:isStatic?1:0},animate:{pathLength:1},transition:{duration:.5,delay:.2,ease:\"easeOut\"}})})})]});}addPropertyControls(CompletedTaskButton,{size:{type:ControlType.Number,title:\"Size\",defaultValue:80,min:40,max:200,step:1,unit:\"px\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#22CC66\"},checkmarkColor:{type:ControlType.Color,title:\"Checkmark\",defaultValue:\"#FFFFFF\"},shadowColor:{type:ControlType.Color,title:\"Shadow Color\",defaultValue:\"#22CC66\"},shadowOpacity:{type:ControlType.Number,title:\"Shadow Opacity\",defaultValue:.4,min:0,max:1,step:.05},breathingIntensity:{type:ControlType.Number,title:\"Breathing Intensity\",defaultValue:1.15,min:1,max:1.5,step:.01},breathingDuration:{type:ControlType.Number,title:\"Breathing Speed\",defaultValue:2,min:.5,max:5,step:.1,unit:\"s\"},checkmarkSize:{type:ControlType.Number,title:\"Checkmark Size\",defaultValue:.5,min:.2,max:.8,step:.05}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CompletedTaskButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"80\",\"framerIntrinsicWidth\":\"80\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CompletedTaskButton.map"],"mappings":"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"}