{"version":3,"file":"PillButton.N6ShLGgr.mjs","names":["useState","startTransition"],"sources":["https:/framerusercontent.com/modules/SWJJTFmJDBm8k3ePAfsn/tPJSVpsbgr1JvtFHU2Qe/PillButton.js"],"sourcesContent":["// Button component with rounded pill background, border, padding, and hover effects\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function PillButton(props){const{label=\"Click me\",url=\"\",backgroundColor=\"#FFFFFF\",hoverBackgroundColor=\"#333333\",textColor=\"#FFFFFF\",hoverTextColor=\"#FFFFFF\",borderColor=\"#000000\",hoverBorderColor=\"#333333\",borderWidth=2,paddingX=24,paddingY=12,font={},style}=props;const[isHovered,setIsHovered]=useState(false);const buttonContent=/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",paddingLeft:`${paddingX}px`,paddingRight:`${paddingX}px`,paddingTop:`${paddingY}px`,paddingBottom:`${paddingY}px`,backgroundColor:isHovered?hoverBackgroundColor:backgroundColor,color:isHovered?hoverTextColor:textColor,borderRadius:\"9999px\",border:`${borderWidth}px solid ${isHovered?hoverBorderColor:borderColor}`,cursor:\"pointer\",transition:\"all 0.2s ease\",width:\"max-content\",...font},onMouseEnter:()=>startTransition(()=>setIsHovered(true)),onMouseLeave:()=>startTransition(()=>setIsHovered(false)),children:label});if(url){return /*#__PURE__*/_jsx(\"a\",{href:url,style:{...style,position:\"relative\",textDecoration:\"none\",display:\"inline-block\"},children:buttonContent});}return /*#__PURE__*/_jsx(\"div\",{style:{...style,position:\"relative\",display:\"inline-block\"},children:buttonContent});}addPropertyControls(PillButton,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Click me\"},url:{type:ControlType.String,title:\"URL\",placeholder:\"e.g., #section or /page\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#000000\"},hoverBackgroundColor:{type:ControlType.Color,title:\"Hover Background\",defaultValue:\"#333333\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#FFFFFF\"},hoverTextColor:{type:ControlType.Color,title:\"Hover Text\",defaultValue:\"#FFFFFF\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#000000\"},hoverBorderColor:{type:ControlType.Color,title:\"Hover Border\",defaultValue:\"#333333\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:2,min:0,max:10,step:1,unit:\"px\"},paddingX:{type:ControlType.Number,title:\"Padding X\",defaultValue:24,min:0,max:100,step:1,unit:\"px\"},paddingY:{type:ControlType.Number,title:\"Padding Y\",defaultValue:12,min:0,max:100,step:1,unit:\"px\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{variant:\"Semibold\",fontSize:\"16px\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PillButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PillButton.map"],"mappings":"iLAIG,SAAwB,EAAW,EAAM,CAAC,GAAK,CAAC,QAAM,WAAW,MAAI,GAAG,kBAAgB,UAAU,uBAAqB,UAAU,YAAU,UAAU,iBAAe,UAAU,cAAY,UAAU,mBAAiB,UAAU,cAAY,EAAE,WAAS,GAAG,WAAS,GAAG,OAAK,EAAE,CAAC,SAAO,EAAW,CAAC,EAAU,GAAcA,EAAS,GAAM,CAAO,EAA2B,EAAK,OAAO,CAAC,MAAM,CAAC,QAAQ,cAAc,WAAW,SAAS,eAAe,SAAS,YAAY,GAAG,EAAS,IAAI,aAAa,GAAG,EAAS,IAAI,WAAW,GAAG,EAAS,IAAI,cAAc,GAAG,EAAS,IAAI,gBAAgB,EAAU,EAAqB,EAAgB,MAAM,EAAU,EAAe,EAAU,aAAa,SAAS,OAAO,GAAG,EAAY,WAAW,EAAU,EAAiB,IAAc,OAAO,UAAU,WAAW,gBAAgB,MAAM,cAAc,GAAG,EAAK,CAAC,iBAAiBC,MAAoB,EAAa,GAAK,CAAC,CAAC,iBAAiBA,MAAoB,EAAa,GAAM,CAAC,CAAC,SAAS,EAAM,CAAC,CAA4J,OAAxJ,EAAyB,EAAK,IAAI,CAAC,KAAK,EAAI,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,eAAe,OAAO,QAAQ,eAAe,CAAC,SAAS,EAAc,CAAC,CAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,QAAQ,eAAe,CAAC,SAAS,EAAc,CAAC,kBAH7qC,IAA4C,IAAoD,CAG+kC,EAAoB,EAAW,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,WAAW,CAAC,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,YAAY,0BAA0B,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,qBAAqB,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,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,iBAAiB,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,UAAU,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,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,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,QAAQ,WAAW,SAAS,OAAO,cAAc,UAAU,WAAW,MAAM,CAAC,CAAC,CAAC"}