@opensite/ui 2.2.3 → 2.2.5

package/dist/contact-volunteer.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
+import { FormEngineProps } from '@page-speed/forms/integration';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -12,24 +12,6 @@ interface ContactVolunteerProps {
     heading?: React.ReactNode;
     /** Description text below heading */
     description?: React.ReactNode;
-    /** Submit button text */
-    buttonText?: string;
-    /** Icon to display in submit button */
-    buttonIcon?: React.ReactNode;
-    /** Array of action configurations for custom buttons */
-    actions?: ActionConfig[];
-    /** Custom slot for rendering actions (overrides actions array) */
-    actionsSlot?: React.ReactNode;
-    /**
-     * Array of form field configurations
-     * If not provided, defaults to: first_name, last_name, email, phone, message
-     */
-    formFields?: FormFieldConfig[];
-    /**
-     * Success message to display after form submission
-     * @default "Thank you! Your message has been sent successfully."
-     */
-    successMessage?: React.ReactNode;
     /** Additional CSS classes for the section */
     className?: string;
     /** Additional CSS classes for the container */
@@ -44,38 +26,16 @@ interface ContactVolunteerProps {
     cardClassName?: string;
     /** Additional CSS classes for the card content */
     cardContentClassName?: string;
-    /** Additional CSS classes for the form */
-    formClassName?: string;
-    /** Additional CSS classes for the submit button */
-    submitClassName?: string;
-    /** Additional CSS classes for the success message */
-    successMessageClassName?: string;
-    /** Additional CSS classes for the error message */
-    errorMessageClassName?: string;
-    /**
-     * Background style for the section
-     */
+    /** Background style for the section */
     background?: SectionBackground;
-    /**
-     * Vertical spacing for the section
-     */
+    /** Vertical spacing for the section */
     spacing?: SectionSpacing;
-    /**
-     * Optional background pattern name or URL
-     */
+    /** Optional background pattern name or URL */
     pattern?: PatternName | undefined;
-    /**
-     * Pattern overlay opacity (0-1)
-     */
+    /** Pattern overlay opacity (0-1) */
     patternOpacity?: number;
-    /** Form configuration for PageSpeed forms */
-    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;
+    /** Full form engine setup and props */
+    formEngineSetup?: FormEngineProps;
 }
 /**
  * ContactVolunteer - Contact form with flexible field configuration
@@ -83,11 +43,11 @@ interface ContactVolunteerProps {
  * @example
  * ```tsx
  * <ContactVolunteer
- *   heading="Volunteer With Us"
- *   formConfig={{ endpoint: "/api/contact", format: "json" }}
+ *   heading="Volunteer Sign-Up"
+ *   formEngineSetup={{ formConfig: { endpoint: "/api/contact", format: "json" } }}
  * />
  * ```
  */
-declare function ContactVolunteer({ heading, description, buttonText, buttonIcon, actions, actionsSlot, formFields, successMessage, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, successMessageClassName, errorMessageClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactVolunteerProps): React.JSX.Element;
+declare function ContactVolunteer({ heading, description, className, formEngineSetup, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, background, spacing, pattern, patternOpacity, }: ContactVolunteerProps): React.JSX.Element;
 
 export { ContactVolunteer, type ContactVolunteerProps };

package/dist/contact-volunteer.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
+import { FormEngineProps } from '@page-speed/forms/integration';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { A as ActionConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -12,24 +12,6 @@ interface ContactVolunteerProps {
     heading?: React.ReactNode;
     /** Description text below heading */
     description?: React.ReactNode;
-    /** Submit button text */
-    buttonText?: string;
-    /** Icon to display in submit button */
-    buttonIcon?: React.ReactNode;
-    /** Array of action configurations for custom buttons */
-    actions?: ActionConfig[];
-    /** Custom slot for rendering actions (overrides actions array) */
-    actionsSlot?: React.ReactNode;
-    /**
-     * Array of form field configurations
-     * If not provided, defaults to: first_name, last_name, email, phone, message
-     */
-    formFields?: FormFieldConfig[];
-    /**
-     * Success message to display after form submission
-     * @default "Thank you! Your message has been sent successfully."
-     */
-    successMessage?: React.ReactNode;
     /** Additional CSS classes for the section */
     className?: string;
     /** Additional CSS classes for the container */
@@ -44,38 +26,16 @@ interface ContactVolunteerProps {
     cardClassName?: string;
     /** Additional CSS classes for the card content */
     cardContentClassName?: string;
-    /** Additional CSS classes for the form */
-    formClassName?: string;
-    /** Additional CSS classes for the submit button */
-    submitClassName?: string;
-    /** Additional CSS classes for the success message */
-    successMessageClassName?: string;
-    /** Additional CSS classes for the error message */
-    errorMessageClassName?: string;
-    /**
-     * Background style for the section
-     */
+    /** Background style for the section */
     background?: SectionBackground;
-    /**
-     * Vertical spacing for the section
-     */
+    /** Vertical spacing for the section */
     spacing?: SectionSpacing;
-    /**
-     * Optional background pattern name or URL
-     */
+    /** Optional background pattern name or URL */
     pattern?: PatternName | undefined;
-    /**
-     * Pattern overlay opacity (0-1)
-     */
+    /** Pattern overlay opacity (0-1) */
     patternOpacity?: number;
-    /** Form configuration for PageSpeed forms */
-    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;
+    /** Full form engine setup and props */
+    formEngineSetup?: FormEngineProps;
 }
 /**
  * ContactVolunteer - Contact form with flexible field configuration
@@ -83,11 +43,11 @@ interface ContactVolunteerProps {
  * @example
  * ```tsx
  * <ContactVolunteer
- *   heading="Volunteer With Us"
- *   formConfig={{ endpoint: "/api/contact", format: "json" }}
+ *   heading="Volunteer Sign-Up"
+ *   formEngineSetup={{ formConfig: { endpoint: "/api/contact", format: "json" } }}
  * />
  * ```
  */
-declare function ContactVolunteer({ heading, description, buttonText, buttonIcon, actions, actionsSlot, formFields, successMessage, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, successMessageClassName, errorMessageClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactVolunteerProps): React.JSX.Element;
+declare function ContactVolunteer({ heading, description, className, formEngineSetup, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, background, spacing, pattern, patternOpacity, }: ContactVolunteerProps): React.JSX.Element;
 
 export { ContactVolunteer, type ContactVolunteerProps };