@opensite/ui 2.5.0 → 2.5.1

package/dist/registry.js

@@ -11,8 +11,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Icon } from '@page-speed/icon';
 import { usePlatformFromUrl } from '@opensite/hooks/usePlatformFromUrl';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { Form, useForm, Field } from '@page-speed/forms';
-import { useFileUpload, useContactForm, DynamicFormField, FormEngine, submitPageSpeedForm, PageSpeedFormSubmissionError, isValidEmail } from '@page-speed/forms/integration';
+import { FormEngine, useFileUpload, useContactForm, DynamicFormField, submitPageSpeedForm, PageSpeedFormSubmissionError, isValidEmail } from '@page-speed/forms/integration';
 import { AnimatePresence, motion, useMotionValue, useMotionTemplate, useSpring, useTransform, useInView, useScroll, useMotionValueEvent } from 'framer-motion';
 import { Lightbox } from '@page-speed/lightbox';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
@@ -27,6 +26,7 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { format } from 'date-fns';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { Form, useForm, Field } from '@page-speed/forms';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
@@ -4356,12 +4356,18 @@ function FooterLinksGrid({
     }
   );
 }
+var DEFAULT_STYLE_RULES = {
+  formContainer: "flex items-stretch w-full",
+  fieldsContainer: "",
+  fieldClassName: "",
+  formClassName: ""
+};
 var DEFAULT_FORM_FIELDS = [
   {
     name: "email",
     type: "email",
     label: "Email Address",
-    placeholder: "Enter your email",
+    placeholder: "Email Address",
     required: true,
     columnSpan: 12
   }
@@ -4374,7 +4380,6 @@ function FooterSocialNewsletter({
   className,
   contentClassName,
   logoWrapperClassName,
-  logoClassName,
   gridClassName,
   navSectionClassName,
   navTitleClassName,
@@ -4383,16 +4388,7 @@ function FooterSocialNewsletter({
   socialColumnClassName,
   socialLinksClassName,
   socialLinkClassName,
-  formFields = DEFAULT_FORM_FIELDS,
-  formConfig,
-  onSubmit,
-  onSuccess,
-  onError,
-  successMessage,
-  buttonAction,
-  helperText,
-  formSlot,
-  privacyClassName,
+  formEngineSetup,
   bottomClassName,
   copyrightClassName,
   background,
@@ -4402,104 +4398,36 @@ function FooterSocialNewsletter({
   patternOpacity,
   optixFlowConfig
 }) {
-  const {
-    uploadTokens,
-    uploadProgress,
-    isUploading,
-    uploadFiles,
-    removeFile,
-    resetUpload
-  } = useFileUpload({ onError });
-  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
-    formFields,
-    formConfig,
-    onSubmit,
-    onSuccess: (data) => {
-      resetUpload();
-      onSuccess?.(data);
-    },
-    onError,
-    uploadTokens
-  });
   const renderForm = React30.useMemo(() => {
-    if (formSlot) return formSlot;
-    const defaultButtonAction = {
-      label: "Subscribe",
+    if (!formEngineSetup) return null;
+    const action = {
       variant: "default",
-      className: "h-12"
+      icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
     };
-    const action = buttonAction || defaultButtonAction;
-    return /* @__PURE__ */ jsxs(
-      Form,
+    return /* @__PURE__ */ jsx(
+      FormEngine,
       {
-        form,
-        fields: formFields,
-        notificationConfig: {
-          submissionError,
-          successMessage
-        },
-        formConfig: {
-          endpoint: formConfig?.endpoint,
-          method: formMethod,
-          submissionConfig: formConfig?.submissionConfig,
-          formLayout: "button-group",
-          buttonGroupSize: "sm",
-          submitLabel: action.label,
-          submitVariant: action.variant || "default",
-          submitIconComponent: action.icon || /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/send" })
-        },
-        onNewSubmission: () => {
-          resetUpload();
-          resetSubmissionState();
+        formEngineSetup: {
+          ...formEngineSetup,
+          formLayoutSettings: {
+            ...formEngineSetup.formLayoutSettings,
+            formLayout: "button-group",
+            buttonGroupSetup: {
+              ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
+              size: "default",
+              submitLabel: action.icon || action.label,
+              submitVariant: action.variant
+            }
+          }
         },
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row", children: [
-            formFields.map((field) => /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
-              DynamicFormField,
-              {
-                field,
-                uploadProgress,
-                onFileUpload: uploadFiles,
-                onFileRemove: removeFile,
-                isUploading
-              }
-            ) }, field.name)),
-            /* @__PURE__ */ jsxs(
-              Pressable,
-              {
-                onClick: form.handleSubmit,
-                asButton: true,
-                variant: action.variant,
-                className: cn("h-12", action.className),
-                disabled: form.isSubmitting,
-                children: [
-                  action.label,
-                  action.iconAfter
-                ]
-              }
-            )
-          ] }),
-          helperText && (typeof helperText === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm mt-2"), children: helperText }) : helperText)
-        ]
+        defaultFields: DEFAULT_FORM_FIELDS,
+        defaultStyleRules: {
+          ...DEFAULT_STYLE_RULES,
+          formContainer: cn(DEFAULT_STYLE_RULES.formContainer)
+        }
       }
     );
-  }, [
-    formSlot,
-    formFields,
-    form,
-    formConfig,
-    formMethod,
-    buttonAction,
-    uploadProgress,
-    uploadFiles,
-    removeFile,
-    isUploading,
-    submissionError,
-    successMessage,
-    helperText,
-    resetUpload,
-    resetSubmissionState
-  ]);
+  }, [formEngineSetup]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -4507,20 +4435,26 @@ function FooterSocialNewsletter({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
+      className,
       containerClassName,
       children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
         /* @__PURE__ */ jsxs("div", { className: "mb-20", children: [
           logo && /* @__PURE__ */ jsx(
-            FooterLogo,
+            Pressable,
             {
-              logo,
-              logoClassName: cn(
-                "flex items-center gap-2",
-                logoWrapperClassName
-              ),
-              logoImageClassName: cn("h-10", logoClassName),
-              optixFlowConfig
+              href: logo.url || "/",
+              className: cn("block mb-8 md:mb-12", logoWrapperClassName),
+              children: /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: logo.src,
+                  className: cn(
+                    "h-16 object-contain w-auto max-w-full",
+                    logo.className
+                  ),
+                  optixFlowConfig
+                }
+              )
             }
           ),
           socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("mt-6", socialColumnClassName), children: /* @__PURE__ */ jsx(
@@ -4533,10 +4467,9 @@ function FooterSocialNewsletter({
               children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                 SocialLinkIcon,
                 {
-                  href: social.href,
-                  label: social.label,
-                  iconNameOverride: social.iconNameOverride,
-                  iconSize: 20,
+                  size: "icon-lg",
+                  variant: "ghost",
+                  ...social,
                   className: cn(
                     "opacity-80 transition-colors hover:opacity-100",
                     socialLinkClassName
@@ -6046,7 +5979,7 @@ function FooterAnimatedSocial({
     }
   );
 }
-var DEFAULT_STYLE_RULES = {
+var DEFAULT_STYLE_RULES2 = {
   formContainer: "flex w-full items-end border-b border-b-foreground/10",
   fieldsContainer: "",
   fieldClassName: "",
@@ -6169,9 +6102,9 @@ function FooterNewsletterMinimal({
         },
         defaultFields: DEFAULT_FORM_FIELDS2,
         defaultStyleRules: {
-          ...DEFAULT_STYLE_RULES,
+          ...DEFAULT_STYLE_RULES2,
           formContainer: cn(
-            DEFAULT_STYLE_RULES.formContainer,
+            DEFAULT_STYLE_RULES2.formContainer,
             newsletterFormClassName
           )
         }
@@ -11583,7 +11516,7 @@ function CtaImageOverlayArrow({
     }
   );
 }
-var DEFAULT_STYLE_RULES2 = {
+var DEFAULT_STYLE_RULES3 = {
   formContainer: "flex items-stretch w-full",
   fieldsContainer: "",
   fieldClassName: "",
@@ -11654,8 +11587,8 @@ function CtaAppDownloadNewsletter({
         },
         defaultFields: DEFAULT_FORM_FIELDS3,
         defaultStyleRules: {
-          ...DEFAULT_STYLE_RULES2,
-          formContainer: cn(DEFAULT_STYLE_RULES2.formContainer, formClassName)
+          ...DEFAULT_STYLE_RULES3,
+          formContainer: cn(DEFAULT_STYLE_RULES3.formContainer, formClassName)
         }
       }
     );
@@ -11763,7 +11696,7 @@ function CtaAppDownloadNewsletter({
     }
   );
 }
-var DEFAULT_STYLE_RULES3 = {
+var DEFAULT_STYLE_RULES4 = {
   formContainer: "mx-auto mb-8 flex max-w-md items-stretch w-full",
   fieldsContainer: "",
   fieldClassName: "",
@@ -11828,8 +11761,8 @@ function CtaNewsletterFeatures({
         },
         defaultFields: DEFAULT_FORM_FIELDS4,
         defaultStyleRules: {
-          ...DEFAULT_STYLE_RULES3,
-          formContainer: cn(DEFAULT_STYLE_RULES3.formContainer, formClassName)
+          ...DEFAULT_STYLE_RULES4,
+          formContainer: cn(DEFAULT_STYLE_RULES4.formContainer, formClassName)
         }
       }
     );
@@ -13505,7 +13438,7 @@ function ContactFloatingBanner({
     }
   );
 }
-var DEFAULT_STYLE_RULES4 = {
+var DEFAULT_STYLE_RULES5 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -13680,7 +13613,7 @@ function ContactCallback({
             {
               formEngineSetup,
               defaultFields: DEFAULT_FORM_FIELDS5,
-              defaultStyleRules: DEFAULT_STYLE_RULES4
+              defaultStyleRules: DEFAULT_STYLE_RULES5
             }
           ) : null
         ] }) })
@@ -13688,7 +13621,7 @@ function ContactCallback({
     }
   );
 }
-var DEFAULT_STYLE_RULES5 = {
+var DEFAULT_STYLE_RULES6 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -13817,7 +13750,7 @@ function ContactCard({
               {
                 formEngineSetup,
                 defaultFields: DEFAULT_FORM_FIELDS6,
-                defaultStyleRules: DEFAULT_STYLE_RULES5
+                defaultStyleRules: DEFAULT_STYLE_RULES6
               }
             ) : null }) }),
             /* @__PURE__ */ jsxs(
@@ -13877,7 +13810,7 @@ function ContactCard({
     }
   );
 }
-var DEFAULT_STYLE_RULES6 = {
+var DEFAULT_STYLE_RULES7 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -14035,14 +13968,14 @@ function ContactCareers({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS7,
-            defaultStyleRules: DEFAULT_STYLE_RULES6
+            defaultStyleRules: DEFAULT_STYLE_RULES7
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES7 = {
+var DEFAULT_STYLE_RULES8 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -14263,14 +14196,14 @@ function ContactCatering({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS8,
-            defaultStyleRules: DEFAULT_STYLE_RULES7
+            defaultStyleRules: DEFAULT_STYLE_RULES8
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES8 = {
+var DEFAULT_STYLE_RULES9 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -14444,14 +14377,14 @@ function ContactConsultation({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS9,
-            defaultStyleRules: DEFAULT_STYLE_RULES8
+            defaultStyleRules: DEFAULT_STYLE_RULES9
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES9 = {
+var DEFAULT_STYLE_RULES10 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -14584,7 +14517,7 @@ function ContactDark({
               {
                 formEngineSetup,
                 defaultFields: DEFAULT_FORM_FIELDS10,
-                defaultStyleRules: DEFAULT_STYLE_RULES9
+                defaultStyleRules: DEFAULT_STYLE_RULES10
               }
             ) : null }),
             /* @__PURE__ */ jsxs(
@@ -14775,7 +14708,7 @@ var BlurText = ({
     }
   );
 };
-var DEFAULT_STYLE_RULES10 = {
+var DEFAULT_STYLE_RULES11 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -14890,14 +14823,14 @@ function ContactDemo({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS11,
-            defaultStyleRules: DEFAULT_STYLE_RULES10
+            defaultStyleRules: DEFAULT_STYLE_RULES11
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES11 = {
+var DEFAULT_STYLE_RULES12 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -15077,14 +15010,14 @@ function ContactEmergency({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS12,
-            defaultStyleRules: DEFAULT_STYLE_RULES11
+            defaultStyleRules: DEFAULT_STYLE_RULES12
           }
         ) : null })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES12 = {
+var DEFAULT_STYLE_RULES13 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -15186,7 +15119,7 @@ function ContactEvent({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS13,
-            defaultStyleRules: DEFAULT_STYLE_RULES12
+            defaultStyleRules: DEFAULT_STYLE_RULES13
           }
         ) : null }) })
       ] })
@@ -15253,7 +15186,7 @@ function AccordionContent({
     }
   );
 }
-var DEFAULT_STYLE_RULES13 = {
+var DEFAULT_STYLE_RULES14 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -15421,7 +15354,7 @@ function ContactFaq({
                   {
                     formEngineSetup,
                     defaultFields: DEFAULT_FORM_FIELDS14,
-                    defaultStyleRules: DEFAULT_STYLE_RULES13
+                    defaultStyleRules: DEFAULT_STYLE_RULES14
                   }
                 ) : null
               ] }) }),
@@ -15445,7 +15378,7 @@ function ContactFaq({
     }
   );
 }
-var DEFAULT_STYLE_RULES14 = {
+var DEFAULT_STYLE_RULES15 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -15547,14 +15480,14 @@ function ContactFeedback({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS15,
-            defaultStyleRules: DEFAULT_STYLE_RULES14
+            defaultStyleRules: DEFAULT_STYLE_RULES15
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES15 = {
+var DEFAULT_STYLE_RULES16 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -15656,14 +15589,14 @@ function ContactFitness({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS16,
-            defaultStyleRules: DEFAULT_STYLE_RULES15
+            defaultStyleRules: DEFAULT_STYLE_RULES16
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES16 = {
+var DEFAULT_STYLE_RULES17 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -15765,14 +15698,14 @@ function ContactGuest({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS17,
-            defaultStyleRules: DEFAULT_STYLE_RULES16
+            defaultStyleRules: DEFAULT_STYLE_RULES17
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES17 = {
+var DEFAULT_STYLE_RULES18 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -15988,7 +15921,7 @@ function ContactImage({
                     {
                       formEngineSetup,
                       defaultFields: DEFAULT_FORM_FIELDS18,
-                      defaultStyleRules: DEFAULT_STYLE_RULES17
+                      defaultStyleRules: DEFAULT_STYLE_RULES18
                     }
                   ) : null })
                 ]
@@ -16000,7 +15933,7 @@ function ContactImage({
     }
   );
 }
-var DEFAULT_STYLE_RULES18 = {
+var DEFAULT_STYLE_RULES19 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -16102,14 +16035,14 @@ function ContactInsurance({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS19,
-            defaultStyleRules: DEFAULT_STYLE_RULES18
+            defaultStyleRules: DEFAULT_STYLE_RULES19
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES19 = {
+var DEFAULT_STYLE_RULES20 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -16233,14 +16166,14 @@ function ContactInterview({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS20,
-            defaultStyleRules: DEFAULT_STYLE_RULES19
+            defaultStyleRules: DEFAULT_STYLE_RULES20
           }
         ) : null
       ] }) }) })
     }
   );
 }
-var DEFAULT_STYLE_RULES20 = {
+var DEFAULT_STYLE_RULES21 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -16342,14 +16275,14 @@ function ContactLocations({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS21,
-            defaultStyleRules: DEFAULT_STYLE_RULES20
+            defaultStyleRules: DEFAULT_STYLE_RULES21
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES21 = {
+var DEFAULT_STYLE_RULES22 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -16451,14 +16384,14 @@ function ContactMaintenance({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS22,
-            defaultStyleRules: DEFAULT_STYLE_RULES21
+            defaultStyleRules: DEFAULT_STYLE_RULES22
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES22 = {
+var DEFAULT_STYLE_RULES23 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -16560,14 +16493,14 @@ function ContactMap({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS23,
-            defaultStyleRules: DEFAULT_STYLE_RULES22
+            defaultStyleRules: DEFAULT_STYLE_RULES23
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES23 = {
+var DEFAULT_STYLE_RULES24 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -16669,14 +16602,14 @@ function ContactMinimal({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS24,
-            defaultStyleRules: DEFAULT_STYLE_RULES23
+            defaultStyleRules: DEFAULT_STYLE_RULES24
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES24 = {
+var DEFAULT_STYLE_RULES25 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -16778,14 +16711,14 @@ function ContactMoving({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS25,
-            defaultStyleRules: DEFAULT_STYLE_RULES24
+            defaultStyleRules: DEFAULT_STYLE_RULES25
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES25 = {
+var DEFAULT_STYLE_RULES26 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -16887,14 +16820,14 @@ function ContactMultistep({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS26,
-            defaultStyleRules: DEFAULT_STYLE_RULES25
+            defaultStyleRules: DEFAULT_STYLE_RULES26
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES26 = {
+var DEFAULT_STYLE_RULES27 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -16996,14 +16929,14 @@ function ContactPartnership({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS27,
-            defaultStyleRules: DEFAULT_STYLE_RULES26
+            defaultStyleRules: DEFAULT_STYLE_RULES27
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES27 = {
+var DEFAULT_STYLE_RULES28 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -17138,7 +17071,7 @@ function ContactPhotography({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS28,
-            defaultStyleRules: DEFAULT_STYLE_RULES27
+            defaultStyleRules: DEFAULT_STYLE_RULES28
           }
         ) : null
       ] }) })
@@ -17160,7 +17093,7 @@ function ContactPhotography({
     }
   );
 }
-var DEFAULT_STYLE_RULES28 = {
+var DEFAULT_STYLE_RULES29 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -17262,14 +17195,14 @@ function ContactPress({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS29,
-            defaultStyleRules: DEFAULT_STYLE_RULES28
+            defaultStyleRules: DEFAULT_STYLE_RULES29
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES29 = {
+var DEFAULT_STYLE_RULES30 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -17371,14 +17304,14 @@ function ContactQuote({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS30,
-            defaultStyleRules: DEFAULT_STYLE_RULES29
+            defaultStyleRules: DEFAULT_STYLE_RULES30
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES30 = {
+var DEFAULT_STYLE_RULES31 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -17480,14 +17413,14 @@ function ContactReferral({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS31,
-            defaultStyleRules: DEFAULT_STYLE_RULES30
+            defaultStyleRules: DEFAULT_STYLE_RULES31
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES31 = {
+var DEFAULT_STYLE_RULES32 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -17589,14 +17522,14 @@ function ContactReport({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS32,
-            defaultStyleRules: DEFAULT_STYLE_RULES31
+            defaultStyleRules: DEFAULT_STYLE_RULES32
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES32 = {
+var DEFAULT_STYLE_RULES33 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -17698,14 +17631,14 @@ function ContactReservation({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS33,
-            defaultStyleRules: DEFAULT_STYLE_RULES32
+            defaultStyleRules: DEFAULT_STYLE_RULES33
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES33 = {
+var DEFAULT_STYLE_RULES34 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -17823,14 +17756,14 @@ function ContactRetreat({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS34,
-            defaultStyleRules: DEFAULT_STYLE_RULES33
+            defaultStyleRules: DEFAULT_STYLE_RULES34
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES34 = {
+var DEFAULT_STYLE_RULES35 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -17932,14 +17865,14 @@ function ContactRsvp({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS35,
-            defaultStyleRules: DEFAULT_STYLE_RULES34
+            defaultStyleRules: DEFAULT_STYLE_RULES35
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES35 = {
+var DEFAULT_STYLE_RULES36 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -18041,14 +17974,14 @@ function ContactSales({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS36,
-            defaultStyleRules: DEFAULT_STYLE_RULES35
+            defaultStyleRules: DEFAULT_STYLE_RULES36
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES36 = {
+var DEFAULT_STYLE_RULES37 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -18150,14 +18083,14 @@ function ContactSchedule({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS37,
-            defaultStyleRules: DEFAULT_STYLE_RULES36
+            defaultStyleRules: DEFAULT_STYLE_RULES37
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES37 = {
+var DEFAULT_STYLE_RULES38 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -18259,14 +18192,14 @@ function ContactSponsorship({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS38,
-            defaultStyleRules: DEFAULT_STYLE_RULES37
+            defaultStyleRules: DEFAULT_STYLE_RULES38
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES38 = {
+var DEFAULT_STYLE_RULES39 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -18368,14 +18301,14 @@ function ContactSupport({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS39,
-            defaultStyleRules: DEFAULT_STYLE_RULES38
+            defaultStyleRules: DEFAULT_STYLE_RULES39
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES39 = {
+var DEFAULT_STYLE_RULES40 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -18477,14 +18410,14 @@ function ContactTenant({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS40,
-            defaultStyleRules: DEFAULT_STYLE_RULES39
+            defaultStyleRules: DEFAULT_STYLE_RULES40
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES40 = {
+var DEFAULT_STYLE_RULES41 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -18586,14 +18519,14 @@ function ContactVendor({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS41,
-            defaultStyleRules: DEFAULT_STYLE_RULES40
+            defaultStyleRules: DEFAULT_STYLE_RULES41
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES41 = {
+var DEFAULT_STYLE_RULES42 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -18695,14 +18628,14 @@ function ContactVolunteer({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS42,
-            defaultStyleRules: DEFAULT_STYLE_RULES41
+            defaultStyleRules: DEFAULT_STYLE_RULES42
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES42 = {
+var DEFAULT_STYLE_RULES43 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -18804,14 +18737,14 @@ function ContactWarranty({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS43,
-            defaultStyleRules: DEFAULT_STYLE_RULES42
+            defaultStyleRules: DEFAULT_STYLE_RULES43
           }
         ) : null }) })
       ] })
     }
   );
 }
-var DEFAULT_STYLE_RULES43 = {
+var DEFAULT_STYLE_RULES44 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -18913,7 +18846,7 @@ function ContactWedding({
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS44,
-            defaultStyleRules: DEFAULT_STYLE_RULES43
+            defaultStyleRules: DEFAULT_STYLE_RULES44
           }
         ) : null }) })
       ] })
@@ -41793,7 +41726,7 @@ function FeatureAnimatedCarousel({
     }
   );
 }
-var DEFAULT_STYLE_RULES44 = {
+var DEFAULT_STYLE_RULES45 = {
   formContainer: "space-y-4",
   fieldsContainer: "",
   fieldClassName: "",
@@ -41845,14 +41778,14 @@ function FooterNewsletterContact({
   }, [footerLinks]);
   const contactDetailsContent = React30.useMemo(() => {
     if (!contactDetails || contactDetails.length === 0) return null;
-    return contactDetails.map((item, idx) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 16, className: "shrink-0" }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1", children: item.type === "none" ? /* @__PURE__ */ jsx("p", { children: item.text }) : /* @__PURE__ */ jsx(
+    return contactDetails.map((item, idx) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center shrink-0 mt-1", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 16 }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
         Pressable,
         {
-          href: item.type === "email" ? `mailto:${item.link}` : `tel:${item.link}`,
+          href: item.link,
           className: "underline-offset-4 hover:underline",
-          children: item.text
+          children: item.label
         }
       ) })
     ] }, idx));
@@ -41898,9 +41831,9 @@ function FooterNewsletterContact({
         },
         defaultFields: DEFAULT_FORM_FIELDS45,
         defaultStyleRules: {
-          ...DEFAULT_STYLE_RULES44,
+          ...DEFAULT_STYLE_RULES45,
           formContainer: cn(
-            DEFAULT_STYLE_RULES44.formContainer,
+            DEFAULT_STYLE_RULES45.formContainer,
             newsletterFormClassName
           )
         }
@@ -41917,9 +41850,9 @@ function FooterNewsletterContact({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-10", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-x-16 gap-y-8 md:grid-cols-2 xl:grid-cols-4", children: [
-          formEngineSetup && (newsletterTitle || newsletterDescription) && /* @__PURE__ */ jsxs("div", { className: "space-y-6 col-span-2 md:col-span-1", children: [
-            newsletterTitle && /* @__PURE__ */ jsx("h3", { className: "text-3xl font-medium font-serif leading-none", children: newsletterTitle }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-x-6 md:gap-x-8 lg:gap-x-12 xl:gap-x-16 gap-y-8 md:grid-cols-2 lg:grid-cols-4", children: [
+          formEngineSetup && /* @__PURE__ */ jsxs("div", { className: "space-y-4 md:space-y-6 col-span-2 md:col-span-1", children: [
+            newsletterTitle && /* @__PURE__ */ jsx("h3", { className: "text-2xl md:text-3xl font-medium leading-none", children: newsletterTitle }),
             newsletterDescription && /* @__PURE__ */ jsx("p", { className: "font-light leading-normal", children: newsletterDescription }),
             renderForm
           ] }),
@@ -41964,7 +41897,7 @@ function FooterNewsletterContact({
     }
   );
 }
-var DEFAULT_STYLE_RULES45 = {
+var DEFAULT_STYLE_RULES46 = {
   formContainer: "flex items-stretch w-full",
   fieldsContainer: "",
   fieldClassName: "",
@@ -42043,9 +41976,9 @@ function FooterSplitImageAccordion({
         },
         defaultFields: DEFAULT_FORM_FIELDS46,
         defaultStyleRules: {
-          ...DEFAULT_STYLE_RULES45,
+          ...DEFAULT_STYLE_RULES46,
           formContainer: cn(
-            DEFAULT_STYLE_RULES45.formContainer,
+            DEFAULT_STYLE_RULES46.formContainer,
             newsletterFormClassName
           )
         }
@@ -42244,7 +42177,7 @@ function FooterSplitImageAccordion({
     }
   );
 }
-var DEFAULT_STYLE_RULES46 = {
+var DEFAULT_STYLE_RULES47 = {
   formContainer: "flex items-stretch w-full",
   fieldsContainer: "",
   fieldClassName: "",
@@ -42275,20 +42208,15 @@ function FooterAccordionSocial({
   pattern,
   patternOpacity,
   patternClassName,
-  formEngineSetup,
-  buttonAction,
-  formSlot,
-  newsletterFormClassName
+  formEngineSetup
 }) {
   const renderForm = React30.useMemo(() => {
-    if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
-    const defaultButtonAction = {
+    const action = {
       label: "",
       variant: "default",
       icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
     };
-    const action = buttonAction || defaultButtonAction;
     return /* @__PURE__ */ jsx(
       FormEngine,
       {
@@ -42301,21 +42229,18 @@ function FooterAccordionSocial({
               ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
               size: "default",
               submitLabel: action.icon || action.label,
-              submitVariant: action.variant || "default"
+              submitVariant: action.variant
             }
           }
         },
         defaultFields: DEFAULT_FORM_FIELDS47,
         defaultStyleRules: {
-          ...DEFAULT_STYLE_RULES46,
-          formContainer: cn(
-            DEFAULT_STYLE_RULES46.formContainer,
-            newsletterFormClassName
-          )
+          ...DEFAULT_STYLE_RULES47,
+          formContainer: cn(DEFAULT_STYLE_RULES47.formContainer)
         }
       }
     );
-  }, [formSlot, formEngineSetup, buttonAction, newsletterFormClassName]);
+  }, [formEngineSetup]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -42329,19 +42254,19 @@ function FooterAccordionSocial({
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-10", children: [
         /* @__PURE__ */ jsxs("div", { className: "grid gap-10 lg:grid-cols-2 lg:gap-20", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-            logo && /* @__PURE__ */ jsx(
-              FooterLogo,
+            logo && /* @__PURE__ */ jsx(Pressable, { href: logo.url || "/", className: "block mb-8 md:mb-12", children: /* @__PURE__ */ jsx(
+              Img,
               {
-                logo,
-                logoClassName: "inline-block max-w-48",
+                src: logo.src,
+                className: "h-16 object-contain w-auto max-w-full",
                 optixFlowConfig
               }
-            ),
-            formEngineSetup && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-              /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-2xl font-semibold", children: newsletterTitle }),
-                /* @__PURE__ */ jsx("p", { className: "opacity-80", children: newsletterDescription })
-              ] }),
+            ) }),
+            formEngineSetup && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              newsletterTitle || newsletterDescription ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                newsletterTitle ? /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold", children: newsletterTitle }) : null,
+                newsletterDescription ? /* @__PURE__ */ jsx("p", { className: "opacity-70", children: newsletterDescription }) : null
+              ] }) : null,
               renderForm
             ] })
           ] }),
@@ -42359,27 +42284,24 @@ function FooterAccordionSocial({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-6 border-t pt-8", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm opacity-80 md:flex-row md:items-center md:gap-4", children: [
-            /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
+            /* @__PURE__ */ jsx(FooterCopyright, { copyright, className: "opacity-50" }),
             /* @__PURE__ */ jsx(
               BrandAttribution,
               {
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 1,
                 variant: "span",
-                linkClassName: "hover:opacity-100"
+                linkClassName: "opacity-50 hover:opacity-100"
               }
             )
           ] }),
           socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-4", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
             SocialLinkIcon,
             {
-              href: social.href,
-              label: social.label,
-              iconNameOverride: social.iconNameOverride,
-              variant: "outline",
-              size: "icon",
-              asButton: true,
-              className: "rounded-full"
+              ...social,
+              variant: "ghost",
+              size: "icon-lg",
+              asButton: true
             }
           ) }, idx)) })
         ] })
@@ -47811,7 +47733,7 @@ function HeroImageLeftContent({
     }
   );
 }
-var DEFAULT_STYLE_RULES47 = {
+var DEFAULT_STYLE_RULES48 = {
   formContainer: "",
   fieldsContainer: "",
   fieldClassName: "",
@@ -48055,7 +47977,7 @@ function HeroImageSlider({
                           }
                         },
                         defaultFields: DEFAULT_FORM_FIELDS48,
-                        defaultStyleRules: DEFAULT_STYLE_RULES47
+                        defaultStyleRules: DEFAULT_STYLE_RULES48
                       }
                     ),
                     privacyNotice && /* @__PURE__ */ jsx(
@@ -57866,7 +57788,7 @@ function HeroPricingComparison({
     }
   );
 }
-var DEFAULT_STYLE_RULES48 = {
+var DEFAULT_STYLE_RULES49 = {
   formContainer: "mt-10 flex justify-center items-center w-full max-w-md flex-col gap-4 sm:flex-row",
   fieldsContainer: "",
   fieldClassName: "",
@@ -57959,7 +57881,7 @@ function HeroNewsletterMinimal({
             }
           },
           defaultFields: DEFAULT_FORM_FIELDS51,
-          defaultStyleRules: DEFAULT_STYLE_RULES48
+          defaultStyleRules: DEFAULT_STYLE_RULES49
         }
       ),
       helperText && (typeof helperText === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm mt-2 text-center"), children: helperText }) : helperText)
@@ -82019,7 +81941,7 @@ function ListSearchableGrid({
     }
   );
 }
-var DEFAULT_STYLE_RULES49 = {
+var DEFAULT_STYLE_RULES50 = {
   formContainer: "flex items-stretch w-full",
   fieldsContainer: "",
   fieldClassName: "",
@@ -82114,8 +82036,8 @@ function OfferModalNewsletterDiscount({
         },
         defaultFields: DEFAULT_FORM_FIELDS53,
         defaultStyleRules: {
-          ...DEFAULT_STYLE_RULES49,
-          formContainer: cn(DEFAULT_STYLE_RULES49.formContainer, formClassName)
+          ...DEFAULT_STYLE_RULES50,
+          formContainer: cn(DEFAULT_STYLE_RULES50.formContainer, formClassName)
         }
       }
     );
@@ -82141,7 +82063,7 @@ function OfferModalNewsletterDiscount({
     }
   ) });
 }
-var DEFAULT_STYLE_RULES50 = {
+var DEFAULT_STYLE_RULES51 = {
   formContainer: "flex items-stretch w-full",
   fieldsContainer: "",
   fieldClassName: "",
@@ -82259,8 +82181,8 @@ function OfferModalMembershipImage({
         },
         defaultFields: DEFAULT_FORM_FIELDS54,
         defaultStyleRules: {
-          ...DEFAULT_STYLE_RULES50,
-          formContainer: cn(DEFAULT_STYLE_RULES50.formContainer, formClassName)
+          ...DEFAULT_STYLE_RULES51,
+          formContainer: cn(DEFAULT_STYLE_RULES51.formContainer, formClassName)
         }
       }
     );
@@ -82421,7 +82343,7 @@ function SheetDescription({
     }
   );
 }
-var DEFAULT_STYLE_RULES51 = {
+var DEFAULT_STYLE_RULES52 = {
   formContainer: "flex items-stretch w-full",
   fieldsContainer: "",
   fieldClassName: "",
@@ -82545,8 +82467,8 @@ function OfferModalSheetNewsletter({
         },
         defaultFields: DEFAULT_FORM_FIELDS55,
         defaultStyleRules: {
-          ...DEFAULT_STYLE_RULES51,
-          formContainer: cn(DEFAULT_STYLE_RULES51.formContainer, formClassName)
+          ...DEFAULT_STYLE_RULES52,
+          formContainer: cn(DEFAULT_STYLE_RULES52.formContainer, formClassName)
         }
       }
     );
@@ -99098,7 +99020,7 @@ function LinkPageMinimalProfile({
     }
   );
 }
-var DEFAULT_STYLE_RULES52 = {
+var DEFAULT_STYLE_RULES53 = {
   formContainer: "w-full flex flex-col gap-3 justify-center items-center",
   fieldsContainer: "",
   fieldClassName: "",
@@ -99276,7 +99198,7 @@ function LinkPageNewsletterSocial({
             }
           },
           defaultFields: DEFAULT_FORM_FIELDS56,
-          defaultStyleRules: DEFAULT_STYLE_RULES52
+          defaultStyleRules: DEFAULT_STYLE_RULES53
         }
       ),
       helperText && (typeof helperText === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm mt-2 text-center"), children: helperText }) : helperText)