@opensite/ui 1.7.5 → 1.7.6

package/dist/registry.js

@@ -1,5 +1,5 @@
-import * as React51 from 'react';
-import React51__default, { Fragment, createContext, useMemo, forwardRef, useState, useCallback, useRef, useEffect, startTransition, useContext } from 'react';
+import * as React50 from 'react';
+import React50__default, { Fragment, createContext, useMemo, forwardRef, useState, useCallback, useRef, useEffect, startTransition, useContext } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
@@ -8,12 +8,12 @@ import { cva } from 'class-variance-authority';
 import { AnimatePresence, motion, useMotionValue, useMotionTemplate, useSpring, useTransform, useInView, useScroll, useMotionValueEvent } from 'framer-motion';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { useForm, Form, Field } from '@page-speed/forms';
-import { TextInput as TextInput$1, Select, TextArea as TextArea$1, Radio } from '@page-speed/forms/inputs';
+import { TextInput as TextInput$1, Select, TextArea as TextArea$1, Radio, Checkbox as Checkbox$1, CheckboxGroup, DatePicker, DateRangePicker, TimePicker, FileInput, RichTextEditor } from '@page-speed/forms/inputs';
 import { serializeForRails, deserializeErrors } from '@page-speed/forms/integration';
 import { Slot } from '@radix-ui/react-slot';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { useFileUpload } from '@page-speed/forms/upload';
+import { useFileUpload as useFileUpload$1 } from '@page-speed/forms/upload';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import useEmblaCarousel from 'embla-carousel-react';
 import Autoplay from 'embla-carousel-autoplay';
