{"version":3,"file":"Button.CDzyD1Bi.mjs","names":["useMemo","Button"],"sources":["https:/framerusercontent.com/modules/Tcurjd4ox9opoVR0uFUv/lkRDvkN4CVuWnz9zOj3g/Button.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{// Framer & React\nuseMemo,addPropertyControls,ControlType,withCSS,// Typer Component\nButton,// Utils\nexcludeStylizingProps,getButtonControls,selectStylizingProps}from\"https://framerusercontent.com/modules/7LlaxFH6zgxheHKUdYhS/GWNEua82xQ5PTdYcYXZs/Import.js\";/**\n * TYPER BUTTON\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function Component(props){const{content,options}=props;// Extract Variables\nconst style=selectStylizingProps(props);const params=excludeStylizingProps({...props,...options});// Generate the ID\nconst id=useMemo(()=>{const lib=window?.crypto||crypto;const uuid=lib?.randomUUID().slice(0,5);return`typer-${uuid}`;},[]);// Generate the inlineCSS\nconst inlineCSS=useMemo(()=>{const{font,color,fontSize,fontWeight,fontFamily,fontSpacing,lineHeight,letterSpacing,textTransform,textDecoration,padding,backgroundColor,border,borderColor,borderRadius,borderWidth,boxShadow,borderStyle,alignItems,justifyContent}=style;//transition:${stringifyTransitionObject(focus?.transition)};\nreturn[`#${id}:before { \n                position: absolute;\n                inset:0;\n                border-color:${borderColor}; \n                border-width:${borderWidth}px; \n                border-style:${borderStyle};\n                border-radius:${borderRadius};\n                content: \" \";\n        }`,`#${id} { \n                display: flex;\n                align-items: ${alignItems};\n                justify-content: ${justifyContent};\n                padding:${padding};\n                font-family:${fontFamily};\n                color:${color};\n                font-size:${fontSize}px;\n                font-weight: ${fontWeight};\n                text-align: ${alignItems};\n                letter-spacing: ${letterSpacing}em;\n                line-height: ${lineHeight}em;\n                text-transform: ${textTransform};\n                text-decoration: ${textDecoration};\n                background-color:${backgroundColor};\n                border-radius:${borderRadius};\n                box-shadow:${boxShadow};\n                border: none;\n                cursor: pointer;\n            }`];},[style]);// Generate the Component\nconst ComponentWithoutCSS=()=>/*#__PURE__*/_jsx(Button,{...params,id:id,children:content});const ComponentWithCSS=withCSS(ComponentWithoutCSS,inlineCSS,id);return /*#__PURE__*/_jsx(ComponentWithCSS,{});}Component.displayName=\"Typer Button NPM\";addPropertyControls(Component,{//Events Properties\nonSubmit:{type:ControlType.EventHandler},onInvalidFields:{title:\"Invalid\",type:ControlType.EventHandler},onSuccess:{type:ControlType.EventHandler},onFail:{type:ControlType.EventHandler},onForbidden:{type:ControlType.EventHandler},onNotFound:{type:ControlType.EventHandler},action:{title:\"Submit URL\",type:ControlType.String},options:{title:\"Advanced\",type:ControlType.Object,controls:{method:{title:\"Method\",type:ControlType.Enum,defaultValue:\"\",options:[\"\",\"get\",\"post\"],optionTitles:[\"Auto\",\"Get\",\"Post\"]},mode:{title:\"Mode\",type:ControlType.Enum,defaultValue:\"\",options:[\"\",\"cors\",\"no-cors\"],optionTitles:[\"Auto\",\"Cors\",\"No-cors\"]},contentType:{title:\"Content\",type:ControlType.Enum,defaultValue:\"\",options:[\"\",\"application/json\",\"application/x-www-form-urlencoded;charset=UTF-8\"],optionTitles:[\"Auto\",\"JSON\",\"Form\"],description:\"\\nIf you don't knowm, let Typer chose for you by selecting \\xab Auto \\xbb.\"}},defaultValue:{mode:\"auto\",method:\"auto\",contentType:\"auto\"},description:\" \"},//Text Properties\n...getButtonControls({content:\"Submit\",color:\"#FFF\",fontWeight:700,backgroundColor:\"#333\",lineHeight:1.2})});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Component\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"4YAOG,SAAwB,EAAU,EAAM,CAAC,GAAK,CAAC,UAAQ,WAAS,EAC7D,EAAM,EAAqB,EAAM,CAAO,EAAO,EAAsB,CAAC,GAAG,EAAM,GAAG,EAAQ,CAAC,CAC3F,EAAGA,MAA4F,UAArE,GAAQ,QAAQ,SAAuB,YAAY,CAAC,MAAM,EAAE,EAAE,GAAyB,EAAE,CAAC,CACpH,EAAUA,MAAY,CAAC,GAAK,CAAC,OAAK,QAAM,WAAS,aAAW,aAAW,cAAY,aAAW,gBAAc,gBAAc,iBAAe,UAAQ,kBAAgB,SAAO,cAAY,eAAa,cAAY,YAAU,cAAY,aAAW,kBAAgB,EACpQ,MAAM,CAAC,IAAI,EAAG;;;+BAGiB,EAAY;+BACZ,EAAY;+BACZ,EAAY;gCACX,EAAa;;WAElC,IAAI,EAAG;;+BAEa,EAAW;mCACP,EAAe;0BACxB,EAAQ;8BACJ,EAAW;wBACjB,EAAM;4BACF,EAAS;+BACN,EAAW;8BACZ,EAAW;kCACP,EAAc;+BACjB,EAAW;kCACR,EAAc;mCACb,EAAe;mCACf,EAAgB;gCACnB,EAAa;6BAChB,EAAU;;;eAGxB,EAAG,CAAC,EAAM,CAAC,CACuE,EAAiB,MAAvE,EAAKC,EAAO,CAAC,GAAG,EAAU,KAAG,SAAS,EAAQ,CAAC,CAAoD,EAAU,EAAG,CAAC,OAAoB,EAAK,EAAiB,EAAE,CAAC,sBAvC9J,IAGkH,CAoC8C,EAAU,YAAY,mBAAmB,EAAoB,EAAU,CAClR,SAAS,CAAC,KAAK,EAAY,aAAa,CAAC,gBAAgB,CAAC,MAAM,UAAU,KAAK,EAAY,aAAa,CAAC,UAAU,CAAC,KAAK,EAAY,aAAa,CAAC,OAAO,CAAC,KAAK,EAAY,aAAa,CAAC,YAAY,CAAC,KAAK,EAAY,aAAa,CAAC,WAAW,CAAC,KAAK,EAAY,aAAa,CAAC,OAAO,CAAC,MAAM,aAAa,KAAK,EAAY,OAAO,CAAC,QAAQ,CAAC,MAAM,WAAW,KAAK,EAAY,OAAO,SAAS,CAAC,OAAO,CAAC,MAAM,SAAS,KAAK,EAAY,KAAK,aAAa,GAAG,QAAQ,CAAC,GAAG,MAAM,OAAO,CAAC,aAAa,CAAC,OAAO,MAAM,OAAO,CAAC,CAAC,KAAK,CAAC,MAAM,OAAO,KAAK,EAAY,KAAK,aAAa,GAAG,QAAQ,CAAC,GAAG,OAAO,UAAU,CAAC,aAAa,CAAC,OAAO,OAAO,UAAU,CAAC,CAAC,YAAY,CAAC,MAAM,UAAU,KAAK,EAAY,KAAK,aAAa,GAAG,QAAQ,CAAC,GAAG,mBAAmB,kDAAkD,CAAC,aAAa,CAAC,OAAO,OAAO,OAAO,CAAC,YAAY;oEAA6E,CAAC,CAAC,aAAa,CAAC,KAAK,OAAO,OAAO,OAAO,YAAY,OAAO,CAAC,YAAY,IAAI,CAC39B,GAAG,EAAkB,CAAC,QAAQ,SAAS,MAAM,OAAO,WAAW,IAAI,gBAAgB,OAAO,WAAW,IAAI,CAAC,CAAC,CAAC"}