{"version":3,"file":"PillButton.Bb-RPsB9.mjs","names":["useState","__esmMin","init_npm_react_18_3_1","_e","p","c","init_jsx_runtime","init_framer_BWFVvmND","addPropertyControls","ControlType","PillButton","props","hover","setHover","isAnchor","href","el","newTab","bodyFont","filled","textColor","fillColor","borderColor","roll","label","init_PillButton"],"sources":["https:/framerusercontent.com/modules/V3WPaYVjffSNkTefmrgR/MSdvd2LapuBDax7sKLD2/PillButton.js"],"sourcesContent":["// Request: pill button that works as a link or as an in-page scroll. An href starting with \"#\"\n// smooth-scrolls to the element with that id (Framer's scroll-section link didn't reach ids set\n// inside code components); anything else is a normal link. Filled or outline look. Label rolls\n// up on hover (Vesper roll link). Inline styles only.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const bodyFont='\"Inter\", system-ui, sans-serif';const roll=\"transform .55s cubic-bezier(.16,1,.3,1)\";/**\n * Pill Button\n *\n * @framerIntrinsicWidth 180\n * @framerIntrinsicHeight 48\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function PillButton(props){const{label,href,newTab,filled,fillColor,textColor,borderColor}=props;const[hover,setHover]=useState(false);const isAnchor=href.startsWith(\"#\");const onClick=e=>{if(!isAnchor)return;const el=document.getElementById(href.slice(1));if(!el)return;e.preventDefault();el.scrollIntoView({behavior:\"smooth\",block:\"start\"});};return /*#__PURE__*/_jsx(\"a\",{href:href,onClick:onClick,target:!isAnchor&&newTab?\"_blank\":undefined,rel:!isAnchor&&newTab?\"noopener\":undefined,onMouseEnter:()=>setHover(true),onMouseLeave:()=>setHover(false),style:{...props.style,display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",padding:\"16px 28px\",borderRadius:999,textDecoration:\"none\",whiteSpace:\"nowrap\",fontFamily:bodyFont,fontWeight:600,fontSize:15,lineHeight:1,color:filled?\"#FFFFFF\":textColor,background:filled?fillColor:\"transparent\",border:filled?\"1px solid transparent\":`1px solid ${borderColor}`,transition:\"transform .45s cubic-bezier(.16,1,.3,1)\",transform:hover?\"translateY(-2px)\":\"none\"},children:/*#__PURE__*/_jsxs(\"span\",{style:{display:\"inline-grid\",overflow:\"hidden\",lineHeight:1.3},children:[/*#__PURE__*/_jsx(\"span\",{style:{gridArea:\"1/1\",transition:roll,transform:hover?\"translateY(-110%)\":\"none\"},children:label}),/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{gridArea:\"1/1\",transition:roll,transform:hover?\"none\":\"translateY(110%)\"},children:label})]})});}addPropertyControls(PillButton,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Start a request\"},href:{type:ControlType.String,title:\"Link\",defaultValue:\"#intake\",description:\"#id scrolls on this page; /page or https:// links out\"},newTab:{type:ControlType.Boolean,title:\"New tab\",defaultValue:false},filled:{type:ControlType.Boolean,title:\"Filled\",defaultValue:true},fillColor:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#3C6086\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#EDEDEF\"},borderColor:{type:ControlType.Color,title:\"Line\",defaultValue:\"rgba(255, 255, 255, 0.08)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PillButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"48\",\"framerIntrinsicWidth\":\"180\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PillButton.map"],"mappings":"A,iLAYG,SAAwBU,EAAW,EAAM,CAAC,GAAK,CAAC,QAAM,OAAK,SAAO,SAAO,YAAU,YAAU,eAAaC,EAAW,CAACC,EAAMC,GAAUb,EAAS,EAAK,EAAQc,EAASC,EAAK,WAAW,GAAG,EAAgL,MAAoB,gBAAK,IAAI,CAAM,OAAa,QAAhN,GAAG,CAAC,GAAG,CAACD,EAAS,OAAO,IAAME,EAAG,SAAS,eAAeD,EAAK,MAAM,CAAC,CAAC,EAAMC,IAAU,EAAE,eAAe,EAAEA,EAAG,eAAe,CAAC,SAAS,SAAS,MAAM,OAAO,CAAC,EAAE,EAA0D,OAAO,CAACF,GAAUG,EAAO,SAAS,IAAA,GAAU,IAAI,CAACH,GAAUG,EAAO,WAAW,IAAA,GAAU,iBAAiBJ,EAAS,EAAI,EAAE,iBAAiBA,EAAS,EAAK,EAAE,MAAM,CAAC,GAAGF,EAAM,MAAM,QAAQ,cAAc,WAAW,SAAS,eAAe,SAAS,QAAQ,YAAY,aAAa,IAAI,eAAe,OAAO,WAAW,SAAS,WAAWO,EAAS,WAAW,IAAI,SAAS,GAAG,WAAW,EAAE,MAAMC,EAAO,UAAUC,EAAU,WAAWD,EAAOE,EAAU,cAAc,OAAOF,EAAO,wBAAwB,aAAaG,IAAc,WAAW,0CAA0C,UAAUV,EAAM,mBAAmB,MAAM,EAAE,SAAsB,gBAAM,OAAO,CAAC,MAAM,CAAC,QAAQ,cAAc,SAAS,SAAS,WAAW,GAAG,EAAE,SAAS,CAAc,gBAAK,OAAO,CAAC,MAAM,CAAC,SAAS,MAAM,WAAWW,EAAK,UAAUX,EAAM,oBAAoB,MAAM,EAAE,SAASY,CAAK,CAAC,EAAe,gBAAK,OAAO,CAAC,cAAc,OAAO,MAAM,CAAC,SAAS,MAAM,WAAWD,EAAK,UAAUX,EAAM,OAAO,kBAAkB,EAAE,SAASY,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,C,kDAR3vC,EAAS,iCAAuC,EAAK,0CAQusChB,EAAoBE,EAAW,CAAC,MAAM,CAAC,KAAKD,EAAY,OAAO,MAAM,QAAQ,aAAa,iBAAiB,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,OAAO,aAAa,UAAU,YAAY,uDAAuD,EAAE,OAAO,CAAC,KAAKA,EAAY,QAAQ,MAAM,UAAU,aAAa,EAAK,EAAE,OAAO,CAAC,KAAKA,EAAY,QAAQ,MAAM,SAAS,aAAa,EAAI,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,aAAa,SAAS,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,aAAa,SAAS,EAAE,YAAY,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,aAAa,2BAA2B,CAAC,CAAC,C"}