@skiddph/prui 0.13.2 → 0.13.3

package/dist/app.js

@@ -1,5 +1,5 @@
 import { Link as e, NavLink as t, Navigate as o, Outlet as r, Route as p, Routes as u } from "react-router-dom";
-import { A as m, a as P, b as S, c as l, C as h, F as n, R as M, S as R, d as g, e as A, f, g as c, h as d, i as k, r as v, s as N, j as T, k as b, u as w } from "./chunks/auth-shell-BTJFESX5.js";
+import { A as m, a as P, b as S, c as l, C as h, F as n, R as M, S as R, d as g, e as A, f, g as c, h as d, i as k, r as v, s as N, j as T, k as b, u as w } from "./chunks/auth-shell-Cjq47nnz.js";
 export {
   m as App,
   P as AppShell,

package/dist/chunks/{auth-shell-BTJFESX5.js → auth-shell-Cjq47nnz.js}

@@ -92,24 +92,24 @@ function Yt({ config: t }) {
     }
   ) : null;
 }
-function ie(t, r) {
+function oe(t, r) {
   return r === "/" ? t === "/" : t === r || t.startsWith(r + "/");
 }
 function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
   var O;
   const { pathname: o } = Oe(), p = De(), d = (t.items ?? []).some(
-    (v) => v.href ? ie(o, v.href) : (v.items ?? []).some((i) => i.href && ie(o, i.href))
+    (v) => v.href ? oe(o, v.href) : (v.items ?? []).some((i) => i.href && oe(o, i.href))
   ), [T, k] = l.useState(d || n !== void 0 && o === n);
   l.useEffect(() => {
     d && k(!0);
   }, [d]);
-  const x = t.icon, [y, j] = l.useState(!1), [w, P] = l.useState(null), g = l.useRef(null), u = l.useRef(null), [b, R] = l.useState(-1), E = l.useCallback(() => {
+  const x = t.icon, [y, R] = l.useState(!1), [w, P] = l.useState(null), g = l.useRef(null), u = l.useRef(null), [b, E] = l.useState(-1), M = l.useCallback(() => {
     var i, S;
-    j(!1), R(-1);
+    R(!1), E(-1);
     const v = document.activeElement;
     v && ((i = u.current) != null && i.contains(v)) && ((S = g.current) == null || S.focus());
   }, []), { setElement: z, isTop: A } = Mt(y);
-  if (jt(y, A, () => E()), l.useEffect(() => {
+  if (jt(y, A, () => M()), l.useEffect(() => {
     var v;
     y && ((v = u.current) == null || v.focus());
   }, [y]), a) {
@@ -129,10 +129,10 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
           top: Math.max(8, Math.min(c.top, window.innerHeight - B - 8))
         });
       }
-      j((B) => !B);
+      R((B) => !B);
     }, N = (c) => {
       var K, _;
-      R(c);
+      E(c);
       const h = (K = u.current) == null ? void 0 : K.querySelectorAll("[role='menuitem']");
       if (!h) return;
       (_ = Array.from(h)[c]) == null || _.focus();
@@ -152,7 +152,7 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
           c.preventDefault(), N(Pt(h));
           break;
         case "Tab":
-          E();
+          M();
           break;
       }
     };
@@ -179,7 +179,7 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
       ),
       y && w ? ot(
         /* @__PURE__ */ m(Pe, { children: [
-          /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[var(--prui-z-flyout)]", onClick: () => E(), "data-testid": "rail-flyout-backdrop" }),
+          /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[var(--prui-z-flyout)]", onClick: () => M(), "data-testid": "rail-flyout-backdrop" }),
           /* @__PURE__ */ m(
             "div",
             {
@@ -205,10 +205,10 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
                       "data-testid": "rail-flyout-item",
                       className: C(
                         "flex cursor-pointer items-center rounded-[calc(var(--prui-radius)-1px)] px-3 py-1.5 text-left text-sm",
-                        c.href && ie(o, c.href) ? "bg-[var(--prui-brand)]/15 text-[var(--prui-brand)]" : "text-[var(--prui-fg)] hover:bg-[var(--prui-raise)] focus-visible:bg-[var(--prui-raise)] outline-none"
+                        c.href && oe(o, c.href) ? "bg-[var(--prui-brand)]/15 text-[var(--prui-brand)]" : "text-[var(--prui-fg)] hover:bg-[var(--prui-raise)] focus-visible:bg-[var(--prui-raise)] outline-none"
                       ),
                       onClick: () => {
-                        E(), r == null || r(), c.href && p(c.href);
+                        M(), r == null || r(), c.href && p(c.href);
                       },
                       children: c.label
                     },
@@ -269,7 +269,7 @@ function Ee({ nav: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
   const { t: o } = X();
   return /* @__PURE__ */ e("nav", { "aria-label": o.mainNavigation, className: "prui-app-nav", children: /* @__PURE__ */ e("ul", { className: "flex flex-col gap-0.5", children: t.map((p) => /* @__PURE__ */ e(_e, { item: p, onNavigate: r, expandAllOn: n, collapsed: a }, p.href ?? p.label)) }) });
 }
-function oe({ brand: t }) {
+function ae({ brand: t }) {
   if (!t) return null;
   const r = /* @__PURE__ */ m(Pe, { children: [
     t.mark ? /* @__PURE__ */ e("img", { src: t.mark, alt: "", className: "h-6 w-6 rounded-[var(--prui-radius-1)] object-cover" }) : null,
@@ -284,7 +284,7 @@ function Qt({
   placeholder: a,
   onNavigate: o
 }) {
-  const { t: p } = X(), [d, T] = l.useState(""), [k, x] = l.useState(0), y = l.useRef(null), j = a ?? p.commandPlaceholder, w = l.useMemo(() => {
+  const { t: p } = X(), [d, T] = l.useState(""), [k, x] = l.useState(0), y = l.useRef(null), R = a ?? p.commandPlaceholder, w = l.useMemo(() => {
     const u = d.trim().toLowerCase();
     return u ? n.filter((b) => b.label.toLowerCase().includes(u)) : n;
   }, [n, d]);
@@ -323,7 +323,7 @@ function Qt({
                 "aria-controls": "prui-palette-listbox",
                 "aria-label": "Command palette search",
                 "aria-activedescendant": w[k] ? `palette-option-${k}` : void 0,
-                placeholder: j,
+                placeholder: R,
                 value: d,
                 onChange: (u) => T(u.target.value),
                 onKeyDown: (u) => {
@@ -372,46 +372,46 @@ function Zt(t) {
     pages: k,
     pagesConfig: x,
     expandAllOn: y,
-    layoutType: j = "A",
+    layoutType: R = "A",
     sidebarHeader: w,
     sidebarFooter: P,
     children: g
-  } = t, { t: u } = X(), b = typeof a == "object" ? a : { enabled: a !== !1 }, R = b.enabled !== !1, E = b.hotkey ?? "/", z = d.collapsible !== !1, [A, O] = l.useState(d.defaultOpen === !0), [v, i] = l.useState(!0), [S, N] = l.useState(!1), f = Oe(), c = De(), h = l.useMemo(
+  } = t, { t: u } = X(), b = typeof a == "object" ? a : { enabled: a !== !1 }, E = b.enabled !== !1, M = b.hotkey ?? "/", z = d.collapsible !== !1, [A, O] = l.useState(d.defaultOpen === !0), [v, i] = l.useState(!0), [S, N] = l.useState(!1), f = Oe(), c = De(), h = l.useMemo(
     () => p === !1 ? null : p === !0 ? {} : p,
     [p]
   ), B = l.useCallback(() => {
     h != null && h.onTimeout ? h.onTimeout() : c((h == null ? void 0 : h.loginPath) ?? "/login");
   }, [h, c]), K = l.useMemo(() => {
     const $ = [];
-    for (const M of n)
-      if (M.items)
-        for (const F of M.items)
-          F.href && $.push({ label: `${M.label} / ${F.label}`, href: F.href, group: M.label });
-      else M.href && $.push({ label: M.label, href: M.href });
+    for (const j of n)
+      if (j.items)
+        for (const F of j.items)
+          F.href && $.push({ label: `${j.label} / ${F.label}`, href: F.href, group: j.label });
+      else j.href && $.push({ label: j.label, href: j.href });
     return $;
   }, [n]);
   l.useEffect(() => {
-    if (!R) return;
-    const $ = (M) => {
-      const F = M.target, le = F && (F.tagName === "INPUT" || F.tagName === "TEXTAREA" || F.isContentEditable);
-      M.key === E && !le && !M.metaKey && !M.ctrlKey && !M.altKey && (M.preventDefault(), N(!0));
+    if (!E) return;
+    const $ = (j) => {
+      const F = j.target, se = F && (F.tagName === "INPUT" || F.tagName === "TEXTAREA" || F.isContentEditable);
+      j.key === M && !se && !j.metaKey && !j.ctrlKey && !j.altKey && (j.preventDefault(), N(!0));
     };
     return document.addEventListener("keydown", $), () => document.removeEventListener("keydown", $);
-  }, [E, R]);
+  }, [M, E]);
   const _ = l.useRef(f.pathname);
   l.useEffect(() => {
     _.current !== f.pathname && (_.current = f.pathname, O(!1));
   }, [f.pathname]);
-  const J = l.useRef(null), { ref: ae } = Ae({
+  const J = l.useRef(null), { ref: ne } = Ae({
     open: A,
     onEscape: () => O(!1),
     initialFocus: J
-  }), { mounted: ne, shown: I } = Et(A), Y = d.width ?? 240, L = !v && j !== "D";
+  }), { mounted: le, shown: I } = Et(A), Y = d.width ?? 240, L = !v && R !== "D";
   return /* @__PURE__ */ m(
     "div",
     {
       className: "prui-app prui-shell min-h-dvh bg-[var(--prui-background)] text-[var(--prui-fg)]",
-      "data-layout": j,
+      "data-layout": R,
       "data-collapsed": L ? "true" : void 0,
       style: { "--prui-shell-sidebar": L ? "var(--prui-rail-width, 64px)" : `${Y}px` },
       children: [
@@ -426,7 +426,7 @@ function Zt(t) {
             }
           ) : null
         ] }),
-        ne ? /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ m("div", { ref: ae, className: "md:hidden fixed inset-0 z-[var(--prui-z-drawer)]", "data-testid": "mobile-drawer", children: [
+        le ? /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ m("div", { ref: ne, className: "md:hidden fixed inset-0 z-[var(--prui-z-drawer)]", "data-testid": "mobile-drawer", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -453,7 +453,7 @@ function Zt(t) {
               "aria-label": "Navigation",
               children: [
                 /* @__PURE__ */ m("div", { className: C("mb-2 flex h-10 items-center gap-2 px-1", r ? "justify-between" : "justify-end"), children: [
-                  r ? /* @__PURE__ */ e("div", { className: "min-w-0", onClick: () => O(!1), children: /* @__PURE__ */ e(oe, { brand: r }) }) : null,
+                  r ? /* @__PURE__ */ e("div", { className: "min-w-0", onClick: () => O(!1), children: /* @__PURE__ */ e(ae, { brand: r }) }) : null,
                   /* @__PURE__ */ e(
                     "button",
                     {
@@ -471,12 +471,12 @@ function Zt(t) {
             }
           )
         ] }) }) : null,
-        j === "C" ? /* @__PURE__ */ e(
+        R === "C" ? /* @__PURE__ */ e(
           "div",
           {
             "data-testid": "sidebar-header",
             className: "prui-shell-sidehead hidden h-14 items-center gap-2 border-b border-[var(--prui-line)] bg-[var(--prui-surface)] px-4 md:flex",
-            children: w ?? /* @__PURE__ */ e(oe, { brand: r })
+            children: w ?? /* @__PURE__ */ e(ae, { brand: r })
           }
         ) : null,
         /* @__PURE__ */ m(
@@ -498,7 +498,7 @@ function Zt(t) {
                 }
               ) : null,
               /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-1 justify-self-start", children: [
-                j !== "D" ? /* @__PURE__ */ e(
+                R !== "D" ? /* @__PURE__ */ e(
                   U,
                   {
                     variant: "ghost",
@@ -510,9 +510,13 @@ function Zt(t) {
                     children: L ? /* @__PURE__ */ e(gt, { className: "h-4 w-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(xt, { className: "h-4 w-4", "aria-hidden": !0 })
                   }
                 ) : null,
-                /* @__PURE__ */ e(oe, { brand: r })
+                R === "C" ? (
+                  /* C owns the brand in its sidebar header row on desktop; the
+                     sidehead is hidden below md, so the topbar carries it there */
+                  /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(ae, { brand: r }) })
+                ) : /* @__PURE__ */ e(ae, { brand: r })
               ] }),
-              R ? /* @__PURE__ */ m(
+              E ? /* @__PURE__ */ m(
                 "button",
                 {
                   type: "button",
@@ -522,7 +526,7 @@ function Zt(t) {
                   children: [
                     /* @__PURE__ */ e(yt, { className: "h-4 w-4", "aria-hidden": !0 }),
                     /* @__PURE__ */ e("span", { className: "flex-1 text-left", children: b.placeholder ?? `${u.search}...` }),
-                    /* @__PURE__ */ e("kbd", { className: "ml-auto rounded-[var(--prui-radius-1)] border border-[var(--prui-line)] bg-[var(--prui-raise)] px-1.5 py-0.5 text-xs", children: E })
+                    /* @__PURE__ */ e("kbd", { className: "ml-auto rounded-[var(--prui-radius-1)] border border-[var(--prui-line)] bg-[var(--prui-raise)] px-1.5 py-0.5 text-xs", children: M })
                   ]
                 }
               ) : null,
@@ -550,7 +554,7 @@ function Zt(t) {
             onTimeout: B
           }
         ) }) : null,
-        R ? /* @__PURE__ */ e(Qt, { open: S, onOpenChange: N, entries: K, placeholder: b.placeholder, onNavigate: c }) : null
+        E ? /* @__PURE__ */ e(Qt, { open: S, onOpenChange: N, entries: K, placeholder: b.placeholder, onNavigate: c }) : null
       ]
     }
   );
@@ -603,10 +607,10 @@ function rr({
   error: T,
   className: k
 }) {
-  const { t: x } = X(), y = l.useMemo(() => er(t), [t]), j = r ?? n, [w, P] = l.useState(() => Me(y, j)), [g, u] = l.useState({}), [b, R] = l.useState(null), [E, z] = l.useState(!1);
+  const { t: x } = X(), y = l.useMemo(() => er(t), [t]), R = r ?? n, [w, P] = l.useState(() => Me(y, R)), [g, u] = l.useState({}), [b, E] = l.useState(null), [M, z] = l.useState(!1);
   l.useEffect(() => {
-    P(Me(y, j));
-  }, [JSON.stringify(y), JSON.stringify(j ?? {})]);
+    P(Me(y, R));
+  }, [JSON.stringify(y), JSON.stringify(R ?? {})]);
   const A = (i, S) => {
     P((N) => ({ ...N, [i]: S })), u((N) => {
       if (!N[i]) return N;
@@ -626,17 +630,17 @@ function rr({
       c && (S[f.name] = c);
     }
     if (u(S), !(Object.keys(S).length > 0)) {
-      R(null);
+      E(null);
       try {
         const f = a == null ? void 0 : a({ ...w });
         f && typeof f.then == "function" && (z(!0), await f);
       } catch (f) {
-        R(f instanceof Error ? f.message : String(f));
+        E(f instanceof Error ? f.message : String(f));
       } finally {
         z(!1);
       }
     }
-  }, v = d || E;
+  }, v = d || M;
   return /* @__PURE__ */ m("form", { onSubmit: O, className: C("prui-form flex flex-col gap-4", k), noValidate: !0, children: [
     /* @__PURE__ */ e("div", { className: C("grid gap-4", y.columns === 2 && "md:grid-cols-2"), children: y.fields.map((i) => {
       const S = g[i.name], N = {
@@ -749,14 +753,14 @@ function Pr({
   form: k,
   formSchema: x,
   rowKey: y,
-  searchPlaceholder: j,
+  searchPlaceholder: R,
   pageSize: w,
   state: P,
   defaultState: g,
   onStateChange: u,
   onPageChange: b,
-  onFilterChange: R,
-  onSortChange: E,
+  onFilterChange: E,
+  onSortChange: M,
   onSearchChange: z,
   onPageSizeChange: A,
   onSelectionChange: O,
@@ -778,12 +782,12 @@ function Pr({
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- defaults are read once
     []
-  ), [J, ae] = l.useState(_), ne = l.useMemo(
+  ), [J, ne] = l.useState(_), le = l.useMemo(
     () => ({ ...J, ...Object.fromEntries(Object.entries(P ?? {}).filter(([, s]) => s !== void 0)) }),
     [J, P]
   ), I = l.useCallback(
     (s) => {
-      ae((D) => {
+      ne((D) => {
         const V = { ...D }, G = P;
         for (const [Q, it] of Object.entries(s))
           G && Q in G && G[Q] !== void 0 || (V[Q] = it);
@@ -792,27 +796,27 @@ function Pr({
       });
     },
     [P, u]
-  ), { page: Y, pageSize: L, search: $, filters: M, sort: F, selection: le, expandedRows: He } = ne, [Xe, ue] = l.useState([]), [de, me] = l.useState(null), [Je, pe] = l.useState([null]), [Ye, fe] = l.useState(!0), [he, be] = l.useState(null), [q, ve] = l.useState(null), [We, W] = l.useState(!1), [ge, xe] = l.useState(!1), [se, Ge] = l.useState($);
+  ), { page: Y, pageSize: L, search: $, filters: j, sort: F, selection: se, expandedRows: He } = le, [Xe, ue] = l.useState([]), [de, me] = l.useState(null), [Je, pe] = l.useState([null]), [Ye, fe] = l.useState(!0), [he, be] = l.useState(null), [q, ve] = l.useState(null), [We, W] = l.useState(!1), [ge, xe] = l.useState(!1), [ie, Ge] = l.useState($);
   l.useEffect(() => {
     const s = setTimeout(() => Ge($), N);
     return () => clearTimeout(s);
   }, [$, N]);
-  const ye = Je[Y - 1] ?? null, we = JSON.stringify(M), Z = l.useCallback(async () => {
+  const ye = Je[Y - 1] ?? null, we = JSON.stringify(j), Z = l.useCallback(async () => {
     fe(!0), be(null);
     try {
-      const s = await n({ search: se, cursor: ye, pageSize: L, sort: F, filters: M });
+      const s = await n({ search: ie, cursor: ye, pageSize: L, sort: F, filters: j });
       ue(s.rows), me(s.nextCursor ?? s.cursor ?? null);
     } catch (s) {
       be(s instanceof Error ? s.message : String(s)), ue([]), me(null);
     } finally {
       fe(!1);
     }
-  }, [se, ye, L, F, we, n]);
+  }, [ie, ye, L, F, we, n]);
   l.useEffect(() => {
     Z();
   }, [Z]), l.useEffect(() => {
     I({ page: 1 }), pe([null]);
-  }, [se, L, we]);
+  }, [ie, L, we]);
   const Qe = l.useMemo(
     () => r.filter((s) => s.filter).map((s) => ({
       key: s.key,
@@ -822,12 +826,12 @@ function Pr({
     })),
     [r]
   ), Ze = (s, D) => {
-    const V = { ...M, [s]: D };
-    I({ filters: V }), R == null || R(V);
+    const V = { ...j, [s]: D };
+    I({ filters: V }), E == null || E(V);
   }, et = (s) => {
     I({ search: s }), z == null || z(s);
   }, tt = (s) => {
-    I({ sort: s }), E == null || E(s);
+    I({ sort: s }), M == null || M(s);
   }, rt = (s, D) => {
     if (D === "next") {
       const V = de;
@@ -894,11 +898,11 @@ function Pr({
     /* @__PURE__ */ e(
       Lt,
       {
-        searchPlaceholder: j ?? c.searchEntity.replace("{name}", t),
+        searchPlaceholder: R ?? c.searchEntity.replace("{name}", t),
         searchValue: $,
         onSearchChange: et,
         filters: Qe,
-        filterValues: M,
+        filterValues: j,
         onFilterChange: Ze,
         actions: K("create") ? /* @__PURE__ */ m(U, { variant: "primary", size: "sm", onClick: nt, "data-testid": "resource-create", children: [
           /* @__PURE__ */ e(Tt, { className: "h-4 w-4", "aria-hidden": !0 }),
@@ -917,7 +921,7 @@ function Pr({
         onSortChange: tt,
         loading: Ye,
         selectable: v,
-        selectedRowKeys: le,
+        selectedRowKeys: se,
         onSelectionChange: (s, D) => {
           I({ selection: s }), O == null || O(s, D);
         },
@@ -1099,30 +1103,30 @@ function ir({
   title: o = "Session expiring soon",
   message: p = "Your session is about to expire due to inactivity."
 }) {
-  const d = Math.max(0, t) * 6e4, T = Math.min(Math.max(0, r) * 6e4, d), [k, x] = l.useState(!1), [y, j] = l.useState(T), w = l.useRef(null), P = l.useRef(null), g = l.useRef(null), u = l.useRef(!1), b = l.useCallback(() => {
+  const d = Math.max(0, t) * 6e4, T = Math.min(Math.max(0, r) * 6e4, d), [k, x] = l.useState(!1), [y, R] = l.useState(T), w = l.useRef(null), P = l.useRef(null), g = l.useRef(null), u = l.useRef(!1), b = l.useCallback(() => {
     for (const i of [w, P, g])
       i.current != null && (clearInterval(i.current), clearTimeout(i.current), i.current = null);
-  }, []), R = l.useCallback(() => {
+  }, []), E = l.useCallback(() => {
     b(), x(!1), n == null || n();
-  }, [b, n]), E = l.useCallback(() => {
+  }, [b, n]), M = l.useCallback(() => {
     b(), x(!1), u.current = !1, w.current = window.setTimeout(() => {
-      u.current = !0, j(T), x(!0), g.current = window.setInterval(() => {
-        j((i) => i <= 1e3 ? (R(), 0) : i - 1e3);
+      u.current = !0, R(T), x(!0), g.current = window.setInterval(() => {
+        R((i) => i <= 1e3 ? (E(), 0) : i - 1e3);
       }, 1e3);
-    }, d - T), P.current = window.setTimeout(R, d);
-  }, [b, R, d, T]);
+    }, d - T), P.current = window.setTimeout(E, d);
+  }, [b, E, d, T]);
   l.useEffect(() => {
     const i = () => {
-      u.current || E();
+      u.current || M();
     };
     for (const S of je) document.addEventListener(S, i, { passive: !0 });
-    return E(), () => {
+    return M(), () => {
       b();
       for (const S of je) document.removeEventListener(S, i);
     };
-  }, [E, b]);
+  }, [M, b]);
   const z = () => {
-    a == null || a(), E();
+    a == null || a(), M();
   }, A = Math.floor(y / 6e4), O = Math.floor(y % 6e4 / 1e3), v = `${A}:${String(O).padStart(2, "0")}`;
   return /* @__PURE__ */ m(
     $e,
@@ -1139,7 +1143,7 @@ function ir({
           /* @__PURE__ */ e("div", { className: "py-4 font-mono text-4xl font-bold text-[var(--prui-fg)]", "data-testid": "session-countdown", children: v })
         ] }),
         /* @__PURE__ */ m("div", { className: "flex flex-col gap-2 px-8 pb-8 sm:flex-row", children: [
-          /* @__PURE__ */ e(U, { variant: "default", className: "flex-1", onClick: R, "data-testid": "session-logout", children: "Log out now" }),
+          /* @__PURE__ */ e(U, { variant: "default", className: "flex-1", onClick: E, "data-testid": "session-logout", children: "Log out now" }),
           /* @__PURE__ */ e(U, { variant: "primary", className: "flex-1", onClick: z, "data-testid": "session-extend", children: "Continue session" })
         ] })
       ]

package/dist/index.js

@@ -36,7 +36,7 @@ import { TimePanel as Zo, TimePicker as $o, TimeRangePicker as er, timePickerPro
 import { FileUpload as tr, fileUploadPropsMeta as sr } from "./core/file-upload.js";
 import { D as ir, a as Pr, b as mr, c as lr, d as nr, F as dr, N as Mr, P as gr, T as ur, e as cr, f as fr, g as xr } from "./chunks/data-table-toolbar-B-5J2Ozl.js";
 import { Link as Sr, NavLink as br, Navigate as hr, Outlet as Dr, Route as Fr, Routes as Rr } from "react-router-dom";
-import { A as yr, a as Ar, b as Ir, c as vr, C as Cr, F as wr, R as Br, S as Nr, d as Er, e as Or, f as Lr, g as Kr, h as Ur, i as Gr, r as _r, s as Hr, j as Vr, k as jr, u as qr } from "./chunks/auth-shell-BTJFESX5.js";
+import { A as yr, a as Ar, b as Ir, c as vr, C as Cr, F as wr, R as Br, S as Nr, d as Er, e as Or, f as Lr, g as Kr, h as Ur, i as Gr, r as _r, s as Hr, j as Vr, k as jr, u as qr } from "./chunks/auth-shell-Cjq47nnz.js";
 import { AdminSetup as Jr, EmptyState as Qr, ErrorPage as Wr, ForgotPasswordPage as Xr, LoginPage as Yr, LogoutPage as Zr, NotFoundPage as $r, OtpPage as ea, PagesRegistry as oa, ProfilePage as ra, RegisterPage as aa, ResetPasswordPage as ta, SettingsPage as sa, adminSetupPropsMeta as pa, emptyStatePropsMeta as ia, errorPagePropsMeta as Pa, forgotPasswordPagePropsMeta as ma, loginPagePropsMeta as la, logoutPagePropsMeta as na, notFoundPagePropsMeta as da, otpPagePropsMeta as Ma, profilePagePropsMeta as ga, registerPagePropsMeta as ua, resetPasswordPagePropsMeta as ca, settingsPagePropsMeta as fa } from "./pages.js";
 import { PRUI_BREAKPOINTS as Ta, PRUI_DESIGN_TOKENS as Sa, PRUI_THEMES as ba, PRUI_TOKENS as ha, applyTheme as Da, applyThemeTokens as Fa, clearAppliedTokens as Ra, defineTheme as ka, isDarkTheme as ya, isLightTheme as Aa, listThemes as Ia, nextTheme as va, readPersistedTheme as Ca, resolveThemeName as wa, restoreAppliedTokens as Ba, themeMeta as Na, themeMode as Ea, useBreakpointAtLeast as Oa } from "./theme.js";
 import { PruiProvider as Ka, defaultDictionary as Ua, getPruiDictionary as Ga, resetPruiDictionary as _a, setPruiDictionary as Ha, usePruiI18n as Va } from "./i18n.js";

package/dist/prui.css

@@ -229,6 +229,9 @@ body.modal-open { overflow: hidden; }
   font-weight: 600;
 }
 .prui-shell[data-collapsed="true"] .prui-shell-sidehead { justify-content: center; padding-inline: 0; }
+/* the sidehead is a sibling of the sidebar, not inside it: its brand label
+   needs the same collapse treatment (mark centers, name hides) */
+.prui-shell[data-collapsed="true"] .prui-shell-sidehead .prui-nav-label { display: none; }
 .prui-nav-mono { display: none; }
 
 @media (max-width: 47.99rem) {

package/dist/theme/base.css

@@ -214,6 +214,9 @@ body.modal-open { overflow: hidden; }
   font-weight: 600;
 }
 .prui-shell[data-collapsed="true"] .prui-shell-sidehead { justify-content: center; padding-inline: 0; }
+/* the sidehead is a sibling of the sidebar, not inside it: its brand label
+   needs the same collapse treatment (mark centers, name hides) */
+.prui-shell[data-collapsed="true"] .prui-shell-sidehead .prui-nav-label { display: none; }
 .prui-nav-mono { display: none; }
 
 @media (max-width: 47.99rem) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skiddph/prui",
-  "version": "0.13.2",
+  "version": "0.13.3",
   "description": "PRUI component system: primitives, app-layer super-components, pages, and themes",
   "type": "module",
   "license": "Apache-2.0",