@salesmind-ai/design-system 0.3.1 → 0.3.2

package/dist/nav/index.cjs

@@ -1,1533 +1,116 @@
 "use client";
 'use strict';
 
-var React4 = require('react');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
+var chunkZDLOA2UT_cjs = require('../chunk-ZDLOA2UT.cjs');
+var chunkNT4LBP7D_cjs = require('../chunk-NT4LBP7D.cjs');
+var chunkLJADZITX_cjs = require('../chunk-LJADZITX.cjs');
+require('../chunk-MDB2WCRQ.cjs');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React4__default = /*#__PURE__*/_interopDefault(React4);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-// src/components/NavbarV2/NavbarV2.tsx
-var ChevronDown = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "8", height: "8", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
-  "path",
-  {
-    d: "M4 6L8 10L12 6",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }
-) });
-var ScrollContext = React4.createContext({ scrolled: false });
-var TabsContext = React4.createContext({
-  activeMenuId: null,
-  openMenu: () => {
-  },
-  closeMenu: () => {
-  }
+Object.defineProperty(exports, "LocaleDropdown", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.LocaleDropdown; }
 });
-function useFocusTrap(containerRef, active) {
-  React4.useEffect(() => {
-    if (!active || !containerRef.current) return;
-    const container = containerRef.current;
-    const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
-    const handleKeyDown = (e) => {
-      if (e.key !== "Tab") return;
-      const focusable2 = Array.from(container.querySelectorAll(FOCUSABLE));
-      if (focusable2.length === 0) {
-        e.preventDefault();
-        return;
-      }
-      const first = focusable2[0];
-      const last = focusable2[focusable2.length - 1];
-      if (e.shiftKey) {
-        if (document.activeElement === first) {
-          e.preventDefault();
-          last.focus();
-        }
-      } else {
-        if (document.activeElement === last) {
-          e.preventDefault();
-          first.focus();
-        }
-      }
-    };
-    const focusable = container.querySelectorAll(FOCUSABLE);
-    if (focusable.length > 0) {
-      focusable[0].focus();
-    }
-    container.addEventListener("keydown", handleKeyDown);
-    return () => container.removeEventListener("keydown", handleKeyDown);
-  }, [active, containerRef]);
-}
-var HYSTERESIS_RATIO = 0.25;
-var NavbarV2 = React4.forwardRef(
-  ({
-    className,
-    mobileContent,
-    mobileToggleLabels,
-    isMenuOpen,
-    onMenuOpenChange,
-    scrollBorder = true,
-    scrollThreshold = 32,
-    children,
-    ...props
-  }, ref) => {
-    const [internalMenuOpen, setInternalMenuOpen] = React4.useState(false);
-    const isMobileMenuOpen = isMenuOpen !== void 0 ? isMenuOpen : internalMenuOpen;
-    const navRef = React4.useRef(null);
-    const overlayRef = React4.useRef(null);
-    const [navHeight, setNavHeight] = React4.useState(64);
-    const openLabel = mobileToggleLabels?.open ?? "Open menu";
-    const closeLabel = mobileToggleLabels?.close ?? "Close menu";
-    const [scrolled, setScrolled] = React4.useState(() => {
-      if (typeof window !== "undefined") {
-        return window.scrollY > scrollThreshold;
-      }
-      return false;
-    });
-    React4.useEffect(() => {
-      if (!scrollBorder) return;
-      const lowerBound = scrollThreshold * HYSTERESIS_RATIO;
-      const handleScroll = () => {
-        const y = window.scrollY;
-        setScrolled((prev) => {
-          if (!prev && y > scrollThreshold) return true;
-          if (prev && y < lowerBound) return false;
-          return prev;
-        });
-      };
-      handleScroll();
-      window.addEventListener("scroll", handleScroll, { passive: true });
-      return () => window.removeEventListener("scroll", handleScroll);
-    }, [scrollBorder, scrollThreshold]);
-    const isScrolled = scrollBorder && scrolled;
-    const scrollCtx = React4.useMemo(
-      () => ({ scrolled: isScrolled }),
-      [isScrolled]
-    );
-    const handleToggle = () => {
-      const newState = !isMobileMenuOpen;
-      setInternalMenuOpen(newState);
-      onMenuOpenChange?.(newState);
-    };
-    React4.useEffect(() => {
-      const el = navRef.current;
-      if (!el) return;
-      const observer = new ResizeObserver((entries) => {
-        for (const entry of entries) {
-          const h = entry.contentRect.height;
-          setNavHeight(h);
-          el.style.setProperty("--navbar-overlap", `${h}px`);
-        }
-      });
-      observer.observe(el);
-      return () => observer.disconnect();
-    }, []);
-    React4.useEffect(() => {
-      if (isMobileMenuOpen) {
-        document.body.style.overflow = "hidden";
-        return () => {
-          document.body.style.overflow = "";
-        };
-      }
-    }, [isMobileMenuOpen]);
-    React4.useEffect(() => {
-      if (!isMobileMenuOpen) return;
-      const handleEscape = (e) => {
-        if (e.key === "Escape") {
-          setInternalMenuOpen(false);
-          onMenuOpenChange?.(false);
-        }
-      };
-      document.addEventListener("keydown", handleEscape);
-      return () => document.removeEventListener("keydown", handleEscape);
-    }, [isMobileMenuOpen, onMenuOpenChange]);
-    useFocusTrap(overlayRef, isMobileMenuOpen);
-    const mergedRef = useMergedRef(ref, navRef);
-    return /* @__PURE__ */ jsxRuntime.jsx(ScrollContext.Provider, { value: scrollCtx, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "nav",
-      {
-        ref: mergedRef,
-        className: clsx__default.default(
-          "ds-navbar-v2",
-          isScrolled && "ds-navbar-v2--scrolled",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-navbar-v2__container", children: [
-            children,
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: "ds-navbar-v2__toggle",
-                onClick: handleToggle,
-                "aria-label": isMobileMenuOpen ? closeLabel : openLabel,
-                "aria-expanded": isMobileMenuOpen,
-                children: isMobileMenuOpen ? /* @__PURE__ */ jsxRuntime.jsxs(
-                  "svg",
-                  {
-                    width: "24",
-                    height: "24",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                    ]
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsxs(
-                  "svg",
-                  {
-                    width: "24",
-                    height: "24",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
-                    ]
-                  }
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              ref: overlayRef,
-              className: "ds-navbar-v2__mobile-overlay",
-              style: { top: navHeight },
-              "data-state": isMobileMenuOpen ? "open" : "closed",
-              role: "dialog",
-              "aria-modal": "true",
-              "aria-label": closeLabel,
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-navbar-v2__mobile-content", children: mobileContent })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-NavbarV2.displayName = "NavbarV2";
-var NavbarV2Brand = React4.forwardRef(
-  ({ as: Component = "a", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: clsx__default.default("ds-navbar-v2__brand", className), ...props, children })
-);
-NavbarV2Brand.displayName = "NavbarV2Brand";
-var NavbarV2Tabs = React4.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const [activeMenuId, setActiveMenuId] = React4.useState(null);
-    const { scrolled } = React4.useContext(ScrollContext);
-    const ctxValue = React4.useMemo(
-      () => ({
-        activeMenuId,
-        openMenu: (id) => setActiveMenuId(id),
-        closeMenu: (id) => setActiveMenuId((prev) => prev === id ? null : prev)
-      }),
-      [activeMenuId]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: clsx__default.default(
-          "ds-navbar-v2__tabs",
-          scrolled && "ds-navbar-v2__tabs--demoted",
-          className
-        ),
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-NavbarV2Tabs.displayName = "NavbarV2Tabs";
-var NavbarV2Tab = React4.forwardRef(
-  ({ as: Component = "button", active, icon, label, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    Component,
-    {
-      ref,
-      className: clsx__default.default("ds-navbar-v2__tab", active && "ds-navbar-v2__tab--active", className),
-      "aria-current": active ? "page" : void 0,
-      ...Component === "button" ? { type: "button" } : {},
-      ...props,
-      children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-navbar-v2__tab-icon", children: icon }),
-        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-navbar-v2__tab-label", children: label }),
-        children
-      ]
-    }
-  )
-);
-NavbarV2Tab.displayName = "NavbarV2Tab";
-var NavbarV2TabMenu = React4.forwardRef(
-  ({
-    icon,
-    label,
-    active,
-    children,
-    className,
-    isOpen: controlledOpen,
-    onOpenChange
-  }, ref) => {
-    const instanceId = React4.useId();
-    const panelId = `navbar-v2-panel-${instanceId}`;
-    const { activeMenuId, openMenu, closeMenu } = React4.useContext(TabsContext);
-    const isControlled = controlledOpen !== void 0;
-    const isOpen = isControlled ? controlledOpen : activeMenuId === instanceId;
-    const containerRef = React4.useRef(null);
-    const triggerRef = React4.useRef(null);
-    const panelRef = React4.useRef(null);
-    const timeoutRef = React4.useRef(null);
-    const handleOpen = React4.useCallback(() => {
-      if (!isOpen) {
-        if (!isControlled) openMenu(instanceId);
-        onOpenChange?.(true);
-      }
-    }, [isOpen, isControlled, openMenu, instanceId, onOpenChange]);
-    const handleClose = React4.useCallback(() => {
-      if (isOpen) {
-        if (!isControlled) closeMenu(instanceId);
-        onOpenChange?.(false);
-      }
-    }, [isOpen, isControlled, closeMenu, instanceId, onOpenChange]);
-    const handleToggle = React4.useCallback(() => {
-      if (isOpen) handleClose();
-      else handleOpen();
-    }, [isOpen, handleClose, handleOpen]);
-    const handleMouseEnter = React4.useCallback(() => {
-      if (timeoutRef.current) {
-        window.clearTimeout(timeoutRef.current);
-        timeoutRef.current = null;
-      }
-      handleOpen();
-    }, [handleOpen]);
-    const handleMouseLeave = React4.useCallback(() => {
-      if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
-      timeoutRef.current = window.setTimeout(handleClose, 150);
-    }, [handleClose]);
-    React4.useEffect(() => {
-      return () => {
-        if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
-      };
-    }, []);
-    React4.useEffect(() => {
-      if (!isOpen) return;
-      const handleClickOutside = (event) => {
-        if (containerRef.current && !containerRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) {
-          handleClose();
-        }
-      };
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, [isOpen, handleClose]);
-    React4.useEffect(() => {
-      if (!isOpen) return;
-      const handleEscape = (e) => {
-        if (e.key === "Escape") {
-          handleClose();
-          triggerRef.current?.focus();
-        }
-      };
-      document.addEventListener("keydown", handleEscape);
-      return () => document.removeEventListener("keydown", handleEscape);
-    }, [isOpen, handleClose]);
-    React4.useEffect(() => {
-      if (!isOpen || !panelRef.current) return;
-      const clampToViewport = () => {
-        const panel = panelRef.current;
-        if (!panel) return;
-        panel.style.setProperty("--panel-nudge", "0px");
-        const rect = panel.getBoundingClientRect();
-        const viewportWidth = window.innerWidth;
-        const EDGE_PADDING = 16;
-        if (rect.right > viewportWidth - EDGE_PADDING) {
-          const overflow = rect.right - (viewportWidth - EDGE_PADDING);
-          panel.style.setProperty("--panel-nudge", `${-overflow}px`);
-        } else if (rect.left < EDGE_PADDING) {
-          const overflow = EDGE_PADDING - rect.left;
-          panel.style.setProperty("--panel-nudge", `${overflow}px`);
-        }
-      };
-      requestAnimationFrame(clampToViewport);
-      window.addEventListener("resize", clampToViewport);
-      return () => window.removeEventListener("resize", clampToViewport);
-    }, [isOpen]);
-    const panelRefCallback = React4.useCallback((node) => {
-      containerRef.current = node;
-      panelRef.current = node;
-    }, []);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: clsx__default.default("ds-navbar-v2__tab-menu", className),
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              ref: triggerRef,
-              className: clsx__default.default(
-                "ds-navbar-v2__tab",
-                (active || isOpen) && "ds-navbar-v2__tab--active"
-              ),
-              onClick: handleToggle,
-              "aria-expanded": isOpen,
-              "aria-haspopup": "true",
-              "aria-controls": isOpen ? panelId : void 0,
-              type: "button",
-              children: [
-                icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-navbar-v2__tab-icon", children: icon }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-navbar-v2__tab-label-row", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-navbar-v2__tab-label", children: label }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "span",
-                    {
-                      className: "ds-navbar-v2__tab-chevron",
-                      "data-state": isOpen ? "open" : "closed",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {})
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              ref: panelRefCallback,
-              id: panelId,
-              className: "ds-navbar-v2__mega-panel",
-              "data-state": isOpen ? "open" : "closed",
-              role: "region",
-              "aria-label": `${label} menu`,
-              children
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-NavbarV2TabMenu.displayName = "NavbarV2TabMenu";
-var NavbarV2Actions = React4.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx__default.default("ds-navbar-v2__actions", className), ...props, children })
-);
-NavbarV2Actions.displayName = "NavbarV2Actions";
-function useMergedRef(...refs) {
-  return React4.useCallback(
-    (value) => {
-      for (const ref of refs) {
-        if (typeof ref === "function") {
-          ref(value);
-        } else if (ref && typeof ref === "object") {
-          ref.current = value;
-        }
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    refs
-  );
-}
-var NavbarMobileNavItem = React4.forwardRef(
-  ({ as: Component = "a", className, active, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    Component,
-    {
-      ref,
-      className: clsx__default.default(
-        "ds-navbar__mobile-nav-item",
-        active && "ds-navbar__mobile-nav-item--active",
-        className
-      ),
-      "aria-current": active ? "page" : void 0,
-      ...props,
-      children
-    }
-  )
-);
-NavbarMobileNavItem.displayName = "NavbarMobileNavItem";
-function NavbarMobileSeparator({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default("ds-navbar__mobile-separator", className), role: "separator" });
-}
-NavbarMobileSeparator.displayName = "NavbarMobileSeparator";
-var NavbarMobileActions = React4.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx__default.default("ds-navbar__mobile-actions", className), ...props, children })
-);
-NavbarMobileActions.displayName = "NavbarMobileActions";
-
-// src/tokens/spacing.ts
-var SPACING = {
-  1: "var(--space-1)",
-  2: "var(--space-2)",
-  3: "var(--space-3)",
-  4: "var(--space-4)",
-  5: "var(--space-5)",
-  6: "var(--space-6)",
-  8: "var(--space-8)",
-  10: "var(--space-10)",
-  12: "var(--space-12)",
-  16: "var(--space-16)",
-  20: "var(--space-20)"
-};
-
-// src/components/LayoutPrimitives/utils.ts
-var SPACING_ALIASES = {
-  xs: "var(--space-2)",
-  sm: "var(--space-3)",
-  md: "var(--space-4)",
-  lg: "var(--space-6)",
-  xl: "var(--space-8)",
-  "2xl": "var(--space-12)"
-};
-function resolveSpacing(value) {
-  if (value === void 0) return void 0;
-  if (typeof value === "number" && SPACING[value]) {
-    return SPACING[value];
-  }
-  if (typeof value === "string" && value in SPACING_ALIASES) {
-    return SPACING_ALIASES[value];
-  }
-  return String(value);
-}
-function extractSpacingStyles(props) {
-  const styles = {};
-  if (props.m !== void 0) styles.margin = resolveSpacing(props.m);
-  if (props.mt !== void 0) styles.marginTop = resolveSpacing(props.mt);
-  if (props.mb !== void 0) styles.marginBottom = resolveSpacing(props.mb);
-  if (props.ml !== void 0) styles.marginLeft = resolveSpacing(props.ml);
-  if (props.mr !== void 0) styles.marginRight = resolveSpacing(props.mr);
-  if (props.mx !== void 0) {
-    styles.marginLeft = resolveSpacing(props.mx);
-    styles.marginRight = resolveSpacing(props.mx);
-  }
-  if (props.my !== void 0) {
-    styles.marginTop = resolveSpacing(props.my);
-    styles.marginBottom = resolveSpacing(props.my);
-  }
-  if (props.p !== void 0) styles.padding = resolveSpacing(props.p);
-  if (props.pt !== void 0) styles.paddingTop = resolveSpacing(props.pt);
-  if (props.pb !== void 0) styles.paddingBottom = resolveSpacing(props.pb);
-  if (props.pl !== void 0) styles.paddingLeft = resolveSpacing(props.pl);
-  if (props.pr !== void 0) styles.paddingRight = resolveSpacing(props.pr);
-  if (props.px !== void 0) {
-    styles.paddingLeft = resolveSpacing(props.px);
-    styles.paddingRight = resolveSpacing(props.px);
-  }
-  if (props.py !== void 0) {
-    styles.paddingTop = resolveSpacing(props.py);
-    styles.paddingBottom = resolveSpacing(props.py);
-  }
-  if (props.gap !== void 0) styles.gap = resolveSpacing(props.gap);
-  return styles;
-}
-var Box = React4.forwardRef(
-  ({ as: Component = "div", className, style, children, ...props }, ref) => {
-    const spacingStyles = extractSpacingStyles(props);
-    const { m, mt, mb, ml, mr, mx, my, p, pt, pb, pl, pr, px, py, gap, ...domProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: clsx__default.default("ds-box", className),
-        style: { ...spacingStyles, ...style },
-        ...domProps,
-        children
-      }
-    );
-  }
-);
-Box.displayName = "Box";
-var CONTAINER_SIZE_MAP = {
-  sm: "768px",
-  // 48rem — max-w-3xl
-  md: "1024px",
-  // 64rem — max-w-5xl
-  lg: "1152px",
-  // 72rem — max-w-6xl
-  xl: "1280px",
-  // 80rem — max-w-7xl
-  full: "100%"
-};
-var Container = React4.forwardRef(
-  ({ size, fluid, maxWidth, className, style, ...props }, ref) => {
-    let resolvedMaxWidth;
-    if (fluid) {
-      resolvedMaxWidth = "100%";
-    } else if (size) {
-      resolvedMaxWidth = CONTAINER_SIZE_MAP[size];
-    } else {
-      resolvedMaxWidth = maxWidth || "var(--container-default-max, 1200px)";
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Box,
-      {
-        ref,
-        className: clsx__default.default("ds-container", className),
-        style: {
-          maxWidth: resolvedMaxWidth,
-          ...style
-        },
-        ...props
-      }
-    );
-  }
-);
-Container.displayName = "Container";
-var ChevronDown2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
-  "path",
-  {
-    d: "M4 6L8 10L12 6",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }
-) });
-var NavbarMegaMenu = React4.forwardRef(
-  ({ trigger, children, className, isOpen: controlledOpen, onOpenChange, variant = "fullWidth" }, ref) => {
-    const [internalOpen, setInternalOpen] = React4.useState(false);
-    const isControlled = controlledOpen !== void 0;
-    const isOpen = isControlled ? controlledOpen : internalOpen;
-    const containerRef = React4.useRef(null);
-    const triggerRef = React4.useRef(null);
-    const timeoutRef = React4.useRef(null);
-    const handleOpen = React4.useCallback(() => {
-      const newState = true;
-      if (isOpen !== newState) {
-        if (!isControlled) setInternalOpen(newState);
-        onOpenChange?.(newState);
-      }
-    }, [isOpen, isControlled, onOpenChange]);
-    const handleClose = React4.useCallback(() => {
-      const newState = false;
-      if (isOpen !== newState) {
-        if (!isControlled) setInternalOpen(newState);
-        onOpenChange?.(newState);
-      }
-    }, [isOpen, isControlled, onOpenChange]);
-    const handleToggle = React4.useCallback(() => {
-      if (isOpen) {
-        handleClose();
-      } else {
-        handleOpen();
-      }
-    }, [isOpen, handleClose, handleOpen]);
-    const handleMouseEnter = React4.useCallback(() => {
-      if (timeoutRef.current) {
-        window.clearTimeout(timeoutRef.current);
-        timeoutRef.current = null;
-      }
-      handleOpen();
-    }, [handleOpen]);
-    const handleMouseLeave = React4.useCallback(() => {
-      if (timeoutRef.current) {
-        window.clearTimeout(timeoutRef.current);
-      }
-      timeoutRef.current = window.setTimeout(() => {
-        handleClose();
-      }, 150);
-    }, [handleClose]);
-    React4.useEffect(() => {
-      return () => {
-        if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
-      };
-    }, []);
-    React4.useEffect(() => {
-      if (!isOpen) return;
-      const handleClickOutside = (event) => {
-        if (containerRef.current && !containerRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) {
-          handleClose();
-        }
-      };
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, [isOpen, handleClose]);
-    React4.useEffect(() => {
-      if (!isOpen) return;
-      const handleEscape = (e) => {
-        if (e.key === "Escape") handleClose();
-      };
-      document.addEventListener("keydown", handleEscape);
-      return () => document.removeEventListener("keydown", handleEscape);
-    }, [isOpen, handleClose]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: clsx__default.default("ds-navbar-mega-menu", `ds-navbar-mega-menu--${variant}`, className),
-        ref,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              ref: triggerRef,
-              className: "ds-navbar-mega-menu__trigger",
-              onClick: handleToggle,
-              "aria-expanded": isOpen,
-              "aria-haspopup": "true",
-              children: [
-                trigger,
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: "ds-navbar-mega-menu__chevron",
-                    "data-state": isOpen ? "open" : "closed",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown2, {})
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, children: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: clsx__default.default(
-                "ds-navbar-mega-menu__content",
-                `ds-navbar-mega-menu__content--${variant}`
-              ),
-              "data-state": isOpen ? "open" : "closed",
-              children: variant === "fullWidth" ? /* @__PURE__ */ jsxRuntime.jsx(Container, { children }) : children
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-NavbarMegaMenu.displayName = "NavbarMegaMenu";
-function NavbarMegaMenuSection({ heading, children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx__default.default("ds-navbar-mega-menu__section", className), children: [
-    heading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-navbar-mega-menu__section-heading", children: heading }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-navbar-mega-menu__section-items", children })
-  ] });
-}
-NavbarMegaMenuSection.displayName = "NavbarMegaMenuSection";
-var NavbarMegaMenuItem = React4.forwardRef(
-  ({ icon, label, description, className, as: Comp = "a", ...rest }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-navbar-mega-menu__item-wrapper", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Comp,
-      {
-        ref,
-        className: clsx__default.default("ds-navbar-mega-menu__item", className),
-        ...rest,
-        children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-navbar-mega-menu__item-icon", children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-navbar-mega-menu__item-text", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-navbar-mega-menu__item-label", children: label }),
-            description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-navbar-mega-menu__item-description", children: description })
-          ] })
-        ]
-      }
-    ) });
-  }
-);
-NavbarMegaMenuItem.displayName = "NavbarMegaMenuItem";
-var Breadcrumb = React4__default.default.forwardRef(
-  ({ className, "aria-label": ariaLabel = "Breadcrumb", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "nav",
-      {
-        ref,
-        "aria-label": ariaLabel,
-        className: clsx__default.default("ds-breadcrumb", className),
-        ...props
-      }
-    );
-  }
-);
-Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React4__default.default.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "ol",
-    {
-      ref,
-      className: clsx__default.default("ds-breadcrumb__list", className),
-      ...props
-    }
-  );
+Object.defineProperty(exports, "MDXOutboundLink", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.MDXOutboundLink; }
 });
-BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React4__default.default.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "li",
-    {
-      ref,
-      className: clsx__default.default("ds-breadcrumb__item", className),
-      ...props
-    }
-  );
+Object.defineProperty(exports, "NavbarMegaMenu", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarMegaMenu; }
 });
-BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React4__default.default.forwardRef(({ className, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? reactSlot.Slot : "a";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      ref,
-      className: clsx__default.default("ds-breadcrumb__link", className),
-      ...props
-    }
-  );
+Object.defineProperty(exports, "NavbarMegaMenuItem", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarMegaMenuItem; }
 });
-BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React4__default.default.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      ref,
-      role: "link",
-      "aria-current": "page",
-      "aria-disabled": "true",
-      className: clsx__default.default("ds-breadcrumb__page", className),
-      ...props
-    }
-  );
+Object.defineProperty(exports, "NavbarMegaMenuSection", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarMegaMenuSection; }
 });
-BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = React4__default.default.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "li",
-    {
-      ref,
-      role: "presentation",
-      "aria-hidden": "true",
-      className: clsx__default.default("ds-breadcrumb__separator", className),
-      ...props,
-      children: children ?? "/"
-    }
-  );
+Object.defineProperty(exports, "NavbarMobileActions", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarMobileActions; }
 });
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = React4__default.default.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      ref,
-      className: clsx__default.default("ds-breadcrumb__ellipsis", className),
-      ...props,
-      children: "\u2026"
-    }
-  );
+Object.defineProperty(exports, "NavbarMobileNavItem", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarMobileNavItem; }
+});
+Object.defineProperty(exports, "NavbarMobileSeparator", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarMobileSeparator; }
+});
+Object.defineProperty(exports, "NavbarV2", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarV2; }
+});
+Object.defineProperty(exports, "NavbarV2Actions", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarV2Actions; }
+});
+Object.defineProperty(exports, "NavbarV2Brand", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarV2Brand; }
+});
+Object.defineProperty(exports, "NavbarV2Tab", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarV2Tab; }
+});
+Object.defineProperty(exports, "NavbarV2TabMenu", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarV2TabMenu; }
+});
+Object.defineProperty(exports, "NavbarV2Tabs", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.NavbarV2Tabs; }
+});
+Object.defineProperty(exports, "SiteFooter", {
+  enumerable: true,
+  get: function () { return chunkZDLOA2UT_cjs.SiteFooter; }
+});
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function () { return chunkNT4LBP7D_cjs.Breadcrumb; }
+});
+Object.defineProperty(exports, "BreadcrumbEllipsis", {
+  enumerable: true,
+  get: function () { return chunkNT4LBP7D_cjs.BreadcrumbEllipsis; }
+});
+Object.defineProperty(exports, "BreadcrumbItem", {
+  enumerable: true,
+  get: function () { return chunkNT4LBP7D_cjs.BreadcrumbItem; }
+});
+Object.defineProperty(exports, "BreadcrumbLink", {
+  enumerable: true,
+  get: function () { return chunkNT4LBP7D_cjs.BreadcrumbLink; }
+});
+Object.defineProperty(exports, "BreadcrumbList", {
+  enumerable: true,
+  get: function () { return chunkNT4LBP7D_cjs.BreadcrumbList; }
+});
+Object.defineProperty(exports, "BreadcrumbPage", {
+  enumerable: true,
+  get: function () { return chunkNT4LBP7D_cjs.BreadcrumbPage; }
+});
+Object.defineProperty(exports, "BreadcrumbSeparator", {
+  enumerable: true,
+  get: function () { return chunkNT4LBP7D_cjs.BreadcrumbSeparator; }
+});
+Object.defineProperty(exports, "OutboundLink", {
+  enumerable: true,
+  get: function () { return chunkLJADZITX_cjs.OutboundLink; }
+});
+Object.defineProperty(exports, "appendGovernedUTMs", {
+  enumerable: true,
+  get: function () { return chunkLJADZITX_cjs.appendGovernedUTMs; }
+});
+Object.defineProperty(exports, "appendUTMs", {
+  enumerable: true,
+  get: function () { return chunkLJADZITX_cjs.appendUTMs; }
+});
+Object.defineProperty(exports, "isExemptUrl", {
+  enumerable: true,
+  get: function () { return chunkLJADZITX_cjs.isExemptUrl; }
 });
-BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
-function FooterAccordionItem({ section, LinkComponent }) {
-  const [isOpen, setIsOpen] = React4.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: clsx__default.default(
-        "ds-footer__accordion-item",
-        isOpen && "ds-footer__accordion-item--open"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            className: "ds-footer__accordion-trigger",
-            "aria-expanded": isOpen,
-            onClick: () => setIsOpen((prev) => !prev),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: section.title }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "svg",
-                {
-                  className: "ds-footer__accordion-chevron",
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" })
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__accordion-panel", hidden: !isOpen, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ds-footer__links", children: section.links.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(LinkComponent, { href: link.href, className: "ds-footer__link", children: [
-          link.label,
-          link.isNew && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-footer__badge", children: "NEW" })
-        ] }) }, idx)) }) })
-      ]
-    }
-  );
-}
-var SiteFooter = React4.forwardRef(
-  ({
-    cta,
-    sections = [],
-    orientationLine,
-    linkAs,
-    brand,
-    tagline,
-    socials,
-    trustBadges,
-    controls,
-    legalLinks = [],
-    copyright,
-    companyInfo,
-    bottomExtra,
-    bottomActions,
-    className,
-    ...props
-  }, ref) => {
-    const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-    const defaultCopyright = copyright || `\xA9 ${currentYear}. All rights reserved.`;
-    const resolvedControls = controls || bottomActions;
-    const LinkComponent = linkAs || "a";
-    return /* @__PURE__ */ jsxRuntime.jsxs("footer", { ref, className: clsx__default.default("ds-footer", className), ...props, children: [
-      cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__cta", "data-footer-zone": "cta", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-footer__cta-content", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "ds-footer__cta-headline", children: cta.headline }),
-        cta.subtext && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-footer__cta-subtext", children: cta.subtext }),
-        (cta.primaryCta || cta.secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-footer__cta-actions", children: [
-          cta.primaryCta,
-          cta.secondaryCta
-        ] }),
-        cta.trustLine && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-footer__cta-trust", children: cta.trustLine })
-      ] }) }) }),
-      sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__nav", "data-footer-zone": "navigation", children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
-        orientationLine && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__orientation", children: orientationLine }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "nav",
-          {
-            className: "ds-footer__grid",
-            "aria-label": "Footer navigation",
-            children: sections.map((section, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: "ds-footer__column",
-                "data-footer-section": section.title.toLowerCase().replace(/\s+/g, "-"),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-footer__heading", children: section.title }),
-                  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ds-footer__links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    LinkComponent,
-                    {
-                      href: link.href,
-                      className: "ds-footer__link",
-                      children: [
-                        link.label,
-                        link.isNew && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-footer__badge", children: "NEW" })
-                      ]
-                    }
-                  ) }, linkIdx)) })
-                ]
-              },
-              idx
-            ))
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "nav",
-          {
-            className: "ds-footer__mobile-nav",
-            "aria-label": "Footer navigation",
-            children: sections.map((section, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-              FooterAccordionItem,
-              {
-                section,
-                LinkComponent
-              },
-              idx
-            ))
-          }
-        )
-      ] }) }),
-      (brand || socials || trustBadges) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__authority", "data-footer-zone": "authority", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-footer__authority-content", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-footer__brand", children: [
-          brand && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__logo", children: brand }),
-          tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-footer__tagline", children: tagline }),
-          socials && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__socials", children: socials })
-        ] }),
-        trustBadges && trustBadges.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__trust-badges", children: trustBadges.map((badge, idx) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-footer__trust-badge", children: badge.label }, idx)) })
-      ] }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__bottom", "data-footer-zone": "legal", children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-footer__bottom-content", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__copyright", children: copyright || defaultCopyright }),
-          resolvedControls && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__controls", children: resolvedControls }),
-          legalLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__legal", children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-            LinkComponent,
-            {
-              href: link.href,
-              className: "ds-footer__legal-link",
-              children: link.label
-            },
-            idx
-          )) })
-        ] }),
-        bottomExtra && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__bottom-extra", children: bottomExtra }),
-        companyInfo && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-footer__company-info", children: companyInfo })
-      ] }) })
-    ] });
-  }
-);
-SiteFooter.displayName = "SiteFooter";
-var GlobeIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12h20" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
-    ]
-  }
-);
-var ChevronDownIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 6L8 10L12 6" })
-  }
-);
-var CheckIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" })
-  }
-);
-var LocaleDropdown = React4.forwardRef(
-  ({
-    locales,
-    activeLocale,
-    onLocaleChange,
-    optionAs: OptionComponent = "button",
-    getHref,
-    className,
-    direction = "down",
-    align = "right"
-  }, ref) => {
-    const [isOpen, setIsOpen] = React4.useState(false);
-    const [focusIndex, setFocusIndex] = React4.useState(-1);
-    const containerRef = React4.useRef(null);
-    const triggerRef = React4.useRef(null);
-    const listRef = React4.useRef(null);
-    const instanceId = React4.useId();
-    const listboxId = `locale-dropdown-${instanceId}`;
-    const currentLocale = locales.find((l) => l.code === activeLocale) ?? locales[0];
-    const handleToggle = React4.useCallback(() => {
-      setIsOpen((prev) => {
-        if (!prev) setFocusIndex(-1);
-        return !prev;
-      });
-    }, []);
-    const handleClose = React4.useCallback(() => {
-      setIsOpen(false);
-      setFocusIndex(-1);
-      triggerRef.current?.focus();
-    }, []);
-    const handleSelect = React4.useCallback(
-      (code) => {
-        onLocaleChange?.(code);
-        handleClose();
-      },
-      [onLocaleChange, handleClose]
-    );
-    React4.useEffect(() => {
-      if (!isOpen) return;
-      const handleClickOutside = (e) => {
-        if (containerRef.current && !containerRef.current.contains(e.target)) {
-          handleClose();
-        }
-      };
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, [isOpen, handleClose]);
-    const handleKeyDown = React4.useCallback(
-      (e) => {
-        if (!isOpen) {
-          if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            setIsOpen(true);
-            setFocusIndex(0);
-          }
-          return;
-        }
-        switch (e.key) {
-          case "Escape":
-            e.preventDefault();
-            handleClose();
-            break;
-          case "ArrowDown":
-            e.preventDefault();
-            setFocusIndex((prev) => (prev + 1) % locales.length);
-            break;
-          case "ArrowUp":
-            e.preventDefault();
-            setFocusIndex((prev) => (prev - 1 + locales.length) % locales.length);
-            break;
-          case "Enter":
-          case " ":
-            e.preventDefault();
-            if (focusIndex >= 0 && focusIndex < locales.length) {
-              handleSelect(locales[focusIndex].code);
-            }
-            break;
-          case "Home":
-            e.preventDefault();
-            setFocusIndex(0);
-            break;
-          case "End":
-            e.preventDefault();
-            setFocusIndex(locales.length - 1);
-            break;
-          case "Tab":
-            handleClose();
-            break;
-        }
-      },
-      [isOpen, focusIndex, locales, handleClose, handleSelect]
-    );
-    React4.useEffect(() => {
-      if (!isOpen || focusIndex < 0 || !listRef.current) return;
-      const items = listRef.current.querySelectorAll('[role="option"]');
-      items[focusIndex]?.scrollIntoView({ block: "nearest" });
-    }, [isOpen, focusIndex]);
-    const activeDescendantId = isOpen && focusIndex >= 0 ? `${listboxId}-option-${focusIndex}` : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: clsx__default.default(
-          "ds-locale-dropdown",
-          direction === "up" && "ds-locale-dropdown--up",
-          align === "left" && "ds-locale-dropdown--align-left",
-          align === "center" && "ds-locale-dropdown--align-center",
-          className
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "ds-locale-dropdown__wrapper", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              ref: triggerRef,
-              type: "button",
-              className: "ds-locale-dropdown__trigger",
-              onClick: handleToggle,
-              onKeyDown: handleKeyDown,
-              "aria-haspopup": "listbox",
-              "aria-expanded": isOpen,
-              "aria-controls": isOpen ? listboxId : void 0,
-              "aria-activedescendant": activeDescendantId,
-              "aria-label": `Language: ${currentLocale.label}. Change language.`,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-locale-dropdown__trigger-icon", children: /* @__PURE__ */ jsxRuntime.jsx(GlobeIcon, {}) }),
-                currentLocale.flag && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-locale-dropdown__trigger-flag", "aria-hidden": "true", children: currentLocale.flag }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: "ds-locale-dropdown__trigger-chevron",
-                    "data-state": isOpen ? "open" : "closed",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {})
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              ref: listRef,
-              id: listboxId,
-              className: "ds-locale-dropdown__panel",
-              role: "listbox",
-              "aria-label": "Select language",
-              "data-state": isOpen ? "open" : "closed",
-              onKeyDown: handleKeyDown,
-              children: locales.map((locale, index) => {
-                const isActive = locale.code === activeLocale;
-                const isFocused = index === focusIndex;
-                const optionId = `${listboxId}-option-${index}`;
-                const optionProps = {
-                  id: optionId,
-                  role: "option",
-                  "aria-selected": isActive,
-                  className: clsx__default.default(
-                    "ds-locale-dropdown__option",
-                    isActive && "ds-locale-dropdown__option--active",
-                    isFocused && "ds-locale-dropdown__option--focused"
-                  ),
-                  onClick: () => handleSelect(locale.code),
-                  ...OptionComponent !== "button" && getHref ? { href: getHref(locale.code) } : { type: "button" }
-                };
-                return /* @__PURE__ */ jsxRuntime.jsxs(OptionComponent, { ...optionProps, children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-locale-dropdown__option-content", children: [
-                    locale.flag && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-locale-dropdown__option-flag", "aria-hidden": "true", children: locale.flag }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-locale-dropdown__option-label", children: locale.label })
-                  ] }),
-                  isActive && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-locale-dropdown__option-check", children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
-                ] }, locale.code);
-              })
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-LocaleDropdown.displayName = "LocaleDropdown";
-var UtmContext = React4.createContext(null);
-
-// src/web/utm/useUtmDefaults.ts
-function useUtmDefaults() {
-  return React4.useContext(UtmContext);
-}
-
-// src/web/utm/builders.ts
-var PLACEHOLDER_ORIGIN = "https://__placeholder__.internal";
-function buildUtmUrl(baseUrl, params) {
-  const isRelative = baseUrl.startsWith("/");
-  let url;
-  try {
-    url = isRelative ? new URL(baseUrl, PLACEHOLDER_ORIGIN) : new URL(baseUrl);
-  } catch {
-    return baseUrl;
-  }
-  const existingParams = [];
-  url.searchParams.forEach((value, key) => {
-    existingParams.push([key, value]);
-  });
-  for (const [key] of existingParams) {
-    url.searchParams.delete(key);
-  }
-  for (const [key, value] of existingParams) {
-    if (!key.startsWith("utm_")) {
-      url.searchParams.set(key, value);
-    }
-  }
-  url.searchParams.set("utm_source", params.source);
-  url.searchParams.set("utm_medium", params.medium);
-  url.searchParams.set("utm_campaign", params.campaign);
-  if (params.term !== void 0) {
-    url.searchParams.set("utm_term", params.term);
-  }
-  if (params.content !== void 0) {
-    url.searchParams.set("utm_content", params.content);
-  }
-  if (isRelative) {
-    return url.href.replace(PLACEHOLDER_ORIGIN, "");
-  }
-  return url.href;
-}
-
-// src/web/utm/classifiers.ts
-var INTERNAL_PATTERNS = [
-  /^\/(?!\/)/,
-  // Relative paths
-  /^https?:\/\/(www\.)?sales-mind\.ai/i,
-  // Marketing site
-  /^https?:\/\/app\.sales-mind\.ai/i,
-  // Web app
-  /^https?:\/\/apps\.sales-mind\.ai/i,
-  // Web app (legacy)
-  /^https?:\/\/meet\.sales-mind\.ai/i,
-  // Booking
-  /^https?:\/\/docs\.sales-mind\.ai/i
-  // Docs
-];
-var SYSTEM_PATTERNS = [
-  /^https?:\/\/.*\/api\//i,
-  // API endpoints
-  /^https?:\/\/.*\/webhook/i,
-  // Webhooks
-  /^https?:\/\/.*\/oauth/i,
-  // OAuth callbacks
-  /^https?:\/\/.*\/callback/i,
-  // Callbacks
-  /^https?:\/\/.*\.supabase\.(co|com)/i,
-  // Supabase
-  /^https?:\/\/.*\.firebaseapp\.com/i,
-  // Firebase
-  /^https?:\/\/.*\.cloudfunctions\.net/i
-  // Cloud Functions
-];
-var ASSET_PATTERNS = [
-  /\.(css|js|mjs|map|woff2?|ttf|eot|svg|png|jpe?g|gif|webp|avif|ico|pdf)(\?.*)?$/i
-];
-var CONVERSION_PATTERNS = [
-  /^https?:\/\/(www\.)?calendly\.com/i,
-  /^https?:\/\/(checkout\.)?stripe\.com/i,
-  /^https?:\/\/buy\.stripe\.com/i,
-  /^https?:\/\/chromewebstore\.google\.com/i,
-  /^https?:\/\/meet\.sales-mind\.ai/i
-];
-var PROTOCOL_EXEMPT = [
-  /^mailto:/i,
-  /^tel:/i,
-  /^#/,
-  /^javascript:/i
-];
-function classifyUrl(url) {
-  if (PROTOCOL_EXEMPT.some((p) => p.test(url))) return "protocol";
-  if (ASSET_PATTERNS.some((p) => p.test(url))) return "asset";
-  if (SYSTEM_PATTERNS.some((p) => p.test(url))) return "system";
-  if (CONVERSION_PATTERNS.some((p) => p.test(url))) return "conversion";
-  if (INTERNAL_PATTERNS.some((p) => p.test(url))) return "internal";
-  return "external";
-}
-
-// src/components/OutboundLink/outbound-link-utils.ts
-var LEGACY_UTM_SOURCE = "salesmind";
-var EXEMPT_PATTERNS = [
-  /^https?:\/\/(www\.)?(stripe\.com|checkout\.stripe\.com|paypal\.com)/i,
-  /^https?:\/\/(www\.)?github\.com\/login\/oauth/i
-];
-var isExemptUrl = (urlStr) => {
-  if (urlStr.startsWith("mailto:") || urlStr.startsWith("tel:")) return true;
-  const classification = classifyUrl(urlStr);
-  if (classification === "system" || classification === "protocol" || classification === "asset") {
-    return true;
-  }
-  return EXEMPT_PATTERNS.some((pattern) => pattern.test(urlStr));
-};
-var appendGovernedUTMs = (href, params, preserveExisting = true) => {
-  try {
-    const url = new URL(href);
-    if (preserveExisting) {
-      const hasAll = url.searchParams.has("utm_source") && url.searchParams.has("utm_medium") && url.searchParams.has("utm_campaign");
-      if (hasAll) return href;
-    }
-    return buildUtmUrl(href, params);
-  } catch {
-    return href;
-  }
-};
-var appendUTMs = (href, context, pageSlug, options) => {
-  try {
-    const url = new URL(href);
-    const { mediumOverride = "outbound_link", campaignOverride, preserveExisting = true } = options;
-    const utms = {
-      utm_source: LEGACY_UTM_SOURCE,
-      utm_medium: mediumOverride,
-      utm_campaign: campaignOverride || pageSlug,
-      utm_content: context
-    };
-    Object.entries(utms).forEach(([key, value]) => {
-      if (value) {
-        if (preserveExisting && url.searchParams.has(key)) {
-          return;
-        }
-        url.searchParams.set(key, value);
-      }
-    });
-    return url.toString();
-  } catch {
-    return href;
-  }
-};
-var OutboundLink = React4.forwardRef(
-  ({
-    href,
-    context,
-    campaignOverride,
-    mediumOverride = "outbound_link",
-    preserveExistingUTM = true,
-    openInNewTab = true,
-    disableTracking = false,
-    utmParams,
-    onClick,
-    children,
-    ...props
-  }, ref) => {
-    const contextParams = useUtmDefaults();
-    const resolvedUtmParams = utmParams ?? contextParams;
-    let hostname = "";
-    try {
-      const url = new URL(href);
-      hostname = url.hostname;
-    } catch {
-    }
-    const [finalHref, setFinalHref] = React4.useState(href);
-    React4.useEffect(() => {
-      let isExternal = false;
-      let currentMedium = mediumOverride;
-      try {
-        const url = new URL(href);
-        const currentHost = window.location.hostname;
-        isExternal = url.hostname !== currentHost;
-        if (isExternal && currentHost.includes("sales-mind.ai") && url.hostname.includes("sales-mind.ai")) {
-          if (currentMedium === "outbound_link") {
-            currentMedium = "cross_subdomain";
-          }
-        }
-      } catch {
-        isExternal = false;
-      }
-      const isExempt = isExemptUrl(href) || disableTracking;
-      if (isExternal && !isExempt) {
-        if (resolvedUtmParams) {
-          setFinalHref(appendGovernedUTMs(href, resolvedUtmParams, preserveExistingUTM));
-        } else {
-          const pageSlug = window.location.pathname.replace(/^\/|\/$/g, "") || "home";
-          setFinalHref(appendUTMs(href, context, pageSlug, {
-            mediumOverride: currentMedium,
-            campaignOverride,
-            preserveExisting: preserveExistingUTM
-          }));
-        }
-      } else {
-        setFinalHref(href);
-      }
-    }, [href, context, mediumOverride, campaignOverride, preserveExistingUTM, disableTracking, resolvedUtmParams]);
-    const handleClick = (e) => {
-      if (typeof window === "undefined" || disableTracking) {
-        onClick?.(e);
-        return;
-      }
-      let clickExternal = false;
-      let clickCrossSubdomain = false;
-      let clickMedium = mediumOverride;
-      try {
-        const url = new URL(href);
-        const currentHost = window.location.hostname;
-        clickExternal = url.hostname !== currentHost;
-        if (clickExternal && currentHost.includes("sales-mind.ai") && url.hostname.includes("sales-mind.ai")) {
-          clickCrossSubdomain = true;
-          if (clickMedium === "outbound_link") {
-            clickMedium = "cross_subdomain";
-          }
-        }
-      } catch {
-      }
-      if (clickExternal) {
-        const detail = {
-          destination_domain: hostname,
-          destination_url: finalHref,
-          utm_medium_type: clickMedium,
-          page_slug: window.location.pathname,
-          component_location: context,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          is_cross_subdomain: clickCrossSubdomain
-        };
-        const event = new CustomEvent("outbound_click", { detail });
-        window.dispatchEvent(event);
-      }
-      onClick?.(e);
-    };
-    const relParts = [];
-    let shouldOpenNewTab = openInNewTab;
-    try {
-      const url = new URL(href);
-      if (typeof window !== "undefined") {
-        const currentHost = window.location.hostname;
-        if (url.hostname !== currentHost && currentHost.includes("sales-mind.ai") && url.hostname.includes("sales-mind.ai")) {
-          shouldOpenNewTab = false;
-        }
-      }
-    } catch {
-    }
-    if (shouldOpenNewTab) relParts.push("noopener", "noreferrer");
-    if (mediumOverride === "citation") relParts.push("nofollow");
-    const rel = relParts.length > 0 ? relParts.join(" ") : void 0;
-    return (
-      // eslint-disable-next-line no-restricted-syntax
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          ref,
-          href: finalHref,
-          target: shouldOpenNewTab ? "_blank" : void 0,
-          rel,
-          onClick: handleClick,
-          ...props,
-          children
-        }
-      )
-    );
-  }
-);
-OutboundLink.displayName = "OutboundLink";
-var MDXOutboundLink = ({
-  href,
-  children,
-  ...props
-}) => {
-  if (!href) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { ...props, children });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    OutboundLink,
-    {
-      href,
-      context: "cms_markdown",
-      preserveExistingUTM: true,
-      openInNewTab: true,
-      ...props,
-      children
-    }
-  );
-};
-
-exports.Breadcrumb = Breadcrumb;
-exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
-exports.BreadcrumbItem = BreadcrumbItem;
-exports.BreadcrumbLink = BreadcrumbLink;
-exports.BreadcrumbList = BreadcrumbList;
-exports.BreadcrumbPage = BreadcrumbPage;
-exports.BreadcrumbSeparator = BreadcrumbSeparator;
-exports.LocaleDropdown = LocaleDropdown;
-exports.MDXOutboundLink = MDXOutboundLink;
-exports.NavbarMegaMenu = NavbarMegaMenu;
-exports.NavbarMegaMenuItem = NavbarMegaMenuItem;
-exports.NavbarMegaMenuSection = NavbarMegaMenuSection;
-exports.NavbarMobileActions = NavbarMobileActions;
-exports.NavbarMobileNavItem = NavbarMobileNavItem;
-exports.NavbarMobileSeparator = NavbarMobileSeparator;
-exports.NavbarV2 = NavbarV2;
-exports.NavbarV2Actions = NavbarV2Actions;
-exports.NavbarV2Brand = NavbarV2Brand;
-exports.NavbarV2Tab = NavbarV2Tab;
-exports.NavbarV2TabMenu = NavbarV2TabMenu;
-exports.NavbarV2Tabs = NavbarV2Tabs;
-exports.OutboundLink = OutboundLink;
-exports.SiteFooter = SiteFooter;
-exports.appendGovernedUTMs = appendGovernedUTMs;
-exports.appendUTMs = appendUTMs;
-exports.isExemptUrl = isExemptUrl;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map