{"version":3,"file":"ActionButton.ChDkY8gi.mjs","names":["React.useState"],"sources":["https:/framerusercontent.com/modules/pZrr6ZbNKRBJbuKAW1FB/AvC9cFYbVFFXok6iL8sL/ActionButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const EASE=\"cubic-bezier(0.23, 1, 0.32, 1)\";const SPRING=\"cubic-bezier(0.34, 1.56, 0.64, 1)\";const SOFT=\"cubic-bezier(0.22, 1, 0.36, 1)\";const sizeStyles={sm:{fontSize:14,minHeight:36,padding:\"8px 12px\",arrowSize:16},md:{fontSize:14,minHeight:40,padding:\"8px 14px\",arrowSize:18},lg:{fontSize:15,minHeight:52,padding:\"14px 18px\",arrowSize:18},xl:{fontSize:16,minHeight:60,padding:\"16px 24px\",arrowSize:20},\"2xl\":{fontSize:18,minHeight:68,padding:\"18px 28px\",arrowSize:22}};const variantStyles={solid:{background:\"linear-gradient(180deg, #1c1917 0%, #0c0a09 100%)\",hoverBackground:\"linear-gradient(180deg, #292524 0%, #1c1917 100%)\",border:\"none\",hoverBorder:\"none\",color:\"#ffffff\",hoverColor:\"#ffffff\",arrowBackground:\"rgba(255,255,255,0.16)\",arrowColor:\"#ffffff\"},outline:{background:\"#ffffff\",hoverBackground:\"#1c1917\",border:\"1.5px solid #1c1917\",hoverBorder:\"1.5px solid #1c1917\",color:\"#1c1917\",hoverColor:\"#ffffff\",arrowBackground:\"#f5f5f4\",arrowColor:\"#1c1917\",hoverArrowBackground:\"rgba(255,255,255,0.18)\",hoverArrowColor:\"#ffffff\"},secondary:{background:\"#ffffff\",hoverBackground:\"#fafaf9\",border:\"1px solid #e7e5e4\",hoverBorder:\"1px solid #d6d3d1\",color:\"#1c1917\",hoverColor:\"#1c1917\",arrowBackground:\"#f5f5f4\",arrowColor:\"#44403c\"},inline:{background:\"transparent\",hoverBackground:\"transparent\",border:\"none\",hoverBorder:\"none\",color:\"#FC5200\",hoverColor:\"#e04a00\",arrowBackground:\"transparent\",arrowColor:\"#FC5200\"}};function shadows(variant,dramatic){if(variant===\"solid\"){if(dramatic){return{rest:\"inset 0 1px 0 0 rgba(255,255,255,0.08), inset 0 0 0 1px rgba(255,255,255,0.06), 0 1px 2px rgba(0,0,0,0.25), 0 2px 6px rgba(0,0,0,0.15)\",hover:\"inset 0 1px 0 0 rgba(255,255,255,0.14), inset 0 0 0 1px rgba(255,255,255,0.1), 0 4px 10px rgba(0,0,0,0.26), 0 12px 28px -10px rgba(0,0,0,0.4)\"};}return{rest:\"inset 0 1px 0 0 rgba(255,255,255,0.08), 0 1px 2px rgba(0,0,0,0.18)\",hover:\"inset 0 1px 0 0 rgba(255,255,255,0.12), 0 2px 6px rgba(0,0,0,0.22)\"};}if(variant===\"outline\"){return{rest:\"0 1px 2px rgba(28,25,23,0.06)\",hover:\"0 2px 6px rgba(28,25,23,0.18)\"};}if(variant===\"secondary\"){return{rest:\"none\",hover:\"0 1px 3px rgba(28,25,23,0.07)\"};}return{rest:\"none\",hover:\"none\"};}const DiagonalArrowIcon=({size=16,color=\"currentColor\"})=>/*#__PURE__*/_jsx(\"svg\",{width:size,height:size,viewBox:\"0 0 20 20\",fill:\"none\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M5.25 14.75L14.75 5.25M7.75 5.25H14.75V12.25\",stroke:color,strokeWidth:\"1.6\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})});const RightArrowIcon=({size=16,color=\"currentColor\"})=>/*#__PURE__*/_jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:size,height:size,viewBox:\"0 0 256 256\",fill:\"none\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\",fill:color})});const SparkleIcon=({size=16,color=\"currentColor\"})=>/*#__PURE__*/_jsx(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",\"aria-hidden\":\"true\",style:{display:\"block\"},children:/*#__PURE__*/_jsx(\"path\",{d:\"M12 2.5c.65 5.1 4.4 8.85 9.5 9.5-5.1.65-8.85 4.4-9.5 9.5-.65-5.1-4.4-8.85-9.5-9.5 5.1-.65 8.85-4.4 9.5-9.5z\",fill:color})});/**\n * @framerIntrinsicWidth 180\n * @framerIntrinsicHeight 44\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight fixed\n */export default function ActionButton({style,label=\"Get started\",href=\"https://app.loops.so/register\",openInNewTab=true,variant=\"solid\",size=\"md\",borderRadius=8,showArrow=false,sparkle=false}){const[hovered,setHovered]=React.useState(false);const[pressed,setPressed]=React.useState(false);const sizeStyle=sizeStyles[size]||sizeStyles.md;const variantStyle=variantStyles[variant];const isInline=variant===\"inline\";const dramatic=size===\"xl\"||size===\"2xl\";const shouldShowArrow=showArrow||isInline;const shadowSet=shadows(variant,dramatic);const outerBackground=hovered?variantStyle.hoverBackground:variantStyle.background;const outerBorder=hovered?variantStyle.hoverBorder:variantStyle.border;const outerBoxShadow=hovered?shadowSet.hover:shadowSet.rest;const arrowBackground=hovered?variantStyle.hoverArrowBackground||variantStyle.arrowBackground:variantStyle.arrowBackground;const arrowColor=hovered?variantStyle.hoverArrowColor||variantStyle.arrowColor:variantStyle.arrowColor;const Element=href?\"a\":\"div\";const ArrowComponent=isInline?RightArrowIcon:DiagonalArrowIcon;const lift=isInline?\"none\":pressed?dramatic?\"translateY(0.5px) scale(0.985)\":\"scale(0.98)\":hovered&&dramatic?\"translateY(-1.5px)\":\"none\";return /*#__PURE__*/_jsxs(Element,{href:href||undefined,target:href&&openInNewTab?\"_blank\":undefined,rel:href&&openInNewTab?\"noreferrer\":undefined,style:{position:\"relative\",display:\"inline-flex\",alignItems:\"center\",justifyContent:isInline?\"flex-start\":\"center\",gap:shouldShowArrow?\"8px\":\"0px\",width:isInline?\"fit-content\":\"100%\",minHeight:`${sizeStyle.minHeight}px`,padding:isInline?\"0px\":sizeStyle.padding,borderRadius:`${borderRadius}px`,border:outerBorder,background:outerBackground,boxShadow:outerBoxShadow,color:hovered?variantStyle.hoverColor:variantStyle.color,textDecoration:\"none\",cursor:\"pointer\",userSelect:\"none\",boxSizing:\"border-box\",overflow:isInline?\"visible\":\"hidden\",transform:lift,transition:`background 180ms ${EASE}, border-color 180ms ${EASE}, color 180ms ${EASE}, box-shadow 220ms ${EASE}, transform 220ms ${SPRING}`,WebkitTapHighlightColor:\"transparent\",...style},onMouseEnter:()=>setHovered(true),onMouseLeave:()=>{setHovered(false);setPressed(false);},onMouseDown:()=>setPressed(true),onMouseUp:()=>setPressed(false),children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                @keyframes ab-sheen {\n                    from { transform: translateX(-160%) skewX(-18deg); }\n                    to { transform: translateX(420%) skewX(-18deg); }\n                }\n            `}),hovered&&variant===\"solid\"&&dramatic?/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",top:0,bottom:0,left:0,width:\"34%\",background:\"linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 50%, rgba(255,255,255,0) 100%)\",pointerEvents:\"none\",animation:\"ab-sheen 850ms ease both\"}}):null,sparkle?/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",width:sizeStyle.fontSize,height:sizeStyle.fontSize,flexShrink:0,transform:hovered?\"rotate(90deg) scale(1.12) translateZ(0)\":\"rotate(0deg) scale(1) translateZ(0)\",willChange:\"transform\",transition:`transform 340ms ${SOFT}`},children:/*#__PURE__*/_jsx(SparkleIcon,{size:sizeStyle.fontSize,color:\"currentColor\"})}):null,/*#__PURE__*/_jsxs(\"span\",{style:{position:\"relative\",fontFamily:\"Inter, sans-serif\",fontSize:`${sizeStyle.fontSize}px`,fontWeight:500,letterSpacing:isInline?\"-0.02em\":\"-0.01em\",lineHeight:isInline?\"150%\":\"20px\",whiteSpace:\"nowrap\"},children:[label,isInline?/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",left:0,right:0,bottom:-3,height:1.5,borderRadius:1,background:\"currentColor\",transform:hovered?\"scaleX(1)\":\"scaleX(0)\",transformOrigin:\"left center\",transition:`transform 280ms ${EASE}`}}):null]}),shouldShowArrow?/*#__PURE__*/_jsx(\"span\",{style:{width:isInline?`${sizeStyle.arrowSize-4}px`:`${sizeStyle.arrowSize}px`,height:isInline?`${sizeStyle.arrowSize-4}px`:`${sizeStyle.arrowSize}px`,display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",borderRadius:isInline?\"0px\":`${sizeStyle.arrowSize}px`,background:arrowBackground,color:arrowColor,transition:`transform 260ms ${SOFT}, background 180ms ${EASE}, color 180ms ${EASE}`,transform:hovered?isInline?\"translateX(4px)\":\"translate(1px, -1px)\":\"translate(0px, 0px)\"},children:/*#__PURE__*/_jsx(ArrowComponent,{size:sizeStyle.arrowSize-4,color:arrowColor})}):null]});}addPropertyControls(ActionButton,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Get started\"},href:{type:ControlType.String,title:\"Link\",defaultValue:\"https://app.loops.so/register\"},openInNewTab:{type:ControlType.Boolean,title:\"New Tab\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\"},variant:{type:ControlType.Enum,title:\"Variant\",options:[\"solid\",\"outline\",\"secondary\",\"inline\"],optionTitles:[\"Solid\",\"Outline\",\"Secondary\",\"Inline\"],defaultValue:\"solid\"},size:{type:ControlType.Enum,title:\"Size\",options:[\"sm\",\"md\",\"lg\",\"xl\",\"2xl\"],optionTitles:[\"S\",\"M\",\"L\",\"XL\",\"2XL\"],defaultValue:\"md\"},borderRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:40,step:1,defaultValue:8},showArrow:{type:ControlType.Boolean,title:\"Arrow\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\"},sparkle:{type:ControlType.Boolean,title:\"Sparkle\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ActionButton\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"180\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"44\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ActionButton.map"],"mappings":"4KAA6hD,SAAS,EAAQ,EAAQ,EAAS,CAAgrB,OAA5qB,IAAU,QAAY,EAAgB,CAAC,KAAK,yIAAyI,MAAM,gJAAgJ,CAAQ,CAAC,KAAK,qEAAqE,MAAM,qEAAqE,CAAK,IAAU,UAAiB,CAAC,KAAK,gCAAgC,MAAM,gCAAgC,CAAK,IAAU,YAAmB,CAAC,KAAK,OAAO,MAAM,gCAAgC,CAAQ,CAAC,KAAK,OAAO,MAAM,OAAO,CAK5wE,SAAwB,EAAa,CAAC,QAAM,QAAM,cAAc,OAAK,gCAAgC,eAAa,GAAK,UAAQ,QAAQ,OAAK,KAAK,eAAa,EAAE,YAAU,GAAM,UAAQ,IAAO,CAAC,GAAK,CAAC,EAAQ,GAAYA,EAAe,GAAM,CAAM,CAAC,EAAQ,GAAYA,EAAe,GAAM,CAAO,EAAU,EAAW,IAAO,EAAW,GAAS,EAAa,EAAc,GAAe,EAAS,IAAU,SAAe,EAAS,IAAO,MAAM,IAAO,MAAY,EAAgB,GAAW,EAAe,EAAU,EAAQ,EAAQ,EAAS,CAAO,EAAgB,EAAQ,EAAa,gBAAgB,EAAa,WAAiB,EAAY,EAAQ,EAAa,YAAY,EAAa,OAAa,EAAe,EAAQ,EAAU,MAAM,EAAU,KAAW,EAAgB,GAAQ,EAAa,sBAAmD,EAAa,gBAAsB,EAAW,GAAQ,EAAa,iBAAyC,EAAa,WAAiB,EAAQ,EAAK,IAAI,MAAY,EAAe,EAAS,EAAe,EAAwB,EAAK,EAAS,OAAO,EAAQ,EAAS,iCAAiC,cAAc,GAAS,EAAS,qBAAqB,OAAO,OAAoB,EAAM,EAAQ,CAAC,KAAK,GAAM,IAAA,GAAU,OAAO,GAAM,EAAa,SAAS,IAAA,GAAU,IAAI,GAAM,EAAa,aAAa,IAAA,GAAU,MAAM,CAAC,SAAS,WAAW,QAAQ,cAAc,WAAW,SAAS,eAAe,EAAS,aAAa,SAAS,IAAI,EAAgB,MAAM,MAAM,MAAM,EAAS,cAAc,OAAO,UAAU,GAAG,EAAU,UAAU,IAAI,QAAQ,EAAS,MAAM,EAAU,QAAQ,aAAa,GAAG,EAAa,IAAI,OAAO,EAAY,WAAW,EAAgB,UAAU,EAAe,MAAM,EAAQ,EAAa,WAAW,EAAa,MAAM,eAAe,OAAO,OAAO,UAAU,WAAW,OAAO,UAAU,aAAa,SAAS,EAAS,UAAU,SAAS,UAAU,EAAK,WAAW,oBAAoB,EAAK,uBAAuB,EAAK,gBAAgB,EAAK,qBAAqB,EAAK,oBAAoB,IAAS,wBAAwB,cAAc,GAAG,EAAM,CAAC,iBAAiB,EAAW,GAAK,CAAC,iBAAiB,CAAC,EAAW,GAAM,CAAC,EAAW,GAAM,EAAG,gBAAgB,EAAW,GAAK,CAAC,cAAc,EAAW,GAAM,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;;;;cAK7uE,CAAC,CAAC,GAAS,IAAU,SAAS,EAAsB,EAAK,OAAO,CAAC,cAAc,OAAO,MAAM,CAAC,SAAS,WAAW,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,WAAW,wGAAwG,cAAc,OAAO,UAAU,2BAA2B,CAAC,CAAC,CAAC,KAAK,EAAqB,EAAK,OAAO,CAAC,cAAc,OAAO,MAAM,CAAC,QAAQ,cAAc,WAAW,SAAS,eAAe,SAAS,MAAM,EAAU,SAAS,OAAO,EAAU,SAAS,WAAW,EAAE,UAAU,EAAQ,0CAA0C,sCAAsC,WAAW,YAAY,WAAW,mBAAmB,IAAO,CAAC,SAAsB,EAAK,EAAY,CAAC,KAAK,EAAU,SAAS,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,KAAkB,EAAM,OAAO,CAAC,MAAM,CAAC,SAAS,WAAW,WAAW,oBAAoB,SAAS,GAAG,EAAU,SAAS,IAAI,WAAW,IAAI,cAAc,EAAS,UAAU,UAAU,WAAW,EAAS,OAAO,OAAO,WAAW,SAAS,CAAC,SAAS,CAAC,EAAM,EAAsB,EAAK,OAAO,CAAC,cAAc,OAAO,MAAM,CAAC,SAAS,WAAW,KAAK,EAAE,MAAM,EAAE,OAAO,GAAG,OAAO,IAAI,aAAa,EAAE,WAAW,eAAe,UAAU,EAAQ,YAAY,YAAY,gBAAgB,cAAc,WAAW,mBAAmB,IAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAA6B,EAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAS,GAAG,EAAU,UAAU,EAAE,IAAI,GAAG,EAAU,UAAU,IAAI,OAAO,EAAS,GAAG,EAAU,UAAU,EAAE,IAAI,GAAG,EAAU,UAAU,IAAI,QAAQ,cAAc,WAAW,SAAS,eAAe,SAAS,aAAa,EAAS,MAAM,GAAG,EAAU,UAAU,IAAI,WAAW,EAAgB,MAAM,EAAW,WAAW,mBAAmB,EAAK,qBAAqB,EAAK,gBAAgB,IAAO,UAAU,EAAQ,EAAS,kBAAkB,uBAAuB,sBAAsB,CAAC,SAAsB,EAAK,EAAe,CAAC,KAAK,EAAU,UAAU,EAAE,MAAM,EAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,kCAVj2D,IAA4B,IAAoD,CAAM,EAAK,iCAAuC,EAAO,oCAA0C,EAAK,iCAAuC,EAAW,CAAC,GAAG,CAAC,SAAS,GAAG,UAAU,GAAG,QAAQ,WAAW,UAAU,GAAG,CAAC,GAAG,CAAC,SAAS,GAAG,UAAU,GAAG,QAAQ,WAAW,UAAU,GAAG,CAAC,GAAG,CAAC,SAAS,GAAG,UAAU,GAAG,QAAQ,YAAY,UAAU,GAAG,CAAC,GAAG,CAAC,SAAS,GAAG,UAAU,GAAG,QAAQ,YAAY,UAAU,GAAG,CAAC,MAAM,CAAC,SAAS,GAAG,UAAU,GAAG,QAAQ,YAAY,UAAU,GAAG,CAAC,CAAO,EAAc,CAAC,MAAM,CAAC,WAAW,oDAAoD,gBAAgB,oDAAoD,OAAO,OAAO,YAAY,OAAO,MAAM,UAAU,WAAW,UAAU,gBAAgB,yBAAyB,WAAW,UAAU,CAAC,QAAQ,CAAC,WAAW,UAAU,gBAAgB,UAAU,OAAO,sBAAsB,YAAY,sBAAsB,MAAM,UAAU,WAAW,UAAU,gBAAgB,UAAU,WAAW,UAAU,qBAAqB,yBAAyB,gBAAgB,UAAU,CAAC,UAAU,CAAC,WAAW,UAAU,gBAAgB,UAAU,OAAO,oBAAoB,YAAY,oBAAoB,MAAM,UAAU,WAAW,UAAU,gBAAgB,UAAU,WAAW,UAAU,CAAC,OAAO,CAAC,WAAW,cAAc,gBAAgB,cAAc,OAAO,OAAO,YAAY,OAAO,MAAM,UAAU,WAAW,UAAU,gBAAgB,cAAc,WAAW,UAAU,CAAC,CAA2vB,GAAmB,CAAC,OAAK,GAAG,QAAM,kBAA+B,EAAK,MAAM,CAAC,MAAM,EAAK,OAAO,EAAK,QAAQ,YAAY,KAAK,OAAO,cAAc,OAAO,SAAsB,EAAK,OAAO,CAAC,EAAE,+CAA+C,OAAO,EAAM,YAAY,MAAM,cAAc,QAAQ,eAAe,QAAQ,CAAC,CAAC,CAAC,CAAO,GAAgB,CAAC,OAAK,GAAG,QAAM,kBAA+B,EAAK,MAAM,CAAC,MAAM,6BAA6B,MAAM,EAAK,OAAO,EAAK,QAAQ,cAAc,KAAK,OAAO,cAAc,OAAO,SAAsB,EAAK,OAAO,CAAC,EAAE,0IAA0I,KAAK,EAAM,CAAC,CAAC,CAAC,CAAO,GAAa,CAAC,OAAK,GAAG,QAAM,kBAA+B,EAAK,MAAM,CAAC,MAAM,EAAK,OAAO,EAAK,QAAQ,YAAY,KAAK,OAAO,cAAc,OAAO,MAAM,CAAC,QAAQ,QAAQ,CAAC,SAAsB,EAAK,OAAO,CAAC,EAAE,8GAA8G,KAAK,EAAM,CAAC,CAAC,CAAC,CAUz4C,EAAoB,EAAa,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,cAAc,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,gCAAgC,CAAC,aAAa,CAAC,KAAK,EAAY,QAAQ,MAAM,UAAU,aAAa,GAAK,aAAa,MAAM,cAAc,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAY,KAAK,MAAM,UAAU,QAAQ,CAAC,QAAQ,UAAU,YAAY,SAAS,CAAC,aAAa,CAAC,QAAQ,UAAU,YAAY,SAAS,CAAC,aAAa,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,QAAQ,CAAC,KAAK,KAAK,KAAK,KAAK,MAAM,CAAC,aAAa,CAAC,IAAI,IAAI,IAAI,KAAK,MAAM,CAAC,aAAa,KAAK,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,aAAa,EAAE,CAAC,UAAU,CAAC,KAAK,EAAY,QAAQ,MAAM,QAAQ,aAAa,GAAM,aAAa,OAAO,cAAc,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAY,QAAQ,MAAM,UAAU,aAAa,GAAM,aAAa,OAAO,cAAc,OAAO,CAAC,CAAC"}