@opensite/ui 2.2.1 → 2.2.3

package/dist/contact-card.cjs

@@ -896,8 +896,6 @@ var DEFAULT_FORM_FIELDS = [
 function ContactCard({
   heading = "Get In Touch",
   description = "We'd love to hear from you. Send us a message and we'll respond as soon as possible.",
-  buttonText = "Send Message",
-  buttonIcon,
   contactOptions,
   contactOptionsSlot,
   socialLinks,
@@ -918,22 +916,6 @@ function ContactCard({
   pattern,
   patternOpacity
 }) {
-  const formStyleRules = React__namespace.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React__namespace.useMemo(() => {
-    if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
-      return formEngineSetup.fields;
-    }
-    return DEFAULT_FORM_FIELDS;
-  }, [formEngineSetup?.fields]);
   const contactOptionsContent = React__namespace.useMemo(() => {
     if (contactOptionsSlot) return contactOptionsSlot;
     if (contactOptions && contactOptions.length > 0) {
@@ -998,20 +980,9 @@ function ContactCard({
             /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("order-2 lg:order-1 pt-0 pb-0", cardClassName), children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
               integration.FormEngine,
               {
-                ...formEngineSetup,
-                formLayoutSettings: {
-                  ...formEngineSetup.formLayoutSettings,
-                  formLayout: "standard",
-                  submitButtonSetup: {
-                    ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                    submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      buttonIcon,
-                      buttonText
-                    ] })
-                  },
-                  styleRules: formStyleRules
-                },
-                fields: formFields
+                formEngineSetup,
+                defaultFields: DEFAULT_FORM_FIELDS,
+                defaultStyleRules: DEFAULT_STYLE_RULES
               }
             ) : null }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/contact-card.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { C as ContactDarkSocialLink } from './contact-dark-VpMwwNkH.cjs';
+import { C as ContactDarkSocialLink } from './contact-dark-BCQefo1j.cjs';
 import 'react/jsx-runtime';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
@@ -31,14 +31,6 @@ interface ContactCardProps {
      * Description text below the heading
      */
     description?: React.ReactNode;
-    /**
-     * Submit button text
-     */
-    buttonText?: string;
-    /**
-     * Submit button icon (displayed before text)
-     */
-    buttonIcon?: React.ReactNode;
     /**
      * Contact options to display with icons
      */
@@ -135,6 +127,6 @@ interface ContactCardProps {
  * />
  * ```
  */
-declare function ContactCard({ heading, description, buttonText, buttonIcon, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, containerClassName, cardClassName, cardContentClassName, infoPanelClassName, headingClassName, descriptionClassName, contactOptionsClassName, socialLinksClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactCardProps): React.JSX.Element;
+declare function ContactCard({ heading, description, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, containerClassName, cardClassName, cardContentClassName, infoPanelClassName, headingClassName, descriptionClassName, contactOptionsClassName, socialLinksClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactCardProps): React.JSX.Element;
 
 export { ContactCard, type ContactCardProps };

package/dist/contact-card.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { C as ContactDarkSocialLink } from './contact-dark-tweUQnN1.js';
+import { C as ContactDarkSocialLink } from './contact-dark-0gEH_OJl.js';
 import 'react/jsx-runtime';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
@@ -31,14 +31,6 @@ interface ContactCardProps {
      * Description text below the heading
      */
     description?: React.ReactNode;
-    /**
-     * Submit button text
-     */
-    buttonText?: string;
-    /**
-     * Submit button icon (displayed before text)
-     */
-    buttonIcon?: React.ReactNode;
     /**
      * Contact options to display with icons
      */
@@ -135,6 +127,6 @@ interface ContactCardProps {
  * />
  * ```
  */
-declare function ContactCard({ heading, description, buttonText, buttonIcon, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, containerClassName, cardClassName, cardContentClassName, infoPanelClassName, headingClassName, descriptionClassName, contactOptionsClassName, socialLinksClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactCardProps): React.JSX.Element;
+declare function ContactCard({ heading, description, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, containerClassName, cardClassName, cardContentClassName, infoPanelClassName, headingClassName, descriptionClassName, contactOptionsClassName, socialLinksClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactCardProps): React.JSX.Element;
 
 export { ContactCard, type ContactCardProps };

package/dist/contact-card.js

@@ -5,7 +5,7 @@ import { FormEngine } from '@page-speed/forms/integration';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Icon } from '@page-speed/icon';
 
 // components/blocks/contact/contact-card.tsx
@@ -875,8 +875,6 @@ var DEFAULT_FORM_FIELDS = [
 function ContactCard({
   heading = "Get In Touch",
   description = "We'd love to hear from you. Send us a message and we'll respond as soon as possible.",
-  buttonText = "Send Message",
-  buttonIcon,
   contactOptions,
   contactOptionsSlot,
   socialLinks,
@@ -897,22 +895,6 @@ function ContactCard({
   pattern,
   patternOpacity
 }) {
-  const formStyleRules = React.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React.useMemo(() => {
-    if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
-      return formEngineSetup.fields;
-    }
-    return DEFAULT_FORM_FIELDS;
-  }, [formEngineSetup?.fields]);
   const contactOptionsContent = React.useMemo(() => {
     if (contactOptionsSlot) return contactOptionsSlot;
     if (contactOptions && contactOptions.length > 0) {
@@ -977,20 +959,9 @@ function ContactCard({
             /* @__PURE__ */ jsx(Card, { className: cn("order-2 lg:order-1 pt-0 pb-0", cardClassName), children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
               FormEngine,
               {
-                ...formEngineSetup,
-                formLayoutSettings: {
-                  ...formEngineSetup.formLayoutSettings,
-                  formLayout: "standard",
-                  submitButtonSetup: {
-                    ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                    submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
-                      buttonIcon,
-                      buttonText
-                    ] })
-                  },
-                  styleRules: formStyleRules
-                },
-                fields: formFields
+                formEngineSetup,
+                defaultFields: DEFAULT_FORM_FIELDS,
+                defaultStyleRules: DEFAULT_STYLE_RULES
               }
             ) : null }) }),
             /* @__PURE__ */ jsxs(

package/dist/{contact-dark-tweUQnN1.d.ts → contact-dark-0gEH_OJl.d.ts}

@@ -47,14 +47,6 @@ interface ContactDarkProps {
      * Contact information description
      */
     contactDescription?: React.ReactNode;
-    /**
-     * Submit button text
-     */
-    buttonText?: string;
-    /**
-     * Submit button icon (displayed before text)
-     */
-    buttonIcon?: React.ReactNode;
     /**
      * Contact options to display
      */
@@ -142,11 +134,10 @@ interface ContactDarkProps {
  * <ContactDark
  *   heading="Contact Us"
  *   description="Any questions or remarks? Just write us a message!"
- *   buttonText="Send Message"
  *   formEngineSetup={{ formConfig: { endpoint: "/api/contact", format: "json" } }}
  * />
  * ```
  */
-declare function ContactDark({ heading, description, contactHeading, contactDescription, buttonText, buttonIcon, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, }: ContactDarkProps): React.JSX.Element;
+declare function ContactDark({ heading, description, contactHeading, contactDescription, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, }: ContactDarkProps): React.JSX.Element;
 
 export { type ContactDarkSocialLink as C, ContactDark as a, type ContactDarkProps as b };

package/dist/{contact-dark-VpMwwNkH.d.cts → contact-dark-BCQefo1j.d.cts}

@@ -47,14 +47,6 @@ interface ContactDarkProps {
      * Contact information description
      */
     contactDescription?: React.ReactNode;
-    /**
-     * Submit button text
-     */
-    buttonText?: string;
-    /**
-     * Submit button icon (displayed before text)
-     */
-    buttonIcon?: React.ReactNode;
     /**
      * Contact options to display
      */
@@ -142,11 +134,10 @@ interface ContactDarkProps {
  * <ContactDark
  *   heading="Contact Us"
  *   description="Any questions or remarks? Just write us a message!"
- *   buttonText="Send Message"
  *   formEngineSetup={{ formConfig: { endpoint: "/api/contact", format: "json" } }}
  * />
  * ```
  */
-declare function ContactDark({ heading, description, contactHeading, contactDescription, buttonText, buttonIcon, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, }: ContactDarkProps): React.JSX.Element;
+declare function ContactDark({ heading, description, contactHeading, contactDescription, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, }: ContactDarkProps): React.JSX.Element;
 
 export { type ContactDarkSocialLink as C, ContactDark as a, type ContactDarkProps as b };

package/dist/contact-dark.cjs

@@ -889,8 +889,6 @@ function ContactDark({
   description,
   contactHeading = "Contact Information",
   contactDescription = "Fill up the form and our team will get back to you within 24 hours.",
-  buttonText = "Submit",
-  buttonIcon,
   contactOptions,
   contactOptionsSlot,
   socialLinks,
@@ -911,22 +909,6 @@ function ContactDark({
   pattern,
   patternOpacity
 }) {
-  const formStyleRules = React__namespace.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React__namespace.useMemo(() => {
-    if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
-      return formEngineSetup.fields;
-    }
-    return DEFAULT_FORM_FIELDS;
-  }, [formEngineSetup?.fields]);
   const contactOptionsContent = React__namespace.useMemo(() => {
     if (contactOptionsSlot) return contactOptionsSlot;
     if (contactOptions && contactOptions.length > 0) {
@@ -992,20 +974,9 @@ function ContactDark({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
               integration.FormEngine,
               {
-                ...formEngineSetup,
-                formLayoutSettings: {
-                  ...formEngineSetup.formLayoutSettings,
-                  formLayout: "standard",
-                  submitButtonSetup: {
-                    ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                    submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      buttonIcon,
-                      buttonText
-                    ] })
-                  },
-                  styleRules: formStyleRules
-                },
-                fields: formFields
+                formEngineSetup,
+                defaultFields: DEFAULT_FORM_FIELDS,
+                defaultStyleRules: DEFAULT_STYLE_RULES
               }
             ) : null }),
             /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/contact-dark.d.cts

@@ -1,4 +1,4 @@
-export { a as ContactDark, b as ContactDarkProps } from './contact-dark-VpMwwNkH.cjs';
+export { a as ContactDark, b as ContactDarkProps } from './contact-dark-BCQefo1j.cjs';
 import 'react';
 import '@page-speed/forms/integration';
 import './community-initiatives-Bz_A5vLU.cjs';

package/dist/contact-dark.d.ts

@@ -1,4 +1,4 @@
-export { a as ContactDark, b as ContactDarkProps } from './contact-dark-tweUQnN1.js';
+export { a as ContactDark, b as ContactDarkProps } from './contact-dark-0gEH_OJl.js';
 import 'react';
 import '@page-speed/forms/integration';
 import './community-initiatives-Bi_ClKrO.js';

package/dist/contact-dark.js

@@ -5,7 +5,7 @@ import { FormEngine } from '@page-speed/forms/integration';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Icon } from '@page-speed/icon';
 
 // components/blocks/contact/contact-dark.tsx
@@ -868,8 +868,6 @@ function ContactDark({
   description,
   contactHeading = "Contact Information",
   contactDescription = "Fill up the form and our team will get back to you within 24 hours.",
-  buttonText = "Submit",
-  buttonIcon,
   contactOptions,
   contactOptionsSlot,
   socialLinks,
@@ -890,22 +888,6 @@ function ContactDark({
   pattern,
   patternOpacity
 }) {
-  const formStyleRules = React.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React.useMemo(() => {
-    if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
-      return formEngineSetup.fields;
-    }
-    return DEFAULT_FORM_FIELDS;
-  }, [formEngineSetup?.fields]);
   const contactOptionsContent = React.useMemo(() => {
     if (contactOptionsSlot) return contactOptionsSlot;
     if (contactOptions && contactOptions.length > 0) {
@@ -971,20 +953,9 @@ function ContactDark({
             /* @__PURE__ */ jsx("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
               FormEngine,
               {
-                ...formEngineSetup,
-                formLayoutSettings: {
-                  ...formEngineSetup.formLayoutSettings,
-                  formLayout: "standard",
-                  submitButtonSetup: {
-                    ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                    submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
-                      buttonIcon,
-                      buttonText
-                    ] })
-                  },
-                  styleRules: formStyleRules
-                },
-                fields: formFields
+                formEngineSetup,
+                defaultFields: DEFAULT_FORM_FIELDS,
+                defaultStyleRules: DEFAULT_STYLE_RULES
               }
             ) : null }),
             /* @__PURE__ */ jsxs(

package/dist/contact-emergency.cjs

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var React = require('react');
 var integration = require('@page-speed/forms/integration');
 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 icon = require('@page-speed/icon');
@@ -911,8 +911,6 @@ function ContactEmergency({
   heading,
   description,
   contactItems,
-  buttonText = "Submit Emergency Request",
-  buttonIcon,
   formEngineSetup,
   className,
   headerClassName,
@@ -924,22 +922,6 @@ function ContactEmergency({
   pattern,
   patternOpacity
 }) {
-  const formStyleRules = React__namespace.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React__namespace.useMemo(() => {
-    if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
-      return formEngineSetup.fields;
-    }
-    return DEFAULT_FORM_FIELDS;
-  }, [formEngineSetup?.fields]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1013,20 +995,9 @@ function ContactEmergency({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
           integration.FormEngine,
           {
-            ...formEngineSetup,
-            formLayoutSettings: {
-              ...formEngineSetup.formLayoutSettings,
-              formLayout: "standard",
-              submitButtonSetup: {
-                ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  buttonIcon,
-                  buttonText
-                ] })
-              },
-              styleRules: formStyleRules
-            },
-            fields: formFields
+            formEngineSetup,
+            defaultFields: DEFAULT_FORM_FIELDS,
+            defaultStyleRules: DEFAULT_STYLE_RULES
           }
         ) : null })
       ] })

package/dist/contact-emergency.d.cts

@@ -50,14 +50,6 @@ interface ContactEmergencyProps {
      * Array of emergency contact info items to display in the grid
      */
     contactItems?: ContactInfoItem[];
-    /**
-     * Submit button text
-     */
-    buttonText?: string;
-    /**
-     * Icon to display in submit button
-     */
-    buttonIcon?: React.ReactNode;
     /**
      * Full form engine setup and props
      */
@@ -111,6 +103,6 @@ interface ContactEmergencyProps {
  * />
  * ```
  */
-declare function ContactEmergency({ heading, description, contactItems, buttonText, buttonIcon, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, spacing, containerClassName, background, pattern, patternOpacity, }: ContactEmergencyProps): React.JSX.Element;
+declare function ContactEmergency({ heading, description, contactItems, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, spacing, containerClassName, background, pattern, patternOpacity, }: ContactEmergencyProps): React.JSX.Element;
 
 export { ContactEmergency, type ContactEmergencyProps };

package/dist/contact-emergency.d.ts

@@ -50,14 +50,6 @@ interface ContactEmergencyProps {
      * Array of emergency contact info items to display in the grid
      */
     contactItems?: ContactInfoItem[];
-    /**
-     * Submit button text
-     */
-    buttonText?: string;
-    /**
-     * Icon to display in submit button
-     */
-    buttonIcon?: React.ReactNode;
     /**
      * Full form engine setup and props
      */
@@ -111,6 +103,6 @@ interface ContactEmergencyProps {
  * />
  * ```
  */
-declare function ContactEmergency({ heading, description, contactItems, buttonText, buttonIcon, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, spacing, containerClassName, background, pattern, patternOpacity, }: ContactEmergencyProps): React.JSX.Element;
+declare function ContactEmergency({ heading, description, contactItems, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, spacing, containerClassName, background, pattern, patternOpacity, }: ContactEmergencyProps): React.JSX.Element;
 
 export { ContactEmergency, type ContactEmergencyProps };

package/dist/contact-emergency.js

@@ -1,11 +1,11 @@
 "use client";
-import * as React from 'react';
-import React__default from 'react';
 import { FormEngine } from '@page-speed/forms/integration';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import * as React from 'react';
+import React__default from 'react';
 import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Icon } from '@page-speed/icon';
 
 // components/blocks/contact/contact-emergency.tsx
@@ -890,8 +890,6 @@ function ContactEmergency({
   heading,
   description,
   contactItems,
-  buttonText = "Submit Emergency Request",
-  buttonIcon,
   formEngineSetup,
   className,
   headerClassName,
@@ -903,22 +901,6 @@ function ContactEmergency({
   pattern,
   patternOpacity
 }) {
-  const formStyleRules = React.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React.useMemo(() => {
-    if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
-      return formEngineSetup.fields;
-    }
-    return DEFAULT_FORM_FIELDS;
-  }, [formEngineSetup?.fields]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -992,20 +974,9 @@ function ContactEmergency({
         /* @__PURE__ */ jsx("div", { className: "p-6", children: formEngineSetup ? /* @__PURE__ */ jsx(
           FormEngine,
           {
-            ...formEngineSetup,
-            formLayoutSettings: {
-              ...formEngineSetup.formLayoutSettings,
-              formLayout: "standard",
-              submitButtonSetup: {
-                ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
-                  buttonIcon,
-                  buttonText
-                ] })
-              },
-              styleRules: formStyleRules
-            },
-            fields: formFields
+            formEngineSetup,
+            defaultFields: DEFAULT_FORM_FIELDS,
+            defaultStyleRules: DEFAULT_STYLE_RULES
           }
         ) : null })
       ] })