@opensite/ui 2.1.1 → 2.1.3

package/dist/footer-newsletter-contact.d.cts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import { PageSpeedFormConfig } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import 'react';
-import './blocks-tmd_MRJv.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface FooterNewsletterContactLink {

package/dist/footer-newsletter-contact.d.ts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import { PageSpeedFormConfig } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import 'react';
-import './blocks-DRE-f6cS.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface FooterNewsletterContactLink {

package/dist/footer-newsletter-grid.d.cts

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-tmd_MRJv.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-newsletter-grid.d.ts

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-DRE-f6cS.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-newsletter-minimal.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { PageSpeedFormConfig } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-newsletter-minimal.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { PageSpeedFormConfig } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-simple-centered.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-simple-centered.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-social-apps.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react/jsx-runtime';
-import './blocks-tmd_MRJv.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-social-apps.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react/jsx-runtime';
-import './blocks-DRE-f6cS.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-social-newsletter.cjs

@@ -1,14 +1,16 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 var img = require('@page-speed/img');
 var icon = require('@page-speed/icon');
 var usePlatformFromUrl = require('@opensite/hooks/usePlatformFromUrl');
+var forms = require('@page-speed/forms');
+var integration = require('@page-speed/forms/integration');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -30,7 +32,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/footers/footer-social-newsletter.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -1518,16 +1520,20 @@ var SocialLinkIcon = React__namespace.forwardRef(
   }
 );
 SocialLinkIcon.displayName = "SocialLinkIcon";
+var DEFAULT_FORM_FIELDS = [
+  {
+    name: "email",
+    type: "email",
+    label: "Email Address",
+    placeholder: "Enter your email",
+    required: true,
+    columnSpan: 12
+  }
+];
 function FooterSocialNewsletter({
   logo,
   sections,
   socialLinks,
-  newsletterLabel,
-  newsletterPlaceholder,
-  newsletterButtonText,
-  privacyLinkText,
-  privacyLinkUrl,
-  privacyConsentText,
   copyright,
   className,
   contentClassName,
@@ -1541,9 +1547,15 @@ function FooterSocialNewsletter({
   socialColumnClassName,
   socialLinksClassName,
   socialLinkClassName,
-  newsletterClassName,
-  newsletterInputClassName,
-  newsletterButtonClassName,
+  formFields = DEFAULT_FORM_FIELDS,
+  formConfig,
+  onSubmit,
+  onSuccess,
+  onError,
+  successMessage,
+  buttonAction,
+  helperText,
+  formSlot,
   privacyClassName,
   bottomClassName,
   copyrightClassName,
@@ -1554,6 +1566,104 @@ function FooterSocialNewsletter({
   patternOpacity,
   optixFlowConfig
 }) {
+  const {
+    uploadTokens,
+    uploadProgress,
+    isUploading,
+    uploadFiles,
+    removeFile,
+    resetUpload
+  } = integration.useFileUpload({ onError });
+  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
+    formFields,
+    formConfig,
+    onSubmit,
+    onSuccess: (data) => {
+      resetUpload();
+      onSuccess?.(data);
+    },
+    onError,
+    uploadTokens
+  });
+  const renderForm = React__namespace.useMemo(() => {
+    if (formSlot) return formSlot;
+    const defaultButtonAction = {
+      label: "Subscribe",
+      variant: "default",
+      className: "h-12"
+    };
+    const action = buttonAction || defaultButtonAction;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      forms.Form,
+      {
+        form,
+        fields: formFields,
+        notificationConfig: {
+          submissionError,
+          successMessage
+        },
+        formConfig: {
+          endpoint: formConfig?.endpoint,
+          method: formMethod,
+          submissionConfig: formConfig?.submissionConfig,
+          formLayout: "button-group",
+          buttonGroupSize: "sm",
+          submitLabel: action.label,
+          submitVariant: action.variant || "default",
+          submitIconComponent: action.icon || /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/send" })
+        },
+        onNewSubmission: () => {
+          resetUpload();
+          resetSubmissionState();
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 sm:flex-row", children: [
+            formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+              integration.DynamicFormField,
+              {
+                field,
+                uploadProgress,
+                onFileUpload: uploadFiles,
+                onFileRemove: removeFile,
+                isUploading
+              }
+            ) }, field.name)),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Pressable,
+              {
+                onClick: form.handleSubmit,
+                asButton: true,
+                variant: action.variant,
+                className: cn("h-12", action.className),
+                disabled: form.isSubmitting,
+                children: [
+                  action.label,
+                  action.iconAfter
+                ]
+              }
+            )
+          ] }),
+          helperText && (typeof helperText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm mt-2"), children: helperText }) : helperText)
+        ]
+      }
+    );
+  }, [
+    formSlot,
+    formFields,
+    form,
+    formConfig,
+    formMethod,
+    buttonAction,
+    uploadProgress,
+    uploadFiles,
+    removeFile,
+    isUploading,
+    submissionError,
+    successMessage,
+    helperText,
+    resetUpload,
+    resetSubmissionState
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1649,58 +1759,7 @@ function FooterSocialNewsletter({
                   ]
                 }
               ),
