@alfadocs/ui-kit 0.72.2 → 0.75.0

package/dist/_chunks/{public-header.agent-C-opZaOw.js → public-header.agent-rX_VA6hd.js}

@@ -1,14 +1,15 @@
-import { jsx as e, jsxs as t, Fragment as R } from "react/jsx-runtime";
-import { forwardRef as h, useId as U, useState as y, useCallback as P, useImperativeHandle as Z, useContext as N, useEffect as _, useRef as D, createContext as ee } from "react";
+import { jsx as e, jsxs as t, Fragment as V } from "react/jsx-runtime";
+import { forwardRef as h, useId as Z, useState as y, useCallback as D, useImperativeHandle as ee, useContext as N, useEffect as _, useRef as I, createContext as se } from "react";
 import { c as C } from "./index-D2ZczOXr.js";
-import { useTranslation as se } from "react-i18next";
-import * as p from "@radix-ui/react-navigation-menu";
-import { I as de } from "./icon-button-LqoiKcUN.js";
-import { S as f } from "./sheet-B_X54aZo.js";
-import { C as I } from "./chevron-down-DWE7GSq9.js";
-import { X as ae } from "./x-B5YnXwCz.js";
-import { M as ne } from "./menu-Op71AWIC.js";
-const g = ee("desktop"), re = C(
+import { useTranslation as de } from "react-i18next";
+import * as m from "@radix-ui/react-navigation-menu";
+import { I as ae } from "./icon-button-C_kbcd7I.js";
+import { S as f } from "./sheet-D5K0LB3q.js";
+import { u as ne } from "./use-visual-viewport-pin-ChurOsHM.js";
+import { C as R } from "./chevron-down-DWE7GSq9.js";
+import { X as re } from "./x-B5YnXwCz.js";
+import { M as oe } from "./menu-Op71AWIC.js";
+const g = se("desktop"), ie = C(
   [
     "ds:w-full ds:z-[var(--z-sticky)]",
     "ds:transition-[background-color,box-shadow,transform] ds:duration-[var(--animation-duration)]",
@@ -83,7 +84,7 @@ const g = ee("desktop"), re = C(
     },
     defaultVariants: { variant: "pill", sticky: "none" }
   }
-), oe = [
+), te = [
   "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)]",
@@ -101,7 +102,7 @@ const g = ee("desktop"), re = C(
   "ds:border ds:border-[color:var(--card-border)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)]",
   "ds:motion-reduce:transition-none"
-].join(" "), ie = C(
+].join(" "), ce = C(
   [
     "ds:inline-flex ds:items-center",
     "type-body-sm ds:font-medium",
@@ -118,7 +119,7 @@ const g = ee("desktop"), re = C(
     "ds:data-[active=true]:text-[var(--primary)]",
     "ds:data-[active=true]:[box-shadow:inset_0_-2px_0_var(--primary)]"
   ].join(" ")
-), te = [
+), le = [
   "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
@@ -132,12 +133,12 @@ const g = ee("desktop"), re = 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(" "), ce = [
+].join(" "), ue = [
   "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(" "), le = C(
+].join(" "), pe = C(
   [
     // Radix portals Content into the Viewport; sizing + position is
     // governed by the Viewport — keep Content's own paint to padding
@@ -163,7 +164,7 @@ const g = ee("desktop"), re = C(
     },
     defaultVariants: { wide: !1 }
   }
-), ue = [
+), me = [
   // 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,10 +195,10 @@ const g = ee("desktop"), re = C(
   "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(" "), me = [
+].join(" "), ve = [
   "ds:pb-[var(--spacing-sm)]"
   // Match the linked-card variant: no separator rule under the title.
-].join(" "), pe = [
+].join(" "), fe = [
   "ds:block ds:no-underline",
   "type-body-sm ds:font-medium ds:text-[var(--muted-foreground)]",
   "ds:rounded-[var(--radius-sm)]",
@@ -208,7 +209,7 @@ const g = ee("desktop"), re = C(
   "ds:data-[active=true]:text-[var(--primary)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
 ].join(" ");
-function ve() {
+function ge() {
   const [s, o] = y(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
   return _(() => {
     if (typeof window > "u" || !window.matchMedia) return;
@@ -216,25 +217,25 @@ function ve() {
     return d.addEventListener("change", a), () => d.removeEventListener("change", a);
   }, []), s;
 }
-function fe(s, o, d) {
-  const [a, i] = y(!1), [n, r] = y(!1), l = D(0), u = D(!1);
+function he(s, o, d) {
+  const [a, i] = y(!1), [r, n] = y(!1), l = I(0), u = I(!1);
   return _(() => {
     if (!s || typeof window > "u") return;
     l.current = window.scrollY;
     const v = () => {
-      const m = window.scrollY;
-      if (i(m > d), o === "scroll-up") {
-        const b = m - l.current;
-        b > 4 && m > d ? r(!0) : (b < -4 || m <= d) && r(!1);
+      const p = window.scrollY;
+      if (i(p > d), o === "scroll-up") {
+        const b = p - l.current;
+        b > 4 && p > d ? n(!0) : (b < -4 || p <= d) && n(!1);
       }
-      l.current = m, u.current = !1;
+      l.current = p, u.current = !1;
     }, c = () => {
       u.current || (u.current = !0, window.requestAnimationFrame(v));
     };
     return window.addEventListener("scroll", c, { passive: !0 }), v(), () => {
       window.removeEventListener("scroll", c);
     };
-  }, [s, o, d]), { stuck: a, hidden: n };
+  }, [s, o, d]), { stuck: a, hidden: r };
 }
 function B({
   logo: s,
@@ -242,15 +243,15 @@ function B({
   resolvedHomeLabel: d,
   resolvedNavLabel: a,
   resolvedMenuLabel: i,
-  navSlot: n,
-  actionsSlot: r,
+  navSlot: r,
+  actionsSlot: n,
   persistActions: l,
   menuOpen: u,
   setMenuOpen: v,
   sheetId: c
 }) {
-  const m = !!n || !!r && !l;
-  return /* @__PURE__ */ t(R, { children: [
+  const p = !!r || !!n && !l;
+  return /* @__PURE__ */ t(V, { children: [
     /* @__PURE__ */ e(
       "a",
       {
@@ -260,19 +261,19 @@ function B({
         children: s
       }
     ),
-    n ? /* @__PURE__ */ e(g.Provider, { value: "desktop", children: /* @__PURE__ */ t(
-      p.Root,
+    r ? /* @__PURE__ */ e(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__ */ e(p.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__ */ 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(p.Viewport, { className: ue }) }) })
+          /* @__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: r }),
+          /* @__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: me }) }) })
         ]
       }
     ) }) : null,
-    r ? /* @__PURE__ */ e(
+    n ? /* @__PURE__ */ e(
       "div",
       {
         className: [
@@ -281,17 +282,17 @@ function B({
           l ? "ds:flex" : "ds:hidden ds:md:flex",
           "ds:items-center ds:gap-[var(--spacing-sm)] ds:ms-auto"
         ].join(" "),
-        children: r
+        children: n
       }
     ) : null,
-    m ? /* @__PURE__ */ t(f, { open: u, onOpenChange: v, children: [
+    p ? /* @__PURE__ */ t(f, { open: u, onOpenChange: v, children: [
       /* @__PURE__ */ e(f.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-        de,
+        ae,
         {
           size: "md",
           intent: "ghost",
           className: "ds:ms-auto ds:md:hidden",
-          icon: u ? /* @__PURE__ */ e(ae, { "aria-hidden": "true" }) : /* @__PURE__ */ e(ne, { "aria-hidden": "true" }),
+          icon: u ? /* @__PURE__ */ e(re, { "aria-hidden": "true" }) : /* @__PURE__ */ e(oe, { "aria-hidden": "true" }),
           "aria-controls": c,
           "aria-expanded": u,
           "aria-label": i
@@ -300,16 +301,16 @@ function B({
       /* @__PURE__ */ t(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__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-          n ? /* @__PURE__ */ e(g.Provider, { value: "mobile", children: /* @__PURE__ */ e(
+          r ? /* @__PURE__ */ e(g.Provider, { value: "mobile", children: /* @__PURE__ */ e(
             "nav",
             {
               "aria-label": a,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
               "data-mobile-nav": "true",
-              children: n
+              children: r
             }
           ) }) : 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
+          n && !l ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:mt-[var(--spacing-md)]", children: n }) : null
         ] }) })
       ] })
     ] }) : null
@@ -322,62 +323,65 @@ const E = h(
     homeLabel: d,
     navSlot: a,
     actionsSlot: i,
-    variant: n = "pill",
-    sticky: r = "none",
+    variant: r = "pill",
+    sticky: n = "none",
     stickyOffset: l = 80,
     menuLabel: u,
     navLabel: v,
     persistActions: c = !1,
-    id: m,
+    id: p,
     className: b,
-    ...Y
-  }, q) => {
-    const { t: x } = se(), j = ve(), F = U(), S = `${m ?? F}-sheet`, [w, k] = y(!1), W = n === "transparent" || r === "scroll-up", { stuck: A, hidden: X } = fe(
-      W,
-      r,
+    ...q
+  }, F) => {
+    const { t: x } = de(), j = ge(), S = Z(), W = `${p ?? S}-sheet`, [w, k] = y(!1), A = r === "transparent" || n === "scroll-up", { stuck: X, hidden: $ } = he(
+      A,
+      n,
       l
-    ), $ = j ? !1 : X, H = P(() => k(!0), []), M = P(() => k(!1), []);
-    Z(
-      q,
+    ), H = j ? !1 : $, G = ne({
+      disabled: n === "none" || H
+    }), M = D(() => k(!0), []), L = D(() => k(!1), []);
+    ee(
+      F,
       () => ({
-        openMenu: H,
-        closeMenu: M,
+        openMenu: M,
+        closeMenu: L,
         getMenuOpen: () => w
       }),
-      [H, M, w]
+      [M, L, w]
     );
-    const G = d ?? x("publicHeader.homeLabel", "AlfaDocs — home"), J = v ?? x("publicHeader.primaryNavLabel", "Primary"), Q = u ?? (w ? x("publicHeader.closeMenu", "Close menu") : x("publicHeader.openMenu", "Open menu")), L = {
+    const J = d ?? x("publicHeader.homeLabel", "AlfaDocs — home"), Q = v ?? x("publicHeader.primaryNavLabel", "Primary"), U = u ?? (w ? x("publicHeader.closeMenu", "Close menu") : x("publicHeader.openMenu", "Open menu")), P = {
       logo: s,
       homeHref: o,
-      resolvedHomeLabel: G,
-      resolvedNavLabel: J,
-      resolvedMenuLabel: Q,
+      resolvedHomeLabel: J,
+      resolvedNavLabel: Q,
+      resolvedMenuLabel: U,
       navSlot: a,
       actionsSlot: i,
       persistActions: c,
       menuOpen: w,
       setMenuOpen: k,
-      sheetId: S
+      sheetId: W
     };
     return /* @__PURE__ */ e(
       "header",
       {
-        ...Y,
+        ...q,
+        ref: G,
         "data-component": "public-header",
-        "data-component-id": m,
-        "data-variant": n,
-        "data-stuck": A ? "true" : void 0,
-        "data-hidden": $ ? "true" : void 0,
+        "data-component-id": p,
+        "data-variant": r,
+        "data-stuck": X ? "true" : void 0,
+        "data-hidden": H ? "true" : void 0,
         "data-state": j ? "reduced-motion" : void 0,
-        className: re({ variant: n, sticky: r, className: b }),
-        children: n === "pill" ? /* @__PURE__ */ e(
+        className: ie({ variant: r, sticky: n, className: b }),
+        children: r === "pill" ? /* @__PURE__ */ e(
           "div",
           {
             "data-component": "public-header-container",
-            className: oe,
-            children: /* @__PURE__ */ e(B, { ...L })
+            className: te,
+            children: /* @__PURE__ */ e(B, { ...P })
           }
-        ) : /* @__PURE__ */ e(B, { ...L })
+        ) : /* @__PURE__ */ e(B, { ...P })
       }
     );
   }
@@ -405,19 +409,19 @@ const T = h(({ active: s, className: o, children: d, ...a }, i) => N(g) === "mob
     ].filter(Boolean).join(" "),
     children: d
   }
-) : /* @__PURE__ */ e(p.Item, { children: /* @__PURE__ */ e(p.Link, { asChild: !0, active: s, children: /* @__PURE__ */ e(
+) : /* @__PURE__ */ e(m.Item, { children: /* @__PURE__ */ e(m.Link, { asChild: !0, active: s, children: /* @__PURE__ */ e(
   "a",
   {
     ref: i,
     ...a,
     "data-active": s ? "true" : void 0,
     "aria-current": s ? "page" : void 0,
-    className: [ie(), o].filter(Boolean).join(" "),
+    className: [ce(), o].filter(Boolean).join(" "),
     children: d
   }
 ) }) }));
 T.displayName = "PublicHeader.NavLink";
-const V = h(({ label: s, wide: o = !1, children: d, id: a }, i) => N(g) === "mobile" ? /* @__PURE__ */ t(
+const O = h(({ label: s, wide: o = !1, children: d, id: a }, i) => N(g) === "mobile" ? /* @__PURE__ */ t(
   "details",
   {
     id: a,
@@ -438,7 +442,7 @@ const V = h(({ label: s, wide: o = !1, children: d, id: a }, i) => N(g) === "mob
           children: [
             /* @__PURE__ */ e("span", { children: s }),
             /* @__PURE__ */ e(
-              I,
+              R,
               {
                 "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"
@@ -450,39 +454,39 @@ const V = h(({ label: s, wide: o = !1, children: d, id: a }, i) => N(g) === "mob
       /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]", children: d })
     ]
   }
-) : /* @__PURE__ */ t(p.Item, { "data-component": "public-header-nav-dropdown", children: [
+) : /* @__PURE__ */ t(m.Item, { "data-component": "public-header-nav-dropdown", children: [
   /* @__PURE__ */ t(
-    p.Trigger,
+    m.Trigger,
     {
       ref: i,
       id: a,
-      className: te,
+      className: le,
       children: [
         s,
-        /* @__PURE__ */ e(I, { "aria-hidden": "true", className: ce })
+        /* @__PURE__ */ e(R, { "aria-hidden": "true", className: ue })
       ]
     }
   ),
   /* @__PURE__ */ e(
-    p.Content,
+    m.Content,
     {
-      className: le({ wide: o }),
+      className: pe({ wide: o }),
       children: d
     }
   )
 ] }));
-V.displayName = "PublicHeader.NavDropdown";
-const O = h(({ href: s, title: o, subtitle: d, children: a }, i) => {
-  const n = N(g), r = /* @__PURE__ */ e(
+O.displayName = "PublicHeader.NavDropdown";
+const K = h(({ href: s, title: o, subtitle: d, children: a }, i) => {
+  const r = N(g), n = /* @__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: o
     }
-  ), v = /* @__PURE__ */ t(R, { children: [
+  ), v = /* @__PURE__ */ t(V, { children: [
     /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-      r,
+      n,
       d ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: d }) : null
     ] }),
     /* @__PURE__ */ e(
@@ -513,8 +517,8 @@ const O = h(({ href: s, title: o, subtitle: d, children: a }, i) => {
     )
   ] });
   let c;
-  return s ? n === "mobile" ? c = /* @__PURE__ */ e("a", { href: s, className: z, children: v }) : c = /* @__PURE__ */ e(p.Link, { asChild: !0, children: /* @__PURE__ */ e("a", { href: s, className: z, children: v }) }) : c = /* @__PURE__ */ t("div", { className: me, children: [
-    r,
+  return s ? r === "mobile" ? c = /* @__PURE__ */ e("a", { href: s, className: z, children: v }) : c = /* @__PURE__ */ e(m.Link, { asChild: !0, children: /* @__PURE__ */ e("a", { href: s, className: z, children: v }) }) : c = /* @__PURE__ */ t("div", { className: ve, children: [
+    n,
     d ? /* @__PURE__ */ e("span", { className: "ds:block type-body-sm ds:text-[var(--muted-foreground)] ds:mt-[var(--spacing-xs)]", children: d }) : null
   ] }), /* @__PURE__ */ t(
     "div",
@@ -529,28 +533,28 @@ const O = h(({ href: s, title: o, subtitle: d, children: a }, i) => {
     }
   );
 });
-O.displayName = "PublicHeader.DropdownCard";
-const K = h(({ active: s, className: o, children: d, ...a }, i) => {
-  const n = N(g), r = /* @__PURE__ */ e(
+K.displayName = "PublicHeader.DropdownCard";
+const Y = h(({ active: s, className: o, children: d, ...a }, i) => {
+  const r = N(g), n = /* @__PURE__ */ e(
     "a",
     {
       ref: i,
       ...a,
       "data-active": s ? "true" : void 0,
       "aria-current": s ? "page" : void 0,
-      className: [pe, o].filter(Boolean).join(" "),
+      className: [fe, o].filter(Boolean).join(" "),
       children: d
     }
   );
-  return /* @__PURE__ */ e("li", { "data-component": "public-header-dropdown-link", children: n === "mobile" ? r : /* @__PURE__ */ e(p.Link, { asChild: !0, active: s, children: r }) });
+  return /* @__PURE__ */ e("li", { "data-component": "public-header-dropdown-link", children: r === "mobile" ? n : /* @__PURE__ */ e(m.Link, { asChild: !0, active: s, children: n }) });
 });
-K.displayName = "PublicHeader.DropdownLink";
-const je = Object.assign(E, {
+Y.displayName = "PublicHeader.DropdownLink";
+const Le = Object.assign(E, {
   NavLink: T,
-  NavDropdown: V,
-  DropdownCard: O,
-  DropdownLink: K
-}), He = {
+  NavDropdown: O,
+  DropdownCard: K,
+  DropdownLink: Y
+}), Pe = {
   id: "public-header",
   capabilities: ["open", "close"],
   state: {
@@ -591,7 +595,7 @@ const je = Object.assign(E, {
   }
 };
 export {
-  je as P,
-  He as p
+  Le as P,
+  Pe as p
 };
-//# sourceMappingURL=public-header.agent-C-opZaOw.js.map
+//# sourceMappingURL=public-header.agent-rX_VA6hd.js.map