@salesmind-ai/design-system 0.3.2 → 0.3.4

package/dist/nav/index.cjs

@@ -1,116 +1,1533 @@
 "use client";
 'use strict';
 
-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');
+var React4 = require('react');
+var clsx = require('clsx');
+var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var React4__default = /*#__PURE__*/_interopDefault(React4);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-Object.defineProperty(exports, "LocaleDropdown", {
-  enumerable: true,
-  get: function () { return chunkZDLOA2UT_cjs.LocaleDropdown; }
+// 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, "MDXOutboundLink", {
-  enumerable: true,
-  get: function () { return chunkZDLOA2UT_cjs.MDXOutboundLink; }
-});
-Object.defineProperty(exports, "NavbarMegaMenu", {
-  enumerable: true,
-  get: function () { return chunkZDLOA2UT_cjs.NavbarMegaMenu; }
-});
-Object.defineProperty(exports, "NavbarMegaMenuItem", {
-  enumerable: true,
-  get: function () { return chunkZDLOA2UT_cjs.NavbarMegaMenuItem; }
-});
-Object.defineProperty(exports, "NavbarMegaMenuSection", {
-  enumerable: true,
-  get: function () { return chunkZDLOA2UT_cjs.NavbarMegaMenuSection; }
-});
-Object.defineProperty(exports, "NavbarMobileActions", {
-  enumerable: true,
-  get: function () { return chunkZDLOA2UT_cjs.NavbarMobileActions; }
-});
-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; }
+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, {})
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          isOpen ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: panelRefCallback,
+              id: panelId,
+              className: "ds-navbar-v2__mega-panel",
+              "data-state": "open",
+              role: "region",
+              "aria-label": `${label} menu`,
+              children
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+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, "BreadcrumbSeparator", {
-  enumerable: true,
-  get: function () { return chunkNT4LBP7D_cjs.BreadcrumbSeparator; }
+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, "OutboundLink", {
-  enumerable: true,
-  get: function () { return chunkLJADZITX_cjs.OutboundLink; }
+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, "appendGovernedUTMs", {
-  enumerable: true,
-  get: function () { return chunkLJADZITX_cjs.appendGovernedUTMs; }
+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, "appendUTMs", {
-  enumerable: true,
-  get: function () { return chunkLJADZITX_cjs.appendUTMs; }
+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, "isExemptUrl", {
-  enumerable: true,
-  get: function () { return chunkLJADZITX_cjs.isExemptUrl; }
+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"
+    }
+  );
 });
+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