-              (newsletterLabel || newsletterButtonText) && /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: cn(
-                    "flex w-full flex-col gap-2 lg:w-auto lg:max-w-md",
-                    newsletterClassName
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-row items-stretch", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "input",
-                        {
-                          type: "email",
-                          id: "newsletter-email",
-                          placeholder: newsletterPlaceholder || "Enter your email",
-                          className: cn(
-                            "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 border-input px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 sm:w-64",
-                            newsletterInputClassName
-                          )
-                        }
-                      ),
-                      newsletterButtonText && /* @__PURE__ */ jsxRuntime.jsx(
-                        Pressable,
-                        {
-                          onClick: (e) => {
-                            e.preventDefault();
-                          },
-                          variant: "default",
-                          size: "icon",
-                          asButton: true,
-                          className: cn(
-                            "rounded-l-none rounded-r-md shrink-0 h-10",
-                            newsletterButtonClassName
-                          ),
-                          children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "feather/send" })
-                        }
-                      )
-                    ] }),
-                    (privacyConsentText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-xs opacity-70", privacyClassName), children: [
-                      privacyConsentText,
-                      privacyLinkText && /* @__PURE__ */ jsxRuntime.jsx(
-                        Pressable,
-                        {
-                          href: privacyLinkUrl || "#",
-                          className: "ml-1 underline hover:opacity-100",
-                          children: privacyLinkText
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              )
+              renderForm
             ]
           }
         )

package/dist/footer-social-newsletter.d.cts

