@alfadocs/ui-kit-debug 1.112.2 → 1.114.0

package/dist/_chunks/{public-header.agent-_ArDD1Xr.js → public-header.agent-Db4wm6_S.js}

@@ -1,26 +1,26 @@
-import { jsx as e, jsxs as i, Fragment as A } from "react/jsx-runtime";
-import { forwardRef as b, useId as oe, useState as h, useCallback as H, useImperativeHandle as ie, useContext as k, useEffect as j, useRef as _, createContext as ce } from "react";
-import { c as M } from "./index-D2ZczOXr.js";
-import { useTranslation as le } from "react-i18next";
-import * as m from "@radix-ui/react-navigation-menu";
-import { I as ue } from "./icon-button-S8_weU3g.js";
-import { S as f } from "./sheet-uZZXaO_S.js";
+import { jsx as e, jsxs as o, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as x, useId as oe, useState as b, useCallback as H, useImperativeHandle as ce, useContext as k, useEffect as M, useRef as B, createContext as le } from "react";
+import { c as P } from "./index-D2ZczOXr.js";
+import { useTranslation as ue } from "react-i18next";
+import * as v from "@radix-ui/react-navigation-menu";
+import { I as me } from "./icon-button-S8_weU3g.js";
+import { S as g } from "./sheet-uZZXaO_S.js";
 import { u as pe } from "./use-visual-viewport-pin-ChurOsHM.js";
