@opensite/ui 1.7.5 → 1.7.6

package/dist/contact-dark.d.cts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { F as FormFieldConfig } from './form-field-types-BYdJNOsW.cjs';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
@@ -7,12 +8,6 @@ import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
-interface ContactDarkFormValues {
-    firstName: string;
-    lastName: string;
-    email: string;
-    message: string;
-}
 interface ContactDarkOption {
     /**
      * Icon name for the contact option
@@ -90,6 +85,21 @@ interface ContactDarkProps {
      * Custom slot for rendering social links (overrides socialLinks array)
      */
     socialLinksSlot?: React.ReactNode;
+    /**
+     * Array of form field configurations
+     * If not provided, defaults to: firstName, lastName, email, message
+     */
+    formFields?: FormFieldConfig[];
+    /**
+     * Success message to display after form submission
+     * @default "Thank you! Your message has been sent successfully."
+     */
+    successMessage?: React.ReactNode;
+    /**
+     * Error message to display if submission fails
+     * @default "There was an error sending your message. Please try again."
+     */
+    errorMessage?: React.ReactNode;
     /**
      * Additional CSS classes for the section
      */
@@ -137,7 +147,16 @@ interface ContactDarkProps {
     /**
      * Additional CSS classes for the social links container
      */
-    socialLinksClassName?: string; /**
+    socialLinksClassName?: 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?: SectionBackground;
@@ -193,7 +212,7 @@ interface ContactDarkProps {
      *   });
      * }}
      */
-    onSubmit?: (values: ContactDarkFormValues) => void | Promise<void>;
+    onSubmit?: (values: Record<string, any>) => void | Promise<void>;
     /**
      * Optional success callback invoked after successful submission.
      *
@@ -223,6 +242,6 @@ interface ContactDarkProps {
  * />
  * ```
  */
-declare function ContactDark({ heading, description, contactHeading, contactDescription, buttonText, buttonIcon, actions, actionsSlot, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, formClassName, submitClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactDarkProps): React.JSX.Element;
+declare function ContactDark({ heading, description, contactHeading, contactDescription, buttonText, buttonIcon, actions, actionsSlot, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formFields, successMessage, errorMessage, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, formClassName, submitClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, successMessageClassName, errorMessageClassName, background, spacing, containerClassName, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactDarkProps): React.JSX.Element;
 
 export { ContactDark, type ContactDarkProps };

package/dist/contact-dark.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { F as FormFieldConfig } from './form-field-types-BYdJNOsW.js';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { A as ActionConfig } from './blocks-k17uluAz.js';
@@ -7,12 +8,6 @@ import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
-interface ContactDarkFormValues {
-    firstName: string;
-    lastName: string;
-    email: string;
-    message: string;
-}
 interface ContactDarkOption {
     /**
      * Icon name for the contact option
@@ -90,6 +85,21 @@ interface ContactDarkProps {
      * Custom slot for rendering social links (overrides socialLinks array)
      */
     socialLinksSlot?: React.ReactNode;
+    /**
+     * Array of form field configurations
+     * If not provided, defaults to: firstName, lastName, email, message
+     */
+    formFields?: FormFieldConfig[];
+    /**
+     * Success message to display after form submission
+     * @default "Thank you! Your message has been sent successfully."
+     */
+    successMessage?: React.ReactNode;
+    /**
+     * Error message to display if submission fails
+     * @default "There was an error sending your message. Please try again."
+     */
+    errorMessage?: React.ReactNode;
     /**
      * Additional CSS classes for the section
      */
@@ -137,7 +147,16 @@ interface ContactDarkProps {
     /**
      * Additional CSS classes for the social links container
      */
-    socialLinksClassName?: string; /**
+    socialLinksClassName?: 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?: SectionBackground;
@@ -193,7 +212,7 @@ interface ContactDarkProps {
      *   });
      * }}
      */
-    onSubmit?: (values: ContactDarkFormValues) => void | Promise<void>;
+    onSubmit?: (values: Record<string, any>) => void | Promise<void>;
     /**
      * Optional success callback invoked after successful submission.
      *
@@ -223,6 +242,6 @@ interface ContactDarkProps {
  * />
  * ```
  */
-declare function ContactDark({ heading, description, contactHeading, contactDescription, buttonText, buttonIcon, actions, actionsSlot, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, formClassName, submitClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactDarkProps): React.JSX.Element;
+declare function ContactDark({ heading, description, contactHeading, contactDescription, buttonText, buttonIcon, actions, actionsSlot, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formFields, successMessage, errorMessage, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, formClassName, submitClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, successMessageClassName, errorMessageClassName, background, spacing, containerClassName, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactDarkProps): React.JSX.Element;
 
 export { ContactDark, type ContactDarkProps };