@opensite/ui 2.5.0 → 2.5.1

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

@@ -1,27 +1,14 @@
 import * as React from 'react';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-B658AD6n.cjs';
-import { O as OptixFlowConfig, A as ActionConfig } from './blocks-DUr75v0S.cjs';
+import { O as OptixFlowConfig } from './blocks-DUr75v0S.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
+import { FormEngineProps } from '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
-/**
- * Logo configuration for the footer
- */
-interface FooterSocialNewsletterLogo {
-    /** Logo link URL */
-    url: string;
-    /** Logo image source */
-    src: string;
-    /** Logo alt text */
-    alt: string;
-    /** Logo title/brand name */
-    title: string;
-}
 /**
  * Navigation link configuration
  */
@@ -44,8 +31,18 @@ interface FooterSocialNewsletterSection {
  * Props for the FooterSocialNewsletter component
  */
 interface FooterSocialNewsletterProps {
-    /** Logo configuration */
-    logo?: FooterSocialNewsletterLogo;
+    /**
+     * Logo configuration
+     */
+    logo?: {
+        src: string;
+        /** Logo link URL */
+        url?: string;
+        /** Brand title */
+        alt?: string;
+        /** img tag class name */
+        className?: string;
+    };
     /** Navigation sections */
     sections?: FooterSocialNewsletterSection[];
     /** Social media links */
@@ -58,8 +55,6 @@ interface FooterSocialNewsletterProps {
     contentClassName?: string;
     /** Additional CSS classes for the logo wrapper */
     logoWrapperClassName?: string;
-    /** Additional CSS classes for the logo image */
-    logoClassName?: string;
     /** Additional CSS classes for the main grid */
     gridClassName?: string;
     /** Additional CSS classes for navigation sections */
@@ -97,41 +92,9 @@ interface FooterSocialNewsletterProps {
     /** 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)
+     * Full form engine setup and props
      */
-    formSlot?: React.ReactNode;
+    formEngineSetup?: FormEngineProps;
 }
 /**
  * FooterSocialNewsletter - A footer with social icons, navigation links, and newsletter signup.
@@ -140,6 +103,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, 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;
+declare function FooterSocialNewsletter({ logo, sections, socialLinks, copyright, className, contentClassName, logoWrapperClassName, gridClassName, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName, socialColumnClassName, socialLinksClassName, socialLinkClassName, formEngineSetup, 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,27 +1,14 @@
 import * as React from 'react';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BphRfrhZ.js';
-import { O as OptixFlowConfig, A as ActionConfig } from './blocks-BzFuQGP0.js';
+import { O as OptixFlowConfig } from './blocks-BzFuQGP0.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
+import { FormEngineProps } from '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
-/**
- * Logo configuration for the footer
- */
-interface FooterSocialNewsletterLogo {
-    /** Logo link URL */
-    url: string;
-    /** Logo image source */
-    src: string;
-    /** Logo alt text */
-    alt: string;
-    /** Logo title/brand name */
-    title: string;
-}
 /**
  * Navigation link configuration
  */
@@ -44,8 +31,18 @@ interface FooterSocialNewsletterSection {
  * Props for the FooterSocialNewsletter component
  */
 interface FooterSocialNewsletterProps {
-    /** Logo configuration */
-    logo?: FooterSocialNewsletterLogo;
+    /**
+     * Logo configuration
+     */
+    logo?: {
+        src: string;
+        /** Logo link URL */
+        url?: string;
+        /** Brand title */
+        alt?: string;
+        /** img tag class name */
+        className?: string;
+    };
     /** Navigation sections */
     sections?: FooterSocialNewsletterSection[];
     /** Social media links */
@@ -58,8 +55,6 @@ interface FooterSocialNewsletterProps {
     contentClassName?: string;
     /** Additional CSS classes for the logo wrapper */
     logoWrapperClassName?: string;
-    /** Additional CSS classes for the logo image */
-    logoClassName?: string;
     /** Additional CSS classes for the main grid */
     gridClassName?: string;
     /** Additional CSS classes for navigation sections */
@@ -97,41 +92,9 @@ interface FooterSocialNewsletterProps {
     /** 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)
+     * Full form engine setup and props
      */
-    formSlot?: React.ReactNode;
+    formEngineSetup?: FormEngineProps;
 }
 /**
  * FooterSocialNewsletter - A footer with social icons, navigation links, and newsletter signup.
@@ -140,6 +103,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, 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;
+declare function FooterSocialNewsletter({ logo, sections, socialLinks, copyright, className, contentClassName, logoWrapperClassName, gridClassName, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName, socialColumnClassName, socialLinksClassName, socialLinkClassName, formEngineSetup, bottomClassName, copyrightClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterSocialNewsletterProps): React.JSX.Element;
 
 export { FooterSocialNewsletter, type FooterSocialNewsletterProps, type FooterSocialNewsletterSection };