{"version":3,"file":"GradientButton.CvgPtP7G.mjs","names":["React.useState"],"sources":["https:/framerusercontent.com/modules/q12LeLyLch0V7geqwb8d/C1aBXsgNhjHTrIKAbHWG/GradientButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function RealismButton(props){const{text,buttonWidth,buttonHeight,radius,borderSize,fontFamily,fontSize,fontWeight,letterSpacing,textColor,hoverTextColor,normalColor1,normalColor2,hoverColor1,hoverColor2,blueColor,lightColor,hoverLightColor,glowSize,glowOpacity,speed,alignX,alignY,hoverScale}=props;const[hover,setHover]=React.useState(false);const[active,setActive]=React.useState(false);const innerRadius=Math.max(radius-borderSize,0);const ringSize=Math.max(buttonWidth,buttonHeight)*2.4;const activeLight=hover?hoverLightColor:lightColor;return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:alignY,justifyContent:alignX,overflow:\"visible\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                    @keyframes realismButtonLight {\n                        from {\n                            transform: translate(-50%, -50%) rotate(0deg);\n                        }\n                        to {\n                            transform: translate(-50%, -50%) rotate(360deg);\n                        }\n                    }\n                `}),/*#__PURE__*/_jsxs(\"button\",{type:\"button\",onMouseEnter:()=>setHover(true),onMouseLeave:()=>{setHover(false);setActive(false);},onMouseDown:()=>setActive(true),onMouseUp:()=>setActive(false),style:{position:\"relative\",width:buttonWidth,height:buttonHeight,flexShrink:0,padding:borderSize,border:\"none\",borderRadius:radius,cursor:\"pointer\",overflow:\"hidden\",isolation:\"isolate\",boxSizing:\"border-box\",background:hover?`radial-gradient(circle 90px at 80% -20%, ${hoverLightColor}, ${hoverColor2} 64%)`:`radial-gradient(circle 90px at 80% -20%, #ffffff, ${normalColor2} 64%)`,transform:active?\"scale(0.97)\":hover?`scale(${hoverScale})`:\"scale(1)\",transition:\"transform 0.25s cubic-bezier(.2,.8,.2,1), background 0.3s ease\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:\"50%\",top:\"50%\",width:ringSize,height:ringSize,borderRadius:\"50%\",background:`conic-gradient(\n                            transparent 0deg,\n                            transparent 58deg,\n                            ${activeLight} 96deg,\n                            #ffffff 114deg,\n                            ${activeLight} 132deg,\n                            transparent 170deg,\n                            transparent 360deg\n                        )`,opacity:hover?1:0,animation:`realismButtonLight ${speed}s linear infinite`,transition:\"opacity 0.25s ease\",zIndex:0,pointerEvents:\"none\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:-38,bottom:-44,width:110,height:110,borderRadius:\"50%\",background:`radial-gradient(circle, ${activeLight}, ${blueColor}, transparent 70%)`,filter:`blur(${glowSize}px)`,opacity:hover?glowOpacity+.16:glowOpacity,transition:\"opacity 0.25s ease\",zIndex:1,pointerEvents:\"none\"}}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",zIndex:2,width:\"100%\",height:\"100%\",borderRadius:innerRadius,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",overflow:\"hidden\",boxSizing:\"border-box\",fontFamily,fontSize,fontWeight,letterSpacing,color:hover?hoverTextColor:textColor,lineHeight:1,whiteSpace:\"nowrap\",background:hover?`\n                                radial-gradient(circle 90px at 0% 100%, ${hoverLightColor}, transparent 58%),\n                                radial-gradient(circle 140px at 50% 50%, ${hoverColor1}, ${hoverColor2} 72%)\n                              `:`\n                                radial-gradient(circle 90px at 0% 100%, ${lightColor}, transparent 58%),\n                                radial-gradient(circle 90px at 80% -45%, ${normalColor1}, ${normalColor2} 68%)\n                              `,boxShadow:hover?`\n                                inset 0 1px 0 rgba(255,255,255,0.28),\n                                inset 0 -1px 0 rgba(0,0,0,0.55),\n                                inset 0 0 22px ${hoverLightColor}\n                            `:`\n                                inset 0 1px 0 rgba(255,255,255,0.22),\n                                inset 0 -1px 0 rgba(0,0,0,0.55)\n                            `,transition:\"background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:-32,bottom:-38,width:95,height:95,borderRadius:\"50%\",background:`radial-gradient(circle, ${activeLight}, ${blueColor}, transparent 72%)`,filter:`blur(${glowSize*.45}px)`,opacity:hover?.38:.14,transition:\"opacity 0.25s ease\",pointerEvents:\"none\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,right:12,width:\"54%\",height:1,borderRadius:999,background:\"linear-gradient(90deg, transparent, rgba(255,255,255,0.75), rgba(255,255,255,0.95))\",opacity:hover?1:.7,pointerEvents:\"none\"}}),/*#__PURE__*/_jsx(\"span\",{style:{position:\"relative\",zIndex:2,textShadow:hover?`0 0 ${Math.max(glowSize*.6,6)}px ${hoverLightColor}`:\"none\",transition:\"text-shadow 0.25s ease\"},children:text})]})]})]});}RealismButton.defaultProps={text:\"Button\",buttonWidth:156,buttonHeight:58,radius:18,borderSize:2,fontFamily:\"Inter, sans-serif\",fontSize:22,fontWeight:700,letterSpacing:-.4,textColor:\"#FFFFFF\",hoverTextColor:\"#FFFFFF\",normalColor1:\"#777777\",normalColor2:\"#0F1111\",hoverColor1:\"#006BFF\",hoverColor2:\"#06152E\",blueColor:\"#005BFF\",lightColor:\"rgba(0,225,255,0.35)\",hoverLightColor:\"#00E5FF\",glowSize:18,glowOpacity:.28,speed:1.8,alignX:\"center\",alignY:\"center\",hoverScale:1.03};addPropertyControls(RealismButton,{text:{type:ControlType.String,title:\"Text\"},buttonWidth:{type:ControlType.Number,title:\"Width\",min:80,max:600,step:1,unit:\"px\"},buttonHeight:{type:ControlType.Number,title:\"Height\",min:32,max:240,step:1,unit:\"px\"},radius:{type:ControlType.Number,title:\"Radius\",min:0,max:120,step:1,unit:\"px\"},borderSize:{type:ControlType.Number,title:\"Border\",min:1,max:10,step:1,unit:\"px\"},fontFamily:{type:ControlType.Enum,title:\"Font\",options:[\"Inter, sans-serif\",\"Arial, sans-serif\",\"Helvetica, sans-serif\",\"Manrope, sans-serif\",\"Poppins, sans-serif\",\"Montserrat, sans-serif\",\"Plus Jakarta Sans, sans-serif\",\"Space Grotesk, sans-serif\",\"Georgia, serif\"],optionTitles:[\"Inter\",\"Arial\",\"Helvetica\",\"Manrope\",\"Poppins\",\"Montserrat\",\"Plus Jakarta\",\"Space Grotesk\",\"Georgia\"]},fontSize:{type:ControlType.Number,title:\"Font Size\",min:8,max:80,step:1,unit:\"px\"},fontWeight:{type:ControlType.Enum,title:\"Weight\",options:[300,400,500,600,700,800,900],optionTitles:[\"Light\",\"Regular\",\"Medium\",\"SemiBold\",\"Bold\",\"ExtraBold\",\"Black\"]},letterSpacing:{type:ControlType.Number,title:\"Letter\",min:-5,max:10,step:.1,unit:\"px\"},textColor:{type:ControlType.Color,title:\"Text\"},hoverTextColor:{type:ControlType.Color,title:\"Hover Text\"},normalColor1:{type:ControlType.Color,title:\"Normal 1\"},normalColor2:{type:ControlType.Color,title:\"Normal 2\"},hoverColor1:{type:ControlType.Color,title:\"Hover 1\"},hoverColor2:{type:ControlType.Color,title:\"Hover 2\"},blueColor:{type:ControlType.Color,title:\"Blue Glow\"},lightColor:{type:ControlType.Color,title:\"Normal Light\"},hoverLightColor:{type:ControlType.Color,title:\"Hover Light\"},glowSize:{type:ControlType.Number,title:\"Glow\",min:0,max:100,step:1,unit:\"px\"},glowOpacity:{type:ControlType.Number,title:\"Glow Opacity\",min:0,max:1,step:.01},speed:{type:ControlType.Number,title:\"Speed\",min:.4,max:8,step:.1},alignX:{type:ControlType.Enum,title:\"Align X\",options:[\"flex-start\",\"center\",\"flex-end\"],optionTitles:[\"Left\",\"Center\",\"Right\"]},alignY:{type:ControlType.Enum,title:\"Align Y\",options:[\"flex-start\",\"center\",\"flex-end\"],optionTitles:[\"Top\",\"Center\",\"Bottom\"]},hoverScale:{type:ControlType.Number,title:\"Hover Scale\",min:1,max:1.2,step:.01}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RealismButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientButton.map"],"mappings":"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"}