@alfadocs/ui-kit 0.52.0 → 0.53.0

package/dist/_chunks/{otp-input-CMphfBxZ.js → otp-input-Chb9r5vf.js}

@@ -1,12 +1,12 @@
-import { jsxs as x, jsx as R } from "react/jsx-runtime";
-import { forwardRef as ee, useId as te, useRef as M, useState as se, useEffect as re, useCallback as N, useMemo as ae, useImperativeHandle as oe } from "react";
-import { c as O } from "./index-D2ZczOXr.js";
-import { useTranslation as ie } from "react-i18next";
-import { u as ne } from "./use-controllable-state-BiY4xTzM.js";
-import { u as ce } from "./use-web-otp-D_utzp6S.js";
-import { u as ue } from "./form-field-context-B3APVHKx.js";
-import { u as le } from "./registry-nPAVE19X.js";
-const de = {
+import { jsxs as ee, jsx as y } from "react/jsx-runtime";
+import { forwardRef as te, useId as re, useRef as M, useState as se, useEffect as ae, useCallback as N, useMemo as oe, useImperativeHandle as ie } from "react";
+import { c as S } from "./index-D2ZczOXr.js";
+import { useTranslation as ne } from "react-i18next";
+import { u as ce } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ue } from "./use-web-otp-D_utzp6S.js";
+import { u as le } from "./form-field-context-B3APVHKx.js";
+import { u as de } from "./registry-nPAVE19X.js";
+const pe = {
   id: "otp-input",
   capabilities: ["edit_inline", "submit"],
   state: {
@@ -62,7 +62,7 @@ const de = {
       description: "Sourced from the id prop."
     }
   }
-}, pe = O("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), fe = O(
+}, fe = S("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), me = S(
   [
     "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -86,95 +86,96 @@ const de = {
 function F(e) {
   return e.replace(/[\u0660-\u0669]/g, (a) => String(a.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (a) => String(a.charCodeAt(0) - 1776));
 }
-function y(e, a) {
+function w(e, a) {
   return F(e).replace(/\D/g, "").slice(0, a);
 }
-function me(e, a) {
-  const m = y(e, a), l = new Array(a).fill("");
+function ve(e, a) {
+  const m = w(e, a), l = new Array(a).fill("");
   for (let n = 0; n < m.length; n += 1)
     l[n] = m[n];
   return l;
 }
-const ve = ee(
+const be = te(
   ({
     length: e = 6,
     value: a,
     defaultValue: m,
     onChange: l,
     onComplete: n,
-    disabled: S,
-    error: H,
-    label: w,
+    disabled: H,
+    error: $,
+    label: I,
     id: K,
-    className: $,
-    webOtp: j = !1
-  }, z) => {
-    const { t: W } = ie(), v = ue(), _ = te(), C = w ? _ : void 0, [q, P] = ne({
+    className: j,
+    webOtp: z = !1,
+    name: C
+  }, W) => {
+    const { t: _ } = ne(), v = le(), q = re(), O = I ? q : void 0, [G, P] = ce({
       value: a,
-      defaultValue: y(m ?? "", e)
-    }), p = y(q ?? "", e), G = me(p, e), b = v.disabled || !!S, B = v.invalid || !!H, J = B ? "error" : "default", E = M([]), I = M(p.length === e), d = M(p);
+      defaultValue: w(m ?? "", e)
+    }), p = w(G ?? "", e), J = ve(p, e), b = v.disabled || !!H, B = v.invalid || !!$, Q = B ? "error" : "default", E = M([]), h = M(p.length === e), d = M(p);
     d.current = p;
-    const Q = () => {
-      const s = p.length;
-      return s >= e ? e - 1 : s;
-    }, [f, h] = se(Q);
-    re(() => {
-      f >= e && h(e - 1);
+    const U = () => {
+      const r = p.length;
+      return r >= e ? e - 1 : r;
+    }, [f, k] = se(U);
+    ae(() => {
+      f >= e && k(e - 1);
     }, [f, e]);
     const c = N(
-      (s) => {
-        const t = Math.max(0, Math.min(e - 1, s));
-        h(t);
-        const r = E.current[t];
-        r && (r.focus(), r.select());
+      (r) => {
+        const t = Math.max(0, Math.min(e - 1, r));
+        k(t);
+        const s = E.current[t];
+        s && (s.focus(), s.select());
       },
       [e]
     ), u = N(
-      (s) => {
-        const t = y(s, e);
-        P(t), d.current = t, l == null || l(t), t.length === e ? I.current || (I.current = !0, n == null || n(t)) : I.current = !1;
+      (r) => {
+        const t = w(r, e);
+        P(t), d.current = t, l == null || l(t), t.length === e ? h.current || (h.current = !0, n == null || n(t)) : h.current = !1;
       },
       [P, e, l, n]
     );
-    ce({
-      enabled: j && !b,
+    ue({
+      enabled: z && !b,
       onCode: u
     });
-    const U = (s) => (t) => {
-      const r = t.target.value, o = F(r).replace(/\D/g, ""), i = d.current;
+    const X = (r) => (t) => {
+      const s = t.target.value, o = F(s).replace(/\D/g, ""), i = d.current;
       if (o.length === 0) {
-        if (r === "" && s < i.length) {
-          const A = i.slice(0, s) + i.slice(s + 1);
-          u(A);
+        if (s === "" && r < i.length) {
+          const R = i.slice(0, r) + i.slice(r + 1);
+          u(R);
         }
         return;
       }
-      const g = i.slice(0, s), V = i.slice(s + o.length), D = (g + o + V).slice(0, e);
-      u(D);
-      const T = Math.min(s + o.length, e - 1);
-      c(T);
-    }, X = (s) => (t) => {
-      const r = d.current;
+      const g = i.slice(0, r), D = i.slice(r + o.length), T = (g + o + D).slice(0, e);
+      u(T);
+      const A = Math.min(r + o.length, e - 1);
+      c(A);
+    }, Y = (r) => (t) => {
+      const s = d.current;
       if (t.key === "Backspace") {
-        if (r[s]) {
+        if (s[r]) {
           t.preventDefault();
-          const o = r.slice(0, s) + r.slice(s + 1);
+          const o = s.slice(0, r) + s.slice(r + 1);
           u(o);
           return;
         }
-        if (s > 0) {
+        if (r > 0) {
           t.preventDefault();
-          const o = r.slice(0, s - 1) + r.slice(s);
-          u(o), c(s - 1);
+          const o = s.slice(0, r - 1) + s.slice(r);
+          u(o), c(r - 1);
         }
         return;
       }
       if (t.key === "ArrowLeft") {
-        t.preventDefault(), s > 0 && c(s - 1);
+        t.preventDefault(), r > 0 && c(r - 1);
         return;
       }
       if (t.key === "ArrowRight") {
-        t.preventDefault(), s < e - 1 && c(s + 1);
+        t.preventDefault(), r < e - 1 && c(r + 1);
         return;
       }
       if (t.key === "Home") {
@@ -182,51 +183,51 @@ const ve = ee(
         return;
       }
       t.key === "End" && (t.preventDefault(), c(e - 1));
-    }, Y = (s) => (t) => {
+    }, Z = (r) => (t) => {
       const o = t.clipboardData.getData("text").replace(/\s+/g, ""), i = F(o);
       if (!/^[0-9]+$/.test(i)) return;
       t.preventDefault();
-      const g = d.current, V = g.slice(0, s), D = g.slice(s + i.length), T = (V + i + D).slice(0, e);
-      u(T);
-      const A = Math.min(s + i.length, e - 1);
-      c(A);
-    }, Z = (s) => (t) => {
-      h(s), t.currentTarget.select();
-    }, L = v.id, k = ae(
+      const g = d.current, D = g.slice(0, r), T = g.slice(r + i.length), A = (D + i + T).slice(0, e);
+      u(A);
+      const R = Math.min(r + i.length, e - 1);
+      c(R);
+    }, x = (r) => (t) => {
+      k(r), t.currentTarget.select();
+    }, L = v.id, V = oe(
       () => ({
         getValue: () => d.current,
-        setValue: (s) => u(s),
+        setValue: (r) => u(r),
         clear: () => u(""),
         focus: () => c(f),
         isComplete: () => d.current.length === e
       }),
       [u, c, f, e]
     );
-    return le(de, k, K), oe(z, () => k, [k]), /* @__PURE__ */ x("div", { className: pe({ className: $ }), children: [
-      w ? /* @__PURE__ */ R(
+    return de(pe, V, K), ie(W, () => V, [V]), /* @__PURE__ */ ee("div", { className: fe({ className: j }), children: [
+      I ? /* @__PURE__ */ y(
         "label",
         {
-          id: C,
+          id: O,
           htmlFor: `${L}-0`,
           className: "type-label ds:text-foreground",
-          children: w
+          children: I
         }
       ) : null,
-      /* @__PURE__ */ R(
+      /* @__PURE__ */ y(
         "div",
         {
           role: "group",
           dir: "ltr",
-          "aria-labelledby": C,
+          "aria-labelledby": O,
           "aria-invalid": B || void 0,
           "aria-describedby": v.describedBy || void 0,
           "aria-disabled": b || void 0,
           "data-component": "otp-input",
           "data-component-id": K,
           className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
-          children: G.map((s, t) => {
-            const r = !b && t === f;
-            return /* @__PURE__ */ R(
+          children: J.map((r, t) => {
+            const s = !b && t === f;
+            return /* @__PURE__ */ y(
               "input",
               {
                 ref: (o) => {
@@ -238,29 +239,30 @@ const ve = ee(
                 pattern: "[0-9]*",
                 autoComplete: t === 0 ? "one-time-code" : "off",
                 maxLength: 1,
-                value: s,
+                value: r,
                 disabled: b,
-                tabIndex: r ? 0 : -1,
-                "aria-label": W("inputs.otp.digitLabel", {
+                tabIndex: s ? 0 : -1,
+                "aria-label": _("inputs.otp.digitLabel", {
                   current: t + 1,
                   total: e
                 }),
-                onChange: U(t),
-                onKeyDown: X(t),
-                onPaste: Y(t),
-                onFocus: Z(t),
-                className: fe({ tone: J })
+                onChange: X(t),
+                onKeyDown: Y(t),
+                onPaste: Z(t),
+                onFocus: x(t),
+                className: me({ tone: Q })
               },
               t
             );
           })
         }
-      )
+      ),
+      C ? /* @__PURE__ */ y("input", { type: "hidden", name: C, value: p, readOnly: !0 }) : null
     ] });
   }
 );
-ve.displayName = "OTPInput";
+be.displayName = "OTPInput";
 export {
-  ve as O
+  be as O
 };
-//# sourceMappingURL=otp-input-CMphfBxZ.js.map
+//# sourceMappingURL=otp-input-Chb9r5vf.js.map

package/dist/_chunks/{public-header.agent-BY6FH71R.js → public-header.agent-DyVpPwmv.js}

@@ -1,4 +1,4 @@
-import { jsx as s, jsxs as i, Fragment as _ } from "react/jsx-runtime";
+import { jsx as s, jsxs as t, Fragment as _ } from "react/jsx-runtime";
 import { forwardRef as h, useId as Q, useState as y, useCallback as M, useImperativeHandle as U, useContext as N, useEffect as B, useRef as D, createContext as Z } from "react";
 import { c as C } from "./index-D2ZczOXr.js";
 import { useTranslation as ss } from "react-i18next";
@@ -8,7 +8,7 @@ import { S as f } from "./sheet-xbzu4YiY.js";
 import { C as I } from "./chevron-down-BX_NP2Yh.js";
 import { X as ds } from "./x-CCcI3eJp.js";
 import { M as as } from "./menu-XRhW3_99.js";
-const g = Z("desktop"), ns = C(
+const g = Z("desktop"), rs = C(
   [
     "ds:w-full ds:z-[var(--z-sticky)]",
     "ds:transition-[background-color,box-shadow,transform] ds:duration-[var(--animation-duration)]",
@@ -48,6 +48,16 @@ const g = Z("desktop"), ns = C(
           "ds:h-14 ds:md:h-16",
           "theme-dark ds:bg-[var(--background)] ds:text-[var(--foreground)]"
         ].join(" "),
+        // brand: on-primary bar for public signer/marketing surfaces —
+        // e.g. sign.alfadocs.com signing nav. Tokens only; logo should be
+        // <Logo variant="monochrome" tone="inherit" /> to read on the
+        // primary fill.
+        brand: [
+          "ds:flex ds:items-center ds:gap-[var(--spacing-md)]",
+          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:sm:ps-[var(--spacing-lg)] ds:sm:pe-[var(--spacing-lg)]",
+          "ds:h-14 ds:md:h-16",
+          "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]"
+        ].join(" "),
         // `pill` matches alfadocs.com's floating rounded-pill header.
         // The outer header is fully transparent (no border, no bg) and
         // simply provides a top-side gutter so the inner container reads
@@ -73,7 +83,7 @@ const g = Z("desktop"), ns = C(
     },
     defaultVariants: { variant: "pill", sticky: "none" }
   }
-), rs = [
+), ns = [
   "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)]",
@@ -108,7 +118,7 @@ const g = Z("desktop"), ns = C(
     "ds:data-[active=true]:text-[var(--primary)]",
     "ds:data-[active=true]:[box-shadow:inset_0_-2px_0_var(--primary)]"
   ].join(" ")
-), ts = [
+), is = [
   "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
@@ -122,7 +132,7 @@ const g = Z("desktop"), ns = C(
   "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(" "), is = [
+].join(" "), ts = [
   "ds:size-3 ds:shrink-0",
   "ds:transition-transform ds:duration-[var(--animation-duration)]",
   "ds:group-data-[state=open]:rotate-180",
@@ -199,21 +209,21 @@ const g = Z("desktop"), ns = C(
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
 ].join(" ");
 function ps() {
-  const [e, n] = y(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+  const [e, r] = y(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
   return B(() => {
     if (typeof window > "u" || !window.matchMedia) return;
-    const d = window.matchMedia("(prefers-reduced-motion: reduce)"), a = () => n(d.matches);
+    const d = window.matchMedia("(prefers-reduced-motion: reduce)"), a = () => r(d.matches);
     return d.addEventListener("change", a), () => d.removeEventListener("change", a);
   }, []), e;
 }
-function vs(e, n, d) {
-  const [a, t] = y(!1), [r, o] = y(!1), c = D(0), p = D(!1);
+function vs(e, r, d) {
+  const [a, i] = y(!1), [n, o] = y(!1), c = D(0), p = D(!1);
   return B(() => {
     if (!e || typeof window > "u") return;
     c.current = window.scrollY;
     const l = () => {
       const v = window.scrollY;
-      if (t(v > d), n === "scroll-up") {
+      if (i(v > d), r === "scroll-up") {
         const b = v - c.current;
         b > 4 && v > d ? o(!0) : (b < -4 || v <= d) && o(!1);
       }
@@ -224,44 +234,44 @@ function vs(e, n, d) {
     return window.addEventListener("scroll", u, { passive: !0 }), l(), () => {
       window.removeEventListener("scroll", u);
     };
-  }, [e, n, d]), { stuck: a, hidden: r };
+  }, [e, r, d]), { stuck: a, hidden: n };
 }
 function R({
   logo: e,
-  homeHref: n,
+  homeHref: r,
   resolvedHomeLabel: d,
   resolvedNavLabel: a,
-  resolvedMenuLabel: t,
-  navSlot: r,
+  resolvedMenuLabel: i,
+  navSlot: n,
   actionsSlot: o,
   menuOpen: c,
   setMenuOpen: p,
   sheetId: l
 }) {
-  return /* @__PURE__ */ i(_, { children: [
+  return /* @__PURE__ */ t(_, { children: [
     /* @__PURE__ */ s(
       "a",
       {
-        href: n,
+        href: r,
         "aria-label": d,
         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: e
       }
     ),
-    r ? /* @__PURE__ */ s(g.Provider, { value: "desktop", children: /* @__PURE__ */ i(
+    n ? /* @__PURE__ */ s(g.Provider, { value: "desktop", children: /* @__PURE__ */ t(
       m.Root,
       {
         "aria-label": a,
         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__ */ s(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: r }),
+          /* @__PURE__ */ s(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: n }),
           /* @__PURE__ */ s("div", { className: "ds:absolute ds:top-full ds:start-0 ds:end-0 ds:flex ds:justify-center ds:pointer-events-none", children: /* @__PURE__ */ s("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ s(m.Viewport, { className: ls }) }) })
         ]
       }
     ) }) : null,
     o ? /* @__PURE__ */ s("div", { className: "ds:hidden ds:md:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:ms-auto", children: o }) : null,
-    /* @__PURE__ */ i(f, { open: c, onOpenChange: p, children: [
+    /* @__PURE__ */ t(f, { open: c, onOpenChange: p, children: [
       /* @__PURE__ */ s(f.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
         es,
         {
@@ -271,19 +281,19 @@ function R({
           icon: c ? /* @__PURE__ */ s(ds, { "aria-hidden": "true" }) : /* @__PURE__ */ s(as, { "aria-hidden": "true" }),
           "aria-controls": l,
           "aria-expanded": c,
-          "aria-label": t
+          "aria-label": i
         }
       ) }),
-      /* @__PURE__ */ i(f.Content, { side: "end", size: "md", id: l, children: [
+      /* @__PURE__ */ t(f.Content, { side: "end", size: "md", id: l, children: [
         /* @__PURE__ */ s(f.Header, { children: /* @__PURE__ */ s(f.Title, { children: a }) }),
-        /* @__PURE__ */ s(f.Body, { children: /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-          r ? /* @__PURE__ */ s(g.Provider, { value: "mobile", children: /* @__PURE__ */ s(
+        /* @__PURE__ */ s(f.Body, { children: /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+          n ? /* @__PURE__ */ s(g.Provider, { value: "mobile", children: /* @__PURE__ */ s(
             "nav",
             {
               "aria-label": a,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
               "data-mobile-nav": "true",
-              children: r
+              children: n
             }
           ) }) : null,
           o ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:mt-[var(--spacing-md)]", children: o }) : null
@@ -295,11 +305,11 @@ function R({
 const E = h(
   ({
     logo: e,
-    homeHref: n = "/",
+    homeHref: r = "/",
     homeLabel: d,
     navSlot: a,
-    actionsSlot: t,
-    variant: r = "pill",
+    actionsSlot: i,
+    variant: n = "pill",
     sticky: o = "none",
     stickyOffset: c = 80,
     menuLabel: p,
@@ -308,7 +318,7 @@ const E = h(
     className: v,
     ...b
   }, A) => {
-    const { t: x } = ss(), j = ps(), Y = Q(), q = `${u ?? Y}-sheet`, [w, k] = y(!1), F = r === "transparent" || o === "scroll-up", { stuck: W, hidden: X } = vs(
+    const { t: x } = ss(), j = ps(), Y = Q(), q = `${u ?? Y}-sheet`, [w, k] = y(!1), F = n === "transparent" || o === "scroll-up", { stuck: W, hidden: X } = vs(
       F,
       o,
       c
@@ -324,12 +334,12 @@ const E = h(
     );
     const G = d ?? x("publicHeader.homeLabel", "AlfaDocs — home"), J = l ?? x("publicHeader.primaryNavLabel", "Primary"), K = p ?? (w ? x("publicHeader.closeMenu", "Close menu") : x("publicHeader.openMenu", "Open menu")), P = {
       logo: e,
-      homeHref: n,
+      homeHref: r,
       resolvedHomeLabel: G,
       resolvedNavLabel: J,
       resolvedMenuLabel: K,
       navSlot: a,
-      actionsSlot: t,
+      actionsSlot: i,
       menuOpen: w,
       setMenuOpen: k,
       sheetId: q
@@ -340,16 +350,16 @@ const E = h(
         ...b,
         "data-component": "public-header",
         "data-component-id": u,
-        "data-variant": r,
+        "data-variant": n,
         "data-stuck": W ? "true" : void 0,
         "data-hidden": $ ? "true" : void 0,
         "data-state": j ? "reduced-motion" : void 0,
-        className: ns({ variant: r, sticky: o, className: v }),
-        children: r === "pill" ? /* @__PURE__ */ s(
+        className: rs({ variant: n, sticky: o, className: v }),
+        children: n === "pill" ? /* @__PURE__ */ s(
           "div",
           {
             "data-component": "public-header-container",
-            className: rs,
+            className: ns,
             children: /* @__PURE__ */ s(R, { ...P })
           }
         ) : /* @__PURE__ */ s(R, { ...P })
@@ -358,10 +368,10 @@ const E = h(
   }
 );
 E.displayName = "PublicHeader";
-const T = h(({ active: e, className: n, children: d, ...a }, t) => N(g) === "mobile" ? /* @__PURE__ */ s(
+const T = h(({ active: e, className: r, children: d, ...a }, i) => N(g) === "mobile" ? /* @__PURE__ */ s(
   "a",
   {
-    ref: t,
+    ref: i,
     ...a,
     "data-active": e ? "true" : void 0,
     "aria-current": e ? "page" : void 0,
@@ -376,30 +386,30 @@ const T = h(({ active: e, className: n, children: d, ...a }, t) => N(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
+      r
     ].filter(Boolean).join(" "),
     children: d
   }
 ) : /* @__PURE__ */ s(m.Item, { children: /* @__PURE__ */ s(m.Link, { asChild: !0, active: e, children: /* @__PURE__ */ s(
   "a",
   {
-    ref: t,
+    ref: i,
     ...a,
     "data-active": e ? "true" : void 0,
     "aria-current": e ? "page" : void 0,
-    className: [os(), n].filter(Boolean).join(" "),
+    className: [os(), r].filter(Boolean).join(" "),
     children: d
   }
 ) }) }));
 T.displayName = "PublicHeader.NavLink";
-const V = h(({ label: e, wide: n = !1, children: d, id: a }, t) => N(g) === "mobile" ? /* @__PURE__ */ i(
+const V = h(({ label: e, wide: r = !1, children: d, id: a }, i) => N(g) === "mobile" ? /* @__PURE__ */ t(
   "details",
   {
     id: a,
     "data-component": "public-header-nav-dropdown",
     className: "ds:group ds:border-b ds:border-[color:var(--border)]",
     children: [
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ t(
         "summary",
         {
           className: [
@@ -425,38 +435,38 @@ const V = h(({ label: e, wide: n = !1, children: d, id: a }, t) => N(g) === "mob
       /* @__PURE__ */ s("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(
+) : /* @__PURE__ */ t(m.Item, { "data-component": "public-header-nav-dropdown", children: [
+  /* @__PURE__ */ t(
     m.Trigger,
     {
-      ref: t,
+      ref: i,
       id: a,
-      className: ts,
+      className: is,
       children: [
         e,
-        /* @__PURE__ */ s(I, { "aria-hidden": "true", className: is })
+        /* @__PURE__ */ s(I, { "aria-hidden": "true", className: ts })
       ]
     }
   ),
   /* @__PURE__ */ s(
     m.Content,
     {
-      className: cs({ wide: n }),
+      className: cs({ wide: r }),
       children: d
     }
   )
 ] }));
 V.displayName = "PublicHeader.NavDropdown";
-const O = h(({ href: e, title: n, subtitle: d, children: a }, t) => {
-  const r = N(g), o = /* @__PURE__ */ s(
+const O = h(({ href: e, title: r, subtitle: d, children: a }, i) => {
+  const n = N(g), o = /* @__PURE__ */ s(
     "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: r
     }
-  ), l = /* @__PURE__ */ i(_, { children: [
-    /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+  ), l = /* @__PURE__ */ t(_, { children: [
+    /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
       o,
       d ? /* @__PURE__ */ s("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: d }) : null
     ] }),
@@ -466,7 +476,7 @@ const O = h(({ href: e, 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__ */ t(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -488,13 +498,13 @@ const O = h(({ href: e, title: n, subtitle: d, children: a }, t) => {
     )
   ] });
   let u;
-  return e ? r === "mobile" ? u = /* @__PURE__ */ s("a", { href: e, className: z, children: l }) : u = /* @__PURE__ */ s(m.Link, { asChild: !0, children: /* @__PURE__ */ s("a", { href: e, className: z, children: l }) }) : u = /* @__PURE__ */ i("div", { className: us, children: [
+  return e ? n === "mobile" ? u = /* @__PURE__ */ s("a", { href: e, className: z, children: l }) : u = /* @__PURE__ */ s(m.Link, { asChild: !0, children: /* @__PURE__ */ s("a", { href: e, className: z, children: l }) }) : u = /* @__PURE__ */ t("div", { className: us, children: [
     o,
     d ? /* @__PURE__ */ s("span", { className: "ds:block type-body-sm ds:text-[var(--muted-foreground)] ds:mt-[var(--spacing-xs)]", children: d }) : null
-  ] }), /* @__PURE__ */ i(
+  ] }), /* @__PURE__ */ t(
     "div",
     {
-      ref: t,
+      ref: i,
       "data-component": "public-header-dropdown-card",
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
       children: [
@@ -505,19 +515,19 @@ const O = h(({ href: e, title: n, subtitle: d, children: a }, t) => {
   );
 });
 O.displayName = "PublicHeader.DropdownCard";
-const S = h(({ active: e, className: n, children: d, ...a }, t) => {
-  const r = N(g), o = /* @__PURE__ */ s(
+const S = h(({ active: e, className: r, children: d, ...a }, i) => {
+  const n = N(g), o = /* @__PURE__ */ s(
     "a",
     {
-      ref: t,
+      ref: i,
       ...a,
       "data-active": e ? "true" : void 0,
       "aria-current": e ? "page" : void 0,
-      className: [ms, n].filter(Boolean).join(" "),
+      className: [ms, r].filter(Boolean).join(" "),
       children: d
     }
   );
-  return /* @__PURE__ */ s("li", { "data-component": "public-header-dropdown-link", children: r === "mobile" ? o : /* @__PURE__ */ s(m.Link, { asChild: !0, active: e, children: o }) });
+  return /* @__PURE__ */ s("li", { "data-component": "public-header-dropdown-link", children: n === "mobile" ? o : /* @__PURE__ */ s(m.Link, { asChild: !0, active: e, children: o }) });
 });
 S.displayName = "PublicHeader.DropdownLink";
 const Cs = Object.assign(E, {
@@ -564,4 +574,4 @@ export {
   Cs as P,
   js as p
 };
-//# sourceMappingURL=public-header.agent-BY6FH71R.js.map
+//# sourceMappingURL=public-header.agent-DyVpPwmv.js.map