@@ -140,7 +140,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React51__default.forwardRef(
+var Container = React50__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -445,7 +445,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React51__default.forwardRef(
+var Section = React50__default.forwardRef(
   ({
     id,
     title,
@@ -1035,7 +1035,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React51.useMemo(() => {
+  const linkType = React50.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -1056,7 +1056,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React51.useMemo(() => {
+  const normalizedHref = React50.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -1074,7 +1074,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React51.useMemo(() => {
+  const target = React50.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -1087,7 +1087,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React51.useMemo(() => {
+  const rel = React50.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -1096,7 +1096,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React51.useCallback(
+  const handleClick = React50.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -1280,7 +1280,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React51.forwardRef(
+var Pressable = React50.forwardRef(
   ({
     children,
     className,
@@ -1811,10 +1811,10 @@ function DynamicIcon({
   className,
   alt
 }) {
-  const [svgContent, setSvgContent] = React51.useState(null);
-  const [isLoading, setIsLoading] = React51.useState(true);
-  const [error, setError] = React51.useState(null);
-  const { url, iconName } = React51.useMemo(() => {
+  const [svgContent, setSvgContent] = React50.useState(null);
+  const [isLoading, setIsLoading] = React50.useState(true);
+  const [error, setError] = React50.useState(null);
+  const { url, iconName } = React50.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
     const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
@@ -1823,7 +1823,7 @@ function DynamicIcon({
       iconName: iconName2
     };
   }, [name, size]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     let isMounted = true;
     const fetchSvg = async () => {
       const cached = svgCache.get(url);
@@ -3035,7 +3035,7 @@ function AboutInteractiveTabs({
   pattern,
   patternOpacity
 }) {
-  const [activeTab, setActiveTab] = React51.useState(tabs?.[0]?.id ?? "");
+  const [activeTab, setActiveTab] = React50.useState(tabs?.[0]?.id ?? "");
   const activeContent = useMemo(() => {
     return tabs?.find((tab) => tab.id === activeTab)?.content;
   }, [tabs, activeTab]);
@@ -6100,6 +6100,197 @@ function CtaImageOverlayArrow({
 }
 var TextInput = TextInput$1;
 var TextArea = TextArea$1;
+function useFileUpload(options) {
+  const [uploadTokens, setUploadTokens] = useState([]);
+  const [uploadProgress, setUploadProgress] = useState({});
+  const [isUploading, setIsUploading] = useState(false);
+  const endpoint = options?.endpoint || "https://api.dashtrack.com/contacts/_/contact_form_uploads";
+  const uploadFiles = 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 = useCallback((file, index) => {
+    setUploadTokens((prev) => prev.filter((_, i) => i !== index));
+    setUploadProgress((prev) => {
+      const newProgress = { ...prev };
+      delete newProgress[file.name];
+      return newProgress;
+    });
+  }, []);
+  const resetUpload = 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;
+    },
+    {}
+  );
+}
+function getColumnSpanClass(span) {
+  if (!span || span === 12) return "col-span-12";
+  return `col-span-12 sm:col-span-${Math.min(span, 12)}`;
+}
+
+// lib/forms/use-contact-form.ts
+function useContactForm(options) {
+  const {
+    formFields,
+    formConfig,
+    onSubmit,
+    onSuccess,
+    onError,
+    resetOnSuccess = true,
+    uploadTokens = []
+  } = options;
+  const [isSubmitted, setIsSubmitted] = useState(false);
+  const [submissionError, setSubmissionError] = useState(null);
+  const form = useForm({
+    initialValues: useMemo(
+      () => generateInitialValues(formFields),
+      [formFields]
+    ),
+    validationSchema: useMemo(
+      () => generateValidationSchema(formFields),
+      [formFields]
+    ),
+    onSubmit: async (values, helpers) => {
+      setSubmissionError(null);
+      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) {
+          setIsSubmitted(true);
+          if (resetOnSuccess) {
+            helpers.resetForm();
+          }
+          onSuccess?.(result);
+          setTimeout(() => setIsSubmitted(false), 5e3);
+        }
+      } 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,
+    submissionError,
+    formMethod
+  };
+}
+
+// lib/forms.ts
 var PageSpeedFormSubmissionError = class extends Error {
   constructor(message, options = {}) {
     super(message);
@@ -7363,7 +7554,7 @@ function CtaVideoBackgroundHero({
   pattern,
   patternOpacity
 }) {
-  const [isModalOpen, setIsModalOpen] = React51.useState(false);
+  const [isModalOpen, setIsModalOpen] = React50.useState(false);
   const handleOpenModal = () => {
     setIsModalOpen(true);
     onModalOpen?.();
@@ -7551,7 +7742,7 @@ function CtaWorkflowTabs({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [activeTab, setActiveTab] = React51.useState(tabs?.[0]?.id || "");
+  const [activeTab, setActiveTab] = React50.useState(tabs?.[0]?.id || "");
   const activeTabData = tabs?.find((tab) => tab.id === activeTab) || tabs?.[0];
   const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -8160,7 +8351,7 @@ function ContactFloatingBanner({
   badgeClassName,
   background = "default"
 }) {
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -8335,7 +8526,7 @@ function ContactCallback({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -8358,7 +8549,7 @@ function ContactCallback({
     }
     return null;
   }, [actionsSlot, actions]);
-  const footerContent = React51.useMemo(() => {
+  const footerContent = React50.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (footer) {
       return typeof footer === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-center text-sm text-muted-foreground", footerClassName), children: footer }) : /* @__PURE__ */ jsx("div", { className: cn("mt-6 text-center text-sm text-muted-foreground", footerClassName), children: footer });
@@ -8679,7 +8870,7 @@ function ContactCard({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -8702,7 +8893,7 @@ function ContactCard({
     }
     return null;
   }, [actionsSlot, actions]);
-  const contactOptionsContent = React51.useMemo(() => {
+  const contactOptionsContent = React50.useMemo(() => {
     if (contactOptionsSlot) return contactOptionsSlot;
     if (contactOptions && contactOptions.length > 0) {
       return contactOptions.map((option, key) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
@@ -8960,7 +9151,7 @@ function ContactCareers({
       }
     }
   });
-  const { upload, state: uploadState } = useFileUpload({
+  const { upload, state: uploadState } = useFileUpload$1({
     endpoint: formConfig?.endpoint ? `${new URL(formConfig.endpoint, typeof window !== "undefined" ? window.location.origin : "http://localhost").origin}/contacts/_/contact_form_uploads` : "https://api.toastability.com/contacts/_/contact_form_uploads",
     format: "legacy",
     onComplete: (token) => {
@@ -8989,7 +9180,7 @@ function ContactCareers({
     form.setFieldValue("contact_form_upload_tokens", []);
   };
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -9428,7 +9619,7 @@ function ContactCatering({
     const updated = current.includes(value) ? current.filter((v) => v !== value) : [...current, value];
     form.setFieldValue("dietaryAccommodations", updated);
   };
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -9848,7 +10039,7 @@ function ContactConsultation({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -10066,12 +10257,241 @@ function ContactConsultation({
     }
   );
 }
+function DynamicFormField({
+  field,
+  className,
+  uploadProgress = {},
+  onFileUpload,
+  onFileRemove,
+  isUploading = false
+}) {
+  const fieldId = `field-${field.name}`;
+  return /* @__PURE__ */ jsx(Field, { name: field.name, children: ({ field: formField, meta }) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    field.type !== "checkbox" && /* @__PURE__ */ jsxs(Label, { htmlFor: fieldId, children: [
+      field.label,
+      field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    (field.type === "text" || field.type === "email" || field.type === "tel" || field.type === "search" || field.type === "password" || field.type === "url") && /* @__PURE__ */ jsx(
+      TextInput$1,
+      {
+        ...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__ */ jsx(
+      TextInput$1,
+      {
+        ...formField,
+        id: fieldId,
+        type: "text",
+        placeholder: field.placeholder,
+        error: meta.touched && !!meta.error,
+        disabled: field.disabled,
+        "aria-label": field.label
+      }
+    ),
+    field.type === "textarea" && /* @__PURE__ */ jsx(
+      TextArea$1,
+      {
+        ...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__ */ jsx(
+      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__ */ jsx(
+      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,
+        multiple: true
+      }
+    ),
+    field.type === "radio" && field.options && /* @__PURE__ */ jsx(
+      Radio,
+      {
+        ...formField,
+        id: fieldId,
+        options: field.options,
+        disabled: field.disabled,
+        layout: field.layout || "stacked",
+        error: meta.touched && !!meta.error,
+        "aria-label": field.label
+      }
+    ),
+    field.type === "checkbox" && /* @__PURE__ */ jsxs("div", { className: "flex items-start space-x-2", children: [
+      /* @__PURE__ */ jsx(
+        Checkbox$1,
+        {
+          ...formField,
+          id: fieldId,
+          value: formField.value === true || formField.value === "true",
+          onChange: (checked) => formField.onChange(checked),
+          disabled: field.disabled,
+          error: meta.touched && !!meta.error,
+          "aria-label": field.label
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Label,
+        {
+          htmlFor: fieldId,
+          className: "font-normal cursor-pointer leading-relaxed",
+          children: [
+            field.label,
+            field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+          ]
+        }
+      )
+    ] }),
+    field.type === "checkbox-group" && field.options && /* @__PURE__ */ jsx(
+      CheckboxGroup,
+      {
+        ...formField,
+        id: fieldId,
+        options: field.options,
+        disabled: field.disabled,
+        layout: field.layout || "stacked",
+        error: meta.touched && !!meta.error,
+        "aria-label": field.label
+      }
+    ),
+    (field.type === "date-picker" || field.type === "date") && /* @__PURE__ */ jsx(
+      DatePicker,
+      {
+        ...formField,
+        id: fieldId,
+        placeholder: field.placeholder,
+        error: meta.touched && !!meta.error,
+        disabled: field.disabled,
+        "aria-label": field.label
+      }
+    ),
+    field.type === "date-range" && /* @__PURE__ */ jsx(
+      DateRangePicker,
+      {
+        ...formField,
+        id: fieldId,
+        error: meta.touched && !!meta.error,
+        disabled: field.disabled,
+        "aria-label": field.label
+      }
+    ),
+    field.type === "time" && /* @__PURE__ */ jsx(
+      TimePicker,
+      {
+        ...formField,
+        id: fieldId,
+        placeholder: field.placeholder,
+        error: meta.touched && !!meta.error,
+        disabled: field.disabled,
+        "aria-label": field.label
+      }
+    ),
+    field.type === "file" && /* @__PURE__ */ jsx(
+      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__ */ jsx(
+      RichTextEditor,
+      {
+        ...formField,
+        id: fieldId,
+        placeholder: field.placeholder,
+        error: meta.touched && !!meta.error,
+        disabled: field.disabled,
+        "aria-label": field.label
+      }
+    ),
+    meta.touched && meta.error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: meta.error })
+  ] }) });
+}
+var DEFAULT_FORM_FIELDS = [
+  {
+    name: "firstName",
+    type: "text",
+    label: "First Name",
+    placeholder: "First name",
+    required: true,
+    columnSpan: 6
+  },
+  {
+    name: "lastName",
+    type: "text",
+    label: "Last Name",
+    placeholder: "Last name",
+    required: true,
+    columnSpan: 6
+  },
+  {
+    name: "email",
+    type: "email",
+    label: "Email Address",
+    placeholder: "your@email.com",
+    required: true,
+    columnSpan: 12
+  },
+  {
+    name: "message",
+    type: "textarea",
+    label: "Message",
+    placeholder: "Your message...",
+    required: true,
+    rows: 4,
+    columnSpan: 12
+  }
+];
 function ContactDark({
   heading,
   description,
   contactHeading = "Contact Information",
   contactDescription = "Fill up the form and our team will get back to you within 24 hours.",
-  buttonText,
+  buttonText = "Submit",
   buttonIcon,
   actions,
   actionsSlot,
@@ -10079,6 +10499,9 @@ function ContactDark({
   contactOptionsSlot,
   socialLinks,
   socialLinksSlot,
+  formFields = DEFAULT_FORM_FIELDS,
+  successMessage = "Thank you! Your message has been sent successfully.",
+  errorMessage = "There was an error sending your message. Please try again.",
   className,
   headerClassName,
   headingClassName,
@@ -10090,6 +10513,8 @@ function ContactDark({
   infoPanelClassName,
   contactOptionsClassName,
   socialLinksClassName,
+  successMessageClassName,
+  errorMessageClassName,
   background,
   spacing = "py-8 md:py-32",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
@@ -10100,54 +10525,27 @@ function ContactDark({
   onSuccess,
   onError
 }) {
-  const form = useForm({
-    initialValues: {
-      firstName: "",
-      lastName: "",
-      email: "",
-      message: ""
-    },
-    validationSchema: {
-      firstName: (value) => !value ? "First name is required" : void 0,
-      lastName: (value) => !value ? "Last name is required" : void 0,
-      email: (value) => {
-        if (!value) return "Email is required";
-        if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value))
-          return "Please enter a valid email address";
-        return void 0;
-      },
-      message: (value) => !value ? "Message is required" : void 0
+  const {
+    uploadTokens,
+    uploadProgress,
+    isUploading,
+    uploadFiles,
+    removeFile,
+    resetUpload
+  } = useFileUpload({ onError });
+  const { form, isSubmitted, submissionError, formMethod } = useContactForm({
+    formFields,
+    formConfig,
+    onSubmit,
+    onSuccess: (data) => {
+      resetUpload();
+      onSuccess?.(data);
     },
-    onSubmit: async (values, helpers) => {
-      const shouldAutoSubmit = Boolean(formConfig?.endpoint);
-      if (!shouldAutoSubmit && !onSubmit) {
-        return;
-      }
-      try {
-        let result;
-        if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
-        }
-        if (onSubmit) {
-          await onSubmit(values);
-        }
-        if (shouldAutoSubmit || onSubmit) {
-          if (formConfig?.resetOnSuccess !== false) {
-            helpers.resetForm();
-          }
-          onSuccess?.(result);
-        }
-      } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
-          helpers.setErrors(error.formErrors);
-        }
-        onError?.(error);
-        throw error;
-      }
-    }
+    onError,
+    resetOnSuccess: formConfig?.resetOnSuccess !== false,
+    uploadTokens
   });
-  const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -10177,7 +10575,7 @@ function ContactDark({
     }
     return null;
   }, [actionsSlot, actions]);
-  const contactOptionsContent = React51.useMemo(() => {
+  const contactOptionsContent = React50.useMemo(() => {
     if (contactOptionsSlot) return contactOptionsSlot;
     if (contactOptions && contactOptions.length > 0) {
       return contactOptions.map((option, key) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -10201,7 +10599,7 @@ function ContactDark({
     }
     return null;
   }, [contactOptionsSlot, contactOptions]);
-  const socialLinksContent = React51.useMemo(() => {
+  const socialLinksContent = React50.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (socialLinks && socialLinks.length > 0) {
       return socialLinks.map((social, key) => /* @__PURE__ */ jsx(
@@ -10257,87 +10655,70 @@ function ContactDark({
               cardClassName
             ),
             children: [
-              /* @__PURE__ */ jsx("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: /* @__PURE__ */ jsxs(
-                Form,
-                {
-                  form,
-                  action: formConfig?.endpoint,
-                  method: formMethod,
-                  className: cn("space-y-6", formClassName),
-                  children: [
-                    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-                      /* @__PURE__ */ jsx(Field, { name: "firstName", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "first-name", children: "First Name" }),
-                        /* @__PURE__ */ jsx(
-                          TextInput$1,
-                          {
-                            ...field,
-                            id: "first-name",
-                            placeholder: "First name",
-                            error: meta.touched && !!meta.error,
-                            "aria-label": "First Name"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx(Field, { name: "lastName", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "last-name", children: "Last Name" }),
-                        /* @__PURE__ */ jsx(
-                          TextInput$1,
-                          {
-                            ...field,
-                            id: "last-name",
-                            placeholder: "Last name",
-                            error: meta.touched && !!meta.error,
-                            "aria-label": "Last Name"
-                          }
-                        )
-                      ] }) })
-                    ] }),
-                    /* @__PURE__ */ jsx(Field, { name: "email", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email Address" }),
-                      /* @__PURE__ */ jsx(
-                        TextInput$1,
+              /* @__PURE__ */ jsxs("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: [
+                isSubmitted && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "mb-6 p-4 bg-primary/10 border border-primary rounded-md",
+                      successMessageClassName
+                    ),
+                    children: typeof successMessage === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-primary-foreground/90 text-center", children: successMessage }) : successMessage
+                  }
+                ),
+                submissionError && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "mb-6 p-4 bg-destructive/10 border border-destructive rounded-md",
+                      errorMessageClassName
+                    ),
+                    children: /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive text-center", children: submissionError })
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Form,
+                  {
+                    form,
+                    action: formConfig?.endpoint,
+                    method: formMethod,
+                    className: cn("space-y-6", formClassName),
+                    children: [
+                      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsx(
+                        "div",
                         {
-                          ...field,
-                          id: "email",
-                          type: "email",
-                          placeholder: "Your email",
-                          error: meta.touched && !!meta.error,
-                          "aria-label": "Email Address"
-                        }
-                      )
-                    ] }) }),
-                    /* @__PURE__ */ jsx(Field, { name: "message", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "message", children: "Message" }),
-                      /* @__PURE__ */ jsx(
-                        TextArea$1,
+                          className: getColumnSpanClass(field.columnSpan),
+                          children: /* @__PURE__ */ jsx(
+                            DynamicFormField,
+                            {
+                              field,
+                              uploadProgress,
+                              onFileUpload: uploadFiles,
+                              onFileRemove: removeFile,
+                              isUploading
+                            }
+                          )
+                        },
+                        field.name
+                      )) }),
+                      actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxs(
+                        Pressable,
                         {
-                          ...field,
-                          id: "message",
-                          placeholder: "Your message...",
-                          rows: 4,
-                          error: meta.touched && !!meta.error,
-                          "aria-label": "Message"
+                          componentType: "button",
+                          type: "submit",
+                          className: cn("w-full", submitClassName),
+                          asButton: true,
+                          disabled: form.isSubmitting,
+                          children: [
+                            buttonIcon,
+                            buttonText
+                          ]
                         }
                       )
-                    ] }) }),
-                    actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxs(
-                      Pressable,
-                      {
-                        componentType: "button",
-                        type: "submit",
-                        className: cn("w-full", submitClassName),
-                        asButton: true,
-                        disabled: form.isSubmitting,
-                        children: [
-                          buttonIcon,
-                          buttonText
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ) }),
+                    ]
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxs(
                 "div",
                 {
@@ -10469,7 +10850,7 @@ function ContactDemo({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -10776,7 +11157,7 @@ function ContactEmergency({
   const selectedPriority = PRIORITIES.find(
     (p) => p.value === form.values.priority
   );
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -11079,7 +11460,7 @@ function ContactEvent({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -11275,18 +11656,57 @@ function AccordionContent({
     }
   );
 }
+var DEFAULT_FORM_FIELDS2 = [
+  {
+    name: "name",
+    type: "text",
+    label: "Name",
+    placeholder: "Full Name",
+    required: true,
+    columnSpan: 6
+  },
+  {
+    name: "email",
+    type: "email",
+    label: "Email",
+    placeholder: "your@email.com",
+    required: true,
+    columnSpan: 6
+  },
+  {
+    name: "subject",
+    type: "text",
+    label: "Subject",
+    placeholder: "What is this regarding?",
+    required: true,
+    columnSpan: 12
+  },
+  {
+    name: "message",
+    type: "textarea",
+    label: "Message",
+    placeholder: "Your message...",
+    required: true,
+    rows: 4,
+    columnSpan: 12
+  }
+];
 function ContactFaq({
   heading,
   description,
   formHeading,
-  buttonText,
+  buttonText = "Submit",
   buttonIcon,
   actions,
   actionsSlot,
   items,
   itemsSlot,
   faqHeading,
+  formFields = DEFAULT_FORM_FIELDS2,
+  successMessage = "Thank you! Your message has been sent successfully.",
+  errorMessage = "There was an error sending your message. Please try again.",
   className,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   headerClassName,
   headingClassName,
   descriptionClassName,
@@ -11302,9 +11722,10 @@ function ContactFaq({
   accordionTriggerClassName,
   accordionContentClassName,
   gridClassName,
+  successMessageClassName,
+  errorMessageClassName,
   background,
   spacing = "py-8 md:py-32",
-  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity,
   formConfig,
@@ -11312,54 +11733,27 @@ function ContactFaq({
   onSuccess,
   onError
 }) {
-  const form = useForm({
-    initialValues: {
-      name: "",
-      email: "",
-      subject: "",
-      message: ""
-    },
-    validationSchema: {
-      name: (value) => !value ? "Name is required" : void 0,
-      email: (value) => {
-        if (!value) return "Email is required";
-        if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value))
-          return "Please enter a valid email address";
-        return void 0;
-      },
-      subject: (value) => !value ? "Subject is required" : void 0,
-      message: (value) => !value ? "Message is required" : void 0
+  const {
+    uploadTokens,
+    uploadProgress,
+    isUploading,
+    uploadFiles,
+    removeFile,
+    resetUpload
+  } = useFileUpload({ onError });
+  const { form, isSubmitted, submissionError, formMethod } = useContactForm({
+    formFields,
+    formConfig,
+    onSubmit,
+    onSuccess: (data) => {
+      resetUpload();
+      onSuccess?.(data);
     },
-    onSubmit: async (values, helpers) => {
-      const shouldAutoSubmit = Boolean(formConfig?.endpoint);
-      if (!shouldAutoSubmit && !onSubmit) {
-        return;
-      }
-      try {
-        let result;
-        if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
-        }
-        if (onSubmit) {
-          await onSubmit(values);
-        }
-        if (shouldAutoSubmit || onSubmit) {
-          if (formConfig?.resetOnSuccess !== false) {
-            helpers.resetForm();
-          }
-          onSuccess?.(result);
-        }
-      } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
-          helpers.setErrors(error.formErrors);
-        }
-        onError?.(error);
-        throw error;
-      }
-    }
+    onError,
+    resetOnSuccess: formConfig?.resetOnSuccess !== false,
+    uploadTokens
   });
-  const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -11420,8 +11814,7 @@ function ContactFaq({
     accordionClassName,
     accordionItemClassName,
     accordionTriggerClassName,
-    accordionContentClassName,
-    background
+    accordionContentClassName
   ]);
   return /* @__PURE__ */ jsx(
     Section,
@@ -11484,6 +11877,26 @@ function ContactFaq({
                     children: formHeading
                   }
                 ) : /* @__PURE__ */ jsx("div", { className: formHeadingClassName, children: formHeading })),
+                isSubmitted && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "mb-6 p-4 bg-primary/10 border border-primary rounded-md",
+                      successMessageClassName
+                    ),
+                    children: typeof successMessage === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-primary-foreground/90 text-center", children: successMessage }) : successMessage
+                  }
+                ),
+                submissionError && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "mb-6 p-4 bg-destructive/10 border border-destructive rounded-md",
+                      errorMessageClassName
+                    ),
+                    children: typeof errorMessage === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive text-center", children: submissionError }) : errorMessage
+                  }
+                ),
                 /* @__PURE__ */ jsxs(
                   Form,
                   {
@@ -11492,62 +11905,23 @@ function ContactFaq({
                     method: formMethod,
                     className: cn("space-y-4", formClassName),
                     children: [
-                      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-                        /* @__PURE__ */ jsx(Field, { name: "name", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                          /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "Name" }),
-                          /* @__PURE__ */ jsx(
-                            TextInput$1,
-                            {
-                              ...field,
-                              id: "name",
-                              placeholder: "John Doe",
-                              error: meta.touched && !!meta.error,
-                              "aria-label": "Name"
-                            }
-                          )
-                        ] }) }),
-                        /* @__PURE__ */ jsx(Field, { name: "email", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                          /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
-                          /* @__PURE__ */ jsx(
-                            TextInput$1,
+                      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: getColumnSpanClass(field.columnSpan),
+                          children: /* @__PURE__ */ jsx(
+                            DynamicFormField,
                             {
-                              ...field,
-                              id: "email",
-                              type: "email",
-                              placeholder: "john@example.com",
-                              error: meta.touched && !!meta.error,
-                              "aria-label": "Email"
+                              field,
+                              uploadProgress,
+                              onFileUpload: uploadFiles,
+                              onFileRemove: removeFile,
+                              isUploading
                             }
                           )
-                        ] }) })
-                      ] }),
-                      /* @__PURE__ */ jsx(Field, { name: "subject", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "subject", children: "Subject" }),
-                        /* @__PURE__ */ jsx(
-                          TextInput$1,
-                          {
-                            ...field,
-                            id: "subject",
-                            placeholder: "What is this regarding?",
-                            error: meta.touched && !!meta.error,
-                            "aria-label": "Subject"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx(Field, { name: "message", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "message", children: "Message" }),
-                        /* @__PURE__ */ jsx(
-                          TextArea$1,
-                          {
-                            ...field,
-                            id: "message",
-                            placeholder: "Your question...",
-                            rows: 4,
-                            error: meta.touched && !!meta.error,
-                            "aria-label": "Message"
-                          }
-                        )
-                      ] }) }),
+                        },
+                        field.name
+                      )) }),
                       actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxs(
                         Pressable,
                         {
@@ -11655,7 +12029,7 @@ function ContactFeedback({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -11823,7 +12197,7 @@ function ContactFitness({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -12033,7 +12407,7 @@ function ContactGuest({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -12243,7 +12617,7 @@ function ContactImage({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -12453,7 +12827,7 @@ function ContactInsurance({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -12663,7 +13037,7 @@ function ContactInterview({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -12864,7 +13238,7 @@ function ContactLocations({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -13065,7 +13439,7 @@ function ContactMaintenance({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -13266,7 +13640,7 @@ function ContactMap({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -13464,7 +13838,7 @@ function ContactMinimal({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -13487,7 +13861,7 @@ function ContactMinimal({
     }
     return null;
   }, [actionsSlot, actions]);
-  const footerContent = React51.useMemo(() => {
+  const footerContent = React50.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (footer) {
       return typeof footer === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-center text-sm text-muted-foreground", footerClassName), children: footer }) : /* @__PURE__ */ jsx("div", { className: cn("mt-6 text-center text-sm text-muted-foreground", footerClassName), children: footer });
@@ -13653,7 +14027,7 @@ function ContactMoving({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -13854,7 +14228,7 @@ function ContactMultistep({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -14055,7 +14429,7 @@ function ContactPartnership({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -14182,19 +14556,67 @@ function ContactPartnership({
     }
   );
 }
+var DEFAULT_FORM_FIELDS3 = [
+  {
+    name: "first_name",
+    type: "text",
+    label: "First Name",
+    placeholder: "First name",
+    required: true,
+    columnSpan: 6
+  },
+  {
+    name: "last_name",
+    type: "text",
+    label: "Last Name",
+    placeholder: "Last name",
+    required: true,
+    columnSpan: 6
+  },
+  {
+    name: "email",
+    type: "email",
+    label: "Email",
+    placeholder: "your@email.com",
+    required: true,
+    columnSpan: 12
+  },
+  {
+    name: "phone",
+    type: "tel",
+    label: "Phone",
+    placeholder: "+1 (555) 000-0000",
+    required: true,
+    columnSpan: 12
+  },
+  {
+    name: "message",
+    type: "textarea",
+    label: "Message",
+    placeholder: "Your message...",
+    required: true,
+    rows: 4,
+    columnSpan: 12
+  }
+];
 function ContactPhotography({
   heading,
   description,
-  buttonText,
+  buttonText = "Submit",
   buttonIcon,
   actions,
   actionsSlot,
+  formFields = DEFAULT_FORM_FIELDS3,
+  successMessage = "Thank you! Your message has been sent successfully.",
+  errorMessage = "There was an error sending your message. Please try again.",
   className,
   headingClassName,
   descriptionClassName,
   contentClassName,
   formClassName,
   submitClassName,
+  successMessageClassName,
+  errorMessageClassName,
   background,
   pattern,
   patternOpacity,
@@ -14208,55 +14630,26 @@ function ContactPhotography({
   onSuccess,
   onError
 }) {
-  const form = useForm({
-    initialValues: {
-      first_name: "",
-      last_name: "",
-      email: "",
-      phone: "",
-      message: ""
-    },
-    validationSchema: {
-      first_name: (value) => !value ? "First name is required" : void 0,
-      last_name: (value) => !value ? "Last name is required" : void 0,
-      email: (value) => {
-        if (!value) return "Email is required";
-        if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value))
-          return "Please enter a valid email address";
-        return void 0;
-      },
-      phone: (value) => !value ? "Phone is required" : void 0,
-      message: (value) => !value ? "Message is required" : void 0
+  const {
+    uploadTokens,
+    uploadProgress,
+    isUploading,
+    uploadFiles,
+    removeFile,
+    resetUpload
+  } = useFileUpload({ onError });
+  const { form, isSubmitted, submissionError, formMethod } = useContactForm({
+    formFields,
+    formConfig,
+    onSubmit,
+    onSuccess: (data) => {
+      resetUpload();
+      onSuccess?.(data);
     },
-    onSubmit: async (values, helpers) => {
-      const shouldAutoSubmit = Boolean(formConfig?.endpoint);
-      if (!shouldAutoSubmit && !onSubmit) {
-        return;
-      }
-      try {
-        let result;
-        if (shouldAutoSubmit) {
-          result = await submitPageSpeedForm(values, formConfig);
-        }
-        if (onSubmit) {
-          await onSubmit(values);
-        }
-        if (shouldAutoSubmit || onSubmit) {
-          if (formConfig?.resetOnSuccess !== false) {
-            helpers.resetForm();
-          }
-          onSuccess?.(result);
-        }
-      } catch (error) {
-        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
-          helpers.setErrors(error.formErrors);
-        }
-        onError?.(error);
-        throw error;
-      }
-    }
+    onError,
+    resetOnSuccess: formConfig?.resetOnSuccess !== false,
+    uploadTokens
   });
-  const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
@@ -14335,6 +14728,26 @@ function ContactPhotography({
               children: description
             }
           ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+          isSubmitted && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "p-4 bg-primary/10 border border-primary rounded-md",
+                successMessageClassName
+              ),
+              children: typeof successMessage === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-primary-foreground/90 text-center", children: successMessage }) : successMessage
+            }
+          ),
+          submissionError && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "p-4 bg-destructive/10 border border-destructive rounded-md",
+                errorMessageClassName
+              ),
+              children: /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive text-center", children: submissionError })
+            }
+          ),
           /* @__PURE__ */ jsxs(
             Form,
             {
@@ -14343,76 +14756,23 @@ function ContactPhotography({
               method: formMethod,
               className: cn("space-y-4", formClassName),
               children: [
-                /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-                  /* @__PURE__ */ jsx(Field, { name: "first_name", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "first-name", children: "First Name" }),
-                    /* @__PURE__ */ jsx(
-                      TextInput$1,
-                      {
-                        ...field,
-                        id: "first-name",
-                        placeholder: "John",
-                        error: meta.touched && !!meta.error,
-                        "aria-label": "First Name"
-                      }
-                    )
-                  ] }) }),
-                  /* @__PURE__ */ jsx(Field, { name: "last_name", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "last-name", children: "Last Name" }),
-                    /* @__PURE__ */ jsx(
-                      TextInput$1,
+                /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: getColumnSpanClass(field.columnSpan),
+                    children: /* @__PURE__ */ jsx(
+                      DynamicFormField,
                       {
-                        ...field,
-                        id: "last-name",
-                        placeholder: "Doe",
-                        error: meta.touched && !!meta.error,
-                        "aria-label": "Last Name"
+                        field,
+                        uploadProgress,
+                        onFileUpload: uploadFiles,
+                        onFileRemove: removeFile,
+                        isUploading
                       }
                     )
-                  ] }) })
-                ] }),
-                /* @__PURE__ */ jsx(Field, { name: "email", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
-                  /* @__PURE__ */ jsx(
-                    TextInput$1,
-                    {
-                      ...field,
-                      id: "email",
-                      type: "email",
-                      placeholder: "john@example.com",
-                      error: meta.touched && !!meta.error,
-                      "aria-label": "Email"
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ jsx(Field, { name: "phone", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "phone", children: "Phone" }),
-                  /* @__PURE__ */ jsx(
-                    TextInput$1,
-                    {
-                      ...field,
-                      id: "phone",
-                      type: "tel",
-                      placeholder: "+1 (555) 000-0000",
-                      error: meta.touched && !!meta.error,
-                      "aria-label": "Phone"
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ jsx(Field, { name: "message", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "message", children: "Message" }),
-                  /* @__PURE__ */ jsx(
-                    TextArea$1,
-                    {
-                      ...field,
-                      id: "message",
-                      placeholder: "Your message...",
-                      rows: 4,
-                      error: meta.touched && !!meta.error,
-                      "aria-label": "Message"
-                    }
-                  )
-                ] }) }),
+                  },
+                  field.name
+                )) }),
                 actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxs(
                   Pressable,
                   {
@@ -14523,7 +14883,7 @@ function ContactPress({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -14724,7 +15084,7 @@ function ContactQuote({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -14925,7 +15285,7 @@ function ContactReferral({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -15126,7 +15486,7 @@ function ContactReport({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -15327,7 +15687,7 @@ function ContactReservation({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -15528,7 +15888,7 @@ function ContactRetreat({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -15729,7 +16089,7 @@ function ContactRsvp({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -15930,7 +16290,7 @@ function ContactSales({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -16140,7 +16500,7 @@ function ContactSchedule({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -16341,7 +16701,7 @@ function ContactSponsorship({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -16538,7 +16898,7 @@ function ContactSupport({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -16710,7 +17070,7 @@ function ContactTenant({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -16911,7 +17271,7 @@ function ContactVendor({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -17112,7 +17472,7 @@ function ContactVolunteer({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -17313,7 +17673,7 @@ function ContactWarranty({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -17514,7 +17874,7 @@ function ContactWedding({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -17781,16 +18141,16 @@ function CarouselAnimatedSections({
   pattern = "diagonalCrossBasic",
   patternOpacity = 0.033
 }) {
-  const [currentIndex, setCurrentIndex] = React51.useState(0);
-  const [direction, setDirection] = React51.useState(0);
-  const [isAnimating, setIsAnimating] = React51.useState(false);
-  const goToNext = React51.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React50.useState(0);
+  const [direction, setDirection] = React50.useState(0);
+  const [isAnimating, setIsAnimating] = React50.useState(false);
+  const goToNext = React50.useCallback(() => {
     if (isAnimating || currentIndex >= (sections?.length ?? 0) - 1) return;
     setIsAnimating(true);
     setDirection(1);
     setCurrentIndex((prev) => prev + 1);
   }, [currentIndex, isAnimating, sections?.length]);
-  const goToPrev = React51.useCallback(() => {
+  const goToPrev = React50.useCallback(() => {
     if (isAnimating || currentIndex <= 0) return;
     setIsAnimating(true);
     setDirection(-1);
@@ -17802,7 +18162,7 @@ function CarouselAnimatedSections({
     setDirection(index > currentIndex ? 1 : -1);
     setCurrentIndex(index);
   };
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "ArrowDown" || e.key === "ArrowRight") {
         goToNext();
@@ -17828,7 +18188,7 @@ function CarouselAnimatedSections({
     })
   };
   const currentSection = sections?.[currentIndex];
-  const actionElements = React51.useMemo(() => {
+  const actionElements = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => /* @__PURE__ */ jsxs(
@@ -18076,11 +18436,11 @@ function CarouselAutoProgressSlides({
   pattern,
   patternOpacity
 }) {
-  const [currentIndex, setCurrentIndex] = React51.useState(0);
+  const [currentIndex, setCurrentIndex] = React50.useState(0);
   const progress = useMotionValue(100);
-  const [direction, setDirection] = React51.useState(1);
+  const [direction, setDirection] = React50.useState(1);
   const clipPath = useMotionTemplate`inset(0 ${progress}% 0 0 round 10px)`;
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     const interval = setInterval(() => {
       const currentProgress = progress.get();
       if (currentProgress > 0) {
@@ -18259,22 +18619,22 @@ function CarouselAutoProgressSlides({
   );
 }
 function useDotButton(emblaApi) {
-  const [selectedIndex, setSelectedIndex] = React51.useState(0);
-  const [scrollSnaps, setScrollSnaps] = React51.useState([]);
-  const onDotButtonClick = React51.useCallback(
+  const [selectedIndex, setSelectedIndex] = React50.useState(0);
+  const [scrollSnaps, setScrollSnaps] = React50.useState([]);
+  const onDotButtonClick = React50.useCallback(
     (index) => {
       if (!emblaApi) return;
       emblaApi.scrollTo(index);
     },
     [emblaApi]
   );
-  const onInit = React51.useCallback((api) => {
+  const onInit = React50.useCallback((api) => {
     setScrollSnaps(api.scrollSnapList());
   }, []);
-  const onSelect = React51.useCallback((api) => {
+  const onSelect = React50.useCallback((api) => {
     setSelectedIndex(api.selectedScrollSnap());
   }, []);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!emblaApi) return;
     onInit(emblaApi);
     onSelect(emblaApi);
@@ -18283,8 +18643,8 @@ function useDotButton(emblaApi) {
   return { selectedIndex, scrollSnaps, onDotButtonClick };
 }
 function useAutoplay(emblaApi) {
-  const [autoplayIsPlaying, setAutoplayIsPlaying] = React51.useState(false);
-  const onAutoplayButtonClick = React51.useCallback(
+  const [autoplayIsPlaying, setAutoplayIsPlaying] = React50.useState(false);
+  const onAutoplayButtonClick = React50.useCallback(
     (callback) => {
       const autoplay = emblaApi?.plugins()?.autoplay;
       if (!autoplay) return;
@@ -18294,13 +18654,13 @@ function useAutoplay(emblaApi) {
     },
     [emblaApi]
   );
-  const toggleAutoplay = React51.useCallback(() => {
+  const toggleAutoplay = React50.useCallback(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     const playOrStop = autoplay.isPlaying() ? autoplay.stop : autoplay.play;
     playOrStop();
   }, [emblaApi]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     setAutoplayIsPlaying(autoplay.isPlaying());
@@ -18309,11 +18669,11 @@ function useAutoplay(emblaApi) {
   return { autoplayIsPlaying, toggleAutoplay, onAutoplayButtonClick };
 }
 function useAutoplayProgress(emblaApi, progressNode) {
-  const [showAutoplayProgress, setShowAutoplayProgress] = React51.useState(false);
-  const animationName = React51.useRef("");
-  const timeoutId = React51.useRef(0);
-  const rafId = React51.useRef(0);
-  const startProgress = React51.useCallback(
+  const [showAutoplayProgress, setShowAutoplayProgress] = React50.useState(false);
+  const animationName = React50.useRef("");
+  const timeoutId = React50.useRef(0);
+  const rafId = React50.useRef(0);
+  const startProgress = React50.useCallback(
     (timeUntilNext) => {
       const node = progressNode.current;
       if (!node || timeUntilNext === null) return;
@@ -18333,12 +18693,12 @@ function useAutoplayProgress(emblaApi, progressNode) {
     },
     [progressNode]
   );
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     emblaApi.on("autoplay:timerset", () => startProgress(autoplay.timeUntilNext())).on("autoplay:timerstopped", () => setShowAutoplayProgress(false));
   }, [emblaApi, startProgress]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     return () => {
       cancelAnimationFrame(rafId.current);
       clearTimeout(timeoutId.current);
@@ -18365,7 +18725,7 @@ function CarouselAutoplayProgress({
   pattern,
   patternOpacity
 }) {
-  const progressNode = React51.useRef(null);
+  const progressNode = React50.useRef(null);
   const [emblaRef, emblaApi] = useEmblaCarousel(options, [
     Autoplay({ playOnInit: true, delay: autoplayDelay })
   ]);
@@ -18546,20 +18906,20 @@ function CarouselFeatureBadge({
   containerMaxWidth = "2xl"
 }) {
   const [emblaRef, emblaApi] = useEmblaCarousel();
-  const [canScrollPrev, setCanScrollPrev] = React51.useState(false);
-  const [canScrollNext, setCanScrollNext] = React51.useState(false);
-  const scrollPrev = React51.useCallback(() => {
+  const [canScrollPrev, setCanScrollPrev] = React50.useState(false);
+  const [canScrollNext, setCanScrollNext] = React50.useState(false);
+  const scrollPrev = React50.useCallback(() => {
     emblaApi?.scrollPrev();
   }, [emblaApi]);
-  const scrollNext = React51.useCallback(() => {
+  const scrollNext = React50.useCallback(() => {
     emblaApi?.scrollNext();
   }, [emblaApi]);
-  const onSelect = React51.useCallback(() => {
+  const onSelect = React50.useCallback(() => {
     if (!emblaApi) return;
     setCanScrollPrev(emblaApi.canScrollPrev());
     setCanScrollNext(emblaApi.canScrollNext());
   }, [emblaApi]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!emblaApi) return;
     onSelect();
     emblaApi.on("reInit", onSelect);
@@ -18679,10 +19039,10 @@ function CarouselFullscreenScrollFx({
   pattern = "diagonalCrossBasic",
   patternOpacity = 0.033
 }) {
-  const containerRef = React51.useRef(null);
-  const scrollContainerRef = React51.useRef(null);
-  const [activeIndex, setActiveIndex] = React51.useState(0);
-  React51.useEffect(() => {
+  const containerRef = React50.useRef(null);
+  const scrollContainerRef = React50.useRef(null);
+  const [activeIndex, setActiveIndex] = React50.useState(0);
+  React50.useEffect(() => {
     const scrollContainer = scrollContainerRef.current;
     if (!scrollContainer || !slides?.length) return;
     const handleScroll = () => {
@@ -18694,7 +19054,7 @@ function CarouselFullscreenScrollFx({
     scrollContainer.addEventListener("scroll", handleScroll);
     return () => scrollContainer.removeEventListener("scroll", handleScroll);
   }, [slides]);
-  const scrollToSlide = React51.useCallback((index) => {
+  const scrollToSlide = React50.useCallback((index) => {
     const scrollContainer = scrollContainerRef.current;
     if (!scrollContainer) return;
     const slideHeight = scrollContainer.clientHeight;
@@ -18777,7 +19137,7 @@ function CarouselFullscreenScrollFx({
             className: "flex h-screen flex-col snap-y snap-mandatory overflow-x-hidden overflow-y-auto scroll-smooth",
             style: { scrollbarWidth: "none", msOverflowStyle: "none" },
             children: slidesSlot ? slidesSlot : slides?.map((slide, index) => {
-              const renderActions = React51.useMemo(() => {
+              const renderActions = React50.useMemo(() => {
                 if (!slide.actions || slide.actions.length === 0) return null;
                 return slide.actions.map((action, actionIndex) => {
                   const {
@@ -18910,25 +19270,25 @@ function CarouselGalleryThumbnails({
   patternOpacity,
   slideMediaBrightness = "100"
 }) {
-  const [currentIndex, setCurrentIndex] = React51.useState(0);
-  const prevSlide = React51.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React50.useState(0);
+  const prevSlide = React50.useCallback(() => {
     setCurrentIndex(
       (prev) => prev === 0 ? (images?.length ?? 0) - 1 : prev - 1
     );
   }, [images?.length]);
-  const nextSlide = React51.useCallback(() => {
+  const nextSlide = React50.useCallback(() => {
     setCurrentIndex(
       (prev) => prev === (images?.length ?? 0) - 1 ? 0 : prev + 1
     );
   }, [images?.length]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!autoPlay) return;
     const interval = setInterval(() => {
       nextSlide();
     }, autoPlayInterval);
     return () => clearInterval(interval);
   }, [currentIndex, autoPlay, autoPlayInterval, nextSlide]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "ArrowRight") {
         nextSlide();
@@ -19073,9 +19433,9 @@ function CarouselHorizontalCards({
   pattern,
   patternOpacity
 }) {
-  const carouselRef = React51.useRef(null);
-  const [isAtStart, setIsAtStart] = React51.useState(true);
-  const [isAtEnd, setIsAtEnd] = React51.useState(false);
+  const carouselRef = React50.useRef(null);
+  const [isAtStart, setIsAtStart] = React50.useState(true);
+  const [isAtEnd, setIsAtEnd] = React50.useState(false);
   const scrollLeft = () => {
     if (carouselRef.current) {
       carouselRef.current.scrollBy({ left: -300, behavior: "smooth" });
@@ -19086,7 +19446,7 @@ function CarouselHorizontalCards({
       carouselRef.current.scrollBy({ left: 300, behavior: "smooth" });
     }
   };
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     const checkScrollPosition = () => {
       if (carouselRef.current) {
         const { scrollLeft: scrollLeft2, scrollWidth, clientWidth } = carouselRef.current;
@@ -19286,22 +19646,22 @@ function CarouselImageHero({
   pattern,
   patternOpacity
 }) {
-  const [currentImageIndex, setCurrentImageIndex] = React51.useState(0);
-  const intervalRef = React51.useRef(null);
-  const goToNext = React51.useCallback(() => {
+  const [currentImageIndex, setCurrentImageIndex] = React50.useState(0);
+  const intervalRef = React50.useRef(null);
+  const goToNext = React50.useCallback(() => {
     setCurrentImageIndex((prevIndex) => (prevIndex + 1) % (images?.length ?? 1));
   }, [images?.length]);
-  const resetInterval = React51.useCallback(() => {
+  const resetInterval = React50.useCallback(() => {
     if (intervalRef.current) {
       clearInterval(intervalRef.current);
     }
     intervalRef.current = setInterval(goToNext, autoPlayInterval);
   }, [goToNext, autoPlayInterval]);
-  const goToSlide = React51.useCallback((index) => {
+  const goToSlide = React50.useCallback((index) => {
     setCurrentImageIndex(index);
     resetInterval();
   }, [resetInterval]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     resetInterval();
     return () => {
       if (intervalRef.current) {
@@ -19474,8 +19834,8 @@ function CarouselMultiStepShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeStep, setActiveStep] = React51.useState(0);
-  const [direction, setDirection] = React51.useState(0);
+  const [activeStep, setActiveStep] = React50.useState(0);
+  const [direction, setDirection] = React50.useState(0);
   const goToStep = (index) => {
     setDirection(index > activeStep ? 1 : -1);
     setActiveStep(index);
@@ -19767,9 +20127,9 @@ function CarouselPortfolioHero({
   patternOpacity,
   slideMediaBrightness = "50"
 }) {
-  const [currentIndex, setCurrentIndex] = React51.useState(0);
-  const intervalRef = React51.useRef(null);
-  const resetInterval = React51.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React50.useState(0);
+  const intervalRef = React50.useRef(null);
+  const resetInterval = React50.useCallback(() => {
     if (intervalRef.current) {
       clearInterval(intervalRef.current);
     }
@@ -19777,17 +20137,17 @@ function CarouselPortfolioHero({
       setCurrentIndex((prevIndex) => (prevIndex + 1) % (slides?.length ?? 1));
     }, autoPlayInterval);
   }, [autoPlayInterval, slides?.length]);
-  const goToNext = React51.useCallback(() => {
+  const goToNext = React50.useCallback(() => {
     setCurrentIndex((prevIndex) => (prevIndex + 1) % (slides?.length ?? 1));
     resetInterval();
   }, [slides?.length, resetInterval]);
-  const goToPrev = React51.useCallback(() => {
+  const goToPrev = React50.useCallback(() => {
     setCurrentIndex(
       (prevIndex) => (prevIndex - 1 + (slides?.length ?? 1)) % (slides?.length ?? 1)
     );
     resetInterval();
   }, [slides?.length, resetInterval]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     resetInterval();
     return () => {
       if (intervalRef.current) {
@@ -19979,9 +20339,9 @@ function CarouselProductFeatureShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeIndex, setActiveIndex] = React51.useState(0);
-  const [activeColorIndex, setActiveColorIndex] = React51.useState(0);
-  const [direction, setDirection] = React51.useState(0);
+  const [activeIndex, setActiveIndex] = React50.useState(0);
+  const [activeColorIndex, setActiveColorIndex] = React50.useState(0);
+  const [direction, setDirection] = React50.useState(0);
   const activeFeature = features?.[activeIndex];
   const goToNext = () => {
     setDirection(1);
@@ -20201,9 +20561,9 @@ function CarouselProductFeatureShowcase({
     }
   );
 }
-var ProgressSliderContext = React51.createContext(void 0);
+var ProgressSliderContext = React50.createContext(void 0);
 function useProgressSliderContext() {
-  const context = React51.useContext(ProgressSliderContext);
+  const context = React50.useContext(ProgressSliderContext);
   if (!context) {
     throw new Error(
       "useProgressSliderContext must be used within a ProgressSlider"
@@ -20289,19 +20649,19 @@ function CarouselProgressSlider({
   pattern,
   patternOpacity
 }) {
-  const [active, setActive] = React51.useState(slides?.[0]?.id ?? "");
-  const [progress, setProgress] = React51.useState(0);
-  const [isFastForward, setIsFastForward] = React51.useState(false);
-  const [isPaused, setIsPaused] = React51.useState(false);
-  const frame = React51.useRef(0);
-  const firstFrameTime = React51.useRef(performance.now());
-  const targetValue = React51.useRef(null);
-  const pausedProgress = React51.useRef(0);
-  const sliderValues = React51.useMemo(
+  const [active, setActive] = React50.useState(slides?.[0]?.id ?? "");
+  const [progress, setProgress] = React50.useState(0);
+  const [isFastForward, setIsFastForward] = React50.useState(false);
+  const [isPaused, setIsPaused] = React50.useState(false);
+  const frame = React50.useRef(0);
+  const firstFrameTime = React50.useRef(performance.now());
+  const targetValue = React50.useRef(null);
+  const pausedProgress = React50.useRef(0);
+  const sliderValues = React50.useMemo(
     () => slides?.map((slide) => slide.id),
     [slides]
   );
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if ((sliderValues?.length ?? 0) > 0 && !isPaused) {
       firstFrameTime.current = performance.now();
       if (pausedProgress.current > 0) {
@@ -20466,11 +20826,11 @@ function CarouselScrollingFeatureShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeFeature, setActiveFeature] = React51.useState(
+  const [activeFeature, setActiveFeature] = React50.useState(
     features?.[0]?.id ?? ""
   );
-  const featureRefs = React51.useRef(/* @__PURE__ */ new Map());
-  React51.useEffect(() => {
+  const featureRefs = React50.useRef(/* @__PURE__ */ new Map());
+  React50.useEffect(() => {
     if (!features || features.length === 0) return;
     const observerOptions = {
       root: null,
@@ -21136,10 +21496,10 @@ var ImageSlider = ({
   optixFlowConfig
 }) => {
   const hasImages = images.length > 0;
-  const [currentIndex, setCurrentIndex] = React51.useState(
+  const [currentIndex, setCurrentIndex] = React50.useState(
     () => normalizeIndex(startIndex, images.length)
   );
-  const handleNext = React51.useCallback(() => {
+  const handleNext = React50.useCallback(() => {
     if (!hasImages) return;
     setCurrentIndex((prevIndex) => {
       const nextIndex = prevIndex + 1 >= images.length ? 0 : prevIndex + 1;
@@ -21147,7 +21507,7 @@ var ImageSlider = ({
       return nextIndex;
     });
   }, [hasImages, images.length, onSlideChange]);
-  const handlePrevious = React51.useCallback(() => {
+  const handlePrevious = React50.useCallback(() => {
     if (!hasImages) return;
     setCurrentIndex((prevIndex) => {
       const nextIndex = prevIndex - 1 < 0 ? images.length - 1 : prevIndex - 1;
@@ -21155,11 +21515,11 @@ var ImageSlider = ({
       return nextIndex;
     });
   }, [hasImages, images.length, onSlideChange]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!hasImages) return;
     setCurrentIndex(normalizeIndex(startIndex, images.length));
   }, [startIndex, images.length, hasImages]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!enableKeyboard || !hasImages) return;
     const handleKeyDown = (event) => {
       if (event.key === "ArrowRight") {
@@ -21173,7 +21533,7 @@ var ImageSlider = ({
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [enableKeyboard, handleNext, handlePrevious, hasImages]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!autoplay || images.length < 2) return;
     const interval = window.setInterval(handleNext, autoplayIntervalMs);
     return () => window.clearInterval(interval);
@@ -21302,7 +21662,7 @@ var platformIconMap = {
   dribbble: "cib/dribbble",
   unknown: "icon-park-solid/circular-connection"
 };
-var SocialLinkIcon = React51.forwardRef(
+var SocialLinkIcon = React50.forwardRef(
   ({
     platformName,
     label,
@@ -21315,13 +21675,13 @@ var SocialLinkIcon = React51.forwardRef(
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
-    const smartPlatformName = React51.useMemo(() => {
+    const smartPlatformName = React50.useMemo(() => {
       return platform || platformName;
     }, [platform, platformName]);
-    const iconName = React51.useMemo(() => {
+    const iconName = React50.useMemo(() => {
       return iconNameOverride || platformIconMap[smartPlatformName];
     }, [iconNameOverride, smartPlatformName]);
-    const accessibleLabel = React51.useMemo(() => {
+    const accessibleLabel = React50.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
     return /* @__PURE__ */ jsx(
@@ -21746,7 +22106,7 @@ function AboutExpandableValues({
   pattern,
   patternOpacity
 }) {
-  const [expandedValue, setExpandedValue] = React51.useState(null);
+  const [expandedValue, setExpandedValue] = React50.useState(null);
   const toggleExpand = useCallback((id) => {
     setExpandedValue((prev) => prev === id ? null : id);
   }, []);
@@ -22000,7 +22360,7 @@ function CommunityInitiatives({
   pattern,
   patternOpacity
 }) {
-  const [activeCategory, setActiveCategory] = React51.useState(
+  const [activeCategory, setActiveCategory] = React50.useState(
     categories?.[0]?.id || ""
   );
   const currentCategory = categories?.find((category) => category.id === activeCategory) || categories?.[0];
@@ -22273,7 +22633,7 @@ function AboutCultureTabs({
   patternOpacity
 }) {
   const resolvedAspects = aspects ?? [];
-  const [activeTab, setActiveTab] = React51.useState(resolvedAspects[0]?.id || "");
+  const [activeTab, setActiveTab] = React50.useState(resolvedAspects[0]?.id || "");
   const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
@@ -23001,8 +23361,8 @@ var BrandAttribution = ({
   }
   const { prefix = "", anchorText, href, suffix = "" } = options[optionIndex];
   const ContainerEl = variant;
-  const [trackedHref, setTrackedHref] = React51.useState(href);
-  React51.useEffect(() => {
+  const [trackedHref, setTrackedHref] = React50.useState(href);
+  React50.useEffect(() => {
     setTrackedHref(buildTrackedHref(href));
   }, [href]);
   return /* @__PURE__ */ jsxs(ContainerEl, { className: containerClassName, children: [
@@ -23422,7 +23782,7 @@ function FooterSimpleCentered({
   ]);
   const bottomLinksContent = useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
-    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(React51.Fragment, { children: /* @__PURE__ */ jsx(
+    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(React50.Fragment, { children: /* @__PURE__ */ jsx(
       Pressable,
       {
         href: link.href,
@@ -25662,9 +26022,9 @@ function FeatureChecklistImage({
     }
   );
 }
-var CarouselContext = React51.createContext(null);
+var CarouselContext = React50.createContext(null);
 function useCarousel() {
-  const context = React51.useContext(CarouselContext);
+  const context = React50.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -25686,20 +26046,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React51.useState(false);
-  const [canScrollNext, setCanScrollNext] = React51.useState(false);
-  const onSelect = React51.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React50.useState(false);
+  const [canScrollNext, setCanScrollNext] = React50.useState(false);
+  const onSelect = React50.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React51.useCallback(() => {
+  const scrollPrev = React50.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React51.useCallback(() => {
+  const scrollNext = React50.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React51.useCallback(
+  const handleKeyDown = React50.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -25711,11 +26071,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -26639,7 +26999,7 @@ function FeatureThreeColumnValues({
   patternOpacity,
   patternClassName
 }) {
-  const renderValueIcon = React51.useCallback(
+  const renderValueIcon = React50.useCallback(
     (value) => {
       if (value.icon) return value.icon;
       if (value.iconName)
@@ -27141,7 +27501,7 @@ function FeatureTabbedContentImage({
   patternOpacity,
   patternClassName
 }) {
-  const renderFeatures = React51.useCallback(
+  const renderFeatures = React50.useCallback(
     (slide) => {
       if (slide.featuresSlot) return slide.featuresSlot;
       if (!slide.features || slide.features.length === 0) return null;
@@ -27165,7 +27525,7 @@ function FeatureTabbedContentImage({
     },
     []
   );
-  const renderActions = React51.useCallback(
+  const renderActions = React50.useCallback(
     (slide) => {
       if (slide.actionsSlot) return slide.actionsSlot;
       if (!slide.actions || slide.actions.length === 0) return null;
@@ -27208,7 +27568,7 @@ function FeatureTabbedContentImage({
     },
     []
   );
-  const renderImage = React51.useCallback(
+  const renderImage = React50.useCallback(
     (slide) => {
       if (slide.imageSlot) return slide.imageSlot;
       if (!slide.image) return null;
@@ -27444,7 +27804,7 @@ function FeatureUtilityCardsGrid({
       }
     );
   }, [learnMoreSlot, learnMoreAction, background]);
-  const renderUtilityImage = React51.useCallback(
+  const renderUtilityImage = React50.useCallback(
     (utility) => {
       if (utility.imageSlot) return utility.imageSlot;
       if (utility.image) {
@@ -27622,7 +27982,7 @@ function FeatureBentoUtilities({
   patternOpacity,
   patternClassName
 }) {
-  const renderCard = React51.useCallback(
+  const renderCard = React50.useCallback(
     (card, index) => {
       const hasImage = card.imageSrc || card.imageSlot;
       const cardClasses = cn(
@@ -27678,7 +28038,7 @@ function FeatureBentoUtilities({
     },
     [optixFlowConfig]
   );
-  const renderColumn = React51.useCallback(
+  const renderColumn = React50.useCallback(
     (cards, slot) => {
       if (slot) return slot;
       if (!cards || cards.length === 0) return null;
@@ -28924,7 +29284,7 @@ function FeatureBentoImageGrid({
   patternOpacity,
   patternClassName
 }) {
-  const renderItemIcon = React51.useCallback(
+  const renderItemIcon = React50.useCallback(
     (item) => {
       if (item.icon) return item.icon;
       if (item.iconName) return /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 24 });
@@ -28932,7 +29292,7 @@ function FeatureBentoImageGrid({
     },
     []
   );
-  const renderItemImage = React51.useCallback(
+  const renderItemImage = React50.useCallback(
     (item, imageClassName) => {
       if (item.imageSlot) return item.imageSlot;
       if (item.imageSrc) {
@@ -28951,7 +29311,7 @@ function FeatureBentoImageGrid({
     },
     [optixFlowConfig]
   );
-  const renderLargeCard = React51.useCallback(
+  const renderLargeCard = React50.useCallback(
     (item) => {
       const iconContent = renderItemIcon(item);
       const hasIconBadgeContent = iconContent || item.iconBadge;
@@ -29039,7 +29399,7 @@ function FeatureBentoImageGrid({
     },
     [largeCardClassName, renderItemImage, renderItemIcon]
   );
-  const renderSmallCard = React51.useCallback(
+  const renderSmallCard = React50.useCallback(
     (item, index) => {
       const iconContent = renderItemIcon(item);
       const hasIconBadgeContent = iconContent || item.iconBadge;
@@ -29654,7 +30014,7 @@ function FeatureAccordionImage({
   patternOpacity,
   patternClassName
 }) {
-  const [activeItem, setActiveItem] = React51.useState(defaultValue || "item-0");
+  const [activeItem, setActiveItem] = React50.useState(defaultValue || "item-0");
   const activeIndex = parseInt(activeItem.replace("item-", ""), 10) || 0;
   const currentImage = items?.[activeIndex] || items?.[0];
   const accordionItemsContent = useMemo(() => {
@@ -29803,7 +30163,7 @@ function FeatureCapabilitiesGrid({
   patternOpacity,
   patternClassName
 }) {
-  const renderItemIcon = React51.useCallback(
+  const renderItemIcon = React50.useCallback(
     (item) => {
       if (item.icon) return item.icon;
       if (item.iconName) return /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 20 });
@@ -29955,7 +30315,7 @@ function FeatureCapabilitiesGrid({
     }
   );
 }
-var TeamMemberBackgroundImageCard = React51.forwardRef(
+var TeamMemberBackgroundImageCard = React50.forwardRef(
   ({ className, imageUrl, imageAlt, children, optixFlowConfig, background, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -30003,7 +30363,7 @@ function TeamMediaShowcase({
   actionClassName,
   optixFlowConfig
 }) {
-  const renderItems = React51.useMemo(() => {
+  const renderItems = React50.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     return items.map((member, idx) => {
       const imageAlt = member.imageAlt || (member.name && typeof member.name === "string" && member.name.trim() !== "" ? member.name : `member-${idx}`);
@@ -30101,7 +30461,7 @@ function TeamSimpleGrid({
   memberNameClassName,
   memberRoleClassName
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -30263,7 +30623,7 @@ function FooterBrandLinksContact({
     linkListClassName,
     linkItemClassName
   ]);
-  const contactItemsContent = React51.useMemo(() => {
+  const contactItemsContent = React50.useMemo(() => {
     if (!contactItems || contactItems.length === 0) return null;
     return contactItems.map((item, idx) => /* @__PURE__ */ jsxs(
       "div",
@@ -30621,7 +30981,7 @@ function TeamSocialGrid({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -30773,7 +31133,7 @@ function TeamGradientCards({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -30929,7 +31289,7 @@ function TeamBioBadges({
   memberBioClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -31106,7 +31466,7 @@ function TeamExpertiseCards({
   ctaDescriptionClassName,
   ctaButtonClassName
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -31183,7 +31543,7 @@ function TeamExpertiseCards({
       member.id
     ));
   }, [membersSlot, members, background, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, expertiseClassName]);
-  const renderCta = React51.useMemo(() => {
+  const renderCta = React50.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -31299,7 +31659,7 @@ function TeamCompactGrid({
   ctaDescriptionClassName,
   ctaButtonClassName
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -31354,7 +31714,7 @@ function TeamCompactGrid({
       member.id
     ));
   }, [membersSlot, members, background, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName]);
-  const renderCta = React51.useMemo(() => {
+  const renderCta = React50.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -31458,7 +31818,7 @@ function TeamInvestorShowcase({
   investorCompanyClassName,
   optixFlowConfig
 }) {
-  const renderInvestors = React51.useMemo(() => {
+  const renderInvestors = React50.useMemo(() => {
     if (investorsSlot) return investorsSlot;
     if (!investors || investors.length === 0) return null;
     return investors.map((investor) => /* @__PURE__ */ jsxs("div", { className: investorCardClassName, children: [
@@ -31532,7 +31892,7 @@ function TeamCarouselExperience({
   memberRoleClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member, idx) => /* @__PURE__ */ jsx(CarouselItem, { className: "max-w-72", children: /* @__PURE__ */ jsxs(
@@ -31666,20 +32026,20 @@ function TeamFilterableSearch({
   emptyStateClassName,
   emptyStateMessage
 }) {
-  const [searchQuery, setSearchQuery] = React51.useState("");
-  const [selectedDepartment, setSelectedDepartment] = React51.useState("All");
-  const departments = React51.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React50.useState("");
+  const [selectedDepartment, setSelectedDepartment] = React50.useState("All");
+  const departments = React50.useMemo(() => {
     const depts = new Set(members.map((m) => m.department));
     return ["All", ...Array.from(depts)];
   }, [members]);
-  const filteredMembers = React51.useMemo(() => {
+  const filteredMembers = React50.useMemo(() => {
     return members.filter((member) => {
       const matchesSearch = searchQuery === "" || member.name.toLowerCase().includes(searchQuery.toLowerCase()) || member.role.toLowerCase().includes(searchQuery.toLowerCase()) || member.description.toLowerCase().includes(searchQuery.toLowerCase());
       const matchesDepartment = selectedDepartment === "All" || member.department === selectedDepartment;
       return matchesSearch && matchesDepartment;
     });
   }, [members, searchQuery, selectedDepartment]);
-  const renderFilters = React51.useMemo(() => {
+  const renderFilters = React50.useMemo(() => {
     if (filtersSlot) return filtersSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -31734,7 +32094,7 @@ function TeamFilterableSearch({
     selectedDepartment,
     filterButtonClassName
   ]);
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     return filteredMembers.map((member) => /* @__PURE__ */ jsx(
       "div",
@@ -31921,7 +32281,7 @@ function TeamCompactCta({
   memberRoleClassName,
   ctaClassName
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -31949,7 +32309,7 @@ function TeamCompactCta({
       member.id
     ));
   }, [membersSlot, members, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, background]);
-  const renderCta = React51.useMemo(() => {
+  const renderCta = React50.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsx(
       Pressable,
@@ -32040,7 +32400,7 @@ function TeamHoverHighlight({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -32189,7 +32549,7 @@ function TeamSocialCards({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -32359,7 +32719,7 @@ function TeamGridAnimated({
     "hsl(var(--muted))",
     "hsl(var(--warning)/0.2)"
   ];
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member, index) => /* @__PURE__ */ jsxs(
@@ -32459,7 +32819,7 @@ function TeamGridAnimated({
     memberDesignationClassName,
     socialLinksClassName
   ]);
-  const renderSocialLinksMain = React51.useMemo(() => {
+  const renderSocialLinksMain = React50.useMemo(() => {
     if (socialLinksMainSlot) return socialLinksMainSlot;
     if (!socialLinksMain || socialLinksMain.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-center gap-4 py-4 md:justify-center", children: [
@@ -32576,7 +32936,7 @@ function TeamDepartmentSections({
   memberRoleClassName,
   optixFlowConfig
 }) {
-  const renderDepartments = React51.useMemo(() => {
+  const renderDepartments = React50.useMemo(() => {
     if (departmentsSlot) return departmentsSlot;
     if (!departments || departments.length === 0) return null;
     return departments.map((department, deptIndex) => /* @__PURE__ */ jsxs(
@@ -32680,7 +33040,7 @@ function TeamAlternatingBios({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member, index) => /* @__PURE__ */ jsxs(
@@ -32862,7 +33222,7 @@ function TeamAvatarSocial({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -33005,7 +33365,7 @@ function TeamHoverOverlay({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -33181,14 +33541,14 @@ function TeamRoleFilter({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const [selectedRole, setSelectedRole] = React51.useState("All");
-  const filteredMembers = React51.useMemo(() => {
+  const [selectedRole, setSelectedRole] = React50.useState("All");
+  const filteredMembers = React50.useMemo(() => {
     if (!members) return [];
     return members.filter(
       (member) => selectedRole === "All" ? true : member.role === selectedRole
     );
   }, [members, selectedRole]);
-  const renderRoles = React51.useMemo(() => {
+  const renderRoles = React50.useMemo(() => {
     if (rolesSlot) return rolesSlot;
     if (!roles) return null;
     return /* @__PURE__ */ jsx(
@@ -33212,7 +33572,7 @@ function TeamRoleFilter({
       }
     );
   }, [rolesSlot, filtersClassName, roles, selectedRole, filterButtonClassName]);
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     return filteredMembers.map((member) => /* @__PURE__ */ jsx(
       Card,
@@ -33372,7 +33732,7 @@ function TeamContactCards({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const getStatusColor = React51.useCallback((status) => {
+  const getStatusColor = React50.useCallback((status) => {
     switch (status) {
       case "active":
         return "bg-success";
@@ -33382,7 +33742,7 @@ function TeamContactCards({
         return getTextColor(background, "muted");
     }
   }, [background]);
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(Card, { className: cn("p-0", memberCardClassName), children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6!", children: [
@@ -33589,7 +33949,7 @@ function TeamLargeImages({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -33764,7 +34124,7 @@ function TeamSkillBadges({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -33954,7 +34314,7 @@ function TeamTestimonialStats({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React51.useMemo(() => {
+  const renderMembers = React50.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -38098,7 +38458,7 @@ function BlogGridAuthorCardsComponent({
   pattern,
   patternOpacity
 }) {
-  const viewAllActionContent = React51.useMemo(() => {
+  const viewAllActionContent = React50.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -38123,7 +38483,7 @@ function BlogGridAuthorCardsComponent({
       }
     );
   }, [viewAllSlot, viewAllAction]);
-  const postsContent = React51.useMemo(() => {
+  const postsContent = React50.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -38235,7 +38595,7 @@ function BlogCardsTaglineCta({
   pattern,
   patternOpacity
 }) {
-  const ctaActionContent = React51.useMemo(() => {
+  const ctaActionContent = React50.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -38263,7 +38623,7 @@ function BlogCardsTaglineCta({
       }
     );
   }, [ctaSlot, ctaAction, ctaClassName]);
-  const postsContent = React51.useMemo(() => {
+  const postsContent = React50.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -38409,7 +38769,7 @@ function BlogCardsReadTime({
   pattern,
   patternOpacity
 }) {
-  const renderedViewAllAction = React51.useMemo(() => {
+  const renderedViewAllAction = React50.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -38426,7 +38786,7 @@ function BlogCardsReadTime({
       iconAfter
     ] }) });
   }, [viewAllSlot, viewAllAction]);
-  const renderedPosts = React51.useMemo(() => {
+  const renderedPosts = React50.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -38563,7 +38923,7 @@ function BlogCategoryOverlay({
   pattern,
   patternOpacity
 }) {
-  const viewAllActionContent = React51.useMemo(() => {
+  const viewAllActionContent = React50.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -38591,7 +38951,7 @@ function BlogCategoryOverlay({
       }
     );
   }, [viewAllSlot, viewAllAction, viewAllClassName]);
-  const postsContent = React51.useMemo(() => {
+  const postsContent = React50.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -38739,7 +39099,7 @@ function BlogFeaturedPopular({
 }) {
   const featuredPost = posts?.[0];
   const popularPosts = posts?.slice(1);
-  const renderedFeaturedPost = React51.useMemo(() => {
+  const renderedFeaturedPost = React50.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredPost) return null;
     const postHref = featuredPost.href || featuredPost.url || featuredPost.link;
@@ -38791,7 +39151,7 @@ function BlogFeaturedPopular({
     featuredContentClassName,
     optixFlowConfig
   ]);
-  const renderedPopularPosts = React51.useMemo(() => {
+  const renderedPopularPosts = React50.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!popularPosts || popularPosts.length === 0) return null;
     return popularPosts.map((post) => {
@@ -38908,7 +39268,7 @@ function BlogRelatedArticles({
   pattern,
   patternOpacity
 }) {
-  const renderedSeeAllAction = React51.useMemo(() => {
+  const renderedSeeAllAction = React50.useMemo(() => {
     if (seeAllSlot) return seeAllSlot;
     if (!seeAllAction) return null;
     const {
@@ -38937,7 +39297,7 @@ function BlogRelatedArticles({
       }
     );
   }, [seeAllSlot, seeAllAction, seeAllClassName]);
-  const renderedArticles = React51.useMemo(() => {
+  const renderedArticles = React50.useMemo(() => {
     if (articlesSlot) return articlesSlot;
     if (!articles || articles.length === 0) return null;
     return articles.map((item) => {
@@ -39245,7 +39605,7 @@ function BlogHorizontalCards({
   pattern,
   patternOpacity
 }) {
-  const ctaContent = React51.useMemo(() => {
+  const ctaContent = React50.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -39270,7 +39630,7 @@ function BlogHorizontalCards({
       }
     );
   }, [ctaSlot, ctaAction]);
-  const postsContent = React51.useMemo(() => {
+  const postsContent = React50.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -39452,7 +39812,7 @@ function BreadcrumbSeparator({
   );
 }
 var POSTS_PER_PAGE = 6;
-var BlogCard = React51.memo(function BlogCard2({
+var BlogCard = React50.memo(function BlogCard2({
   post,
   optixFlowConfig,
   className
@@ -39491,7 +39851,7 @@ var BlogCard = React51.memo(function BlogCard2({
     ] })
   ] }) });
 });
-var FilterForm = React51.memo(function FilterForm2({
+var FilterForm = React50.memo(function FilterForm2({
   categories,
   selectedCategories,
   onCategoryChange,
@@ -39524,7 +39884,7 @@ var FilterForm = React51.memo(function FilterForm2({
     }
   );
 });
-var BreadcrumbBlog = React51.memo(function BreadcrumbBlog2({
+var BreadcrumbBlog = React50.memo(function BreadcrumbBlog2({
   breadcrumb
 }) {
   return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.map((item, i) => {
@@ -39606,12 +39966,12 @@ function BlogFilteredResultsComponent({
   }, [posts, selectedCategories]);
   const postsToDisplay = filteredPosts.length > 0 ? filteredPosts : posts || [];
   const hasMore = visibleCount < postsToDisplay.length;
-  const breadcrumbContent = React51.useMemo(() => {
+  const breadcrumbContent = React50.useMemo(() => {
     if (breadcrumbSlot) return breadcrumbSlot;
     if (!breadcrumb || breadcrumb.length === 0) return null;
     return /* @__PURE__ */ jsx(BreadcrumbBlog, { breadcrumb });
   }, [breadcrumbSlot, breadcrumb]);
-  const primaryPostContent = React51.useMemo(() => {
+  const primaryPostContent = React50.useMemo(() => {
     if (primaryPostSlot) return primaryPostSlot;
     if (!primaryPost) return null;
     return /* @__PURE__ */ jsx(
@@ -39623,7 +39983,7 @@ function BlogFilteredResultsComponent({
       }
     );
   }, [primaryPostSlot, primaryPost, optixFlowConfig, postCardClassName]);
-  const categoriesContent = React51.useMemo(() => {
+  const categoriesContent = React50.useMemo(() => {
     if (categoriesSlot) return categoriesSlot;
     if (!categories || categories.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -39642,7 +40002,7 @@ function BlogFilteredResultsComponent({
     handleCategoryChange,
     categoriesClassName
   ]);
-  const postsContent = React51.useMemo(() => {
+  const postsContent = React50.useMemo(() => {
     if (postsSlot) return postsSlot;
     return postsToDisplay.slice(0, visibleCount).map((post) => {
       const postKey = post.id || String(post.title) || Math.random().toString();
@@ -39663,7 +40023,7 @@ function BlogFilteredResultsComponent({
     optixFlowConfig,
     postCardClassName
   ]);
-  const loadMoreContent = React51.useMemo(() => {
+  const loadMoreContent = React50.useMemo(() => {
     if (loadMoreSlot) return loadMoreSlot;
     if (!loadMoreAction || !hasMore) return null;
     const {
@@ -39789,7 +40149,7 @@ function BlogMasonryFeaturedComponent({
 }) {
   const featuredPost = posts?.[0];
   const otherPosts = posts?.slice(1);
-  const featuredPostContent = React51.useMemo(() => {
+  const featuredPostContent = React50.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredPost) return null;
     const postHref = featuredPost.href || featuredPost.url || featuredPost.link || "#";
@@ -39839,7 +40199,7 @@ function BlogMasonryFeaturedComponent({
     featuredImageClassName,
     optixFlowConfig
   ]);
-  const otherPostsContent = React51.useMemo(() => {
+  const otherPostsContent = React50.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!otherPosts || otherPosts.length === 0) return null;
     return otherPosts.map((post) => {
@@ -39928,7 +40288,7 @@ function BlogHorizontalTimelineComponent({
   pattern,
   patternOpacity
 }) {
-  const renderPosts = React51.useMemo(() => {
+  const renderPosts = React50.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post, index) => {
@@ -40053,7 +40413,7 @@ function BlogGridNinePosts({
   pattern,
   patternOpacity
 }) {
-  const renderedCtaAction = React51.useMemo(() => {
+  const renderedCtaAction = React50.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -40078,7 +40438,7 @@ function BlogGridNinePosts({
       }
     );
   }, [ctaSlot, ctaAction]);
-  const renderedPosts = React51.useMemo(() => {
+  const renderedPosts = React50.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -40176,9 +40536,9 @@ var AppleCarousel = ({
   className,
   containerClassName
 }) => {
-  const carouselRef = React51__default.useRef(null);
-  const [canScrollLeft, setCanScrollLeft] = React51__default.useState(false);
-  const [canScrollRight, setCanScrollRight] = React51__default.useState(true);
+  const carouselRef = React50__default.useRef(null);
+  const [canScrollLeft, setCanScrollLeft] = React50__default.useState(false);
+  const [canScrollRight, setCanScrollRight] = React50__default.useState(true);
   const [currentIndex, setCurrentIndex] = useState(0);
   useEffect(() => {
     if (carouselRef.current) {
@@ -40415,7 +40775,7 @@ function BlogCarouselAppleComponent({
   containerClassName,
   cardClassName
 }) {
-  const carouselCards = React51.useMemo(() => {
+  const carouselCards = React50.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return posts.map(
       (post, idx) => ({
@@ -40427,7 +40787,7 @@ function BlogCarouselAppleComponent({
       })
     );
   }, [posts]);
-  const cardElements = React51.useMemo(() => {
+  const cardElements = React50.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return carouselCards.map((card, index) => {
       const post = posts[index];
@@ -40512,7 +40872,7 @@ function ArticleHeroProseComponent({
     description,
     authorImage
   } = post ?? {};
-  const authorContent = React51.useMemo(() => {
+  const authorContent = React50.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs(
@@ -40546,7 +40906,7 @@ function ArticleHeroProseComponent({
     dateFormat,
     authorClassName
   ]);
-  const heroMediaContent = React51.useMemo(() => {
+  const heroMediaContent = React50.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx(
@@ -40647,7 +41007,7 @@ function ArticleSidebarStickyComponent({
   pattern,
   patternOpacity
 }) {
-  const backLinkContent = React51.useMemo(() => {
+  const backLinkContent = React50.useMemo(() => {
     if (backLinkSlot) return backLinkSlot;
     if (!backHref && !backText) return null;
     return /* @__PURE__ */ jsxs(
@@ -40665,7 +41025,7 @@ function ArticleSidebarStickyComponent({
       }
     );
   }, [backLinkSlot, backHref, backText, backIcon, backLinkClassName]);
-  const renderAuthor = React51.useCallback(
+  const renderAuthor = React50.useCallback(
     (isMobile = false) => {
       if (authorSlot) return authorSlot;
       if (!authorName) return null;
@@ -40697,7 +41057,7 @@ function ArticleSidebarStickyComponent({
       authorClassName
     ]
   );
-  const heroMediaContent = React51.useMemo(() => {
+  const heroMediaContent = React50.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -40804,10 +41164,10 @@ function ArticleTocSidebarComponent({
   patternOpacity
 }) {
   const ctaActions = ctaActionsProp ?? (ctaButtonText ? [{ label: ctaButtonText, href: ctaButtonHref || "#", variant: "default", className: "w-full" }] : []);
-  const [activeSection, setActiveSection] = React51.useState(
+  const [activeSection, setActiveSection] = React50.useState(
     sections?.[0]?.id || ""
   );
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!enableTocTracking || !sections || sections.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -40825,12 +41185,12 @@ function ArticleTocSidebarComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  const categoryContent = React51.useMemo(() => {
+  const categoryContent = React50.useMemo(() => {
     if (categorySlot) return categorySlot;
     if (!category) return null;
     return /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: category });
   }, [categorySlot, category]);
-  const authorContent = React51.useMemo(() => {
+  const authorContent = React50.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-6 flex items-center gap-4", authorClassName), children: [
@@ -40850,7 +41210,7 @@ function ArticleTocSidebarComponent({
       ] })
     ] });
   }, [authorSlot, authorName, authorImage, authorHref, publishDate, readTime, authorClassName]);
-  const heroMediaContent = React51.useMemo(() => {
+  const heroMediaContent = React50.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -40863,7 +41223,7 @@ function ArticleTocSidebarComponent({
       }
     );
   }, [heroMediaSlot, heroImageSrc, heroImageAlt, heroImageClassName, optixFlowConfig]);
-  const tocContent = React51.useMemo(() => {
+  const tocContent = React50.useMemo(() => {
     if (tocSlot) return tocSlot;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-4", tocClassName), children: [
@@ -40871,7 +41231,7 @@ function ArticleTocSidebarComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React51.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React50.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -40888,7 +41248,7 @@ function ArticleTocSidebarComponent({
       }) })
     ] });
   }, [tocSlot, sections, activeSection, renderSectionLink, tocClassName]);
-  const ctaContent = React51.useMemo(() => {
+  const ctaContent = React50.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaTitle && !ctaDescription && (!ctaActions || ctaActions.length === 0)) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-4", getNestedCardBg(background, "subtle"), getNestedCardTextColor(background), ctaClassName), children: [
@@ -40977,11 +41337,11 @@ function ArticleBreadcrumbSocialComponent({
   patternOpacity
 }) {
   const author = authorProp ?? (authorName ? { name: authorName, image: authorImage, role: authorRole } : void 0);
-  const [activeSection, setActiveSection] = React51.useState(
+  const [activeSection, setActiveSection] = React50.useState(
     sections?.[0]?.id || ""
   );
-  const [showBackToTop, setShowBackToTop] = React51.useState(false);
-  React51.useEffect(() => {
+  const [showBackToTop, setShowBackToTop] = React50.useState(false);
+  React50.useEffect(() => {
     if (!enableTocTracking || !sections || sections.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -40999,7 +41359,7 @@ function ArticleBreadcrumbSocialComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!enableBackToTop) return;
     const handleScroll = () => {
       setShowBackToTop(window.scrollY > 400);
@@ -41007,15 +41367,15 @@ function ArticleBreadcrumbSocialComponent({
     window.addEventListener("scroll", handleScroll);
     return () => window.removeEventListener("scroll", handleScroll);
   }, [enableBackToTop]);
-  const scrollToTop = React51.useCallback(() => {
+  const scrollToTop = React50.useCallback(() => {
     window.scrollTo({ top: 0, behavior: "smooth" });
   }, []);
-  const breadcrumbsContent = React51.useMemo(() => {
+  const breadcrumbsContent = React50.useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs || breadcrumbs.length === 0) return null;
     return /* @__PURE__ */ jsx(Breadcrumb, { className: cn("mb-8", breadcrumbClassName), children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: "#", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/home", size: 16 }) }) }) }),
-      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
         /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: crumb.href, children: crumb.label }) }) })
       ] }, index)),
@@ -41025,7 +41385,7 @@ function ArticleBreadcrumbSocialComponent({
       ] })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const authorContent = React51.useMemo(() => {
+  const authorContent = React50.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     return /* @__PURE__ */ jsxs(
@@ -41048,7 +41408,7 @@ function ArticleBreadcrumbSocialComponent({
       }
     );
   }, [authorSlot, author, publishDate, readTime, authorClassName]);
-  const heroMediaContent = React51.useMemo(() => {
+  const heroMediaContent = React50.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -41070,7 +41430,7 @@ function ArticleBreadcrumbSocialComponent({
     heroImageClassName,
     optixFlowConfig
   ]);
-  const tocContent = React51.useMemo(() => {
+  const tocContent = React50.useMemo(() => {
     if (tocSlot) return tocSlot;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-4", tocClassName), children: [
@@ -41078,7 +41438,7 @@ function ArticleBreadcrumbSocialComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React51.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React50.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -41183,11 +41543,11 @@ function ArticleCompactTocComponent({
   pattern,
   patternOpacity
 }) {
-  const [activeSection, setActiveSection] = React51.useState(
+  const [activeSection, setActiveSection] = React50.useState(
     sections?.[0]?.id || ""
   );
-  const [isTocOpen, setIsTocOpen] = React51.useState(false);
-  React51.useEffect(() => {
+  const [isTocOpen, setIsTocOpen] = React50.useState(false);
+  React50.useEffect(() => {
     if (!enableTocTracking) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -41205,12 +41565,12 @@ function ArticleCompactTocComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  const breadcrumbsContent = React51.useMemo(() => {
+  const breadcrumbsContent = React50.useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs && !currentPage) return null;
     return /* @__PURE__ */ jsx(Breadcrumb, { className: cn("mb-6 md:mb-20", breadcrumbClassName), children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: "#", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/home", size: 16 }) }) }) }),
-      breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+      breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
         /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: crumb.href, children: crumb.label }) }) })
       ] }, index)),
@@ -41218,7 +41578,7 @@ function ArticleCompactTocComponent({
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const shareContent = React51.useMemo(() => {
+  const shareContent = React50.useMemo(() => {
     if (shareSlot) return shareSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-6 flex items-center gap-2", shareClassName), children: [
@@ -41235,13 +41595,13 @@ function ArticleCompactTocComponent({
       ))
     ] });
   }, [shareSlot, socialLinks, shareClassName]);
-  const renderTocLinks = React51.useCallback(
+  const renderTocLinks = React50.useCallback(
     (onLinkClick) => {
       if (!sections) return null;
       return sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React51.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React50.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -41260,7 +41620,7 @@ function ArticleCompactTocComponent({
     },
     [sections, activeSection, renderSectionLink]
   );
-  const tocContent = React51.useMemo(() => {
+  const tocContent = React50.useMemo(() => {
     if (tocSlot) return tocSlot;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "mb-8 lg:hidden", children: /* @__PURE__ */ jsxs(Popover, { open: isTocOpen, onOpenChange: setIsTocOpen, children: [
@@ -41293,7 +41653,7 @@ function ArticleCompactTocComponent({
       )
     ] }) });
   }, [tocSlot, sections, isTocOpen, tocClassName, renderTocLinks]);
-  const desktopTocContent = React51.useMemo(() => {
+  const desktopTocContent = React50.useMemo(() => {
     if (tocSlot) return null;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -41310,7 +41670,7 @@ function ArticleCompactTocComponent({
       }
     );
   }, [tocSlot, sections, tocClassName, renderTocLinks]);
-  const heroMediaContent = React51.useMemo(() => {
+  const heroMediaContent = React50.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -41440,10 +41800,10 @@ function ArticleChaptersAuthorComponent({
       variant: "default"
     }
   ] : []);
-  const [activeChapter, setActiveChapter] = React51.useState(
+  const [activeChapter, setActiveChapter] = React50.useState(
     chapters?.[0]?.id || ""
   );
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!enableChapterTracking || !chapters || chapters.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -41461,12 +41821,12 @@ function ArticleChaptersAuthorComponent({
     });
     return () => observer.disconnect();
   }, [chapters, enableChapterTracking]);
-  const breadcrumbsContent = React51.useMemo(() => {
+  const breadcrumbsContent = React50.useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs || breadcrumbs.length === 0) return null;
     return /* @__PURE__ */ jsx(Breadcrumb, { className: cn("mb-8 md:mb-20", breadcrumbClassName), children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: "#", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/home", size: 16 }) }) }) }),
-      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
         /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: crumb.href, children: crumb.label }) }) })
       ] }, index)),
@@ -41474,7 +41834,7 @@ function ArticleChaptersAuthorComponent({
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: typeof currentPage === "string" ? currentPage : currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const chaptersNavContent = React51.useMemo(() => {
+  const chaptersNavContent = React50.useMemo(() => {
     if (chaptersSlot) return chaptersSlot;
     if (!chapters || chapters.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-4", chaptersClassName), children: [
@@ -41482,7 +41842,7 @@ function ArticleChaptersAuthorComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: chapters.map((chapter) => {
         const isActive = activeChapter === chapter.id;
         if (renderChapterLink) {
-          return /* @__PURE__ */ jsx(React51.Fragment, { children: renderChapterLink(chapter, isActive) }, chapter.id);
+          return /* @__PURE__ */ jsx(React50.Fragment, { children: renderChapterLink(chapter, isActive) }, chapter.id);
         }
         return /* @__PURE__ */ jsxs(
           Pressable,
@@ -41508,7 +41868,7 @@ function ArticleChaptersAuthorComponent({
     renderChapterLink,
     chaptersClassName
   ]);
-  const authorCardContent = React51.useMemo(() => {
+  const authorCardContent = React50.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     let socialLinksContent = null;
@@ -41569,7 +41929,7 @@ function ArticleChaptersAuthorComponent({
       socialLinksContent
     ] });
   }, [authorSlot, author, authorClassName]);
-  const heroMediaContent = React51.useMemo(() => {
+  const heroMediaContent = React50.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -41591,7 +41951,7 @@ function ArticleChaptersAuthorComponent({
     heroImageClassName,
     optixFlowConfig
   ]);
-  const conclusionContent = React51.useMemo(() => {
+  const conclusionContent = React50.useMemo(() => {
     if (conclusionSlot) return conclusionSlot;
     if (!conclusionTitle && !conclusionDescription && (!conclusionActions || conclusionActions.length === 0))
       return null;
@@ -41736,7 +42096,7 @@ function ArticleSplitAnimatedComponent({
 }) {
   const ctaActions = ctaActionsProp ?? (ctaText ? [{ label: ctaText, href: ctaHref || "#", variant: "default", size: "lg" }] : []);
   const MotionWrapper = enableAnimations ? motion.div : "div";
-  const categoryContent = React51.useMemo(() => {
+  const categoryContent = React50.useMemo(() => {
     if (categorySlot) return categorySlot;
     if (!category) return null;
     return /* @__PURE__ */ jsx(
@@ -41751,7 +42111,7 @@ function ArticleSplitAnimatedComponent({
       }
     );
   }, [categorySlot, category, categoryHref, categoryClassName]);
-  const heroMediaContent = React51.useMemo(() => {
+  const heroMediaContent = React50.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx(
@@ -41764,7 +42124,7 @@ function ArticleSplitAnimatedComponent({
       }
     );
   }, [heroMediaSlot, image, imageAlt, title, optixFlowConfig]);
-  const authorContent = React51.useMemo(() => {
+  const authorContent = React50.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-8 flex items-center gap-4", authorClassName), children: [
@@ -41778,7 +42138,7 @@ function ArticleSplitAnimatedComponent({
       ] })
     ] });
   }, [authorSlot, authorName, authorImage, authorHref, authorRole, authorClassName]);
-  const ctaContent = React51.useMemo(() => {
+  const ctaContent = React50.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaActions || ctaActions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex flex-wrap gap-3", ctaClassName), children: ctaActions.map((action, index) => {
@@ -43201,7 +43561,7 @@ function FaqSidebarNavigation({
   accordionTriggerClassName,
   accordionContentClassName
 }) {
-  const [activeCategory, setActiveCategory] = React51.useState(
+  const [activeCategory, setActiveCategory] = React50.useState(
     categories && categories.length > 1 ? "all" : categories?.[0]?.id || ""
   );
   const filteredCategories = useMemo(() => {
@@ -44090,7 +44450,7 @@ function FaqSplitHero({
     imageArea
   ] }) });
 }
-var Controls = React51.memo(
+var Controls = React50.memo(
   ({
     handleNext,
     handlePrevious,
@@ -44121,7 +44481,7 @@ var Controls = React51.memo(
     ] });
   }
 );
-var FeatureCard = React51.memo(
+var FeatureCard = React50.memo(
   ({ feature, isActive, onClick }) => {
     const variants2 = useMemo(
       () => ({
@@ -44229,7 +44589,7 @@ var FeatureCard = React51.memo(
     ) });
   }
 );
-var FeaturesDesktop = React51.memo(
+var FeaturesDesktop = React50.memo(
   ({
     features,
     handleNext,
@@ -44263,7 +44623,7 @@ var FeaturesDesktop = React51.memo(
     ] });
   }
 );
-var FeaturesMobile = React51.memo(
+var FeaturesMobile = React50.memo(
   ({
     features,
     handleNext,
@@ -44354,8 +44714,8 @@ function FeatureAnimatedCarousel({
   spacing = "py-12 md:py-32",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8"
 }) {
-  const [activeIndex, setActiveIndex] = React51.useState(0);
-  const [direction, setDirection] = React51.useState(1);
+  const [activeIndex, setActiveIndex] = React50.useState(0);
+  const [direction, setDirection] = React50.useState(1);
   const handleNext = useCallback(() => {
     if (features && activeIndex < features.length - 1) {
       setDirection(1);
@@ -45217,7 +45577,7 @@ function FooterInfoCardsAccordion({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [email, setEmail] = React51.useState("");
+  const [email, setEmail] = React50.useState("");
   (/* @__PURE__ */ new Date()).getFullYear();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -45522,13 +45882,13 @@ function CaseStudiesImageGrid({
   patternOpacity,
   optixFlowConfig
 }) {
-  const getGridClass = React51.useCallback((index) => {
+  const getGridClass = React50.useCallback((index) => {
     if (index === 0 || index === 4) {
       return "row-span-2 aspect-square lg:aspect-auto";
     }
     return "aspect-3/2 md:aspect-2/1";
   }, []);
-  const renderedItems = React51.useMemo(() => {
+  const renderedItems = React50.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
     return items.map((item, index) => /* @__PURE__ */ jsxs(
@@ -45614,7 +45974,7 @@ function CaseStudiesTestimonialStats({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedTestimonials = React51.useMemo(() => {
+  const renderedTestimonials = React50.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
     return testimonials.map((testimonial, index) => /* @__PURE__ */ jsxs("div", { className: testimonialItemClassName, children: [
@@ -49087,7 +49447,7 @@ function CaseStudiesFeaturedBorder({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedFeatured = React51.useMemo(() => {
+  const renderedFeatured = React50.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredCaseStudy) return null;
     return /* @__PURE__ */ jsxs(
@@ -49161,7 +49521,7 @@ function CaseStudiesFeaturedBorder({
     featuredImageClassName,
     optixFlowConfig
   ]);
-  const renderedCaseStudies = React51.useMemo(() => {
+  const renderedCaseStudies = React50.useMemo(() => {
     if (caseStudiesSlot) return caseStudiesSlot;
     if (!caseStudies || caseStudies.length === 0) return null;
     return caseStudies.map((item, idx) => /* @__PURE__ */ jsxs(
@@ -49270,7 +49630,7 @@ function CaseStudiesStatsCard({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedStats = React51.useMemo(() => {
+  const renderedStats = React50.useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex w-full flex-col gap-8 sm:flex-row", statsClassName), children: stats.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
@@ -49278,7 +49638,7 @@ function CaseStudiesStatsCard({
       /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground", children: item.text })
     ] }, `stats-${i}`)) });
   }, [statsSlot, stats, statsClassName]);
-  const renderedAuthor = React51.useMemo(() => {
+  const renderedAuthor = React50.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2.5", authorClassName), children: [
@@ -49292,7 +49652,7 @@ function CaseStudiesStatsCard({
       ] })
     ] });
   }, [authorSlot, author, authorClassName]);
-  const renderedActions = React51.useMemo(() => {
+  const renderedActions = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("shrink-0", actionsClassName), children: actions.map((action, index) => {
@@ -50780,7 +51140,7 @@ function HeroCenteredImageGrid({
     return logos.map((logo, index) => {
       const src = typeof logo.src === "string" ? logo.src : logo.src.light;
       typeof logo.src === "string" ? logo.src : logo.src.dark;
-      return /* @__PURE__ */ jsx(React51.Fragment, { children: /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(React50.Fragment, { children: /* @__PURE__ */ jsx(
         Img,
         {
           src,
@@ -59014,7 +59374,7 @@ function HeroEcommerceProductShowcase({
   const renderStats = useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-6 pt-4", statsClassName), children: stats.map((stat, index) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-6 pt-4", statsClassName), children: stats.map((stat, index) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
       index > 0 && /* @__PURE__ */ jsx("div", { className: "h-12 w-px bg-border" }),
       /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
         /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold ", children: stat.value }),
@@ -59910,7 +60270,7 @@ function ComparisonTableTwoColumn({
   patternOpacity,
   optixFlowConfig
 }) {
-  const tableContent = React51.useMemo(() => {
+  const tableContent = React50.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!rows || rows.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("-mr-4 overflow-x-auto", tableWrapperClassName), children: /* @__PURE__ */ jsx("div", { className: "min-w-2xl overflow-hidden", children: /* @__PURE__ */ jsxs(
@@ -59940,7 +60300,7 @@ function ComparisonTableTwoColumn({
               optixFlowConfig
             }
           ) : optionBLabel && (typeof optionBLabel === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: optionBLabel }) : optionBLabel) }),
-          rows.map((row, idx) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+          rows.map((row, idx) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "flex items-center border-b p-3 text-base font-medium md:p-4 md:text-lg", children: row.label }),
             /* @__PURE__ */ jsx("div", { className: cn("border-b bg-success/5 p-3 md:p-6", optionACellClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
               row.hasIcon && /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-check-big", size: 20, className: "text-success" }),
@@ -59969,14 +60329,14 @@ function ComparisonTableTwoColumn({
     optionBLabel,
     optixFlowConfig
   ]);
-  const headingContent = React51.useMemo(() => {
+  const headingContent = React50.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h1", { className: cn("mb-8 text-3xl font-bold md:mb-12 md:text-5xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React51.useMemo(() => {
+  const descriptionContent = React50.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mb-8 text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -60023,7 +60383,7 @@ function ComparisonFeatureCards({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderCard = React51.useCallback(
+  const renderCard = React50.useCallback(
     (product, isHighlighted) => /* @__PURE__ */ jsxs(
       "div",
       {
@@ -60079,7 +60439,7 @@ function ComparisonFeatureCards({
     ),
     [cardClassName, optixFlowConfig]
   );
-  const cardsContent = React51.useMemo(() => {
+  const cardsContent = React50.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!productA || !productB) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -60087,28 +60447,28 @@ function ComparisonFeatureCards({
       renderCard(productB, productB.highlighted ?? false)
     ] });
   }, [cardsSlot, productA, productB, renderCard]);
-  const headingContent = React51.useMemo(() => {
+  const headingContent = React50.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h1", { className: cn("mb-6 text-4xl font-semibold md:text-7xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React51.useMemo(() => {
+  const descriptionContent = React50.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mx-auto max-w-4xl text-muted-foreground md:text-xl", descriptionClassName), children: description });
     }
     return /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description });
   }, [description, descriptionClassName]);
-  const suitabilityContent = React51.useMemo(() => {
+  const suitabilityContent = React50.useMemo(() => {
     if (!suitabilityTitle && !suitabilityDescription) return null;
     return /* @__PURE__ */ jsxs("div", { className: suitabilityClassName, children: [
       suitabilityTitle && (typeof suitabilityTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: "mb-4 text-3xl font-semibold", children: suitabilityTitle }) : suitabilityTitle),
       suitabilityDescription && (typeof suitabilityDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "leading-6 text-muted-foreground md:text-lg", children: suitabilityDescription }) : suitabilityDescription)
     ] });
   }, [suitabilityTitle, suitabilityDescription, suitabilityClassName]);
-  const differencesContent = React51.useMemo(() => {
+  const differencesContent = React50.useMemo(() => {
     if (!differencesTitle && !differencesDescription) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-16", differencesClassName), children: [
       differencesTitle && (typeof differencesTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: "mb-4 text-3xl font-semibold", children: differencesTitle }) : differencesTitle),
@@ -60156,7 +60516,7 @@ function ComparisonGridBadges({
   pattern,
   patternOpacity
 }) {
-  const featuresContent = React51.useMemo(() => {
+  const featuresContent = React50.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, idx) => /* @__PURE__ */ jsxs(
@@ -60203,14 +60563,14 @@ function ComparisonGridBadges({
       idx
     ));
   }, [featuresSlot, features, featureCardClassName, badgeClassName, optionALabel, optionBLabel]);
-  const headingContent = React51.useMemo(() => {
+  const headingContent = React50.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-3xl font-bold md:text-5xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React51.useMemo(() => {
+  const descriptionContent = React50.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mx-auto max-w-2xl text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -60258,7 +60618,7 @@ function ComparisonMetricsRows({
   pattern,
   patternOpacity
 }) {
-  const metricsContent = React51.useMemo(() => {
+  const metricsContent = React50.useMemo(() => {
     if (metricsSlot) return metricsSlot;
     if (!metrics || metrics.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -60298,7 +60658,7 @@ function ComparisonMetricsRows({
       }
     );
   }, [metricsSlot, metrics, metricsClassName, metricRowClassName]);
-  const actionsContent = React51.useMemo(() => {
+  const actionsContent = React50.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex justify-end", actionsClassName), children: actions.map((action, idx) => /* @__PURE__ */ jsxs(
@@ -60319,7 +60679,7 @@ function ComparisonMetricsRows({
       idx
     )) });
   }, [actionsSlot, actions, actionsClassName]);
-  const headingContent = React51.useMemo(() => {
+  const headingContent = React50.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx(
@@ -60335,7 +60695,7 @@ function ComparisonMetricsRows({
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React51.useMemo(() => {
+  const descriptionContent = React50.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -60398,7 +60758,7 @@ function ComparisonImageCards({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderCard = React51.useCallback(
+  const renderCard = React50.useCallback(
     (option) => /* @__PURE__ */ jsx("div", { className: cn("relative h-full", cardClassName), children: /* @__PURE__ */ jsxs("div", { className: cn(
       "relative aspect-4/5 min-h-[400px] overflow-hidden rounded-2xl sm:aspect-[0.9] sm:min-h-[480px] sm:rounded-3xl md:min-h-[520px]",
       getNestedCardBg(background, "accent"),
@@ -60422,7 +60782,7 @@ function ComparisonImageCards({
     ] }) }),
     [cardClassName, optixFlowConfig]
   );
-  const cardsContent = React51.useMemo(() => {
+  const cardsContent = React50.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!optionA || !optionB) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -60440,14 +60800,14 @@ function ComparisonImageCards({
       )
     ] });
   }, [cardsSlot, optionA, optionB, dividerText, dividerClassName, renderCard]);
-  const headingContent = React51.useMemo(() => {
+  const headingContent = React50.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-medium sm:text-4xl md:text-5xl lg:text-6xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React51.useMemo(() => {
+  const descriptionContent = React50.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mx-auto mt-4 max-w-3xl text-lg text-muted-foreground sm:mt-6 sm:text-xl", descriptionClassName), children: description });
@@ -60577,7 +60937,7 @@ function ComparisonTableTabs({
   patternOpacity
 }) {
   const [selectedTab, setSelectedTab] = useState(models?.[0]?.name || "");
-  const renderStatusIcon = React51.useCallback((status) => {
+  const renderStatusIcon = React50.useCallback((status) => {
     if (status === "positive") {
       return /* @__PURE__ */ jsx("span", { className: "flex size-8 items-center justify-center rounded-full border bg-success/10", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-check", size: 16, className: "text-success" }) });
     }
@@ -60586,7 +60946,7 @@ function ComparisonTableTabs({
     }
     return /* @__PURE__ */ jsx("span", { className: "flex size-8 items-center justify-center rounded-full border bg-accent/10", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-minus", size: 16, className: "text-accent" }) });
   }, []);
-  const tableContent = React51.useMemo(() => {
+  const tableContent = React50.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!models || models.length === 0 || !features || features.length === 0) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -60645,14 +61005,14 @@ function ComparisonTableTabs({
       ] }) })
     ] });
   }, [tableSlot, models, features, tabsClassName, tableClassName, tableHeaderClassName, tableCellClassName, selectedTab, renderStatusIcon]);
-  const headingContent = React51.useMemo(() => {
+  const headingContent = React50.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold md:text-4xl lg:text-5xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React51.useMemo(() => {
+  const descriptionContent = React50.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -60743,7 +61103,7 @@ function ComparisonTableTooltips({
   pattern,
   patternOpacity
 }) {
-  const renderCellContent = React51.useCallback(
+  const renderCellContent = React50.useCallback(
     (cell, isHighlighted) => {
       if (typeof cell === "string") {
         return cell;
@@ -60770,7 +61130,7 @@ function ComparisonTableTooltips({
     },
     []
   );
-  const tableContent = React51.useMemo(() => {
+  const tableContent = React50.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!rows || rows.length === 0) return null;
     return /* @__PURE__ */ jsxs(Table, { className: cn("rounded border text-left shadow-lg", tableClassName), children: [
@@ -60796,14 +61156,14 @@ function ComparisonTableTooltips({
       ] }, idx)) })
     ] });
   }, [tableSlot, rows, tableClassName, tableHeaderClassName, tableCellClassName, optionALabel, optionBLabel, renderCellContent]);
-  const headingContent = React51.useMemo(() => {
+  const headingContent = React50.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-center text-4xl font-semibold", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React51.useMemo(() => {
+  const descriptionContent = React50.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mb-8 text-center text-muted-foreground", descriptionClassName), children: description });
@@ -60845,7 +61205,7 @@ function ComparisonFeatureGrid({
   pattern,
   patternOpacity
 }) {
-  const renderStatusIcon = React51.useCallback((status) => {
+  const renderStatusIcon = React50.useCallback((status) => {
     if (status === true) {
       return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/check", size: 20, className: "text-success" });
     }
@@ -60854,7 +61214,7 @@ function ComparisonFeatureGrid({
     }
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 20, className: "text-destructive" });
   }, []);
-  const gridContent = React51.useMemo(() => {
+  const gridContent = React50.useMemo(() => {
     if (gridSlot) return gridSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxs(
@@ -60920,14 +61280,14 @@ function ComparisonFeatureGrid({
     optionBLabel,
     renderStatusIcon
   ]);
-  const headingContent = React51.useMemo(() => {
+  const headingContent = React50.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-center text-4xl font-semibold", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React51.useMemo(() => {
+  const descriptionContent = React50.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mb-8 text-center text-muted-foreground", descriptionClassName), children: description });
@@ -60971,7 +61331,7 @@ function ComparisonAiModels({
   optixFlowConfig
 }) {
   const [hoveredModel, setHoveredModel] = useState(null);
-  const renderStatusIcon = React51.useCallback((status) => {
+  const renderStatusIcon = React50.useCallback((status) => {
     if (status === "best") {
       return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-check", size: 16, className: "text-success" });
     }
@@ -60980,7 +61340,7 @@ function ComparisonAiModels({
     }
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/minus", size: 16, className: "text-muted-foreground" });
   }, []);
-  const getCellClassName = React51.useCallback(
+  const getCellClassName = React50.useCallback(
     (status, modelKey) => {
       const baseClass = "cursor-pointer py-4 text-center font-medium transition-all duration-300";
       let statusClass = "";
@@ -61001,7 +61361,7 @@ function ComparisonAiModels({
     },
     [hoveredModel]
   );
-  const getSummaryCardClassName = React51.useCallback(
+  const getSummaryCardClassName = React50.useCallback(
     (modelKey) => {
       const baseClass = "rounded border border-border/30 bg-background/50 p-3 transition-all duration-300";
       if (hoveredModel === modelKey) {
@@ -61016,7 +61376,7 @@ function ComparisonAiModels({
     },
     [hoveredModel]
   );
-  const tableContent = React51.useMemo(() => {
+  const tableContent = React50.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!models || !comparisonData || comparisonData.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -61094,7 +61454,7 @@ function ComparisonAiModels({
     getCellClassName,
     renderStatusIcon
   ]);
-  const analysisContent = React51.useMemo(() => {
+  const analysisContent = React50.useMemo(() => {
     if (analysisSlot) return analysisSlot;
     if (!models) return null;
     return /* @__PURE__ */ jsx("div", { className: cn(
@@ -61135,14 +61495,14 @@ function ComparisonAiModels({
       ] })
     ] }) });
   }, [analysisSlot, models, analysisClassName, getSummaryCardClassName]);
-  const headingContent = React51.useMemo(() => {
+  const headingContent = React50.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold md:text-4xl lg:text-5xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React51.useMemo(() => {
+  const descriptionContent = React50.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -61192,7 +61552,7 @@ function ComparisonLegacyModern({
   pattern,
   patternOpacity
 }) {
-  const columnsContent = React51.useMemo(() => {
+  const columnsContent = React50.useMemo(() => {
     if (columnsSlot) return columnsSlot;
     if (!legacyFeatures || legacyFeatures.length === 0 || !modernFeatures || modernFeatures.length === 0)
       return null;
@@ -61204,7 +61564,7 @@ function ComparisonLegacyModern({
         legacyColumnClassName
       ), children: [
         legacyTitle && (typeof legacyTitle === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-2xl font-medium", children: legacyTitle }) : legacyTitle),
-        /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: legacyFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+        /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: legacyFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 16, className: "my-1.5 shrink-0 text-muted-foreground" }),
             /* @__PURE__ */ jsx("li", { className: "text-sm", children: feature.text })
@@ -61221,7 +61581,7 @@ function ComparisonLegacyModern({
           ),
           children: [
             modernTitle && (typeof modernTitle === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-2xl font-medium", children: modernTitle }) : modernTitle),
-            /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: modernFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+            /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: modernFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
               /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-lg", children: feature.emoji }),
                 feature.text
@@ -61233,7 +61593,7 @@ function ComparisonLegacyModern({
       )
     ] });
   }, [columnsSlot, legacyFeatures, modernFeatures, legacyTitle, modernTitle, legacyColumnClassName, modernColumnClassName]);
-  const headingContent = React51.useMemo(() => {
+  const headingContent = React50.useMemo(() => {
     if (!heading && !headingHighlight) return null;
     return /* @__PURE__ */ jsxs("h2", { className: cn("text-4xl font-medium md:text-5xl lg:text-7xl", headingClassName), children: [
       heading && (typeof heading === "string" ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
@@ -61246,7 +61606,7 @@ function ComparisonLegacyModern({
       ] }) : headingHighlight)
     ] });
   }, [heading, headingHighlight, headingClassName, headingHighlightClassName]);
-  const descriptionContent = React51.useMemo(() => {
+  const descriptionContent = React50.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("text-lg", descriptionClassName), children: description });
@@ -61419,7 +61779,7 @@ var NavbarMobileMenu = ({
   closeIconClassName,
   title = "Mobile Navigation"
 }) => {
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (open) {
       const originalOverflow = document.body.style.overflow;
       document.body.style.overflow = "hidden";
@@ -61648,7 +62008,7 @@ var NavbarDropdownMenu = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React51.useState(false);
+  const [open, setOpen] = React50.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -61874,7 +62234,7 @@ var NavbarCenteredMenu = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React51.useState(false);
+  const [open, setOpen] = React50.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -62014,7 +62374,7 @@ var DesktopMenuItem = ({
   index,
   optixFlowConfig
 }) => {
-  const imagesRef = React51.useRef([]);
+  const imagesRef = React50.useRef([]);
   const layout = link.layout || "simple-grid";
   const handleMouseEnter = (event) => {
     const index2 = Number(event.currentTarget.getAttribute("data-index"));
@@ -63249,7 +63609,7 @@ var NavbarFeatureGrid = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React51.useState(false);
+  const [open, setOpen] = React50.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -66459,7 +66819,7 @@ var DesktopMenuItem7 = ({
   if (item.groups && item.groups.length > 0) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ jsx(NavigationMenuTrigger, { children: item.label }),
-      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "flex", children: item.groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "flex", children: item.groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
         groupIndex > 0 && /* @__PURE__ */ jsx(
           Separator,
           {
@@ -67211,7 +67571,7 @@ var NavbarSimpleLinks = ({
   const renderNavItems = useMemo(() => {
     if (navItemsSlot) return navItemsSlot;
     if (!navItems || navItems.length === 0) return null;
-    return navItems.map((item) => /* @__PURE__ */ jsx(React51.Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsx(
+    return navItems.map((item) => /* @__PURE__ */ jsx(React50.Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsx(
       NavigationMenuLink,
       {
         "data-nav-item": item.name,
@@ -72240,7 +72600,7 @@ function PricingFullComparison({
           resolvedPlanIds[index]
         ))
       ] }) }),
-      /* @__PURE__ */ jsx("tbody", { children: categories.map((category) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+      /* @__PURE__ */ jsx("tbody", { children: categories.map((category) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
         /* @__PURE__ */ jsx("tr", { className: cn(getNestedCardBg(background), getNestedCardTextColor(background), categoryRowClassName), children: /* @__PURE__ */ jsx(
           "td",
           {
@@ -76841,9 +77201,9 @@ function ProcessStickySteps({
   );
 }
 var usePrevious = (value) => {
-  const [prev, setPrev] = React51.useState(void 0);
-  const ref = React51.useRef(value);
-  React51.useEffect(() => {
+  const [prev, setPrev] = React50.useState(void 0);
+  const ref = React50.useRef(value);
+  React50.useEffect(() => {
     setPrev(ref.current);
     ref.current = value;
   }, [value]);
@@ -76856,12 +77216,12 @@ var ProcessCard = ({
   itemClassName,
   background
 }) => {
-  const ref = React51.useRef(null);
+  const ref = React50.useRef(null);
   const itemInView = useInView(ref, {
     amount: 0,
     margin: "0px 0px -60% 0px"
   });
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (itemInView) {
       setActive(index);
     }
@@ -76911,7 +77271,7 @@ function ProcessScrollImage({
   ctaText,
   ctaUrl
 }) {
-  const [active, setActive] = React51.useState(0);
+  const [active, setActive] = React50.useState(0);
   const previousActive = usePrevious(active);
   const resolvedHeading = title ?? heading;
   const resolvedActions = actions ?? (ctaText && ctaUrl ? [
@@ -77095,7 +77455,7 @@ var ProcessCard2 = ({
   hoverImageClassName,
   background
 }) => {
-  const [isHovered, setIsHovered] = React51.useState(false);
+  const [isHovered, setIsHovered] = React50.useState(false);
   const titleText = typeof step.title === "string" ? step.title : `Step ${index + 1}`;
   return /* @__PURE__ */ jsxs(
     "li",
@@ -77419,7 +77779,7 @@ function ProcessExpandableTimeline({
   // Backwards compatibility
   title
 }) {
-  const [expandedIndex, setExpandedIndex] = React51.useState(null);
+  const [expandedIndex, setExpandedIndex] = React50.useState(null);
   const resolvedHeading = title ?? heading;
   const toggleExpand = (index) => {
     setExpandedIndex(expandedIndex === index ? null : index);
@@ -82190,7 +82550,7 @@ function ListAchievementsShowcase({
     if (!items || items.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", itemsClassName), children: [
       /* @__PURE__ */ jsx(Separator, {}),
-      items.map((item, index) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+      items.map((item, index) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -82310,7 +82670,7 @@ function ListCareerTimeline({
   const renderExperiences = useMemo(() => {
     if (experiencesSlot) return experiencesSlot;
     if (!experiences || experiences.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: experiencesClassName, children: experiences.map((experience, idx) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: experiencesClassName, children: experiences.map((experience, idx) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsxs(
         "div",
@@ -82331,7 +82691,7 @@ function ListCareerTimeline({
   const renderAwards = useMemo(() => {
     if (awardsSlot) return awardsSlot;
     if (!awards || awards.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: awardsClassName, children: awards.map((award, idx) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: awardsClassName, children: awards.map((award, idx) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsxs(
         "div",
@@ -82466,7 +82826,7 @@ function ListMetricsDashboard({
   activeCategory: controlledActiveCategory,
   onActiveCategoryChange
 }) {
-  const [internalActiveTab, setInternalActiveTab] = React51.useState("all");
+  const [internalActiveTab, setInternalActiveTab] = React50.useState("all");
   const activeTab = controlledActiveCategory ?? internalActiveTab;
   const handleTabChange = (value) => {
     if (onActiveCategoryChange) {
@@ -82950,7 +83310,7 @@ function ListSearchableGrid({
   searchTerm: controlledSearchTerm,
   onSearchTermChange
 }) {
-  const [internalSearchTerm, setInternalSearchTerm] = React51.useState("");
+  const [internalSearchTerm, setInternalSearchTerm] = React50.useState("");
   const searchTerm = controlledSearchTerm ?? internalSearchTerm;
   const handleSearchChange = (value) => {
     if (onSearchTermChange) {
@@ -82959,7 +83319,7 @@ function ListSearchableGrid({
       setInternalSearchTerm(value);
     }
   };
-  const filteredItems = React51.useMemo(() => {
+  const filteredItems = React50.useMemo(() => {
     if (!searchTerm) {
       return items ?? [];
     }
@@ -83122,7 +83482,7 @@ function ListSearchableGrid({
     }
   );
 }
-var { useMemo: useMemo439 } = React51;
+var { useMemo: useMemo439 } = React50;
 function OfferModalNewsletterDiscount({
   title,
   emailPlaceholder,
@@ -83271,7 +83631,7 @@ function OfferModalNewsletterDiscount({
     }
   ) });
 }
-var { useMemo: useMemo440 } = React51;
+var { useMemo: useMemo440 } = React50;
 function OfferModalMembershipImage({
   overline,
   title,
@@ -83560,7 +83920,7 @@ function SheetDescription({
     }
   );
 }
-var { useMemo: useMemo441 } = React51;
+var { useMemo: useMemo441 } = React50;
 function OfferModalSheetNewsletter({
   logo,
   logoSlot,
@@ -84309,10 +84669,10 @@ function ProjectDetailSidebarNavigation(props) {
     heroImageClassName,
     metadataClassName
   } = props;
-  const [activeSection, setActiveSection] = React51.useState(
+  const [activeSection, setActiveSection] = React50.useState(
     sections?.[0]?.id || ""
   );
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     const handleScroll = () => {
       const sectionElements = sections?.map(
         (section) => document.getElementById(section.id)
@@ -87172,7 +87532,7 @@ function ProjectDetailTabbedCaseStudy(props) {
     testimonialClassName,
     toolsClassName
   } = props;
-  const [activeTab, setActiveTab] = React51.useState(tabs?.[0]?.id || "");
+  const [activeTab, setActiveTab] = React50.useState(tabs?.[0]?.id || "");
   const renderedBackAction = useMemo(() => {
     if (backActionSlot) return backActionSlot;
     if (!backAction) return null;
@@ -87560,7 +87920,7 @@ function RevealImage({
   index,
   optixFlowConfig
 }) {
-  const ref = React51.useRef(null);
+  const ref = React50.useRef(null);
   const { scrollYProgress } = useScroll({
     target: ref,
     offset: ["start end", "end start"]
@@ -87755,7 +88115,7 @@ function ParallaxSection({
   index,
   optixFlowConfig
 }) {
-  const ref = React51.useRef(null);
+  const ref = React50.useRef(null);
   const { scrollYProgress } = useScroll({
     target: ref,
     offset: ["start end", "end start"]
@@ -87828,7 +88188,7 @@ function ProjectDetailParallaxScroll(props) {
     heroImageClassName,
     sectionsClassName
   } = props;
-  const heroRef = React51.useRef(null);
+  const heroRef = React50.useRef(null);
   const { scrollYProgress } = useScroll({
     target: heroRef,
     offset: ["start start", "end start"]
@@ -88158,7 +88518,7 @@ function BannerDeliveryCountdown({
   }, [prefixText, timerContent, middleText, deliveryDateContent]);
   return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className: cn("bg-accent text-accent-foreground", className), children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-3 text-sm", contentClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", messageClassName), children: [
     iconContent,
-    messageParts.length > 0 && /* @__PURE__ */ jsx("span", { children: messageParts.map((part, index) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+    messageParts.length > 0 && /* @__PURE__ */ jsx("span", { children: messageParts.map((part, index) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
       index > 0 ? " " : null,
       part
     ] }, index)) })
@@ -89294,7 +89654,7 @@ function IndustriesExpandableShowcase({
   patternClassName,
   optixFlowConfig
 }) {
-  const [activeContractor, setActiveContractor] = React51.useState(
+  const [activeContractor, setActiveContractor] = React50.useState(
     contractors?.[0]?.id || ""
   );
   const handleContractorHover = (contractorId) => {
@@ -89947,7 +90307,7 @@ function ResourceDetailDocumentSidebar({
 }) {
   const renderedBreadcrumbs = useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
-    return /* @__PURE__ */ jsx(Breadcrumb, { className: breadcrumbsClassName, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+    return /* @__PURE__ */ jsx(Breadcrumb, { className: breadcrumbsClassName, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: !crumb.href ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: typeof crumb.label === "string" ? crumb.label : crumb.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { href: crumb.href, children: index === 0 ? /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/home", size: 16 }) : typeof crumb.label === "string" ? crumb.label : crumb.label }) }),
       index < (breadcrumbs?.length || 0) - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, index)) }) });
@@ -93348,8 +93708,8 @@ function ServicesListTableHover({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [hoveredIndex, setHoveredIndex] = React51.useState(null);
-  const [mousePosition, setMousePosition] = React51.useState({ x: 0, y: 0 });
+  const [hoveredIndex, setHoveredIndex] = React50.useState(null);
+  const [mousePosition, setMousePosition] = React50.useState({ x: 0, y: 0 });
   const handleMouseMove = (e) => {
     setMousePosition({ x: e.clientX, y: e.clientY });
   };
@@ -93599,7 +93959,7 @@ function ServicesListStickyImage({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [activeIndex, setActiveIndex] = React51.useState(0);
+  const [activeIndex, setActiveIndex] = React50.useState(0);
   const renderServices = () => {
     if (servicesSlot) return servicesSlot;
     if (!services || services.length === 0) return null;
@@ -93851,8 +94211,8 @@ function ServicesListVideoShowcase({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [playingIndex, setPlayingIndex] = React51.useState(null);
-  const videoRefs = React51.useRef([]);
+  const [playingIndex, setPlayingIndex] = React50.useState(null);
+  const videoRefs = React50.useRef([]);
   const handleMouseEnter = (index) => {
     setPlayingIndex(index);
     videoRefs.current[index]?.play();
@@ -97145,7 +97505,7 @@ function StatsCircularProgress({
   statInfoClassName
 }) {
   const effectiveDefaultCategory = defaultCategory || (categories && categories.length > 0 ? categories[0].id : "");
-  const [category, setCategory] = React51.useState(effectiveDefaultCategory);
+  const [category, setCategory] = React50.useState(effectiveDefaultCategory);
   const badgeContent = useMemo(() => {
     if (badgeSlot) return badgeSlot;
     if (!badge) return null;
@@ -97438,8 +97798,8 @@ function StatsCardGroup({
   );
 }
 function useAnimatedCounter(endValue, duration = 2e3, isVisible) {
-  const [count, setCount] = React51.useState(0);
-  React51.useEffect(() => {
+  const [count, setCount] = React50.useState(0);
+  React50.useEffect(() => {
     if (!isVisible) return;
     let startTime = null;
     let animationFrame;
@@ -97527,9 +97887,9 @@ function StatsAnimatedCounter({
   statLabelClassName,
   statIconClassName
 }) {
-  const [isVisible, setIsVisible] = React51.useState(false);
-  const sectionRef = React51.useRef(null);
-  React51.useEffect(() => {
+  const [isVisible, setIsVisible] = React50.useState(false);
+  const sectionRef = React50.useRef(null);
+  React50.useEffect(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -97617,8 +97977,8 @@ function StatsAnimatedCounter({
   );
 }
 function useNumberTicker(endValue, duration = 2500, isVisible, decimals = 0) {
-  const [displayValue, setDisplayValue] = React51.useState("0");
-  React51.useEffect(() => {
+  const [displayValue, setDisplayValue] = React50.useState("0");
+  React50.useEffect(() => {
     if (!isVisible) return;
     let startTime = null;
     let animationFrame;
@@ -97733,9 +98093,9 @@ function StatsNumberTicker({
   statLabelClassName,
   statDescriptionClassName
 }) {
-  const [isVisible, setIsVisible] = React51.useState(false);
-  const sectionRef = React51.useRef(null);
-  React51.useEffect(() => {
+  const [isVisible, setIsVisible] = React50.useState(false);
+  const sectionRef = React50.useRef(null);
+  React50.useEffect(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -97994,9 +98354,9 @@ function StatsBarComparison({
   barValueClassName,
   barTrackClassName
 }) {
-  const [isVisible, setIsVisible] = React51.useState(!animate);
-  const sectionRef = React51.useRef(null);
-  React51.useEffect(() => {
+  const [isVisible, setIsVisible] = React50.useState(!animate);
+  const sectionRef = React50.useRef(null);
+  React50.useEffect(() => {
     if (!animate) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -98174,7 +98534,7 @@ function TimelineVerticalIconDashed({
             "mx-auto flex flex-col items-center justify-center text-center sm:max-w-xl",
             stepsClassName
           ),
-          children: steps.map((step, index) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+          children: steps.map((step, index) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center", stepClassName), children: [
               /* @__PURE__ */ jsx(
                 "span",
@@ -98441,7 +98801,7 @@ function TimelineTwoColumnFeatured({
   style,
   optixFlowConfig
 }) {
-  const renderActions = React51.useMemo(() => {
+  const renderActions = React50.useMemo(() => {
     if (actionsSlot) {
       return actionsSlot;
     }
@@ -98569,7 +98929,7 @@ function TimelineTwoColumnFeatured({
     }
   );
 }
-var DiagonalPattern = React51.memo(({
+var DiagonalPattern = React50.memo(({
   className,
   patternOpacity = 0.15
 }) => {
@@ -98608,7 +98968,7 @@ function TimelineAlternatingDiagonal({
   style,
   optixFlowConfig
 }) {
-  const renderedBadge = React51.useMemo(() => {
+  const renderedBadge = React50.useMemo(() => {
     if (badgeSlot) {
       return badgeSlot;
     }
@@ -98986,7 +99346,7 @@ function TimelineProductivityList({
     }
   );
 }
-var ProcessBar = React51.memo(({ currentStep, steps }) => /* @__PURE__ */ jsx("div", { className: "relative w-full scale-75", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: steps.map((step, index) => /* @__PURE__ */ jsxs(React51.Fragment, { children: [
+var ProcessBar = React50.memo(({ currentStep, steps }) => /* @__PURE__ */ jsx("div", { className: "relative w-full scale-75", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: steps.map((step, index) => /* @__PURE__ */ jsxs(React50.Fragment, { children: [
   /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -99013,7 +99373,7 @@ var ProcessBar = React51.memo(({ currentStep, steps }) => /* @__PURE__ */ jsx("d
     )
   ] })
 ] }, index)) }) }));
-var StepperContent = React51.memo(({ step, optixFlowConfig, imageClassName, descriptionClassName, background }) => {
+var StepperContent = React50.memo(({ step, optixFlowConfig, imageClassName, descriptionClassName, background }) => {
   return /* @__PURE__ */ jsxs("div", { className: cn("my-4 flex min-h-[400px] w-full flex-col items-center justify-center overflow-hidden rounded-2xl p-6 text-center", getNestedCardBg(background), getNestedCardTextColor(background)), children: [
     /* @__PURE__ */ jsx(
       motion.div,
@@ -99046,7 +99406,7 @@ var StepperContent = React51.memo(({ step, optixFlowConfig, imageClassName, desc
     )
   ] });
 });
-var NavButtons = React51.memo(({ handlePrev, handleNext }) => /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-3 tracking-tight", children: [
+var NavButtons = React50.memo(({ handlePrev, handleNext }) => /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-3 tracking-tight", children: [
   /* @__PURE__ */ jsxs(
     Pressable,
     {
@@ -99097,10 +99457,10 @@ function TimelineStepperAnimated({
 }) {
   const safeInitialStep = (steps?.length ?? 0) > 0 ? Math.max(0, Math.min(initialStep ?? 0, (steps?.length ?? 1) - 1)) : 0;
   const [currentStep, setCurrentStep] = useState(safeInitialStep);
-  const handleNext = React51.useCallback(() => {
+  const handleNext = React50.useCallback(() => {
     setCurrentStep((prev) => Math.min(prev + 1, (steps?.length ?? 1) - 1));
   }, [steps?.length]);
-  const handlePrev = React51.useCallback(() => {
+  const handlePrev = React50.useCallback(() => {
     setCurrentStep((prev) => Math.max(prev - 1, 0));
   }, []);
   const safeCurrentStep = (steps?.length ?? 0) > 0 ? Math.max(0, Math.min(currentStep, (steps?.length ?? 1) - 1)) : 0;
@@ -99809,7 +100169,7 @@ function TimelineTabbedPhases({
   style,
   optixFlowConfig
 }) {
-  const renderDownloadButton = React51.useMemo(() => {
+  const renderDownloadButton = React50.useMemo(() => {
     if (downloadSlot) {
       return downloadSlot;
     }
@@ -100029,7 +100389,7 @@ function TimelineProductLaunch({
   id,
   style
 }) {
-  const renderCta = React51.useMemo(() => {
+  const renderCta = React50.useMemo(() => {
     if (ctaSlot) {
       return ctaSlot;
     }
@@ -100494,9 +100854,9 @@ function LinkTreeBlock({
 }) {
   const resolvedBackground = background;
   const resolvedPattern = pattern ?? backgroundPattern;
-  const [lightboxOpen, setLightboxOpen] = React51.useState(false);
-  const [lightboxIndex, setLightboxIndex] = React51.useState(0);
-  const lightboxItems = React51.useMemo(() => {
+  const [lightboxOpen, setLightboxOpen] = React50.useState(false);
+  const [lightboxIndex, setLightboxIndex] = React50.useState(0);
+  const lightboxItems = React50.useMemo(() => {
     if (!mediaGallery || mediaGallery.length === 0) return [];
     return mediaGallery.slice(0, mediaGalleryLimit).map((item, index) => ({
       id: item.id ?? `media-${index}`,
@@ -100508,11 +100868,11 @@ function LinkTreeBlock({
       share: true
     }));
   }, [mediaGallery, mediaGalleryLimit]);
-  const handleMediaClick = React51.useCallback((index) => {
+  const handleMediaClick = React50.useCallback((index) => {
     setLightboxIndex(index);
     setLightboxOpen(true);
   }, []);
-  const handleLightboxClose = React51.useCallback(() => {
+  const handleLightboxClose = React50.useCallback(() => {
     setLightboxOpen(false);
   }, []);
   const resolveImage = (value, fallbackAlt) => {
@@ -100524,7 +100884,7 @@ function LinkTreeBlock({
   };
   const nameForAlt = typeof brandName === "string" ? brandName : "Brand avatar";
   const resolvedAvatar = resolveImage(brandAvatar || brandLogo, nameForAlt) || resolveImage(blockBrandedIconsAndPlaceholders.avatar1, nameForAlt);
-  const renderBrandHeader = React51.useMemo(() => {
+  const renderBrandHeader = React50.useMemo(() => {
     if (brandSlot) return brandSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -100611,7 +100971,7 @@ function LinkTreeBlock({
     brandTagline,
     taglineClassName
   ]);
-  const renderLinks = React51.useMemo(() => {
+  const renderLinks = React50.useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("space-y-3", linksClassName), children: links.map((link, index) => {
@@ -100728,7 +101088,7 @@ function LinkTreeBlock({
     linkBadgeClassName,
     linkChevronClassName
   ]);
-  const renderMediaGallery = React51.useMemo(() => {
+  const renderMediaGallery = React50.useMemo(() => {
     if (mediaGallerySlot) return mediaGallerySlot;
     if (!mediaGallery || mediaGallery.length === 0) return null;
     const items = mediaGallery.slice(0, mediaGalleryLimit);
@@ -100842,7 +101202,7 @@ function LinkTreeBlock({
     mediaGalleryOverlayClassName,
     mediaGalleryPlayIconClassName
   ]);
-  const renderSocialLinks = React51.useMemo(() => {
+  const renderSocialLinks = React50.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -100888,7 +101248,7 @@ function LinkTreeBlock({
     socialIconClassName,
     socialLinkClassName
   ]);
-  const renderFooter = React51.useMemo(() => {
+  const renderFooter = React50.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;
     const resolvedFooterAction = footerAction;