@skiddph/prui 0.10.1 → 0.10.2

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-CAIorrrl.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-BudxZ4__.js";
 export {
   m as App,
   P as AppShell,

package/dist/chunks/{auth-shell-CAIorrrl.js → auth-shell-BudxZ4__.js}

@@ -1,18 +1,18 @@
-import { jsx as e, jsxs as f, Fragment as Me } from "react/jsx-runtime";
+import { jsx as e, jsxs as p, Fragment as Me } from "react/jsx-runtime";
 import * as l from "react";
 import { createPortal as ot } from "react-dom";
-import { Routes as ct, Route as ke, Navigate as ut, MemoryRouter as dt, BrowserRouter as mt, useLocation as Pe, useNavigate as Oe, Outlet as pt, Link as ft, NavLink as ht } from "react-router-dom";
+import { Routes as ct, Route as Se, Navigate as ut, MemoryRouter as dt, BrowserRouter as mt, useLocation as Pe, useNavigate as Oe, Outlet as pt, Link as ft, NavLink as ht } from "react-router-dom";
 import { ChevronsRight as bt, ChevronsLeft as vt, X as gt, Menu as xt, Search as yt, Palette as wt, ChevronDown as Nt, Pencil as kt, Trash2 as St, Plus as Tt, Clock as Ct } from "lucide-react";
 import { cn as C } from "../core/cn.js";
 import { Dropdown as Rt } from "../core/dropdown.js";
 import { Button as B } from "../core/button.js";
 import { useOverlay as De, Portal as Ae, useOverlayStack as Et, useEscapeKey as jt } from "../core/overlay.js";
-import { endIndex as Mt, homeIndex as Pt, moveIndex as Se } from "../core/list-nav.js";
-import { resolveThemeName as Ot, themeMode as Dt, readPersistedTheme as At, applyTheme as Te, listThemes as zt, clearAppliedTokens as $t } from "../theme.js";
+import { endIndex as Mt, homeIndex as Pt, moveIndex as Te } from "../core/list-nav.js";
+import { resolveThemeName as Ot, themeMode as Dt, readPersistedTheme as At, applyTheme as Ce, listThemes as zt, clearAppliedTokens as $t } from "../theme.js";
 import { usePruiI18n as J } from "../i18n.js";
 import { Modal as ze, confirmModal as Ft } from "../core/modal.js";
 import { b as It, D as Lt, a as Kt } from "./data-table-toolbar-B-5J2Ozl.js";
-import { Textarea as Bt, Input as ie } from "../core/input.js";
+import { Textarea as Bt, Input as oe } from "../core/input.js";
 import { Label as Ut } from "../core/label.js";
 import { Select as $e } from "../core/select.js";
 import { Switch as Fe } from "../core/switch.js";
@@ -31,9 +31,9 @@ const Vt = [
   { path: "/settings", name: "settings" },
   { path: "/admin-setup", name: "adminSetup" }
 ];
-function qt({ mode: t, config: a, children: n }) {
-  const r = t === "auth" || t === "auth+utility", o = t === "utility" || t === "auth+utility", m = [
-    ...r ? Vt : [],
+function qt({ mode: t, config: r, children: n }) {
+  const a = t === "auth" || t === "auth+utility", o = t === "utility" || t === "auth+utility", m = [
+    ...a ? Vt : [],
     ...o ? _t : []
   ], [d, T] = l.useState(null);
   return l.useEffect(() => {
@@ -43,32 +43,32 @@ function qt({ mode: t, config: a, children: n }) {
     }), () => {
       k = !0;
     };
-  }, []), d ? /* @__PURE__ */ f(ct, { children: [
+  }, []), d ? /* @__PURE__ */ p(ct, { children: [
     m.map(({ path: k, name: x }) => {
       const y = d[x];
-      return y ? /* @__PURE__ */ e(ke, { path: k, element: /* @__PURE__ */ e(y, { ...(a == null ? void 0 : a[x]) ?? {} }) }, k) : null;
+      return y ? /* @__PURE__ */ e(Se, { path: k, element: /* @__PURE__ */ e(y, { ...(r == null ? void 0 : r[x]) ?? {} }) }, k) : null;
     }),
     n,
-    r ? /* @__PURE__ */ e(ke, { path: "*", element: /* @__PURE__ */ e(ut, { to: "/login", replace: !0 }) }) : null
+    a ? /* @__PURE__ */ e(Se, { path: "*", element: /* @__PURE__ */ e(ut, { to: "/login", replace: !0 }) }) : null
   ] }) : /* @__PURE__ */ e("div", { className: "p-8 text-center text-sm text-[var(--prui-dim)]", children: "Loading…" });
 }
 const Ht = l.lazy(
   () => Promise.resolve().then(() => or).then((t) => ({ default: t.SessionTimeout }))
 );
 function Jt(t) {
-  const a = t !== !1, n = typeof t == "object" ? t : {}, r = n.persist !== !1, o = Ot(n.default ?? "control"), m = Dt(o), [d, T] = l.useState(() => (r ? At() : null) ?? { theme: o, mode: m }), k = l.useCallback(
+  const r = t !== !1, n = typeof t == "object" ? t : {}, a = n.persist !== !1, o = Ot(n.default ?? "control"), m = Dt(o), [d, T] = l.useState(() => (a ? At() : null) ?? { theme: o, mode: m }), k = l.useCallback(
     (x) => {
-      T(x), Te({ theme: x.theme, mode: x.mode, storageKey: r ? "prui:theme" : null });
+      T(x), Ce({ theme: x.theme, mode: x.mode, storageKey: a ? "prui:theme" : null });
     },
-    [r]
+    [a]
   );
   return l.useEffect(() => {
-    Te({ theme: d.theme, mode: d.mode, storageKey: r ? "prui:theme" : null });
-  }, [d, r]), { enabled: a, state: d, setTheme: k };
+    Ce({ theme: d.theme, mode: d.mode, storageKey: a ? "prui:theme" : null });
+  }, [d, a]), { enabled: r, state: d, setTheme: k };
 }
 function Yt({ config: t }) {
-  const { enabled: a, state: n, setTheme: r } = Jt(t), { t: o } = J();
-  return a ? /* @__PURE__ */ e(
+  const { enabled: r, state: n, setTheme: a } = Jt(t), { t: o } = J();
+  return r ? /* @__PURE__ */ e(
     Rt,
     {
       align: "end",
@@ -86,16 +86,16 @@ function Yt({ config: t }) {
       items: zt().map((m) => ({
         label: `${m}${m === n.theme ? " (active)" : ""}`,
         onSelect: () => {
-          $t(), r({ theme: m, mode: m === "daylight" ? "light" : "dark" });
+          $t(), a({ theme: m, mode: m === "daylight" ? "light" : "dark" });
         }
       }))
     }
   ) : null;
 }
-function se(t, a) {
-  return a === "/" ? t === "/" : t === a || t.startsWith(a + "/");
+function se(t, r) {
+  return r === "/" ? t === "/" : t === r || t.startsWith(r + "/");
 }
-function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
+function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
   var O;
   const { pathname: o } = Pe(), m = Oe(), d = (t.items ?? []).some(
     (v) => v.href ? se(o, v.href) : (v.items ?? []).some((i) => i.href && se(o, i.href))
@@ -112,7 +112,7 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
   if (jt(y, A, () => E()), l.useEffect(() => {
     var v;
     y && ((v = u.current) == null || v.focus());
-  }, [y]), r) {
+  }, [y]), a) {
     const v = [];
     for (const c of t.items ?? [])
       if ((O = c.items) != null && O.length) {
@@ -136,14 +136,14 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
       const h = (L = u.current) == null ? void 0 : L.querySelectorAll("[role='menuitem']");
       if (!h) return;
       (V = Array.from(h)[c]) == null || V.focus();
-    }, p = (c) => {
+    }, f = (c) => {
       const h = i.length;
       switch (c.key) {
         case "ArrowDown":
-          c.preventDefault(), N(Se(b, 1, h));
+          c.preventDefault(), N(Te(b, 1, h));
           break;
         case "ArrowUp":
-          c.preventDefault(), N(Se(b, -1, h));
+          c.preventDefault(), N(Te(b, -1, h));
           break;
         case "Home":
           c.preventDefault(), N(Pt(h));
@@ -156,7 +156,7 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
           break;
       }
     };
-    return /* @__PURE__ */ f("li", { "data-testid": "nav-group", children: [
+    return /* @__PURE__ */ p("li", { "data-testid": "nav-group", children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -178,9 +178,9 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
         }
       ),
       y && w ? ot(
-        /* @__PURE__ */ f(Me, { children: [
+        /* @__PURE__ */ p(Me, { children: [
           /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[var(--prui-z-flyout)]", onClick: () => E(), "data-testid": "rail-flyout-backdrop" }),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ p(
             "div",
             {
               ref: (c) => {
@@ -189,7 +189,7 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
               role: "menu",
               "aria-label": t.label,
               tabIndex: -1,
-              onKeyDown: p,
+              onKeyDown: f,
               "data-testid": "rail-flyout",
               className: "fixed z-[calc(var(--prui-z-flyout)+1)] flex w-56 max-h-80 flex-col overflow-y-auto rounded-[var(--prui-radius)] border border-[var(--prui-line)] bg-[var(--prui-surface)] py-1.5 shadow-[var(--prui-shadow-lg)] outline-none",
               style: { top: w.top, left: w.left },
@@ -208,7 +208,7 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
                         c.href && se(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(), a == null || a(), c.href && m(c.href);
+                        E(), r == null || r(), c.href && m(c.href);
                       },
                       children: c.label
                     },
@@ -223,8 +223,8 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
       ) : null
     ] });
   }
-  return /* @__PURE__ */ f("li", { "data-testid": "nav-group", children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ p("li", { "data-testid": "nav-group", children: [
+    /* @__PURE__ */ p(
       "button",
       {
         type: "button",
@@ -241,18 +241,18 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
         ]
       }
     ),
-    T ? /* @__PURE__ */ e("ul", { className: "ml-4 mt-0.5 flex flex-col gap-0.5 border-l border-[var(--prui-line)] pl-2", children: (t.items ?? []).map((v) => /* @__PURE__ */ e(Ve, { item: v, onNavigate: a, nested: !0, expandAllOn: n, collapsed: r }, v.href ?? v.label)) }) : null
+    T ? /* @__PURE__ */ e("ul", { className: "ml-4 mt-0.5 flex flex-col gap-0.5 border-l border-[var(--prui-line)] pl-2", children: (t.items ?? []).map((v) => /* @__PURE__ */ e(Ve, { item: v, onNavigate: r, nested: !0, expandAllOn: n, collapsed: a }, v.href ?? v.label)) }) : null
   ] });
 }
 function Xt({ label: t }) {
   return /* @__PURE__ */ e("li", { className: "px-2.5 pb-1 pt-3 text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--prui-dim)]", "data-testid": "nav-subgroup", children: t });
 }
-function Ve({ item: t, onNavigate: a, nested: n, expandAllOn: r, collapsed: o }) {
-  return t.items && t.items.length > 0 ? /* @__PURE__ */ e(Wt, { item: t, onNavigate: a, expandAllOn: r, collapsed: o }) : t.heading || !t.href && !t.items ? o ? null : /* @__PURE__ */ e(Xt, { label: t.label }) : t.href ? /* @__PURE__ */ e("li", { children: /* @__PURE__ */ f(
+function Ve({ item: t, onNavigate: r, nested: n, expandAllOn: a, collapsed: o }) {
+  return t.items && t.items.length > 0 ? /* @__PURE__ */ e(Wt, { item: t, onNavigate: r, expandAllOn: a, collapsed: o }) : t.heading || !t.href && !t.items ? o ? null : /* @__PURE__ */ e(Xt, { label: t.label }) : t.href ? /* @__PURE__ */ e("li", { children: /* @__PURE__ */ p(
     ht,
     {
       to: t.href,
-      onClick: a,
+      onClick: r,
       className: ({ isActive: m }) => C(
         "flex items-center gap-2 rounded-[var(--prui-radius)] px-2.5 py-1.5 text-sm",
         n && "pl-2.5",
@@ -265,36 +265,36 @@ function Ve({ item: t, onNavigate: a, nested: n, expandAllOn: r, collapsed: o })
     }
   ) }) : null;
 }
-function Ce({ nav: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
+function Re({ nav: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
   const { t: o } = J();
-  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((m) => /* @__PURE__ */ e(Ve, { item: m, onNavigate: a, expandAllOn: n, collapsed: r }, m.href ?? m.label)) }) });
+  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((m) => /* @__PURE__ */ e(Ve, { item: m, onNavigate: r, expandAllOn: n, collapsed: a }, m.href ?? m.label)) }) });
 }
-function Re({ brand: t }) {
+function ie({ brand: t }) {
   if (!t) return null;
-  const a = /* @__PURE__ */ f(Me, { children: [
+  const r = /* @__PURE__ */ p(Me, { children: [
     t.mark ? /* @__PURE__ */ e("img", { src: t.mark, alt: "", className: "h-6 w-6 rounded-[var(--prui-radius-1)] object-cover" }) : null,
     /* @__PURE__ */ e("span", { className: "prui-nav-label truncate font-semibold text-[var(--prui-fg)]", children: t.name })
   ] }), n = "flex items-center gap-2 px-1 py-1 min-w-0";
-  return t.href === null ? /* @__PURE__ */ e("div", { className: n, children: a }) : /* @__PURE__ */ e(ft, { to: t.href ?? "/", className: n, "aria-label": t.name, children: a });
+  return t.href === null ? /* @__PURE__ */ e("div", { className: n, children: r }) : /* @__PURE__ */ e(ft, { to: t.href ?? "/", className: n, "aria-label": t.name, children: r });
 }
 function Gt({
   open: t,
-  onOpenChange: a,
+  onOpenChange: r,
   entries: n,
-  placeholder: r,
+  placeholder: a,
   onNavigate: o
 }) {
-  const { t: m } = J(), [d, T] = l.useState(""), [k, x] = l.useState(0), y = l.useRef(null), M = r ?? m.commandPlaceholder, w = l.useMemo(() => {
+  const { t: m } = J(), [d, T] = l.useState(""), [k, x] = l.useState(0), y = l.useRef(null), M = a ?? m.commandPlaceholder, w = l.useMemo(() => {
     const u = d.trim().toLowerCase();
     return u ? n.filter((b) => b.label.toLowerCase().includes(u)) : n;
   }, [n, d]);
   l.useEffect(() => x(0), [d]);
   const { ref: P } = De({
     open: t,
-    onEscape: () => a(!1),
+    onEscape: () => r(!1),
     initialFocus: y
   }), g = (u) => {
-    a(!1), u.onSelect ? u.onSelect() : u.href && (o == null || o(u.href));
+    r(!1), u.onSelect ? u.onSelect() : u.href && (o == null || o(u.href));
   };
   return t ? /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e("div", { ref: P, children: /* @__PURE__ */ e(
     "div",
@@ -302,9 +302,9 @@ function Gt({
       className: "prui-dialog-overlay fixed inset-0 z-[var(--prui-z-overlay)] flex items-start justify-center pt-24",
       style: { backgroundColor: "var(--prui-scrim)" },
       onMouseDown: (u) => {
-        u.target === u.currentTarget && a(!1);
+        u.target === u.currentTarget && r(!1);
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ p(
         "div",
         {
           role: "dialog",
@@ -335,7 +335,7 @@ function Gt({
                 className: "w-full bg-transparent px-4 py-3 text-sm text-[var(--prui-fg)] placeholder:text-[var(--prui-dim)] outline-none border-b border-[var(--prui-line)] rounded-t-[var(--prui-radius)]"
               }
             ),
-            /* @__PURE__ */ e("ul", { id: "prui-palette-listbox", role: "listbox", "aria-label": "Commands", className: "max-h-64 overflow-auto p-1", children: w.length === 0 ? /* @__PURE__ */ e("li", { className: "px-3 py-2 text-sm text-[var(--prui-dim)]", role: "option", "aria-selected": "false", "aria-disabled": "true", children: m.commandNoMatches }) : w.map((u, b) => /* @__PURE__ */ f(
+            /* @__PURE__ */ e("ul", { id: "prui-palette-listbox", role: "listbox", "aria-label": "Commands", className: "max-h-64 overflow-auto p-1", children: w.length === 0 ? /* @__PURE__ */ e("li", { className: "px-3 py-2 text-sm text-[var(--prui-dim)]", role: "option", "aria-selected": "false", "aria-disabled": "true", children: m.commandNoMatches }) : w.map((u, b) => /* @__PURE__ */ p(
               "li",
               {
                 id: `palette-option-${b}`,
@@ -362,9 +362,9 @@ function Gt({
 }
 function Qt(t) {
   const {
-    brand: a,
+    brand: r,
     nav: n = [],
-    search: r = !0,
+    search: a = !0,
     theme: o = !0,
     auth: m = !1,
     sidebar: d = {},
@@ -376,7 +376,7 @@ function Qt(t) {
     sidebarHeader: w,
     sidebarFooter: P,
     children: g
-  } = t, { t: u } = J(), b = typeof r == "object" ? r : { enabled: r !== !1 }, R = b.enabled !== !1, E = b.hotkey ?? "/", $ = d.collapsible !== !1, [A, O] = l.useState(d.defaultOpen === !0), [v, i] = l.useState(!0), [S, N] = l.useState(!1), p = Pe(), c = Oe(), h = l.useMemo(
+  } = t, { t: u } = J(), b = typeof a == "object" ? a : { enabled: a !== !1 }, R = b.enabled !== !1, E = b.hotkey ?? "/", $ = d.collapsible !== !1, [A, O] = l.useState(d.defaultOpen === !0), [v, i] = l.useState(!0), [S, N] = l.useState(!1), f = Pe(), c = Oe(), h = l.useMemo(
     () => m === !1 ? null : m === !0 ? {} : m,
     [m]
   ), K = l.useCallback(() => {
@@ -398,16 +398,16 @@ function Qt(t) {
     };
     return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
   }, [E, R]);
-  const V = l.useRef(p.pathname);
+  const V = l.useRef(f.pathname);
   l.useEffect(() => {
-    V.current !== p.pathname && (V.current = p.pathname, O(!1));
-  }, [p.pathname]);
+    V.current !== f.pathname && (V.current = f.pathname, O(!1));
+  }, [f.pathname]);
   const Y = l.useRef(null), { ref: re } = De({
     open: A,
     onEscape: () => O(!1),
     initialFocus: Y
   }), ae = d.width ?? 240, z = !v && M !== "D";
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ p(
     "div",
     {
       className: "prui-app prui-shell min-h-dvh bg-[var(--prui-background)] text-[var(--prui-fg)]",
@@ -415,8 +415,8 @@ function Qt(t) {
       "data-collapsed": z ? "true" : void 0,
       style: { "--prui-shell-sidebar": z ? "var(--prui-rail-width, 64px)" : `${ae}px` },
       children: [
-        /* @__PURE__ */ f("aside", { "data-testid": "sidebar", className: "prui-shell-sidebar hidden md:flex md:flex-col md:min-h-0", children: [
-          /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto p-2 pt-4 scrollbar-thin", children: /* @__PURE__ */ e(Ce, { nav: n, expandAllOn: y, collapsed: z }) }),
+        /* @__PURE__ */ p("aside", { "data-testid": "sidebar", className: "prui-shell-sidebar hidden md:flex md:flex-col md:min-h-0", children: [
+          /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto p-2 pt-4 scrollbar-thin", children: /* @__PURE__ */ e(Re, { nav: n, expandAllOn: y, collapsed: z }) }),
           P ? /* @__PURE__ */ e(
             "div",
             {
@@ -438,7 +438,7 @@ function Qt(t) {
             }
           ) }) : null
         ] }),
-        A ? /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ f("div", { ref: re, className: "md:hidden fixed inset-0 z-[var(--prui-z-drawer)]", "data-testid": "mobile-drawer", children: [
+        A ? /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ p("div", { ref: re, className: "md:hidden fixed inset-0 z-[var(--prui-z-drawer)]", "data-testid": "mobile-drawer", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -448,7 +448,7 @@ function Qt(t) {
               "data-testid": "drawer-backdrop"
             }
           ),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ p(
             "aside",
             {
               className: "absolute left-0 top-0 h-full w-64 overflow-y-auto border-r border-[var(--prui-line)] bg-[var(--prui-surface)] p-2",
@@ -456,18 +456,21 @@ function Qt(t) {
               "aria-modal": "true",
               "aria-label": "Navigation",
               children: [
-                /* @__PURE__ */ e("div", { className: "mb-2 flex h-10 items-center justify-end px-1", children: /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    ref: Y,
-                    "aria-label": u.closeNavigation,
-                    onClick: () => O(!1),
-                    className: "rounded-[var(--prui-radius)] p-1 text-[var(--prui-dim)] hover:text-[var(--prui-fg)] cursor-pointer",
-                    children: /* @__PURE__ */ e(gt, { className: "h-4 w-4", "aria-hidden": !0 })
-                  }
-                ) }),
-                /* @__PURE__ */ e(Ce, { nav: n, onNavigate: () => O(!1), expandAllOn: y, collapsed: !1 })
+                /* @__PURE__ */ p("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(ie, { brand: r }) }) : null,
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      ref: Y,
+                      "aria-label": u.closeNavigation,
+                      onClick: () => O(!1),
+                      className: "rounded-[var(--prui-radius)] p-1 text-[var(--prui-dim)] hover:text-[var(--prui-fg)] cursor-pointer",
+                      children: /* @__PURE__ */ e(gt, { className: "h-4 w-4", "aria-hidden": !0 })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(Re, { nav: n, onNavigate: () => O(!1), expandAllOn: y, collapsed: !1 })
               ]
             }
           )
@@ -477,10 +480,10 @@ function Qt(t) {
           {
             "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(Re, { brand: a })
+            children: w ?? /* @__PURE__ */ e(ie, { brand: r })
           }
         ) : null,
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ p(
           "header",
           {
             "data-testid": "app-header",
@@ -498,8 +501,8 @@ function Qt(t) {
                   children: /* @__PURE__ */ e(xt, { className: "h-4 w-4", "aria-hidden": !0 })
                 }
               ) : null,
-              /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(Re, { brand: a }) }),
-              R ? /* @__PURE__ */ f(
+              /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(ie, { brand: r }) }),
+              R ? /* @__PURE__ */ p(
                 "button",
                 {
                   type: "button",
@@ -513,7 +516,7 @@ function Qt(t) {
                   ]
                 }
               ) : null,
-              /* @__PURE__ */ f("div", { className: "flex items-center gap-2 justify-self-end", children: [
+              /* @__PURE__ */ p("div", { className: "flex items-center gap-2 justify-self-end", children: [
                 T,
                 /* @__PURE__ */ e(Yt, { config: o })
               ] })
@@ -543,8 +546,8 @@ function Qt(t) {
   );
 }
 function Rr(t) {
-  const { router: a = "browser", initialEntries: n } = t;
-  return /* @__PURE__ */ e(a === "memory" ? dt : mt, { initialEntries: n, children: /* @__PURE__ */ e(Qt, { ...t }) });
+  const { router: r = "browser", initialEntries: n } = t;
+  return /* @__PURE__ */ e(r === "memory" ? dt : mt, { initialEntries: n, children: /* @__PURE__ */ e(Qt, { ...t }) });
 }
 const Er = {
   name: "App",
@@ -571,68 +574,68 @@ function Zt(t) {
 }
 function er(t) {
   if (t)
-    return t.map((a) => typeof a == "string" || typeof a == "number" ? { label: String(a), value: String(a) } : a);
+    return t.map((r) => typeof r == "string" || typeof r == "number" ? { label: String(r), value: String(r) } : r);
 }
-function Ee(t, a) {
+function Ee(t, r) {
   const n = {};
-  for (const r of t.fields)
-    a && r.name in a ? n[r.name] = a[r.name] : r.defaultValue !== void 0 ? n[r.name] = r.defaultValue : r.type === "boolean" ? n[r.name] = !1 : n[r.name] = "";
+  for (const a of t.fields)
+    r && a.name in r ? n[a.name] = r[a.name] : a.defaultValue !== void 0 ? n[a.name] = a.defaultValue : a.type === "boolean" ? n[a.name] = !1 : n[a.name] = "";
   return n;
 }
 function tr({
   schema: t,
-  initialValues: a,
+  initialValues: r,
   defaultValues: n,
-  onSubmit: r,
+  onSubmit: a,
   onCancel: o,
   cancelLabel: m,
   submitting: d = !1,
   error: T,
   className: k
 }) {
-  const { t: x } = J(), y = l.useMemo(() => Zt(t), [t]), M = a ?? n, [w, P] = l.useState(() => Ee(y, M)), [g, u] = l.useState({}), [b, R] = l.useState(null), [E, $] = l.useState(!1);
+  const { t: x } = J(), y = l.useMemo(() => Zt(t), [t]), M = r ?? n, [w, P] = l.useState(() => Ee(y, M)), [g, u] = l.useState({}), [b, R] = l.useState(null), [E, $] = l.useState(!1);
   l.useEffect(() => {
     P(Ee(y, M));
   }, [JSON.stringify(y), JSON.stringify(M ?? {})]);
   const A = (i, S) => {
     P((N) => ({ ...N, [i]: S })), u((N) => {
       if (!N[i]) return N;
-      const p = { ...N };
-      return delete p[i], p;
+      const f = { ...N };
+      return delete f[i], f;
     });
   }, O = async (i) => {
     var N;
     i.preventDefault();
     const S = {};
-    for (const p of y.fields) {
-      if (p.required) {
-        const h = w[p.name];
-        (h === "" || h == null || Array.isArray(h) && h.length === 0) && (S[p.name] = x.requiredField.replace("{label}", p.label));
+    for (const f of y.fields) {
+      if (f.required) {
+        const h = w[f.name];
+        (h === "" || h == null || Array.isArray(h) && h.length === 0) && (S[f.name] = x.requiredField.replace("{label}", f.label));
       }
-      const c = (N = p.validate) == null ? void 0 : N.call(p, w[p.name], w);
-      c && (S[p.name] = c);
+      const c = (N = f.validate) == null ? void 0 : N.call(f, w[f.name], w);
+      c && (S[f.name] = c);
     }
     if (u(S), !(Object.keys(S).length > 0)) {
       R(null);
       try {
-        const p = r == null ? void 0 : r({ ...w });
-        p && typeof p.then == "function" && ($(!0), await p);
-      } catch (p) {
-        R(p instanceof Error ? p.message : String(p));
+        const f = a == null ? void 0 : a({ ...w });
+        f && typeof f.then == "function" && ($(!0), await f);
+      } catch (f) {
+        R(f instanceof Error ? f.message : String(f));
       } finally {
         $(!1);
       }
     }
   }, v = d || E;
-  return /* @__PURE__ */ f("form", { onSubmit: O, className: C("prui-form flex flex-col gap-4", k), noValidate: !0, children: [
+  return /* @__PURE__ */ p("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 = {
         id: `prui-form-${i.name}`,
         "aria-invalid": S ? !0 : void 0,
         "aria-describedby": S ? `prui-form-${i.name}-error` : void 0
       };
-      return /* @__PURE__ */ f("div", { className: C("flex flex-col gap-1.5", i.colSpan === 2 && "md:col-span-2", i.className), children: [
-        /* @__PURE__ */ f(Ut, { htmlFor: N.id, children: [
+      return /* @__PURE__ */ p("div", { className: C("flex flex-col gap-1.5", i.colSpan === 2 && "md:col-span-2", i.className), children: [
+        /* @__PURE__ */ p(Ut, { htmlFor: N.id, children: [
           i.label,
           i.required ? /* @__PURE__ */ e("span", { className: "ml-0.5 text-[var(--prui-danger)]", children: "*" }) : null
         ] }),
@@ -643,7 +646,7 @@ function tr({
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => A(i.name, p.target.value)
+            onChange: (f) => A(i.name, f.target.value)
           }
         ) : i.type === "select" ? /* @__PURE__ */ e(
           $e,
@@ -653,17 +656,17 @@ function tr({
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => A(i.name, p)
+            onChange: (f) => A(i.name, f)
           }
         ) : i.type === "date" ? /* @__PURE__ */ e(
-          ie,
+          oe,
           {
             ...N,
             type: "date",
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => A(i.name, p.target.value)
+            onChange: (f) => A(i.name, f.target.value)
           }
         ) : i.type === "boolean" ? /* @__PURE__ */ e(
           Fe,
@@ -671,24 +674,24 @@ function tr({
             ...N,
             disabled: i.disabled || v,
             checked: !!w[i.name],
-            onChange: (p) => A(i.name, p)
+            onChange: (f) => A(i.name, f)
           }
         ) : /* @__PURE__ */ e(
-          ie,
+          oe,
           {
             ...N,
             type: i.type ?? "text",
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => A(i.name, i.type === "number" ? p.target.value === "" ? "" : Number(p.target.value) : p.target.value)
+            onChange: (f) => A(i.name, i.type === "number" ? f.target.value === "" ? "" : Number(f.target.value) : f.target.value)
           }
         ),
         S ? /* @__PURE__ */ e("p", { id: `prui-form-${i.name}-error`, role: "alert", className: "text-xs text-[var(--prui-danger)]", children: S }) : null
       ] }, i.name);
     }) }),
     T ?? b ? /* @__PURE__ */ e("p", { role: "alert", "data-testid": "form-error", className: "rounded-[var(--prui-radius)] border border-[var(--prui-danger)]/40 bg-[var(--prui-danger)]/10 px-3 py-2 text-sm text-[var(--prui-danger)]", children: T ?? b }) : null,
-    /* @__PURE__ */ f("div", { className: "flex items-center justify-end gap-2", children: [
+    /* @__PURE__ */ p("div", { className: "flex items-center justify-end gap-2", children: [
       o ? /* @__PURE__ */ e(B, { type: "button", variant: "ghost", onClick: o, disabled: v, children: m ?? x.cancel }) : null,
       /* @__PURE__ */ e(B, { type: "submit", variant: "primary", loading: v, children: y.submitLabel ?? "Submit" })
     ] })
@@ -707,28 +710,28 @@ const jr = {
 };
 function _e(t) {
   if (t)
-    return t.map((a) => typeof a == "string" || typeof a == "number" ? { label: String(a), value: String(a) } : a);
+    return t.map((r) => typeof r == "string" || typeof r == "number" ? { label: String(r), value: String(r) } : r);
 }
-function rr(t, a) {
-  return { fields: t.filter((r) => r.formField !== !1 && !r.hidden).filter((r) => r.key !== "id" && r.key !== "actions").map((r) => {
+function rr(t, r) {
+  return { fields: t.filter((a) => a.formField !== !1 && !a.hidden).filter((a) => a.key !== "id" && a.key !== "actions").map((a) => {
     var o;
     return {
-      name: r.key,
-      label: typeof r.label == "string" ? r.label : r.key,
-      type: ar(r, a),
-      options: (o = _e(r.filterOptions ?? r.options)) == null ? void 0 : o.map((m) => ({ label: m.label, value: m.value })),
+      name: a.key,
+      label: typeof a.label == "string" ? a.label : a.key,
+      type: ar(a, r),
+      options: (o = _e(a.filterOptions ?? a.options)) == null ? void 0 : o.map((m) => ({ label: m.label, value: m.value })),
       required: !1
     };
-  }), submitLabel: a ? "Save" : "Create" };
+  }), submitLabel: r ? "Save" : "Create" };
 }
-function ar(t, a) {
-  return t.filter === "select" ? "select" : typeof (a == null ? void 0 : a[t.key]) == "number" || t.filter === "number" || t.filter === "numberrange" || t.filter === "price" ? "number" : t.filter === "date" || t.filter === "daterange" ? "date" : "text";
+function ar(t, r) {
+  return t.filter === "select" ? "select" : typeof (r == null ? void 0 : r[t.key]) == "number" || t.filter === "number" || t.filter === "numberrange" || t.filter === "price" ? "number" : t.filter === "date" || t.filter === "daterange" ? "date" : "text";
 }
 function Mr({
   name: t,
-  columns: a,
+  columns: r,
   list: n,
-  create: r,
+  create: a,
   update: o,
   remove: m,
   delete: d,
@@ -751,9 +754,9 @@ function Mr({
   renderExpandedRow: i,
   virtualized: S,
   searchDebounce: N = 250,
-  className: p
+  className: f
 }) {
-  const { t: c } = J(), h = m ?? d, K = T ?? ["create", "edit", "delete"], L = (s) => K.includes(s) && (s === "create" ? !!r : s === "edit" ? !!o : !!h), V = l.useMemo(
+  const { t: c } = J(), h = m ?? d, K = T ?? ["create", "edit", "delete"], L = (s) => K.includes(s) && (s === "create" ? !!a : s === "edit" ? !!o : !!h), V = l.useMemo(
     () => ({
       page: 1,
       pageSize: w ?? (g == null ? void 0 : g.pageSize) ?? 20,
@@ -779,35 +782,35 @@ function Mr({
       });
     },
     [P, u]
-  ), { page: I, pageSize: j, search: F, filters: q, sort: ne, selection: qe, expandedRows: He } = ae, [Je, oe] = l.useState([]), [ce, ue] = l.useState(null), [Ye, de] = l.useState([null]), [We, me] = l.useState(!0), [pe, fe] = l.useState(null), [_, he] = l.useState(null), [Xe, W] = l.useState(!1), [be, ve] = l.useState(!1), [le, Ge] = l.useState(F);
+  ), { page: I, pageSize: j, search: F, filters: q, sort: ne, selection: qe, expandedRows: He } = ae, [Je, ce] = l.useState([]), [ue, de] = l.useState(null), [Ye, me] = l.useState([null]), [We, pe] = l.useState(!0), [fe, he] = l.useState(null), [_, be] = l.useState(null), [Xe, W] = l.useState(!1), [ve, ge] = l.useState(!1), [le, Ge] = l.useState(F);
   l.useEffect(() => {
     const s = setTimeout(() => Ge(F), N);
     return () => clearTimeout(s);
   }, [F, N]);
-  const ge = Ye[I - 1] ?? null, xe = JSON.stringify(q), Q = l.useCallback(async () => {
-    me(!0), fe(null);
+  const xe = Ye[I - 1] ?? null, ye = JSON.stringify(q), Q = l.useCallback(async () => {
+    pe(!0), he(null);
     try {
-      const s = await n({ search: le, cursor: ge, pageSize: j, sort: ne, filters: q });
-      oe(s.rows), ue(s.nextCursor ?? s.cursor ?? null);
+      const s = await n({ search: le, cursor: xe, pageSize: j, sort: ne, filters: q });
+      ce(s.rows), de(s.nextCursor ?? s.cursor ?? null);
     } catch (s) {
-      fe(s instanceof Error ? s.message : String(s)), oe([]), ue(null);
+      he(s instanceof Error ? s.message : String(s)), ce([]), de(null);
     } finally {
-      me(!1);
+      pe(!1);
     }
-  }, [le, ge, j, ne, xe, n]);
+  }, [le, xe, j, ne, ye, n]);
   l.useEffect(() => {
     Q();
   }, [Q]), l.useEffect(() => {
-    z({ page: 1 }), de([null]);
-  }, [le, j, xe]);
+    z({ page: 1 }), me([null]);
+  }, [le, j, ye]);
   const Qe = l.useMemo(
-    () => a.filter((s) => s.filter).map((s) => ({
+    () => r.filter((s) => s.filter).map((s) => ({
       key: s.key,
       label: typeof s.label == "string" ? s.label : s.key,
       type: s.filter === "numberrange" ? "number" : s.filter,
       options: _e(s.filterOptions ?? s.options)
     })),
-    [a]
+    [r]
   ), Ze = (s, D) => {
     const U = { ...q, [s]: D };
     z({ filters: U }), R == null || R(U);
@@ -817,8 +820,8 @@ function Mr({
     z({ sort: s }), E == null || E(s);
   }, rt = (s, D) => {
     if (D === "next") {
-      const U = ce;
-      de((X) => {
+      const U = ue;
+      me((X) => {
         const te = [...X];
         return te[s - 1] = U, te;
       });
@@ -826,18 +829,18 @@ function Mr({
     z({ page: s }), b == null || b(s);
   }, at = l.useMemo(
     () => [
-      ...a.filter((s) => !s.hidden),
+      ...r.filter((s) => !s.hidden),
       ...L("edit") || L("delete") ? [
         {
           key: "actions",
           label: "",
           align: "right",
-          render: (s) => /* @__PURE__ */ f("div", { className: "flex items-center justify-end gap-1", children: [
+          render: (s) => /* @__PURE__ */ p("div", { className: "flex items-center justify-end gap-1", children: [
             L("edit") ? /* @__PURE__ */ e(B, { variant: "ghost", size: "icon", "aria-label": "Edit", onClick: () => {
               var D;
               return (D = Z.current) == null ? void 0 : D.call(Z, s);
             }, "data-testid": "resource-edit", children: /* @__PURE__ */ e(kt, { className: "h-3.5 w-3.5", "aria-hidden": !0 }) }) : null,
-            L("delete") ? /* @__PURE__ */ e(B, { variant: "ghost", size: "icon", "aria-label": "Delete", disabled: be, onClick: () => {
+            L("delete") ? /* @__PURE__ */ e(B, { variant: "ghost", size: "icon", "aria-label": "Delete", disabled: ve, onClick: () => {
               var D;
               return void ((D = ee.current) == null ? void 0 : D.call(ee, s));
             }, "data-testid": "resource-delete", children: /* @__PURE__ */ e(St, { className: "h-3.5 w-3.5 text-[var(--prui-danger)]", "aria-hidden": !0 }) }) : null
@@ -846,12 +849,12 @@ function Mr({
       ] : []
     ],
     // eslint-disable-next-line react-hooks/exhaustive-deps -- can() depends only on the action functions
-    [a, r, o, h, be]
+    [r, a, o, h, ve]
   ), nt = () => {
-    he(null), W(!0);
-  }, ye = (s) => {
-    he(s), W(!0);
-  }, we = async (s) => {
+    be(null), W(!0);
+  }, we = (s) => {
+    be(s), W(!0);
+  }, Ne = async (s) => {
     if (!(!await Ft({
       title: `${c.delete} ${H}?`,
       message: c.deleteConfirmMessage,
@@ -859,24 +862,24 @@ function Mr({
       cancelText: c.cancel,
       type: "danger"
     }) || !h)) {
-      ve(!0);
+      ge(!0);
       try {
         await h(s), await Q();
       } finally {
-        ve(!1);
+        ge(!1);
       }
     }
-  }, Z = l.useRef(ye);
-  Z.current = ye;
-  const ee = l.useRef(we);
-  ee.current = we;
+  }, Z = l.useRef(we);
+  Z.current = we;
+  const ee = l.useRef(Ne);
+  ee.current = Ne;
   const lt = l.useCallback(
     (s, D) => String(y ? y(s, D) : s.id ?? D),
     [y]
-  ), Ne = x ?? rr(a, _), st = _ ? Object.fromEntries(
-    Ne.fields.map((s) => [s.name, _[s.name] ?? ""])
+  ), ke = x ?? rr(r, _), st = _ ? Object.fromEntries(
+    ke.fields.map((s) => [s.name, _[s.name] ?? ""])
   ) : void 0, H = t.replace(/s$/, "");
-  return /* @__PURE__ */ f("div", { className: C("prui-resource flex flex-col gap-2", p), "data-testid": "resource", children: [
+  return /* @__PURE__ */ p("div", { className: C("prui-resource flex flex-col gap-2", f), "data-testid": "resource", children: [
     /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("h1", { className: "text-xl font-semibold capitalize text-[var(--prui-fg)]", children: t }) }),
     /* @__PURE__ */ e(
       It,
@@ -887,13 +890,13 @@ function Mr({
         filters: Qe,
         filterValues: q,
         onFilterChange: Ze,
-        actions: L("create") ? /* @__PURE__ */ f(B, { variant: "primary", size: "sm", onClick: nt, "data-testid": "resource-create", children: [
+        actions: L("create") ? /* @__PURE__ */ p(B, { variant: "primary", size: "sm", onClick: nt, "data-testid": "resource-create", children: [
           /* @__PURE__ */ e(Tt, { className: "h-4 w-4", "aria-hidden": !0 }),
           c.newEntity.replace("{name}", H)
         ] }) : void 0
       }
     ),
-    pe ? /* @__PURE__ */ e("div", { role: "alert", "data-testid": "resource-error", className: "rounded-[var(--prui-radius)] border border-[var(--prui-danger)]/40 bg-[var(--prui-danger)]/10 px-3 py-2 text-sm text-[var(--prui-danger)]", children: pe }) : null,
+    fe ? /* @__PURE__ */ e("div", { role: "alert", "data-testid": "resource-error", className: "rounded-[var(--prui-radius)] border border-[var(--prui-danger)]/40 bg-[var(--prui-danger)]/10 px-3 py-2 text-sm text-[var(--prui-danger)]", children: fe }) : null,
     /* @__PURE__ */ e(
       Lt,
       {
@@ -919,7 +922,7 @@ function Mr({
       {
         page: I,
         pageSize: j,
-        hasNextPage: ce != null,
+        hasNextPage: ue != null,
         hasPreviousPage: I > 1,
         onPageChange: rt,
         onPageSizeChange: (s) => {
@@ -927,16 +930,16 @@ function Mr({
         }
       }
     ),
-    /* @__PURE__ */ f(ze, { open: Xe, onClose: () => W(!1), size: "sm", ariaLabel: _ ? c.editEntity.replace("{name}", H) : c.newEntity.replace("{name}", H), noPadding: !0, children: [
+    /* @__PURE__ */ p(ze, { open: Xe, onClose: () => W(!1), size: "sm", ariaLabel: _ ? c.editEntity.replace("{name}", H) : c.newEntity.replace("{name}", H), noPadding: !0, children: [
       /* @__PURE__ */ e("div", { className: "px-8 pt-8 pb-2", children: /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", style: { color: "var(--prui-fg)" }, children: _ ? c.editEntity.replace("{name}", H) : c.newEntity.replace("{name}", H) }) }),
       /* @__PURE__ */ e("div", { className: "px-8 pb-8", children: k ?? /* @__PURE__ */ e(
         tr,
         {
-          schema: Ne,
+          schema: ke,
           initialValues: st,
           onCancel: () => W(!1),
           onSubmit: async (s) => {
-            _ ? await (o == null ? void 0 : o(_, s)) : await (r == null ? void 0 : r(s)), W(!1), await Q();
+            _ ? await (o == null ? void 0 : o(_, s)) : await (a == null ? void 0 : a(s)), W(!1), await Q();
           }
         }
       ) })
@@ -972,12 +975,12 @@ const Pr = {
     { name: "searchDebounce", type: "number (ms)", default: "250", control: "number" }
   ]
 };
-function Or({ items: t, className: a }) {
-  return /* @__PURE__ */ e("div", { className: C("prui-stat-row grid gap-3 sm:grid-cols-2 lg:grid-cols-4", a), children: t.map((n, r) => {
+function Or({ items: t, className: r }) {
+  return /* @__PURE__ */ e("div", { className: C("prui-stat-row grid gap-3 sm:grid-cols-2 lg:grid-cols-4", r), children: t.map((n, a) => {
     const o = n.icon;
-    return /* @__PURE__ */ f(Ie, { "data-testid": "stat-card", children: [
-      /* @__PURE__ */ f(Le, { className: "pb-2", children: [
-        /* @__PURE__ */ f(Ke, { className: "flex items-center gap-1.5 text-xs", children: [
+    return /* @__PURE__ */ p(Ie, { "data-testid": "stat-card", children: [
+      /* @__PURE__ */ p(Le, { className: "pb-2", children: [
+        /* @__PURE__ */ p(Ke, { className: "flex items-center gap-1.5 text-xs", children: [
           o ? /* @__PURE__ */ e(o, { className: "h-3.5 w-3.5", "aria-hidden": !0 }) : null,
           n.label
         ] }),
@@ -995,7 +998,7 @@ function Or({ items: t, className: a }) {
           children: n.delta
         }
       ) }) : null
-    ] }, `${n.label}-${r}`);
+    ] }, `${n.label}-${a}`);
   }) });
 }
 const Dr = {
@@ -1007,17 +1010,17 @@ const Dr = {
 };
 function nr(t) {
   if (t)
-    return t.map((a) => typeof a == "string" || typeof a == "number" ? { label: String(a), value: String(a) } : a);
+    return t.map((r) => typeof r == "string" || typeof r == "number" ? { label: String(r), value: String(r) } : r);
 }
 function lr({ field: t }) {
-  const { name: a, type: n, value: r, onChange: o } = t;
-  if (!n || !a) return null;
-  const m = `prui-settings-${a}`;
+  const { name: r, type: n, value: a, onChange: o } = t;
+  if (!n || !r) return null;
+  const m = `prui-settings-${r}`;
   return n === "switch" ? /* @__PURE__ */ e("label", { className: "flex items-center gap-2", htmlFor: m, children: /* @__PURE__ */ e(
     Fe,
     {
       id: m,
-      checked: !!r,
+      checked: !!a,
       onChange: (d) => o == null ? void 0 : o(d),
       "aria-label": t.label
     }
@@ -1027,47 +1030,47 @@ function lr({ field: t }) {
       id: m,
       className: "w-56",
       options: nr(t.options) ?? [],
-      value: String(r ?? ""),
+      value: String(a ?? ""),
       onChange: (d) => o == null ? void 0 : o(Array.isArray(d) ? d.join(",") : d),
       "aria-label": t.label
     }
   ) : /* @__PURE__ */ e(
-    ie,
+    oe,
     {
       id: m,
       type: n === "number" ? "number" : "text",
       className: "h-8 w-56",
-      value: String(r ?? ""),
+      value: String(a ?? ""),
       onChange: (d) => o == null ? void 0 : o(n === "number" ? d.target.value === "" ? "" : Number(d.target.value) : d.target.value),
       "aria-label": t.label
     }
   );
 }
-function Ar({ title: t = "Settings", sections: a, className: n }) {
-  return /* @__PURE__ */ f("div", { className: C("prui-settings mx-auto flex w-full max-w-4xl flex-col gap-6", n), children: [
+function Ar({ title: t = "Settings", sections: r, className: n }) {
+  return /* @__PURE__ */ p("div", { className: C("prui-settings mx-auto flex w-full max-w-4xl flex-col gap-6", n), children: [
     /* @__PURE__ */ e("h1", { className: "text-xl font-semibold text-[var(--prui-fg)]", children: t }),
-    /* @__PURE__ */ f("div", { className: "flex flex-col gap-6 md:flex-row", children: [
-      /* @__PURE__ */ e("nav", { "aria-label": "Settings sections", className: "md:w-56 md:shrink-0", children: /* @__PURE__ */ e("ul", { className: "flex flex-row flex-wrap gap-1 md:flex-col", children: a.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ p("div", { className: "flex flex-col gap-6 md:flex-row", children: [
+      /* @__PURE__ */ e("nav", { "aria-label": "Settings sections", className: "md:w-56 md:shrink-0", children: /* @__PURE__ */ e("ul", { className: "flex flex-row flex-wrap gap-1 md:flex-col", children: r.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         "a",
         {
-          href: `#settings-${r.id}`,
+          href: `#settings-${a.id}`,
           className: "block rounded-[var(--prui-radius)] px-2.5 py-1.5 text-sm text-[var(--prui-dim)] hover:bg-[var(--prui-raise)] hover:text-[var(--prui-fg)]",
-          children: r.title ?? r.label ?? r.id
+          children: a.title ?? a.label ?? a.id
         }
-      ) }, r.id)) }) }),
-      /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: a.map((r) => /* @__PURE__ */ f(Ie, { id: `settings-${r.id}`, "data-testid": "settings-section", children: [
-        /* @__PURE__ */ f(Le, { children: [
-          /* @__PURE__ */ e(Be, { children: r.title ?? r.label ?? r.id }),
-          r.description ? /* @__PURE__ */ e(Ke, { children: r.description }) : null
+      ) }, a.id)) }) }),
+      /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: r.map((a) => /* @__PURE__ */ p(Ie, { id: `settings-${a.id}`, "data-testid": "settings-section", children: [
+        /* @__PURE__ */ p(Le, { children: [
+          /* @__PURE__ */ e(Be, { children: a.title ?? a.label ?? a.id }),
+          a.description ? /* @__PURE__ */ e(Ke, { children: a.description }) : null
         ] }),
-        /* @__PURE__ */ e(Ue, { children: r.content ?? /* @__PURE__ */ e("dl", { className: "flex flex-col divide-y divide-[var(--prui-line)]", children: (r.fields ?? []).map((o, m) => /* @__PURE__ */ f("div", { className: "flex flex-col gap-2 py-3 first:pt-0 last:pb-0 sm:flex-row sm:items-center sm:justify-between", children: [
-          /* @__PURE__ */ f("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ e(Ue, { children: a.content ?? /* @__PURE__ */ e("dl", { className: "flex flex-col divide-y divide-[var(--prui-line)]", children: (a.fields ?? []).map((o, m) => /* @__PURE__ */ p("div", { className: "flex flex-col gap-2 py-3 first:pt-0 last:pb-0 sm:flex-row sm:items-center sm:justify-between", children: [
+          /* @__PURE__ */ p("div", { className: "min-w-0", children: [
             /* @__PURE__ */ e("dt", { className: "text-sm font-medium text-[var(--prui-fg)]", children: o.label }),
             o.description ? /* @__PURE__ */ e("dd", { className: "text-xs text-[var(--prui-dim)]", children: o.description }) : null
           ] }),
           /* @__PURE__ */ e("div", { className: "shrink-0", children: o.control ?? /* @__PURE__ */ e(lr, { field: o }) })
         ] }, `${o.label}-${m}`)) }) })
-      ] }, r.id)) })
+      ] }, a.id)) })
     ] })
   ] });
 }
@@ -1080,13 +1083,13 @@ const zr = {
 }, je = ["mousedown", "keydown", "scroll", "touchstart", "click"];
 function sr({
   timeout: t = 15,
-  warningTime: a = 2,
+  warningTime: r = 2,
   onTimeout: n,
-  onExtend: r,
+  onExtend: a,
   title: o = "Session expiring soon",
   message: m = "Your session is about to expire due to inactivity."
 }) {
-  const d = Math.max(0, t) * 6e4, T = Math.min(Math.max(0, a) * 6e4, d), [k, x] = l.useState(!1), [y, M] = 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, M] = 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(() => {
@@ -1109,9 +1112,9 @@ function sr({
     };
   }, [E, b]);
   const $ = () => {
-    r == null || r(), E();
+    a == null || a(), E();
   }, A = Math.floor(y / 6e4), O = Math.floor(y % 6e4 / 1e3), v = `${A}:${String(O).padStart(2, "0")}`;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ p(
     ze,
     {
       open: k,
@@ -1119,13 +1122,13 @@ function sr({
       size: "sm",
       ariaLabel: o,
       children: [
-        /* @__PURE__ */ f("div", { className: "flex flex-col items-center gap-1 px-8 pb-2 pt-8 text-center", children: [
+        /* @__PURE__ */ p("div", { className: "flex flex-col items-center gap-1 px-8 pb-2 pt-8 text-center", children: [
           /* @__PURE__ */ e("div", { className: "mb-2 flex h-12 w-12 items-center justify-center rounded-full bg-[var(--prui-warn)]/15", children: /* @__PURE__ */ e(Ct, { className: "h-6 w-6 text-[var(--prui-warn)]", "aria-hidden": !0 }) }),
           /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-[var(--prui-fg)]", children: o }),
           /* @__PURE__ */ e("p", { className: "text-sm text-[var(--prui-dim)]", children: m }),
           /* @__PURE__ */ e("div", { className: "py-4 font-mono text-4xl font-bold text-[var(--prui-fg)]", "data-testid": "session-countdown", children: v })
         ] }),
-        /* @__PURE__ */ f("div", { className: "flex flex-col gap-2 px-8 pb-8 sm:flex-row", children: [
+        /* @__PURE__ */ p("div", { className: "flex flex-col gap-2 px-8 pb-8 sm:flex-row", children: [
           /* @__PURE__ */ e(B, { variant: "default", className: "flex-1", onClick: R, "data-testid": "session-logout", children: "Log out now" }),
           /* @__PURE__ */ e(B, { variant: "primary", className: "flex-1", onClick: $, "data-testid": "session-extend", children: "Continue session" })
         ] })
@@ -1146,16 +1149,16 @@ const ir = {
   SessionTimeout: sr,
   sessionTimeoutPropsMeta: ir
 }, Symbol.toStringTag, { value: "Module" }));
-function $r({ title: t, description: a, brand: n, width: r = "max-w-sm", footer: o, children: m, className: d }) {
-  return /* @__PURE__ */ e("div", { className: C("prui-auth-shell flex min-h-[100dvh] items-center justify-center bg-[var(--prui-background)] p-4", d), "data-testid": "auth-shell", children: /* @__PURE__ */ f("div", { className: C("w-full", r), children: [
-    n ? /* @__PURE__ */ f("div", { className: "mb-6 flex items-center justify-center gap-2", "data-testid": "auth-shell-brand", children: [
+function $r({ title: t, description: r, brand: n, width: a = "max-w-sm", footer: o, children: m, className: d }) {
+  return /* @__PURE__ */ e("div", { className: C("prui-auth-shell flex min-h-[100dvh] items-center justify-center bg-[var(--prui-background)] p-4", d), "data-testid": "auth-shell", children: /* @__PURE__ */ p("div", { className: C("w-full", a), children: [
+    n ? /* @__PURE__ */ p("div", { className: "mb-6 flex items-center justify-center gap-2", "data-testid": "auth-shell-brand", children: [
       n.mark ? /* @__PURE__ */ e("img", { src: n.mark, alt: "", className: "h-8 w-8 rounded-[var(--prui-radius-1)] object-cover" }) : null,
       /* @__PURE__ */ e("span", { className: "text-lg font-semibold text-[var(--prui-fg)]", children: n.name })
     ] }) : null,
-    /* @__PURE__ */ f("div", { className: "rounded-[var(--prui-radius)] border border-[var(--prui-line)] bg-[var(--prui-surface)] p-6", children: [
-      /* @__PURE__ */ f("div", { className: "mb-4 flex flex-col gap-1 text-center", children: [
+    /* @__PURE__ */ p("div", { className: "rounded-[var(--prui-radius)] border border-[var(--prui-line)] bg-[var(--prui-surface)] p-6", children: [
+      /* @__PURE__ */ p("div", { className: "mb-4 flex flex-col gap-1 text-center", children: [
         /* @__PURE__ */ e("h1", { className: "text-lg font-semibold text-[var(--prui-fg)]", children: t }),
-        a ? /* @__PURE__ */ e("p", { className: "text-sm text-[var(--prui-dim)]", children: a }) : null
+        r ? /* @__PURE__ */ e("p", { className: "text-sm text-[var(--prui-dim)]", children: r }) : null
       ] }),
       m,
       o ? /* @__PURE__ */ e("div", { className: "mt-4 text-center text-sm text-[var(--prui-dim)]", children: o }) : null
@@ -1183,7 +1186,7 @@ export {
   $r as b,
   qt as c,
   Ar as d,
-  Ce as e,
+  Re as e,
   Or as f,
   Er as g,
   Fr as h,

package/dist/index.js

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

package/package.json

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