@alfadocs/ui-kit 0.56.0 → 0.58.0

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

@@ -1,14 +1,14 @@
-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 { jsx as s, 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 ss } from "react";
 import { c as C } from "./index-D2ZczOXr.js";
-import { useTranslation as ss } from "react-i18next";
-import * as m from "@radix-ui/react-navigation-menu";
-import { I as es } from "./icon-button-CKEOrN37.js";
+import { useTranslation as es } from "react-i18next";
+import * as p from "@radix-ui/react-navigation-menu";
+import { I as ds } from "./icon-button-CKEOrN37.js";
 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"), rs = C(
+import { X as as } from "./x-CCcI3eJp.js";
+import { M as ns } from "./menu-XRhW3_99.js";
+const g = ss("desktop"), rs = C(
   [
     "ds:w-full ds:z-[var(--z-sticky)]",
     "ds:transition-[background-color,box-shadow,transform] ds:duration-[var(--animation-duration)]",
@@ -83,7 +83,7 @@ const g = Z("desktop"), rs = C(
     },
     defaultVariants: { variant: "pill", sticky: "none" }
   }
-), ns = [
+), os = [
   "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 +101,7 @@ const g = Z("desktop"), rs = C(
   "ds:border ds:border-[color:var(--card-border)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)]",
   "ds:motion-reduce:transition-none"
-].join(" "), os = C(
+].join(" "), is = C(
   [
     "ds:inline-flex ds:items-center",
     "type-body-sm ds:font-medium",
@@ -118,7 +118,7 @@ const g = Z("desktop"), rs = C(
     "ds:data-[active=true]:text-[var(--primary)]",
     "ds:data-[active=true]:[box-shadow:inset_0_-2px_0_var(--primary)]"
   ].join(" ")
-), is = [
+), ts = [
   "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 +132,12 @@ const g = Z("desktop"), rs = 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(" "), ts = [
+].join(" "), cs = [
   "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(" "), cs = C(
+].join(" "), ls = C(
   [
     // Radix portals Content into the Viewport; sizing + position is
     // governed by the Viewport — keep Content's own paint to padding
@@ -163,7 +163,7 @@ const g = Z("desktop"), rs = C(
     },
     defaultVariants: { wide: !1 }
   }
-), ls = [
+), us = [
   // 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 +194,10 @@ const g = Z("desktop"), rs = 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(" "), us = [
+].join(" "), ms = [
   "ds:pb-[var(--spacing-sm)]"
   // Match the linked-card variant: no separator rule under the title.
-].join(" "), ms = [
+].join(" "), ps = [
   "ds:block ds:no-underline",
   "type-body-sm ds:font-medium ds:text-[var(--muted-foreground)]",
   "ds:rounded-[var(--radius-sm)]",
@@ -208,83 +208,96 @@ const g = Z("desktop"), rs = C(
   "ds:data-[active=true]:text-[var(--primary)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
 ].join(" ");
-function ps() {
-  const [e, r] = y(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
-  return B(() => {
+function vs() {
+  const [e, o] = y(() => typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+  return _(() => {
     if (typeof window > "u" || !window.matchMedia) return;
-    const d = window.matchMedia("(prefers-reduced-motion: reduce)"), a = () => r(d.matches);
+    const d = window.matchMedia("(prefers-reduced-motion: reduce)"), a = () => o(d.matches);
     return d.addEventListener("change", a), () => d.removeEventListener("change", a);
   }, []), e;
 }
-function vs(e, r, d) {
-  const [a, i] = y(!1), [n, o] = y(!1), c = D(0), p = D(!1);
-  return B(() => {
+function fs(e, o, d) {
+  const [a, i] = y(!1), [n, r] = y(!1), l = D(0), u = D(!1);
+  return _(() => {
     if (!e || typeof window > "u") return;
-    c.current = window.scrollY;
-    const l = () => {
-      const v = window.scrollY;
-      if (i(v > d), r === "scroll-up") {
-        const b = v - c.current;
-        b > 4 && v > d ? o(!0) : (b < -4 || v <= d) && o(!1);
+    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);
       }
-      c.current = v, p.current = !1;
-    }, u = () => {
-      p.current || (p.current = !0, window.requestAnimationFrame(l));
+      l.current = m, u.current = !1;
+    }, c = () => {
+      u.current || (u.current = !0, window.requestAnimationFrame(v));
     };
-    return window.addEventListener("scroll", u, { passive: !0 }), l(), () => {
-      window.removeEventListener("scroll", u);
+    return window.addEventListener("scroll", c, { passive: !0 }), v(), () => {
+      window.removeEventListener("scroll", c);
     };
-  }, [e, r, d]), { stuck: a, hidden: n };
+  }, [e, o, d]), { stuck: a, hidden: n };
 }
-function R({
+function B({
   logo: e,
-  homeHref: r,
+  homeHref: o,
   resolvedHomeLabel: d,
   resolvedNavLabel: a,
   resolvedMenuLabel: i,
   navSlot: n,
-  actionsSlot: o,
-  menuOpen: c,
-  setMenuOpen: p,
-  sheetId: l
+  actionsSlot: r,
+  persistActions: l,
+  menuOpen: u,
+  setMenuOpen: v,
+  sheetId: c
 }) {
-  return /* @__PURE__ */ t(_, { children: [
+  const m = !!n || !!r && !l;
+  return /* @__PURE__ */ t(R, { children: [
     /* @__PURE__ */ s(
       "a",
       {
-        href: r,
+        href: o,
         "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
       }
     ),
     n ? /* @__PURE__ */ s(g.Provider, { value: "desktop", children: /* @__PURE__ */ t(
-      m.Root,
+      p.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: 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 }) }) })
+          /* @__PURE__ */ s(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__ */ 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(p.Viewport, { className: us }) }) })
         ]
       }
     ) }) : 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__ */ t(f, { open: c, onOpenChange: p, children: [
+    r ? /* @__PURE__ */ s(
+      "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",
+          "ds:items-center ds:gap-[var(--spacing-sm)] ds:ms-auto"
+        ].join(" "),
+        children: r
+      }
+    ) : null,
+    m ? /* @__PURE__ */ t(f, { open: u, onOpenChange: v, children: [
       /* @__PURE__ */ s(f.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
-        es,
+        ds,
         {
           size: "md",
           intent: "ghost",
           className: "ds:ms-auto ds:md:hidden",
-          icon: c ? /* @__PURE__ */ s(ds, { "aria-hidden": "true" }) : /* @__PURE__ */ s(as, { "aria-hidden": "true" }),
-          "aria-controls": l,
-          "aria-expanded": c,
+          icon: u ? /* @__PURE__ */ s(as, { "aria-hidden": "true" }) : /* @__PURE__ */ s(ns, { "aria-hidden": "true" }),
+          "aria-controls": c,
+          "aria-expanded": u,
           "aria-label": i
         }
       ) }),
-      /* @__PURE__ */ t(f.Content, { side: "end", size: "md", id: l, children: [
+      /* @__PURE__ */ t(f.Content, { side: "end", size: "md", id: c, children: [
         /* @__PURE__ */ s(f.Header, { children: /* @__PURE__ */ s(f.Title, { children: a }) }),
         /* @__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(
@@ -296,35 +309,36 @@ function 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
+          r && !l ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:mt-[var(--spacing-md)]", children: r }) : null
         ] }) })
       ] })
-    ] })
+    ] }) : null
   ] });
 }
 const E = h(
   ({
     logo: e,
-    homeHref: r = "/",
+    homeHref: o = "/",
     homeLabel: d,
     navSlot: a,
     actionsSlot: i,
     variant: n = "pill",
-    sticky: o = "none",
-    stickyOffset: c = 80,
-    menuLabel: p,
-    navLabel: l,
-    id: u,
-    className: v,
-    ...b
-  }, A) => {
-    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
-    ), $ = j ? !1 : X, H = M(() => k(!0), []), L = M(() => k(!1), []);
-    U(
+    sticky: r = "none",
+    stickyOffset: l = 80,
+    menuLabel: u,
+    navLabel: v,
+    persistActions: c = !1,
+    id: m,
+    className: b,
+    ...q
+  }, F) => {
+    const { t: x } = es(), j = vs(), S = U(), W = `${m ?? S}-sheet`, [w, k] = y(!1), A = n === "transparent" || r === "scroll-up", { stuck: X, hidden: $ } = fs(
       A,
+      r,
+      l
+    ), G = j ? !1 : $, H = P(() => k(!0), []), L = P(() => k(!1), []);
+    Z(
+      F,
       () => ({
         openMenu: H,
         closeMenu: L,
@@ -332,43 +346,44 @@ const E = h(
       }),
       [H, L, w]
     );
-    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 = {
+    const J = d ?? x("publicHeader.homeLabel", "AlfaDocs — home"), K = v ?? x("publicHeader.primaryNavLabel", "Primary"), Q = u ?? (w ? x("publicHeader.closeMenu", "Close menu") : x("publicHeader.openMenu", "Open menu")), M = {
       logo: e,
-      homeHref: r,
-      resolvedHomeLabel: G,
-      resolvedNavLabel: J,
-      resolvedMenuLabel: K,
+      homeHref: o,
+      resolvedHomeLabel: J,
+      resolvedNavLabel: K,
+      resolvedMenuLabel: Q,
       navSlot: a,
       actionsSlot: i,
+      persistActions: c,
       menuOpen: w,
       setMenuOpen: k,
-      sheetId: q
+      sheetId: W
     };
     return /* @__PURE__ */ s(
       "header",
       {
-        ...b,
+        ...q,
         "data-component": "public-header",
-        "data-component-id": u,
+        "data-component-id": m,
         "data-variant": n,
-        "data-stuck": W ? "true" : void 0,
-        "data-hidden": $ ? "true" : void 0,
+        "data-stuck": X ? "true" : void 0,
+        "data-hidden": G ? "true" : void 0,
         "data-state": j ? "reduced-motion" : void 0,
-        className: rs({ variant: n, sticky: o, className: v }),
+        className: rs({ variant: n, sticky: r, className: b }),
         children: n === "pill" ? /* @__PURE__ */ s(
           "div",
           {
             "data-component": "public-header-container",
-            className: ns,
-            children: /* @__PURE__ */ s(R, { ...P })
+            className: os,
+            children: /* @__PURE__ */ s(B, { ...M })
           }
-        ) : /* @__PURE__ */ s(R, { ...P })
+        ) : /* @__PURE__ */ s(B, { ...M })
       }
     );
   }
 );
 E.displayName = "PublicHeader";
-const T = h(({ active: e, className: r, children: d, ...a }, i) => N(g) === "mobile" ? /* @__PURE__ */ s(
+const T = h(({ active: e, className: o, children: d, ...a }, i) => N(g) === "mobile" ? /* @__PURE__ */ s(
   "a",
   {
     ref: i,
@@ -386,23 +401,23 @@ const T = h(({ active: e, className: r, children: d, ...a }, i) => 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",
-      r
+      o
     ].filter(Boolean).join(" "),
     children: d
   }
-) : /* @__PURE__ */ s(m.Item, { children: /* @__PURE__ */ s(m.Link, { asChild: !0, active: e, children: /* @__PURE__ */ s(
+) : /* @__PURE__ */ s(p.Item, { children: /* @__PURE__ */ s(p.Link, { asChild: !0, active: e, children: /* @__PURE__ */ s(
   "a",
   {
     ref: i,
     ...a,
     "data-active": e ? "true" : void 0,
     "aria-current": e ? "page" : void 0,
-    className: [os(), r].filter(Boolean).join(" "),
+    className: [is(), o].filter(Boolean).join(" "),
     children: d
   }
 ) }) }));
 T.displayName = "PublicHeader.NavLink";
-const V = h(({ label: e, wide: r = !1, children: d, id: a }, i) => N(g) === "mobile" ? /* @__PURE__ */ t(
+const V = h(({ label: e, wide: o = !1, children: d, id: a }, i) => N(g) === "mobile" ? /* @__PURE__ */ t(
   "details",
   {
     id: a,
@@ -435,39 +450,39 @@ const V = h(({ label: e, wide: r = !1, children: d, id: a }, i) => 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__ */ t(m.Item, { "data-component": "public-header-nav-dropdown", children: [
+) : /* @__PURE__ */ t(p.Item, { "data-component": "public-header-nav-dropdown", children: [
   /* @__PURE__ */ t(
-    m.Trigger,
+    p.Trigger,
     {
       ref: i,
       id: a,
-      className: is,
+      className: ts,
       children: [
         e,
-        /* @__PURE__ */ s(I, { "aria-hidden": "true", className: ts })
+        /* @__PURE__ */ s(I, { "aria-hidden": "true", className: cs })
       ]
     }
   ),
   /* @__PURE__ */ s(
-    m.Content,
+    p.Content,
     {
-      className: cs({ wide: r }),
+      className: ls({ wide: o }),
       children: d
     }
   )
 ] }));
 V.displayName = "PublicHeader.NavDropdown";
-const O = h(({ href: e, title: r, subtitle: d, children: a }, i) => {
-  const n = N(g), o = /* @__PURE__ */ s(
+const O = h(({ href: e, title: o, subtitle: d, children: a }, i) => {
+  const n = N(g), r = /* @__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: r
+      children: o
     }
-  ), l = /* @__PURE__ */ t(_, { children: [
+  ), v = /* @__PURE__ */ t(R, { children: [
     /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-      o,
+      r,
       d ? /* @__PURE__ */ s("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: d }) : null
     ] }),
     /* @__PURE__ */ s(
@@ -497,9 +512,9 @@ const O = h(({ href: e, title: r, subtitle: d, children: a }, i) => {
       }
     )
   ] });
-  let u;
-  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,
+  let c;
+  return e ? n === "mobile" ? c = /* @__PURE__ */ s("a", { href: e, className: z, children: v }) : c = /* @__PURE__ */ s(p.Link, { asChild: !0, children: /* @__PURE__ */ s("a", { href: e, className: z, children: v }) }) : c = /* @__PURE__ */ t("div", { className: ms, children: [
+    r,
     d ? /* @__PURE__ */ s("span", { className: "ds:block type-body-sm ds:text-[var(--muted-foreground)] ds:mt-[var(--spacing-xs)]", children: d }) : null
   ] }), /* @__PURE__ */ t(
     "div",
@@ -508,34 +523,34 @@ const O = h(({ href: e, title: r, subtitle: d, children: a }, i) => {
       "data-component": "public-header-dropdown-card",
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
       children: [
-        u,
+        c,
         a ? /* @__PURE__ */ s("ul", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:list-none ds:m-0 ds:ps-0", children: a }) : null
       ]
     }
   );
 });
 O.displayName = "PublicHeader.DropdownCard";
-const S = h(({ active: e, className: r, children: d, ...a }, i) => {
-  const n = N(g), o = /* @__PURE__ */ s(
+const Y = h(({ active: e, className: o, children: d, ...a }, i) => {
+  const n = N(g), r = /* @__PURE__ */ s(
     "a",
     {
       ref: i,
       ...a,
       "data-active": e ? "true" : void 0,
       "aria-current": e ? "page" : void 0,
-      className: [ms, r].filter(Boolean).join(" "),
+      className: [ps, o].filter(Boolean).join(" "),
       children: d
     }
   );
-  return /* @__PURE__ */ s("li", { "data-component": "public-header-dropdown-link", children: n === "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" ? r : /* @__PURE__ */ s(p.Link, { asChild: !0, active: e, children: r }) });
 });
-S.displayName = "PublicHeader.DropdownLink";
-const Cs = Object.assign(E, {
+Y.displayName = "PublicHeader.DropdownLink";
+const js = Object.assign(E, {
   NavLink: T,
   NavDropdown: V,
   DropdownCard: O,
-  DropdownLink: S
-}), js = {
+  DropdownLink: Y
+}), Hs = {
   id: "public-header",
   capabilities: ["open", "close"],
   state: {
@@ -571,7 +586,7 @@ const Cs = Object.assign(E, {
   }
 };
 export {
-  Cs as P,
-  js as p
+  js as P,
+  Hs as p
 };
-//# sourceMappingURL=public-header.agent-DyVpPwmv.js.map
+//# sourceMappingURL=public-header.agent-CYQK6T6F.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.56.0",
+  "packageVersion": "0.58.0",
   "components": [
     {
       "kind": "component",

package/dist/components/public-header/index.js

@@ -1,4 +1,4 @@
-import { P as r, p } from "../../_chunks/public-header.agent-DyVpPwmv.js";
+import { P as r, p } from "../../_chunks/public-header.agent-CYQK6T6F.js";
 export {
   r as PublicHeader,
   p as publicHeaderAgent

package/dist/components/public-header/public-header.d.ts

@@ -24,6 +24,14 @@ export interface PublicHeaderProps extends Omit<ComponentPropsWithoutRef<'header
     menuLabel?: string;
     /** Override the navigation landmark label (`t('publicHeader.primaryNavLabel')`). */
     navLabel?: string;
+    /**
+     * Keep `actionsSlot` visible inline at every breakpoint instead of
+     * collapsing it into the mobile menu. When there is no `navSlot`, the
+     * mobile menu trigger is omitted entirely (nothing left to collapse) — use
+     * this for a header whose only action is a single always-relevant control,
+     * e.g. a public signer's "Sign out". Default `false`.
+     */
+    persistActions?: boolean;
     /** Consumer-supplied instance id, surfaced as `data-component-id`. */
     id?: string;
 }

package/dist/hooks/index.d.ts

@@ -19,4 +19,5 @@ export { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';
 export { useWebOtp, type UseWebOtpOptions } from './use-web-otp';
 export { useEdgeResize, type UseEdgeResizeOptions, type UseEdgeResizeReturn, type EdgeResizeSeparatorProps, } from './use-edge-resize';
 export { useSigningSession, type SigningField, type SigningFieldBase, type UseSigningSessionReturn, } from './use-signing-session';
+export { useCountdown, type UseCountdownOptions, type UseCountdownReturn, } from './use-countdown';
 //# sourceMappingURL=index.d.ts.map