{"version":3,"file":"CircularFillButton.Diovgz2f.mjs","names":["useState","startTransition"],"sources":["https:/framerusercontent.com/modules/bymGjh2A0NgZNMjNP9hv/BeJUTH5oq0tJA6LUoBUl/CircularFillButton.js"],"sourcesContent":["// Botão com efeito de preenchimento circular ao passar o mouse\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";import{useState,startTransition}from\"react\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function CircularFillButton(props){const{label,backgroundColor,hoverColor,textColor,hoverTextColor,borderRadius,paddingX,paddingY,font,style,borderWidth,borderColor,isStatic,sectionId}=props;const[isHovered,setIsHovered]=useState(false);const showHoverEffect=!isStatic&&isHovered;const handleClick=()=>{if(sectionId&&sectionId.trim()!==\"\"&&typeof document!==\"undefined\"){const element=document.getElementById(sectionId);if(element){element.scrollIntoView({behavior:\"smooth\",block:\"start\"});}}};return /*#__PURE__*/_jsxs(motion.button,{style:{position:\"relative\",overflow:\"hidden\",backgroundColor,color:textColor,border:`${borderWidth}px solid ${borderColor}`,borderRadius,paddingLeft:paddingX,paddingRight:paddingX,paddingTop:paddingY,paddingBottom:paddingY,cursor:\"pointer\",textDecoration:\"none\",display:\"inline-block\",...style,width:style?.width===\"100%\"?\"100%\":\"max-content\"},onMouseEnter:()=>startTransition(()=>setIsHovered(true)),onMouseLeave:()=>startTransition(()=>setIsHovered(false)),onClick:handleClick,whileTap:{scale:.95},children:[/*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",backgroundColor:hoverColor},initial:{clipPath:\"circle(0% at 50% 100%)\"},animate:{clipPath:showHoverEffect?\"circle(150% at 50% 100%)\":\"circle(0% at 50% 100%)\"},transition:{duration:.6,ease:[.4,0,.2,1]}}),/*#__PURE__*/_jsx(motion.span,{style:{position:\"relative\",zIndex:1,display:\"block\",...font},animate:{color:showHoverEffect?hoverTextColor:textColor},transition:{duration:.4},children:label})]});}addPropertyControls(CircularFillButton,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Hover Me\"},sectionId:{type:ControlType.String,title:\"Section ID\",placeholder:\"section-1\"},isStatic:{type:ControlType.Boolean,title:\"Static\",defaultValue:false},font:{type:ControlType.Font,title:\"Text Style\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"16px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},hoverColor:{type:ControlType.Color,title:\"Hover Color\",defaultValue:\"#000000\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},hoverTextColor:{type:ControlType.Color,title:\"Hover Text\",defaultValue:\"#FFFFFF\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#000000\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:0,min:0,max:10,step:1},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:24,min:0,max:100,step:1,unit:\"px\"},paddingX:{type:ControlType.Number,title:\"Padding X\",defaultValue:32,min:0,max:100,step:1,unit:\"px\"},paddingY:{type:ControlType.Number,title:\"Padding Y\",defaultValue:16,min:0,max:100,step:1,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CircularFillButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CircularFillButton.map"],"mappings":"oOAIG,SAAwB,EAAmB,EAAM,CAAC,GAAK,CAAC,QAAM,kBAAgB,aAAW,YAAU,iBAAe,eAAa,WAAS,WAAS,OAAK,QAAM,cAAY,cAAY,WAAS,aAAW,EAAW,CAAC,EAAU,GAAcA,EAAS,GAAM,CAAO,EAAgB,CAAC,GAAU,EAAgB,MAAgB,CAAC,GAAG,GAAW,EAAU,MAAM,GAAG,IAAI,OAAO,SAAW,IAAY,CAAC,IAAM,EAAQ,SAAS,eAAe,EAAU,CAAI,GAAS,EAAQ,eAAe,CAAC,SAAS,SAAS,MAAM,QAAQ,CAAC,GAAK,OAAoB,EAAM,EAAO,OAAO,CAAC,MAAM,CAAC,SAAS,WAAW,SAAS,SAAS,kBAAgB,MAAM,EAAU,OAAO,GAAG,EAAY,WAAW,IAAc,eAAa,YAAY,EAAS,aAAa,EAAS,WAAW,EAAS,cAAc,EAAS,OAAO,UAAU,eAAe,OAAO,QAAQ,eAAe,GAAG,EAAM,MAAM,GAAO,QAAQ,OAAO,OAAO,cAAc,CAAC,iBAAiBC,MAAoB,EAAa,GAAK,CAAC,CAAC,iBAAiBA,MAAoB,EAAa,GAAM,CAAC,CAAC,QAAQ,EAAY,SAAS,CAAC,MAAM,IAAI,CAAC,SAAS,CAAc,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,OAAO,OAAO,gBAAgB,EAAW,CAAC,QAAQ,CAAC,SAAS,yBAAyB,CAAC,QAAQ,CAAC,SAAS,EAAgB,2BAA2B,yBAAyB,CAAC,WAAW,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAc,EAAK,EAAO,KAAK,CAAC,MAAM,CAAC,SAAS,WAAW,OAAO,EAAE,QAAQ,QAAQ,GAAG,EAAK,CAAC,QAAQ,CAAC,MAAM,EAAgB,EAAe,EAAU,CAAC,WAAW,CAAC,SAAS,GAAG,CAAC,SAAS,EAAM,CAAC,CAAC,CAAC,CAAC,kBAH39C,IAAoD,IAAkC,IAA4C,CAG21C,EAAoB,EAAmB,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,WAAW,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,YAAY,YAAY,CAAC,SAAS,CAAC,KAAK,EAAY,QAAQ,MAAM,SAAS,aAAa,GAAM,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,aAAa,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,SAAS,OAAO,QAAQ,WAAW,cAAc,UAAU,WAAW,MAAM,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,aAAa,UAAU,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,UAAU,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC"}