{"version":3,"file":"ConvertKitInlineForm.CpzD_6CB.mjs","names":["React.useId"],"sources":["https:/framerusercontent.com/modules/izX1YW52HacZG3Dnnib4/Vrzkx4BlBbWfBgaqUhCT/ConvertKitInlineForm.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function ConvertKitInlineForm(props){const{accentColor,textColor,inputBgColor,inputBorderColor,primaryFont,inputPlaceholder,buttonText,formUrl}=props;const rawId=React.useId();const scopeClass=`ck-inline-scope-${rawId.replace(/:/g,\"\")}`;return /*#__PURE__*/_jsxs(\"div\",{className:scopeClass,style:{width:\"100%\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\n\n                .${scopeClass} {\n                    font-family: ${primaryFont};\n                    width: 100%;\n                    display: flex;\n                    justify-content: center;\n                }\n\n                .${scopeClass} .nl-cta-form {\n                    display: flex;\n                    gap: 12px;\n                    width: 100%;\n                }\n\n                .${scopeClass} .nl-cta-input {\n                    flex: 1;\n                    padding: 14px 20px;\n                    background: ${inputBgColor};\n                    border: 1px solid ${inputBorderColor};\n                    border-radius: 8px;\n                    color: ${textColor};\n                    font-size: 15px;\n                    font-family: inherit;\n                    outline: none;\n                    transition: border-color 0.3s ease;\n                    box-sizing: border-box;\n                }\n\n                .${scopeClass} .nl-cta-input:focus {\n                    border-color: ${accentColor};\n                }\n\n                .${scopeClass} .nl-cta-input::placeholder {\n                    color: ${textColor};\n                    opacity: 0.4;\n                }\n\n                .${scopeClass} .nl-cta-btn {\n                    padding: 14px 28px;\n                    background: ${accentColor};\n                    color: #0e1a13;\n                    font-size: 20px;\n                    font-weight: 700;\n                    font-family: Anton;\n                    border: none;\n                    border-radius: 8px;\n                    cursor: pointer;\n                    white-space: nowrap;\n                    transition: all 0.3s ease;\n                    box-shadow: 0 4px 15px ${accentColor}4D;\n                    letter-spacing: 0em;\n                }\n\n                .${scopeClass} .nl-cta-btn:hover {\n                    transform: translateY(-1px);\n                    box-shadow: 0 6px 20px ${accentColor}66;\n                    filter: brightness(1.05);\n                }\n\n                @media (max-width: 768px) {\n                    .${scopeClass} .nl-cta-form { \n                        flex-direction: column; \n                    }\n                    .${scopeClass} .nl-cta-input { \n                        padding: 12px 16px; \n                        font-size: 14px; \n                    }\n                    .${scopeClass} .nl-cta-btn { \n                        padding: 12px 24px; \n                        font-size: 14px; \n                        width: 100%; \n                    }\n                }\n            `}),/*#__PURE__*/_jsxs(\"form\",{className:\"nl-cta-form\",action:formUrl,method:\"post\",target:\"_blank\",children:[/*#__PURE__*/_jsx(\"input\",{type:\"email\",name:\"email_address\",className:\"nl-cta-input\",placeholder:inputPlaceholder,required:true}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",className:\"nl-cta-btn\",children:buttonText})]})]});}addPropertyControls(ConvertKitInlineForm,{accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#FFB703\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#F5F5F5\"},inputBgColor:{type:ControlType.Color,title:\"Input BG\",defaultValue:\"rgba(255, 255, 255, 0.06)\"},inputBorderColor:{type:ControlType.Color,title:\"Input Border\",defaultValue:\"rgba(255, 255, 255, 0.12)\"},primaryFont:{type:ControlType.String,title:\"Font Family\",defaultValue:\"'Inter', sans-serif\"},inputPlaceholder:{type:ControlType.String,title:\"Input Placeholder\",defaultValue:\"Your email address\"},buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Subscribe — It's Free →\"},formUrl:{type:ControlType.String,title:\"Form Action URL\",defaultValue:\"https://app.kit.com/forms/73caabcce1/subscriptions\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ConvertKitInlineForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ConvertKitInlineForm.map"],"mappings":"iLAAyI,SAAwB,EAAqB,EAAM,CAAC,GAAK,CAAC,cAAY,YAAU,eAAa,mBAAiB,cAAY,mBAAiB,aAAW,WAAS,EAAsC,EAAW,mBAA/BA,EAAsD,CAAC,CAAC,QAAQ,KAAK,EAAE,IAAI,OAAoB,EAAM,MAAM,CAAC,UAAU,EAAW,MAAM,CAAC,MAAM,MAAM,EAAE,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;;mBAG3e,EAAW;mCACK,EAAY;;;;;;mBAM5B,EAAW;;;;;;mBAMX,EAAW;;;kCAGI,EAAa;wCACP,EAAiB;;6BAE5B,EAAU;;;;;;;;mBAQpB,EAAW;oCACM,EAAY;;;mBAG7B,EAAW;6BACD,EAAU;;;;mBAIpB,EAAW;;kCAEI,EAAY;;;;;;;;;;6CAUD,EAAY;;;;mBAItC,EAAW;;6CAEe,EAAY;;;;;uBAKlC,EAAW;;;uBAGX,EAAW;;;;uBAIX,EAAW;;;;;;aAMrB,CAAC,EAAe,EAAM,OAAO,CAAC,UAAU,cAAc,OAAO,EAAQ,OAAO,OAAO,OAAO,SAAS,SAAS,CAAc,EAAK,QAAQ,CAAC,KAAK,QAAQ,KAAK,gBAAgB,UAAU,eAAe,YAAY,EAAiB,SAAS,EAAI,CAAC,EAAe,EAAK,SAAS,CAAC,KAAK,SAAS,UAAU,aAAa,SAAS,CAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,iBA3ElS,IAA4B,IAAoD,EA2EmN,EAAoB,EAAqB,CAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,aAAa,SAAS,EAAE,aAAa,CAAC,KAAK,EAAY,MAAM,MAAM,WAAW,aAAa,2BAA2B,EAAE,iBAAiB,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,2BAA2B,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,qBAAqB,EAAE,iBAAiB,CAAC,KAAK,EAAY,OAAO,MAAM,oBAAoB,aAAa,oBAAoB,EAAE,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,yBAAyB,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,kBAAkB,aAAa,oDAAoD,CAAC,CAAC"}