-import { C as B } from "./chevron-down-DWE7GSq9.js";
-import { X as me } from "./x-B5YnXwCz.js";
-import { M as ve } from "./menu-Op71AWIC.js";
-const O = "--sticky-header-clearance", N = /* @__PURE__ */ new Map();
-let T = "";
-function V(s, n) {
+import { C as O } from "./chevron-down-DWE7GSq9.js";
+import { X as ve } from "./x-B5YnXwCz.js";
+import { M as fe } from "./menu-Op71AWIC.js";
+const T = "--sticky-header-clearance", N = /* @__PURE__ */ new Map();
+let V = "";
+function S(s, a) {
   if (typeof document > "u") return;
-  n === null ? N.delete(s) : N.set(s, n);
+  a === null ? N.delete(s) : N.set(s, a);
   const d = N.size === 0 ? "" : `${Math.ceil(Math.max(...N.values()))}px`;
-  if (d === T) return;
-  T = d;
-  const a = document.documentElement;
-  d ? a.style.setProperty(O, d) : a.style.removeProperty(O);
+  if (d === V) return;
+  V = d;
+  const n = document.documentElement;
+  d ? n.style.setProperty(T, d) : n.style.removeProperty(T);
 }
-const g = ce("desktop"), fe = M(
+const h = le("desktop"), ge = P(
   [
     "ds:w-full ds:z-[var(--z-sticky)]",
     "ds:transition-[background-color,box-shadow,transform] ds:duration-[var(--animation-duration)]",
@@ -95,7 +95,7 @@ const g = ce("desktop"), fe = M(
     },
     defaultVariants: { variant: "pill", sticky: "none" }
   }
-), ge = [
+), he = [
   "ds:flex ds:items-center ds:gap-[var(--spacing-md)]",
   "ds:w-full ds:max-w-[1400px] ds:mx-auto",
   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:sm:ps-[var(--spacing-lg)] ds:sm:pe-[var(--spacing-lg)]",
@@ -113,7 +113,7 @@ const g = ce("desktop"), fe = M(
   "ds:border ds:border-[color:var(--card-border)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)]",
   "ds:motion-reduce:transition-none"
-].join(" "), he = M(
+].join(" "), be = P(
   [
     "ds:inline-flex ds:items-center",
     "type-body-sm ds:font-medium",
@@ -130,7 +130,7 @@ const g = ce("desktop"), fe = M(
     "ds:data-[active=true]:text-[var(--primary)]",
     "ds:data-[active=true]:[box-shadow:inset_0_-2px_0_var(--primary)]"
   ].join(" ")
-), be = [
+), xe = [
   "ds:group ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
   "type-body-sm ds:font-medium",
   // Mirror the navLinkVariants colour + inline padding so triggers and
@@ -144,12 +144,12 @@ const g = ce("desktop"), fe = M(
   "ds:hover:text-[var(--primary)]",
   "ds:data-[state=open]:text-[var(--primary)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), xe = [
+].join(" "), we = [
   "ds:size-3 ds:shrink-0",
   "ds:transition-transform ds:duration-[var(--animation-duration)]",
   "ds:group-data-[state=open]:rotate-180",
   "ds:motion-reduce:transition-none"
-].join(" "), we = M(
+].join(" "), ye = P(
   [
     // Radix portals Content into the Viewport; sizing + position is
     // governed by the Viewport — keep Content's own paint to padding
@@ -175,7 +175,7 @@ const g = ce("desktop"), fe = M(
     },
     defaultVariants: { wide: !1 }
   }
-), ye = [
+), Ne = [
   // Position the Viewport flush below the pill / nav row. Radix sets
   // `--radix-navigation-menu-viewport-width` and `…-height` so the
   // panel sizes itself to whichever Content is currently active.
@@ -194,7 +194,7 @@ const g = ce("desktop"), fe = M(
   "ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95",
   "ds:origin-top ds:transition-[width,height] ds:duration-[var(--animation-duration)]",
   "ds:motion-reduce:animate-none ds:motion-reduce:transition-none"
-].join(" "), S = [
+].join(" "), Y = [
   "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]",
   "ds:no-underline ds:text-[var(--foreground)]",
   "ds:pb-[var(--spacing-sm)]",
@@ -208,10 +208,10 @@ const g = ce("desktop"), fe = M(
   "ds:hover:[&_[data-card-arrow]]:text-[var(--primary)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
   "ds:group/cardlink"
-].join(" "), Ne = [
+].join(" "), ke = [
   "ds:pb-[var(--spacing-sm)]"
   // Match the linked-card variant: no separator rule under the title.
-].join(" "), ke = [
+].join(" "), Ce = [
   "ds:block ds:no-underline",
   "type-body-sm ds:font-medium ds:text-[var(--muted-foreground)]",
   "ds:rounded-[var(--radius-sm)]",
@@ -222,211 +222,221 @@ const g = ce("desktop"), fe = M(
   "ds:data-[active=true]:text-[var(--primary)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
 ].join(" ");
-function Ce() {
-  const [s, n] = h(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
-  return j(() => {
+function He() {
+  const [s, a] = b(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+  return M(() => {
     if (typeof window > "u" || !window.matchMedia) return;
-    const d = window.matchMedia("(prefers-reduced-motion: reduce)"), a = () => n(d.matches);
-    return d.addEventListener("change", a), () => d.removeEventListener("change", a);
+    const d = window.matchMedia("(prefers-reduced-motion: reduce)"), n = () => a(d.matches);
+    return d.addEventListener("change", n), () => d.removeEventListener("change", n);
   }, []), s;
 }
-function He(s, n, d) {
-  const [a, t] = h(!1), [o, r] = h(!1), l = _(0), u = _(!1);
-  return j(() => {
+function je(s, a, d) {
+  const [n, r] = b(!1), [c, t] = b(!1), i = B(0), m = B(!1);
+  return M(() => {
     if (!s || typeof window > "u") return;
-    l.current = window.scrollY;
-    const v = () => {
+    i.current = window.scrollY;
+    const l = () => {
       const p = window.scrollY;
-      if (t(p > d), n === "scroll-up") {
-        const x = p - l.current;
-        x > 4 && p > d ? r(!0) : (x < -4 || p <= d) && r(!1);
+      if (r(p > d), a === "scroll-up") {
+        const f = p - i.current;
+        f > 4 && p > d ? t(!0) : (f < -4 || p <= d) && t(!1);
       }
-      l.current = p, u.current = !1;
-    }, c = () => {
-      u.current || (u.current = !0, window.requestAnimationFrame(v));
+      i.current = p, m.current = !1;
+    }, u = () => {
+      m.current || (m.current = !0, window.requestAnimationFrame(l));
     };
-    return window.addEventListener("scroll", c, { passive: !0 }), v(), () => {
-      window.removeEventListener("scroll", c);
+    return window.addEventListener("scroll", u, { passive: !0 }), l(), () => {
+      window.removeEventListener("scroll", u);
     };
-  }, [s, n, d]), { stuck: a, hidden: o };
+  }, [s, a, d]), { stuck: n, hidden: c };
 }
-function je(s, n) {
-  j(() => {
-    if (!s || !n) return;
-    const d = {}, a = () => {
-      const o = parseFloat(getComputedStyle(s).top) || 0;
-      V(d, o + s.offsetHeight);
+function Me(s, a) {
+  M(() => {
+    if (!s || !a) return;
+    const d = {}, n = () => {
+      const c = parseFloat(getComputedStyle(s).top) || 0;
+      S(d, c + s.offsetHeight);
     };
-    a();
-    const t = typeof ResizeObserver > "u" ? null : new ResizeObserver(a);
-    return t == null || t.observe(s), () => {
-      t == null || t.disconnect(), V(d, null);
+    n();
+    const r = typeof ResizeObserver > "u" ? null : new ResizeObserver(n);
+    return r == null || r.observe(s), () => {
+      r == null || r.disconnect(), S(d, null);
     };
-  }, [s, n]);
+  }, [s, a]);
 }
-function Y({
+function A({
   logo: s,
-  homeHref: n,
-  resolvedHomeLabel: d,
-  resolvedNavLabel: a,
-  resolvedMenuLabel: t,
-  navSlot: o,
-  actionsSlot: r,
-  persistActions: l,
-  menuOpen: u,
-  setMenuOpen: v,
-  sheetId: c
+  compactLogo: a,
+  homeHref: d,
+  resolvedHomeLabel: n,
+  resolvedNavLabel: r,
+  resolvedMenuLabel: c,
+  navSlot: t,
+  actionsSlot: i,
+  persistActions: m,
+  menuOpen: l,
+  setMenuOpen: u,
+  sheetId: p
 }) {
-  const p = !!o || !!r && !l;
-  return /* @__PURE__ */ i(A, { children: [
+  const f = !!t || !!i && !m;
+  return /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ e(
       "a",
       {
-        href: n,
-        "aria-label": d,
+        href: d,
+        "aria-label": n,
         className: "ds:inline-flex ds:items-center ds:rounded-[var(--radius-sm)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-        children: s
+        children: a ? /* @__PURE__ */ o(j, { children: [
+          /* @__PURE__ */ e("span", { className: "ds:inline-flex ds:items-center ds:sm:hidden", children: a }),
+          /* @__PURE__ */ e("span", { className: "ds:hidden ds:items-center ds:sm:inline-flex", children: s })
+        ] }) : s
       }
     ),
-    o ? /* @__PURE__ */ e(g.Provider, { value: "desktop", children: /* @__PURE__ */ i(
-      m.Root,
+    t ? /* @__PURE__ */ e(h.Provider, { value: "desktop", children: /* @__PURE__ */ o(
+      v.Root,
       {
-        "aria-label": a,
+        "aria-label": r,
         className: "ds:hidden ds:md:flex ds:relative ds:items-center ds:ms-[var(--spacing-lg)] ds:flex-1 ds:[&>div:first-of-type]:flex ds:[&>div:first-of-type]:flex-1",
         delayDuration: 150,
         children: [
-          /* @__PURE__ */ e(m.List, { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:gap-[var(--spacing-md)] ds:list-none ds:m-0 ds:ps-0", children: o }),
-          /* @__PURE__ */ e("div", { className: "ds:absolute ds:top-full ds:start-0 ds:end-0 ds:flex ds:justify-center ds:pointer-events-none", children: /* @__PURE__ */ e("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ e(m.Viewport, { className: ye }) }) })
+          /* @__PURE__ */ e(v.List, { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:gap-[var(--spacing-md)] ds:list-none ds:m-0 ds:ps-0", children: t }),
+          /* @__PURE__ */ e("div", { className: "ds:absolute ds:top-full ds:start-0 ds:end-0 ds:flex ds:justify-center ds:pointer-events-none", children: /* @__PURE__ */ e("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ e(v.Viewport, { className: Ne }) }) })
         ]
       }
     ) }) : null,
-    r ? /* @__PURE__ */ e(
+    i ? /* @__PURE__ */ e(
       "div",
       {
         className: [
           // Pinned actions stay inline at every breakpoint; otherwise they
           // are hidden < md and collapse into the mobile menu below.
-          l ? "ds:flex" : "ds:hidden ds:md:flex",
+          // Pinned actions may shrink on a phone: a Button inside gives up its
+          // `shrink-0` and ellipsises its label rather than push the bar wider
+          // than the screen. Only the child that holds a Button may shrink; a
+          // wrapped settings or avatar control keeps its width.
+          m ? "ds:flex ds:min-w-0 ds:[&>*:has([data-component=button])]:min-w-0 ds:[&_[data-component=button]]:min-w-0 ds:[&_[data-component=button]]:shrink" : "ds:hidden ds:md:flex",
           "ds:items-center ds:gap-[var(--spacing-sm)] ds:ms-auto"
         ].join(" "),
-        children: r
+        children: i
       }
     ) : null,
-    p ? /* @__PURE__ */ i(f, { open: u, onOpenChange: v, children: [
-      /* @__PURE__ */ e(f.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-        ue,
+    f ? /* @__PURE__ */ o(g, { open: l, onOpenChange: u, children: [
+      /* @__PURE__ */ e(g.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+        me,
         {
           size: "md",
           intent: "ghost",
           className: "ds:ms-auto ds:md:hidden",
-          icon: u ? /* @__PURE__ */ e(me, { "aria-hidden": "true" }) : /* @__PURE__ */ e(ve, { "aria-hidden": "true" }),
-          "aria-controls": c,
-          "aria-expanded": u,
-          "aria-label": t
+          icon: l ? /* @__PURE__ */ e(ve, { "aria-hidden": "true" }) : /* @__PURE__ */ e(fe, { "aria-hidden": "true" }),
+          "aria-controls": p,
+          "aria-expanded": l,
+          "aria-label": c
         }
       ) }),
-      /* @__PURE__ */ i(f.Content, { side: "end", size: "md", id: c, children: [
-        /* @__PURE__ */ e(f.Header, { children: /* @__PURE__ */ e(f.Title, { children: a }) }),
-        /* @__PURE__ */ e(f.Body, { children: /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-          o ? /* @__PURE__ */ e(g.Provider, { value: "mobile", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ o(g.Content, { side: "end", size: "md", id: p, children: [
+        /* @__PURE__ */ e(g.Header, { children: /* @__PURE__ */ e(g.Title, { children: r }) }),
+        /* @__PURE__ */ e(g.Body, { children: /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+          t ? /* @__PURE__ */ e(h.Provider, { value: "mobile", children: /* @__PURE__ */ e(
             "nav",
             {
-              "aria-label": a,
+              "aria-label": r,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
               "data-mobile-nav": "true",
-              children: o
+              children: t
             }
           ) }) : null,
-          r && !l ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:mt-[var(--spacing-md)]", children: r }) : null
+          i && !m ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:mt-[var(--spacing-md)]", children: i }) : null
         ] }) })
       ] })
     ] }) : null
   ] });
 }
-const K = b(
+const K = x(
   ({
     logo: s,
-    homeHref: n = "/",
-    homeLabel: d,
-    navSlot: a,
-    actionsSlot: t,
-    variant: o = "pill",
-    sticky: r = "none",
-    stickyOffset: l = 80,
-    menuLabel: u,
-    navLabel: v,
-    persistActions: c = !1,
-    id: p,
-    className: x,
-    ...X
-  }, G) => {
-    const { t: w } = le("ui"), P = Ce(), J = oe(), Q = `${p ?? J}-sheet`, [y, C] = h(!1), U = o === "transparent" || r === "scroll-up", { stuck: Z, hidden: ee } = He(
-      U,
-      r,
-      l
-    ), L = P ? !1 : ee, R = pe({
-      disabled: r === "none" || L
-    }), [se, de] = h(null), ae = H(
+    compactLogo: a,
+    homeHref: d = "/",
+    homeLabel: n,
+    navSlot: r,
+    actionsSlot: c,
+    variant: t = "pill",
+    sticky: i = "none",
+    stickyOffset: m = 80,
+    menuLabel: l,
+    navLabel: u,
+    persistActions: p = !1,
+    id: f,
+    className: X,
+    ...G
+  }, J) => {
+    const { t: w } = ue("ui"), L = He(), Q = oe(), U = `${f ?? Q}-sheet`, [y, C] = b(!1), Z = t === "transparent" || i === "scroll-up", { stuck: ee, hidden: se } = je(
+      Z,
+      i,
+      m
+    ), R = L ? !1 : se, D = pe({
+      disabled: i === "none" || R
+    }), [de, ne] = b(null), ae = H(
       (I) => {
-        R(I), de(I);
+        D(I), ne(I);
       },
-      [R]
+      [D]
     );
-    je(se, r !== "none");
-    const D = H(() => C(!0), []), E = H(() => C(!1), []);
-    ie(
-      G,
+    Me(de, i !== "none");
+    const _ = H(() => C(!0), []), E = H(() => C(!1), []);
+    ce(
+      J,
       () => ({
-        openMenu: D,
+        openMenu: _,
         closeMenu: E,
         getMenuOpen: () => y
       }),
-      [D, E, y]
+      [_, E, y]
     );
-    const ne = d ?? w("publicHeader.homeLabel", "AlfaDocs — home"), re = v ?? w("publicHeader.primaryNavLabel", "Primary"), te = u ?? (y ? w("publicHeader.closeMenu", "Close menu") : w("publicHeader.openMenu", "Open menu")), z = {
+    const re = n ?? w("publicHeader.homeLabel", "AlfaDocs — home"), te = u ?? w("publicHeader.primaryNavLabel", "Primary"), ie = l ?? (y ? w("publicHeader.closeMenu", "Close menu") : w("publicHeader.openMenu", "Open menu")), z = {
       logo: s,
-      homeHref: n,
-      resolvedHomeLabel: ne,
-      resolvedNavLabel: re,
-      resolvedMenuLabel: te,
-      navSlot: a,
-      actionsSlot: t,
-      persistActions: c,
+      compactLogo: a,
+      homeHref: d,
+      resolvedHomeLabel: re,
+      resolvedNavLabel: te,
+      resolvedMenuLabel: ie,
+      navSlot: r,
+      actionsSlot: c,
+      persistActions: p,
       menuOpen: y,
       setMenuOpen: C,
-      sheetId: Q
+      sheetId: U
     };
     return /* @__PURE__ */ e(
       "header",
       {
-        ...X,
+        ...G,
         ref: ae,
         "data-component": "public-header",
-        "data-component-id": p,
-        "data-variant": o,
-        "data-sticky": r === "none" ? void 0 : r,
-        "data-stuck": Z ? "true" : void 0,
-        "data-hidden": L ? "true" : void 0,
-        "data-state": P ? "reduced-motion" : void 0,
-        className: fe({ variant: o, sticky: r, className: x }),
-        children: o === "pill" ? /* @__PURE__ */ e(
+        "data-component-id": f,
+        "data-variant": t,
+        "data-sticky": i === "none" ? void 0 : i,
+        "data-stuck": ee ? "true" : void 0,
+        "data-hidden": R ? "true" : void 0,
+        "data-state": L ? "reduced-motion" : void 0,
+        className: ge({ variant: t, sticky: i, className: X }),
+        children: t === "pill" ? /* @__PURE__ */ e(
           "div",
           {
             "data-component": "public-header-container",
-            className: ge,
-            children: /* @__PURE__ */ e(Y, { ...z })
+            className: he,
+            children: /* @__PURE__ */ e(A, { ...z })
           }
-        ) : /* @__PURE__ */ e(Y, { ...z })
+        ) : /* @__PURE__ */ e(A, { ...z })
       }
     );
   }
 );
 K.displayName = "PublicHeader";
-const F = b(({ active: s, className: n, children: d, ...a }, t) => k(g) === "mobile" ? /* @__PURE__ */ e(
+const F = x(({ active: s, className: a, children: d, ...n }, r) => k(h) === "mobile" ? /* @__PURE__ */ e(
   "a",
   {
-    ref: t,
-    ...a,
+    ref: r,
+    ...n,
     "data-active": s ? "true" : void 0,
     "aria-current": s ? "page" : void 0,
     className: [
@@ -440,30 +450,30 @@ const F = b(({ active: s, className: n, children: d, ...a }, t) => k(g) === "mob
       "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
       "ds:data-[active=true]:text-[var(--primary)]",
       "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-      n
+      a
     ].filter(Boolean).join(" "),
     children: d
   }
-) : /* @__PURE__ */ e(m.Item, { children: /* @__PURE__ */ e(m.Link, { asChild: !0, active: s, children: /* @__PURE__ */ e(
+) : /* @__PURE__ */ e(v.Item, { children: /* @__PURE__ */ e(v.Link, { asChild: !0, active: s, children: /* @__PURE__ */ e(
   "a",
   {
-    ref: t,
-    ...a,
+    ref: r,
+    ...n,
     "data-active": s ? "true" : void 0,
     "aria-current": s ? "page" : void 0,
-    className: [he(), n].filter(Boolean).join(" "),
+    className: [be(), a].filter(Boolean).join(" "),
     children: d
   }
 ) }) }));
 F.displayName = "PublicHeader.NavLink";
-const q = b(({ label: s, wide: n = !1, children: d, id: a }, t) => k(g) === "mobile" ? /* @__PURE__ */ i(
+const q = x(({ label: s, wide: a = !1, children: d, id: n }, r) => k(h) === "mobile" ? /* @__PURE__ */ o(
   "details",
   {
-    id: a,
+    id: n,
     "data-component": "public-header-nav-dropdown",
     className: "ds:group ds:border-b ds:border-[color:var(--border)]",
     children: [
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ o(
         "summary",
         {
           className: [
@@ -477,7 +487,7 @@ const q = b(({ label: s, wide: n = !1, children: d, id: a }, t) => k(g) === "mob
           children: [
             /* @__PURE__ */ e("span", { children: s }),
             /* @__PURE__ */ e(
-              B,
+              O,
               {
                 "aria-hidden": "true",
                 className: "ds:size-3 ds:shrink-0 ds:transition-transform ds:duration-[var(--animation-duration)] ds:group-[[open]]:rotate-180 ds:motion-reduce:transition-none"
@@ -489,39 +499,39 @@ const q = b(({ label: s, wide: n = !1, children: d, id: a }, t) => k(g) === "mob
       /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]", children: d })
     ]
   }
-) : /* @__PURE__ */ i(m.Item, { "data-component": "public-header-nav-dropdown", children: [
-  /* @__PURE__ */ i(
-    m.Trigger,
+) : /* @__PURE__ */ o(v.Item, { "data-component": "public-header-nav-dropdown", children: [
+  /* @__PURE__ */ o(
+    v.Trigger,
     {
-      ref: t,
-      id: a,
-      className: be,
+      ref: r,
+      id: n,
+      className: xe,
       children: [
         s,
-        /* @__PURE__ */ e(B, { "aria-hidden": "true", className: xe })
+        /* @__PURE__ */ e(O, { "aria-hidden": "true", className: we })
       ]
     }
   ),
   /* @__PURE__ */ e(
-    m.Content,
+    v.Content,
     {
-      className: we({ wide: n }),
+      className: ye({ wide: a }),
       children: d
     }
   )
 ] }));
 q.displayName = "PublicHeader.NavDropdown";
-const W = b(({ href: s, title: n, subtitle: d, children: a }, t) => {
-  const o = k(g), r = /* @__PURE__ */ e(
+const W = x(({ href: s, title: a, subtitle: d, children: n }, r) => {
+  const c = k(h), t = /* @__PURE__ */ e(
     "span",
     {
       "data-card-title": !0,
       className: "type-title-card ds:text-[var(--foreground)] ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-      children: n
+      children: a
     }
-  ), v = /* @__PURE__ */ i(A, { children: [
-    /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-      r,
+  ), l = /* @__PURE__ */ o(j, { children: [
+    /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+      t,
       d ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: d }) : null
     ] }),
     /* @__PURE__ */ e(
@@ -530,7 +540,7 @@ const W = b(({ href: s, title: n, subtitle: d, children: a }, t) => {
         "data-card-arrow": !0,
         "aria-hidden": "true",
         className: "ds:flex-none ds:text-[var(--muted-foreground)] ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:rtl:-scale-x-100",
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ o(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -551,45 +561,45 @@ const W = b(({ href: s, title: n, subtitle: d, children: a }, t) => {
       }
     )
   ] });
-  let c;
-  return s ? o === "mobile" ? c = /* @__PURE__ */ e("a", { href: s, className: S, children: v }) : c = /* @__PURE__ */ e(m.Link, { asChild: !0, children: /* @__PURE__ */ e("a", { href: s, className: S, children: v }) }) : c = /* @__PURE__ */ i("div", { className: Ne, children: [
-    r,
+  let u;
+  return s ? c === "mobile" ? u = /* @__PURE__ */ e("a", { href: s, className: Y, children: l }) : u = /* @__PURE__ */ e(v.Link, { asChild: !0, children: /* @__PURE__ */ e("a", { href: s, className: Y, children: l }) }) : u = /* @__PURE__ */ o("div", { className: ke, children: [
+    t,
     d ? /* @__PURE__ */ e("span", { className: "ds:block type-body-sm ds:text-[var(--muted-foreground)] ds:mt-[var(--spacing-xs)]", children: d }) : null
-  ] }), /* @__PURE__ */ i(
+  ] }), /* @__PURE__ */ o(
     "div",
     {
-      ref: t,
+      ref: r,
       "data-component": "public-header-dropdown-card",
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
       children: [
-        c,
-        a ? /* @__PURE__ */ e("ul", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:list-none ds:m-0 ds:ps-0", children: a }) : null
+        u,
+        n ? /* @__PURE__ */ e("ul", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:list-none ds:m-0 ds:ps-0", children: n }) : null
       ]
     }
   );
 });
 W.displayName = "PublicHeader.DropdownCard";
-const $ = b(({ active: s, className: n, children: d, ...a }, t) => {
-  const o = k(g), r = /* @__PURE__ */ e(
+const $ = x(({ active: s, className: a, children: d, ...n }, r) => {
+  const c = k(h), t = /* @__PURE__ */ e(
     "a",
     {
-      ref: t,
-      ...a,
+      ref: r,
+      ...n,
       "data-active": s ? "true" : void 0,
       "aria-current": s ? "page" : void 0,
-      className: [ke, n].filter(Boolean).join(" "),
+      className: [Ce, a].filter(Boolean).join(" "),
       children: d
     }
   );
-  return /* @__PURE__ */ e("li", { "data-component": "public-header-dropdown-link", children: o === "mobile" ? r : /* @__PURE__ */ e(m.Link, { asChild: !0, active: s, children: r }) });
+  return /* @__PURE__ */ e("li", { "data-component": "public-header-dropdown-link", children: c === "mobile" ? t : /* @__PURE__ */ e(v.Link, { asChild: !0, active: s, children: t }) });
 });
 $.displayName = "PublicHeader.DropdownLink";
-const Oe = Object.assign(K, {
+const Te = Object.assign(K, {
   NavLink: F,
   NavDropdown: q,
   DropdownCard: W,
   DropdownLink: $
-}), Te = {
+}), Ve = {
   id: "public-header",
   capabilities: ["open", "close"],
   state: {
@@ -630,7 +640,7 @@ const Oe = Object.assign(K, {
   }
 };
 export {
-  Oe as P,
-  Te as p
+  Te as P,
+  Ve as p
 };
-//# sourceMappingURL=public-header.agent-_ArDD1Xr.js.map
+//# sourceMappingURL=public-header.agent-Db4wm6_S.js.map