npm - @opensite/ui - Versions diffs - 2.2.1 → 2.2.2 - Mend

@opensite/ui 2.2.1 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/dist/contact-card.cjs +15 -29
package/dist/contact-card.js +15 -29
package/dist/contact-dark.cjs +15 -29
package/dist/contact-dark.js +15 -29
package/dist/contact-emergency.cjs +16 -30
package/dist/contact-emergency.js +17 -31
package/dist/contact-faq.cjs +22 -35
package/dist/contact-faq.js +18 -34
package/dist/contact-image.cjs +20 -34
package/dist/contact-image.js +20 -34
package/dist/contact-vendor.cjs +8 -44
package/dist/contact-vendor.js +6 -27
package/dist/hero-image-slider.cjs +15 -30
package/dist/hero-image-slider.js +15 -30
package/dist/hero-newsletter-minimal.cjs +17 -34
package/dist/hero-newsletter-minimal.js +17 -34
package/dist/registry.cjs +1773 -1896
package/dist/registry.js +531 -654
package/package.json +2 -2

package/dist/registry.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React28 from 'react';
-import React28__default, { Fragment, createContext, useMemo, forwardRef, useCallback, useState, useEffect, useRef, startTransition, useContext } from 'react';
+import * as React25 from 'react';
+import React25__default, { Fragment, createContext, useMemo, forwardRef, useCallback, useState, useEffect, useRef, startTransition, useContext } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
@@ -140,7 +140,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React28__default.forwardRef(
+var Container = React25__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 = React28__default.forwardRef(
+var Section = React25__default.forwardRef(
   ({
     id,
     title,
@@ -1035,7 +1035,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React28.useMemo(() => {
+  const linkType = React25.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -1056,7 +1056,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React28.useMemo(() => {
+  const normalizedHref = React25.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -1074,7 +1074,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React28.useMemo(() => {
+  const target = React25.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -1087,7 +1087,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React28.useMemo(() => {
+  const rel = React25.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 = React28.useCallback(
+  const handleClick = React25.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -1280,7 +1280,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React28.forwardRef(
+var Pressable = React25.forwardRef(
   ({
     children,
     className,
@@ -2328,10 +2328,10 @@ var ImageSlider = ({
   optixFlowConfig
 }) => {
   const hasImages = images.length > 0;
-  const [currentIndex, setCurrentIndex] = React28.useState(
+  const [currentIndex, setCurrentIndex] = React25.useState(
     () => normalizeIndex(startIndex, images.length)
   );
-  const handleNext = React28.useCallback(() => {
+  const handleNext = React25.useCallback(() => {
     if (!hasImages) return;
     setCurrentIndex((prevIndex) => {
       const nextIndex = prevIndex + 1 >= images.length ? 0 : prevIndex + 1;
@@ -2339,7 +2339,7 @@ var ImageSlider = ({
       return nextIndex;
     });
   }, [hasImages, images.length, onSlideChange]);
-  const handlePrevious = React28.useCallback(() => {
+  const handlePrevious = React25.useCallback(() => {
     if (!hasImages) return;
     setCurrentIndex((prevIndex) => {
       const nextIndex = prevIndex - 1 < 0 ? images.length - 1 : prevIndex - 1;
@@ -2347,11 +2347,11 @@ var ImageSlider = ({
       return nextIndex;
     });
   }, [hasImages, images.length, onSlideChange]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!hasImages) return;
     setCurrentIndex(normalizeIndex(startIndex, images.length));
   }, [startIndex, images.length, hasImages]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!enableKeyboard || !hasImages) return;
     const handleKeyDown = (event) => {
       if (event.key === "ArrowRight") {
@@ -2365,7 +2365,7 @@ var ImageSlider = ({
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [enableKeyboard, handleNext, handlePrevious, hasImages]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!autoplay || images.length < 2) return;
     const interval = window.setInterval(handleNext, autoplayIntervalMs);
     return () => window.clearInterval(interval);
@@ -2657,7 +2657,7 @@ var platformIconMap = {
   dribbble: "cib/dribbble",
   unknown: "icon-park-solid/circular-connection"
 };
-var SocialLinkIcon = React28.forwardRef(
+var SocialLinkIcon = React25.forwardRef(
   ({
     platformName,
     label,
@@ -2670,13 +2670,13 @@ var SocialLinkIcon = React28.forwardRef(
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
-    const smartPlatformName = React28.useMemo(() => {
+    const smartPlatformName = React25.useMemo(() => {
       return platform || platformName;
     }, [platform, platformName]);
-    const iconName = React28.useMemo(() => {
+    const iconName = React25.useMemo(() => {
       return iconNameOverride || platformIconMap[smartPlatformName];
     }, [iconNameOverride, smartPlatformName]);
-    const accessibleLabel = React28.useMemo(() => {
+    const accessibleLabel = React25.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
     return /* @__PURE__ */ jsx(
@@ -3101,7 +3101,7 @@ function AboutExpandableValues({
   pattern,
   patternOpacity
 }) {
-  const [expandedValue, setExpandedValue] = React28.useState(null);
+  const [expandedValue, setExpandedValue] = React25.useState(null);
   const toggleExpand = useCallback((id) => {
     setExpandedValue((prev) => prev === id ? null : id);
   }, []);
@@ -3355,7 +3355,7 @@ function CommunityInitiatives({
   pattern,
   patternOpacity
 }) {
-  const [activeCategory, setActiveCategory] = React28.useState(
+  const [activeCategory, setActiveCategory] = React25.useState(
     categories?.[0]?.id || ""
   );
   const currentCategory = categories?.find((category) => category.id === activeCategory) || categories?.[0];
@@ -3628,7 +3628,7 @@ function AboutCultureTabs({
   patternOpacity
 }) {
   const resolvedAspects = aspects ?? [];
-  const [activeTab, setActiveTab] = React28.useState(
+  const [activeTab, setActiveTab] = React25.useState(
     resolvedAspects[0]?.id || ""
   );
   const ctaImagesContent = useMemo(() => {
@@ -4127,7 +4127,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(React28.Fragment, { children: [
+    messageParts.length > 0 && /* @__PURE__ */ jsx("span", { children: messageParts.map((part, index) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
       index > 0 ? " " : null,
       part
     ] }, index)) })
@@ -5398,8 +5398,8 @@ var BrandAttribution = ({
   }
   const { prefix = "", anchorText, href, suffix = "" } = options[optionIndex];
   const ContainerEl = variant;
-  const [trackedHref, setTrackedHref] = React28.useState(href);
-  React28.useEffect(() => {
+  const [trackedHref, setTrackedHref] = React25.useState(href);
+  React25.useEffect(() => {
     setTrackedHref(buildTrackedHref(href));
   }, [href]);
   return /* @__PURE__ */ jsxs(ContainerEl, { className: containerClassName, children: [
@@ -5542,7 +5542,7 @@ function FooterSocialNewsletter({
     onError,
     uploadTokens
   });
-  const renderForm = React28.useMemo(() => {
+  const renderForm = React25.useMemo(() => {
     if (formSlot) return formSlot;
     const defaultButtonAction = {
       label: "Subscribe",
@@ -5876,7 +5876,7 @@ function FooterSimpleCentered({
   ]);
   const bottomLinksContent = useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
-    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(React28.Fragment, { children: /* @__PURE__ */ jsx(
+    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(React25.Fragment, { children: /* @__PURE__ */ jsx(
       Pressable,
       {
         href: link.href,
@@ -8501,7 +8501,7 @@ function AboutInteractiveTabs({
   pattern,
   patternOpacity
 }) {
-  const [activeTab, setActiveTab] = React28.useState(tabs?.[0]?.id ?? "");
+  const [activeTab, setActiveTab] = React25.useState(tabs?.[0]?.id ?? "");
   const activeContent = useMemo(() => {
     return tabs?.find((tab) => tab.id === activeTab)?.content;
   }, [tabs, activeTab]);
@@ -12532,7 +12532,7 @@ function CtaVideoBackgroundHero({
   pattern,
   patternOpacity
 }) {
-  const [isModalOpen, setIsModalOpen] = React28.useState(false);
+  const [isModalOpen, setIsModalOpen] = React25.useState(false);
   const handleOpenModal = () => {
     setIsModalOpen(true);
     onModalOpen?.();
@@ -12720,7 +12720,7 @@ function CtaWorkflowTabs({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [activeTab, setActiveTab] = React28.useState(tabs?.[0]?.id || "");
+  const [activeTab, setActiveTab] = React25.useState(tabs?.[0]?.id || "");
   const activeTabData = tabs?.find((tab) => tab.id === activeTab) || tabs?.[0];
   const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -13333,7 +13333,7 @@ function ContactFloatingBanner({
   pattern,
   patternOpacity
 }) {
-  const actionsContent = React28.useMemo(() => {
+  const actionsContent = React25.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -13757,23 +13757,7 @@ function ContactCard({
   pattern,
   patternOpacity
 }) {
-  const formStyleRules = React28.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React28.useMemo(() => {
-    if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
-      return formEngineSetup.fields;
-    }
-    return DEFAULT_FORM_FIELDS3;
-  }, [formEngineSetup?.fields]);
-  const contactOptionsContent = React28.useMemo(() => {
+  const contactOptionsContent = React25.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: [
@@ -13797,7 +13781,7 @@ function ContactCard({
     }
     return null;
   }, [contactOptionsSlot, contactOptions]);
-  const socialLinksContent = React28.useMemo(() => {
+  const socialLinksContent = React25.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (socialLinks && socialLinks.length > 0) {
       return socialLinks.map((social, key) => /* @__PURE__ */ jsx(
@@ -13837,20 +13821,22 @@ function ContactCard({
             /* @__PURE__ */ jsx(Card, { className: cn("order-2 lg:order-1 pt-0 pb-0", cardClassName), children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
               FormEngine,
               {
-                ...formEngineSetup,
-                formLayoutSettings: {
-                  ...formEngineSetup.formLayoutSettings,
-                  formLayout: "standard",
-                  submitButtonSetup: {
-                    ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                    submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                      buttonIcon,
-                      buttonText
-                    ] })
-                  },
-                  styleRules: formStyleRules
+                formEngineSetup: {
+                  ...formEngineSetup,
+                  formLayoutSettings: {
+                    ...formEngineSetup.formLayoutSettings,
+                    formLayout: "standard",
+                    submitButtonSetup: {
+                      ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
+                      submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                        buttonIcon,
+                        buttonText
+                      ] })
+                    }
+                  }
                 },
-                fields: formFields
+                defaultFields: DEFAULT_FORM_FIELDS3,
+                defaultStyleRules: DEFAULT_STYLE_RULES
               }
             ) : null }) }),
             /* @__PURE__ */ jsxs(
@@ -14374,7 +14360,7 @@ function ContactCatering({
     onSuccess,
     onError
   });
-  const actionsContent = React28.useMemo(() => {
+  const actionsContent = React25.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -14618,7 +14604,7 @@ function ContactConsultation({
     onSuccess,
     onError
   });
-  const actionsContent = React28.useMemo(() => {
+  const actionsContent = React25.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -14791,23 +14777,7 @@ function ContactDark({
   pattern,
   patternOpacity
 }) {
-  const formStyleRules = React28.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES2.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES2.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES2.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES2.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES2.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES2.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React28.useMemo(() => {
-    if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
-      return formEngineSetup.fields;
-    }
-    return DEFAULT_FORM_FIELDS7;
-  }, [formEngineSetup?.fields]);
-  const contactOptionsContent = React28.useMemo(() => {
+  const contactOptionsContent = React25.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: [
@@ -14831,7 +14801,7 @@ function ContactDark({
     }
     return null;
   }, [contactOptionsSlot, contactOptions]);
-  const socialLinksContent = React28.useMemo(() => {
+  const socialLinksContent = React25.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (socialLinks && socialLinks.length > 0) {
       return socialLinks.map((social, key) => /* @__PURE__ */ jsx(
@@ -14872,20 +14842,22 @@ function ContactDark({
             /* @__PURE__ */ jsx("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
               FormEngine,
               {
-                ...formEngineSetup,
-                formLayoutSettings: {
-                  ...formEngineSetup.formLayoutSettings,
-                  formLayout: "standard",
-                  submitButtonSetup: {
-                    ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                    submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                      buttonIcon,
-                      buttonText
-                    ] })
-                  },
-                  styleRules: formStyleRules
+                formEngineSetup: {
+                  ...formEngineSetup,
+                  formLayoutSettings: {
+                    ...formEngineSetup.formLayoutSettings,
+                    formLayout: "standard",
+                    submitButtonSetup: {
+                      ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
+                      submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                        buttonIcon,
+                        buttonText
+                      ] })
+                    }
+                  }
                 },
-                fields: formFields
+                defaultFields: DEFAULT_FORM_FIELDS7,
+                defaultStyleRules: DEFAULT_STYLE_RULES2
               }
             ) : null }),
             /* @__PURE__ */ jsxs(
@@ -15399,22 +15371,6 @@ function ContactEmergency({
   pattern,
   patternOpacity
 }) {
-  const formStyleRules = React28.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES3.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES3.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES3.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES3.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES3.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES3.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React28.useMemo(() => {
-    if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
-      return formEngineSetup.fields;
-    }
-    return DEFAULT_FORM_FIELDS9;
-  }, [formEngineSetup?.fields]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -15488,20 +15444,22 @@ function ContactEmergency({
         /* @__PURE__ */ jsx("div", { className: "p-6", children: formEngineSetup ? /* @__PURE__ */ jsx(
           FormEngine,
           {
-            ...formEngineSetup,
-            formLayoutSettings: {
-              ...formEngineSetup.formLayoutSettings,
-              formLayout: "standard",
-              submitButtonSetup: {
-                ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                  buttonIcon,
-                  buttonText
-                ] })
-              },
-              styleRules: formStyleRules
+            formEngineSetup: {
+              ...formEngineSetup,
+              formLayoutSettings: {
+                ...formEngineSetup.formLayoutSettings,
+                formLayout: "standard",
+                submitButtonSetup: {
+                  ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
+                  submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                    buttonIcon,
+                    buttonText
+                  ] })
+                }
+              }
             },
-            fields: formFields
+            defaultFields: DEFAULT_FORM_FIELDS9,
+            defaultStyleRules: DEFAULT_STYLE_RULES3
           }
         ) : null })
       ] })
@@ -15855,23 +15813,6 @@ function ContactFaq({
   pattern,
   patternOpacity
 }) {
-  const formStyleRules = React28.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES4.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES4.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES4.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES4.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES4.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES4.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React28.useMemo(() => {
-    if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
-      return formEngineSetup.fields;
-    } else {
-      return DEFAULT_FORM_FIELDS11;
-    }
-  }, [formEngineSetup?.fields]);
   const hasFaqItems = itemsSlot || items && items.length > 0;
   const faqContent = useMemo(() => {
     if (itemsSlot) return itemsSlot;
@@ -15969,20 +15910,22 @@ function ContactFaq({
                 formEngineSetup ? /* @__PURE__ */ jsx(
                   FormEngine,
                   {
-                    ...formEngineSetup,
-                    formLayoutSettings: {
-                      ...formEngineSetup.formLayoutSettings,
-                      formLayout: "standard",
-                      submitButtonSetup: {
-                        ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                        submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                          buttonIcon,
-                          buttonText
-                        ] })
-                      },
-                      styleRules: formStyleRules
+                    formEngineSetup: {
+                      ...formEngineSetup,
+                      formLayoutSettings: {
+                        ...formEngineSetup.formLayoutSettings,
+                        formLayout: "standard",
+                        submitButtonSetup: {
+                          ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
+                          submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                            buttonIcon,
+                            buttonText
+                          ] })
+                        }
+                      }
                     },
-                    fields: formFields
+                    defaultFields: DEFAULT_FORM_FIELDS11,
+                    defaultStyleRules: DEFAULT_STYLE_RULES4
                   }
                 ) : null
               ] }) }),
@@ -16727,23 +16670,7 @@ function ContactImage({
   patternOpacity,
   optixFlowConfig
 }) {
-  const formStyleRules = React28.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES5.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES5.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES5.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES5.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES5.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES5.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React28.useMemo(() => {
-    if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
-      return formEngineSetup.fields;
-    }
-    return DEFAULT_FORM_FIELDS15;
-  }, [formEngineSetup?.fields]);
-  const contactOverlaysContent = React28.useMemo(() => {
+  const contactOverlaysContent = React25.useMemo(() => {
     if (contactOverlaysSlot) return contactOverlaysSlot;
     if (!contactOverlays || contactOverlays.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", contactOverlaysClassName), children: contactOverlays.map((item, index) => {
@@ -16862,20 +16789,22 @@ function ContactImage({
                   /* @__PURE__ */ jsx("div", { className: "mt-8", children: formEngineSetup ? /* @__PURE__ */ jsx(
                     FormEngine,
                     {
-                      ...formEngineSetup,
-                      formLayoutSettings: {
-                        ...formEngineSetup.formLayoutSettings,
-                        formLayout: "standard",
-                        submitButtonSetup: {
-                          ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
-                          submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                            buttonIcon,
-                            buttonText
-                          ] })
-                        },
-                        styleRules: formStyleRules
+                      formEngineSetup: {
+                        ...formEngineSetup,
+                        formLayoutSettings: {
+                          ...formEngineSetup.formLayoutSettings,
+                          formLayout: "standard",
+                          submitButtonSetup: {
+                            ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
+                            submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                              buttonIcon,
+                              buttonText
+                            ] })
+                          }
+                        }
                       },
-                      fields: formFields
+                      defaultFields: DEFAULT_FORM_FIELDS15,
+                      defaultStyleRules: DEFAULT_STYLE_RULES5
                     }
                   ) : null })
                 ]
@@ -21729,23 +21658,6 @@ function ContactVendor({
   pattern,
   patternOpacity = 0.1
 }) {
-  const formStyleRules = React28.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES6.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES6.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES6.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES6.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES6.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES6.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React28.useMemo(() => {
-    if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
-      return formEngineSetup.fields;
-    } else {
-      return DEFAULT_FORM_FIELDS38;
-    }
-  }, [formEngineSetup?.fields]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -21781,12 +21693,9 @@ function ContactVendor({
         /* @__PURE__ */ jsx(Card, { className: cn("mx-auto max-w-xl", cardClassName), children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
           FormEngine,
           {
-            ...formEngineSetup,
-            formLayoutSettings: {
-              ...formEngineSetup.formLayoutSettings,
-              styleRules: formStyleRules
-            },
-            fields: formFields
+            formEngineSetup,
+            defaultFields: DEFAULT_FORM_FIELDS38,
+            defaultStyleRules: DEFAULT_STYLE_RULES6
           }
         ) : null }) })
       ] })
@@ -22555,16 +22464,16 @@ function CarouselAnimatedSections({
   pattern = "diagonalCrossBasic",
   patternOpacity = 0.033
 }) {
-  const [currentIndex, setCurrentIndex] = React28.useState(0);
-  const [direction, setDirection] = React28.useState(0);
-  const [isAnimating, setIsAnimating] = React28.useState(false);
-  const goToNext = React28.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React25.useState(0);
+  const [direction, setDirection] = React25.useState(0);
+  const [isAnimating, setIsAnimating] = React25.useState(false);
+  const goToNext = React25.useCallback(() => {
     if (isAnimating || currentIndex >= (sections?.length ?? 0) - 1) return;
     setIsAnimating(true);
     setDirection(1);
     setCurrentIndex((prev) => prev + 1);
   }, [currentIndex, isAnimating, sections?.length]);
-  const goToPrev = React28.useCallback(() => {
+  const goToPrev = React25.useCallback(() => {
     if (isAnimating || currentIndex <= 0) return;
     setIsAnimating(true);
     setDirection(-1);
@@ -22576,7 +22485,7 @@ function CarouselAnimatedSections({
     setDirection(index > currentIndex ? 1 : -1);
     setCurrentIndex(index);
   };
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "ArrowDown" || e.key === "ArrowRight") {
         goToNext();
@@ -22602,7 +22511,7 @@ function CarouselAnimatedSections({
     })
   };
   const currentSection = sections?.[currentIndex];
-  const actionElements = React28.useMemo(() => {
+  const actionElements = React25.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => /* @__PURE__ */ jsxs(
@@ -22850,11 +22759,11 @@ function CarouselAutoProgressSlides({
   pattern,
   patternOpacity
 }) {
-  const [currentIndex, setCurrentIndex] = React28.useState(0);
+  const [currentIndex, setCurrentIndex] = React25.useState(0);
   const progress = useMotionValue(100);
-  const [direction, setDirection] = React28.useState(1);
+  const [direction, setDirection] = React25.useState(1);
   const clipPath = useMotionTemplate`inset(0 ${progress}% 0 0 round 10px)`;
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     const interval = setInterval(() => {
       const currentProgress = progress.get();
       if (currentProgress > 0) {
@@ -23033,22 +22942,22 @@ function CarouselAutoProgressSlides({
   );
 }
 function useDotButton(emblaApi) {
-  const [selectedIndex, setSelectedIndex] = React28.useState(0);
-  const [scrollSnaps, setScrollSnaps] = React28.useState([]);
-  const onDotButtonClick = React28.useCallback(
+  const [selectedIndex, setSelectedIndex] = React25.useState(0);
+  const [scrollSnaps, setScrollSnaps] = React25.useState([]);
+  const onDotButtonClick = React25.useCallback(
     (index) => {
       if (!emblaApi) return;
       emblaApi.scrollTo(index);
     },
     [emblaApi]
   );
-  const onInit = React28.useCallback((api) => {
+  const onInit = React25.useCallback((api) => {
     setScrollSnaps(api.scrollSnapList());
   }, []);
-  const onSelect = React28.useCallback((api) => {
+  const onSelect = React25.useCallback((api) => {
     setSelectedIndex(api.selectedScrollSnap());
   }, []);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!emblaApi) return;
     onInit(emblaApi);
     onSelect(emblaApi);
@@ -23057,8 +22966,8 @@ function useDotButton(emblaApi) {
   return { selectedIndex, scrollSnaps, onDotButtonClick };
 }
 function useAutoplay(emblaApi) {
-  const [autoplayIsPlaying, setAutoplayIsPlaying] = React28.useState(false);
-  const onAutoplayButtonClick = React28.useCallback(
+  const [autoplayIsPlaying, setAutoplayIsPlaying] = React25.useState(false);
+  const onAutoplayButtonClick = React25.useCallback(
     (callback) => {
       const autoplay = emblaApi?.plugins()?.autoplay;
       if (!autoplay) return;
@@ -23068,13 +22977,13 @@ function useAutoplay(emblaApi) {
     },
     [emblaApi]
   );
-  const toggleAutoplay = React28.useCallback(() => {
+  const toggleAutoplay = React25.useCallback(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     const playOrStop = autoplay.isPlaying() ? autoplay.stop : autoplay.play;
     playOrStop();
   }, [emblaApi]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     setAutoplayIsPlaying(autoplay.isPlaying());
@@ -23083,11 +22992,11 @@ function useAutoplay(emblaApi) {
   return { autoplayIsPlaying, toggleAutoplay, onAutoplayButtonClick };
 }
 function useAutoplayProgress(emblaApi, progressNode) {
-  const [showAutoplayProgress, setShowAutoplayProgress] = React28.useState(false);
-  const animationName = React28.useRef("");
-  const timeoutId = React28.useRef(0);
-  const rafId = React28.useRef(0);
-  const startProgress = React28.useCallback(
+  const [showAutoplayProgress, setShowAutoplayProgress] = React25.useState(false);
+  const animationName = React25.useRef("");
+  const timeoutId = React25.useRef(0);
+  const rafId = React25.useRef(0);
+  const startProgress = React25.useCallback(
     (timeUntilNext) => {
       const node = progressNode.current;
       if (!node || timeUntilNext === null) return;
@@ -23107,12 +23016,12 @@ function useAutoplayProgress(emblaApi, progressNode) {
     },
     [progressNode]
   );
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     emblaApi.on("autoplay:timerset", () => startProgress(autoplay.timeUntilNext())).on("autoplay:timerstopped", () => setShowAutoplayProgress(false));
   }, [emblaApi, startProgress]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     return () => {
       cancelAnimationFrame(rafId.current);
       clearTimeout(timeoutId.current);
@@ -23139,7 +23048,7 @@ function CarouselAutoplayProgress({
   pattern,
   patternOpacity
 }) {
-  const progressNode = React28.useRef(null);
+  const progressNode = React25.useRef(null);
   const [emblaRef, emblaApi] = useEmblaCarousel(options, [
     Autoplay({ playOnInit: true, delay: autoplayDelay })
   ]);
@@ -23262,20 +23171,20 @@ function CarouselFeatureBadge({
   containerMaxWidth = "2xl"
 }) {
   const [emblaRef, emblaApi] = useEmblaCarousel();
-  const [canScrollPrev, setCanScrollPrev] = React28.useState(false);
-  const [canScrollNext, setCanScrollNext] = React28.useState(false);
-  const scrollPrev = React28.useCallback(() => {
+  const [canScrollPrev, setCanScrollPrev] = React25.useState(false);
+  const [canScrollNext, setCanScrollNext] = React25.useState(false);
+  const scrollPrev = React25.useCallback(() => {
     emblaApi?.scrollPrev();
   }, [emblaApi]);
-  const scrollNext = React28.useCallback(() => {
+  const scrollNext = React25.useCallback(() => {
     emblaApi?.scrollNext();
   }, [emblaApi]);
-  const onSelect = React28.useCallback(() => {
+  const onSelect = React25.useCallback(() => {
     if (!emblaApi) return;
     setCanScrollPrev(emblaApi.canScrollPrev());
     setCanScrollNext(emblaApi.canScrollNext());
   }, [emblaApi]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!emblaApi) return;
     onSelect();
     emblaApi.on("reInit", onSelect);
@@ -23395,10 +23304,10 @@ function CarouselFullscreenScrollFx({
   pattern = "diagonalCrossBasic",
   patternOpacity = 0.033
 }) {
-  const containerRef = React28.useRef(null);
-  const scrollContainerRef = React28.useRef(null);
-  const [activeIndex, setActiveIndex] = React28.useState(0);
-  React28.useEffect(() => {
+  const containerRef = React25.useRef(null);
+  const scrollContainerRef = React25.useRef(null);
+  const [activeIndex, setActiveIndex] = React25.useState(0);
+  React25.useEffect(() => {
     const scrollContainer = scrollContainerRef.current;
     if (!scrollContainer || !slides?.length) return;
     const handleScroll = () => {
@@ -23410,7 +23319,7 @@ function CarouselFullscreenScrollFx({
     scrollContainer.addEventListener("scroll", handleScroll);
     return () => scrollContainer.removeEventListener("scroll", handleScroll);
   }, [slides]);
-  const scrollToSlide = React28.useCallback((index) => {
+  const scrollToSlide = React25.useCallback((index) => {
     const scrollContainer = scrollContainerRef.current;
     if (!scrollContainer) return;
     const slideHeight = scrollContainer.clientHeight;
@@ -23493,7 +23402,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 = React28.useMemo(() => {
+              const renderActions = React25.useMemo(() => {
                 if (!slide.actions || slide.actions.length === 0) return null;
                 return slide.actions.map((action, actionIndex) => {
                   const {
@@ -23626,25 +23535,25 @@ function CarouselGalleryThumbnails({
   patternOpacity,
   slideMediaBrightness = "100"
 }) {
-  const [currentIndex, setCurrentIndex] = React28.useState(0);
-  const prevSlide = React28.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React25.useState(0);
+  const prevSlide = React25.useCallback(() => {
     setCurrentIndex(
       (prev) => prev === 0 ? (images?.length ?? 0) - 1 : prev - 1
     );
   }, [images?.length]);
-  const nextSlide = React28.useCallback(() => {
+  const nextSlide = React25.useCallback(() => {
     setCurrentIndex(
       (prev) => prev === (images?.length ?? 0) - 1 ? 0 : prev + 1
     );
   }, [images?.length]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!autoPlay) return;
     const interval = setInterval(() => {
       nextSlide();
     }, autoPlayInterval);
     return () => clearInterval(interval);
   }, [currentIndex, autoPlay, autoPlayInterval, nextSlide]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "ArrowRight") {
         nextSlide();
@@ -23789,9 +23698,9 @@ function CarouselHorizontalCards({
   pattern,
   patternOpacity
 }) {
-  const carouselRef = React28.useRef(null);
-  const [isAtStart, setIsAtStart] = React28.useState(true);
-  const [isAtEnd, setIsAtEnd] = React28.useState(false);
+  const carouselRef = React25.useRef(null);
+  const [isAtStart, setIsAtStart] = React25.useState(true);
+  const [isAtEnd, setIsAtEnd] = React25.useState(false);
   const scrollLeft = () => {
     if (carouselRef.current) {
       carouselRef.current.scrollBy({ left: -300, behavior: "smooth" });
@@ -23802,7 +23711,7 @@ function CarouselHorizontalCards({
       carouselRef.current.scrollBy({ left: 300, behavior: "smooth" });
     }
   };
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     const checkScrollPosition = () => {
       if (carouselRef.current) {
         const { scrollLeft: scrollLeft2, scrollWidth, clientWidth } = carouselRef.current;
@@ -24002,13 +23911,13 @@ function CarouselImageHero({
   pattern,
   patternOpacity
 }) {
-  const hasImages = React28.useMemo(() => {
+  const hasImages = React25.useMemo(() => {
     return images && images?.length > 0;
   }, [images]);
-  const [currentImageIndex, setCurrentImageIndex] = React28.useState(0);
+  const [currentImageIndex, setCurrentImageIndex] = React25.useState(0);
   const progress = useMotionValue(100);
   const clipPath = useMotionTemplate`inset(0 ${progress}% 0 0 round 10px)`;
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!hasImages || (images?.length ?? 0) < 2) return;
     const tickInterval = autoPlayInterval / 100;
     const interval = setInterval(() => {
@@ -24030,19 +23939,19 @@ function CarouselImageHero({
     autoPlayInterval,
     hasImages
   ]);
-  const handlePrev = React28.useCallback(() => {
+  const handlePrev = React25.useCallback(() => {
     progress.set(100);
     setCurrentImageIndex(
       (prevIndex) => prevIndex > 0 ? prevIndex - 1 : (images?.length ?? 1) - 1
     );
   }, [images?.length, progress]);
-  const handleNext = React28.useCallback(() => {
+  const handleNext = React25.useCallback(() => {
     progress.set(100);
     setCurrentImageIndex(
       (prevIndex) => prevIndex < (images?.length ?? 0) - 1 ? prevIndex + 1 : 0
     );
   }, [images?.length, progress]);
-  const handleDotClick = React28.useCallback(
+  const handleDotClick = React25.useCallback(
     (index) => {
       progress.set(100);
       setCurrentImageIndex(index);
@@ -24219,8 +24128,8 @@ function CarouselMultiStepShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeStep, setActiveStep] = React28.useState(0);
-  const [direction, setDirection] = React28.useState(0);
+  const [activeStep, setActiveStep] = React25.useState(0);
+  const [direction, setDirection] = React25.useState(0);
   const goToStep = (index) => {
     setDirection(index > activeStep ? 1 : -1);
     setActiveStep(index);
@@ -24512,9 +24421,9 @@ function CarouselPortfolioHero({
   patternOpacity,
   slideMediaBrightness = "50"
 }) {
-  const [currentIndex, setCurrentIndex] = React28.useState(0);
-  const intervalRef = React28.useRef(null);
-  const resetInterval = React28.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React25.useState(0);
+  const intervalRef = React25.useRef(null);
+  const resetInterval = React25.useCallback(() => {
     if (intervalRef.current) {
       clearInterval(intervalRef.current);
     }
@@ -24522,17 +24431,17 @@ function CarouselPortfolioHero({
       setCurrentIndex((prevIndex) => (prevIndex + 1) % (slides?.length ?? 1));
     }, autoPlayInterval);
   }, [autoPlayInterval, slides?.length]);
-  const goToNext = React28.useCallback(() => {
+  const goToNext = React25.useCallback(() => {
     setCurrentIndex((prevIndex) => (prevIndex + 1) % (slides?.length ?? 1));
     resetInterval();
   }, [slides?.length, resetInterval]);
-  const goToPrev = React28.useCallback(() => {
+  const goToPrev = React25.useCallback(() => {
     setCurrentIndex(
       (prevIndex) => (prevIndex - 1 + (slides?.length ?? 1)) % (slides?.length ?? 1)
     );
     resetInterval();
   }, [slides?.length, resetInterval]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     resetInterval();
     return () => {
       if (intervalRef.current) {
@@ -24724,9 +24633,9 @@ function CarouselProductFeatureShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeIndex, setActiveIndex] = React28.useState(0);
-  const [activeColorIndex, setActiveColorIndex] = React28.useState(0);
-  const [direction, setDirection] = React28.useState(0);
+  const [activeIndex, setActiveIndex] = React25.useState(0);
+  const [activeColorIndex, setActiveColorIndex] = React25.useState(0);
+  const [direction, setDirection] = React25.useState(0);
   const activeFeature = features?.[activeIndex];
   const goToNext = () => {
     setDirection(1);
@@ -24946,9 +24855,9 @@ function CarouselProductFeatureShowcase({
     }
   );
 }
-var ProgressSliderContext = React28.createContext(void 0);
+var ProgressSliderContext = React25.createContext(void 0);
 function useProgressSliderContext() {
-  const context = React28.useContext(ProgressSliderContext);
+  const context = React25.useContext(ProgressSliderContext);
   if (!context) {
     throw new Error(
       "useProgressSliderContext must be used within a ProgressSlider"
@@ -25034,19 +24943,19 @@ function CarouselProgressSlider({
   pattern,
   patternOpacity
 }) {
-  const [active, setActive] = React28.useState(slides?.[0]?.id ?? "");
-  const [progress, setProgress] = React28.useState(0);
-  const [isFastForward, setIsFastForward] = React28.useState(false);
-  const [isPaused, setIsPaused] = React28.useState(false);
-  const frame = React28.useRef(0);
-  const firstFrameTime = React28.useRef(performance.now());
-  const targetValue = React28.useRef(null);
-  const pausedProgress = React28.useRef(0);
-  const sliderValues = React28.useMemo(
+  const [active, setActive] = React25.useState(slides?.[0]?.id ?? "");
+  const [progress, setProgress] = React25.useState(0);
+  const [isFastForward, setIsFastForward] = React25.useState(false);
+  const [isPaused, setIsPaused] = React25.useState(false);
+  const frame = React25.useRef(0);
+  const firstFrameTime = React25.useRef(performance.now());
+  const targetValue = React25.useRef(null);
+  const pausedProgress = React25.useRef(0);
+  const sliderValues = React25.useMemo(
     () => slides?.map((slide) => slide.id),
     [slides]
   );
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if ((sliderValues?.length ?? 0) > 0 && !isPaused) {
       firstFrameTime.current = performance.now();
       if (pausedProgress.current > 0) {
@@ -25211,11 +25120,11 @@ function CarouselScrollingFeatureShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeFeature, setActiveFeature] = React28.useState(
+  const [activeFeature, setActiveFeature] = React25.useState(
     features?.[0]?.id ?? ""
   );
-  const featureRefs = React28.useRef(/* @__PURE__ */ new Map());
-  React28.useEffect(() => {
+  const featureRefs = React25.useRef(/* @__PURE__ */ new Map());
+  React25.useEffect(() => {
     if (!features || features.length === 0) return;
     const observerOptions = {
       root: null,
@@ -26140,9 +26049,9 @@ function FeatureChecklistImage({
     }
   );
 }
-var CarouselContext = React28.createContext(null);
+var CarouselContext = React25.createContext(null);
 function useCarousel() {
-  const context = React28.useContext(CarouselContext);
+  const context = React25.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -26164,20 +26073,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React28.useState(false);
-  const [canScrollNext, setCanScrollNext] = React28.useState(false);
-  const onSelect = React28.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React25.useState(false);
+  const [canScrollNext, setCanScrollNext] = React25.useState(false);
+  const onSelect = React25.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React28.useCallback(() => {
+  const scrollPrev = React25.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React28.useCallback(() => {
+  const scrollNext = React25.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React28.useCallback(
+  const handleKeyDown = React25.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -26189,11 +26098,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -27117,7 +27026,7 @@ function FeatureThreeColumnValues({
   patternOpacity,
   patternClassName
 }) {
-  const renderValueIcon = React28.useCallback(
+  const renderValueIcon = React25.useCallback(
     (value) => {
       if (value.icon) return value.icon;
       if (value.iconName)
@@ -27619,7 +27528,7 @@ function FeatureTabbedContentImage({
   patternOpacity,
   patternClassName
 }) {
-  const renderFeatures = React28.useCallback(
+  const renderFeatures = React25.useCallback(
     (slide) => {
       if (slide.featuresSlot) return slide.featuresSlot;
       if (!slide.features || slide.features.length === 0) return null;
@@ -27643,7 +27552,7 @@ function FeatureTabbedContentImage({
     },
     []
   );
-  const renderActions = React28.useCallback(
+  const renderActions = React25.useCallback(
     (slide) => {
       if (slide.actionsSlot) return slide.actionsSlot;
       if (!slide.actions || slide.actions.length === 0) return null;
@@ -27686,7 +27595,7 @@ function FeatureTabbedContentImage({
     },
     []
   );
-  const renderImage = React28.useCallback(
+  const renderImage = React25.useCallback(
     (slide) => {
       if (slide.imageSlot) return slide.imageSlot;
       if (!slide.image) return null;
@@ -27922,7 +27831,7 @@ function FeatureUtilityCardsGrid({
       }
     );
   }, [learnMoreSlot, learnMoreAction, background]);
-  const renderUtilityImage = React28.useCallback(
+  const renderUtilityImage = React25.useCallback(
     (utility) => {
       if (utility.imageSlot) return utility.imageSlot;
       if (utility.image) {
@@ -28100,7 +28009,7 @@ function FeatureBentoUtilities({
   patternOpacity,
   patternClassName
 }) {
-  const renderCard = React28.useCallback(
+  const renderCard = React25.useCallback(
     (card, index) => {
       const hasImage = card.imageSrc || card.imageSlot;
       const cardClasses = cn(
@@ -28156,7 +28065,7 @@ function FeatureBentoUtilities({
     },
     [optixFlowConfig]
   );
-  const renderColumn = React28.useCallback(
+  const renderColumn = React25.useCallback(
     (cards, slot) => {
       if (slot) return slot;
       if (!cards || cards.length === 0) return null;
@@ -29402,7 +29311,7 @@ function FeatureBentoImageGrid({
   patternOpacity,
   patternClassName
 }) {
-  const renderItemIcon = React28.useCallback(
+  const renderItemIcon = React25.useCallback(
     (item) => {
       if (item.icon) return item.icon;
       if (item.iconName) return /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 24 });
@@ -29410,7 +29319,7 @@ function FeatureBentoImageGrid({
     },
     []
   );
-  const renderItemImage = React28.useCallback(
+  const renderItemImage = React25.useCallback(
     (item, imageClassName) => {
       if (item.imageSlot) return item.imageSlot;
       if (item.imageSrc) {
@@ -29429,7 +29338,7 @@ function FeatureBentoImageGrid({
     },
     [optixFlowConfig]
   );
-  const renderLargeCard = React28.useCallback(
+  const renderLargeCard = React25.useCallback(
     (item) => {
       const iconContent = renderItemIcon(item);
       const hasIconBadgeContent = iconContent || item.iconBadge;
@@ -29517,7 +29426,7 @@ function FeatureBentoImageGrid({
     },
     [largeCardClassName, renderItemImage, renderItemIcon]
   );
-  const renderSmallCard = React28.useCallback(
+  const renderSmallCard = React25.useCallback(
     (item, index) => {
       const iconContent = renderItemIcon(item);
       const hasIconBadgeContent = iconContent || item.iconBadge;
@@ -30132,7 +30041,7 @@ function FeatureAccordionImage({
   patternOpacity,
   patternClassName
 }) {
-  const [activeItem, setActiveItem] = React28.useState(defaultValue || "item-0");
+  const [activeItem, setActiveItem] = React25.useState(defaultValue || "item-0");
   const activeIndex = parseInt(activeItem.replace("item-", ""), 10) || 0;
   const currentImage = items?.[activeIndex] || items?.[0];
   const accordionItemsContent = useMemo(() => {
@@ -30281,7 +30190,7 @@ function FeatureCapabilitiesGrid({
   patternOpacity,
   patternClassName
 }) {
-  const renderItemIcon = React28.useCallback(
+  const renderItemIcon = React25.useCallback(
     (item) => {
       if (item.icon) return item.icon;
       if (item.iconName) return /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 20 });
@@ -30433,7 +30342,7 @@ function FeatureCapabilitiesGrid({
     }
   );
 }
-var TeamMemberBackgroundImageCard = React28.forwardRef(
+var TeamMemberBackgroundImageCard = React25.forwardRef(
   ({ className, imageUrl, imageAlt, children, optixFlowConfig, background, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -30481,7 +30390,7 @@ function TeamMediaShowcase({
   actionClassName,
   optixFlowConfig
 }) {
-  const renderItems = React28.useMemo(() => {
+  const renderItems = React25.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}`);
@@ -30579,7 +30488,7 @@ function TeamSimpleGrid({
   memberNameClassName,
   memberRoleClassName
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -30741,7 +30650,7 @@ function FooterBrandLinksContact({
     linkListClassName,
     linkItemClassName
   ]);
-  const contactItemsContent = React28.useMemo(() => {
+  const contactItemsContent = React25.useMemo(() => {
     if (!contactItems || contactItems.length === 0) return null;
     return contactItems.map((item, idx) => /* @__PURE__ */ jsxs(
       "div",
@@ -31099,7 +31008,7 @@ function TeamSocialGrid({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -31235,7 +31144,7 @@ function TeamGradientCards({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -31391,7 +31300,7 @@ function TeamBioBadges({
   memberBioClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -31568,7 +31477,7 @@ function TeamExpertiseCards({
   ctaDescriptionClassName,
   ctaButtonClassName
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -31645,7 +31554,7 @@ function TeamExpertiseCards({
       member.id
     ));
   }, [membersSlot, members, background, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, expertiseClassName]);
-  const renderCta = React28.useMemo(() => {
+  const renderCta = React25.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -31761,7 +31670,7 @@ function TeamCompactGrid({
   ctaDescriptionClassName,
   ctaButtonClassName
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -31816,7 +31725,7 @@ function TeamCompactGrid({
       member.id
     ));
   }, [membersSlot, members, background, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName]);
-  const renderCta = React28.useMemo(() => {
+  const renderCta = React25.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -31920,7 +31829,7 @@ function TeamInvestorShowcase({
   investorCompanyClassName,
   optixFlowConfig
 }) {
-  const renderInvestors = React28.useMemo(() => {
+  const renderInvestors = React25.useMemo(() => {
     if (investorsSlot) return investorsSlot;
     if (!investors || investors.length === 0) return null;
     return investors.map((investor) => /* @__PURE__ */ jsxs("div", { className: investorCardClassName, children: [
@@ -31994,7 +31903,7 @@ function TeamCarouselExperience({
   memberRoleClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.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(
@@ -32144,20 +32053,20 @@ function TeamFilterableSearch({
   emptyStateClassName,
   emptyStateMessage
 }) {
-  const [searchQuery, setSearchQuery] = React28.useState("");
-  const [selectedDepartment, setSelectedDepartment] = React28.useState("All");
-  const departments = React28.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React25.useState("");
+  const [selectedDepartment, setSelectedDepartment] = React25.useState("All");
+  const departments = React25.useMemo(() => {
     const depts = new Set(members.map((m) => m.department));
     return ["All", ...Array.from(depts)];
   }, [members]);
-  const filteredMembers = React28.useMemo(() => {
+  const filteredMembers = React25.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 = React28.useMemo(() => {
+  const renderFilters = React25.useMemo(() => {
     if (filtersSlot) return filtersSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -32212,7 +32121,7 @@ function TeamFilterableSearch({
     selectedDepartment,
     filterButtonClassName
   ]);
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     return filteredMembers.map((member) => /* @__PURE__ */ jsx(
       "div",
@@ -32399,7 +32308,7 @@ function TeamCompactCta({
   memberRoleClassName,
   ctaClassName
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -32427,7 +32336,7 @@ function TeamCompactCta({
       member.id
     ));
   }, [membersSlot, members, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, background]);
-  const renderCta = React28.useMemo(() => {
+  const renderCta = React25.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsx(
       Pressable,
@@ -32518,7 +32427,7 @@ function TeamHoverHighlight({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -32667,7 +32576,7 @@ function TeamSocialCards({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -32837,7 +32746,7 @@ function TeamGridAnimated({
     "hsl(var(--muted))",
     "hsl(var(--warning)/0.2)"
   ];
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member, index) => /* @__PURE__ */ jsxs(
@@ -32937,7 +32846,7 @@ function TeamGridAnimated({
     memberDesignationClassName,
     socialLinksClassName
   ]);
-  const renderSocialLinksMain = React28.useMemo(() => {
+  const renderSocialLinksMain = React25.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: [
@@ -33054,7 +32963,7 @@ function TeamDepartmentSections({
   memberRoleClassName,
   optixFlowConfig
 }) {
-  const renderDepartments = React28.useMemo(() => {
+  const renderDepartments = React25.useMemo(() => {
     if (departmentsSlot) return departmentsSlot;
     if (!departments || departments.length === 0) return null;
     return departments.map((department, deptIndex) => /* @__PURE__ */ jsxs(
@@ -33158,7 +33067,7 @@ function TeamAlternatingBios({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member, index) => /* @__PURE__ */ jsxs(
@@ -33340,7 +33249,7 @@ function TeamAvatarSocial({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -33483,7 +33392,7 @@ function TeamHoverOverlay({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -33659,14 +33568,14 @@ function TeamRoleFilter({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const [selectedRole, setSelectedRole] = React28.useState("All");
-  const filteredMembers = React28.useMemo(() => {
+  const [selectedRole, setSelectedRole] = React25.useState("All");
+  const filteredMembers = React25.useMemo(() => {
     if (!members) return [];
     return members.filter(
       (member) => selectedRole === "All" ? true : member.role === selectedRole
     );
   }, [members, selectedRole]);
-  const renderRoles = React28.useMemo(() => {
+  const renderRoles = React25.useMemo(() => {
     if (rolesSlot) return rolesSlot;
     if (!roles) return null;
     return /* @__PURE__ */ jsx(
@@ -33690,7 +33599,7 @@ function TeamRoleFilter({
       }
     );
   }, [rolesSlot, filtersClassName, roles, selectedRole, filterButtonClassName]);
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     return filteredMembers.map((member) => /* @__PURE__ */ jsx(
       Card,
@@ -33850,7 +33759,7 @@ function TeamContactCards({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const getStatusColor = React28.useCallback((status) => {
+  const getStatusColor = React25.useCallback((status) => {
     switch (status) {
       case "active":
         return "bg-success";
@@ -33860,7 +33769,7 @@ function TeamContactCards({
         return getTextColor(background, "muted");
     }
   }, [background]);
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.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: [
@@ -34067,7 +33976,7 @@ function TeamLargeImages({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -34242,7 +34151,7 @@ function TeamSkillBadges({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -34432,7 +34341,7 @@ function TeamTestimonialStats({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React28.useMemo(() => {
+  const renderMembers = React25.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -38576,7 +38485,7 @@ function BlogGridAuthorCardsComponent({
   pattern,
   patternOpacity
 }) {
-  const viewAllActionContent = React28.useMemo(() => {
+  const viewAllActionContent = React25.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -38601,7 +38510,7 @@ function BlogGridAuthorCardsComponent({
       }
     );
   }, [viewAllSlot, viewAllAction]);
-  const postsContent = React28.useMemo(() => {
+  const postsContent = React25.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -38713,7 +38622,7 @@ function BlogCardsTaglineCta({
   pattern,
   patternOpacity
 }) {
-  const ctaActionContent = React28.useMemo(() => {
+  const ctaActionContent = React25.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -38741,7 +38650,7 @@ function BlogCardsTaglineCta({
       }
     );
   }, [ctaSlot, ctaAction, ctaClassName]);
-  const postsContent = React28.useMemo(() => {
+  const postsContent = React25.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -38887,7 +38796,7 @@ function BlogCardsReadTime({
   pattern,
   patternOpacity
 }) {
-  const renderedViewAllAction = React28.useMemo(() => {
+  const renderedViewAllAction = React25.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -38904,7 +38813,7 @@ function BlogCardsReadTime({
       iconAfter
     ] }) });
   }, [viewAllSlot, viewAllAction]);
-  const renderedPosts = React28.useMemo(() => {
+  const renderedPosts = React25.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -39041,7 +38950,7 @@ function BlogCategoryOverlay({
   pattern,
   patternOpacity
 }) {
-  const viewAllActionContent = React28.useMemo(() => {
+  const viewAllActionContent = React25.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -39069,7 +38978,7 @@ function BlogCategoryOverlay({
       }
     );
   }, [viewAllSlot, viewAllAction, viewAllClassName]);
-  const postsContent = React28.useMemo(() => {
+  const postsContent = React25.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -39217,7 +39126,7 @@ function BlogFeaturedPopular({
 }) {
   const featuredPost = posts?.[0];
   const popularPosts = posts?.slice(1);
-  const renderedFeaturedPost = React28.useMemo(() => {
+  const renderedFeaturedPost = React25.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredPost) return null;
     const postHref = featuredPost.href || featuredPost.url || featuredPost.link;
@@ -39269,7 +39178,7 @@ function BlogFeaturedPopular({
     featuredContentClassName,
     optixFlowConfig
   ]);
-  const renderedPopularPosts = React28.useMemo(() => {
+  const renderedPopularPosts = React25.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!popularPosts || popularPosts.length === 0) return null;
     return popularPosts.map((post) => {
@@ -39386,7 +39295,7 @@ function BlogRelatedArticles({
   pattern,
   patternOpacity
 }) {
-  const renderedSeeAllAction = React28.useMemo(() => {
+  const renderedSeeAllAction = React25.useMemo(() => {
     if (seeAllSlot) return seeAllSlot;
     if (!seeAllAction) return null;
     const {
@@ -39415,7 +39324,7 @@ function BlogRelatedArticles({
       }
     );
   }, [seeAllSlot, seeAllAction, seeAllClassName]);
-  const renderedArticles = React28.useMemo(() => {
+  const renderedArticles = React25.useMemo(() => {
     if (articlesSlot) return articlesSlot;
     if (!articles || articles.length === 0) return null;
     return articles.map((item) => {
@@ -39723,7 +39632,7 @@ function BlogHorizontalCards({
   pattern,
   patternOpacity
 }) {
-  const ctaContent = React28.useMemo(() => {
+  const ctaContent = React25.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -39748,7 +39657,7 @@ function BlogHorizontalCards({
       }
     );
   }, [ctaSlot, ctaAction]);
-  const postsContent = React28.useMemo(() => {
+  const postsContent = React25.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -39970,7 +39879,7 @@ function Label({
   );
 }
 var POSTS_PER_PAGE = 6;
-var BlogCard = React28.memo(function BlogCard2({
+var BlogCard = React25.memo(function BlogCard2({
   post,
   optixFlowConfig,
   className
@@ -40009,7 +39918,7 @@ var BlogCard = React28.memo(function BlogCard2({
     ] })
   ] }) });
 });
-var FilterForm = React28.memo(function FilterForm2({
+var FilterForm = React25.memo(function FilterForm2({
   categories,
   selectedCategories,
   onCategoryChange,
@@ -40042,7 +39951,7 @@ var FilterForm = React28.memo(function FilterForm2({
     }
   );
 });
-var BreadcrumbBlog = React28.memo(function BreadcrumbBlog2({
+var BreadcrumbBlog = React25.memo(function BreadcrumbBlog2({
   breadcrumb
 }) {
   return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.map((item, i) => {
@@ -40124,12 +40033,12 @@ function BlogFilteredResultsComponent({
   }, [posts, selectedCategories]);
   const postsToDisplay = filteredPosts.length > 0 ? filteredPosts : posts || [];
   const hasMore = visibleCount < postsToDisplay.length;
-  const breadcrumbContent = React28.useMemo(() => {
+  const breadcrumbContent = React25.useMemo(() => {
     if (breadcrumbSlot) return breadcrumbSlot;
     if (!breadcrumb || breadcrumb.length === 0) return null;
     return /* @__PURE__ */ jsx(BreadcrumbBlog, { breadcrumb });
   }, [breadcrumbSlot, breadcrumb]);
-  const primaryPostContent = React28.useMemo(() => {
+  const primaryPostContent = React25.useMemo(() => {
     if (primaryPostSlot) return primaryPostSlot;
     if (!primaryPost) return null;
     return /* @__PURE__ */ jsx(
@@ -40141,7 +40050,7 @@ function BlogFilteredResultsComponent({
       }
     );
   }, [primaryPostSlot, primaryPost, optixFlowConfig, postCardClassName]);
-  const categoriesContent = React28.useMemo(() => {
+  const categoriesContent = React25.useMemo(() => {
     if (categoriesSlot) return categoriesSlot;
     if (!categories || categories.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -40160,7 +40069,7 @@ function BlogFilteredResultsComponent({
     handleCategoryChange,
     categoriesClassName
   ]);
-  const postsContent = React28.useMemo(() => {
+  const postsContent = React25.useMemo(() => {
     if (postsSlot) return postsSlot;
     return postsToDisplay.slice(0, visibleCount).map((post) => {
       const postKey = post.id || String(post.title) || Math.random().toString();
@@ -40181,7 +40090,7 @@ function BlogFilteredResultsComponent({
     optixFlowConfig,
     postCardClassName
   ]);
-  const loadMoreContent = React28.useMemo(() => {
+  const loadMoreContent = React25.useMemo(() => {
     if (loadMoreSlot) return loadMoreSlot;
     if (!loadMoreAction || !hasMore) return null;
     const {
@@ -40307,7 +40216,7 @@ function BlogMasonryFeaturedComponent({
 }) {
   const featuredPost = posts?.[0];
   const otherPosts = posts?.slice(1);
-  const featuredPostContent = React28.useMemo(() => {
+  const featuredPostContent = React25.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredPost) return null;
     const postHref = featuredPost.href || featuredPost.url || featuredPost.link || "#";
@@ -40357,7 +40266,7 @@ function BlogMasonryFeaturedComponent({
     featuredImageClassName,
     optixFlowConfig
   ]);
-  const otherPostsContent = React28.useMemo(() => {
+  const otherPostsContent = React25.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!otherPosts || otherPosts.length === 0) return null;
     return otherPosts.map((post) => {
@@ -40446,7 +40355,7 @@ function BlogHorizontalTimelineComponent({
   pattern,
   patternOpacity
 }) {
-  const renderPosts = React28.useMemo(() => {
+  const renderPosts = React25.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post, index) => {
@@ -40571,7 +40480,7 @@ function BlogGridNinePosts({
   pattern,
   patternOpacity
 }) {
-  const renderedCtaAction = React28.useMemo(() => {
+  const renderedCtaAction = React25.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -40596,7 +40505,7 @@ function BlogGridNinePosts({
       }
     );
   }, [ctaSlot, ctaAction]);
-  const renderedPosts = React28.useMemo(() => {
+  const renderedPosts = React25.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -40694,9 +40603,9 @@ var AppleCarousel = ({
   className,
   containerClassName
 }) => {
-  const carouselRef = React28__default.useRef(null);
-  const [canScrollLeft, setCanScrollLeft] = React28__default.useState(false);
-  const [canScrollRight, setCanScrollRight] = React28__default.useState(true);
+  const carouselRef = React25__default.useRef(null);
+  const [canScrollLeft, setCanScrollLeft] = React25__default.useState(false);
+  const [canScrollRight, setCanScrollRight] = React25__default.useState(true);
   const [currentIndex, setCurrentIndex] = useState(0);
   useEffect(() => {
     if (carouselRef.current) {
@@ -40933,7 +40842,7 @@ function BlogCarouselAppleComponent({
   containerClassName,
   cardClassName
 }) {
-  const carouselCards = React28.useMemo(() => {
+  const carouselCards = React25.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return posts.map(
       (post, idx) => ({
@@ -40945,7 +40854,7 @@ function BlogCarouselAppleComponent({
       })
     );
   }, [posts]);
-  const cardElements = React28.useMemo(() => {
+  const cardElements = React25.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return carouselCards.map((card, index) => {
       const post = posts[index];
@@ -41030,7 +40939,7 @@ function ArticleHeroProseComponent({
     description,
     authorImage
   } = post ?? {};
-  const authorContent = React28.useMemo(() => {
+  const authorContent = React25.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs(
@@ -41064,7 +40973,7 @@ function ArticleHeroProseComponent({
     dateFormat,
     authorClassName
   ]);
-  const heroMediaContent = React28.useMemo(() => {
+  const heroMediaContent = React25.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx(
@@ -41165,7 +41074,7 @@ function ArticleSidebarStickyComponent({
   pattern,
   patternOpacity
 }) {
-  const backLinkContent = React28.useMemo(() => {
+  const backLinkContent = React25.useMemo(() => {
     if (backLinkSlot) return backLinkSlot;
     if (!backHref && !backText) return null;
     return /* @__PURE__ */ jsxs(
@@ -41183,7 +41092,7 @@ function ArticleSidebarStickyComponent({
       }
     );
   }, [backLinkSlot, backHref, backText, backIcon, backLinkClassName]);
-  const renderAuthor = React28.useCallback(
+  const renderAuthor = React25.useCallback(
     (isMobile = false) => {
       if (authorSlot) return authorSlot;
       if (!authorName) return null;
@@ -41215,7 +41124,7 @@ function ArticleSidebarStickyComponent({
       authorClassName
     ]
   );
-  const heroMediaContent = React28.useMemo(() => {
+  const heroMediaContent = React25.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -41322,10 +41231,10 @@ function ArticleTocSidebarComponent({
   patternOpacity
 }) {
   const ctaActions = ctaActionsProp ?? (ctaButtonText ? [{ label: ctaButtonText, href: ctaButtonHref || "#", variant: "default", className: "w-full" }] : []);
-  const [activeSection, setActiveSection] = React28.useState(
+  const [activeSection, setActiveSection] = React25.useState(
     sections?.[0]?.id || ""
   );
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!enableTocTracking || !sections || sections.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -41343,12 +41252,12 @@ function ArticleTocSidebarComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  const categoryContent = React28.useMemo(() => {
+  const categoryContent = React25.useMemo(() => {
     if (categorySlot) return categorySlot;
     if (!category) return null;
     return /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: category });
   }, [categorySlot, category]);
-  const authorContent = React28.useMemo(() => {
+  const authorContent = React25.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-6 flex items-center gap-4", authorClassName), children: [
@@ -41368,7 +41277,7 @@ function ArticleTocSidebarComponent({
       ] })
     ] });
   }, [authorSlot, authorName, authorImage, authorHref, publishDate, readTime, authorClassName]);
-  const heroMediaContent = React28.useMemo(() => {
+  const heroMediaContent = React25.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -41381,7 +41290,7 @@ function ArticleTocSidebarComponent({
       }
     );
   }, [heroMediaSlot, heroImageSrc, heroImageAlt, heroImageClassName, optixFlowConfig]);
-  const tocContent = React28.useMemo(() => {
+  const tocContent = React25.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: [
@@ -41389,7 +41298,7 @@ function ArticleTocSidebarComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React28.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React25.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -41406,7 +41315,7 @@ function ArticleTocSidebarComponent({
       }) })
     ] });
   }, [tocSlot, sections, activeSection, renderSectionLink, tocClassName]);
-  const ctaContent = React28.useMemo(() => {
+  const ctaContent = React25.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: [
@@ -41495,11 +41404,11 @@ function ArticleBreadcrumbSocialComponent({
   patternOpacity
 }) {
   const author = authorProp ?? (authorName ? { name: authorName, image: authorImage, role: authorRole } : void 0);
-  const [activeSection, setActiveSection] = React28.useState(
+  const [activeSection, setActiveSection] = React25.useState(
     sections?.[0]?.id || ""
   );
-  const [showBackToTop, setShowBackToTop] = React28.useState(false);
-  React28.useEffect(() => {
+  const [showBackToTop, setShowBackToTop] = React25.useState(false);
+  React25.useEffect(() => {
     if (!enableTocTracking || !sections || sections.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -41517,7 +41426,7 @@ function ArticleBreadcrumbSocialComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!enableBackToTop) return;
     const handleScroll = () => {
       setShowBackToTop(window.scrollY > 400);
@@ -41525,15 +41434,15 @@ function ArticleBreadcrumbSocialComponent({
     window.addEventListener("scroll", handleScroll);
     return () => window.removeEventListener("scroll", handleScroll);
   }, [enableBackToTop]);
-  const scrollToTop = React28.useCallback(() => {
+  const scrollToTop = React25.useCallback(() => {
     window.scrollTo({ top: 0, behavior: "smooth" });
   }, []);
-  const breadcrumbsContent = React28.useMemo(() => {
+  const breadcrumbsContent = React25.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(React28.Fragment, { children: [
+      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React25.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)),
@@ -41543,7 +41452,7 @@ function ArticleBreadcrumbSocialComponent({
       ] })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const authorContent = React28.useMemo(() => {
+  const authorContent = React25.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     return /* @__PURE__ */ jsxs(
@@ -41566,7 +41475,7 @@ function ArticleBreadcrumbSocialComponent({
       }
     );
   }, [authorSlot, author, publishDate, readTime, authorClassName]);
-  const heroMediaContent = React28.useMemo(() => {
+  const heroMediaContent = React25.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -41588,7 +41497,7 @@ function ArticleBreadcrumbSocialComponent({
     heroImageClassName,
     optixFlowConfig
   ]);
-  const tocContent = React28.useMemo(() => {
+  const tocContent = React25.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: [
@@ -41596,7 +41505,7 @@ function ArticleBreadcrumbSocialComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React28.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React25.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -41701,11 +41610,11 @@ function ArticleCompactTocComponent({
   pattern,
   patternOpacity
 }) {
-  const [activeSection, setActiveSection] = React28.useState(
+  const [activeSection, setActiveSection] = React25.useState(
     sections?.[0]?.id || ""
   );
-  const [isTocOpen, setIsTocOpen] = React28.useState(false);
-  React28.useEffect(() => {
+  const [isTocOpen, setIsTocOpen] = React25.useState(false);
+  React25.useEffect(() => {
     if (!enableTocTracking) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -41723,12 +41632,12 @@ function ArticleCompactTocComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  const breadcrumbsContent = React28.useMemo(() => {
+  const breadcrumbsContent = React25.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(React28.Fragment, { children: [
+      breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React25.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)),
@@ -41736,7 +41645,7 @@ function ArticleCompactTocComponent({
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const shareContent = React28.useMemo(() => {
+  const shareContent = React25.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: [
@@ -41753,13 +41662,13 @@ function ArticleCompactTocComponent({
       ))
     ] });
   }, [shareSlot, socialLinks, shareClassName]);
-  const renderTocLinks = React28.useCallback(
+  const renderTocLinks = React25.useCallback(
     (onLinkClick) => {
       if (!sections) return null;
       return sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React28.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React25.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -41778,7 +41687,7 @@ function ArticleCompactTocComponent({
     },
     [sections, activeSection, renderSectionLink]
   );
-  const tocContent = React28.useMemo(() => {
+  const tocContent = React25.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: [
@@ -41811,7 +41720,7 @@ function ArticleCompactTocComponent({
       )
     ] }) });
   }, [tocSlot, sections, isTocOpen, tocClassName, renderTocLinks]);
-  const desktopTocContent = React28.useMemo(() => {
+  const desktopTocContent = React25.useMemo(() => {
     if (tocSlot) return null;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -41828,7 +41737,7 @@ function ArticleCompactTocComponent({
       }
     );
   }, [tocSlot, sections, tocClassName, renderTocLinks]);
-  const heroMediaContent = React28.useMemo(() => {
+  const heroMediaContent = React25.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -41958,10 +41867,10 @@ function ArticleChaptersAuthorComponent({
       variant: "default"
     }
   ] : []);
-  const [activeChapter, setActiveChapter] = React28.useState(
+  const [activeChapter, setActiveChapter] = React25.useState(
     chapters?.[0]?.id || ""
   );
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (!enableChapterTracking || !chapters || chapters.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -41979,12 +41888,12 @@ function ArticleChaptersAuthorComponent({
     });
     return () => observer.disconnect();
   }, [chapters, enableChapterTracking]);
-  const breadcrumbsContent = React28.useMemo(() => {
+  const breadcrumbsContent = React25.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(React28.Fragment, { children: [
+      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React25.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)),
@@ -41992,7 +41901,7 @@ function ArticleChaptersAuthorComponent({
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: typeof currentPage === "string" ? currentPage : currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const chaptersNavContent = React28.useMemo(() => {
+  const chaptersNavContent = React25.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: [
@@ -42000,7 +41909,7 @@ function ArticleChaptersAuthorComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: chapters.map((chapter) => {
         const isActive = activeChapter === chapter.id;
         if (renderChapterLink) {
-          return /* @__PURE__ */ jsx(React28.Fragment, { children: renderChapterLink(chapter, isActive) }, chapter.id);
+          return /* @__PURE__ */ jsx(React25.Fragment, { children: renderChapterLink(chapter, isActive) }, chapter.id);
         }
         return /* @__PURE__ */ jsxs(
           Pressable,
@@ -42026,7 +41935,7 @@ function ArticleChaptersAuthorComponent({
     renderChapterLink,
     chaptersClassName
   ]);
-  const authorCardContent = React28.useMemo(() => {
+  const authorCardContent = React25.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     let socialLinksContent = null;
@@ -42087,7 +41996,7 @@ function ArticleChaptersAuthorComponent({
       socialLinksContent
     ] });
   }, [authorSlot, author, authorClassName]);
-  const heroMediaContent = React28.useMemo(() => {
+  const heroMediaContent = React25.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -42109,7 +42018,7 @@ function ArticleChaptersAuthorComponent({
     heroImageClassName,
     optixFlowConfig
   ]);
-  const conclusionContent = React28.useMemo(() => {
+  const conclusionContent = React25.useMemo(() => {
     if (conclusionSlot) return conclusionSlot;
     if (!conclusionTitle && !conclusionDescription && (!conclusionActions || conclusionActions.length === 0))
       return null;
@@ -42261,7 +42170,7 @@ function ArticleSplitAnimatedComponent({
     }
   ] : []);
   const MotionWrapper = enableAnimations ? motion.div : "div";
-  const categoryContent = React28.useMemo(() => {
+  const categoryContent = React25.useMemo(() => {
     if (categorySlot) return categorySlot;
     if (!category) return null;
     return /* @__PURE__ */ jsx(
@@ -42276,7 +42185,7 @@ function ArticleSplitAnimatedComponent({
       }
     );
   }, [categorySlot, category, categoryHref, categoryClassName]);
-  const heroMediaContent = React28.useMemo(() => {
+  const heroMediaContent = React25.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx(
@@ -42289,7 +42198,7 @@ function ArticleSplitAnimatedComponent({
       }
     );
   }, [heroMediaSlot, image, imageAlt, title, optixFlowConfig]);
-  const authorContent = React28.useMemo(() => {
+  const authorContent = React25.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-8 flex items-center gap-4", authorClassName), children: [
@@ -42317,7 +42226,7 @@ function ArticleSplitAnimatedComponent({
     authorRole,
     authorClassName
   ]);
-  const ctaContent = React28.useMemo(() => {
+  const ctaContent = React25.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) => {
@@ -43774,7 +43683,7 @@ function FaqSidebarNavigation({
   accordionTriggerClassName,
   accordionContentClassName
 }) {
-  const [activeCategory, setActiveCategory] = React28.useState(
+  const [activeCategory, setActiveCategory] = React25.useState(
     categories && categories.length > 1 ? "all" : categories?.[0]?.id || ""
   );
   const filteredCategories = useMemo(() => {
@@ -44663,7 +44572,7 @@ function FaqSplitHero({
     imageArea
   ] }) });
 }
-var Controls = React28.memo(
+var Controls = React25.memo(
   ({
     handleNext,
     handlePrevious,
@@ -44694,7 +44603,7 @@ var Controls = React28.memo(
     ] });
   }
 );
-var FeatureCard = React28.memo(
+var FeatureCard = React25.memo(
   ({ feature, isActive, onClick }) => {
     const variants2 = useMemo(
       () => ({
@@ -44802,7 +44711,7 @@ var FeatureCard = React28.memo(
     ) });
   }
 );
-var FeaturesDesktop = React28.memo(
+var FeaturesDesktop = React25.memo(
   ({
     features,
     handleNext,
@@ -44836,7 +44745,7 @@ var FeaturesDesktop = React28.memo(
     ] });
   }
 );
-var FeaturesMobile = React28.memo(
+var FeaturesMobile = React25.memo(
   ({
     features,
     handleNext,
@@ -44927,8 +44836,8 @@ function FeatureAnimatedCarousel({
   spacing = "py-12 md:py-32",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8"
 }) {
-  const [activeIndex, setActiveIndex] = React28.useState(0);
-  const [direction, setDirection] = React28.useState(1);
+  const [activeIndex, setActiveIndex] = React25.useState(0);
+  const [direction, setDirection] = React25.useState(1);
   const handleNext = useCallback(() => {
     if (features && activeIndex < features.length - 1) {
       setDirection(1);
@@ -45790,7 +45699,7 @@ function FooterInfoCardsAccordion({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [email, setEmail] = React28.useState("");
+  const [email, setEmail] = React25.useState("");
   (/* @__PURE__ */ new Date()).getFullYear();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -46095,13 +46004,13 @@ function CaseStudiesImageGrid({
   patternOpacity,
   optixFlowConfig
 }) {
-  const getGridClass = React28.useCallback((index) => {
+  const getGridClass = React25.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 = React28.useMemo(() => {
+  const renderedItems = React25.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
     return items.map((item, index) => /* @__PURE__ */ jsxs(
@@ -46187,7 +46096,7 @@ function CaseStudiesTestimonialStats({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedTestimonials = React28.useMemo(() => {
+  const renderedTestimonials = React25.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
     return testimonials.map((testimonial, index) => /* @__PURE__ */ jsxs("div", { className: testimonialItemClassName, children: [
@@ -49660,7 +49569,7 @@ function CaseStudiesFeaturedBorder({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedFeatured = React28.useMemo(() => {
+  const renderedFeatured = React25.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredCaseStudy) return null;
     return /* @__PURE__ */ jsxs(
@@ -49734,7 +49643,7 @@ function CaseStudiesFeaturedBorder({
     featuredImageClassName,
     optixFlowConfig
   ]);
-  const renderedCaseStudies = React28.useMemo(() => {
+  const renderedCaseStudies = React25.useMemo(() => {
     if (caseStudiesSlot) return caseStudiesSlot;
     if (!caseStudies || caseStudies.length === 0) return null;
     return caseStudies.map((item, idx) => /* @__PURE__ */ jsxs(
@@ -49843,7 +49752,7 @@ function CaseStudiesStatsCard({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedStats = React28.useMemo(() => {
+  const renderedStats = React25.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: [
@@ -49851,7 +49760,7 @@ function CaseStudiesStatsCard({
       /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground", children: item.text })
     ] }, `stats-${i}`)) });
   }, [statsSlot, stats, statsClassName]);
-  const renderedAuthor = React28.useMemo(() => {
+  const renderedAuthor = React25.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2.5", authorClassName), children: [
@@ -49865,7 +49774,7 @@ function CaseStudiesStatsCard({
       ] })
     ] });
   }, [authorSlot, author, authorClassName]);
-  const renderedActions = React28.useMemo(() => {
+  const renderedActions = React25.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) => {
@@ -51240,23 +51149,6 @@ function HeroImageSlider({
   privacyNoticeClassName,
   gridClassName
 }) {
-  const formStyleRules = React28.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES7.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES7.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES7.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES7.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES7.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES7.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React28.useMemo(() => {
-    if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
-      return formEngineSetup.fields;
-    } else {
-      return DEFAULT_FORM_FIELDS42;
-    }
-  }, [formEngineSetup?.fields]);
   const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
@@ -51415,20 +51307,22 @@ function HeroImageSlider({
                     /* @__PURE__ */ jsx(
                       FormEngine,
                       {
-                        ...formEngineSetup,
-                        formLayoutSettings: {
-                          ...formEngineSetup?.formLayoutSettings,
-                          formLayout: "standard",
-                          submitButtonSetup: {
-                            ...formEngineSetup?.formLayoutSettings?.submitButtonSetup,
-                            submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                              buttonIcon,
-                              buttonText
-                            ] })
-                          },
-                          styleRules: formStyleRules
+                        formEngineSetup: {
+                          ...formEngineSetup,
+                          formLayoutSettings: {
+                            ...formEngineSetup?.formLayoutSettings,
+                            formLayout: "standard",
+                            submitButtonSetup: {
+                              ...formEngineSetup?.formLayoutSettings?.submitButtonSetup,
+                              submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                                buttonIcon,
+                                buttonText
+                              ] })
+                            }
+                          }
                         },
-                        fields: formFields
+                        defaultFields: DEFAULT_FORM_FIELDS42,
+                        defaultStyleRules: DEFAULT_STYLE_RULES7
                       }
                     ),
                     privacyNotice && /* @__PURE__ */ jsx(
@@ -57013,7 +56907,7 @@ function HeroSplitImageNewsletter({
     onError,
     uploadTokens
   });
-  const renderForm = React28.useMemo(() => {
+  const renderForm = React25.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formFields || formFields.length === 0) return null;
     const defaultButtonAction = {
@@ -57092,7 +56986,7 @@ function HeroSplitImageNewsletter({
     resetUpload,
     resetSubmissionState
   ]);
-  const renderImage = React28.useMemo(() => {
+  const renderImage = React25.useMemo(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx("div", { className: "relative lg:w-1/2", children: /* @__PURE__ */ jsx(
@@ -58520,7 +58414,7 @@ function HeroSaasDashboardPreview({
     onError,
     uploadTokens
   });
-  const renderBadge = React28.useMemo(() => {
+  const renderBadge = React25.useMemo(() => {
     if (badgeSlot) return badgeSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -58535,7 +58429,7 @@ function HeroSaasDashboardPreview({
       }
     );
   }, [badgeSlot, badgeIcon, badgeText]);
-  const renderForm = React28.useMemo(() => {
+  const renderForm = React25.useMemo(() => {
     if (formSlot) return formSlot;
     const defaultButtonAction = {
       label: "Start Free Trial",
@@ -58610,7 +58504,7 @@ function HeroSaasDashboardPreview({
     resetUpload,
     resetSubmissionState
   ]);
-  const renderBrowserPreview = React28.useMemo(() => {
+  const renderBrowserPreview = React25.useMemo(() => {
     if (browserPreviewSlot) return browserPreviewSlot;
     if (!browserPreview) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("relative mt-12 md:mt-20", previewClassName), children: [
@@ -60861,7 +60755,7 @@ function HeroEcommerceProductShowcase({
           "flex flex-col md:flex-row items-center gap-4 md:gap-6 pt-8 md:pt-12",
           statsClassName
         ),
-        children: stats.map((stat, index) => /* @__PURE__ */ jsxs(React28.Fragment, { children: [
+        children: stats.map((stat, index) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
           index > 0 && /* @__PURE__ */ jsx("div", { className: "h-12 w-px bg-border hidden md:flex" }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 justify-between flex-row md:flex-col text-left md:text-center w-full md:w-fit border md:border-none rounded-xl md:rounded-none p-4 md:p-0", children: [
             /* @__PURE__ */ jsxs(
@@ -61305,24 +61199,7 @@ function HeroNewsletterMinimal({
   disclaimerClassName,
   statsClassName
 }) {
-  const formStyleRules = React28.useMemo(() => {
-    return {
-      formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES8.formContainer,
-      fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES8.fieldsContainer,
-      fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES8.fieldClassName,
-      formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES8.formClassName,
-      successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES8.successMessageClassName,
-      errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES8.errorMessageClassName
-    };
-  }, [formEngineSetup?.formLayoutSettings?.styleRules]);
-  const formFields = React28.useMemo(() => {
-    if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
-      return formEngineSetup.fields;
-    } else {
-      return DEFAULT_FORM_FIELDS45;
-    }
-  }, [formEngineSetup?.fields]);
-  const renderStats = React28.useMemo(() => {
+  const renderStats = React25.useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
     return stats.map((stat, index) => /* @__PURE__ */ jsx("div", { className: cn("flex items-center", stat.className), children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
@@ -61348,7 +61225,7 @@ function HeroNewsletterMinimal({
       /* @__PURE__ */ jsx("div", { className: cn("text-sm"), children: stat.label })
     ] }) }, index));
   }, [statsSlot, stats]);
-  const renderForm = React28.useMemo(() => {
+  const renderForm = React25.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
     const defaultButtonAction = {
@@ -61360,22 +61237,24 @@ function HeroNewsletterMinimal({
       /* @__PURE__ */ jsx(
         FormEngine,
         {
-          ...formEngineSetup,
-          formLayoutSettings: {
-            ...formEngineSetup.formLayoutSettings,
-            formLayout: "button-group",
-            buttonGroupSetup: {
-              ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
-              size: "lg",
-              submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                action.label,
-                action.iconAfter
-              ] }),
-              submitVariant: action.variant || "default"
-            },
-            styleRules: formStyleRules
+          formEngineSetup: {
+            ...formEngineSetup,
+            formLayoutSettings: {
+              ...formEngineSetup.formLayoutSettings,
+              formLayout: "button-group",
+              buttonGroupSetup: {
+                ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
+                size: "lg",
+                submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                  action.label,
+                  action.iconAfter
+                ] }),
+                submitVariant: action.variant || "default"
+              }
+            }
           },
-          fields: formFields
+          defaultFields: DEFAULT_FORM_FIELDS45,
+          defaultStyleRules: DEFAULT_STYLE_RULES8
         }
       ),
       helperText && (typeof helperText === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm mt-2 text-center"), children: helperText }) : helperText)
@@ -61384,8 +61263,6 @@ function HeroNewsletterMinimal({
     formSlot,
     formEngineSetup,
     buttonAction,
-    formFields,
-    formStyleRules,
     helperText
   ]);
   return /* @__PURE__ */ jsx(
@@ -61515,7 +61392,7 @@ function HeroComingSoonCountdown({
   formClassName,
   socialLinksClassName
 }) {
-  const [timeLeft, setTimeLeft] = React28.useState(null);
+  const [timeLeft, setTimeLeft] = React25.useState(null);
   const {
     uploadTokens,
     uploadProgress,
@@ -61535,7 +61412,7 @@ function HeroComingSoonCountdown({
     onError,
     uploadTokens
   });
-  const calculateTimeLeft = React28.useCallback(() => {
+  const calculateTimeLeft = React25.useCallback(() => {
     if (!countdownDate) return null;
     const now = Date.now();
     const target = countdownDate.getTime();
@@ -61548,7 +61425,7 @@ function HeroComingSoonCountdown({
       seconds: Math.floor(diff % (1e3 * 60) / 1e3)
     };
   }, [countdownDate]);
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     setTimeLeft(calculateTimeLeft());
     if (!countdownDate) return;
     const timer = setInterval(() => {
@@ -61559,7 +61436,7 @@ function HeroComingSoonCountdown({
     return () => clearInterval(timer);
   }, [countdownDate, calculateTimeLeft]);
   const showCountdown = countdownSlot || timeLeft;
-  const renderForm = React28.useMemo(() => {
+  const renderForm = React25.useMemo(() => {
     if (formSlot) return formSlot;
     const defaultButtonAction = {
       label: "Notify Me",
@@ -61635,7 +61512,7 @@ function HeroComingSoonCountdown({
     resetUpload,
     resetSubmissionState
   ]);
-  const renderSocialLinks = React28.useMemo(() => {
+  const renderSocialLinks = React25.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return socialLinks.map((link, index) => /* @__PURE__ */ jsx(
@@ -61767,7 +61644,7 @@ function HeroEventRegistration({
           "flex flex-col md:flex-row items-center gap-4 md:gap-6 pt-8 md:pt-12 w-full md:w-fit",
           statsClassName
         ),
-        children: stats.map((stat, index) => /* @__PURE__ */ jsxs(React28.Fragment, { children: [
+        children: stats.map((stat, index) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
           index > 0 && /* @__PURE__ */ jsx("div", { className: "h-12 w-px bg-border hidden md:flex" }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 justify-between flex-row md:flex-col text-left md:text-center w-full md:w-fit border md:border-none rounded-xl md:rounded-none p-4 md:p-0", children: [
             /* @__PURE__ */ jsxs(
@@ -62107,7 +61984,7 @@ function ComparisonTableTwoColumn({
   patternOpacity,
   optixFlowConfig
 }) {
-  const tableContent = React28.useMemo(() => {
+  const tableContent = React25.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(
@@ -62137,7 +62014,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(React28.Fragment, { children: [
+          rows.map((row, idx) => /* @__PURE__ */ jsxs(React25.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" }),
@@ -62166,14 +62043,14 @@ function ComparisonTableTwoColumn({
     optionBLabel,
     optixFlowConfig
   ]);
-  const headingContent = React28.useMemo(() => {
+  const headingContent = React25.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 = React28.useMemo(() => {
+  const descriptionContent = React25.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 });
@@ -62220,7 +62097,7 @@ function ComparisonFeatureCards({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderCard = React28.useCallback(
+  const renderCard = React25.useCallback(
     (product, isHighlighted) => /* @__PURE__ */ jsxs(
       "div",
       {
@@ -62276,7 +62153,7 @@ function ComparisonFeatureCards({
     ),
     [cardClassName, optixFlowConfig]
   );
-  const cardsContent = React28.useMemo(() => {
+  const cardsContent = React25.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!productA || !productB) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -62284,28 +62161,28 @@ function ComparisonFeatureCards({
       renderCard(productB, productB.highlighted ?? false)
     ] });
   }, [cardsSlot, productA, productB, renderCard]);
-  const headingContent = React28.useMemo(() => {
+  const headingContent = React25.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 = React28.useMemo(() => {
+  const descriptionContent = React25.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 = React28.useMemo(() => {
+  const suitabilityContent = React25.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 = React28.useMemo(() => {
+  const differencesContent = React25.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),
@@ -62353,7 +62230,7 @@ function ComparisonGridBadges({
   pattern,
   patternOpacity
 }) {
-  const featuresContent = React28.useMemo(() => {
+  const featuresContent = React25.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, idx) => /* @__PURE__ */ jsxs(
@@ -62400,14 +62277,14 @@ function ComparisonGridBadges({
       idx
     ));
   }, [featuresSlot, features, featureCardClassName, badgeClassName, optionALabel, optionBLabel]);
-  const headingContent = React28.useMemo(() => {
+  const headingContent = React25.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 = React28.useMemo(() => {
+  const descriptionContent = React25.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 });
@@ -62455,7 +62332,7 @@ function ComparisonMetricsRows({
   pattern,
   patternOpacity
 }) {
-  const metricsContent = React28.useMemo(() => {
+  const metricsContent = React25.useMemo(() => {
     if (metricsSlot) return metricsSlot;
     if (!metrics || metrics.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -62495,7 +62372,7 @@ function ComparisonMetricsRows({
       }
     );
   }, [metricsSlot, metrics, metricsClassName, metricRowClassName]);
-  const actionsContent = React28.useMemo(() => {
+  const actionsContent = React25.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(
@@ -62516,7 +62393,7 @@ function ComparisonMetricsRows({
       idx
     )) });
   }, [actionsSlot, actions, actionsClassName]);
-  const headingContent = React28.useMemo(() => {
+  const headingContent = React25.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx(
@@ -62532,7 +62409,7 @@ function ComparisonMetricsRows({
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React28.useMemo(() => {
+  const descriptionContent = React25.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -62595,7 +62472,7 @@ function ComparisonImageCards({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderCard = React28.useCallback(
+  const renderCard = React25.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"),
@@ -62619,7 +62496,7 @@ function ComparisonImageCards({
     ] }) }),
     [cardClassName, optixFlowConfig]
   );
-  const cardsContent = React28.useMemo(() => {
+  const cardsContent = React25.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!optionA || !optionB) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -62637,14 +62514,14 @@ function ComparisonImageCards({
       )
     ] });
   }, [cardsSlot, optionA, optionB, dividerText, dividerClassName, renderCard]);
-  const headingContent = React28.useMemo(() => {
+  const headingContent = React25.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 = React28.useMemo(() => {
+  const descriptionContent = React25.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 });
@@ -62774,7 +62651,7 @@ function ComparisonTableTabs({
   patternOpacity
 }) {
   const [selectedTab, setSelectedTab] = useState(models?.[0]?.name || "");
-  const renderStatusIcon = React28.useCallback((status) => {
+  const renderStatusIcon = React25.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" }) });
     }
@@ -62783,7 +62660,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 = React28.useMemo(() => {
+  const tableContent = React25.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!models || models.length === 0 || !features || features.length === 0) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -62842,14 +62719,14 @@ function ComparisonTableTabs({
       ] }) })
     ] });
   }, [tableSlot, models, features, tabsClassName, tableClassName, tableHeaderClassName, tableCellClassName, selectedTab, renderStatusIcon]);
-  const headingContent = React28.useMemo(() => {
+  const headingContent = React25.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 = React28.useMemo(() => {
+  const descriptionContent = React25.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 });
@@ -62940,7 +62817,7 @@ function ComparisonTableTooltips({
   pattern,
   patternOpacity
 }) {
-  const renderCellContent = React28.useCallback(
+  const renderCellContent = React25.useCallback(
     (cell, isHighlighted) => {
       if (typeof cell === "string") {
         return cell;
@@ -62967,7 +62844,7 @@ function ComparisonTableTooltips({
     },
     []
   );
-  const tableContent = React28.useMemo(() => {
+  const tableContent = React25.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: [
@@ -62993,14 +62870,14 @@ function ComparisonTableTooltips({
       ] }, idx)) })
     ] });
   }, [tableSlot, rows, tableClassName, tableHeaderClassName, tableCellClassName, optionALabel, optionBLabel, renderCellContent]);
-  const headingContent = React28.useMemo(() => {
+  const headingContent = React25.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 = React28.useMemo(() => {
+  const descriptionContent = React25.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 });
@@ -63042,7 +62919,7 @@ function ComparisonFeatureGrid({
   pattern,
   patternOpacity
 }) {
-  const renderStatusIcon = React28.useCallback((status) => {
+  const renderStatusIcon = React25.useCallback((status) => {
     if (status === true) {
       return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/check", size: 20, className: "text-success" });
     }
@@ -63051,7 +62928,7 @@ function ComparisonFeatureGrid({
     }
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 20, className: "text-destructive" });
   }, []);
-  const gridContent = React28.useMemo(() => {
+  const gridContent = React25.useMemo(() => {
     if (gridSlot) return gridSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxs(
@@ -63117,14 +62994,14 @@ function ComparisonFeatureGrid({
     optionBLabel,
     renderStatusIcon
   ]);
-  const headingContent = React28.useMemo(() => {
+  const headingContent = React25.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 = React28.useMemo(() => {
+  const descriptionContent = React25.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 });
@@ -63168,7 +63045,7 @@ function ComparisonAiModels({
   optixFlowConfig
 }) {
   const [hoveredModel, setHoveredModel] = useState(null);
-  const renderStatusIcon = React28.useCallback((status) => {
+  const renderStatusIcon = React25.useCallback((status) => {
     if (status === "best") {
       return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-check", size: 16, className: "text-success" });
     }
@@ -63177,7 +63054,7 @@ function ComparisonAiModels({
     }
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/minus", size: 16, className: "text-muted-foreground" });
   }, []);
-  const getCellClassName = React28.useCallback(
+  const getCellClassName = React25.useCallback(
     (status, modelKey) => {
       const baseClass = "cursor-pointer py-4 text-center font-medium transition-all duration-300";
       let statusClass = "";
@@ -63198,7 +63075,7 @@ function ComparisonAiModels({
     },
     [hoveredModel]
   );
-  const getSummaryCardClassName = React28.useCallback(
+  const getSummaryCardClassName = React25.useCallback(
     (modelKey) => {
       const baseClass = "rounded border border-border/30 bg-background/50 p-3 transition-all duration-300";
       if (hoveredModel === modelKey) {
@@ -63213,7 +63090,7 @@ function ComparisonAiModels({
     },
     [hoveredModel]
   );
-  const tableContent = React28.useMemo(() => {
+  const tableContent = React25.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!models || !comparisonData || comparisonData.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -63291,7 +63168,7 @@ function ComparisonAiModels({
     getCellClassName,
     renderStatusIcon
   ]);
-  const analysisContent = React28.useMemo(() => {
+  const analysisContent = React25.useMemo(() => {
     if (analysisSlot) return analysisSlot;
     if (!models) return null;
     return /* @__PURE__ */ jsx("div", { className: cn(
@@ -63332,14 +63209,14 @@ function ComparisonAiModels({
       ] })
     ] }) });
   }, [analysisSlot, models, analysisClassName, getSummaryCardClassName]);
-  const headingContent = React28.useMemo(() => {
+  const headingContent = React25.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 = React28.useMemo(() => {
+  const descriptionContent = React25.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 });
@@ -63389,7 +63266,7 @@ function ComparisonLegacyModern({
   pattern,
   patternOpacity
 }) {
-  const columnsContent = React28.useMemo(() => {
+  const columnsContent = React25.useMemo(() => {
     if (columnsSlot) return columnsSlot;
     if (!legacyFeatures || legacyFeatures.length === 0 || !modernFeatures || modernFeatures.length === 0)
       return null;
@@ -63401,7 +63278,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(React28.Fragment, { children: [
+        /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: legacyFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React25.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 })
@@ -63418,7 +63295,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(React28.Fragment, { children: [
+            /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: modernFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React25.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
@@ -63430,7 +63307,7 @@ function ComparisonLegacyModern({
       )
     ] });
   }, [columnsSlot, legacyFeatures, modernFeatures, legacyTitle, modernTitle, legacyColumnClassName, modernColumnClassName]);
-  const headingContent = React28.useMemo(() => {
+  const headingContent = React25.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: [
@@ -63443,7 +63320,7 @@ function ComparisonLegacyModern({
       ] }) : headingHighlight)
     ] });
   }, [heading, headingHighlight, headingClassName, headingHighlightClassName]);
-  const descriptionContent = React28.useMemo(() => {
+  const descriptionContent = React25.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("text-lg", descriptionClassName), children: description });
@@ -63616,7 +63493,7 @@ var NavbarMobileMenu = ({
   closeIconClassName,
   title = "Mobile Navigation"
 }) => {
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (open) {
       const originalOverflow = document.body.style.overflow;
       document.body.style.overflow = "hidden";
@@ -63845,7 +63722,7 @@ var NavbarDropdownMenu = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React28.useState(false);
+  const [open, setOpen] = React25.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -64071,7 +63948,7 @@ var NavbarCenteredMenu = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React28.useState(false);
+  const [open, setOpen] = React25.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -64211,7 +64088,7 @@ var DesktopMenuItem = ({
   index,
   optixFlowConfig
 }) => {
-  const imagesRef = React28.useRef([]);
+  const imagesRef = React25.useRef([]);
   const layout = link.layout || "simple-grid";
   const handleMouseEnter = (event) => {
     const index2 = Number(event.currentTarget.getAttribute("data-index"));
@@ -65446,7 +65323,7 @@ var NavbarFeatureGrid = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React28.useState(false);
+  const [open, setOpen] = React25.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -68656,7 +68533,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(React28.Fragment, { children: [
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "flex", children: item.groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
         groupIndex > 0 && /* @__PURE__ */ jsx(
           Separator,
           {
@@ -69408,7 +69285,7 @@ var NavbarSimpleLinks = ({
   const renderNavItems = useMemo(() => {
     if (navItemsSlot) return navItemsSlot;
     if (!navItems || navItems.length === 0) return null;
-    return navItems.map((item) => /* @__PURE__ */ jsx(React28.Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsx(
+    return navItems.map((item) => /* @__PURE__ */ jsx(React25.Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsx(
       NavigationMenuLink,
       {
         "data-nav-item": item.name,
@@ -74437,7 +74314,7 @@ function PricingFullComparison({
           resolvedPlanIds[index]
         ))
       ] }) }),
-      /* @__PURE__ */ jsx("tbody", { children: categories.map((category) => /* @__PURE__ */ jsxs(React28.Fragment, { children: [
+      /* @__PURE__ */ jsx("tbody", { children: categories.map((category) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
         /* @__PURE__ */ jsx("tr", { className: cn(getNestedCardBg(background), getNestedCardTextColor(background), categoryRowClassName), children: /* @__PURE__ */ jsx(
           "td",
           {
@@ -79038,9 +78915,9 @@ function ProcessStickySteps({
   );
 }
 var usePrevious = (value) => {
-  const [prev, setPrev] = React28.useState(void 0);
-  const ref = React28.useRef(value);
-  React28.useEffect(() => {
+  const [prev, setPrev] = React25.useState(void 0);
+  const ref = React25.useRef(value);
+  React25.useEffect(() => {
     setPrev(ref.current);
     ref.current = value;
   }, [value]);
@@ -79053,12 +78930,12 @@ var ProcessCard = ({
   itemClassName,
   background
 }) => {
-  const ref = React28.useRef(null);
+  const ref = React25.useRef(null);
   const itemInView = useInView(ref, {
     amount: 0,
     margin: "0px 0px -60% 0px"
   });
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     if (itemInView) {
       setActive(index);
     }
@@ -79108,7 +78985,7 @@ function ProcessScrollImage({
   ctaText,
   ctaUrl
 }) {
-  const [active, setActive] = React28.useState(0);
+  const [active, setActive] = React25.useState(0);
   const previousActive = usePrevious(active);
   const resolvedHeading = title ?? heading;
   const resolvedActions = actions ?? (ctaText && ctaUrl ? [
@@ -79292,7 +79169,7 @@ var ProcessCard2 = ({
   hoverImageClassName,
   background
 }) => {
-  const [isHovered, setIsHovered] = React28.useState(false);
+  const [isHovered, setIsHovered] = React25.useState(false);
   const titleText = typeof step.title === "string" ? step.title : `Step ${index + 1}`;
   return /* @__PURE__ */ jsxs(
     "li",
@@ -79616,7 +79493,7 @@ function ProcessExpandableTimeline({
   // Backwards compatibility
   title
 }) {
-  const [expandedIndex, setExpandedIndex] = React28.useState(null);
+  const [expandedIndex, setExpandedIndex] = React25.useState(null);
   const resolvedHeading = title ?? heading;
   const toggleExpand = (index) => {
     setExpandedIndex(expandedIndex === index ? null : index);
@@ -84387,7 +84264,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(React28.Fragment, { children: [
+      items.map((item, index) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -84507,7 +84384,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(React28.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: experiencesClassName, children: experiences.map((experience, idx) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsxs(
         "div",
@@ -84528,7 +84405,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(React28.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: awardsClassName, children: awards.map((award, idx) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsxs(
         "div",
@@ -84663,7 +84540,7 @@ function ListMetricsDashboard({
   activeCategory: controlledActiveCategory,
   onActiveCategoryChange
 }) {
-  const [internalActiveTab, setInternalActiveTab] = React28.useState("all");
+  const [internalActiveTab, setInternalActiveTab] = React25.useState("all");
   const activeTab = controlledActiveCategory ?? internalActiveTab;
   const handleTabChange = (value) => {
     if (onActiveCategoryChange) {
@@ -85147,7 +85024,7 @@ function ListSearchableGrid({
   searchTerm: controlledSearchTerm,
   onSearchTermChange
 }) {
-  const [internalSearchTerm, setInternalSearchTerm] = React28.useState("");
+  const [internalSearchTerm, setInternalSearchTerm] = React25.useState("");
   const searchTerm = controlledSearchTerm ?? internalSearchTerm;
   const handleSearchChange = (value) => {
     if (onSearchTermChange) {
@@ -85156,7 +85033,7 @@ function ListSearchableGrid({
       setInternalSearchTerm(value);
     }
   };
-  const filteredItems = React28.useMemo(() => {
+  const filteredItems = React25.useMemo(() => {
     if (!searchTerm) {
       return items ?? [];
     }
@@ -85319,7 +85196,7 @@ function ListSearchableGrid({
     }
   );
 }
-var { useMemo: useMemo445 } = React28;
+var { useMemo: useMemo441 } = React25;
 function OfferModalNewsletterDiscount({
   title,
   emailPlaceholder,
@@ -85387,7 +85264,7 @@ function OfferModalNewsletterDiscount({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderCloseButton = useMemo445(() => {
+  const renderCloseButton = useMemo441(() => {
     if (closeButtonSlot) return closeButtonSlot;
     if (!closeButtonText) return null;
     return /* @__PURE__ */ jsx("div", { className: "absolute end-1.5 top-1.5", children: /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -85401,12 +85278,12 @@ function OfferModalNewsletterDiscount({
       }
     ) }) });
   }, [closeButtonSlot, closeButtonText, closeClassName]);
-  const renderHeader = useMemo445(() => {
+  const renderHeader = useMemo441(() => {
     if (headerSlot) return headerSlot;
     if (!title) return null;
     return /* @__PURE__ */ jsx(DialogHeader, { className: headerClassName, children: typeof title === "string" ? /* @__PURE__ */ jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) : /* @__PURE__ */ jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) });
   }, [headerSlot, title, headerClassName, titleClassName]);
-  const renderForm = useMemo445(() => {
+  const renderForm = useMemo441(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxs(
       Form,
@@ -85468,7 +85345,7 @@ function OfferModalNewsletterDiscount({
     }
   ) });
 }
-var { useMemo: useMemo446 } = React28;
+var { useMemo: useMemo442 } = React25;
 function OfferModalMembershipImage({
   overline,
   title,
@@ -85545,7 +85422,7 @@ function OfferModalMembershipImage({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderImage = useMemo446(() => {
+  const renderImage = useMemo442(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("max-h-[290px] h-full overflow-hidden max-lg:hidden", imageWrapperClassName), children: /* @__PURE__ */ jsx(
@@ -85558,7 +85435,7 @@ function OfferModalMembershipImage({
       }
     ) });
   }, [imageSlot, image, imageWrapperClassName, imageClassName, optixFlowConfig]);
-  const renderCloseButton = useMemo446(() => {
+  const renderCloseButton = useMemo442(() => {
     if (closeButtonSlot) return closeButtonSlot;
     return /* @__PURE__ */ jsx("div", { className: "absolute -end-px -top-px z-10", children: /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(
       Pressable,
@@ -85574,7 +85451,7 @@ function OfferModalMembershipImage({
       }
     ) }) });
   }, [closeButtonSlot, closeClassName]);
-  const renderForm = useMemo446(() => {
+  const renderForm = useMemo442(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxs(
       Form,
@@ -85637,7 +85514,7 @@ function OfferModalMembershipImage({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderFooter = useMemo446(() => {
+  const renderFooter = useMemo442(() => {
     if (footerSlot) return footerSlot;
     if (!description) return null;
     return /* @__PURE__ */ jsx(DialogFooter, { className: footerClassName, children: /* @__PURE__ */ jsx(DialogDescription, { className: cn("text-muted-foreground text-center text-xs leading-relaxed", descriptionClassName), children: description }) });
@@ -85757,7 +85634,7 @@ function SheetDescription({
     }
   );
 }
-var { useMemo: useMemo447 } = React28;
+var { useMemo: useMemo443 } = React25;
 function OfferModalSheetNewsletter({
   logo,
   logoSlot,
@@ -85840,7 +85717,7 @@ function OfferModalSheetNewsletter({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const sheetProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderLogo = useMemo447(() => {
+  const renderLogo = useMemo443(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -85854,7 +85731,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [logoSlot, logo, logoClassName, optixFlowConfig]);
-  const renderHeader = useMemo447(() => {
+  const renderHeader = useMemo443(() => {
     if (headerSlot) return headerSlot;
     return /* @__PURE__ */ jsxs(SheetHeader, { className: cn("gap-8 p-0", headerClassName), children: [
       renderLogo,
@@ -85864,7 +85741,7 @@ function OfferModalSheetNewsletter({
       ] })
     ] });
   }, [headerSlot, renderLogo, headerClassName, title, titleClassName, description, descriptionClassName]);
-  const renderForm = useMemo447(() => {
+  const renderForm = useMemo443(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsx(
       Form,
@@ -85912,7 +85789,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderLegal = useMemo447(() => {
+  const renderLegal = useMemo443(() => {
     if (legalSlot) return legalSlot;
     if (!termsUrl || !termsText || !privacyUrl || !privacyText) return null;
     return /* @__PURE__ */ jsxs("p", { className: cn("text-muted-foreground text-xs", legalClassName), children: [
@@ -85926,7 +85803,7 @@ function OfferModalSheetNewsletter({
       "."
     ] });
   }, [legalSlot, termsUrl, termsText, privacyUrl, privacyText, legalClassName]);
-  const renderImage = useMemo447(() => {
+  const renderImage = useMemo443(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("h-1/2 basis-1/2", imageWrapperClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 1, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
@@ -86506,10 +86383,10 @@ function ProjectDetailSidebarNavigation(props) {
     heroImageClassName,
     metadataClassName
   } = props;
-  const [activeSection, setActiveSection] = React28.useState(
+  const [activeSection, setActiveSection] = React25.useState(
     sections?.[0]?.id || ""
   );
-  React28.useEffect(() => {
+  React25.useEffect(() => {
     const handleScroll = () => {
       const sectionElements = sections?.map(
         (section) => document.getElementById(section.id)
@@ -89369,7 +89246,7 @@ function ProjectDetailTabbedCaseStudy(props) {
     testimonialClassName,
     toolsClassName
   } = props;
-  const [activeTab, setActiveTab] = React28.useState(tabs?.[0]?.id || "");
+  const [activeTab, setActiveTab] = React25.useState(tabs?.[0]?.id || "");
   const renderedBackAction = useMemo(() => {
     if (backActionSlot) return backActionSlot;
     if (!backAction) return null;
@@ -89757,7 +89634,7 @@ function RevealImage({
   index,
   optixFlowConfig
 }) {
-  const ref = React28.useRef(null);
+  const ref = React25.useRef(null);
   const { scrollYProgress } = useScroll({
     target: ref,
     offset: ["start end", "end start"]
@@ -89952,7 +89829,7 @@ function ParallaxSection({
   index,
   optixFlowConfig
 }) {
-  const ref = React28.useRef(null);
+  const ref = React25.useRef(null);
   const { scrollYProgress } = useScroll({
     target: ref,
     offset: ["start end", "end start"]
@@ -90025,7 +89902,7 @@ function ProjectDetailParallaxScroll(props) {
     heroImageClassName,
     sectionsClassName
   } = props;
-  const heroRef = React28.useRef(null);
+  const heroRef = React25.useRef(null);
   const { scrollYProgress } = useScroll({
     target: heroRef,
     offset: ["start start", "end start"]
@@ -90563,7 +90440,7 @@ function IndustriesExpandableShowcase({
   patternClassName,
   optixFlowConfig
 }) {
-  const [activeContractor, setActiveContractor] = React28.useState(
+  const [activeContractor, setActiveContractor] = React25.useState(
     contractors?.[0]?.id || ""
   );
   const handleContractorHover = (contractorId) => {
@@ -91216,7 +91093,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(React28.Fragment, { children: [
+    return /* @__PURE__ */ jsx(Breadcrumb, { className: breadcrumbsClassName, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React25.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)) }) });
@@ -94617,8 +94494,8 @@ function ServicesListTableHover({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [hoveredIndex, setHoveredIndex] = React28.useState(null);
-  const [mousePosition, setMousePosition] = React28.useState({ x: 0, y: 0 });
+  const [hoveredIndex, setHoveredIndex] = React25.useState(null);
+  const [mousePosition, setMousePosition] = React25.useState({ x: 0, y: 0 });
   const handleMouseMove = (e) => {
     setMousePosition({ x: e.clientX, y: e.clientY });
   };
@@ -94868,7 +94745,7 @@ function ServicesListStickyImage({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [activeIndex, setActiveIndex] = React28.useState(0);
+  const [activeIndex, setActiveIndex] = React25.useState(0);
   const renderServices = () => {
     if (servicesSlot) return servicesSlot;
     if (!services || services.length === 0) return null;
@@ -95120,8 +94997,8 @@ function ServicesListVideoShowcase({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [playingIndex, setPlayingIndex] = React28.useState(null);
-  const videoRefs = React28.useRef([]);
+  const [playingIndex, setPlayingIndex] = React25.useState(null);
+  const videoRefs = React25.useRef([]);
   const handleMouseEnter = (index) => {
     setPlayingIndex(index);
     videoRefs.current[index]?.play();
@@ -98414,7 +98291,7 @@ function StatsCircularProgress({
   statInfoClassName
 }) {
   const effectiveDefaultCategory = defaultCategory || (categories && categories.length > 0 ? categories[0].id : "");
-  const [category, setCategory] = React28.useState(effectiveDefaultCategory);
+  const [category, setCategory] = React25.useState(effectiveDefaultCategory);
   const badgeContent = useMemo(() => {
     if (badgeSlot) return badgeSlot;
     if (!badge) return null;
@@ -98707,8 +98584,8 @@ function StatsCardGroup({
   );
 }
 function useAnimatedCounter(endValue, duration = 2e3, isVisible) {
-  const [count, setCount] = React28.useState(0);
-  React28.useEffect(() => {
+  const [count, setCount] = React25.useState(0);
+  React25.useEffect(() => {
     if (!isVisible) return;
     let startTime = null;
     let animationFrame;
@@ -98796,9 +98673,9 @@ function StatsAnimatedCounter({
   statLabelClassName,
   statIconClassName
 }) {
-  const [isVisible, setIsVisible] = React28.useState(false);
-  const sectionRef = React28.useRef(null);
-  React28.useEffect(() => {
+  const [isVisible, setIsVisible] = React25.useState(false);
+  const sectionRef = React25.useRef(null);
+  React25.useEffect(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -98886,8 +98763,8 @@ function StatsAnimatedCounter({
   );
 }
 function useNumberTicker(endValue, duration = 2500, isVisible, decimals = 0) {
-  const [displayValue, setDisplayValue] = React28.useState("0");
-  React28.useEffect(() => {
+  const [displayValue, setDisplayValue] = React25.useState("0");
+  React25.useEffect(() => {
     if (!isVisible) return;
     let startTime = null;
     let animationFrame;
@@ -99002,9 +98879,9 @@ function StatsNumberTicker({
   statLabelClassName,
   statDescriptionClassName
 }) {
-  const [isVisible, setIsVisible] = React28.useState(false);
-  const sectionRef = React28.useRef(null);
-  React28.useEffect(() => {
+  const [isVisible, setIsVisible] = React25.useState(false);
+  const sectionRef = React25.useRef(null);
+  React25.useEffect(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -99263,9 +99140,9 @@ function StatsBarComparison({
   barValueClassName,
   barTrackClassName
 }) {
-  const [isVisible, setIsVisible] = React28.useState(!animate);
-  const sectionRef = React28.useRef(null);
-  React28.useEffect(() => {
+  const [isVisible, setIsVisible] = React25.useState(!animate);
+  const sectionRef = React25.useRef(null);
+  React25.useEffect(() => {
     if (!animate) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -99443,7 +99320,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(React28.Fragment, { children: [
+          children: steps.map((step, index) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center", stepClassName), children: [
               /* @__PURE__ */ jsx(
                 "span",
@@ -99710,7 +99587,7 @@ function TimelineTwoColumnFeatured({
   style,
   optixFlowConfig
 }) {
-  const renderActions = React28.useMemo(() => {
+  const renderActions = React25.useMemo(() => {
     if (actionsSlot) {
       return actionsSlot;
     }
@@ -99838,7 +99715,7 @@ function TimelineTwoColumnFeatured({
     }
   );
 }
-var DiagonalPattern = React28.memo(({
+var DiagonalPattern = React25.memo(({
   className,
   patternOpacity = 0.15
 }) => {
@@ -99877,7 +99754,7 @@ function TimelineAlternatingDiagonal({
   style,
   optixFlowConfig
 }) {
-  const renderedBadge = React28.useMemo(() => {
+  const renderedBadge = React25.useMemo(() => {
     if (badgeSlot) {
       return badgeSlot;
     }
@@ -100255,7 +100132,7 @@ function TimelineProductivityList({
     }
   );
 }
-var ProcessBar = React28.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(React28.Fragment, { children: [
+var ProcessBar = React25.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(React25.Fragment, { children: [
   /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -100282,7 +100159,7 @@ var ProcessBar = React28.memo(({ currentStep, steps }) => /* @__PURE__ */ jsx("d
     )
   ] })
 ] }, index)) }) }));
-var StepperContent = React28.memo(({ step, optixFlowConfig, imageClassName, descriptionClassName, background }) => {
+var StepperContent = React25.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,
@@ -100315,7 +100192,7 @@ var StepperContent = React28.memo(({ step, optixFlowConfig, imageClassName, desc
     )
   ] });
 });
-var NavButtons = React28.memo(({ handlePrev, handleNext }) => /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-3 tracking-tight", children: [
+var NavButtons = React25.memo(({ handlePrev, handleNext }) => /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-3 tracking-tight", children: [
   /* @__PURE__ */ jsxs(
     Pressable,
     {
@@ -100366,10 +100243,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 = React28.useCallback(() => {
+  const handleNext = React25.useCallback(() => {
     setCurrentStep((prev) => Math.min(prev + 1, (steps?.length ?? 1) - 1));
   }, [steps?.length]);
-  const handlePrev = React28.useCallback(() => {
+  const handlePrev = React25.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;
@@ -101078,7 +100955,7 @@ function TimelineTabbedPhases({
   style,
   optixFlowConfig
 }) {
-  const renderDownloadButton = React28.useMemo(() => {
+  const renderDownloadButton = React25.useMemo(() => {
     if (downloadSlot) {
       return downloadSlot;
     }
@@ -101298,7 +101175,7 @@ function TimelineProductLaunch({
   id,
   style
 }) {
-  const renderCta = React28.useMemo(() => {
+  const renderCta = React25.useMemo(() => {
     if (ctaSlot) {
       return ctaSlot;
     }
@@ -101763,9 +101640,9 @@ function LinkTreeBlock({
 }) {
   const resolvedBackground = background;
   const resolvedPattern = pattern ?? backgroundPattern;
-  const [lightboxOpen, setLightboxOpen] = React28.useState(false);
-  const [lightboxIndex, setLightboxIndex] = React28.useState(0);
-  const lightboxItems = React28.useMemo(() => {
+  const [lightboxOpen, setLightboxOpen] = React25.useState(false);
+  const [lightboxIndex, setLightboxIndex] = React25.useState(0);
+  const lightboxItems = React25.useMemo(() => {
     if (!mediaGallery || mediaGallery.length === 0) return [];
     return mediaGallery.slice(0, mediaGalleryLimit).map((item, index) => ({
       id: item.id ?? `media-${index}`,
@@ -101777,11 +101654,11 @@ function LinkTreeBlock({
       share: true
     }));
   }, [mediaGallery, mediaGalleryLimit]);
-  const handleMediaClick = React28.useCallback((index) => {
+  const handleMediaClick = React25.useCallback((index) => {
     setLightboxIndex(index);
     setLightboxOpen(true);
   }, []);
-  const handleLightboxClose = React28.useCallback(() => {
+  const handleLightboxClose = React25.useCallback(() => {
     setLightboxOpen(false);
   }, []);
   const resolveImage = (value, fallbackAlt) => {
@@ -101793,7 +101670,7 @@ function LinkTreeBlock({
   };
   const nameForAlt = typeof brandName === "string" ? brandName : "Brand avatar";
   const resolvedAvatar = resolveImage(brandAvatar || brandLogo, nameForAlt) || resolveImage(blockBrandedIconsAndPlaceholders.avatar1, nameForAlt);
-  const renderBrandHeader = React28.useMemo(() => {
+  const renderBrandHeader = React25.useMemo(() => {
     if (brandSlot) return brandSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -101880,7 +101757,7 @@ function LinkTreeBlock({
     brandTagline,
     taglineClassName
   ]);
-  const renderLinks = React28.useMemo(() => {
+  const renderLinks = React25.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) => {
@@ -101997,7 +101874,7 @@ function LinkTreeBlock({
     linkBadgeClassName,
     linkChevronClassName
   ]);
-  const renderMediaGallery = React28.useMemo(() => {
+  const renderMediaGallery = React25.useMemo(() => {
     if (mediaGallerySlot) return mediaGallerySlot;
     if (!mediaGallery || mediaGallery.length === 0) return null;
     const items = mediaGallery.slice(0, mediaGalleryLimit);
@@ -102111,7 +101988,7 @@ function LinkTreeBlock({
     mediaGalleryOverlayClassName,
     mediaGalleryPlayIconClassName
   ]);
-  const renderSocialLinks = React28.useMemo(() => {
+  const renderSocialLinks = React25.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -102157,7 +102034,7 @@ function LinkTreeBlock({
     socialIconClassName,
     socialLinkClassName
   ]);
-  const renderFooter = React28.useMemo(() => {
+  const renderFooter = React25.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;
     const resolvedFooterAction = footerAction;