{"version":3,"file":"ConvertKitFormNewsletter.BmbZopV8.mjs","names":["React.useId"],"sources":["https:/framerusercontent.com/modules/4IlDrEMhBkZDnEbaMkD5/nHPmro5GaolZgAcNnhxT/ConvertKitFormNewsletter.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 ConvertKitFormNewsletter(props){const{bgColor,accentColor,textColor,inputBgColor,inputBorderColor,padding,borderRadius,primaryFont,formTitle,formSubtitle,input1Placeholder,input2Placeholder,buttonText,formUrl,image,imageAlt,imageHeight,imageRadius,imageFit,imageMarginTop,imageMarginBottom}=props;const rawId=React.useId();const scopeClass=`ck-form-scope-${rawId.replace(/:/g,\"\")}`;return /*#__PURE__*/_jsxs(\"div\",{className:scopeClass,style:{width:\"100%\",height:\"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                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                }\n                \n                .${scopeClass} .nl-hero-right {\n                    background: ${bgColor};\n                    border: 1px solid ${inputBorderColor};\n                    border-radius: ${borderRadius}px;\n                    padding: ${padding}px;\n                    width: 100%;\n                    color: ${textColor};\n                    box-sizing: border-box;\n                }\n\n                .${scopeClass} .nl-form-title {\n                    font-size: 20px;\n                    font-weight: 700;\n                    margin-top: 0;\n                    margin-bottom: 8px;\n                }\n\n                .${scopeClass} .nl-form-sub {\n                    font-size: 14px;\n                    opacity: 0.6;\n                    margin-top: 0;\n                    margin-bottom: 24px;\n                    line-height: 1.5;\n                }\n\n                .${scopeClass} .nl-form-image {\n                    display: block;\n                    width: 100%;\n                    height: ${imageHeight}px;\n                    object-fit: ${imageFit};\n                    border-radius: ${imageRadius}px;\n                    margin-top: ${imageMarginTop}px;\n                    margin-bottom: ${imageMarginBottom}px;\n                }\n\n                .${scopeClass} .nl-hero-form {\n                    display: flex;\n                    flex-direction: column;\n                    gap: 12px;\n                }\n\n                .${scopeClass} .nl-input {\n                    width: 100%;\n                    padding: 14px 16px;\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-input::placeholder {\n                    color: ${textColor};\n                    opacity: 0.5;\n                }\n\n                .${scopeClass} .nl-input:focus {\n                    border-color: ${accentColor};\n                }\n\n                .${scopeClass} .nl-submit {\n                    width: 100%;\n                    padding: 14px 24px;\n                    background: ${accentColor};\n                    color: #0e1a13;\n                    font-size: 16px;\n                    font-weight: 700;\n                    font-family: inherit;\n                    border: none;\n                    border-radius: 8px;\n                    cursor: pointer;\n                    transition: all 0.3s ease;\n                }\n                .${scopeClass} .nl-submit-button {\n                    width: 100%;\n                    padding: 14px 24px;\n                    background: ${accentColor};\n                    color: #0e1a13;\n                    font-size: 20px;\n                    font-family: Anton;\n                    border: none;\n                    border-radius: 8px;\n                    cursor: pointer;\n                    transition: all 0.3s ease;\n                    text-transform: uppercase;\n                    letter-spacing: 0em;\n                }\n                .${scopeClass} .nl-submit-button:hover {\n                    filter: brightness(1.1);\n                    transform: translateY(-1px);\n                }\n\n                .${scopeClass} .nl-submit:hover {\n                    filter: brightness(1.1);\n                    transform: translateY(-1px);\n                }\n            `}),/*#__PURE__*/_jsxs(\"div\",{className:\"nl-hero-right\",children:[formTitle&&/*#__PURE__*/_jsx(\"h2\",{className:\"nl-form-title\",children:formTitle}),formSubtitle&&/*#__PURE__*/_jsx(\"p\",{className:\"nl-form-sub\",children:formSubtitle}),image?.src&&/*#__PURE__*/_jsx(\"img\",{src:image.src,srcSet:image.srcSet,alt:imageAlt||image.alt||\"\",className:\"nl-form-image\"}),/*#__PURE__*/_jsxs(\"form\",{className:\"nl-hero-form\",action:formUrl,method:\"post\",target:\"_blank\",children:[/*#__PURE__*/_jsx(\"input\",{type:\"text\",name:\"fields[first_name]\",placeholder:input1Placeholder,className:\"nl-input\",required:true}),/*#__PURE__*/_jsx(\"input\",{type:\"email\",name:\"email_address\",placeholder:input2Placeholder,className:\"nl-input\",required:true}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",className:\"nl-submit-button\",children:buttonText})]})]})]});}addPropertyControls(ConvertKitFormNewsletter,{bgColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgba(255, 255, 255, 0.03)\"},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)\"},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:32,displayStepper:true},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:16,displayStepper:true},primaryFont:{type:ControlType.String,title:\"Font Family\",defaultValue:\"'Inter', sans-serif\"},formTitle:{type:ControlType.String,title:\"Form Title\",defaultValue:\"Join Creative Velocity\"},formSubtitle:{type:ControlType.String,title:\"Form Subtitle\",displayTextArea:true,defaultValue:\"Sent every Wednesday. One strategy. Under 4 minutes.\"},image:{type:ControlType.ResponsiveImage,title:\"Image\"},imageAlt:{type:ControlType.String,title:\"Image Alt\",defaultValue:\"\"},imageHeight:{type:ControlType.Number,title:\"Image Height\",defaultValue:180,min:0,max:800,unit:\"px\",displayStepper:true},imageRadius:{type:ControlType.Number,title:\"Image Radius\",defaultValue:8,min:0,max:100,unit:\"px\",displayStepper:true},imageFit:{type:ControlType.Enum,title:\"Image Fit\",defaultValue:\"cover\",options:[\"cover\",\"contain\",\"fill\",\"none\",\"scale-down\"],optionTitles:[\"Cover\",\"Contain\",\"Fill\",\"None\",\"Scale Down\"]},imageMarginTop:{type:ControlType.Number,title:\"Image Top\",defaultValue:0,min:0,max:100,unit:\"px\"},imageMarginBottom:{type:ControlType.Number,title:\"Image Bottom\",defaultValue:20,min:0,max:100,unit:\"px\"},input1Placeholder:{type:ControlType.String,title:\"Input 1\",defaultValue:\"First name\"},input2Placeholder:{type:ControlType.String,title:\"Input 2\",defaultValue:\"Your email\"},buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Subscribe 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\":\"ConvertKitFormNewsletter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ConvertKitFormNewsletter.map"],"mappings":"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"}