@opensite/ui 2.8.8 → 2.8.9

package/dist/registry.js

@@ -1,15 +1,14 @@
-import * as React8 from 'react';
-import React8__default, { Fragment, createContext, useMemo, forwardRef, useCallback, useState, useEffect, useRef, startTransition, useContext } from 'react';
+import * as React32 from 'react';
+import React32__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';
 import { Img } from '@page-speed/img';
-import { MapLibre } from '@page-speed/maps';
-import { cva } from 'class-variance-authority';
-import { Icon } from '@page-speed/icon';
 import { motion as motion$1, AnimatePresence as AnimatePresence$1 } from 'motion/react';
+import { cva } from 'class-variance-authority';
 import { Slot } from '@radix-ui/react-slot';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { Icon } from '@page-speed/icon';
 import { usePlatformFromUrl } from '@opensite/hooks/usePlatformFromUrl';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { FormEngine, useFileUpload, useContactForm, DynamicFormField, submitPageSpeedForm, PageSpeedFormSubmissionError, isValidEmail } from '@page-speed/forms/integration';
@@ -17,6 +16,7 @@ import { AnimatePresence, motion, useMotionValue, useMotionTemplate, useSpring,
 import { Lightbox } from '@page-speed/lightbox';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { GeoMap } from '@page-speed/maps';
 import useEmblaCarousel from 'embla-carousel-react';
 import Autoplay from 'embla-carousel-autoplay';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
@@ -138,7 +138,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React8__default.forwardRef(
+var Container = React32__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -444,7 +444,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React8__default.forwardRef(
+var Section = React32__default.forwardRef(
   ({
     id,
     title,
@@ -509,12 +509,12 @@ function TextInner({ as, className, children, ...props }, ref) {
   const Component = as || "span";
   return /* @__PURE__ */ jsx(Component, { ref, className: cn(className), ...props, children });
 }
-var Text = React8.forwardRef(TextInner);
+var Text = React32.forwardRef(TextInner);
 Text.displayName = "Text";
 function isContentTextItem(item) {
-  return item !== null && typeof item === "object" && !React8.isValidElement(item) && "_type" in item && item._type === "text";
+  return item !== null && typeof item === "object" && !React32.isValidElement(item) && "_type" in item && item._type === "text";
 }
-var ContentGroup = React8.forwardRef(
+var ContentGroup = React32.forwardRef(
   ({ items, className, children, ...props }, ref) => {
     const hasContent = items && items.length > 0;
     if (!hasContent) {
@@ -527,10 +527,10 @@ var ContentGroup = React8.forwardRef(
           return /* @__PURE__ */ jsx(Text, { ...textProps }, idx);
         }
         const reactNode = item;
-        if (React8.isValidElement(reactNode)) {
-          return React8.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        if (React32.isValidElement(reactNode)) {
+          return React32.cloneElement(reactNode, { key: reactNode.key ?? idx });
         }
-        return /* @__PURE__ */ jsx(React8.Fragment, { children: reactNode }, idx);
+        return /* @__PURE__ */ jsx(React32.Fragment, { children: reactNode }, idx);
       }),
       children
     ] });
@@ -644,1085 +644,6 @@ function AlternatingBlocks({
     }
   );
 }
-function normalizePhoneNumber(input) {
-  const trimmed = input.trim();
-  if (trimmed.toLowerCase().startsWith("tel:")) {
-    return trimmed;
-  }
-  const match = trimmed.match(/^[\s\+\-\(\)]*(\d[\d\s\-\(\)\.]*\d)[\s\-]*(x|ext\.?|extension)?[\s\-]*(\d+)?$/i);
-  if (match) {
-    const mainNumber = match[1].replace(/[\s\-\(\)\.]/g, "");
-    const extension = match[3];
-    const normalized = mainNumber.length >= 10 && !trimmed.startsWith("+") ? `+${mainNumber}` : mainNumber;
-    const withExtension = extension ? `${normalized};ext=${extension}` : normalized;
-    return `tel:${withExtension}`;
-  }
-  const cleaned = trimmed.replace(/[\s\-\(\)\.]/g, "");
-  return `tel:${cleaned}`;
-}
-function normalizeEmail(input) {
-  const trimmed = input.trim();
-  if (trimmed.toLowerCase().startsWith("mailto:")) {
-    return trimmed;
-  }
-  return `mailto:${trimmed}`;
-}
-function isEmail(input) {
-  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  return emailRegex.test(input.trim());
-}
-function isPhoneNumber(input) {
-  const trimmed = input.trim();
-  if (trimmed.toLowerCase().startsWith("tel:")) {
-    return true;
-  }
-  const phoneRegex = /^[\s\+\-\(\)]*\d[\d\s\-\(\)\.]*\d[\s\-]*(x|ext\.?|extension)?[\s\-]*\d*$/i;
-  return phoneRegex.test(trimmed);
-}
-function isInternalUrl(href) {
-  if (typeof window === "undefined") {
-    return href.startsWith("/") && !href.startsWith("//");
-  }
-  const trimmed = href.trim();
-  if (trimmed.startsWith("/") && !trimmed.startsWith("//")) {
-    return true;
-  }
-  try {
-    const url = new URL(trimmed, window.location.href);
-    const currentOrigin = window.location.origin;
-    const normalizeOrigin = (origin) => origin.replace(/^(https?:\/\/)(www\.)?/, "$1");
-    return normalizeOrigin(url.origin) === normalizeOrigin(currentOrigin);
-  } catch {
-    return false;
-  }
-}
-function toRelativePath(href) {
-  if (typeof window === "undefined") {
-    return href;
-  }
-  const trimmed = href.trim();
-  if (trimmed.startsWith("/") && !trimmed.startsWith("//")) {
-    return trimmed;
-  }
-  try {
-    const url = new URL(trimmed, window.location.href);
-    const currentOrigin = window.location.origin;
-    const normalizeOrigin = (origin) => origin.replace(/^(https?:\/\/)(www\.)?/, "$1");
-    if (normalizeOrigin(url.origin) === normalizeOrigin(currentOrigin)) {
-      return url.pathname + url.search + url.hash;
-    }
-  } catch {
-  }
-  return trimmed;
-}
-function useNavigation({
-  href,
-  onClick
-} = {}) {
-  const linkType = React8.useMemo(() => {
-    if (!href || href.trim() === "") {
-      return onClick ? "none" : "none";
-    }
-    const trimmed = href.trim();
-    if (trimmed.toLowerCase().startsWith("mailto:") || isEmail(trimmed)) {
-      return "mailto";
-    }
-    if (trimmed.toLowerCase().startsWith("tel:") || isPhoneNumber(trimmed)) {
-      return "tel";
-    }
-    if (isInternalUrl(trimmed)) {
-      return "internal";
-    }
-    try {
-      new URL(trimmed, typeof window !== "undefined" ? window.location.href : "http://localhost");
-      return "external";
-    } catch {
-      return "internal";
-    }
-  }, [href, onClick]);
-  const normalizedHref = React8.useMemo(() => {
-    if (!href || href.trim() === "") {
-      return void 0;
-    }
-    const trimmed = href.trim();
-    switch (linkType) {
-      case "tel":
-        return normalizePhoneNumber(trimmed);
-      case "mailto":
-        return normalizeEmail(trimmed);
-      case "internal":
-        return toRelativePath(trimmed);
-      case "external":
-        return trimmed;
-      default:
-        return trimmed;
-    }
-  }, [href, linkType]);
-  const target = React8.useMemo(() => {
-    switch (linkType) {
-      case "external":
-        return "_blank";
-      case "internal":
-        return "_self";
-      case "mailto":
-      case "tel":
-        return void 0;
-      default:
-        return void 0;
-    }
-  }, [linkType]);
-  const rel = React8.useMemo(() => {
-    if (linkType === "external") {
-      return "noopener noreferrer";
-    }
-    return void 0;
-  }, [linkType]);
-  const isExternal = linkType === "external";
-  const isInternal = linkType === "internal";
-  const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React8.useCallback(
-    (event) => {
-      if (onClick) {
-        try {
-          onClick(event);
-        } catch (error) {
-          console.error("Error in user onClick handler:", error);
-        }
-      }
-      if (event.defaultPrevented) {
-        return;
-      }
-      if (shouldUseRouter && normalizedHref && event.button === 0 && // left-click only
-      !event.metaKey && !event.altKey && !event.ctrlKey && !event.shiftKey) {
-        if (typeof window !== "undefined") {
-          const handler = window.__opensiteNavigationHandler;
-          if (typeof handler === "function") {
-            try {
-              const handled = handler(normalizedHref, event.nativeEvent || event);
-              if (handled !== false) {
-                event.preventDefault();
-              }
-            } catch (error) {
-              console.error("Error in navigation handler:", error);
-            }
-          }
-        }
-      }
-    },
-    [onClick, shouldUseRouter, normalizedHref]
-  );
-  return {
-    linkType,
-    normalizedHref,
-    target,
-    rel,
-    isExternal,
-    isInternal,
-    shouldUseRouter,
-    handleClick
-  };
-}
-var baseStyles = [
-  // Layout
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap shrink-0",
-  // Typography - using CSS variables with sensible defaults
-  "font-[var(--button-font-family,inherit)]",
-  "font-[var(--button-font-weight,500)]",
-  "tracking-[var(--button-letter-spacing,0)]",
-  "leading-[var(--button-line-height,1.25)]",
-  "[text-transform:var(--button-text-transform,none)]",
-  "text-sm",
-  // Border radius
-  "rounded-[var(--button-radius,var(--radius,0.375rem))]",
-  // Smooth transition - using [transition:...] to set full shorthand property (not just transition-property)
-  "[transition:var(--button-transition,all_250ms_cubic-bezier(0.4,0,0.2,1))]",
-  // Box shadow (master level) - using [box-shadow:...] for complex multi-value shadows
-  "[box-shadow:var(--button-shadow,none)]",
-  "hover:[box-shadow:var(--button-shadow-hover,var(--button-shadow,none))]",
-  // Disabled state
-  "disabled:pointer-events-none disabled:opacity-50",
-  // SVG handling
-  "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
-  // Focus styles
-  "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-  // Invalid state
-  "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
-].join(" ");
-var buttonVariants = cva(baseStyles, {
-  variants: {
-    variant: {
-      // Default (Primary) variant - full customization
-      default: [
-        "bg-[var(--button-default-bg,hsl(var(--primary)))]",
-        "text-[var(--button-default-fg,hsl(var(--primary-foreground)))]",
-        "border-[length:var(--button-default-border-width,0px)]",
-        "border-[color:var(--button-default-border,transparent)]",
-        "[box-shadow:var(--button-default-shadow,var(--button-shadow,none))]",
-        "hover:bg-[var(--button-default-hover-bg,hsl(var(--primary)/0.9))]",
-        "hover:text-[var(--button-default-hover-fg,var(--button-default-fg,hsl(var(--primary-foreground))))]",
-        "hover:border-[color:var(--button-default-hover-border,var(--button-default-border,transparent))]",
-        "hover:[box-shadow:var(--button-default-shadow-hover,var(--button-shadow-hover,var(--button-default-shadow,var(--button-shadow,none))))]"
-      ].join(" "),
-      // Destructive variant - full customization
-      destructive: [
-        "bg-[var(--button-destructive-bg,hsl(var(--destructive)))]",
-        "text-[var(--button-destructive-fg,white)]",
-        "border-[length:var(--button-destructive-border-width,0px)]",
-        "border-[color:var(--button-destructive-border,transparent)]",
-        "[box-shadow:var(--button-destructive-shadow,var(--button-shadow,none))]",
-        "hover:bg-[var(--button-destructive-hover-bg,hsl(var(--destructive)/0.9))]",
-        "hover:text-[var(--button-destructive-hover-fg,var(--button-destructive-fg,white))]",
-        "hover:border-[color:var(--button-destructive-hover-border,var(--button-destructive-border,transparent))]",
-        "hover:[box-shadow:var(--button-destructive-shadow-hover,var(--button-shadow-hover,var(--button-destructive-shadow,var(--button-shadow,none))))]",
-        "focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
-        "dark:bg-destructive/60"
-      ].join(" "),
-      // Outline variant - full customization with proper border handling
-      outline: [
-        "bg-[var(--button-outline-bg,hsl(var(--background)))]",
-        "text-[var(--button-outline-fg,inherit)]",
-        "border-[length:var(--button-outline-border-width,1px)]",
-        "border-[color:var(--button-outline-border,hsl(var(--border)))]",
-        "[box-shadow:var(--button-outline-shadow,var(--button-shadow,0_1px_2px_0_rgb(0_0_0/0.05)))]",
-        "hover:bg-[var(--button-outline-hover-bg,hsl(var(--accent)))]",
-        "hover:text-[var(--button-outline-hover-fg,hsl(var(--accent-foreground)))]",
-        "hover:border-[color:var(--button-outline-hover-border,var(--button-outline-border,hsl(var(--border))))]",
-        "hover:[box-shadow:var(--button-outline-shadow-hover,var(--button-shadow-hover,var(--button-outline-shadow,var(--button-shadow,none))))]",
-        "dark:bg-input/30 dark:border-input dark:hover:bg-input/50"
-      ].join(" "),
-      // Secondary variant - full customization
-      secondary: [
-        "bg-[var(--button-secondary-bg,hsl(var(--secondary)))]",
-        "text-[var(--button-secondary-fg,hsl(var(--secondary-foreground)))]",
-        "border-[length:var(--button-secondary-border-width,0px)]",
-        "border-[color:var(--button-secondary-border,transparent)]",
-        "[box-shadow:var(--button-secondary-shadow,var(--button-shadow,none))]",
-        "hover:bg-[var(--button-secondary-hover-bg,hsl(var(--secondary)/0.8))]",
-        "hover:text-[var(--button-secondary-hover-fg,var(--button-secondary-fg,hsl(var(--secondary-foreground))))]",
-        "hover:border-[color:var(--button-secondary-hover-border,var(--button-secondary-border,transparent))]",
-        "hover:[box-shadow:var(--button-secondary-shadow-hover,var(--button-shadow-hover,var(--button-secondary-shadow,var(--button-shadow,none))))]"
-      ].join(" "),
-      // Ghost variant - full customization
-      ghost: [
-        "bg-[var(--button-ghost-bg,transparent)]",
-        "text-[var(--button-ghost-fg,inherit)]",
-        "border-[length:var(--button-ghost-border-width,0px)]",
-        "border-[color:var(--button-ghost-border,transparent)]",
-        "[box-shadow:var(--button-ghost-shadow,var(--button-shadow,none))]",
-        "hover:bg-[var(--button-ghost-hover-bg,hsl(var(--accent)))]",
-        "hover:text-[var(--button-ghost-hover-fg,hsl(var(--accent-foreground)))]",
-        "hover:border-[color:var(--button-ghost-hover-border,var(--button-ghost-border,transparent))]",
-        "hover:[box-shadow:var(--button-ghost-shadow-hover,var(--button-shadow-hover,var(--button-ghost-shadow,var(--button-shadow,none))))]",
-        "dark:hover:bg-accent/50"
-      ].join(" "),
-      // Link variant - full customization
-      link: [
-        "bg-[var(--button-link-bg,transparent)]",
-        "text-[var(--button-link-fg,hsl(var(--primary)))]",
-        "border-[length:var(--button-link-border-width,0px)]",
-        "border-[color:var(--button-link-border,transparent)]",
-        "[box-shadow:var(--button-link-shadow,none)]",
-        "hover:bg-[var(--button-link-hover-bg,transparent)]",
-        "hover:text-[var(--button-link-hover-fg,var(--button-link-fg,hsl(var(--primary))))]",
-        "hover:[box-shadow:var(--button-link-shadow-hover,none)]",
-        "underline-offset-4 hover:underline"
-      ].join(" ")
-    },
-    size: {
-      default: [
-        "h-[var(--button-height-md,2.25rem)]",
-        "px-[var(--button-padding-x-md,1rem)]",
-        "py-[var(--button-padding-y-md,0.5rem)]",
-        "has-[>svg]:px-[calc(var(--button-padding-x-md,1rem)*0.75)]"
-      ].join(" "),
-      sm: [
-        "h-[var(--button-height-sm,2rem)]",
-        "px-[var(--button-padding-x-sm,0.75rem)]",
-        "py-[var(--button-padding-y-sm,0.25rem)]",
-        "gap-1.5",
-        "has-[>svg]:px-[calc(var(--button-padding-x-sm,0.75rem)*0.83)]"
-      ].join(" "),
-      md: [
-        "h-[var(--button-height-md,2.25rem)]",
-        "px-[var(--button-padding-x-md,1rem)]",
-        "py-[var(--button-padding-y-md,0.5rem)]",
-        "has-[>svg]:px-[calc(var(--button-padding-x-md,1rem)*0.75)]"
-      ].join(" "),
-      lg: [
-        "h-[var(--button-height-lg,2.5rem)]",
-        "px-[var(--button-padding-x-lg,1.5rem)]",
-        "py-[var(--button-padding-y-lg,0.5rem)]",
-        "has-[>svg]:px-[calc(var(--button-padding-x-lg,1.5rem)*0.67)]"
-      ].join(" "),
-      icon: "size-[var(--button-height-md,2.25rem)]",
-      "icon-sm": "size-[var(--button-height-sm,2rem)]",
-      "icon-lg": "size-[var(--button-height-lg,2.5rem)]"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
-});
-var Pressable = React8.forwardRef(
-  ({
-    children,
-    className,
-    href,
-    onClick,
-    variant,
-    size,
-    asButton = false,
-    fallbackComponentType = "span",
-    componentType,
-    "aria-label": ariaLabel,
-    "aria-describedby": ariaDescribedby,
-    id,
-    ...props
-  }, ref) => {
-    const navigation = useNavigation({ href, onClick });
-    const {
-      normalizedHref,
-      target,
-      rel,
-      linkType,
-      isInternal,
-      handleClick
-    } = navigation;
-    const shouldRenderLink = normalizedHref && linkType !== "none";
-    const shouldRenderButton = !shouldRenderLink && onClick;
-    const effectiveComponentType = componentType || (shouldRenderLink ? "a" : shouldRenderButton ? "button" : fallbackComponentType);
-    const finalComponentType = isInternal && shouldRenderLink ? "a" : effectiveComponentType;
-    const shouldApplyButtonStyles = asButton || variant || size;
-    const combinedClassName = cn(
-      shouldApplyButtonStyles && buttonVariants({ variant, size }),
-      className
-    );
-    const dataProps = Object.fromEntries(
-      Object.entries(props).filter(([key]) => key.startsWith("data-"))
-    );
-    const buttonDataAttributes = shouldApplyButtonStyles ? {
-      "data-slot": "button",
-      "data-variant": variant ?? "default",
-      "data-size": size ?? "default"
-    } : {};
-    const commonProps = {
-      className: combinedClassName,
-      onClick: handleClick,
-      "aria-label": ariaLabel,
-      "aria-describedby": ariaDescribedby,
-      id,
-      ...dataProps,
-      ...buttonDataAttributes
-    };
-    if (finalComponentType === "a" && shouldRenderLink) {
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          ref,
-          href: normalizedHref,
-          target,
-          rel,
-          ...commonProps,
-          ...props,
-          children
-        }
-      );
-    }
-    if (finalComponentType === "button") {
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          ref,
-          type: props.type || "button",
-          ...commonProps,
-          ...props,
-          children
-        }
-      );
-    }
-    if (finalComponentType === "div") {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          ...commonProps,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        ref,
-        ...commonProps,
-        children
-      }
-    );
-  }
-);
-Pressable.displayName = "Pressable";
-var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-var DynamicIcon = React8.memo(function DynamicIcon2({
-  apiKey,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-});
-DynamicIcon.displayName = "DynamicIcon";
-var PANEL_POSITION_CLASS = {
-  "top-left": "left-4 top-4",
-  "top-right": "right-4 top-4",
-  "bottom-left": "bottom-4 left-4",
-  "bottom-right": "bottom-4 right-4"
-};
-var DEFAULT_VIEW_STATE = {
-  latitude: 39.5,
-  longitude: -98.35,
-  zoom: 3
-};
-var VIDEO_FILE_EXTENSION_REGEX = /\.(mp4|webm|ogg|mov|m4v|m3u8)(\?.*)?$/i;
-function resolveMediaType(item) {
-  if (item.type) {
-    return item.type;
-  }
-  return VIDEO_FILE_EXTENSION_REGEX.test(item.src) ? "video" : "image";
-}
-function normalizeId(value, fallback) {
-  if (value === null || value === void 0 || value === "") {
-    return fallback;
-  }
-  return String(value);
-}
-function buildClusterCenter(markers) {
-  if (!markers.length) {
-    return null;
-  }
-  const total = markers.reduce(
-    (accumulator, marker) => ({
-      latitude: accumulator.latitude + marker.latitude,
-      longitude: accumulator.longitude + marker.longitude
-    }),
-    { latitude: 0, longitude: 0 }
-  );
-  return {
-    latitude: total.latitude / markers.length,
-    longitude: total.longitude / markers.length
-  };
-}
-function resolveActionKey(action, index) {
-  if (typeof action.label === "string" && action.label.trim().length > 0) {
-    return `label:${action.label}:${index}`;
-  }
-  if (action.href) {
-    return `href:${action.href}:${index}`;
-  }
-  return `action:${index}`;
-}
-function MarkerActions({ actions }) {
-  if (!actions || actions.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: actions.map((action, index) => {
-    const {
-      label,
-      icon,
-      iconAfter,
-      children,
-      href,
-      onClick,
-      className: actionClassName,
-      variant,
-      size,
-      asButton,
-      ...rest
-    } = action;
-    return /* @__PURE__ */ jsx(
-      Pressable,
-      {
-        href,
-        onClick,
-        variant: variant ?? (index === 0 ? "default" : "outline"),
-        size: size ?? "sm",
-        asButton: asButton ?? true,
-        className: cn("inline-flex items-center gap-2", actionClassName),
-        ...rest,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          icon,
-          label,
-          iconAfter
-        ] })
-      },
-      resolveActionKey(action, index)
-    );
-  }) });
-}
-function MarkerMediaCarousel({
-  mediaItems,
-  optixFlowConfig
-}) {
-  const [activeIndex, setActiveIndex] = React8.useState(0);
-  const totalItems = mediaItems.length;
-  const mediaResetKey = React8.useMemo(
-    () => mediaItems.map((item, index) => {
-      const itemId = normalizeId(item.id, `media-${index}`);
-      return `${itemId}:${item.src}:${item.type ?? ""}:${item.poster ?? ""}`;
-    }).join("|"),
-    [mediaItems]
-  );
-  const activeItemIndex = Math.min(activeIndex, Math.max(0, totalItems - 1));
-  React8.useEffect(() => {
-    setActiveIndex(0);
-  }, [mediaResetKey]);
-  return /* @__PURE__ */ jsxs("div", { className: "relative border-b border-border/60 bg-muted/40", children: [
-    /* @__PURE__ */ jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: mediaItems.map((item, index) => {
-      const isActive = index === activeItemIndex;
-      const mediaType = resolveMediaType(item);
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-hidden": !isActive,
-          className: cn(
-            "absolute inset-0 transition-opacity duration-500 ease-in-out",
-            isActive ? "opacity-100 z-[1]" : "opacity-0 z-0 pointer-events-none"
-          ),
-          children: mediaType === "video" ? /* @__PURE__ */ jsx(
-            "video",
-            {
-              className: "h-full w-full object-cover",
-              controls: isActive,
-              preload: "metadata",
-              poster: item.poster,
-              tabIndex: isActive ? 0 : -1,
-              children: /* @__PURE__ */ jsx("source", { src: item.src })
-            }
-          ) : /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: item.src,
-              alt: item.alt ?? "Map marker media",
-              className: "h-full w-full object-cover",
-              loading: "eager",
-              optixFlowConfig
-            }
-          )
-        },
-        normalizeId(item.id, `media-slide-${index}`)
-      );
-    }) }),
-    totalItems > 1 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Show previous media",
-          className: "absolute left-4 top-1/2 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-2xl bg-card text-card-foreground shadow-lg border-4 border-black hover:border-white hover:bg-black hover:text-white transition-all duration-500 z-[2]",
-          onClick: () => {
-            setActiveIndex(
-              (current) => (current - 1 + totalItems) % totalItems
-            );
-          },
-          children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-left", size: 18 })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Show next media",
-          className: "absolute right-4 top-1/2 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-2xl bg-card text-card-foreground shadow-lg border-4 border-black hover:border-white hover:bg-black hover:text-white transition-all duration-500 z-[2]",
-          onClick: () => {
-            setActiveIndex((current) => (current + 1) % totalItems);
-          },
-          children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 18 })
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "absolute bottom-2 left-1/2 flex -translate-x-1/2 items-center gap-1.5 z-[2]", children: mediaItems.map((item, index) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": `Show media item ${index + 1}`,
-          className: cn(
-            "h-2 rounded-full transition-all duration-300",
-            index === activeItemIndex ? "w-6 bg-card" : "w-2 bg-card opacity-50 hover:opacity-100"
-          ),
-          onClick: () => setActiveIndex(index)
-        },
-        normalizeId(item.id, `media-dot-${index}`)
-      )) })
-    ] }) : null
-  ] });
-}
-function getMarkerTitle(marker, markerIndex) {
-  if (marker.title !== void 0 && marker.title !== null) {
-    return marker.title;
-  }
-  if (marker.label !== void 0 && marker.label !== null) {
-    return marker.label;
-  }
-  return `Location ${markerIndex + 1}`;
-}
-function GeoMap({
-  className,
-  mapWrapperClassName,
-  mapClassName,
-  panelClassName,
-  panelPosition = "top-left",
-  stadiaApiKey = "",
-  mapStyle = "osm-bright",
-  styleUrl,
-  mapLibreCssHref,
-  markers = [],
-  clusters = [],
-  viewState,
-  defaultViewState,
-  onViewStateChange,
-  onMapClick,
-  onMarkerDrag,
-  showNavigationControl = true,
-  showGeolocateControl = false,
-  navigationControlPosition = "top-right",
-  geolocateControlPosition = "top-left",
-  flyToOptions,
-  markerFocusZoom = 14,
-  clusterFocusZoom = 5,
-  selectedMarkerId,
-  initialSelectedMarkerId,
-  onSelectionChange,
-  clearSelectionOnMapClick = true,
-  mapChildren,
-  optixFlowConfig
-}) {
-  const normalizedStandaloneMarkers = React8.useMemo(
-    () => markers.map((marker, index) => ({
-      ...marker,
-      id: normalizeId(marker.id, `marker-${index}`)
-    })),
-    [markers]
-  );
-  const normalizedClusters = React8.useMemo(() => {
-    const results = [];
-    clusters.forEach((cluster, clusterIndex) => {
-      const clusterId = normalizeId(cluster.id, `cluster-${clusterIndex}`);
-      const normalizedClusterMarkers = cluster.markers.map(
-        (marker, markerIndex) => ({
-          ...marker,
-          id: normalizeId(marker.id, `${clusterId}-marker-${markerIndex}`),
-          clusterId
-        })
-      );
-      const clusterCenter = cluster.latitude !== void 0 && cluster.longitude !== void 0 ? { latitude: cluster.latitude, longitude: cluster.longitude } : buildClusterCenter(normalizedClusterMarkers);
-      if (!clusterCenter) {
-        return;
-      }
-      results.push({
-        ...cluster,
-        id: clusterId,
-        latitude: clusterCenter.latitude,
-        longitude: clusterCenter.longitude,
-        markers: normalizedClusterMarkers
-      });
-    });
-    return results;
-  }, [clusters]);
-  const markerLookup = React8.useMemo(() => {
-    const lookup = /* @__PURE__ */ new Map();
-    normalizedStandaloneMarkers.forEach((marker) => {
-      lookup.set(marker.id, marker);
-    });
-    normalizedClusters.forEach((cluster) => {
-      cluster.markers.forEach((marker) => {
-        lookup.set(marker.id, marker);
-      });
-    });
-    return lookup;
-  }, [normalizedClusters, normalizedStandaloneMarkers]);
-  const clusterLookup = React8.useMemo(() => {
-    const lookup = /* @__PURE__ */ new Map();
-    normalizedClusters.forEach((cluster) => {
-      lookup.set(cluster.id, cluster);
-    });
-    return lookup;
-  }, [normalizedClusters]);
-  const firstCoordinate = React8.useMemo(() => {
-    if (normalizedStandaloneMarkers.length > 0) {
-      const firstStandaloneMarker = normalizedStandaloneMarkers[0];
-      return {
-        latitude: firstStandaloneMarker.latitude,
-        longitude: firstStandaloneMarker.longitude
-      };
-    }
-    if (normalizedClusters.length > 0) {
-      const firstCluster = normalizedClusters[0];
-      return {
-        latitude: firstCluster.latitude,
-        longitude: firstCluster.longitude
-      };
-    }
-    return {
-      latitude: DEFAULT_VIEW_STATE.latitude,
-      longitude: DEFAULT_VIEW_STATE.longitude
-    };
-  }, [normalizedClusters, normalizedStandaloneMarkers]);
-  const [uncontrolledViewState, setUncontrolledViewState] = React8.useState({
-    latitude: defaultViewState?.latitude ?? firstCoordinate.latitude,
-    longitude: defaultViewState?.longitude ?? firstCoordinate.longitude,
-    zoom: defaultViewState?.zoom ?? DEFAULT_VIEW_STATE.zoom
-  });
-  const isControlledViewState = viewState !== void 0;
-  const resolvedViewState = isControlledViewState ? viewState : uncontrolledViewState;
-  const applyViewState = React8.useCallback(
-    (nextState) => {
-      if (!isControlledViewState) {
-        setUncontrolledViewState((current) => {
-          const next = { ...current, ...nextState };
-          const hasChanged = current.latitude !== next.latitude || current.longitude !== next.longitude || current.zoom !== next.zoom;
-          return hasChanged ? next : current;
-        });
-      }
-      onViewStateChange?.(nextState);
-    },
-    [isControlledViewState, onViewStateChange]
-  );
-  const [selection, setSelection] = React8.useState(() => {
-    if (initialSelectedMarkerId !== void 0 && initialSelectedMarkerId !== null) {
-      return {
-        type: "marker",
-        markerId: String(initialSelectedMarkerId)
-      };
-    }
-    return { type: "none" };
-  });
-  React8.useEffect(() => {
-    if (selectedMarkerId === void 0 || selectedMarkerId === null) {
-      return;
-    }
-    setSelection({
-      type: "marker",
-      markerId: String(selectedMarkerId)
-    });
-  }, [selectedMarkerId]);
-  const selectedMarker = selection.markerId ? markerLookup.get(selection.markerId) : void 0;
-  const selectedCluster = selection.clusterId ? clusterLookup.get(selection.clusterId) : void 0;
-  React8.useEffect(() => {
-    if (selection.type === "marker" && selection.markerId && !selectedMarker) {
-      setSelection({ type: "none" });
-      onSelectionChange?.({ type: "none" });
-    }
-  }, [onSelectionChange, selectedMarker, selection]);
-  const emitSelectionChange = React8.useCallback(
-    (nextSelection) => {
-      if (nextSelection.type === "none") {
-        onSelectionChange?.({ type: "none" });
-        return;
-      }
-      if (nextSelection.type === "marker") {
-        const parentCluster = nextSelection.marker.clusterId ? clusterLookup.get(nextSelection.marker.clusterId) : void 0;
-        onSelectionChange?.({
-          type: "marker",
-          marker: nextSelection.marker,
-          cluster: parentCluster
-        });
-        return;
-      }
-      onSelectionChange?.({
-        type: "cluster",
-        cluster: nextSelection.cluster
-      });
-    },
-    [clusterLookup, onSelectionChange]
-  );
-  const selectMarker = React8.useCallback(
-    (marker) => {
-      setSelection({
-        type: "marker",
-        markerId: marker.id,
-        clusterId: marker.clusterId
-      });
-      applyViewState({
-        latitude: marker.latitude,
-        longitude: marker.longitude,
-        zoom: markerFocusZoom
-      });
-      emitSelectionChange({ type: "marker", marker });
-    },
-    [applyViewState, emitSelectionChange, markerFocusZoom]
-  );
-  const selectCluster = React8.useCallback(
-    (cluster) => {
-      setSelection({
-        type: "cluster",
-        clusterId: cluster.id
-      });
-      applyViewState({
-        latitude: cluster.latitude,
-        longitude: cluster.longitude,
-        zoom: clusterFocusZoom
-      });
-      emitSelectionChange({ type: "cluster", cluster });
-    },
-    [applyViewState, clusterFocusZoom, emitSelectionChange]
-  );
-  const clearSelection = React8.useCallback(() => {
-    setSelection({ type: "none" });
-    emitSelectionChange({ type: "none" });
-  }, [emitSelectionChange]);
-  const mapMarkers = React8.useMemo(() => {
-    const resolvedMarkers = [];
-    normalizedClusters.forEach((cluster) => {
-      const isSelected = selection.type === "cluster" && selection.clusterId === cluster.id;
-      resolvedMarkers.push({
-        id: `cluster-pin:${cluster.id}`,
-        latitude: cluster.latitude,
-        longitude: cluster.longitude,
-        element: () => {
-          const customMarkerElement = cluster.markerElement;
-          const markerBody = typeof customMarkerElement === "function" ? customMarkerElement({
-            isSelected,
-            count: cluster.markers.length
-          }) : customMarkerElement;
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "group cursor-pointer",
-              onClick: (event) => {
-                event.preventDefault();
-                event.stopPropagation();
-                selectCluster(cluster);
-              },
-              "aria-label": `View ${cluster.markers.length} clustered locations`,
-              children: markerBody ?? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cn(
-                    "inline-flex min-h-10 min-w-10 items-center justify-center rounded-full border-2 border-white px-2 text-xs font-semibold text-white shadow-lg transition-transform duration-200 group-hover:scale-105",
-                    isSelected && "ring-4 ring-primary/30",
-                    cluster.pinClassName
-                  ),
-                  style: {
-                    backgroundColor: cluster.pinColor ?? "var(--foreground)"
-                  },
-                  children: cluster.markers.length
-                }
-              )
-            }
-          );
-        }
-      });
-    });
-    normalizedStandaloneMarkers.forEach((marker) => {
-      const isSelected = selection.type === "marker" && selection.markerId === marker.id;
-      const customMarkerElement = marker.markerElement;
-      resolvedMarkers.push({
-        id: marker.id,
-        latitude: marker.latitude,
-        longitude: marker.longitude,
-        draggable: marker.draggable,
-        element: () => {
-          const markerBody = typeof customMarkerElement === "function" ? customMarkerElement({ isSelected }) : customMarkerElement;
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "group cursor-pointer",
-              onClick: (event) => {
-                event.preventDefault();
-                event.stopPropagation();
-                selectMarker(marker);
-              },
-              "aria-label": typeof marker.title === "string" ? `View ${marker.title}` : "View location details",
-              children: markerBody ?? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cn(
-                    "inline-flex h-4 w-4 rounded-full border-2 border-white shadow-md transition-transform duration-200 group-hover:scale-110",
-                    isSelected && "h-5 w-5 ring-4 ring-primary/30",
-                    marker.pinClassName
-                  ),
-                  style: {
-                    backgroundColor: marker.pinColor ?? "#f43f5e"
-                  }
-                }
-              )
-            }
-          );
-        }
-      });
-    });
-    return resolvedMarkers;
-  }, [
-    normalizedClusters,
-    normalizedStandaloneMarkers,
-    selectCluster,
-    selectMarker,
-    selection
-  ]);
-  const renderMarkerPanel = () => {
-    if (selectedMarker) {
-      const markerMediaItems = selectedMarker.mediaItems ?? [];
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "relative w-[min(24rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-border bg-card text-card-foreground shadow-2xl",
-            panelClassName
-          ),
-          children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": "Close marker details",
-                className: "\n            flex size-12 items-center justify-center rounded-bl-lg rounded-br-0 rounded-t-0 bg-black text-white transition-all duration-500 absolute top-0 right-0 z-10 cursor-pointer ring-4 ring-white\n",
-                onClick: clearSelection,
-                children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 20 })
-              }
-            ),
-            markerMediaItems.length > 0 ? /* @__PURE__ */ jsx(
-              MarkerMediaCarousel,
-              {
-                mediaItems: markerMediaItems,
-                optixFlowConfig
-              }
-            ) : null,
-            /* @__PURE__ */ jsxs("div", { className: "space-y-2 p-4", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
-                selectedMarker.eyebrow ? /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide", children: selectedMarker.eyebrow }) : null,
-                /* @__PURE__ */ jsx("div", { className: "text-base font-semibold leading-tight", children: selectedMarker.title ?? selectedMarker.label ?? "Location" })
-              ] }) }),
-              selectedMarker.summary ? /* @__PURE__ */ jsx("div", { className: "text-sm leading-relaxed", children: selectedMarker.summary }) : null,
-              selectedMarker.locationLine ? /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-start text-sm gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide:map-pin",
-                    className: "opacity-50",
-                    size: 18
-                  }
-                ),
-                typeof selectedMarker.locationLine === "string" ? /* @__PURE__ */ jsx(
-                  Pressable,
-                  {
-                    href: selectedMarker.locationUrl,
-                    className: cn(
-                      "transition-all duration-500",
-                      "font-medium opacity-75 hover:opacity-100",
-                      selectedMarker.locationUrl ? "underline underline-offset-4" : ""
-                    ),
-                    children: selectedMarker.locationLine
-                  }
-                ) : selectedMarker.locationLine
-              ] }) : null,
-              selectedMarker.hoursLine ? /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-start text-sm gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide:clock",
-                    className: "opacity-50",
-                    size: 18
-                  }
-                ),
-                typeof selectedMarker.hoursLine === "string" ? /* @__PURE__ */ jsx("div", { className: "font-medium", children: selectedMarker.hoursLine }) : selectedMarker.hoursLine
-              ] }) : null,
-              selectedMarker.markerContentComponent ? /* @__PURE__ */ jsx("div", { className: "relative", children: selectedMarker.markerContentComponent }) : null,
-              /* @__PURE__ */ jsx(MarkerActions, { actions: selectedMarker.actions })
-            ] })
-          ]
-        }
-      );
-    }
-    if (selectedCluster) {
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "relative w-[min(24rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-border bg-card text-card-foreground p-4 shadow-2xl",
-            panelClassName
-          ),
-          children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": "Close cluster details",
-                className: "flex size-8 items-center justify-center rounded-full border border-border bg-card text-card-foreground transition hover:bg-muted hover:text-foreground absolute top-2 right-2 z-10",
-                onClick: clearSelection,
-                children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 20 })
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-start justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-              selectedCluster.label ? /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: selectedCluster.label }) : null,
-              /* @__PURE__ */ jsx("div", { className: "text-base font-semibold leading-tight text-foreground", children: selectedCluster.title ?? "Clustered Locations" }),
-              /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: selectedCluster.summary ?? `${selectedCluster.markers.length} location${selectedCluster.markers.length === 1 ? "" : "s"} in this cluster.` })
-            ] }) }),
-            /* @__PURE__ */ jsx("div", { className: "max-h-56 space-y-2 overflow-y-auto pr-1", children: selectedCluster.markers.map((marker, markerIndex) => /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                className: "w-full rounded-lg border border-border/60 p-3 text-left transition hover:border-border hover:bg-muted/50",
-                onClick: () => selectMarker(marker),
-                children: [
-                  /* @__PURE__ */ jsx("div", { className: "line-clamp-1 text-sm font-semibold text-foreground", children: getMarkerTitle(marker, markerIndex) }),
-                  marker.summary ? /* @__PURE__ */ jsx("div", { className: "mt-1 line-clamp-2 text-xs text-muted-foreground", children: marker.summary }) : null
-                ]
-              },
-              marker.id
-            )) })
-          ]
-        }
-      );
-    }
-    return null;
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "relative overflow-hidden rounded-2xl border border-border bg-background",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: cn("h-[520px] w-full", mapWrapperClassName), children: /* @__PURE__ */ jsx(
-          MapLibre,
-          {
-            stadiaApiKey,
-            mapStyle,
-            styleUrl,
-            mapLibreCssHref,
-            viewState: resolvedViewState,
-            onViewStateChange: applyViewState,
-            markers: mapMarkers,
-            onClick: (coord) => {
-              onMapClick?.(coord);
-              if (clearSelectionOnMapClick) {
-                clearSelection();
-              }
-            },
-            onMarkerDrag,
-            showNavigationControl,
-            showGeolocateControl,
-            navigationControlPosition,
-            geolocateControlPosition,
-            flyToOptions,
-            className: cn("h-full w-full", mapClassName),
-            children: mapChildren
-          }
-        ) }),
-        selection.type !== "none" ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "pointer-events-none absolute z-20",
-              PANEL_POSITION_CLASS[panelPosition]
-            ),
-            children: /* @__PURE__ */ jsx("div", { className: "pointer-events-auto", children: renderMarkerPanel() })
-          }
-        ) : null
-      ]
-    }
-  );
-}
 var slideVariants = {
   initial: {
     scale: 0.98,
@@ -1796,10 +717,10 @@ var ImageSlider = ({
   optixFlowConfig
 }) => {
   const hasImages = images.length > 0;
-  const [currentIndex, setCurrentIndex] = React8.useState(
+  const [currentIndex, setCurrentIndex] = React32.useState(
     () => normalizeIndex(startIndex, images.length)
   );
-  const handleNext = React8.useCallback(() => {
+  const handleNext = React32.useCallback(() => {
     if (!hasImages) return;
     setCurrentIndex((prevIndex) => {
       const nextIndex = prevIndex + 1 >= images.length ? 0 : prevIndex + 1;
@@ -1807,7 +728,7 @@ var ImageSlider = ({
       return nextIndex;
     });
   }, [hasImages, images.length, onSlideChange]);
-  const handlePrevious = React8.useCallback(() => {
+  const handlePrevious = React32.useCallback(() => {
     if (!hasImages) return;
     setCurrentIndex((prevIndex) => {
       const nextIndex = prevIndex - 1 < 0 ? images.length - 1 : prevIndex - 1;
@@ -1815,11 +736,11 @@ var ImageSlider = ({
       return nextIndex;
     });
   }, [hasImages, images.length, onSlideChange]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!hasImages) return;
     setCurrentIndex(normalizeIndex(startIndex, images.length));
   }, [startIndex, images.length, hasImages]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!enableKeyboard || !hasImages) return;
     const handleKeyDown = (event) => {
       if (event.key === "ArrowRight") {
@@ -1833,7 +754,7 @@ var ImageSlider = ({
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [enableKeyboard, handleNext, handlePrevious, hasImages]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!autoplay || images.length < 2) return;
     const interval = window.setInterval(handleNext, autoplayIntervalMs);
     return () => window.clearInterval(interval);
@@ -1906,6 +827,148 @@ var ImageSlider = ({
     }
   );
 };
+var baseStyles = [
+  // Layout
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap shrink-0",
+  // Typography - using CSS variables with sensible defaults
+  "font-[var(--button-font-family,inherit)]",
+  "font-[var(--button-font-weight,500)]",
+  "tracking-[var(--button-letter-spacing,0)]",
+  "leading-[var(--button-line-height,1.25)]",
+  "[text-transform:var(--button-text-transform,none)]",
+  "text-sm",
+  // Border radius
+  "rounded-[var(--button-radius,var(--radius,0.375rem))]",
+  // Smooth transition - using [transition:...] to set full shorthand property (not just transition-property)
+  "[transition:var(--button-transition,all_250ms_cubic-bezier(0.4,0,0.2,1))]",
+  // Box shadow (master level) - using [box-shadow:...] for complex multi-value shadows
+  "[box-shadow:var(--button-shadow,none)]",
+  "hover:[box-shadow:var(--button-shadow-hover,var(--button-shadow,none))]",
+  // Disabled state
+  "disabled:pointer-events-none disabled:opacity-50",
+  // SVG handling
+  "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
+  // Focus styles
+  "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  // Invalid state
+  "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
+].join(" ");
+var buttonVariants = cva(baseStyles, {
+  variants: {
+    variant: {
+      // Default (Primary) variant - full customization
+      default: [
+        "bg-[var(--button-default-bg,hsl(var(--primary)))]",
+        "text-[var(--button-default-fg,hsl(var(--primary-foreground)))]",
+        "border-[length:var(--button-default-border-width,0px)]",
+        "border-[color:var(--button-default-border,transparent)]",
+        "[box-shadow:var(--button-default-shadow,var(--button-shadow,none))]",
+        "hover:bg-[var(--button-default-hover-bg,hsl(var(--primary)/0.9))]",
+        "hover:text-[var(--button-default-hover-fg,var(--button-default-fg,hsl(var(--primary-foreground))))]",
+        "hover:border-[color:var(--button-default-hover-border,var(--button-default-border,transparent))]",
+        "hover:[box-shadow:var(--button-default-shadow-hover,var(--button-shadow-hover,var(--button-default-shadow,var(--button-shadow,none))))]"
+      ].join(" "),
+      // Destructive variant - full customization
+      destructive: [
+        "bg-[var(--button-destructive-bg,hsl(var(--destructive)))]",
+        "text-[var(--button-destructive-fg,white)]",
+        "border-[length:var(--button-destructive-border-width,0px)]",
+        "border-[color:var(--button-destructive-border,transparent)]",
+        "[box-shadow:var(--button-destructive-shadow,var(--button-shadow,none))]",
+        "hover:bg-[var(--button-destructive-hover-bg,hsl(var(--destructive)/0.9))]",
+        "hover:text-[var(--button-destructive-hover-fg,var(--button-destructive-fg,white))]",
+        "hover:border-[color:var(--button-destructive-hover-border,var(--button-destructive-border,transparent))]",
+        "hover:[box-shadow:var(--button-destructive-shadow-hover,var(--button-shadow-hover,var(--button-destructive-shadow,var(--button-shadow,none))))]",
+        "focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+        "dark:bg-destructive/60"
+      ].join(" "),
+      // Outline variant - full customization with proper border handling
+      outline: [
+        "bg-[var(--button-outline-bg,hsl(var(--background)))]",
+        "text-[var(--button-outline-fg,inherit)]",
+        "border-[length:var(--button-outline-border-width,1px)]",
+        "border-[color:var(--button-outline-border,hsl(var(--border)))]",
+        "[box-shadow:var(--button-outline-shadow,var(--button-shadow,0_1px_2px_0_rgb(0_0_0/0.05)))]",
+        "hover:bg-[var(--button-outline-hover-bg,hsl(var(--accent)))]",
+        "hover:text-[var(--button-outline-hover-fg,hsl(var(--accent-foreground)))]",
+        "hover:border-[color:var(--button-outline-hover-border,var(--button-outline-border,hsl(var(--border))))]",
+        "hover:[box-shadow:var(--button-outline-shadow-hover,var(--button-shadow-hover,var(--button-outline-shadow,var(--button-shadow,none))))]",
+        "dark:bg-input/30 dark:border-input dark:hover:bg-input/50"
+      ].join(" "),
+      // Secondary variant - full customization
+      secondary: [
+        "bg-[var(--button-secondary-bg,hsl(var(--secondary)))]",
+        "text-[var(--button-secondary-fg,hsl(var(--secondary-foreground)))]",
+        "border-[length:var(--button-secondary-border-width,0px)]",
+        "border-[color:var(--button-secondary-border,transparent)]",
+        "[box-shadow:var(--button-secondary-shadow,var(--button-shadow,none))]",
+        "hover:bg-[var(--button-secondary-hover-bg,hsl(var(--secondary)/0.8))]",
+        "hover:text-[var(--button-secondary-hover-fg,var(--button-secondary-fg,hsl(var(--secondary-foreground))))]",
+        "hover:border-[color:var(--button-secondary-hover-border,var(--button-secondary-border,transparent))]",
+        "hover:[box-shadow:var(--button-secondary-shadow-hover,var(--button-shadow-hover,var(--button-secondary-shadow,var(--button-shadow,none))))]"
+      ].join(" "),
+      // Ghost variant - full customization
+      ghost: [
+        "bg-[var(--button-ghost-bg,transparent)]",
+        "text-[var(--button-ghost-fg,inherit)]",
+        "border-[length:var(--button-ghost-border-width,0px)]",
+        "border-[color:var(--button-ghost-border,transparent)]",
+        "[box-shadow:var(--button-ghost-shadow,var(--button-shadow,none))]",
+        "hover:bg-[var(--button-ghost-hover-bg,hsl(var(--accent)))]",
+        "hover:text-[var(--button-ghost-hover-fg,hsl(var(--accent-foreground)))]",
+        "hover:border-[color:var(--button-ghost-hover-border,var(--button-ghost-border,transparent))]",
+        "hover:[box-shadow:var(--button-ghost-shadow-hover,var(--button-shadow-hover,var(--button-ghost-shadow,var(--button-shadow,none))))]",
+        "dark:hover:bg-accent/50"
+      ].join(" "),
+      // Link variant - full customization
+      link: [
+        "bg-[var(--button-link-bg,transparent)]",
+        "text-[var(--button-link-fg,hsl(var(--primary)))]",
+        "border-[length:var(--button-link-border-width,0px)]",
+        "border-[color:var(--button-link-border,transparent)]",
+        "[box-shadow:var(--button-link-shadow,none)]",
+        "hover:bg-[var(--button-link-hover-bg,transparent)]",
+        "hover:text-[var(--button-link-hover-fg,var(--button-link-fg,hsl(var(--primary))))]",
+        "hover:[box-shadow:var(--button-link-shadow-hover,none)]",
+        "underline-offset-4 hover:underline"
+      ].join(" ")
+    },
+    size: {
+      default: [
+        "h-[var(--button-height-md,2.25rem)]",
+        "px-[var(--button-padding-x-md,1rem)]",
+        "py-[var(--button-padding-y-md,0.5rem)]",
+        "has-[>svg]:px-[calc(var(--button-padding-x-md,1rem)*0.75)]"
+      ].join(" "),
+      sm: [
+        "h-[var(--button-height-sm,2rem)]",
+        "px-[var(--button-padding-x-sm,0.75rem)]",
+        "py-[var(--button-padding-y-sm,0.25rem)]",
+        "gap-1.5",
+        "has-[>svg]:px-[calc(var(--button-padding-x-sm,0.75rem)*0.83)]"
+      ].join(" "),
+      md: [
+        "h-[var(--button-height-md,2.25rem)]",
+        "px-[var(--button-padding-x-md,1rem)]",
+        "py-[var(--button-padding-y-md,0.5rem)]",
+        "has-[>svg]:px-[calc(var(--button-padding-x-md,1rem)*0.75)]"
+      ].join(" "),
+      lg: [
+        "h-[var(--button-height-lg,2.5rem)]",
+        "px-[var(--button-padding-x-lg,1.5rem)]",
+        "py-[var(--button-padding-y-lg,0.5rem)]",
+        "has-[>svg]:px-[calc(var(--button-padding-x-lg,1.5rem)*0.67)]"
+      ].join(" "),
+      icon: "size-[var(--button-height-md,2.25rem)]",
+      "icon-sm": "size-[var(--button-height-sm,2rem)]",
+      "icon-lg": "size-[var(--button-height-lg,2.5rem)]"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -2034,6 +1097,14 @@ function PopoverContent({
     }
   ) });
 }
+var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
+var DynamicIcon = React32.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+});
+DynamicIcon.displayName = "DynamicIcon";
 function StarRating({
   rating,
   size = 18,
@@ -2051,6 +1122,282 @@ function StarRating({
     star
   )) });
 }
+function normalizePhoneNumber(input) {
+  const trimmed = input.trim();
+  if (trimmed.toLowerCase().startsWith("tel:")) {
+    return trimmed;
+  }
+  const match = trimmed.match(/^[\s\+\-\(\)]*(\d[\d\s\-\(\)\.]*\d)[\s\-]*(x|ext\.?|extension)?[\s\-]*(\d+)?$/i);
+  if (match) {
+    const mainNumber = match[1].replace(/[\s\-\(\)\.]/g, "");
+    const extension = match[3];
+    const normalized = mainNumber.length >= 10 && !trimmed.startsWith("+") ? `+${mainNumber}` : mainNumber;
+    const withExtension = extension ? `${normalized};ext=${extension}` : normalized;
+    return `tel:${withExtension}`;
+  }
+  const cleaned = trimmed.replace(/[\s\-\(\)\.]/g, "");
+  return `tel:${cleaned}`;
+}
+function normalizeEmail(input) {
+  const trimmed = input.trim();
+  if (trimmed.toLowerCase().startsWith("mailto:")) {
+    return trimmed;
+  }
+  return `mailto:${trimmed}`;
+}
+function isEmail(input) {
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return emailRegex.test(input.trim());
+}
+function isPhoneNumber(input) {
+  const trimmed = input.trim();
+  if (trimmed.toLowerCase().startsWith("tel:")) {
+    return true;
+  }
+  const phoneRegex = /^[\s\+\-\(\)]*\d[\d\s\-\(\)\.]*\d[\s\-]*(x|ext\.?|extension)?[\s\-]*\d*$/i;
+  return phoneRegex.test(trimmed);
+}
+function isInternalUrl(href) {
+  if (typeof window === "undefined") {
+    return href.startsWith("/") && !href.startsWith("//");
+  }
+  const trimmed = href.trim();
+  if (trimmed.startsWith("/") && !trimmed.startsWith("//")) {
+    return true;
+  }
+  try {
+    const url = new URL(trimmed, window.location.href);
+    const currentOrigin = window.location.origin;
+    const normalizeOrigin = (origin) => origin.replace(/^(https?:\/\/)(www\.)?/, "$1");
+    return normalizeOrigin(url.origin) === normalizeOrigin(currentOrigin);
+  } catch {
+    return false;
+  }
+}
+function toRelativePath(href) {
+  if (typeof window === "undefined") {
+    return href;
+  }
+  const trimmed = href.trim();
+  if (trimmed.startsWith("/") && !trimmed.startsWith("//")) {
+    return trimmed;
+  }
+  try {
+    const url = new URL(trimmed, window.location.href);
+    const currentOrigin = window.location.origin;
+    const normalizeOrigin = (origin) => origin.replace(/^(https?:\/\/)(www\.)?/, "$1");
+    if (normalizeOrigin(url.origin) === normalizeOrigin(currentOrigin)) {
+      return url.pathname + url.search + url.hash;
+    }
+  } catch {
+  }
+  return trimmed;
+}
+function useNavigation({
+  href,
+  onClick
+} = {}) {
+  const linkType = React32.useMemo(() => {
+    if (!href || href.trim() === "") {
+      return onClick ? "none" : "none";
+    }
+    const trimmed = href.trim();
+    if (trimmed.toLowerCase().startsWith("mailto:") || isEmail(trimmed)) {
+      return "mailto";
+    }
+    if (trimmed.toLowerCase().startsWith("tel:") || isPhoneNumber(trimmed)) {
+      return "tel";
+    }
+    if (isInternalUrl(trimmed)) {
+      return "internal";
+    }
+    try {
+      new URL(trimmed, typeof window !== "undefined" ? window.location.href : "http://localhost");
+      return "external";
+    } catch {
+      return "internal";
+    }
+  }, [href, onClick]);
+  const normalizedHref = React32.useMemo(() => {
+    if (!href || href.trim() === "") {
+      return void 0;
+    }
+    const trimmed = href.trim();
+    switch (linkType) {
+      case "tel":
+        return normalizePhoneNumber(trimmed);
+      case "mailto":
+        return normalizeEmail(trimmed);
+      case "internal":
+        return toRelativePath(trimmed);
+      case "external":
+        return trimmed;
+      default:
+        return trimmed;
+    }
+  }, [href, linkType]);
+  const target = React32.useMemo(() => {
+    switch (linkType) {
+      case "external":
+        return "_blank";
+      case "internal":
+        return "_self";
+      case "mailto":
+      case "tel":
+        return void 0;
+      default:
+        return void 0;
+    }
+  }, [linkType]);
+  const rel = React32.useMemo(() => {
+    if (linkType === "external") {
+      return "noopener noreferrer";
+    }
+    return void 0;
+  }, [linkType]);
+  const isExternal = linkType === "external";
+  const isInternal = linkType === "internal";
+  const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
+  const handleClick = React32.useCallback(
+    (event) => {
+      if (onClick) {
+        try {
+          onClick(event);
+        } catch (error) {
+          console.error("Error in user onClick handler:", error);
+        }
+      }
+      if (event.defaultPrevented) {
+        return;
+      }
+      if (shouldUseRouter && normalizedHref && event.button === 0 && // left-click only
+      !event.metaKey && !event.altKey && !event.ctrlKey && !event.shiftKey) {
+        if (typeof window !== "undefined") {
+          const handler = window.__opensiteNavigationHandler;
+          if (typeof handler === "function") {
+            try {
+              const handled = handler(normalizedHref, event.nativeEvent || event);
+              if (handled !== false) {
+                event.preventDefault();
+              }
+            } catch (error) {
+              console.error("Error in navigation handler:", error);
+            }
+          }
+        }
+      }
+    },
+    [onClick, shouldUseRouter, normalizedHref]
+  );
+  return {
+    linkType,
+    normalizedHref,
+    target,
+    rel,
+    isExternal,
+    isInternal,
+    shouldUseRouter,
+    handleClick
+  };
+}
+var Pressable = React32.forwardRef(
+  ({
+    children,
+    className,
+    href,
+    onClick,
+    variant,
+    size,
+    asButton = false,
+    fallbackComponentType = "span",
+    componentType,
+    "aria-label": ariaLabel,
+    "aria-describedby": ariaDescribedby,
+    id,
+    ...props
+  }, ref) => {
+    const navigation = useNavigation({ href, onClick });
+    const {
+      normalizedHref,
+      target,
+      rel,
+      linkType,
+      isInternal,
+      handleClick
+    } = navigation;
+    const shouldRenderLink = normalizedHref && linkType !== "none";
+    const shouldRenderButton = !shouldRenderLink && onClick;
+    const effectiveComponentType = componentType || (shouldRenderLink ? "a" : shouldRenderButton ? "button" : fallbackComponentType);
+    const finalComponentType = isInternal && shouldRenderLink ? "a" : effectiveComponentType;
+    const shouldApplyButtonStyles = asButton || variant || size;
+    const combinedClassName = cn(
+      shouldApplyButtonStyles && buttonVariants({ variant, size }),
+      className
+    );
+    const dataProps = Object.fromEntries(
+      Object.entries(props).filter(([key]) => key.startsWith("data-"))
+    );
+    const buttonDataAttributes = shouldApplyButtonStyles ? {
+      "data-slot": "button",
+      "data-variant": variant ?? "default",
+      "data-size": size ?? "default"
+    } : {};
+    const commonProps = {
+      className: combinedClassName,
+      onClick: handleClick,
+      "aria-label": ariaLabel,
+      "aria-describedby": ariaDescribedby,
+      id,
+      ...dataProps,
+      ...buttonDataAttributes
+    };
+    if (finalComponentType === "a" && shouldRenderLink) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          ref,
+          href: normalizedHref,
+          target,
+          rel,
+          ...commonProps,
+          ...props,
+          children
+        }
+      );
+    }
+    if (finalComponentType === "button") {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref,
+          type: props.type || "button",
+          ...commonProps,
+          ...props,
+          children
+        }
+      );
+    }
+    if (finalComponentType === "div") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          ...commonProps,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        ...commonProps,
+        children
+      }
+    );
+  }
+);
+Pressable.displayName = "Pressable";
 var BUTTON_SIZES = {
   sm: { buttonSize: "size-8", iconSize: 16 },
   md: { buttonSize: "size-10", iconSize: 20 },
@@ -2142,7 +1489,7 @@ var platformIconMap = {
   dribbble: "cib/dribbble",
   unknown: "icon-park-solid/circular-connection"
 };
-var SocialLinkIcon = React8.forwardRef(
+var SocialLinkIcon = React32.forwardRef(
   ({
     platformName,
     label,
@@ -2156,16 +1503,16 @@ var SocialLinkIcon = React8.forwardRef(
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
-    const smartPlatformName = React8.useMemo(() => {
+    const smartPlatformName = React32.useMemo(() => {
       return platform || platformName;
     }, [platform, platformName]);
-    const iconName = React8.useMemo(() => {
+    const iconName = React32.useMemo(() => {
       return iconNameOverride || platformIconMap[smartPlatformName];
     }, [iconNameOverride, smartPlatformName]);
-    const accessibleLabel = React8.useMemo(() => {
+    const accessibleLabel = React32.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
-    const icon = React8.useMemo(() => {
+    const icon = React32.useMemo(() => {
       return /* @__PURE__ */ jsx(
         DynamicIcon,
         {
@@ -2652,7 +1999,7 @@ function AboutExpandableValues({
   pattern,
   patternOpacity
 }) {
-  const [expandedValue, setExpandedValue] = React8.useState(null);
+  const [expandedValue, setExpandedValue] = React32.useState(null);
   const toggleExpand = useCallback((id) => {
     setExpandedValue((prev) => prev === id ? null : id);
   }, []);
@@ -2888,7 +2235,7 @@ function CommunityInitiatives({
   pattern,
   patternOpacity
 }) {
-  const [activeCategory, setActiveCategory] = React8.useState(
+  const [activeCategory, setActiveCategory] = React32.useState(
     categories?.[0]?.id || ""
   );
   const currentCategory = categories?.find((category) => category.id === activeCategory) || categories?.[0];
@@ -3152,7 +2499,7 @@ function AboutCultureTabs({
   patternOpacity
 }) {
   const resolvedAspects = aspects ?? [];
-  const [activeTab, setActiveTab] = React8.useState(
+  const [activeTab, setActiveTab] = React32.useState(
     resolvedAspects[0]?.id || ""
   );
   const headerItems = useMemo(() => {
@@ -3685,7 +3032,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(React8.Fragment, { children: [
+    messageParts.length > 0 && /* @__PURE__ */ jsx("span", { children: messageParts.map((part, index) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
       index > 0 ? " " : null,
       part
     ] }, index)) })
@@ -4956,8 +4303,8 @@ var BrandAttribution = ({
   }
   const { prefix = "", anchorText, href, suffix = "" } = options[optionIndex];
   const ContainerEl = variant;
-  const [trackedHref, setTrackedHref] = React8.useState(href);
-  React8.useEffect(() => {
+  const [trackedHref, setTrackedHref] = React32.useState(href);
+  React32.useEffect(() => {
     setTrackedHref(buildTrackedHref(href));
   }, [href]);
   return /* @__PURE__ */ jsxs(ContainerEl, { className: containerClassName, children: [
@@ -5077,7 +4424,7 @@ function FooterSocialNewsletter({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (!formEngineSetup) return null;
     const action = {
       variant: "default",
@@ -5366,7 +4713,7 @@ function FooterSimpleCentered({
   ]);
   const bottomLinksContent = useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
-    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(React8.Fragment, { children: /* @__PURE__ */ jsx(
+    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(React32.Fragment, { children: /* @__PURE__ */ jsx(
       Pressable,
       {
         href: link.href,
@@ -6713,7 +6060,7 @@ function FooterNewsletterMinimal({
   buttonAction,
   formSlot
 }) {
-  const navLinksContent = React8.useMemo(() => {
+  const navLinksContent = React32.useMemo(() => {
     if (!navLinks || navLinks.length === 0) return null;
     return navLinks.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       Pressable,
@@ -6724,7 +6071,7 @@ function FooterNewsletterMinimal({
       }
     ) }, idx));
   }, [navLinks, navLinkClassName]);
-  const socialLinksContent = React8.useMemo(() => {
+  const socialLinksContent = React32.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
     return socialLinks.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       SocialLinkIcon,
@@ -6740,7 +6087,7 @@ function FooterNewsletterMinimal({
       }
     ) }, idx));
   }, [socialLinks, socialLinkClassName]);
-  const footerLinksContent = React8.useMemo(() => {
+  const footerLinksContent = React32.useMemo(() => {
     if (!footerLinks || footerLinks.length === 0) return null;
     return footerLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       Pressable,
@@ -6754,7 +6101,7 @@ function FooterNewsletterMinimal({
       }
     ) }, item.label));
   }, [footerLinks, footerLinkClassName]);
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
     const defaultButtonAction = {
@@ -9394,7 +8741,7 @@ function AboutInteractiveTabs({
   pattern,
   patternOpacity
 }) {
-  const [activeTab, setActiveTab] = React8.useState(tabs?.[0]?.id ?? "");
+  const [activeTab, setActiveTab] = React32.useState(tabs?.[0]?.id ?? "");
   const activeContent = useMemo(() => {
     return tabs?.find((tab) => tab.id === activeTab)?.content;
   }, [tabs, activeTab]);
@@ -9543,7 +8890,7 @@ function AboutMissionDualImage({
   pattern,
   patternOpacity
 }) {
-  const renderTextContent = React8.useCallback(
+  const renderTextContent = React32.useCallback(
     (primaryHeading, primaryClassName, secondaryContent, secondaryClassname) => {
       if (!primaryHeading || !secondaryContent) {
         return null;
@@ -12233,7 +11580,7 @@ function CtaAppDownloadNewsletter({
   buttonAction,
   formSlot
 }) {
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
     const defaultButtonAction = {
@@ -12266,7 +11613,7 @@ function CtaAppDownloadNewsletter({
       }
     );
   }, [formSlot, formEngineSetup, buttonAction, formClassName]);
-  const appActionsContent = React8.useMemo(() => {
+  const appActionsContent = React32.useMemo(() => {
     if (appActionsSlot) return appActionsSlot;
     if (!appActions || appActions.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -12407,7 +11754,7 @@ function CtaNewsletterFeatures({
   formEngineSetup,
   buttonAction
 }) {
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
     const defaultButtonAction = {
@@ -12440,7 +11787,7 @@ function CtaNewsletterFeatures({
       }
     );
   }, [formSlot, formEngineSetup, buttonAction, formClassName]);
-  const featuresContent = React8.useMemo(() => {
+  const featuresContent = React32.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -13212,7 +12559,7 @@ function CtaVideoBackgroundHero({
   pattern,
   patternOpacity
 }) {
-  const [isModalOpen, setIsModalOpen] = React8.useState(false);
+  const [isModalOpen, setIsModalOpen] = React32.useState(false);
   const handleOpenModal = () => {
     setIsModalOpen(true);
     onModalOpen?.();
@@ -13400,7 +12747,7 @@ function CtaWorkflowTabs({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [activeTab, setActiveTab] = React8.useState(tabs?.[0]?.id || "");
+  const [activeTab, setActiveTab] = React32.useState(tabs?.[0]?.id || "");
   const activeTabData = tabs?.find((tab) => tab.id === activeTab) || tabs?.[0];
   const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -14008,7 +13355,7 @@ function ContactFloatingBanner({
   pattern,
   patternOpacity
 }) {
-  const actionsContent = React8.useMemo(() => {
+  const actionsContent = React32.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -14352,7 +13699,7 @@ function ContactCard({
   pattern,
   patternOpacity
 }) {
-  const contactOptionsContent = React8.useMemo(() => {
+  const contactOptionsContent = React32.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: [
@@ -14376,7 +13723,7 @@ function ContactCard({
     }
     return null;
   }, [contactOptionsSlot, contactOptions]);
-  const socialLinksContent = React8.useMemo(() => {
+  const socialLinksContent = React32.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (socialLinks && socialLinks.length > 0) {
       return socialLinks.map((social, key) => /* @__PURE__ */ jsx(
@@ -15283,7 +14630,7 @@ function ContactDark({
   pattern,
   patternOpacity
 }) {
-  const contactOptionsContent = React8.useMemo(() => {
+  const contactOptionsContent = React32.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: [
@@ -15307,7 +14654,7 @@ function ContactDark({
     }
     return null;
   }, [contactOptionsSlot, contactOptions]);
-  const socialLinksContent = React8.useMemo(() => {
+  const socialLinksContent = React32.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (socialLinks && socialLinks.length > 0) {
       return socialLinks.map((social, key) => /* @__PURE__ */ jsx(
@@ -16602,7 +15949,7 @@ function ContactImage({
     description,
     descriptionClassName
   ]);
-  const contactOverlaysContent = React8.useMemo(() => {
+  const contactOverlaysContent = React32.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) => {
@@ -17234,7 +16581,7 @@ function ContactMap({
   mapProps,
   optixFlowConfig
 }) {
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (!formEngineSetup) {
       return null;
     }
@@ -17247,13 +16594,16 @@ function ContactMap({
       }
     );
   }, [formEngineSetup]);
-  const resolvedMapProps = React8.useMemo(() => {
+  const resolvedMapProps = React32.useMemo(() => {
     return {
       mapWrapperClassName: "h-[420px] md:h-[520px]",
       panelPosition: "top-left",
       ...mapProps,
       className: cn("h-full w-full", mapClassName, mapProps?.className),
-      optixFlowConfig
+      optixFlowConfig,
+      // Provide icon and image components for rich marker panels
+      IconComponent: DynamicIcon,
+      ImgComponent: Img
     };
   }, [mapClassName, mapProps, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
@@ -17842,13 +17192,13 @@ function ContactPhotography({
     }
     return items;
   }, [heading, headingClassName, description, descriptionClassName]);
-  const desktopOrder = React8.useMemo(() => {
+  const desktopOrder = React32.useMemo(() => {
     return directionConfig.desktop === "mediaRight" ? "lg:flex-row" : "lg:flex-row-reverse";
   }, [directionConfig?.desktop]);
-  const mobileOrder = React8.useMemo(() => {
+  const mobileOrder = React32.useMemo(() => {
     return directionConfig?.mobile === "mediaTop" ? "flex-col" : "flex-col-reverse";
   }, [directionConfig?.mobile]);
-  const imageArea = React8.useMemo(() => {
+  const imageArea = React32.useMemo(() => {
     if (!image?.src) {
       return null;
     }
@@ -19834,16 +19184,16 @@ function CarouselAnimatedSections({
   pattern = "diagonalCrossBasic",
   patternOpacity = 0.033
 }) {
-  const [currentIndex, setCurrentIndex] = React8.useState(0);
-  const [direction, setDirection] = React8.useState(0);
-  const [isAnimating, setIsAnimating] = React8.useState(false);
-  const goToNext = React8.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React32.useState(0);
+  const [direction, setDirection] = React32.useState(0);
+  const [isAnimating, setIsAnimating] = React32.useState(false);
+  const goToNext = React32.useCallback(() => {
     if (isAnimating || currentIndex >= (sections?.length ?? 0) - 1) return;
     setIsAnimating(true);
     setDirection(1);
     setCurrentIndex((prev) => prev + 1);
   }, [currentIndex, isAnimating, sections?.length]);
-  const goToPrev = React8.useCallback(() => {
+  const goToPrev = React32.useCallback(() => {
     if (isAnimating || currentIndex <= 0) return;
     setIsAnimating(true);
     setDirection(-1);
@@ -19855,7 +19205,7 @@ function CarouselAnimatedSections({
     setDirection(index > currentIndex ? 1 : -1);
     setCurrentIndex(index);
   };
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "ArrowDown" || e.key === "ArrowRight") {
         goToNext();
@@ -19881,7 +19231,7 @@ function CarouselAnimatedSections({
     })
   };
   const currentSection = sections?.[currentIndex];
-  const actionElements = React8.useMemo(() => {
+  const actionElements = React32.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => /* @__PURE__ */ jsxs(
@@ -20131,11 +19481,11 @@ function CarouselAutoProgressSlides({
   pattern,
   patternOpacity
 }) {
-  const [currentIndex, setCurrentIndex] = React8.useState(0);
+  const [currentIndex, setCurrentIndex] = React32.useState(0);
   const progress = useMotionValue(100);
-  const [direction, setDirection] = React8.useState(1);
+  const [direction, setDirection] = React32.useState(1);
   const clipPath = useMotionTemplate`inset(0 ${progress}% 0 0 round 10px)`;
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     const interval = setInterval(() => {
       const currentProgress = progress.get();
       if (currentProgress > 0) {
@@ -20314,22 +19664,22 @@ function CarouselAutoProgressSlides({
   );
 }
 function useDotButton(emblaApi) {
-  const [selectedIndex, setSelectedIndex] = React8.useState(0);
-  const [scrollSnaps, setScrollSnaps] = React8.useState([]);
-  const onDotButtonClick = React8.useCallback(
+  const [selectedIndex, setSelectedIndex] = React32.useState(0);
+  const [scrollSnaps, setScrollSnaps] = React32.useState([]);
+  const onDotButtonClick = React32.useCallback(
     (index) => {
       if (!emblaApi) return;
       emblaApi.scrollTo(index);
     },
     [emblaApi]
   );
-  const onInit = React8.useCallback((api) => {
+  const onInit = React32.useCallback((api) => {
     setScrollSnaps(api.scrollSnapList());
   }, []);
-  const onSelect = React8.useCallback((api) => {
+  const onSelect = React32.useCallback((api) => {
     setSelectedIndex(api.selectedScrollSnap());
   }, []);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!emblaApi) return;
     onInit(emblaApi);
     onSelect(emblaApi);
@@ -20338,8 +19688,8 @@ function useDotButton(emblaApi) {
   return { selectedIndex, scrollSnaps, onDotButtonClick };
 }
 function useAutoplay(emblaApi) {
-  const [autoplayIsPlaying, setAutoplayIsPlaying] = React8.useState(false);
-  const onAutoplayButtonClick = React8.useCallback(
+  const [autoplayIsPlaying, setAutoplayIsPlaying] = React32.useState(false);
+  const onAutoplayButtonClick = React32.useCallback(
     (callback) => {
       const autoplay = emblaApi?.plugins()?.autoplay;
       if (!autoplay) return;
@@ -20349,13 +19699,13 @@ function useAutoplay(emblaApi) {
     },
     [emblaApi]
   );
-  const toggleAutoplay = React8.useCallback(() => {
+  const toggleAutoplay = React32.useCallback(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     const playOrStop = autoplay.isPlaying() ? autoplay.stop : autoplay.play;
     playOrStop();
   }, [emblaApi]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     setAutoplayIsPlaying(autoplay.isPlaying());
@@ -20364,11 +19714,11 @@ function useAutoplay(emblaApi) {
   return { autoplayIsPlaying, toggleAutoplay, onAutoplayButtonClick };
 }
 function useAutoplayProgress(emblaApi, progressNode) {
-  const [showAutoplayProgress, setShowAutoplayProgress] = React8.useState(false);
-  const animationName = React8.useRef("");
-  const timeoutId = React8.useRef(0);
-  const rafId = React8.useRef(0);
-  const startProgress = React8.useCallback(
+  const [showAutoplayProgress, setShowAutoplayProgress] = React32.useState(false);
+  const animationName = React32.useRef("");
+  const timeoutId = React32.useRef(0);
+  const rafId = React32.useRef(0);
+  const startProgress = React32.useCallback(
     (timeUntilNext) => {
       const node = progressNode.current;
       if (!node || timeUntilNext === null) return;
@@ -20388,12 +19738,12 @@ function useAutoplayProgress(emblaApi, progressNode) {
     },
     [progressNode]
   );
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     emblaApi.on("autoplay:timerset", () => startProgress(autoplay.timeUntilNext())).on("autoplay:timerstopped", () => setShowAutoplayProgress(false));
   }, [emblaApi, startProgress]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     return () => {
       cancelAnimationFrame(rafId.current);
       clearTimeout(timeoutId.current);
@@ -20420,7 +19770,7 @@ function CarouselAutoplayProgress({
   pattern,
   patternOpacity
 }) {
-  const progressNode = React8.useRef(null);
+  const progressNode = React32.useRef(null);
   const [emblaRef, emblaApi] = useEmblaCarousel(options, [
     Autoplay({ playOnInit: true, delay: autoplayDelay })
   ]);
@@ -20543,20 +19893,20 @@ function CarouselFeatureBadge({
   containerMaxWidth = "2xl"
 }) {
   const [emblaRef, emblaApi] = useEmblaCarousel();
-  const [canScrollPrev, setCanScrollPrev] = React8.useState(false);
-  const [canScrollNext, setCanScrollNext] = React8.useState(false);
-  const scrollPrev = React8.useCallback(() => {
+  const [canScrollPrev, setCanScrollPrev] = React32.useState(false);
+  const [canScrollNext, setCanScrollNext] = React32.useState(false);
+  const scrollPrev = React32.useCallback(() => {
     emblaApi?.scrollPrev();
   }, [emblaApi]);
-  const scrollNext = React8.useCallback(() => {
+  const scrollNext = React32.useCallback(() => {
     emblaApi?.scrollNext();
   }, [emblaApi]);
-  const onSelect = React8.useCallback(() => {
+  const onSelect = React32.useCallback(() => {
     if (!emblaApi) return;
     setCanScrollPrev(emblaApi.canScrollPrev());
     setCanScrollNext(emblaApi.canScrollNext());
   }, [emblaApi]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!emblaApi) return;
     onSelect();
     emblaApi.on("reInit", onSelect);
@@ -20676,10 +20026,10 @@ function CarouselFullscreenScrollFx({
   pattern = "diagonalCrossBasic",
   patternOpacity = 0.033
 }) {
-  const containerRef = React8.useRef(null);
-  const scrollContainerRef = React8.useRef(null);
-  const [activeIndex, setActiveIndex] = React8.useState(0);
-  React8.useEffect(() => {
+  const containerRef = React32.useRef(null);
+  const scrollContainerRef = React32.useRef(null);
+  const [activeIndex, setActiveIndex] = React32.useState(0);
+  React32.useEffect(() => {
     const scrollContainer = scrollContainerRef.current;
     if (!scrollContainer || !slides?.length) return;
     const handleScroll = () => {
@@ -20691,7 +20041,7 @@ function CarouselFullscreenScrollFx({
     scrollContainer.addEventListener("scroll", handleScroll);
     return () => scrollContainer.removeEventListener("scroll", handleScroll);
   }, [slides]);
-  const scrollToSlide = React8.useCallback((index) => {
+  const scrollToSlide = React32.useCallback((index) => {
     const scrollContainer = scrollContainerRef.current;
     if (!scrollContainer) return;
     const slideHeight = scrollContainer.clientHeight;
@@ -20774,7 +20124,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 = React8.useMemo(() => {
+              const renderActions = React32.useMemo(() => {
                 if (!slide.actions || slide.actions.length === 0) return null;
                 return slide.actions.map((action, actionIndex) => {
                   const {
@@ -20908,25 +20258,25 @@ function CarouselGalleryThumbnails({
   slideMediaBrightness,
   slideMediaOverlayIntensity = "default"
 }) {
-  const [currentIndex, setCurrentIndex] = React8.useState(0);
-  const prevSlide = React8.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React32.useState(0);
+  const prevSlide = React32.useCallback(() => {
     setCurrentIndex(
       (prev) => prev === 0 ? (images?.length ?? 0) - 1 : prev - 1
     );
   }, [images?.length]);
-  const nextSlide = React8.useCallback(() => {
+  const nextSlide = React32.useCallback(() => {
     setCurrentIndex(
       (prev) => prev === (images?.length ?? 0) - 1 ? 0 : prev + 1
     );
   }, [images?.length]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!autoPlay) return;
     const interval = setInterval(() => {
       nextSlide();
     }, autoPlayInterval);
     return () => clearInterval(interval);
   }, [currentIndex, autoPlay, autoPlayInterval, nextSlide]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "ArrowRight") {
         nextSlide();
@@ -21073,9 +20423,9 @@ function CarouselHorizontalCards({
   pattern,
   patternOpacity
 }) {
-  const carouselRef = React8.useRef(null);
-  const [isAtStart, setIsAtStart] = React8.useState(true);
-  const [isAtEnd, setIsAtEnd] = React8.useState(false);
+  const carouselRef = React32.useRef(null);
+  const [isAtStart, setIsAtStart] = React32.useState(true);
+  const [isAtEnd, setIsAtEnd] = React32.useState(false);
   const scrollLeft = () => {
     if (carouselRef.current) {
       carouselRef.current.scrollBy({ left: -300, behavior: "smooth" });
@@ -21086,7 +20436,7 @@ function CarouselHorizontalCards({
       carouselRef.current.scrollBy({ left: 300, behavior: "smooth" });
     }
   };
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     const checkScrollPosition = () => {
       if (carouselRef.current) {
         const { scrollLeft: scrollLeft2, scrollWidth, clientWidth } = carouselRef.current;
@@ -21286,13 +20636,13 @@ function CarouselImageHero({
   pattern,
   patternOpacity
 }) {
-  const hasImages = React8.useMemo(() => {
+  const hasImages = React32.useMemo(() => {
     return images && images?.length > 0;
   }, [images]);
-  const [currentImageIndex, setCurrentImageIndex] = React8.useState(0);
+  const [currentImageIndex, setCurrentImageIndex] = React32.useState(0);
   const progress = useMotionValue(100);
   const clipPath = useMotionTemplate`inset(0 ${progress}% 0 0 round 10px)`;
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!hasImages || (images?.length ?? 0) < 2) return;
     const tickInterval = autoPlayInterval / 100;
     const interval = setInterval(() => {
@@ -21314,19 +20664,19 @@ function CarouselImageHero({
     autoPlayInterval,
     hasImages
   ]);
-  const handlePrev = React8.useCallback(() => {
+  const handlePrev = React32.useCallback(() => {
     progress.set(100);
     setCurrentImageIndex(
       (prevIndex) => prevIndex > 0 ? prevIndex - 1 : (images?.length ?? 1) - 1
     );
   }, [images?.length, progress]);
-  const handleNext = React8.useCallback(() => {
+  const handleNext = React32.useCallback(() => {
     progress.set(100);
     setCurrentImageIndex(
       (prevIndex) => prevIndex < (images?.length ?? 0) - 1 ? prevIndex + 1 : 0
     );
   }, [images?.length, progress]);
-  const handleDotClick = React8.useCallback(
+  const handleDotClick = React32.useCallback(
     (index) => {
       progress.set(100);
       setCurrentImageIndex(index);
@@ -21503,8 +20853,8 @@ function CarouselMultiStepShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeStep, setActiveStep] = React8.useState(0);
-  const [direction, setDirection] = React8.useState(0);
+  const [activeStep, setActiveStep] = React32.useState(0);
+  const [direction, setDirection] = React32.useState(0);
   const goToStep = (index) => {
     setDirection(index > activeStep ? 1 : -1);
     setActiveStep(index);
@@ -21797,9 +21147,9 @@ function CarouselPortfolioHero({
   slideMediaBrightness,
   slideMediaOverlayIntensity = "high"
 }) {
-  const [currentIndex, setCurrentIndex] = React8.useState(0);
-  const intervalRef = React8.useRef(null);
-  const resetInterval = React8.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React32.useState(0);
+  const intervalRef = React32.useRef(null);
+  const resetInterval = React32.useCallback(() => {
     if (intervalRef.current) {
       clearInterval(intervalRef.current);
     }
@@ -21807,17 +21157,17 @@ function CarouselPortfolioHero({
       setCurrentIndex((prevIndex) => (prevIndex + 1) % (slides?.length ?? 1));
     }, autoPlayInterval);
   }, [autoPlayInterval, slides?.length]);
-  const goToNext = React8.useCallback(() => {
+  const goToNext = React32.useCallback(() => {
     setCurrentIndex((prevIndex) => (prevIndex + 1) % (slides?.length ?? 1));
     resetInterval();
   }, [slides?.length, resetInterval]);
-  const goToPrev = React8.useCallback(() => {
+  const goToPrev = React32.useCallback(() => {
     setCurrentIndex(
       (prevIndex) => (prevIndex - 1 + (slides?.length ?? 1)) % (slides?.length ?? 1)
     );
     resetInterval();
   }, [slides?.length, resetInterval]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     resetInterval();
     return () => {
       if (intervalRef.current) {
@@ -21988,9 +21338,9 @@ function CarouselProductFeatureShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeIndex, setActiveIndex] = React8.useState(0);
-  const [activeColorIndex, setActiveColorIndex] = React8.useState(0);
-  const [direction, setDirection] = React8.useState(0);
+  const [activeIndex, setActiveIndex] = React32.useState(0);
+  const [activeColorIndex, setActiveColorIndex] = React32.useState(0);
+  const [direction, setDirection] = React32.useState(0);
   const activeFeature = features?.[activeIndex];
   const goToNext = () => {
     setDirection(1);
@@ -22210,9 +21560,9 @@ function CarouselProductFeatureShowcase({
     }
   );
 }
-var ProgressSliderContext = React8.createContext(void 0);
+var ProgressSliderContext = React32.createContext(void 0);
 function useProgressSliderContext() {
-  const context = React8.useContext(ProgressSliderContext);
+  const context = React32.useContext(ProgressSliderContext);
   if (!context) {
     throw new Error(
       "useProgressSliderContext must be used within a ProgressSlider"
@@ -22298,19 +21648,19 @@ function CarouselProgressSlider({
   pattern,
   patternOpacity
 }) {
-  const [active, setActive] = React8.useState(slides?.[0]?.id ?? "");
-  const [progress, setProgress] = React8.useState(0);
-  const [isFastForward, setIsFastForward] = React8.useState(false);
-  const [isPaused, setIsPaused] = React8.useState(false);
-  const frame = React8.useRef(0);
-  const firstFrameTime = React8.useRef(performance.now());
-  const targetValue = React8.useRef(null);
-  const pausedProgress = React8.useRef(0);
-  const sliderValues = React8.useMemo(
+  const [active, setActive] = React32.useState(slides?.[0]?.id ?? "");
+  const [progress, setProgress] = React32.useState(0);
+  const [isFastForward, setIsFastForward] = React32.useState(false);
+  const [isPaused, setIsPaused] = React32.useState(false);
+  const frame = React32.useRef(0);
+  const firstFrameTime = React32.useRef(performance.now());
+  const targetValue = React32.useRef(null);
+  const pausedProgress = React32.useRef(0);
+  const sliderValues = React32.useMemo(
     () => slides?.map((slide) => slide.id),
     [slides]
   );
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if ((sliderValues?.length ?? 0) > 0 && !isPaused) {
       firstFrameTime.current = performance.now();
       if (pausedProgress.current > 0) {
@@ -22476,11 +21826,11 @@ function CarouselScrollingFeatureShowcase({
   patternOpacity,
   patternClassName
 }) {
-  const [activeFeature, setActiveFeature] = React8.useState(
+  const [activeFeature, setActiveFeature] = React32.useState(
     features?.[0]?.id ?? ""
   );
-  const featureRefs = React8.useRef(/* @__PURE__ */ new Map());
-  React8.useEffect(() => {
+  const featureRefs = React32.useRef(/* @__PURE__ */ new Map());
+  React32.useEffect(() => {
     if (!features || features.length === 0) return;
     const observerOptions = {
       root: null,
@@ -23397,9 +22747,9 @@ function FeatureChecklistImage({
     }
   );
 }
-var CarouselContext = React8.createContext(null);
+var CarouselContext = React32.createContext(null);
 function useCarousel() {
-  const context = React8.useContext(CarouselContext);
+  const context = React32.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -23421,20 +22771,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React8.useState(false);
-  const [canScrollNext, setCanScrollNext] = React8.useState(false);
-  const onSelect = React8.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React32.useState(false);
+  const [canScrollNext, setCanScrollNext] = React32.useState(false);
+  const onSelect = React32.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React8.useCallback(() => {
+  const scrollPrev = React32.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React8.useCallback(() => {
+  const scrollNext = React32.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React8.useCallback(
+  const handleKeyDown = React32.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -23446,11 +22796,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -24350,7 +23700,7 @@ function FeatureThreeColumnValues({
   patternOpacity,
   patternClassName
 }) {
-  const renderValueIcon = React8.useCallback(
+  const renderValueIcon = React32.useCallback(
     (value) => {
       if (value.icon) return value.icon;
       if (value.iconName)
@@ -24841,7 +24191,7 @@ function FeatureTabbedContentImage({
   patternOpacity,
   patternClassName
 }) {
-  const renderFeatures = React8.useCallback(
+  const renderFeatures = React32.useCallback(
     (slide) => {
       if (slide.featuresSlot) return slide.featuresSlot;
       if (!slide.features || slide.features.length === 0) return null;
@@ -24865,7 +24215,7 @@ function FeatureTabbedContentImage({
     },
     []
   );
-  const renderActions = React8.useCallback(
+  const renderActions = React32.useCallback(
     (slide) => {
       if (slide.actionsSlot) return slide.actionsSlot;
       if (!slide.actions || slide.actions.length === 0) return null;
@@ -24908,7 +24258,7 @@ function FeatureTabbedContentImage({
     },
     []
   );
-  const renderImage = React8.useCallback(
+  const renderImage = React32.useCallback(
     (slide) => {
       if (slide.imageSlot) return slide.imageSlot;
       if (!slide.image) return null;
@@ -25144,7 +24494,7 @@ function FeatureUtilityCardsGrid({
       }
     );
   }, [learnMoreSlot, learnMoreAction, background]);
-  const renderUtilityImage = React8.useCallback(
+  const renderUtilityImage = React32.useCallback(
     (utility) => {
       if (utility.imageSlot) return utility.imageSlot;
       if (utility.image) {
@@ -25322,7 +24672,7 @@ function FeatureBentoUtilities({
   patternOpacity,
   patternClassName
 }) {
-  const renderCard = React8.useCallback(
+  const renderCard = React32.useCallback(
     (card, index) => {
       const hasImage = card.imageSrc || card.imageSlot;
       const cardClasses = cn(
@@ -25378,7 +24728,7 @@ function FeatureBentoUtilities({
     },
     [optixFlowConfig]
   );
-  const renderColumn = React8.useCallback(
+  const renderColumn = React32.useCallback(
     (cards, slot) => {
       if (slot) return slot;
       if (!cards || cards.length === 0) return null;
@@ -26614,7 +25964,7 @@ function FeatureBentoImageGrid({
   patternOpacity,
   patternClassName
 }) {
-  const renderItemIcon = React8.useCallback(
+  const renderItemIcon = React32.useCallback(
     (item) => {
       if (item.icon) return item.icon;
       if (item.iconName) return /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 24 });
@@ -26622,7 +25972,7 @@ function FeatureBentoImageGrid({
     },
     []
   );
-  const renderItemImage = React8.useCallback(
+  const renderItemImage = React32.useCallback(
     (item, imageClassName) => {
       if (item.imageSlot) return item.imageSlot;
       if (item.imageSrc) {
@@ -26641,7 +25991,7 @@ function FeatureBentoImageGrid({
     },
     [optixFlowConfig]
   );
-  const renderLargeCard = React8.useCallback(
+  const renderLargeCard = React32.useCallback(
     (item) => {
       const iconContent = renderItemIcon(item);
       const hasIconBadgeContent = iconContent || item.iconBadge;
@@ -26720,7 +26070,7 @@ function FeatureBentoImageGrid({
     },
     [largeCardClassName, renderItemImage, renderItemIcon]
   );
-  const renderSmallCard = React8.useCallback(
+  const renderSmallCard = React32.useCallback(
     (item, index) => {
       const iconContent = renderItemIcon(item);
       const hasIconBadgeContent = iconContent || item.iconBadge;
@@ -27370,7 +26720,7 @@ function FeatureAccordionImage({
   patternOpacity,
   patternClassName
 }) {
-  const [activeItem, setActiveItem] = React8.useState(defaultValue || "item-0");
+  const [activeItem, setActiveItem] = React32.useState(defaultValue || "item-0");
   const activeIndex = parseInt(activeItem.replace("item-", ""), 10) || 0;
   const accordionItemsContent = useMemo(() => {
     if (itemsSlot) return itemsSlot;
@@ -27543,7 +26893,7 @@ function FeatureCapabilitiesGrid({
   patternOpacity,
   patternClassName
 }) {
-  const renderItemIcon = React8.useCallback(
+  const renderItemIcon = React32.useCallback(
     (item) => {
       if (item.icon) return item.icon;
       if (item.iconName) return /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 20 });
@@ -27695,7 +27045,7 @@ function FeatureCapabilitiesGrid({
     }
   );
 }
-var TeamMemberBackgroundImageCard = React8.forwardRef(
+var TeamMemberBackgroundImageCard = React32.forwardRef(
   ({ className, imageUrl, imageAlt, children, optixFlowConfig, background, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -27743,7 +27093,7 @@ function TeamMediaShowcase({
   actionClassName,
   optixFlowConfig
 }) {
-  const renderItems = React8.useMemo(() => {
+  const renderItems = React32.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}`);
@@ -27841,7 +27191,7 @@ function TeamSimpleGrid({
   memberNameClassName,
   memberRoleClassName
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -28003,7 +27353,7 @@ function FooterBrandLinksContact({
     linkListClassName,
     linkItemClassName
   ]);
-  const contactItemsContent = React8.useMemo(() => {
+  const contactItemsContent = React32.useMemo(() => {
     if (!contactItems || contactItems.length === 0) return null;
     return contactItems.map((item, idx) => /* @__PURE__ */ jsxs(
       "div",
@@ -28361,7 +27711,7 @@ function TeamSocialGrid({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -28497,7 +27847,7 @@ function TeamGradientCards({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -28653,7 +28003,7 @@ function TeamBioBadges({
   memberBioClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -28830,7 +28180,7 @@ function TeamExpertiseCards({
   ctaDescriptionClassName,
   ctaButtonClassName
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -28907,7 +28257,7 @@ function TeamExpertiseCards({
       member.id
     ));
   }, [membersSlot, members, background, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, expertiseClassName]);
-  const renderCta = React8.useMemo(() => {
+  const renderCta = React32.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -29023,7 +28373,7 @@ function TeamCompactGrid({
   ctaDescriptionClassName,
   ctaButtonClassName
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -29078,7 +28428,7 @@ function TeamCompactGrid({
       member.id
     ));
   }, [membersSlot, members, background, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName]);
-  const renderCta = React8.useMemo(() => {
+  const renderCta = React32.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -29182,7 +28532,7 @@ function TeamInvestorShowcase({
   investorCompanyClassName,
   optixFlowConfig
 }) {
-  const renderInvestors = React8.useMemo(() => {
+  const renderInvestors = React32.useMemo(() => {
     if (investorsSlot) return investorsSlot;
     if (!investors || investors.length === 0) return null;
     return investors.map((investor) => /* @__PURE__ */ jsxs("div", { className: investorCardClassName, children: [
@@ -29256,7 +28606,7 @@ function TeamCarouselExperience({
   memberRoleClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.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(
@@ -29406,20 +28756,20 @@ function TeamFilterableSearch({
   emptyStateClassName,
   emptyStateMessage
 }) {
-  const [searchQuery, setSearchQuery] = React8.useState("");
-  const [selectedDepartment, setSelectedDepartment] = React8.useState("All");
-  const departments = React8.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React32.useState("");
+  const [selectedDepartment, setSelectedDepartment] = React32.useState("All");
+  const departments = React32.useMemo(() => {
     const depts = new Set(members.map((m) => m.department));
     return ["All", ...Array.from(depts)];
   }, [members]);
-  const filteredMembers = React8.useMemo(() => {
+  const filteredMembers = React32.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 = React8.useMemo(() => {
+  const renderFilters = React32.useMemo(() => {
     if (filtersSlot) return filtersSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -29474,7 +28824,7 @@ function TeamFilterableSearch({
     selectedDepartment,
     filterButtonClassName
   ]);
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     return filteredMembers.map((member) => /* @__PURE__ */ jsx(
       "div",
@@ -29661,7 +29011,7 @@ function TeamCompactCta({
   memberRoleClassName,
   ctaClassName
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -29689,7 +29039,7 @@ function TeamCompactCta({
       member.id
     ));
   }, [membersSlot, members, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, background]);
-  const renderCta = React8.useMemo(() => {
+  const renderCta = React32.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsx(
       Pressable,
@@ -29780,7 +29130,7 @@ function TeamHoverHighlight({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -29929,7 +29279,7 @@ function TeamSocialCards({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -30099,7 +29449,7 @@ function TeamGridAnimated({
     "hsl(var(--muted))",
     "hsl(var(--warning)/0.2)"
   ];
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member, index) => /* @__PURE__ */ jsxs(
@@ -30199,7 +29549,7 @@ function TeamGridAnimated({
     memberDesignationClassName,
     socialLinksClassName
   ]);
-  const renderSocialLinksMain = React8.useMemo(() => {
+  const renderSocialLinksMain = React32.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: [
@@ -30316,7 +29666,7 @@ function TeamDepartmentSections({
   memberRoleClassName,
   optixFlowConfig
 }) {
-  const renderDepartments = React8.useMemo(() => {
+  const renderDepartments = React32.useMemo(() => {
     if (departmentsSlot) return departmentsSlot;
     if (!departments || departments.length === 0) return null;
     return departments.map((department, deptIndex) => /* @__PURE__ */ jsxs(
@@ -30420,7 +29770,7 @@ function TeamAlternatingBios({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member, index) => /* @__PURE__ */ jsxs(
@@ -30602,7 +29952,7 @@ function TeamAvatarSocial({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -30745,7 +30095,7 @@ function TeamHoverOverlay({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -30921,14 +30271,14 @@ function TeamRoleFilter({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const [selectedRole, setSelectedRole] = React8.useState("All");
-  const filteredMembers = React8.useMemo(() => {
+  const [selectedRole, setSelectedRole] = React32.useState("All");
+  const filteredMembers = React32.useMemo(() => {
     if (!members) return [];
     return members.filter(
       (member) => selectedRole === "All" ? true : member.role === selectedRole
     );
   }, [members, selectedRole]);
-  const renderRoles = React8.useMemo(() => {
+  const renderRoles = React32.useMemo(() => {
     if (rolesSlot) return rolesSlot;
     if (!roles) return null;
     return /* @__PURE__ */ jsx(
@@ -30952,7 +30302,7 @@ function TeamRoleFilter({
       }
     );
   }, [rolesSlot, filtersClassName, roles, selectedRole, filterButtonClassName]);
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     return filteredMembers.map((member) => /* @__PURE__ */ jsx(
       Card,
@@ -31112,7 +30462,7 @@ function TeamContactCards({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const getStatusColor = React8.useCallback((status) => {
+  const getStatusColor = React32.useCallback((status) => {
     switch (status) {
       case "active":
         return "bg-success";
@@ -31122,7 +30472,7 @@ function TeamContactCards({
         return getTextColor(background, "muted");
     }
   }, [background]);
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.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: [
@@ -31329,7 +30679,7 @@ function TeamLargeImages({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -31504,7 +30854,7 @@ function TeamSkillBadges({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -31694,7 +31044,7 @@ function TeamTestimonialStats({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React8.useMemo(() => {
+  const renderMembers = React32.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -35854,7 +35204,7 @@ function BlogGridAuthorCardsComponent({
   pattern,
   patternOpacity
 }) {
-  const viewAllActionContent = React8.useMemo(() => {
+  const viewAllActionContent = React32.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -35879,7 +35229,7 @@ function BlogGridAuthorCardsComponent({
       }
     );
   }, [viewAllSlot, viewAllAction]);
-  const postsContent = React8.useMemo(() => {
+  const postsContent = React32.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -36000,7 +35350,7 @@ function BlogCardsTaglineCta({
   pattern,
   patternOpacity
 }) {
-  const ctaActionContent = React8.useMemo(() => {
+  const ctaActionContent = React32.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -36028,7 +35378,7 @@ function BlogCardsTaglineCta({
       }
     );
   }, [ctaSlot, ctaAction, ctaClassName]);
-  const postsContent = React8.useMemo(() => {
+  const postsContent = React32.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -36174,7 +35524,7 @@ function BlogCardsReadTime({
   pattern,
   patternOpacity
 }) {
-  const renderedViewAllAction = React8.useMemo(() => {
+  const renderedViewAllAction = React32.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -36191,7 +35541,7 @@ function BlogCardsReadTime({
       iconAfter
     ] }) });
   }, [viewAllSlot, viewAllAction]);
-  const renderedPosts = React8.useMemo(() => {
+  const renderedPosts = React32.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -36328,7 +35678,7 @@ function BlogCategoryOverlay({
   pattern,
   patternOpacity
 }) {
-  const viewAllActionContent = React8.useMemo(() => {
+  const viewAllActionContent = React32.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -36356,7 +35706,7 @@ function BlogCategoryOverlay({
       }
     );
   }, [viewAllSlot, viewAllAction, viewAllClassName]);
-  const postsContent = React8.useMemo(() => {
+  const postsContent = React32.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -36504,7 +35854,7 @@ function BlogFeaturedPopular({
 }) {
   const featuredPost = posts?.[0];
   const popularPosts = posts?.slice(1);
-  const renderedFeaturedPost = React8.useMemo(() => {
+  const renderedFeaturedPost = React32.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredPost) return null;
     const postHref = featuredPost.href || featuredPost.url || featuredPost.link;
@@ -36556,7 +35906,7 @@ function BlogFeaturedPopular({
     featuredContentClassName,
     optixFlowConfig
   ]);
-  const renderedPopularPosts = React8.useMemo(() => {
+  const renderedPopularPosts = React32.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!popularPosts || popularPosts.length === 0) return null;
     return popularPosts.map((post) => {
@@ -36673,7 +36023,7 @@ function BlogRelatedArticles({
   pattern,
   patternOpacity
 }) {
-  const renderedSeeAllAction = React8.useMemo(() => {
+  const renderedSeeAllAction = React32.useMemo(() => {
     if (seeAllSlot) return seeAllSlot;
     if (!seeAllAction) return null;
     const {
@@ -36702,7 +36052,7 @@ function BlogRelatedArticles({
       }
     );
   }, [seeAllSlot, seeAllAction, seeAllClassName]);
-  const renderedArticles = React8.useMemo(() => {
+  const renderedArticles = React32.useMemo(() => {
     if (articlesSlot) return articlesSlot;
     if (!articles || articles.length === 0) return null;
     return articles.map((item) => {
@@ -36995,7 +36345,7 @@ function BlogHorizontalCards({
   pattern,
   patternOpacity
 }) {
-  const ctaContent = React8.useMemo(() => {
+  const ctaContent = React32.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -37020,7 +36370,7 @@ function BlogHorizontalCards({
       }
     );
   }, [ctaSlot, ctaAction]);
-  const postsContent = React8.useMemo(() => {
+  const postsContent = React32.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -37242,7 +36592,7 @@ function Label({
   );
 }
 var POSTS_PER_PAGE = 6;
-var BlogCard = React8.memo(function BlogCard2({
+var BlogCard = React32.memo(function BlogCard2({
   post,
   optixFlowConfig,
   className
@@ -37281,7 +36631,7 @@ var BlogCard = React8.memo(function BlogCard2({
     ] })
   ] }) });
 });
-var FilterForm = React8.memo(function FilterForm2({
+var FilterForm = React32.memo(function FilterForm2({
   categories,
   selectedCategories,
   onCategoryChange,
@@ -37314,7 +36664,7 @@ var FilterForm = React8.memo(function FilterForm2({
     }
   );
 });
-var BreadcrumbBlog = React8.memo(function BreadcrumbBlog2({
+var BreadcrumbBlog = React32.memo(function BreadcrumbBlog2({
   breadcrumb
 }) {
   return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.map((item, i) => {
@@ -37396,12 +36746,12 @@ function BlogFilteredResultsComponent({
   }, [posts, selectedCategories]);
   const postsToDisplay = filteredPosts.length > 0 ? filteredPosts : posts || [];
   const hasMore = visibleCount < postsToDisplay.length;
-  const breadcrumbContent = React8.useMemo(() => {
+  const breadcrumbContent = React32.useMemo(() => {
     if (breadcrumbSlot) return breadcrumbSlot;
     if (!breadcrumb || breadcrumb.length === 0) return null;
     return /* @__PURE__ */ jsx(BreadcrumbBlog, { breadcrumb });
   }, [breadcrumbSlot, breadcrumb]);
-  const primaryPostContent = React8.useMemo(() => {
+  const primaryPostContent = React32.useMemo(() => {
     if (primaryPostSlot) return primaryPostSlot;
     if (!primaryPost) return null;
     return /* @__PURE__ */ jsx(
@@ -37413,7 +36763,7 @@ function BlogFilteredResultsComponent({
       }
     );
   }, [primaryPostSlot, primaryPost, optixFlowConfig, postCardClassName]);
-  const categoriesContent = React8.useMemo(() => {
+  const categoriesContent = React32.useMemo(() => {
     if (categoriesSlot) return categoriesSlot;
     if (!categories || categories.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -37432,7 +36782,7 @@ function BlogFilteredResultsComponent({
     handleCategoryChange,
     categoriesClassName
   ]);
-  const postsContent = React8.useMemo(() => {
+  const postsContent = React32.useMemo(() => {
     if (postsSlot) return postsSlot;
     return postsToDisplay.slice(0, visibleCount).map((post) => {
       const postKey = post.id || String(post.title) || Math.random().toString();
@@ -37453,7 +36803,7 @@ function BlogFilteredResultsComponent({
     optixFlowConfig,
     postCardClassName
   ]);
-  const loadMoreContent = React8.useMemo(() => {
+  const loadMoreContent = React32.useMemo(() => {
     if (loadMoreSlot) return loadMoreSlot;
     if (!loadMoreAction || !hasMore) return null;
     const {
@@ -37580,7 +36930,7 @@ function BlogMasonryFeaturedComponent({
 }) {
   const featuredPost = posts?.[0];
   const otherPosts = posts?.slice(1);
-  const featuredPostContent = React8.useMemo(() => {
+  const featuredPostContent = React32.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredPost) return null;
     const postHref = featuredPost.href || featuredPost.url || featuredPost.link;
@@ -37630,7 +36980,7 @@ function BlogMasonryFeaturedComponent({
     featuredImageClassName,
     optixFlowConfig
   ]);
-  const otherPostsContent = React8.useMemo(() => {
+  const otherPostsContent = React32.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!otherPosts || otherPosts.length === 0) return null;
     return otherPosts.map((post) => {
@@ -37721,7 +37071,7 @@ function BlogHorizontalTimelineComponent({
   pattern,
   patternOpacity
 }) {
-  const renderPosts = React8.useMemo(() => {
+  const renderPosts = React32.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post, index) => {
@@ -37846,7 +37196,7 @@ function BlogGridNinePosts({
   pattern,
   patternOpacity
 }) {
-  const renderedCtaAction = React8.useMemo(() => {
+  const renderedCtaAction = React32.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -37871,7 +37221,7 @@ function BlogGridNinePosts({
       }
     );
   }, [ctaSlot, ctaAction]);
-  const renderedPosts = React8.useMemo(() => {
+  const renderedPosts = React32.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -37969,9 +37319,9 @@ var AppleCarousel = ({
   className,
   containerClassName
 }) => {
-  const carouselRef = React8__default.useRef(null);
-  const [canScrollLeft, setCanScrollLeft] = React8__default.useState(false);
-  const [canScrollRight, setCanScrollRight] = React8__default.useState(true);
+  const carouselRef = React32__default.useRef(null);
+  const [canScrollLeft, setCanScrollLeft] = React32__default.useState(false);
+  const [canScrollRight, setCanScrollRight] = React32__default.useState(true);
   const [currentIndex, setCurrentIndex] = useState(0);
   useEffect(() => {
     if (carouselRef.current) {
@@ -38211,7 +37561,7 @@ function BlogCarouselAppleComponent({
   containerClassName,
   cardClassName
 }) {
-  const carouselCards = React8.useMemo(() => {
+  const carouselCards = React32.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return posts.map(
       (post, idx) => ({
@@ -38223,7 +37573,7 @@ function BlogCarouselAppleComponent({
       })
     );
   }, [posts]);
-  const cardElements = React8.useMemo(() => {
+  const cardElements = React32.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return carouselCards.map((card, index) => {
       const post = posts[index];
@@ -38308,7 +37658,7 @@ function ArticleHeroProseComponent({
     description,
     authorImage
   } = post ?? {};
-  const authorContent = React8.useMemo(() => {
+  const authorContent = React32.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs(
@@ -38342,7 +37692,7 @@ function ArticleHeroProseComponent({
     dateFormat,
     authorClassName
   ]);
-  const heroMediaContent = React8.useMemo(() => {
+  const heroMediaContent = React32.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx(
@@ -38448,7 +37798,7 @@ function ArticleSidebarStickyComponent({
   patternOpacity,
   sidebarContent
 }) {
-  const backLinkContent = React8.useMemo(() => {
+  const backLinkContent = React32.useMemo(() => {
     if (backLinkSlot) return backLinkSlot;
     if (!backHref && !backText) return null;
     return /* @__PURE__ */ jsxs(
@@ -38466,7 +37816,7 @@ function ArticleSidebarStickyComponent({
       }
     );
   }, [backLinkSlot, backHref, backText, backIcon, backLinkClassName]);
-  const renderAuthor = React8.useCallback(
+  const renderAuthor = React32.useCallback(
     (isMobile = false) => {
       if (authorSlot) return authorSlot;
       if (!authorName) return null;
@@ -38498,7 +37848,7 @@ function ArticleSidebarStickyComponent({
       authorClassName
     ]
   );
-  const heroMediaContent = React8.useMemo(() => {
+  const heroMediaContent = React32.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -38609,10 +37959,10 @@ function ArticleTocSidebarComponent({
   patternOpacity,
   patternClassName
 }) {
-  const [activeSection, setActiveSection] = React8.useState(
+  const [activeSection, setActiveSection] = React32.useState(
     sections?.[0]?.id || ""
   );
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!enableTocTracking || !sections || sections.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -38630,12 +37980,12 @@ function ArticleTocSidebarComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  const categoryContent = React8.useMemo(() => {
+  const categoryContent = React32.useMemo(() => {
     if (categorySlot) return categorySlot;
     if (!category) return null;
     return /* @__PURE__ */ jsx(Badge, { children: category });
   }, [categorySlot, category]);
-  const authorContent = React8.useMemo(() => {
+  const authorContent = React32.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-6 flex items-center gap-4", authorClassName), children: [
@@ -38670,7 +38020,7 @@ function ArticleTocSidebarComponent({
     readTime,
     authorClassName
   ]);
-  const heroMediaContent = React8.useMemo(() => {
+  const heroMediaContent = React32.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -38692,7 +38042,7 @@ function ArticleTocSidebarComponent({
     heroImageClassName,
     optixFlowConfig
   ]);
-  const tocContent = React8.useMemo(() => {
+  const tocContent = React32.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: [
@@ -38700,7 +38050,7 @@ function ArticleTocSidebarComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React8.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React32.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -38717,7 +38067,7 @@ function ArticleTocSidebarComponent({
       }) })
     ] });
   }, [tocSlot, sections, activeSection, renderSectionLink, tocClassName]);
-  const ctaContent = React8.useMemo(() => {
+  const ctaContent = React32.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaTitle && !ctaDescription && (!ctaActions || ctaActions.length === 0))
       return null;
@@ -38831,11 +38181,11 @@ function ArticleBreadcrumbSocialComponent({
   patternOpacity,
   patternClassName
 }) {
-  const [activeSection, setActiveSection] = React8.useState(
+  const [activeSection, setActiveSection] = React32.useState(
     sections?.[0]?.id || ""
   );
-  const [showBackToTop, setShowBackToTop] = React8.useState(false);
-  React8.useEffect(() => {
+  const [showBackToTop, setShowBackToTop] = React32.useState(false);
+  React32.useEffect(() => {
     if (!enableTocTracking || !sections || sections.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -38853,7 +38203,7 @@ function ArticleBreadcrumbSocialComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!enableBackToTop) return;
     const handleScroll = () => {
       setShowBackToTop(window.scrollY > 400);
@@ -38861,15 +38211,15 @@ function ArticleBreadcrumbSocialComponent({
     window.addEventListener("scroll", handleScroll);
     return () => window.removeEventListener("scroll", handleScroll);
   }, [enableBackToTop]);
-  const scrollToTop = React8.useCallback(() => {
+  const scrollToTop = React32.useCallback(() => {
     window.scrollTo({ top: 0, behavior: "smooth" });
   }, []);
-  const breadcrumbsContent = React8.useMemo(() => {
+  const breadcrumbsContent = React32.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(React8.Fragment, { children: [
+      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React32.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)),
@@ -38879,7 +38229,7 @@ function ArticleBreadcrumbSocialComponent({
       ] })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const authorContent = React8.useMemo(() => {
+  const authorContent = React32.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     return /* @__PURE__ */ jsxs(
@@ -38902,7 +38252,7 @@ function ArticleBreadcrumbSocialComponent({
       }
     );
   }, [authorSlot, author, publishDate, readTime, authorClassName]);
-  const heroMediaContent = React8.useMemo(() => {
+  const heroMediaContent = React32.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -38924,7 +38274,7 @@ function ArticleBreadcrumbSocialComponent({
     heroImageClassName,
     optixFlowConfig
   ]);
-  const tocContent = React8.useMemo(() => {
+  const tocContent = React32.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: [
@@ -38932,7 +38282,7 @@ function ArticleBreadcrumbSocialComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React8.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React32.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -39039,11 +38389,11 @@ function ArticleCompactTocComponent({
   patternOpacity,
   patternClassName
 }) {
-  const [activeSection, setActiveSection] = React8.useState(
+  const [activeSection, setActiveSection] = React32.useState(
     sections?.[0]?.id || ""
   );
-  const [isTocOpen, setIsTocOpen] = React8.useState(false);
-  React8.useEffect(() => {
+  const [isTocOpen, setIsTocOpen] = React32.useState(false);
+  React32.useEffect(() => {
     if (!enableTocTracking) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -39061,12 +38411,12 @@ function ArticleCompactTocComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  const breadcrumbsContent = React8.useMemo(() => {
+  const breadcrumbsContent = React32.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(React8.Fragment, { children: [
+      breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React32.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)),
@@ -39074,13 +38424,13 @@ function ArticleCompactTocComponent({
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const renderTocLinks = React8.useCallback(
+  const renderTocLinks = React32.useCallback(
     (onLinkClick) => {
       if (!sections) return null;
       return sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React8.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React32.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -39099,7 +38449,7 @@ function ArticleCompactTocComponent({
     },
     [sections, activeSection, renderSectionLink]
   );
-  const tocContent = React8.useMemo(() => {
+  const tocContent = React32.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: [
@@ -39133,14 +38483,14 @@ function ArticleCompactTocComponent({
     ] }) });
   }, [tocSlot, sections, isTocOpen, tocClassName, renderTocLinks]);
   const hasDesktopToc = !tocSlot && sections && sections.length > 0;
-  const desktopTocContent = React8.useMemo(() => {
+  const desktopTocContent = React32.useMemo(() => {
     if (!hasDesktopToc) return null;
     return /* @__PURE__ */ jsx("aside", { className: cn("hidden lg:block w-64 shrink-0", tocClassName), children: /* @__PURE__ */ jsxs("nav", { className: "sticky top-24 max-h-[calc(100vh-8rem)] overflow-y-auto space-y-2 rounded-lg border p-4", children: [
       /* @__PURE__ */ jsx("span", { className: "mb-3 block text-sm font-semibold", children: "Table of Contents" }),
       renderTocLinks()
     ] }) });
   }, [hasDesktopToc, tocClassName, renderTocLinks]);
-  const heroMediaContent = React8.useMemo(() => {
+  const heroMediaContent = React32.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -39262,10 +38612,10 @@ function ArticleChaptersAuthorComponent({
   pattern,
   patternOpacity
 }) {
-  const [activeChapter, setActiveChapter] = React8.useState(
+  const [activeChapter, setActiveChapter] = React32.useState(
     chapters?.[0]?.id || ""
   );
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (!enableChapterTracking || !chapters || chapters.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -39283,12 +38633,12 @@ function ArticleChaptersAuthorComponent({
     });
     return () => observer.disconnect();
   }, [chapters, enableChapterTracking]);
-  const breadcrumbsContent = React8.useMemo(() => {
+  const breadcrumbsContent = React32.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(React8.Fragment, { children: [
+      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React32.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)),
@@ -39296,7 +38646,7 @@ function ArticleChaptersAuthorComponent({
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: typeof currentPage === "string" ? currentPage : currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const chaptersNavContent = React8.useMemo(() => {
+  const chaptersNavContent = React32.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: [
@@ -39304,7 +38654,7 @@ function ArticleChaptersAuthorComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: chapters.map((chapter) => {
         const isActive = activeChapter === chapter.id;
         if (renderChapterLink) {
-          return /* @__PURE__ */ jsx(React8.Fragment, { children: renderChapterLink(chapter, isActive) }, chapter.id);
+          return /* @__PURE__ */ jsx(React32.Fragment, { children: renderChapterLink(chapter, isActive) }, chapter.id);
         }
         return /* @__PURE__ */ jsxs(
           Pressable,
@@ -39338,7 +38688,7 @@ function ArticleChaptersAuthorComponent({
     renderChapterLink,
     chaptersClassName
   ]);
-  const authorCardContent = React8.useMemo(() => {
+  const authorCardContent = React32.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     let socialLinksContent = null;
@@ -39387,7 +38737,7 @@ function ArticleChaptersAuthorComponent({
       socialLinksContent
     ] });
   }, [authorSlot, author, authorClassName]);
-  const heroMediaContent = React8.useMemo(() => {
+  const heroMediaContent = React32.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -39409,7 +38759,7 @@ function ArticleChaptersAuthorComponent({
     heroImageClassName,
     optixFlowConfig
   ]);
-  const conclusionContent = React8.useMemo(() => {
+  const conclusionContent = React32.useMemo(() => {
     if (conclusionSlot) return conclusionSlot;
     if (!conclusionTitle && !conclusionDescription && (!conclusionActions || conclusionActions.length === 0))
       return null;
@@ -39551,7 +38901,7 @@ function ArticleSplitAnimatedComponent({
   spacing = "lg"
 }) {
   const MotionWrapper = enableAnimations ? motion.div : "div";
-  const categoryContent = React8.useMemo(() => {
+  const categoryContent = React32.useMemo(() => {
     if (categorySlot) return categorySlot;
     if (!category) return null;
     return /* @__PURE__ */ jsx(
@@ -39566,7 +38916,7 @@ function ArticleSplitAnimatedComponent({
       }
     );
   }, [categorySlot, category, categoryHref, categoryClassName]);
-  const heroMediaContent = React8.useMemo(() => {
+  const heroMediaContent = React32.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx(
@@ -39579,7 +38929,7 @@ function ArticleSplitAnimatedComponent({
       }
     );
   }, [heroMediaSlot, image, imageAlt, title, optixFlowConfig]);
-  const authorContent = React8.useMemo(() => {
+  const authorContent = React32.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-8 flex items-center gap-4", authorClassName), children: [
@@ -39607,7 +38957,7 @@ function ArticleSplitAnimatedComponent({
     authorRole,
     authorClassName
   ]);
-  const ctaContent = React8.useMemo(() => {
+  const ctaContent = React32.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) => {
@@ -41273,7 +40623,7 @@ function FaqSidebarNavigation({
   accordionTriggerClassName,
   accordionContentClassName
 }) {
-  const [activeCategory, setActiveCategory] = React8.useState(
+  const [activeCategory, setActiveCategory] = React32.useState(
     categories && categories.length > 1 ? "all" : categories?.[0]?.id || ""
   );
   const filteredCategories = useMemo(() => {
@@ -42331,7 +41681,7 @@ function FaqSplitHero({
     }
   );
 }
-var Controls = React8.memo(
+var Controls = React32.memo(
   ({
     handleNext,
     handlePrevious,
@@ -42362,7 +41712,7 @@ var Controls = React8.memo(
     ] });
   }
 );
-var FeatureCard = React8.memo(
+var FeatureCard = React32.memo(
   ({ feature, isActive, onClick }) => {
     const variants2 = useMemo(
       () => ({
@@ -42471,7 +41821,7 @@ var FeatureCard = React8.memo(
     ) });
   }
 );
-var FeaturesDesktop = React8.memo(
+var FeaturesDesktop = React32.memo(
   ({
     features,
     handleNext,
@@ -42505,7 +41855,7 @@ var FeaturesDesktop = React8.memo(
     ] });
   }
 );
-var FeaturesMobile = React8.memo(
+var FeaturesMobile = React32.memo(
   ({
     features,
     handleNext,
@@ -42596,8 +41946,8 @@ function FeatureAnimatedCarousel({
   spacing = "py-12 md:py-32",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8"
 }) {
-  const [activeIndex, setActiveIndex] = React8.useState(0);
-  const [direction, setDirection] = React8.useState(1);
+  const [activeIndex, setActiveIndex] = React32.useState(0);
+  const [direction, setDirection] = React32.useState(1);
   const handleNext = useCallback(() => {
     if (features && activeIndex < features.length - 1) {
       setDirection(1);
@@ -42826,7 +42176,7 @@ function FooterNewsletterContact({
   formSlot,
   newsletterFormClassName
 }) {
-  const linkSectionsContent = React8.useMemo(() => {
+  const linkSectionsContent = React32.useMemo(() => {
     if (!footerLinks || footerLinks.length === 0) return null;
     return footerLinks.map((section, idx) => /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight opacity-70", children: section.title }),
@@ -42840,7 +42190,7 @@ function FooterNewsletterContact({
       ) }, itemIdx)) })
     ] }, idx));
   }, [footerLinks]);
-  const contactDetailsContent = React8.useMemo(() => {
+  const contactDetailsContent = React32.useMemo(() => {
     if (!contactDetails || contactDetails.length === 0) return null;
     return contactDetails.map((item, idx) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center shrink-0 mt-1", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 16 }) }),
@@ -42854,7 +42204,7 @@ function FooterNewsletterContact({
       ) })
     ] }, idx));
   }, [contactDetails]);
-  const socialLinksContent = React8.useMemo(() => {
+  const socialLinksContent = React32.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
     return socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       SocialLinkIcon,
@@ -42868,7 +42218,7 @@ function FooterNewsletterContact({
       }
     ) }, idx));
   }, [socialLinks]);
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
     const defaultButtonAction = {
@@ -43013,7 +42363,7 @@ function FooterSplitImageAccordion({
   buttonAction,
   formSlot
 }) {
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
     const defaultButtonAction = {
@@ -43274,7 +42624,7 @@ function FooterAccordionSocial({
   patternClassName,
   formEngineSetup
 }) {
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (!formEngineSetup) return null;
     const action = {
       label: "",
@@ -43418,7 +42768,7 @@ function FooterInfoCardsAccordion({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [email, setEmail] = React8.useState("");
+  const [email, setEmail] = React32.useState("");
   (/* @__PURE__ */ new Date()).getFullYear();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -43723,13 +43073,13 @@ function CaseStudiesImageGrid({
   patternOpacity,
   optixFlowConfig
 }) {
-  const getGridClass = React8.useCallback((index) => {
+  const getGridClass = React32.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 = React8.useMemo(() => {
+  const renderedItems = React32.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
     return items.map((item, index) => /* @__PURE__ */ jsxs(
@@ -43815,7 +43165,7 @@ function CaseStudiesTestimonialStats({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedTestimonials = React8.useMemo(() => {
+  const renderedTestimonials = React32.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
     return testimonials.map((testimonial, index) => /* @__PURE__ */ jsxs("div", { className: testimonialItemClassName, children: [
@@ -44682,7 +44032,7 @@ function TestimonialsCarouselImage({
 }) {
   const [currentIndex, setCurrentIndex] = useState(0);
   const totalTestimonials = testimonials?.length ?? 0;
-  const autoPlayTimerRef = React8.useRef(
+  const autoPlayTimerRef = React32.useRef(
     null
   );
   const resetAutoPlay = useCallback(() => {
@@ -45668,7 +45018,7 @@ function TestimonialsSliderMinimal({
 }) {
   const [currentIndex, setCurrentIndex] = useState(0);
   const totalTestimonials = testimonials?.length ?? 0;
-  const autoPlayTimerRef = React8.useRef(
+  const autoPlayTimerRef = React32.useRef(
     null
   );
   const resetAutoPlay = useCallback(() => {
@@ -46879,7 +46229,7 @@ function TestimonialsAnimatedSplit({
 }) {
   const [currentIndex, setCurrentIndex] = useState(0);
   const totalTestimonials = testimonials?.length ?? 0;
-  const autoPlayTimerRef = React8.useRef(
+  const autoPlayTimerRef = React32.useRef(
     null
   );
   const resetAutoPlay = useCallback(() => {
@@ -48111,7 +47461,7 @@ function CaseStudiesFeaturedBorder({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedFeatured = React8.useMemo(() => {
+  const renderedFeatured = React32.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredCaseStudy) return null;
     return /* @__PURE__ */ jsxs(
@@ -48185,7 +47535,7 @@ function CaseStudiesFeaturedBorder({
     featuredImageClassName,
     optixFlowConfig
   ]);
-  const renderedCaseStudies = React8.useMemo(() => {
+  const renderedCaseStudies = React32.useMemo(() => {
     if (caseStudiesSlot) return caseStudiesSlot;
     if (!caseStudies || caseStudies.length === 0) return null;
     return caseStudies.map((item, idx) => /* @__PURE__ */ jsxs(
@@ -48294,7 +47644,7 @@ function CaseStudiesStatsCard({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedStats = React8.useMemo(() => {
+  const renderedStats = React32.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: [
@@ -48302,7 +47652,7 @@ function CaseStudiesStatsCard({
       /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground", children: item.text })
     ] }, `stats-${i}`)) });
   }, [statsSlot, stats, statsClassName]);
-  const renderedAuthor = React8.useMemo(() => {
+  const renderedAuthor = React32.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2.5", authorClassName), children: [
@@ -48316,7 +47666,7 @@ function CaseStudiesStatsCard({
       ] })
     ] });
   }, [authorSlot, author, authorClassName]);
-  const renderedActions = React8.useMemo(() => {
+  const renderedActions = React32.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) => {
@@ -55727,7 +55077,7 @@ function HeroSplitImageNewsletter({
     onError,
     uploadTokens
   });
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formFields || formFields.length === 0) return null;
     const defaultButtonAction = {
@@ -55806,7 +55156,7 @@ function HeroSplitImageNewsletter({
     resetUpload,
     resetSubmissionState
   ]);
-  const renderImage = React8.useMemo(() => {
+  const renderImage = React32.useMemo(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx("div", { className: "relative lg:w-1/2", children: /* @__PURE__ */ jsx(
@@ -57239,7 +56589,7 @@ function HeroSaasDashboardPreview({
     onError,
     uploadTokens
   });
-  const renderBadge = React8.useMemo(() => {
+  const renderBadge = React32.useMemo(() => {
     if (badgeSlot) return badgeSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -57254,7 +56604,7 @@ function HeroSaasDashboardPreview({
       }
     );
   }, [badgeSlot, badgeIcon, badgeText]);
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     const defaultButtonAction = {
       label: "Start Free Trial",
@@ -57329,7 +56679,7 @@ function HeroSaasDashboardPreview({
     resetUpload,
     resetSubmissionState
   ]);
-  const renderBrowserPreview = React8.useMemo(() => {
+  const renderBrowserPreview = React32.useMemo(() => {
     if (browserPreviewSlot) return browserPreviewSlot;
     if (!browserPreview) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("relative mt-12 md:mt-20", previewClassName), children: [
@@ -59580,7 +58930,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(React8.Fragment, { children: [
+        children: stats.map((stat, index) => /* @__PURE__ */ jsxs(React32.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(
@@ -60024,7 +59374,7 @@ function HeroNewsletterMinimal({
   disclaimerClassName,
   statsClassName
 }) {
-  const renderStats = React8.useMemo(() => {
+  const renderStats = React32.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: [
@@ -60050,7 +59400,7 @@ function HeroNewsletterMinimal({
       /* @__PURE__ */ jsx("div", { className: cn("text-sm"), children: stat.label })
     ] }) }, index));
   }, [statsSlot, stats]);
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
     const defaultButtonAction = {
@@ -60217,7 +59567,7 @@ function HeroComingSoonCountdown({
   formClassName,
   socialLinksClassName
 }) {
-  const [timeLeft, setTimeLeft] = React8.useState(null);
+  const [timeLeft, setTimeLeft] = React32.useState(null);
   const {
     uploadTokens,
     uploadProgress,
@@ -60237,7 +59587,7 @@ function HeroComingSoonCountdown({
     onError,
     uploadTokens
   });
-  const calculateTimeLeft = React8.useCallback(() => {
+  const calculateTimeLeft = React32.useCallback(() => {
     if (!countdownDate) return null;
     const now = Date.now();
     const target = countdownDate.getTime();
@@ -60250,7 +59600,7 @@ function HeroComingSoonCountdown({
       seconds: Math.floor(diff % (1e3 * 60) / 1e3)
     };
   }, [countdownDate]);
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     setTimeLeft(calculateTimeLeft());
     if (!countdownDate) return;
     const timer = setInterval(() => {
@@ -60261,7 +59611,7 @@ function HeroComingSoonCountdown({
     return () => clearInterval(timer);
   }, [countdownDate, calculateTimeLeft]);
   const showCountdown = countdownSlot || timeLeft;
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     const defaultButtonAction = {
       label: "Notify Me",
@@ -60337,7 +59687,7 @@ function HeroComingSoonCountdown({
     resetUpload,
     resetSubmissionState
   ]);
-  const renderSocialLinks = React8.useMemo(() => {
+  const renderSocialLinks = React32.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return socialLinks.map((link, index) => /* @__PURE__ */ jsx(
@@ -60471,7 +59821,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(React8.Fragment, { children: [
+        children: stats.map((stat, index) => /* @__PURE__ */ jsxs(React32.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(
@@ -60874,7 +60224,7 @@ function ComparisonTableTwoColumn({
   patternOpacity,
   optixFlowConfig
 }) {
-  const tableContent = React8.useMemo(() => {
+  const tableContent = React32.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(
@@ -60904,7 +60254,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(React8.Fragment, { children: [
+          rows.map((row, idx) => /* @__PURE__ */ jsxs(React32.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" }),
@@ -60933,14 +60283,14 @@ function ComparisonTableTwoColumn({
     optionBLabel,
     optixFlowConfig
   ]);
-  const headingContent = React8.useMemo(() => {
+  const headingContent = React32.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 = React8.useMemo(() => {
+  const descriptionContent = React32.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 });
@@ -60987,7 +60337,7 @@ function ComparisonFeatureCards({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderCard = React8.useCallback(
+  const renderCard = React32.useCallback(
     (product, isHighlighted) => /* @__PURE__ */ jsxs(
       "div",
       {
@@ -61043,7 +60393,7 @@ function ComparisonFeatureCards({
     ),
     [cardClassName, optixFlowConfig]
   );
-  const cardsContent = React8.useMemo(() => {
+  const cardsContent = React32.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!productA || !productB) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -61051,28 +60401,28 @@ function ComparisonFeatureCards({
       renderCard(productB, productB.highlighted ?? false)
     ] });
   }, [cardsSlot, productA, productB, renderCard]);
-  const headingContent = React8.useMemo(() => {
+  const headingContent = React32.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 = React8.useMemo(() => {
+  const descriptionContent = React32.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 = React8.useMemo(() => {
+  const suitabilityContent = React32.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 = React8.useMemo(() => {
+  const differencesContent = React32.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),
@@ -61120,7 +60470,7 @@ function ComparisonGridBadges({
   pattern,
   patternOpacity
 }) {
-  const featuresContent = React8.useMemo(() => {
+  const featuresContent = React32.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, idx) => /* @__PURE__ */ jsxs(
@@ -61167,14 +60517,14 @@ function ComparisonGridBadges({
       idx
     ));
   }, [featuresSlot, features, featureCardClassName, badgeClassName, optionALabel, optionBLabel]);
-  const headingContent = React8.useMemo(() => {
+  const headingContent = React32.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 = React8.useMemo(() => {
+  const descriptionContent = React32.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 });
@@ -61222,7 +60572,7 @@ function ComparisonMetricsRows({
   pattern,
   patternOpacity
 }) {
-  const metricsContent = React8.useMemo(() => {
+  const metricsContent = React32.useMemo(() => {
     if (metricsSlot) return metricsSlot;
     if (!metrics || metrics.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -61262,7 +60612,7 @@ function ComparisonMetricsRows({
       }
     );
   }, [metricsSlot, metrics, metricsClassName, metricRowClassName]);
-  const actionsContent = React8.useMemo(() => {
+  const actionsContent = React32.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(
@@ -61283,7 +60633,7 @@ function ComparisonMetricsRows({
       idx
     )) });
   }, [actionsSlot, actions, actionsClassName]);
-  const headingContent = React8.useMemo(() => {
+  const headingContent = React32.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx(
@@ -61299,7 +60649,7 @@ function ComparisonMetricsRows({
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React8.useMemo(() => {
+  const descriptionContent = React32.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -61362,7 +60712,7 @@ function ComparisonImageCards({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderCard = React8.useCallback(
+  const renderCard = React32.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"),
@@ -61386,7 +60736,7 @@ function ComparisonImageCards({
     ] }) }),
     [cardClassName, optixFlowConfig]
   );
-  const cardsContent = React8.useMemo(() => {
+  const cardsContent = React32.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!optionA || !optionB) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -61404,14 +60754,14 @@ function ComparisonImageCards({
       )
     ] });
   }, [cardsSlot, optionA, optionB, dividerText, dividerClassName, renderCard]);
-  const headingContent = React8.useMemo(() => {
+  const headingContent = React32.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 = React8.useMemo(() => {
+  const descriptionContent = React32.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 });
@@ -61541,7 +60891,7 @@ function ComparisonTableTabs({
   patternOpacity
 }) {
   const [selectedTab, setSelectedTab] = useState(models?.[0]?.name || "");
-  const renderStatusIcon = React8.useCallback((status) => {
+  const renderStatusIcon = React32.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" }) });
     }
@@ -61550,7 +60900,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 = React8.useMemo(() => {
+  const tableContent = React32.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!models || models.length === 0 || !features || features.length === 0) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -61609,14 +60959,14 @@ function ComparisonTableTabs({
       ] }) })
     ] });
   }, [tableSlot, models, features, tabsClassName, tableClassName, tableHeaderClassName, tableCellClassName, selectedTab, renderStatusIcon]);
-  const headingContent = React8.useMemo(() => {
+  const headingContent = React32.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 = React8.useMemo(() => {
+  const descriptionContent = React32.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 });
@@ -61707,7 +61057,7 @@ function ComparisonTableTooltips({
   pattern,
   patternOpacity
 }) {
-  const renderCellContent = React8.useCallback(
+  const renderCellContent = React32.useCallback(
     (cell, isHighlighted) => {
       if (typeof cell === "string") {
         return cell;
@@ -61734,7 +61084,7 @@ function ComparisonTableTooltips({
     },
     []
   );
-  const tableContent = React8.useMemo(() => {
+  const tableContent = React32.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: [
@@ -61760,14 +61110,14 @@ function ComparisonTableTooltips({
       ] }, idx)) })
     ] });
   }, [tableSlot, rows, tableClassName, tableHeaderClassName, tableCellClassName, optionALabel, optionBLabel, renderCellContent]);
-  const headingContent = React8.useMemo(() => {
+  const headingContent = React32.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 = React8.useMemo(() => {
+  const descriptionContent = React32.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 });
@@ -61809,7 +61159,7 @@ function ComparisonFeatureGrid({
   pattern,
   patternOpacity
 }) {
-  const renderStatusIcon = React8.useCallback((status) => {
+  const renderStatusIcon = React32.useCallback((status) => {
     if (status === true) {
       return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/check", size: 20, className: "text-success" });
     }
@@ -61818,7 +61168,7 @@ function ComparisonFeatureGrid({
     }
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 20, className: "text-destructive" });
   }, []);
-  const gridContent = React8.useMemo(() => {
+  const gridContent = React32.useMemo(() => {
     if (gridSlot) return gridSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxs(
@@ -61884,14 +61234,14 @@ function ComparisonFeatureGrid({
     optionBLabel,
     renderStatusIcon
   ]);
-  const headingContent = React8.useMemo(() => {
+  const headingContent = React32.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 = React8.useMemo(() => {
+  const descriptionContent = React32.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 });
@@ -61935,7 +61285,7 @@ function ComparisonAiModels({
   optixFlowConfig
 }) {
   const [hoveredModel, setHoveredModel] = useState(null);
-  const renderStatusIcon = React8.useCallback((status) => {
+  const renderStatusIcon = React32.useCallback((status) => {
     if (status === "best") {
       return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-check", size: 16, className: "text-success" });
     }
@@ -61944,7 +61294,7 @@ function ComparisonAiModels({
     }
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/minus", size: 16, className: "text-muted-foreground" });
   }, []);
-  const getCellClassName = React8.useCallback(
+  const getCellClassName = React32.useCallback(
     (status, modelKey) => {
       const baseClass = "cursor-pointer py-4 text-center font-medium transition-all duration-300";
       let statusClass = "";
@@ -61965,7 +61315,7 @@ function ComparisonAiModels({
     },
     [hoveredModel]
   );
-  const getSummaryCardClassName = React8.useCallback(
+  const getSummaryCardClassName = React32.useCallback(
     (modelKey) => {
       const baseClass = "rounded border border-border/30 bg-background/50 p-3 transition-all duration-300";
       if (hoveredModel === modelKey) {
@@ -61980,7 +61330,7 @@ function ComparisonAiModels({
     },
     [hoveredModel]
   );
-  const tableContent = React8.useMemo(() => {
+  const tableContent = React32.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!models || !comparisonData || comparisonData.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -62058,7 +61408,7 @@ function ComparisonAiModels({
     getCellClassName,
     renderStatusIcon
   ]);
-  const analysisContent = React8.useMemo(() => {
+  const analysisContent = React32.useMemo(() => {
     if (analysisSlot) return analysisSlot;
     if (!models) return null;
     return /* @__PURE__ */ jsx("div", { className: cn(
@@ -62099,14 +61449,14 @@ function ComparisonAiModels({
       ] })
     ] }) });
   }, [analysisSlot, models, analysisClassName, getSummaryCardClassName]);
-  const headingContent = React8.useMemo(() => {
+  const headingContent = React32.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 = React8.useMemo(() => {
+  const descriptionContent = React32.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 });
@@ -62156,7 +61506,7 @@ function ComparisonLegacyModern({
   pattern,
   patternOpacity
 }) {
-  const columnsContent = React8.useMemo(() => {
+  const columnsContent = React32.useMemo(() => {
     if (columnsSlot) return columnsSlot;
     if (!legacyFeatures || legacyFeatures.length === 0 || !modernFeatures || modernFeatures.length === 0)
       return null;
@@ -62168,7 +61518,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(React8.Fragment, { children: [
+        /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: legacyFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React32.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 })
@@ -62185,7 +61535,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(React8.Fragment, { children: [
+            /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: modernFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React32.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
@@ -62197,7 +61547,7 @@ function ComparisonLegacyModern({
       )
     ] });
   }, [columnsSlot, legacyFeatures, modernFeatures, legacyTitle, modernTitle, legacyColumnClassName, modernColumnClassName]);
-  const headingContent = React8.useMemo(() => {
+  const headingContent = React32.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: [
@@ -62210,7 +61560,7 @@ function ComparisonLegacyModern({
       ] }) : headingHighlight)
     ] });
   }, [heading, headingHighlight, headingClassName, headingHighlightClassName]);
-  const descriptionContent = React8.useMemo(() => {
+  const descriptionContent = React32.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("text-lg", descriptionClassName), children: description });
@@ -62383,7 +61733,7 @@ var NavbarMobileMenu = ({
   closeIconClassName,
   title = "Mobile Navigation"
 }) => {
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (open) {
       const originalOverflow = document.body.style.overflow;
       document.body.style.overflow = "hidden";
@@ -62612,7 +61962,7 @@ var NavbarDropdownMenu = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React8.useState(false);
+  const [open, setOpen] = React32.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -62838,7 +62188,7 @@ var NavbarCenteredMenu = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React8.useState(false);
+  const [open, setOpen] = React32.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -62978,7 +62328,7 @@ var DesktopMenuItem = ({
   index,
   optixFlowConfig
 }) => {
-  const imagesRef = React8.useRef([]);
+  const imagesRef = React32.useRef([]);
   const layout = link.layout || "simple-grid";
   const handleMouseEnter = (event) => {
     const index2 = Number(event.currentTarget.getAttribute("data-index"));
@@ -64213,7 +63563,7 @@ var NavbarFeatureGrid = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React8.useState(false);
+  const [open, setOpen] = React32.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -67423,7 +66773,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(React8.Fragment, { children: [
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "flex", children: item.groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
         groupIndex > 0 && /* @__PURE__ */ jsx(
           Separator,
           {
@@ -68175,7 +67525,7 @@ var NavbarSimpleLinks = ({
   const renderNavItems = useMemo(() => {
     if (navItemsSlot) return navItemsSlot;
     if (!navItems || navItems.length === 0) return null;
-    return navItems.map((item) => /* @__PURE__ */ jsx(React8.Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsx(
+    return navItems.map((item) => /* @__PURE__ */ jsx(React32.Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsx(
       NavigationMenuLink,
       {
         "data-nav-item": item.name,
@@ -73204,7 +72554,7 @@ function PricingFullComparison({
           resolvedPlanIds[index]
         ))
       ] }) }),
-      /* @__PURE__ */ jsx("tbody", { children: categories.map((category) => /* @__PURE__ */ jsxs(React8.Fragment, { children: [
+      /* @__PURE__ */ jsx("tbody", { children: categories.map((category) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
         /* @__PURE__ */ jsx("tr", { className: cn(getNestedCardBg(background), getNestedCardTextColor(background), categoryRowClassName), children: /* @__PURE__ */ jsx(
           "td",
           {
@@ -77805,9 +77155,9 @@ function ProcessStickySteps({
   );
 }
 var usePrevious = (value) => {
-  const [prev, setPrev] = React8.useState(void 0);
-  const ref = React8.useRef(value);
-  React8.useEffect(() => {
+  const [prev, setPrev] = React32.useState(void 0);
+  const ref = React32.useRef(value);
+  React32.useEffect(() => {
     setPrev(ref.current);
     ref.current = value;
   }, [value]);
@@ -77820,12 +77170,12 @@ var ProcessCard = ({
   itemClassName,
   background
 }) => {
-  const ref = React8.useRef(null);
+  const ref = React32.useRef(null);
   const itemInView = useInView(ref, {
     amount: 0,
     margin: "0px 0px -60% 0px"
   });
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     if (itemInView) {
       setActive(index);
     }
@@ -77875,7 +77225,7 @@ function ProcessScrollImage({
   ctaText,
   ctaUrl
 }) {
-  const [active, setActive] = React8.useState(0);
+  const [active, setActive] = React32.useState(0);
   const previousActive = usePrevious(active);
   const resolvedHeading = title ?? heading;
   const resolvedActions = actions ?? (ctaText && ctaUrl ? [
@@ -78058,7 +77408,7 @@ var ProcessCard2 = ({
   itemClassName,
   hoverImageClassName
 }) => {
-  const [isHovered, setIsHovered] = React8.useState(false);
+  const [isHovered, setIsHovered] = React32.useState(false);
   const titleText = typeof step.title === "string" ? step.title : `Step ${index + 1}`;
   return /* @__PURE__ */ jsxs(
     "li",
@@ -78416,7 +77766,7 @@ function ProcessExpandableTimeline({
   spacing = "xl",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8"
 }) {
-  const [expandedIndex, setExpandedIndex] = React8.useState(null);
+  const [expandedIndex, setExpandedIndex] = React32.useState(null);
   const toggleExpand = (index) => {
     setExpandedIndex(expandedIndex === index ? null : index);
   };
@@ -83206,7 +82556,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(React8.Fragment, { children: [
+      items.map((item, index) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -83326,7 +82676,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(React8.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: experiencesClassName, children: experiences.map((experience, idx) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsxs(
         "div",
@@ -83347,7 +82697,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(React8.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: awardsClassName, children: awards.map((award, idx) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsxs(
         "div",
@@ -83482,7 +82832,7 @@ function ListMetricsDashboard({
   activeCategory: controlledActiveCategory,
   onActiveCategoryChange
 }) {
-  const [internalActiveTab, setInternalActiveTab] = React8.useState("all");
+  const [internalActiveTab, setInternalActiveTab] = React32.useState("all");
   const activeTab = controlledActiveCategory ?? internalActiveTab;
   const handleTabChange = (value) => {
     if (onActiveCategoryChange) {
@@ -83966,7 +83316,7 @@ function ListSearchableGrid({
   searchTerm: controlledSearchTerm,
   onSearchTermChange
 }) {
-  const [internalSearchTerm, setInternalSearchTerm] = React8.useState("");
+  const [internalSearchTerm, setInternalSearchTerm] = React32.useState("");
   const searchTerm = controlledSearchTerm ?? internalSearchTerm;
   const handleSearchChange = (value) => {
     if (onSearchTermChange) {
@@ -83975,7 +83325,7 @@ function ListSearchableGrid({
       setInternalSearchTerm(value);
     }
   };
-  const filteredItems = React8.useMemo(() => {
+  const filteredItems = React32.useMemo(() => {
     if (!searchTerm) {
       return items ?? [];
     }
@@ -84175,7 +83525,7 @@ function OfferModalNewsletterDiscount({
   buttonAction
 }) {
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderCloseButton = React8.useMemo(() => {
+  const renderCloseButton = React32.useMemo(() => {
     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(
@@ -84192,7 +83542,7 @@ function OfferModalNewsletterDiscount({
       }
     ) }) });
   }, [closeButtonSlot, closeButtonText, closeClassName]);
-  const renderHeader = React8.useMemo(() => {
+  const renderHeader = React32.useMemo(() => {
     if (headerSlot) return headerSlot;
     if (!title) return null;
     return /* @__PURE__ */ jsx(DialogHeader, { className: headerClassName, children: /* @__PURE__ */ jsx(
@@ -84206,7 +83556,7 @@ function OfferModalNewsletterDiscount({
       }
     ) });
   }, [headerSlot, title, headerClassName, titleClassName]);
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
     const defaultButtonAction = {
@@ -84304,7 +83654,7 @@ function OfferModalMembershipImage({
   buttonAction
 }) {
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderImage = React8.useMemo(() => {
+  const renderImage = React32.useMemo(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx(
@@ -84335,7 +83685,7 @@ function OfferModalMembershipImage({
     imageClassName,
     optixFlowConfig
   ]);
-  const renderCloseButton = React8.useMemo(() => {
+  const renderCloseButton = React32.useMemo(() => {
     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,
@@ -84351,7 +83701,7 @@ function OfferModalMembershipImage({
       }
     ) }) });
   }, [closeButtonSlot, closeClassName]);
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
     const defaultButtonAction = {
@@ -84384,7 +83734,7 @@ function OfferModalMembershipImage({
       }
     );
   }, [formSlot, formEngineSetup, buttonAction, formClassName]);
-  const renderFooter = React8.useMemo(() => {
+  const renderFooter = React32.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!description) return null;
     return /* @__PURE__ */ jsx(DialogFooter, { className: footerClassName, children: /* @__PURE__ */ jsx(
@@ -84590,7 +83940,7 @@ function OfferModalSheetNewsletter({
   buttonAction
 }) {
   const sheetProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderLogo = React8.useMemo(() => {
+  const renderLogo = React32.useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -84604,7 +83954,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [logoSlot, logo, logoClassName, optixFlowConfig]);
-  const renderHeader = React8.useMemo(() => {
+  const renderHeader = React32.useMemo(() => {
     if (headerSlot) return headerSlot;
     return /* @__PURE__ */ jsxs(SheetHeader, { className: cn("gap-8 p-0", headerClassName), children: [
       renderLogo,
@@ -84637,7 +83987,7 @@ function OfferModalSheetNewsletter({
     description,
     descriptionClassName
   ]);
-  const renderForm = React8.useMemo(() => {
+  const renderForm = React32.useMemo(() => {
     if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
     const defaultButtonAction = {
@@ -84670,7 +84020,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [formSlot, formEngineSetup, buttonAction, formClassName]);
-  const renderLegal = React8.useMemo(() => {
+  const renderLegal = React32.useMemo(() => {
     if (legalSlot) return legalSlot;
     if (!termsUrl || !termsText || !privacyUrl || !privacyText) return null;
     return /* @__PURE__ */ jsxs("p", { className: cn("text-muted-foreground text-xs", legalClassName), children: [
@@ -84684,7 +84034,7 @@ function OfferModalSheetNewsletter({
       "."
     ] });
   }, [legalSlot, termsUrl, termsText, privacyUrl, privacyText, legalClassName]);
-  const renderImage = React8.useMemo(() => {
+  const renderImage = React32.useMemo(() => {
     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(
@@ -85271,10 +84621,10 @@ function ProjectDetailSidebarNavigation(props) {
     heroImageClassName,
     metadataClassName
   } = props;
-  const [activeSection, setActiveSection] = React8.useState(
+  const [activeSection, setActiveSection] = React32.useState(
     sections?.[0]?.id || ""
   );
-  React8.useEffect(() => {
+  React32.useEffect(() => {
     const handleScroll = () => {
       const sectionElements = sections?.map(
         (section) => document.getElementById(section.id)
@@ -88134,7 +87484,7 @@ function ProjectDetailTabbedCaseStudy(props) {
     testimonialClassName,
     toolsClassName
   } = props;
-  const [activeTab, setActiveTab] = React8.useState(tabs?.[0]?.id || "");
+  const [activeTab, setActiveTab] = React32.useState(tabs?.[0]?.id || "");
   const renderedBackAction = useMemo(() => {
     if (backActionSlot) return backActionSlot;
     if (!backAction) return null;
@@ -88522,7 +87872,7 @@ function RevealImage({
   index,
   optixFlowConfig
 }) {
-  const ref = React8.useRef(null);
+  const ref = React32.useRef(null);
   const { scrollYProgress } = useScroll({
     target: ref,
     offset: ["start end", "end start"]
@@ -88717,7 +88067,7 @@ function ParallaxSection({
   index,
   optixFlowConfig
 }) {
-  const ref = React8.useRef(null);
+  const ref = React32.useRef(null);
   const { scrollYProgress } = useScroll({
     target: ref,
     offset: ["start end", "end start"]
@@ -88790,7 +88140,7 @@ function ProjectDetailParallaxScroll(props) {
     heroImageClassName,
     sectionsClassName
   } = props;
-  const heroRef = React8.useRef(null);
+  const heroRef = React32.useRef(null);
   const { scrollYProgress } = useScroll({
     target: heroRef,
     offset: ["start start", "end start"]
@@ -89328,7 +88678,7 @@ function IndustriesExpandableShowcase({
   patternClassName,
   optixFlowConfig
 }) {
-  const [activeContractor, setActiveContractor] = React8.useState(
+  const [activeContractor, setActiveContractor] = React32.useState(
     contractors?.[0]?.id || ""
   );
   const handleContractorHover = (contractorId) => {
@@ -89996,7 +89346,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(React8.Fragment, { children: [
+    return /* @__PURE__ */ jsx(Breadcrumb, { className: breadcrumbsClassName, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React32.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)) }) });
@@ -93404,8 +92754,8 @@ function ServicesListTableHover({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [hoveredIndex, setHoveredIndex] = React8.useState(null);
-  const [mousePosition, setMousePosition] = React8.useState({ x: 0, y: 0 });
+  const [hoveredIndex, setHoveredIndex] = React32.useState(null);
+  const [mousePosition, setMousePosition] = React32.useState({ x: 0, y: 0 });
   const handleMouseMove = (e) => {
     setMousePosition({ x: e.clientX, y: e.clientY });
   };
@@ -93655,7 +93005,7 @@ function ServicesListStickyImage({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [activeIndex, setActiveIndex] = React8.useState(0);
+  const [activeIndex, setActiveIndex] = React32.useState(0);
   const renderServices = () => {
     if (servicesSlot) return servicesSlot;
     if (!services || services.length === 0) return null;
@@ -93907,8 +93257,8 @@ function ServicesListVideoShowcase({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [playingIndex, setPlayingIndex] = React8.useState(null);
-  const videoRefs = React8.useRef([]);
+  const [playingIndex, setPlayingIndex] = React32.useState(null);
+  const videoRefs = React32.useRef([]);
   const handleMouseEnter = (index) => {
     setPlayingIndex(index);
     videoRefs.current[index]?.play();
@@ -97195,7 +96545,7 @@ function StatsCircularProgress({
   statInfoClassName
 }) {
   const effectiveDefaultCategory = defaultCategory || (categories && categories.length > 0 ? categories[0].id : "");
-  const [category, setCategory] = React8.useState(effectiveDefaultCategory);
+  const [category, setCategory] = React32.useState(effectiveDefaultCategory);
   const badgeContent = useMemo(() => {
     if (badgeSlot) return badgeSlot;
     if (!badge) return null;
@@ -97488,8 +96838,8 @@ function StatsCardGroup({
   );
 }
 function useAnimatedCounter(endValue, duration = 2e3, isVisible) {
-  const [count, setCount] = React8.useState(0);
-  React8.useEffect(() => {
+  const [count, setCount] = React32.useState(0);
+  React32.useEffect(() => {
     if (!isVisible) return;
     let startTime = null;
     let animationFrame;
@@ -97577,9 +96927,9 @@ function StatsAnimatedCounter({
   statLabelClassName,
   statIconClassName
 }) {
-  const [isVisible, setIsVisible] = React8.useState(false);
-  const sectionRef = React8.useRef(null);
-  React8.useEffect(() => {
+  const [isVisible, setIsVisible] = React32.useState(false);
+  const sectionRef = React32.useRef(null);
+  React32.useEffect(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -97667,8 +97017,8 @@ function StatsAnimatedCounter({
   );
 }
 function useNumberTicker(endValue, duration = 2500, isVisible, decimals = 0) {
-  const [displayValue, setDisplayValue] = React8.useState("0");
-  React8.useEffect(() => {
+  const [displayValue, setDisplayValue] = React32.useState("0");
+  React32.useEffect(() => {
     if (!isVisible) return;
     let startTime = null;
     let animationFrame;
@@ -97783,9 +97133,9 @@ function StatsNumberTicker({
   statLabelClassName,
   statDescriptionClassName
 }) {
-  const [isVisible, setIsVisible] = React8.useState(false);
-  const sectionRef = React8.useRef(null);
-  React8.useEffect(() => {
+  const [isVisible, setIsVisible] = React32.useState(false);
+  const sectionRef = React32.useRef(null);
+  React32.useEffect(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -98044,9 +97394,9 @@ function StatsBarComparison({
   barValueClassName,
   barTrackClassName
 }) {
-  const [isVisible, setIsVisible] = React8.useState(!animate);
-  const sectionRef = React8.useRef(null);
-  React8.useEffect(() => {
+  const [isVisible, setIsVisible] = React32.useState(!animate);
+  const sectionRef = React32.useRef(null);
+  React32.useEffect(() => {
     if (!animate) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -98224,7 +97574,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(React8.Fragment, { children: [
+          children: steps.map((step, index) => /* @__PURE__ */ jsxs(React32.Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center", stepClassName), children: [
               /* @__PURE__ */ jsx(
                 "span",
@@ -98491,7 +97841,7 @@ function TimelineTwoColumnFeatured({
   style,
   optixFlowConfig
 }) {
-  const renderActions = React8.useMemo(() => {
+  const renderActions = React32.useMemo(() => {
     if (actionsSlot) {
       return actionsSlot;
     }
@@ -98619,7 +97969,7 @@ function TimelineTwoColumnFeatured({
     }
   );
 }
-var DiagonalPattern = React8.memo(({
+var DiagonalPattern = React32.memo(({
   className,
   patternOpacity = 0.15
 }) => {
@@ -98658,7 +98008,7 @@ function TimelineAlternatingDiagonal({
   style,
   optixFlowConfig
 }) {
-  const renderedBadge = React8.useMemo(() => {
+  const renderedBadge = React32.useMemo(() => {
     if (badgeSlot) {
       return badgeSlot;
     }
@@ -99036,7 +98386,7 @@ function TimelineProductivityList({
     }
   );
 }
-var ProcessBar = React8.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(React8.Fragment, { children: [
+var ProcessBar = React32.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(React32.Fragment, { children: [
   /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -99063,7 +98413,7 @@ var ProcessBar = React8.memo(({ currentStep, steps }) => /* @__PURE__ */ jsx("di
     )
   ] })
 ] }, index)) }) }));
-var StepperContent = React8.memo(({ step, optixFlowConfig, imageClassName, descriptionClassName, background }) => {
+var StepperContent = React32.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,
@@ -99096,7 +98446,7 @@ var StepperContent = React8.memo(({ step, optixFlowConfig, imageClassName, descr
     )
   ] });
 });
-var NavButtons = React8.memo(({ handlePrev, handleNext }) => /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-3 tracking-tight", children: [
+var NavButtons = React32.memo(({ handlePrev, handleNext }) => /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-3 tracking-tight", children: [
   /* @__PURE__ */ jsxs(
     Pressable,
     {
@@ -99147,10 +98497,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 = React8.useCallback(() => {
+  const handleNext = React32.useCallback(() => {
     setCurrentStep((prev) => Math.min(prev + 1, (steps?.length ?? 1) - 1));
   }, [steps?.length]);
-  const handlePrev = React8.useCallback(() => {
+  const handlePrev = React32.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;
@@ -99859,7 +99209,7 @@ function TimelineTabbedPhases({
   style,
   optixFlowConfig
 }) {
-  const renderDownloadButton = React8.useMemo(() => {
+  const renderDownloadButton = React32.useMemo(() => {
     if (downloadSlot) {
       return downloadSlot;
     }
@@ -100079,7 +99429,7 @@ function TimelineProductLaunch({
   id,
   style
 }) {
-  const renderCta = React8.useMemo(() => {
+  const renderCta = React32.useMemo(() => {
     if (ctaSlot) {
       return ctaSlot;
     }
@@ -100537,9 +99887,9 @@ function LinkTreeBlock({
 }) {
   const resolvedBackground = background;
   const resolvedPattern = pattern ?? backgroundPattern;
-  const [lightboxOpen, setLightboxOpen] = React8.useState(false);
-  const [lightboxIndex, setLightboxIndex] = React8.useState(0);
-  const lightboxItems = React8.useMemo(() => {
+  const [lightboxOpen, setLightboxOpen] = React32.useState(false);
+  const [lightboxIndex, setLightboxIndex] = React32.useState(0);
+  const lightboxItems = React32.useMemo(() => {
     if (!mediaGallery || mediaGallery.length === 0) return [];
     return mediaGallery.slice(0, mediaGalleryLimit).map((item, index) => ({
       id: item.id ?? `media-${index}`,
@@ -100551,11 +99901,11 @@ function LinkTreeBlock({
       share: true
     }));
   }, [mediaGallery, mediaGalleryLimit]);
-  const handleMediaClick = React8.useCallback((index) => {
+  const handleMediaClick = React32.useCallback((index) => {
     setLightboxIndex(index);
     setLightboxOpen(true);
   }, []);
-  const handleLightboxClose = React8.useCallback(() => {
+  const handleLightboxClose = React32.useCallback(() => {
     setLightboxOpen(false);
   }, []);
   const resolveImage = (value, fallbackAlt) => {
@@ -100567,7 +99917,7 @@ function LinkTreeBlock({
   };
   const nameForAlt = typeof brandName === "string" ? brandName : "Brand avatar";
   const resolvedAvatar = resolveImage(brandAvatar || brandLogo, nameForAlt);
-  const renderBrandHeader = React8.useMemo(() => {
+  const renderBrandHeader = React32.useMemo(() => {
     if (brandSlot) return brandSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -100654,7 +100004,7 @@ function LinkTreeBlock({
     brandTagline,
     taglineClassName
   ]);
-  const renderLinks = React8.useMemo(() => {
+  const renderLinks = React32.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) => {
@@ -100770,7 +100120,7 @@ function LinkTreeBlock({
     linkBadgeClassName,
     linkChevronClassName
   ]);
-  const renderMediaGallery = React8.useMemo(() => {
+  const renderMediaGallery = React32.useMemo(() => {
     if (mediaGallerySlot) return mediaGallerySlot;
     if (!mediaGallery || mediaGallery.length === 0) return null;
     const items = mediaGallery.slice(0, mediaGalleryLimit);
@@ -100883,7 +100233,7 @@ function LinkTreeBlock({
     mediaGalleryOverlayClassName,
     mediaGalleryPlayIconClassName
   ]);
-  const renderSocialLinks = React8.useMemo(() => {
+  const renderSocialLinks = React32.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -100916,7 +100266,7 @@ function LinkTreeBlock({
     socialIconClassName,
     socialLinkClassName
   ]);
-  const renderFooter = React8.useMemo(() => {
+  const renderFooter = React32.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;
     const resolvedFooterAction = footerAction;