@opensite/ui 1.9.4 → 1.9.6

package/dist/registry.cjs

@@ -1342,7 +1342,6 @@ var Pressable = React56__namespace.forwardRef(
       rel,
       linkType,
       isInternal,
-      isExternal,
       handleClick
     } = navigation;
     const shouldRenderLink = normalizedHref && linkType !== "none";
@@ -6269,369 +6268,6 @@ function FooterAnimatedSocial({
 }
 var TextInput = inputs.TextInput;
 var TextArea = inputs.TextArea;
-function useFileUpload(options) {
-  const [uploadTokens, setUploadTokens] = React56.useState([]);
-  const [uploadProgress, setUploadProgress] = React56.useState({});
-  const [isUploading, setIsUploading] = React56.useState(false);
-  const endpoint = options?.endpoint || "https://api.dashtrack.com/contacts/_/contact_form_uploads";
-  const uploadFiles = React56.useCallback(
-    async (files) => {
-      if (files.length === 0) return;
-      setIsUploading(true);
-      try {
-        const tokens = [];
-        for (const file of files) {
-          const formData = new FormData();
-          formData.append("contact_form_upload[file_upload]", file);
-          formData.append("contact_form_upload[title]", file.name);
-          formData.append("contact_form_upload[file_name]", file.name);
-          formData.append("contact_form_upload[file_size]", String(file.size));
-          const response = await fetch(endpoint, {
-            method: "POST",
-            body: formData
-          });
-          if (!response.ok) {
-            throw new Error(`Upload failed: ${response.statusText}`);
-          }
-          const data = await response.json();
-          if (data.contact_form_upload?.token) {
-            tokens.push(`upload_${data.contact_form_upload.token}`);
-          }
-          setUploadProgress((prev) => ({
-            ...prev,
-            [file.name]: 100
-          }));
-        }
-        setUploadTokens(tokens);
-      } catch (error) {
-        console.error("File upload error:", error);
-        options?.onError?.(error);
-      } finally {
-        setIsUploading(false);
-      }
-    },
-    [endpoint, options]
-  );
-  const removeFile = React56.useCallback((file, index) => {
-    setUploadTokens((prev) => prev.filter((_, i) => i !== index));
-    setUploadProgress((prev) => {
-      const newProgress = { ...prev };
-      delete newProgress[file.name];
-      return newProgress;
-    });
-  }, []);
-  const resetUpload = React56.useCallback(() => {
-    setUploadTokens([]);
-    setUploadProgress({});
-  }, []);
-  return {
-    uploadTokens,
-    uploadProgress,
-    isUploading,
-    uploadFiles,
-    removeFile,
-    resetUpload
-  };
-}
-
-// lib/form-field-types.ts
-function generateInitialValues(fields) {
-  return fields.reduce(
-    (acc, field) => {
-      if (field.type === "checkbox") {
-        acc[field.name] = false;
-      } else if (field.type === "checkbox-group" || field.type === "multi-select") {
-        acc[field.name] = [];
-      } else if (field.type === "file") {
-        acc[field.name] = [];
-      } else if (field.type === "date-range") {
-        acc[field.name] = { start: null, end: null };
-      } else {
-        acc[field.name] = "";
-      }
-      return acc;
-    },
-    {}
-  );
-}
-function generateValidationSchema(fields) {
-  return fields.reduce(
-    (acc, field) => {
-      acc[field.name] = (value, allValues) => {
-        if (field.required) {
-          if (!value || typeof value === "string" && !value.trim()) {
-            return `${field.label} is required`;
-          }
-        }
-        if (field.type === "email" && value) {
-          if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
-            return "Please enter a valid email address";
-          }
-        }
-        if (field.type === "url" && value) {
-          try {
-            new URL(value);
-          } catch {
-            return "Please enter a valid URL";
-          }
-        }
-        if (field.validator) {
-          return field.validator(value, allValues);
-        }
-        return void 0;
-      };
-      return acc;
-    },
-    {}
-  );
-}
-var columnSpanClasses = {
-  1: "col-span-12 md:col-span-1",
-  2: "col-span-12 md:col-span-2",
-  3: "col-span-12 md:col-span-3",
-  4: "col-span-12 md:col-span-4",
-  5: "col-span-12 md:col-span-5",
-  6: "col-span-12 md:col-span-6",
-  7: "col-span-12 md:col-span-7",
-  8: "col-span-12 md:col-span-8",
-  9: "col-span-12 md:col-span-9",
-  10: "col-span-12 md:col-span-10",
-  11: "col-span-12 md:col-span-11",
-  12: "col-span-12"
-};
-function getColumnSpanClass(span) {
-  if (!span || span === 12) return "col-span-12";
-  const clamped = Math.max(1, Math.min(span, 12));
-  return columnSpanClasses[clamped] || "col-span-12";
-}
-
-// lib/forms/use-contact-form.ts
-function useContactForm(options) {
-  const {
-    formFields,
-    formConfig,
-    onSubmit,
-    onSuccess,
-    onError,
-    resetOnSuccess = true,
-    uploadTokens = []
-  } = options;
-  const [submissionError, setSubmissionError] = React56.useState(null);
-  const submissionConfig = formConfig?.submissionConfig;
-  const redirectUrl = submissionConfig?.redirectUrl;
-  const redirectNavigation = useNavigation({ href: redirectUrl });
-  const resetSubmissionState = React56.useCallback(() => {
-    setSubmissionError(null);
-  }, []);
-  const performRedirect = React56.useCallback(() => {
-    if (!redirectUrl || typeof window === "undefined") {
-      return;
-    }
-    const navigate = () => {
-      if (redirectNavigation.shouldUseRouter && redirectNavigation.normalizedHref) {
-        const handler = window.__opensiteNavigationHandler;
-        if (typeof handler === "function") {
-          try {
-            const handled = handler(redirectNavigation.normalizedHref, void 0);
-            if (handled !== false) {
-              return;
-            }
-          } catch (error) {
-            console.error("Internal redirect handler failed:", error);
-          }
-        }
-      }
-      const destination = redirectNavigation.normalizedHref || redirectUrl;
-      window.location.assign(destination);
-    };
-    window.setTimeout(navigate, 150);
-  }, [redirectNavigation, redirectUrl]);
-  const form = forms.useForm({
-    initialValues: React56.useMemo(
-      () => generateInitialValues(formFields),
-      [formFields]
-    ),
-    validationSchema: React56.useMemo(
-      () => generateValidationSchema(formFields),
-      [formFields]
-    ),
-    onSubmit: async (values, helpers) => {
-      resetSubmissionState();
-      const shouldAutoSubmit = Boolean(formConfig?.endpoint);
-      if (!shouldAutoSubmit && !onSubmit) {
-        return;
-      }
-      try {
-        let result;
-        const submissionValues = {
-          ...values,
-          ...uploadTokens.length > 0 && {
-            contact_form_upload_tokens: uploadTokens
-          }
-        };
-        if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(submissionValues, formConfig);
-        }
-        if (onSubmit) {
-          await onSubmit(submissionValues);
-        }
-        if (shouldAutoSubmit || onSubmit) {
-          try {
-            await submissionConfig?.handleFormSubmission?.({
-              formData: submissionValues,
-              responseData: result
-            });
-          } catch (callbackError) {
-            console.error("handleFormSubmission callback failed:", callbackError);
-          }
-          if (resetOnSuccess) {
-            helpers.resetForm();
-          }
-          onSuccess?.(result);
-          if (submissionConfig?.behavior === "redirect" && submissionConfig.redirectUrl) {
-            performRedirect();
-          }
-        }
-      } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
-          helpers.setErrors(error.formErrors);
-        }
-        const errorMessage = error instanceof Error ? error.message : "Form submission failed";
-        setSubmissionError(errorMessage);
-        onError?.(error);
-      }
-    }
-  });
-  const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  return {
-    form,
-    isSubmitted: form.status === "success",
-    submissionError,
-    formMethod,
-    resetSubmissionState
-  };
-}
-
-// lib/forms.ts
-var PageSpeedFormSubmissionError = class extends Error {
-  constructor(message, options = {}) {
-    super(message);
-    this.name = "PageSpeedFormSubmissionError";
-    this.formErrors = options.formErrors;
-    this.status = options.status;
-  }
-};
-var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function isValidEmail(value) {
-  return EMAIL_REGEX.test(value);
-}
-function buildUrlWithParams(endpoint, values) {
-  const base = typeof window === "undefined" ? "http://localhost" : window.location.origin;
-  const url = new URL(endpoint, base);
-  Object.entries(values).forEach(([key, value]) => {
-    if (value === void 0 || value === null) {
-      return;
-    }
-    if (Array.isArray(value)) {
-      value.forEach((item) => {
-        if (item !== void 0 && item !== null) {
-          url.searchParams.append(key, String(item));
-        }
-      });
-      return;
-    }
-    url.searchParams.set(key, String(value));
-  });
-  return url.toString();
-}
-function normalizeMethod(method) {
-  return (method || "post").toUpperCase();
-}
-function resolveFormat(config) {
-  if (config?.format) {
-    return config.format;
-  }
-  return config?.apiKey ? "rails" : "json";
-}
-function mergeValues(values, config) {
-  return {
-    ...config?.values ?? {},
-    ...values
-  };
-}
-async function submitPageSpeedForm(values, config) {
-  if (!config?.endpoint) {
-    return null;
-  }
-  const payload = mergeValues(values, config);
-  const method = normalizeMethod(config.method);
-  const format2 = resolveFormat(config);
-  const headers = { ...config.headers ?? {} };
-  if (format2 === "rails") {
-    if (!config.apiKey) {
-      throw new PageSpeedFormSubmissionError(
-        "Missing apiKey for Rails form submission."
-      );
-    }
-    const railsConfig = {
-      apiKey: config.apiKey,
-      contactCategoryToken: config.contactCategoryToken,
-      locationId: config.locationId,
-      websiteId: config.websiteId,
-      websiteFormAssignmentId: config.websiteFormAssignmentId,
-      visitorIpAddress: config.visitorIpAddress
-    };
-    const serialized = integration.serializeForRails(payload, railsConfig);
-    if (serialized.contact.contact_form_upload_tokens) {
-      serialized.contact.contact_form_upload_tokens = serialized.contact.contact_form_upload_tokens.map((token) => token.replace(/^upload_/, ""));
-    }
-    headers["Content-Type"] ?? (headers["Content-Type"] = "application/json");
-    const response2 = await fetch(config.endpoint, {
-      method,
-      headers,
-      body: JSON.stringify(serialized)
-    });
-    const data2 = await response2.json().catch(() => null);
-    if (!response2.ok || data2 && data2.errors) {
-      const errorResponse = {
-        errors: data2?.errors ?? { base: ["Form submission failed"] },
-        status: data2?.status ?? response2.status
-      };
-      const formErrors = integration.deserializeErrors(errorResponse);
-      throw new PageSpeedFormSubmissionError("Form submission failed.", {
-        formErrors,
-        status: errorResponse.status
-      });
-    }
-    return data2;
-  }
-  if (method === "GET") {
-    const url = buildUrlWithParams(config.endpoint, payload);
-    const response2 = await fetch(url, { method, headers });
-    const data2 = await response2.json().catch(() => null);
-    if (!response2.ok) {
-      throw new PageSpeedFormSubmissionError(
-        data2?.message || "Form submission failed.",
-        { status: response2.status }
-      );
-    }
-    return data2;
-  }
-  headers["Content-Type"] ?? (headers["Content-Type"] = "application/json");
-  const response = await fetch(config.endpoint, {
-    method,
-    headers,
-    body: JSON.stringify(payload)
-  });
-  const data = await response.json().catch(() => null);
-  if (!response.ok) {
-    throw new PageSpeedFormSubmissionError(
-      data?.message || "Form submission failed.",
-      { status: response.status }
-    );
-  }
-  return data;
-}
 function FooterNewsletterMinimal({
   heading,
   supportLabel,
@@ -6723,7 +6359,7 @@ function FooterNewsletterMinimal({
     validationSchema: {
       email: (value) => {
         if (!value) return "Email is required";
-        if (!isValidEmail(value)) return "Please enter a valid email address";
+        if (!integration.isValidEmail(value)) return "Please enter a valid email address";
         return void 0;
       }
     },
@@ -6735,7 +6371,7 @@ function FooterNewsletterMinimal({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -6747,7 +6383,7 @@ function FooterNewsletterMinimal({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -10920,7 +10556,7 @@ function CtaAppDownloadNewsletter({
     validationSchema: {
       email: (value) => {
         if (!value) return "Email is required";
-        if (!isValidEmail(value)) return "Please enter a valid email address";
+        if (!integration.isValidEmail(value)) return "Please enter a valid email address";
         return void 0;
       }
     },
@@ -10932,7 +10568,7 @@ function CtaAppDownloadNewsletter({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -10944,7 +10580,7 @@ function CtaAppDownloadNewsletter({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -11146,7 +10782,7 @@ function CtaNewsletterFeatures({
     validationSchema: {
       email: (value) => {
         if (!value) return "Email is required";
-        if (!isValidEmail(value)) return "Please enter a valid email address";
+        if (!integration.isValidEmail(value)) return "Please enter a valid email address";
         return void 0;
       }
     },
@@ -11158,7 +10794,7 @@ function CtaNewsletterFeatures({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -11170,7 +10806,7 @@ function CtaNewsletterFeatures({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -12893,208 +12529,6 @@ function ContactFloatingBanner({
     }
   );
 }
-function DynamicFormField({
-  field,
-  className,
-  uploadProgress = {},
-  onFileUpload,
-  onFileRemove,
-  isUploading = false
-}) {
-  const fieldId = field.name;
-  const usesGroupLegend = field.type === "radio" || field.type === "checkbox-group";
-  const usesInlineCheckboxLabel = field.type === "checkbox";
-  const shouldRenderFieldLabel = !usesGroupLegend && !usesInlineCheckboxLabel;
-  const checkboxLabel = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    field.label,
-    field.required ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" }) : null
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    forms.Field,
-    {
-      name: field.name,
-      label: shouldRenderFieldLabel ? field.label : void 0,
-      description: shouldRenderFieldLabel ? field.description : void 0,
-      required: field.required,
-      className: cn("space-y-2", className),
-      children: ({ field: formField, meta }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        (field.type === "text" || field.type === "email" || field.type === "tel" || field.type === "search" || field.type === "password" || field.type === "url") && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.TextInput,
-          {
-            ...formField,
-            id: fieldId,
-            type: field.type,
-            placeholder: field.placeholder,
-            error: meta.touched && !!meta.error,
-            disabled: field.disabled,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "number" && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.TextInput,
-          {
-            ...formField,
-            id: fieldId,
-            type: "text",
-            placeholder: field.placeholder,
-            error: meta.touched && !!meta.error,
-            disabled: field.disabled,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "textarea" && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.TextArea,
-          {
-            ...formField,
-            id: fieldId,
-            placeholder: field.placeholder,
-            rows: field.rows || 4,
-            error: meta.touched && !!meta.error,
-            disabled: field.disabled,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "select" && field.options && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.Select,
-          {
-            ...formField,
-            id: fieldId,
-            options: field.options,
-            placeholder: field.placeholder || `Select ${field.label.toLowerCase()}`,
-            error: meta.touched && !!meta.error,
-            disabled: field.disabled,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "multi-select" && field.options && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.MultiSelect,
-          {
-            ...formField,
-            id: fieldId,
-            options: field.options,
-            placeholder: field.placeholder || `Select ${field.label.toLowerCase()}`,
-            error: meta.touched && !!meta.error,
-            disabled: field.disabled,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "radio" && field.options && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.Radio,
-          {
-            ...formField,
-            id: fieldId,
-            options: field.options,
-            label: field.label,
-            description: field.description,
-            required: field.required,
-            disabled: field.disabled,
-            layout: field.layout || "stacked",
-            error: meta.touched && !!meta.error,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "checkbox" && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.Checkbox,
-          {
-            ...formField,
-            id: fieldId,
-            value: formField.value === true || formField.value === "true",
-            onChange: (checked) => formField.onChange(checked),
-            label: checkboxLabel,
-            description: field.description,
-            disabled: field.disabled,
-            required: field.required,
-            error: meta.touched && !!meta.error,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "checkbox-group" && field.options && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.CheckboxGroup,
-          {
-            ...formField,
-            id: fieldId,
-            options: field.options,
-            label: field.label,
-            description: field.description,
-            required: field.required,
-            disabled: field.disabled,
-            layout: field.layout || "stacked",
-            error: meta.touched && !!meta.error,
-            "aria-label": field.label
-          }
-        ),
-        (field.type === "date-picker" || field.type === "date") && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.DatePicker,
-          {
-            ...formField,
-            id: fieldId,
-            placeholder: field.placeholder,
-            error: meta.touched && !!meta.error,
-            disabled: field.disabled,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "date-range" && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.DateRangePicker,
-          {
-            ...formField,
-            id: fieldId,
-            placeholder: field.placeholder,
-            error: meta.touched && !!meta.error,
-            disabled: field.disabled,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "time" && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.TimePicker,
-          {
-            ...formField,
-            id: fieldId,
-            placeholder: field.placeholder,
-            error: meta.touched && !!meta.error,
-            disabled: field.disabled,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "file" && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.FileInput,
-          {
-            ...formField,
-            id: fieldId,
-            accept: field.accept,
-            maxSize: field.maxSize || 5 * 1024 * 1024,
-            maxFiles: field.maxFiles || 1,
-            multiple: field.multiple || false,
-            placeholder: field.placeholder || "Choose file(s)...",
-            error: meta.touched && !!meta.error,
-            disabled: field.disabled || isUploading,
-            showProgress: true,
-            uploadProgress,
-            onChange: (files) => {
-              formField.onChange(files);
-              if (files.length > 0 && onFileUpload) {
-                onFileUpload(files);
-              }
-            },
-            onFileRemove,
-            "aria-label": field.label
-          }
-        ),
-        field.type === "rich-text" && /* @__PURE__ */ jsxRuntime.jsx(
-          inputs.RichTextEditor,
-          {
-            ...formField,
-            id: fieldId,
-            placeholder: field.placeholder,
-            error: meta.touched && !!meta.error,
-            disabled: field.disabled,
-            "aria-label": field.label
-          }
-        )
-      ] })
-    }
-  );
-}
 var DEFAULT_FORM_FIELDS = [
   {
     name: "name",
@@ -13232,7 +12666,7 @@ function ContactCallback({
     () => formFields || DEFAULT_FORM_FIELDS,
     [formFields]
   );
-  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
+  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
     formFields: fields,
     formConfig,
     onSubmit,
@@ -13309,8 +12743,8 @@ function ContactCallback({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: getColumnSpanClass(field.columnSpan),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(DynamicFormField, { field })
+                  className: integration.getColumnSpanClass(field.columnSpan),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(integration.DynamicFormField, { field })
                 },
                 field.name
               )) }),
@@ -13429,7 +12863,7 @@ function ContactCard({
     () => formFields || DEFAULT_FORM_FIELDS2,
     [formFields]
   );
-  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
+  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
     formFields: fields,
     formConfig,
     onSubmit,
@@ -13507,8 +12941,8 @@ function ContactCard({
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
-                    className: getColumnSpanClass(field.columnSpan),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicFormField, { field })
+                    className: integration.getColumnSpanClass(field.columnSpan),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(integration.DynamicFormField, { field })
                   },
                   field.name
                 )) }),
@@ -13687,8 +13121,8 @@ function ContactCareers({
     uploadFiles,
     removeFile,
     resetUpload
-  } = useFileUpload({ onError });
-  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
+  } = integration.useFileUpload({ onError });
+  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
     formFields: fields,
     formConfig,
     onSubmit,
@@ -13772,9 +13206,9 @@ function ContactCareers({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: getColumnSpanClass(field.columnSpan),
+                  className: integration.getColumnSpanClass(field.columnSpan),
                   children: /* @__PURE__ */ jsxRuntime.jsx(
-                    DynamicFormField,
+                    integration.DynamicFormField,
                     {
                       field,
                       uploadProgress,
@@ -14002,7 +13436,7 @@ function ContactCatering({
     () => formFields || DEFAULT_FORM_FIELDS4,
     [formFields]
   );
-  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
+  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
     formFields: fields,
     formConfig,
     onSubmit,
@@ -14088,8 +13522,8 @@ function ContactCatering({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: getColumnSpanClass(field.columnSpan),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(DynamicFormField, { field })
+                  className: integration.getColumnSpanClass(field.columnSpan),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(integration.DynamicFormField, { field })
                 },
                 field.name
               )) }),
@@ -14246,7 +13680,7 @@ function ContactConsultation({
     () => formFields || DEFAULT_FORM_FIELDS5,
     [formFields]
   );
-  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
+  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
     formFields: fields,
     formConfig,
     onSubmit,
@@ -14329,7 +13763,7 @@ function ContactConsultation({
             onNewSubmission: resetSubmissionState,
             className: cn("space-y-6", formClassName),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: getColumnSpanClass(field.columnSpan), children: /* @__PURE__ */ jsxRuntime.jsx(DynamicFormField, { field }) }, field.name)) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: integration.getColumnSpanClass(field.columnSpan), children: /* @__PURE__ */ jsxRuntime.jsx(integration.DynamicFormField, { field }) }, field.name)) }),
               actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxRuntime.jsxs(
                 Pressable,
                 {
@@ -14438,8 +13872,8 @@ function ContactDark({
     uploadFiles,
     removeFile,
     resetUpload
-  } = useFileUpload({ onError });
-  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
+  } = integration.useFileUpload({ onError });
+  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
     formFields,
     formConfig,
     onSubmit,
@@ -14570,80 +14004,42 @@ function ContactDark({
                 forms.Form,
                 {
                   form,
-                  action: formConfig?.endpoint,
-                  method: formMethod,
-                  submissionError,
-                  successMessage,
-                  successMessageClassName,
-                  errorMessageClassName,
-                  submissionConfig: formConfig?.submissionConfig,
+                  notificationConfig: {
+                    submissionError,
+                    successMessage
+                  },
+                  styleConfig: {
+                    formClassName: cn("space-y-6", formClassName),
+                    successMessageClassName,
+                    errorMessageClassName
+                  },
+                  formConfig: {
+                    endpoint: formConfig?.endpoint,
+                    method: formMethod,
+                    submissionConfig: formConfig?.submissionConfig
+                  },
                   onNewSubmission: () => {
                     resetUpload();
                     resetSubmissionState();
                   },
-                  className: formClassName,
                   children: [
-                    (() => {
-                      const fieldElements = [];
-                      let skip = false;
-                      formFields.forEach((field, index) => {
-                        if (skip) {
-                          skip = false;
-                          return;
-                        }
-                        const nextField = index < formFields.length - 1 ? formFields[index + 1] : null;
-                        const shouldGroupWithNext = field.columnSpan && field.columnSpan <= 6 && nextField?.columnSpan && nextField.columnSpan <= 6 && field.columnSpan + nextField.columnSpan <= 12;
-                        if (shouldGroupWithNext && nextField) {
-                          fieldElements.push(
-                            /* @__PURE__ */ jsxRuntime.jsxs(
-                              "div",
-                              {
-                                className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-                                children: [
-                                  /* @__PURE__ */ jsxRuntime.jsx(
-                                    DynamicFormField,
-                                    {
-                                      field,
-                                      uploadProgress,
-                                      onFileUpload: uploadFiles,
-                                      onFileRemove: removeFile,
-                                      isUploading
-                                    }
-                                  ),
-                                  /* @__PURE__ */ jsxRuntime.jsx(
-                                    DynamicFormField,
-                                    {
-                                      field: nextField,
-                                      uploadProgress,
-                                      onFileUpload: uploadFiles,
-                                      onFileRemove: removeFile,
-                                      isUploading
-                                    }
-                                  )
-                                ]
-                              },
-                              field.name
-                            )
-                          );
-                          skip = true;
-                        } else {
-                          fieldElements.push(
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              DynamicFormField,
-                              {
-                                field,
-                                uploadProgress,
-                                onFileUpload: uploadFiles,
-                                onFileRemove: removeFile,
-                                isUploading
-                              },
-                              field.name
-                            )
-                          );
-                        }
-                      });
-                      return fieldElements;
-                    })(),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: integration.getColumnSpanClass(field.columnSpan),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          integration.DynamicFormField,
+                          {
+                            field,
+                            uploadProgress,
+                            onFileUpload: uploadFiles,
+                            onFileRemove: removeFile,
+                            isUploading
+                          }
+                        )
+                      },
+                      field.name
+                    )) }),
                     actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxRuntime.jsxs(
                       Pressable,
                       {
@@ -14694,7 +14090,7 @@ function ContactDark({
     }
   );
 }
-function Checkbox2({
+function Checkbox({
   className,
   ...props
 }) {
@@ -14815,7 +14211,7 @@ function ContactDemo({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -14827,7 +14223,7 @@ function ContactDemo({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -15023,7 +14419,7 @@ function ContactDemo({
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "updates", children: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Checkbox2,
+                    Checkbox,
                     {
                       id: "updates",
                       checked: field.value,
@@ -15142,7 +14538,7 @@ function ContactEmergency({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -15154,7 +14550,7 @@ function ContactEmergency({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -15440,7 +14836,7 @@ function ContactEvent({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -15452,7 +14848,7 @@ function ContactEvent({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -15766,8 +15162,8 @@ function ContactFaq({
     uploadFiles,
     removeFile,
     resetUpload
-  } = useFileUpload({ onError });
-  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
+  } = integration.useFileUpload({ onError });
+  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
     formFields,
     formConfig,
     onSubmit,
@@ -15907,80 +15303,42 @@ function ContactFaq({
                   forms.Form,
                   {
                     form,
-                    action: formConfig?.endpoint,
-                    method: formMethod,
-                    submissionError,
-                    successMessage,
-                    successMessageClassName,
-                    errorMessageClassName,
-                    submissionConfig: formConfig?.submissionConfig,
+                    notificationConfig: {
+                      submissionError,
+                      successMessage
+                    },
+                    styleConfig: {
+                      formClassName: cn("space-y-6", formClassName),
+                      successMessageClassName,
+                      errorMessageClassName
+                    },
+                    formConfig: {
+                      endpoint: formConfig?.endpoint,
+                      method: formMethod,
+                      submissionConfig: formConfig?.submissionConfig
+                    },
                     onNewSubmission: () => {
                       resetUpload();
                       resetSubmissionState();
                     },
-                    className: formClassName,
                     children: [
-                      (() => {
-                        const fieldElements = [];
-                        let skip = false;
-                        formFields.forEach((field, index) => {
-                          if (skip) {
-                            skip = false;
-                            return;
-                          }
-                          const nextField = index < formFields.length - 1 ? formFields[index + 1] : null;
-                          const shouldGroupWithNext = field.columnSpan && field.columnSpan <= 6 && nextField?.columnSpan && nextField.columnSpan <= 6 && field.columnSpan + nextField.columnSpan <= 12;
-                          if (shouldGroupWithNext && nextField) {
-                            fieldElements.push(
-                              /* @__PURE__ */ jsxRuntime.jsxs(
-                                "div",
-                                {
-                                  className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-                                  children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx(
-                                      DynamicFormField,
-                                      {
-                                        field,
-                                        uploadProgress,
-                                        onFileUpload: uploadFiles,
-                                        onFileRemove: removeFile,
-                                        isUploading
-                                      }
-                                    ),
-                                    /* @__PURE__ */ jsxRuntime.jsx(
-                                      DynamicFormField,
-                                      {
-                                        field: nextField,
-                                        uploadProgress,
-                                        onFileUpload: uploadFiles,
-                                        onFileRemove: removeFile,
-                                        isUploading
-                                      }
-                                    )
-                                  ]
-                                },
-                                field.name
-                              )
-                            );
-                            skip = true;
-                          } else {
-                            fieldElements.push(
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                DynamicFormField,
-                                {
-                                  field,
-                                  uploadProgress,
-                                  onFileUpload: uploadFiles,
-                                  onFileRemove: removeFile,
-                                  isUploading
-                                },
-                                field.name
-                              )
-                            );
-                          }
-                        });
-                        return fieldElements;
-                      })(),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: integration.getColumnSpanClass(field.columnSpan),
+                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                            integration.DynamicFormField,
+                            {
+                              field,
+                              uploadProgress,
+                              onFileUpload: uploadFiles,
+                              onFileRemove: removeFile,
+                              isUploading
+                            }
+                          )
+                        },
+                        field.name
+                      )) }),
                       actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxRuntime.jsxs(
                         Pressable,
                         {
@@ -16067,7 +15425,7 @@ function ContactFeedback({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -16079,7 +15437,7 @@ function ContactFeedback({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -16261,7 +15619,7 @@ function ContactFitness({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -16273,7 +15631,7 @@ function ContactFitness({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -16497,7 +15855,7 @@ function ContactGuest({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -16509,7 +15867,7 @@ function ContactGuest({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -16724,7 +16082,7 @@ function ContactImage({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -16736,7 +16094,7 @@ function ContactImage({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -16951,7 +16309,7 @@ function ContactInsurance({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -16963,7 +16321,7 @@ function ContactInsurance({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -17187,7 +16545,7 @@ function ContactInterview({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -17199,7 +16557,7 @@ function ContactInterview({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -17423,7 +16781,7 @@ function ContactLocations({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -17435,7 +16793,7 @@ function ContactLocations({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -17659,7 +17017,7 @@ function ContactMaintenance({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -17671,7 +17029,7 @@ function ContactMaintenance({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -17860,7 +17218,7 @@ function ContactMap({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -17872,7 +17230,7 @@ function ContactMap({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -18058,7 +17416,7 @@ function ContactMinimal({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -18070,7 +17428,7 @@ function ContactMinimal({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -18247,7 +17605,7 @@ function ContactMoving({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -18259,7 +17617,7 @@ function ContactMoving({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -18448,7 +17806,7 @@ function ContactMultistep({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -18460,7 +17818,7 @@ function ContactMultistep({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -18649,7 +18007,7 @@ function ContactPartnership({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -18661,7 +18019,7 @@ function ContactPartnership({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -18849,6 +18207,7 @@ function ContactPhotography({
   actionsSlot,
   formFields = DEFAULT_FORM_FIELDS8,
   successMessage = "Thank you! Your message has been sent successfully.",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   className,
   headingClassName,
   descriptionClassName,
@@ -18857,6 +18216,7 @@ function ContactPhotography({
   submitClassName,
   successMessageClassName,
   errorMessageClassName,
+  spacing = "none",
   background,
   pattern,
   patternOpacity,
@@ -18877,8 +18237,8 @@ function ContactPhotography({
     uploadFiles,
     removeFile,
     resetUpload
-  } = useFileUpload({ onError });
-  const { form, submissionError, formMethod, resetSubmissionState } = useContactForm({
+  } = integration.useFileUpload({ onError });
+  const { form, submissionError, formMethod, resetSubmissionState } = integration.useContactForm({
     formFields,
     formConfig,
     onSubmit,
@@ -18920,152 +18280,95 @@ function ContactPhotography({
     }
     return null;
   }, [actionsSlot, actions]);
-  const bgColorClass = React56.useMemo(() => {
-    switch (background) {
-      case "dark":
-        return "bg-foreground text-background";
-      case "gray":
-        return cn(
-          getNestedCardBg(background),
-          getNestedCardTextColor(background)
-        );
-      case "white":
-        return "bg-background";
-      default:
-        return "bg-background";
-    }
-  }, [background]);
   const desktopOrder = directionConfig.desktop === "mediaRight" ? "lg:flex-row" : "lg:flex-row-reverse";
   const mobileOrder = directionConfig.mobile === "mediaTop" ? "flex-col" : "flex-col-reverse";
-  const contentArea = /* @__PURE__ */ jsxRuntime.jsxs(
+  const contentArea = /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: cn(
         "relative flex w-full items-center lg:w-1/2",
-        bgColorClass,
         contentClassName
       ),
-      children: [
-        pattern && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(PatternBackground, { pattern, opacity: patternOpacity }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 w-full px-8 py-16 sm:px-12 sm:py-20 lg:px-16 lg:py-24 xl:px-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-xl space-y-8", children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "h2",
-            {
-              className: cn(
-                "text-3xl font-bold leading-tight tracking-tight sm:text-4xl lg:text-5xl",
-                headingClassName
-              ),
-              children: heading
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: cn(
-                "text-base leading-relaxed opacity-90 sm:text-lg",
-                descriptionClassName
-              ),
-              children: description
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            forms.Form,
-            {
-              form,
-              action: formConfig?.endpoint,
-              method: formMethod,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 w-full px-8 py-16 sm:px-12 sm:py-20 lg:px-16 lg:py-24 xl:px-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-xl space-y-8", children: [
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "h2",
+          {
+            className: cn(
+              "text-3xl font-bold leading-tight tracking-tight sm:text-4xl lg:text-5xl",
+              headingClassName
+            ),
+            children: heading
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+        description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: cn(
+              "text-base leading-relaxed opacity-90 sm:text-lg",
+              descriptionClassName
+            ),
+            children: description
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          forms.Form,
+          {
+            form,
+            notificationConfig: {
               submissionError,
-              successMessage,
+              successMessage
+            },
+            styleConfig: {
+              formClassName: cn("space-y-6", formClassName),
               successMessageClassName,
-              errorMessageClassName,
-              submissionConfig: formConfig?.submissionConfig,
-              onNewSubmission: () => {
-                resetUpload();
-                resetSubmissionState();
-              },
-              className: formClassName,
-              children: [
-                (() => {
-                  const fieldElements = [];
-                  let skip = false;
-                  formFields.forEach((field, index) => {
-                    if (skip) {
-                      skip = false;
-                      return;
-                    }
-                    const nextField = index < formFields.length - 1 ? formFields[index + 1] : null;
-                    const shouldGroupWithNext = field.columnSpan && field.columnSpan <= 6 && nextField?.columnSpan && nextField.columnSpan <= 6 && field.columnSpan + nextField.columnSpan <= 12;
-                    if (shouldGroupWithNext && nextField) {
-                      fieldElements.push(
-                        /* @__PURE__ */ jsxRuntime.jsxs(
-                          "div",
-                          {
-                            className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                DynamicFormField,
-                                {
-                                  field,
-                                  uploadProgress,
-                                  onFileUpload: uploadFiles,
-                                  onFileRemove: removeFile,
-                                  isUploading
-                                }
-                              ),
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                DynamicFormField,
-                                {
-                                  field: nextField,
-                                  uploadProgress,
-                                  onFileUpload: uploadFiles,
-                                  onFileRemove: removeFile,
-                                  isUploading
-                                }
-                              )
-                            ]
-                          },
-                          field.name
-                        )
-                      );
-                      skip = true;
-                    } else {
-                      fieldElements.push(
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          DynamicFormField,
-                          {
-                            field,
-                            uploadProgress,
-                            onFileUpload: uploadFiles,
-                            onFileRemove: removeFile,
-                            isUploading
-                          },
-                          field.name
-                        )
-                      );
+              errorMessageClassName
+            },
+            formConfig: {
+              endpoint: formConfig?.endpoint,
+              method: formMethod,
+              submissionConfig: formConfig?.submissionConfig
+            },
+            onNewSubmission: () => {
+              resetUpload();
+              resetSubmissionState();
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: integration.getColumnSpanClass(field.columnSpan),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    integration.DynamicFormField,
+                    {
+                      field,
+                      uploadProgress,
+                      onFileUpload: uploadFiles,
+                      onFileRemove: removeFile,
+                      isUploading
                     }
-                  });
-                  return fieldElements;
-                })(),
-                actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxRuntime.jsxs(
-                  Pressable,
-                  {
-                    componentType: "button",
-                    type: "submit",
-                    className: cn("w-full", submitClassName),
-                    size: "lg",
-                    asButton: true,
-                    disabled: form.isSubmitting,
-                    children: [
-                      buttonIcon,
-                      buttonText
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        ] }) })
-      ]
+                  )
+                },
+                field.name
+              )) }),
+              actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxRuntime.jsxs(
+                Pressable,
+                {
+                  componentType: "button",
+                  type: "submit",
+                  className: cn("w-full", submitClassName),
+                  size: "lg",
+                  asButton: true,
+                  disabled: form.isSubmitting,
+                  children: [
+                    buttonIcon,
+                    buttonText
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ] }) })
     }
   );
   const imageArea = imageSrc ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-64 w-full sm:h-96 lg:h-auto lg:w-1/2", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -19077,10 +18380,21 @@ function ContactPhotography({
       optixFlowConfig
     }
   ) }) : null;
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("relative w-full overflow-hidden", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex min-h-screen", mobileOrder, desktopOrder), children: [
-    contentArea,
-    imageArea
-  ] }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className,
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex min-h-screen", mobileOrder, desktopOrder), children: [
+        contentArea,
+        imageArea
+      ] })
+    }
+  );
 }
 function ContactPress({
   heading,
@@ -19135,7 +18449,7 @@ function ContactPress({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -19147,7 +18461,7 @@ function ContactPress({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -19336,7 +18650,7 @@ function ContactQuote({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -19348,7 +18662,7 @@ function ContactQuote({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -19537,7 +18851,7 @@ function ContactReferral({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -19549,7 +18863,7 @@ function ContactReferral({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -19738,7 +19052,7 @@ function ContactReport({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -19750,7 +19064,7 @@ function ContactReport({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -19939,7 +19253,7 @@ function ContactReservation({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -19951,7 +19265,7 @@ function ContactReservation({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -20140,7 +19454,7 @@ function ContactRetreat({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -20152,7 +19466,7 @@ function ContactRetreat({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -20341,7 +19655,7 @@ function ContactRsvp({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -20353,7 +19667,7 @@ function ContactRsvp({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -20542,7 +19856,7 @@ function ContactSales({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -20554,7 +19868,7 @@ function ContactSales({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -20752,7 +20066,7 @@ function ContactSchedule({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -20764,7 +20078,7 @@ function ContactSchedule({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -20953,7 +20267,7 @@ function ContactSponsorship({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -20965,7 +20279,7 @@ function ContactSponsorship({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -21150,7 +20464,7 @@ function ContactSupport({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -21162,7 +20476,7 @@ function ContactSupport({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -21322,7 +20636,7 @@ function ContactTenant({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -21334,7 +20648,7 @@ function ContactTenant({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -21523,7 +20837,7 @@ function ContactVendor({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -21535,7 +20849,7 @@ function ContactVendor({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -21724,7 +21038,7 @@ function ContactVolunteer({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -21736,7 +21050,7 @@ function ContactVolunteer({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -21925,7 +21239,7 @@ function ContactWarranty({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -21937,7 +21251,7 @@ function ContactWarranty({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -22126,7 +21440,7 @@ function ContactWedding({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values);
@@ -22138,7 +21452,7 @@ function ContactWedding({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -39808,7 +39122,7 @@ var FilterForm = React56__namespace.memo(function FilterForm2({
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { children: category.label }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                Checkbox2,
+                Checkbox,
                 {
                   checked: isChecked,
                   onCheckedChange: (checked) => onCategoryChange(category.value, !!checked)
@@ -44909,7 +44223,7 @@ function FooterNewsletterContact({
     validationSchema: {
       email: (value) => {
         if (!value) return "Email is required";
-        if (!isValidEmail(value)) return "Please enter a valid email address";
+        if (!integration.isValidEmail(value)) return "Please enter a valid email address";
         return void 0;
       }
     },
@@ -44921,7 +44235,7 @@ function FooterNewsletterContact({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -44933,7 +44247,7 @@ function FooterNewsletterContact({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -45077,7 +44391,7 @@ function FooterSplitImageAccordion({
     validationSchema: {
       email: (value) => {
         if (!value) return "Email is required";
-        if (!isValidEmail(value)) return "Please enter a valid email address";
+        if (!integration.isValidEmail(value)) return "Please enter a valid email address";
         return void 0;
       }
     },
@@ -45089,7 +44403,7 @@ function FooterSplitImageAccordion({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -45101,7 +44415,7 @@ function FooterSplitImageAccordion({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -45334,7 +44648,7 @@ function FooterAccordionSocial({
     validationSchema: {
       email: (value) => {
         if (!value) return "Email is required";
-        if (!isValidEmail(value)) return "Please enter a valid email address";
+        if (!integration.isValidEmail(value)) return "Please enter a valid email address";
         return void 0;
       }
     },
@@ -45346,7 +44660,7 @@ function FooterAccordionSocial({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -45358,7 +44672,7 @@ function FooterAccordionSocial({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -83782,7 +83096,7 @@ function ListSearchableGrid({
     }
   );
 }
-var { useMemo: useMemo442 } = React56__namespace;
+var { useMemo: useMemo441 } = React56__namespace;
 function OfferModalNewsletterDiscount({
   title,
   emailPlaceholder,
@@ -83816,7 +83130,7 @@ function OfferModalNewsletterDiscount({
     validationSchema: {
       email: (value) => {
         if (!value) return "Email is required";
-        if (!isValidEmail(value)) return "Please enter a valid email address";
+        if (!integration.isValidEmail(value)) return "Please enter a valid email address";
         return void 0;
       }
     },
@@ -83828,7 +83142,7 @@ function OfferModalNewsletterDiscount({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -83840,7 +83154,7 @@ function OfferModalNewsletterDiscount({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -83850,7 +83164,7 @@ function OfferModalNewsletterDiscount({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderCloseButton = useMemo442(() => {
+  const renderCloseButton = useMemo441(() => {
     if (closeButtonSlot) return closeButtonSlot;
     if (!closeButtonText) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute end-1.5 top-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -83864,12 +83178,12 @@ function OfferModalNewsletterDiscount({
       }
     ) }) });
   }, [closeButtonSlot, closeButtonText, closeClassName]);
-  const renderHeader = useMemo442(() => {
+  const renderHeader = useMemo441(() => {
     if (headerSlot) return headerSlot;
     if (!title) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { className: headerClassName, children: typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) });
   }, [headerSlot, title, headerClassName, titleClassName]);
-  const renderForm = useMemo442(() => {
+  const renderForm = useMemo441(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       forms.Form,
@@ -83931,7 +83245,7 @@ function OfferModalNewsletterDiscount({
     }
   ) });
 }
-var { useMemo: useMemo443 } = React56__namespace;
+var { useMemo: useMemo442 } = React56__namespace;
 function OfferModalMembershipImage({
   overline,
   title,
@@ -83972,7 +83286,7 @@ function OfferModalMembershipImage({
     validationSchema: {
       email: (value) => {
         if (!value) return "Please enter an email address";
-        if (!isValidEmail(value)) {
+        if (!integration.isValidEmail(value)) {
           return "Please enter a valid email address";
         }
         return void 0;
@@ -83986,7 +83300,7 @@ function OfferModalMembershipImage({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -83998,7 +83312,7 @@ function OfferModalMembershipImage({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -84008,7 +83322,7 @@ function OfferModalMembershipImage({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderImage = useMemo443(() => {
+  const renderImage = useMemo442(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("max-h-[290px] h-full overflow-hidden max-lg:hidden", imageWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -84021,7 +83335,7 @@ function OfferModalMembershipImage({
       }
     ) });
   }, [imageSlot, image, imageWrapperClassName, imageClassName, optixFlowConfig]);
-  const renderCloseButton = useMemo443(() => {
+  const renderCloseButton = useMemo442(() => {
     if (closeButtonSlot) return closeButtonSlot;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -end-px -top-px z-10", children: /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
@@ -84037,7 +83351,7 @@ function OfferModalMembershipImage({
       }
     ) }) });
   }, [closeButtonSlot, closeClassName]);
-  const renderForm = useMemo443(() => {
+  const renderForm = useMemo442(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       forms.Form,
@@ -84100,7 +83414,7 @@ function OfferModalMembershipImage({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderFooter = useMemo443(() => {
+  const renderFooter = useMemo442(() => {
     if (footerSlot) return footerSlot;
     if (!description) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { className: footerClassName, children: /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: cn("text-muted-foreground text-center text-xs leading-relaxed", descriptionClassName), children: description }) });
@@ -84220,7 +83534,7 @@ function SheetDescription({
     }
   );
 }
-var { useMemo: useMemo444 } = React56__namespace;
+var { useMemo: useMemo443 } = React56__namespace;
 function OfferModalSheetNewsletter({
   logo,
   logoSlot,
@@ -84267,7 +83581,7 @@ function OfferModalSheetNewsletter({
     validationSchema: {
       email: (value) => {
         if (!value) return "Please enter an email address";
-        if (!isValidEmail(value)) {
+        if (!integration.isValidEmail(value)) {
           return "Please enter a valid email address";
         }
         return void 0;
@@ -84281,7 +83595,7 @@ function OfferModalSheetNewsletter({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -84293,7 +83607,7 @@ function OfferModalSheetNewsletter({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -84303,7 +83617,7 @@ function OfferModalSheetNewsletter({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const sheetProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderLogo = useMemo444(() => {
+  const renderLogo = useMemo443(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -84317,7 +83631,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [logoSlot, logo, logoClassName, optixFlowConfig]);
-  const renderHeader = useMemo444(() => {
+  const renderHeader = useMemo443(() => {
     if (headerSlot) return headerSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { className: cn("gap-8 p-0", headerClassName), children: [
       renderLogo,
@@ -84327,7 +83641,7 @@ function OfferModalSheetNewsletter({
       ] })
     ] });
   }, [headerSlot, renderLogo, headerClassName, title, titleClassName, description, descriptionClassName]);
-  const renderForm = useMemo444(() => {
+  const renderForm = useMemo443(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsx(
       forms.Form,
@@ -84375,7 +83689,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderLegal = useMemo444(() => {
+  const renderLegal = useMemo443(() => {
     if (legalSlot) return legalSlot;
     if (!termsUrl || !termsText || !privacyUrl || !privacyText) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-muted-foreground text-xs", legalClassName), children: [
@@ -84389,7 +83703,7 @@ function OfferModalSheetNewsletter({
       "."
     ] });
   }, [legalSlot, termsUrl, termsText, privacyUrl, privacyText, legalClassName]);
-  const renderImage = useMemo444(() => {
+  const renderImage = useMemo443(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-1/2 basis-1/2", imageWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -95756,7 +95070,7 @@ var FilterForm3 = ({ categories, onCategoryChange }) => {
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: category.label }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            Checkbox2,
+            Checkbox,
             {
               checked: isChecked,
               onCheckedChange: (checked) => handleCheckboxChange(!!checked, category.value)
@@ -95841,7 +95155,7 @@ var EmailForm = ({
     validationSchema: {
       email: (value) => {
         if (!value) return "Email is required";
-        if (!isValidEmail(value)) return "Please enter a valid email address";
+        if (!integration.isValidEmail(value)) return "Please enter a valid email address";
         return void 0;
       }
     },
@@ -95853,7 +95167,7 @@ var EmailForm = ({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -95865,7 +95179,7 @@ var EmailForm = ({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);
@@ -101947,7 +101261,7 @@ function LinkPageNewsletterSocial({
     validationSchema: {
       email: (value) => {
         if (!value) return "Email is required";
-        if (!isValidEmail(value)) return "Please enter a valid email address";
+        if (!integration.isValidEmail(value)) return "Please enter a valid email address";
         return void 0;
       }
     },
@@ -101959,7 +101273,7 @@ function LinkPageNewsletterSocial({
       try {
         let result;
         if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
+          result = await integration.submitPageSpeedForm(values, formConfig);
         }
         if (onSubmit) {
           await onSubmit(values.email);
@@ -101971,7 +101285,7 @@ function LinkPageNewsletterSocial({
           onSuccess?.(result);
         }
       } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+        if (error instanceof integration.PageSpeedFormSubmissionError && error.formErrors) {
           helpers.setErrors(error.formErrors);
         }
         onError?.(error);