@opensite/ui 2.2.3 → 2.2.5

package/dist/contact-photography.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
+import { FormEngineProps } from '@page-speed/forms/integration';
 import { f as SectionBackground, t as PatternName, g as SectionSpacing } from './community-initiatives-Bz_A5vLU.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
@@ -16,24 +16,6 @@ interface ContactPhotographyProps {
     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 container
      */
@@ -46,14 +28,6 @@ interface ContactPhotographyProps {
     descriptionClassName?: string;
     /** Additional CSS classes for the content area */
     contentClassName?: 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;
     /** Section background variant */
     background?: SectionBackground;
     /** Pattern background key or URL */
@@ -77,14 +51,10 @@ interface ContactPhotographyProps {
      * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
      */
     directionConfig?: DirectionConfig;
-    /** 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;
 }
 /**
  * ContactPhotography - A full-width split-screen contact form section with edge-to-edge design,
@@ -94,20 +64,7 @@ interface ContactPhotographyProps {
  * configurable media placement for desktop and mobile.
  * Key features: Pattern background support, edge-to-edge design, no card wrapping.
  * Best for: Photography studios, creative services, visual-first contact pages.
- *
- * @example
- * ```tsx
- * <ContactPhotography
- *   heading="Photography Services"
- *   description="Book a photography session with us"
- *   buttonText="Send Message"
- *   imageSrc="/studio.jpg"
- *   background="dark"
- *   pattern="grid"
- *   formConfig={{ endpoint: "/api/contact", format: "json" }}
- * />
- * ```
  */
-declare function ContactPhotography({ heading, description, buttonText, buttonIcon, actions, actionsSlot, formFields, successMessage, containerClassName, className, headingClassName, descriptionClassName, contentClassName, formClassName, submitClassName, successMessageClassName, errorMessageClassName, spacing, background, pattern, patternOpacity, imageSrc, imageAlt, imageClassName, optixFlowConfig, directionConfig, formConfig, onSubmit, onSuccess, onError, }: ContactPhotographyProps): React.JSX.Element;
+declare function ContactPhotography({ heading, description, containerClassName, className, headingClassName, descriptionClassName, contentClassName, spacing, background, pattern, patternOpacity, imageSrc, imageAlt, imageClassName, optixFlowConfig, directionConfig, formEngineSetup, }: ContactPhotographyProps): React.JSX.Element;
 
 export { ContactPhotography, type ContactPhotographyProps, type DirectionConfig };

package/dist/contact-photography.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
+import { FormEngineProps } from '@page-speed/forms/integration';
 import { f as SectionBackground, t as PatternName, g as SectionSpacing } from './community-initiatives-Bi_ClKrO.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
@@ -16,24 +16,6 @@ interface ContactPhotographyProps {
     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 container
      */
@@ -46,14 +28,6 @@ interface ContactPhotographyProps {
     descriptionClassName?: string;
     /** Additional CSS classes for the content area */
     contentClassName?: 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;
     /** Section background variant */
     background?: SectionBackground;
     /** Pattern background key or URL */
@@ -77,14 +51,10 @@ interface ContactPhotographyProps {
      * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
      */
     directionConfig?: DirectionConfig;
-    /** 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;
 }
 /**
  * ContactPhotography - A full-width split-screen contact form section with edge-to-edge design,
@@ -94,20 +64,7 @@ interface ContactPhotographyProps {
  * configurable media placement for desktop and mobile.
  * Key features: Pattern background support, edge-to-edge design, no card wrapping.
  * Best for: Photography studios, creative services, visual-first contact pages.
- *
- * @example
- * ```tsx
- * <ContactPhotography
- *   heading="Photography Services"
- *   description="Book a photography session with us"
- *   buttonText="Send Message"
- *   imageSrc="/studio.jpg"
- *   background="dark"
- *   pattern="grid"
- *   formConfig={{ endpoint: "/api/contact", format: "json" }}
- * />
- * ```
  */
-declare function ContactPhotography({ heading, description, buttonText, buttonIcon, actions, actionsSlot, formFields, successMessage, containerClassName, className, headingClassName, descriptionClassName, contentClassName, formClassName, submitClassName, successMessageClassName, errorMessageClassName, spacing, background, pattern, patternOpacity, imageSrc, imageAlt, imageClassName, optixFlowConfig, directionConfig, formConfig, onSubmit, onSuccess, onError, }: ContactPhotographyProps): React.JSX.Element;
+declare function ContactPhotography({ heading, description, containerClassName, className, headingClassName, descriptionClassName, contentClassName, spacing, background, pattern, patternOpacity, imageSrc, imageAlt, imageClassName, optixFlowConfig, directionConfig, formEngineSetup, }: ContactPhotographyProps): React.JSX.Element;
 
 export { ContactPhotography, type ContactPhotographyProps, type DirectionConfig };