{"version":3,"file":"SeraButton.DW-RBPus.mjs","names":["useState","__esmMin","init_npm_react_18_3_1","_e","p","c","init_jsx_runtime","init_framer_DcxuU94H","ControlType","addPropertyControls","SeraButton","props","hover","setHover","pad","size","fs","bg","GOLD","fg","CREAM","border","variant","INK","INK_HOVER","GOLD_DK","style","fullWidth","SANS","newTab","label","showArrow","init_SeraButton"],"sources":["https:/framerusercontent.com/modules/QHBB8fQcWrrqB7O9mLad/Jafhyo3iPxpgjGlnC5gB/SeraButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";const GOLD=\"var(--se-gold, #B08D57)\";const GOLD_DK=\"var(--se-golddeep, #9c7a49)\";const INK=\"var(--se-ink, #2B2521)\";const INK_HOVER=\"#3a322c\";const CREAM=\"var(--se-cream, #FBF8F3)\";const SANS=\"var(--se-body, 'General Sans', -apple-system, sans-serif)\";/**\n * SÉRA — Button\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function SeraButton(props){const{label=\"Book a Consultation\",href=\"/book\",variant=\"primary\",size=\"medium\",showArrow=false,fullWidth=false,newTab=false}=props;const[hover,setHover]=useState(false);const pad=size===\"large\"?\"17px 34px\":\"13px 26px\";const fs=size===\"large\"?15.5:14.5;let bg=GOLD;let fg=CREAM;let border=\"1px solid transparent\";if(variant===\"ghost\"){bg=hover?\"color-mix(in srgb, var(--se-ink) 5%, transparent)\":\"transparent\";fg=INK;border=\"1px solid color-mix(in srgb, var(--se-ink) 28%, transparent)\";}else if(variant===\"dark\"){bg=hover?INK_HOVER:INK;fg=CREAM;}else if(variant===\"light\"){bg=hover?\"#ffffff\":CREAM;fg=INK;border=\"1px solid color-mix(in srgb, var(--se-ink) 12%, transparent)\";}else{bg=hover?GOLD_DK:GOLD;fg=CREAM;}const style={display:fullWidth?\"flex\":\"inline-flex\",width:fullWidth?\"100%\":\"auto\",boxSizing:\"border-box\",alignItems:\"center\",justifyContent:\"center\",gap:9,padding:pad,borderRadius:100,background:bg,color:fg,border,fontFamily:SANS,fontSize:fs,fontWeight:600,letterSpacing:\"0.02em\",textDecoration:\"none\",whiteSpace:\"nowrap\",cursor:\"pointer\",transform:hover?\"translateY(-1px)\":\"translateY(0)\",transition:\"background 0.35s ease, color 0.35s ease, transform 0.35s ease, border-color 0.35s ease\",...props.style};return /*#__PURE__*/_jsxs(\"a\",{href:href,target:newTab?\"_blank\":undefined,rel:newTab?\"noopener noreferrer\":undefined,style:style,onMouseEnter:()=>setHover(true),onMouseLeave:()=>setHover(false),children:[/*#__PURE__*/_jsx(\"span\",{children:label}),showArrow&&/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"12\",viewBox:\"0 0 16 12\",fill:\"none\",\"aria-hidden\":\"true\",style:{transform:hover?\"translateX(3px)\":\"translateX(0)\",transition:\"transform 0.35s ease\"},children:/*#__PURE__*/_jsx(\"path\",{d:\"M1 6h13M9 1l5 5-5 5\",stroke:fg,strokeWidth:\"1.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})]});}addPropertyControls(SeraButton,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Book a Consultation\"},href:{type:ControlType.String,title:\"Link\",defaultValue:\"/book\"},variant:{type:ControlType.Enum,title:\"Variant\",options:[\"primary\",\"ghost\",\"dark\",\"light\"],optionTitles:[\"Primary\",\"Ghost\",\"Dark\",\"Light\"],defaultValue:\"primary\",displaySegmentedControl:true},size:{type:ControlType.Enum,title:\"Size\",options:[\"medium\",\"large\"],optionTitles:[\"Medium\",\"Large\"],defaultValue:\"medium\",displaySegmentedControl:true},showArrow:{type:ControlType.Boolean,title:\"Arrow\",defaultValue:false},fullWidth:{type:ControlType.Boolean,title:\"Full Width\",defaultValue:false},newTab:{type:ControlType.Boolean,title:\"New Tab\",defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SeraButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SeraButton.map"],"mappings":"A,iLAKG,SAAwBU,EAAW,EAAM,CAAC,GAAK,CAAC,QAAM,sBAAsB,OAAK,QAAQ,UAAQ,UAAU,OAAK,SAAS,YAAU,GAAM,YAAU,GAAM,SAAO,IAAOC,EAAW,CAACC,EAAMC,GAAUb,EAAS,EAAK,EAAQc,EAAIC,IAAO,QAAQ,YAAY,YAAkBC,EAAGD,IAAO,QAAQ,KAAK,KAASE,EAAGC,EAASC,EAAGC,EAAUC,EAAO,wBAA2BC,IAAU,SAAS,EAAGV,EAAM,oDAAoD,cAAc,EAAGW,EAAI,EAAO,gEAAwED,IAAU,QAAQ,EAAGV,EAAMY,EAAUD,EAAI,EAAGH,GAAeE,IAAU,SAAS,EAAGV,EAAM,UAAUQ,EAAM,EAAGG,EAAI,EAAO,iEAAqE,EAAGX,EAAMa,EAAQP,EAAK,EAAGE,GAAO,IAAMM,EAAM,CAAC,QAAQC,EAAU,OAAO,cAAc,MAAMA,EAAU,OAAO,OAAO,UAAU,aAAa,WAAW,SAAS,eAAe,SAAS,IAAI,EAAE,QAAQb,EAAI,aAAa,IAAI,WAAWG,EAAG,MAAME,EAAG,SAAO,WAAWS,EAAK,SAASZ,EAAG,WAAW,IAAI,cAAc,SAAS,eAAe,OAAO,WAAW,SAAS,OAAO,UAAU,UAAUJ,EAAM,mBAAmB,gBAAgB,WAAW,yFAAyF,GAAGD,EAAM,KAAK,EAAE,MAAoB,gBAAM,IAAI,CAAM,OAAK,OAAOkB,EAAO,SAAS,IAAA,GAAU,IAAIA,EAAO,sBAAsB,IAAA,GAAgB,QAAM,iBAAiBhB,EAAS,EAAI,EAAE,iBAAiBA,EAAS,EAAK,EAAE,SAAS,CAAc,gBAAK,OAAO,CAAC,SAASiB,CAAK,CAAC,EAAEC,GAAwB,gBAAK,MAAM,CAAC,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAc,OAAO,MAAM,CAAC,UAAUnB,EAAM,kBAAkB,gBAAgB,WAAW,sBAAsB,EAAE,SAAsB,gBAAK,OAAO,CAAC,EAAE,sBAAsB,OAAOO,EAAG,YAAY,MAAM,cAAc,QAAQ,eAAe,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,C,0DAL/qD,EAAK,0BAAgC,EAAQ,8BAAoC,EAAI,yBAA+B,EAAU,UAAgB,EAAM,2BAAiC,EAAK,4DAKs/CV,EAAoBC,EAAW,CAAC,MAAM,CAAC,KAAKF,EAAY,OAAO,MAAM,QAAQ,aAAa,qBAAqB,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,OAAO,aAAa,OAAO,EAAE,QAAQ,CAAC,KAAKA,EAAY,KAAK,MAAM,UAAU,QAAQ,CAAC,UAAU,QAAQ,OAAO,OAAO,EAAE,aAAa,CAAC,UAAU,QAAQ,OAAO,OAAO,EAAE,aAAa,UAAU,wBAAwB,EAAI,EAAE,KAAK,CAAC,KAAKA,EAAY,KAAK,MAAM,OAAO,QAAQ,CAAC,SAAS,OAAO,EAAE,aAAa,CAAC,SAAS,OAAO,EAAE,aAAa,SAAS,wBAAwB,EAAI,EAAE,UAAU,CAAC,KAAKA,EAAY,QAAQ,MAAM,QAAQ,aAAa,EAAK,EAAE,UAAU,CAAC,KAAKA,EAAY,QAAQ,MAAM,aAAa,aAAa,EAAK,EAAE,OAAO,CAAC,KAAKA,EAAY,QAAQ,MAAM,UAAU,aAAa,EAAK,CAAC,CAAC,C"}