@@ -1,10 +1,11 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { O as OptixFlowConfig, A as ActionConfig } from './blocks-DP3Vofl4.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-import 'react';
+import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -48,18 +49,6 @@ interface FooterSocialNewsletterProps {
     sections?: FooterSocialNewsletterSection[];
     /** Social media links */
     socialLinks?: FooterSocialLink[];
-    /** Newsletter label text */
-    newsletterLabel?: React.ReactNode;
-    /** Newsletter placeholder text */
-    newsletterPlaceholder?: string;
-    /** Newsletter button text */
-    newsletterButtonText?: React.ReactNode;
-    /** Privacy policy link text */
-    privacyLinkText?: React.ReactNode;
-    /** Privacy policy URL */
-    privacyLinkUrl?: string;
-    /** Privacy consent text */
-    privacyConsentText?: React.ReactNode;
     /** Brand/company name for the copyright notice */
     copyright?: string;
     /** Additional CSS classes for the section wrapper */
@@ -86,12 +75,6 @@ interface FooterSocialNewsletterProps {
     socialLinksClassName?: string;
     /** Additional CSS classes for social link items */
     socialLinkClassName?: string;
-    /** Additional CSS classes for the newsletter section */
-    newsletterClassName?: string;
-    /** Additional CSS classes for the newsletter input */
-    newsletterInputClassName?: string;
-    /** Additional CSS classes for the newsletter button */
-    newsletterButtonClassName?: string;
     /** Additional CSS classes for the privacy text */
     privacyClassName?: string;
     /** Additional CSS classes for the bottom section */
@@ -112,6 +95,42 @@ interface FooterSocialNewsletterProps {
     patternOpacity?: number;
     /** Optional Optix Flow configuration for @page-speed/img */
     optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Form field configuration
+     */
+    formFields?: FormFieldConfig[];
+    /**
+     * Form configuration for submission
+     */
+    formConfig?: PageSpeedFormConfig;
+    /**
+     * Custom submit handler
+     */
+    onSubmit?: (values: Record<string, any>) => void | Promise<void>;
+    /**
+     * Success callback
+     */
+    onSuccess?: (data: unknown) => void;
+    /**
+     * Error callback
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Success message to display
+     */
+    successMessage?: React.ReactNode;
+    /**
+     * Submit button configuration
+     */
+    buttonAction?: ActionConfig;
+    /**
+     * Helper text below form
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Custom slot for form (overrides form props)
+     */
+    formSlot?: React.ReactNode;
 }
 /**
  * FooterSocialNewsletter - A footer with social icons, navigation links, and newsletter signup.
@@ -120,6 +139,6 @@ interface FooterSocialNewsletterProps {
  * and a newsletter subscription form in the bottom bar. Ideal for community-focused products,
  * SaaS platforms, and businesses that prioritize social engagement and email marketing.
  */
-declare function FooterSocialNewsletter({ logo, sections, socialLinks, newsletterLabel, newsletterPlaceholder, newsletterButtonText, privacyLinkText, privacyLinkUrl, privacyConsentText, copyright, className, contentClassName, logoWrapperClassName, logoClassName, gridClassName, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName, socialColumnClassName, socialLinksClassName, socialLinkClassName, newsletterClassName, newsletterInputClassName, newsletterButtonClassName, privacyClassName, bottomClassName, copyrightClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterSocialNewsletterProps): React.JSX.Element;
+declare function FooterSocialNewsletter({ logo, sections, socialLinks, copyright, className, contentClassName, logoWrapperClassName, logoClassName, gridClassName, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName, socialColumnClassName, socialLinksClassName, socialLinkClassName, formFields, formConfig, onSubmit, onSuccess, onError, successMessage, buttonAction, helperText, formSlot, privacyClassName, bottomClassName, copyrightClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterSocialNewsletterProps): React.JSX.Element;
 
 export { FooterSocialNewsletter, type FooterSocialNewsletterProps, type FooterSocialNewsletterSection };

package/dist/footer-social-newsletter.d.ts

@@ -1,10 +1,11 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { O as OptixFlowConfig, A as ActionConfig } from './blocks-XLPGq8A5.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-import 'react';
+import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**
@@ -48,18 +49,6 @@ interface FooterSocialNewsletterProps {
     sections?: FooterSocialNewsletterSection[];
     /** Social media links */
     socialLinks?: FooterSocialLink[];
-    /** Newsletter label text */
-    newsletterLabel?: React.ReactNode;
-    /** Newsletter placeholder text */
-    newsletterPlaceholder?: string;
-    /** Newsletter button text */
-    newsletterButtonText?: React.ReactNode;
-    /** Privacy policy link text */
-    privacyLinkText?: React.ReactNode;
-    /** Privacy policy URL */
-    privacyLinkUrl?: string;
-    /** Privacy consent text */
-    privacyConsentText?: React.ReactNode;
     /** Brand/company name for the copyright notice */
     copyright?: string;
     /** Additional CSS classes for the section wrapper */
@@ -86,12 +75,6 @@ interface FooterSocialNewsletterProps {
     socialLinksClassName?: string;
     /** Additional CSS classes for social link items */
     socialLinkClassName?: string;
-    /** Additional CSS classes for the newsletter section */
-    newsletterClassName?: string;
-    /** Additional CSS classes for the newsletter input */
-    newsletterInputClassName?: string;
-    /** Additional CSS classes for the newsletter button */
-    newsletterButtonClassName?: string;
     /** Additional CSS classes for the privacy text */
     privacyClassName?: string;
     /** Additional CSS classes for the bottom section */
@@ -112,6 +95,42 @@ interface FooterSocialNewsletterProps {
     patternOpacity?: number;
     /** Optional Optix Flow configuration for @page-speed/img */
     optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Form field configuration
+     */
+    formFields?: FormFieldConfig[];
+    /**
+     * Form configuration for submission
+     */
+    formConfig?: PageSpeedFormConfig;
+    /**
+     * Custom submit handler
+     */
+    onSubmit?: (values: Record<string, any>) => void | Promise<void>;
+    /**
+     * Success callback
+     */
+    onSuccess?: (data: unknown) => void;
+    /**
+     * Error callback
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Success message to display
+     */
+    successMessage?: React.ReactNode;
+    /**
+     * Submit button configuration
+     */
+    buttonAction?: ActionConfig;
+    /**
+     * Helper text below form
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Custom slot for form (overrides form props)
+     */
+    formSlot?: React.ReactNode;
 }
 /**
  * FooterSocialNewsletter - A footer with social icons, navigation links, and newsletter signup.
@@ -120,6 +139,6 @@ interface FooterSocialNewsletterProps {
  * and a newsletter subscription form in the bottom bar. Ideal for community-focused products,
  * SaaS platforms, and businesses that prioritize social engagement and email marketing.
  */
-declare function FooterSocialNewsletter({ logo, sections, socialLinks, newsletterLabel, newsletterPlaceholder, newsletterButtonText, privacyLinkText, privacyLinkUrl, privacyConsentText, copyright, className, contentClassName, logoWrapperClassName, logoClassName, gridClassName, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName, socialColumnClassName, socialLinksClassName, socialLinkClassName, newsletterClassName, newsletterInputClassName, newsletterButtonClassName, privacyClassName, bottomClassName, copyrightClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterSocialNewsletterProps): React.JSX.Element;
+declare function FooterSocialNewsletter({ logo, sections, socialLinks, copyright, className, contentClassName, logoWrapperClassName, logoClassName, gridClassName, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName, socialColumnClassName, socialLinksClassName, socialLinkClassName, formFields, formConfig, onSubmit, onSuccess, onError, successMessage, buttonAction, helperText, formSlot, privacyClassName, bottomClassName, copyrightClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterSocialNewsletterProps): React.JSX.Element;
 
 export { FooterSocialNewsletter, type FooterSocialNewsletterProps, type FooterSocialNewsletterSection };