{"version":3,"file":"GradientBorderButton.Bc-AzgUa.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/GRHukTeQBjiEQoZ9QHmT/hPJRXechNvDrkUmRw0vu/GradientBorderButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";export default function GradientBorderButton({label=\"CONTACT US\",link=\"/contact\",openInNewTab=false,gradientStart=\"#AE1857\",gradientEnd=\"#592C82\",gradientAngle=135,borderWidth=2,borderRadius=4,textColor=\"rgb(247, 252, 255)\",fontSize=16,fontWeight=600,fontFamily='\"Inter\", sans-serif',letterSpacing=\"0.04em\",paddingX=20,paddingY=10,frostOpacity=.12,hoverMode=\"frost-in\"}){const[hovered,setHovered]=useState(false);const id=\"gbg-\"+Math.abs(label.split(\"\").reduce((a,c)=>a+c.charCodeAt(0),0));const rad=gradientAngle*Math.PI/180;const x1=`${50-50*Math.cos(rad)}%`;const y1=`${50-50*Math.sin(rad)}%`;const x2=`${50+50*Math.cos(rad)}%`;const y2=`${50+50*Math.sin(rad)}%`;const isFrosted=hoverMode===\"frost-in\"?hovered:!hovered;return /*#__PURE__*/_jsxs(\"a\",{href:link||\"#\",target:openInNewTab?\"_blank\":undefined,rel:openInNewTab?\"noopener noreferrer\":undefined,onMouseEnter:()=>setHovered(true),onMouseLeave:()=>setHovered(false),style:{position:\"relative\",display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",padding:`${paddingY+borderWidth}px ${paddingX+borderWidth}px`,fontFamily,fontSize,fontWeight,color:textColor,letterSpacing,whiteSpace:\"nowrap\",textDecoration:\"none\",cursor:\"pointer\",background:isFrosted?`rgba(255, 255, 255, ${frostOpacity})`:\"transparent\",backdropFilter:isFrosted?\"blur(8px)\":\"none\",WebkitBackdropFilter:isFrosted?\"blur(8px)\":\"none\",borderRadius,transition:\"background 0.25s ease, backdrop-filter 0.25s ease\"},children:[/*#__PURE__*/_jsxs(\"svg\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",overflow:\"visible\",pointerEvents:\"none\"},preserveAspectRatio:\"none\",children:[/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsxs(\"linearGradient\",{id:id,x1:x1,y1:y1,x2:x2,y2:y2,gradientUnits:\"userSpaceOnUse\",children:[/*#__PURE__*/_jsx(\"stop\",{offset:\"0%\",stopColor:gradientStart}),/*#__PURE__*/_jsx(\"stop\",{offset:\"100%\",stopColor:gradientEnd})]})}),/*#__PURE__*/_jsx(\"rect\",{x:borderWidth/2,y:borderWidth/2,width:`calc(100% - ${borderWidth}px)`,height:`calc(100% - ${borderWidth}px)`,rx:borderRadius,ry:borderRadius,fill:\"none\",stroke:`url(#${id})`,strokeWidth:borderWidth})]}),label]});}addPropertyControls(GradientBorderButton,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"CONTACT US\"},link:{type:ControlType.Link,title:\"Link\"},openInNewTab:{type:ControlType.Boolean,title:\"New Tab\",defaultValue:false},hoverMode:{type:ControlType.Enum,title:\"Hover Mode\",options:[\"frost-in\",\"frost-out\"],optionTitles:[\"Frost In (clear → frost)\",\"Frost Out (frost → clear)\"],defaultValue:\"frost-in\",displaySegmentedControl:true},frostOpacity:{type:ControlType.Number,title:\"Frost Opacity\",defaultValue:.12,min:.02,max:.4,step:.01,displayStepper:true},gradientStart:{type:ControlType.Color,title:\"Color Start\",defaultValue:\"#AE1857\"},gradientEnd:{type:ControlType.Color,title:\"Color End\",defaultValue:\"#592C82\"},gradientAngle:{type:ControlType.Number,title:\"Angle\",defaultValue:135,min:0,max:360,step:5,displayStepper:true},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:2,min:1,max:6,step:.5,displayStepper:true},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:4,min:0,max:40,step:1,displayStepper:true},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"rgb(247, 252, 255)\"},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:16,min:10,max:32,displayStepper:true},fontWeight:{type:ControlType.Number,title:\"Font Weight\",defaultValue:600,min:100,max:900,step:100,displayStepper:true},fontFamily:{type:ControlType.String,title:\"Font Family\",defaultValue:'\"Inter\", sans-serif'},letterSpacing:{type:ControlType.String,title:\"Letter Spacing\",defaultValue:\"0.04em\"},paddingX:{type:ControlType.Number,title:\"Padding X\",defaultValue:20,min:4,max:80,displayStepper:true},paddingY:{type:ControlType.Number,title:\"Padding Y\",defaultValue:10,min:4,max:60,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientBorderButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientBorderButton.map"],"mappings":"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"}