@skiddph/prui 0.10.0 → 0.10.1

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

package/dist/chunks/{auth-shell-a-3J0_PB.js → auth-shell-CAIorrrl.js}

@@ -1,22 +1,22 @@
-import { jsx as e, jsxs as f, Fragment as Oe } from "react/jsx-runtime";
+import { jsx as e, jsxs as f, Fragment as Me } from "react/jsx-runtime";
 import * as l from "react";
-import { createPortal as ut } from "react-dom";
-import { Routes as dt, Route as ke, Navigate as mt, MemoryRouter as pt, BrowserRouter as ft, useLocation as De, useNavigate as Ae, Outlet as ht, Link as bt, NavLink as vt } from "react-router-dom";
-import { ChevronsRight as Se, ChevronsLeft as Te, 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 { 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 { 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 K } from "../core/button.js";
-import { useOverlay as ze, Portal as $e, useOverlayStack as Et, useEscapeKey as jt } from "../core/overlay.js";
-import { endIndex as Mt, homeIndex as Pt, moveIndex as Ce } from "../core/list-nav.js";
-import { resolveThemeName as Ot, themeMode as Dt, readPersistedTheme as At, applyTheme as Re, listThemes as zt, clearAppliedTokens as $t } from "../theme.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 { usePruiI18n as J } from "../i18n.js";
-import { Modal as Fe, confirmModal as Ft } from "../core/modal.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 { Label as Ut } from "../core/label.js";
-import { Select as Ie } from "../core/select.js";
-import { Switch as Le } from "../core/switch.js";
-import { Card as Ke, CardHeader as Be, CardDescription as Ue, CardTitle as Ve, CardContent as _e } from "../core/card.js";
+import { Select as $e } from "../core/select.js";
+import { Switch as Fe } from "../core/switch.js";
+import { Card as Ie, CardHeader as Le, CardDescription as Ke, CardTitle as Be, CardContent as Ue } from "../core/card.js";
 const Vt = [
   { path: "/login", name: "login" },
   { path: "/register", name: "register" },
@@ -43,13 +43,13 @@ function qt({ mode: t, config: a, children: n }) {
     }), () => {
       k = !0;
     };
-  }, []), d ? /* @__PURE__ */ f(dt, { children: [
+  }, []), d ? /* @__PURE__ */ f(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;
     }),
     n,
-    r ? /* @__PURE__ */ e(ke, { path: "*", element: /* @__PURE__ */ e(mt, { to: "/login", replace: !0 }) }) : null
+    r ? /* @__PURE__ */ e(ke, { 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(
@@ -58,12 +58,12 @@ const Ht = l.lazy(
 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(
     (x) => {
-      T(x), Re({ theme: x.theme, mode: x.mode, storageKey: r ? "prui:theme" : null });
+      T(x), Te({ theme: x.theme, mode: x.mode, storageKey: r ? "prui:theme" : null });
     },
     [r]
   );
   return l.useEffect(() => {
-    Re({ theme: d.theme, mode: d.mode, storageKey: r ? "prui:theme" : null });
+    Te({ theme: d.theme, mode: d.mode, storageKey: r ? "prui:theme" : null });
   }, [d, r]), { enabled: a, state: d, setTheme: k };
 }
 function Yt({ config: t }) {
@@ -97,19 +97,19 @@ function se(t, a) {
 }
 function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
   var O;
-  const { pathname: o } = De(), m = Ae(), d = (t.items ?? []).some(
+  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))
   ), [T, k] = l.useState(d || n !== void 0 && o === n);
   l.useEffect(() => {
     d && k(!0);
   }, [d]);
-  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), j = l.useCallback(() => {
+  const x = t.icon, [y, M] = l.useState(!1), [w, P] = l.useState(null), g = l.useRef(null), u = l.useRef(null), [b, R] = l.useState(-1), E = l.useCallback(() => {
     var i, S;
-    R(!1), E(-1);
+    M(!1), R(-1);
     const v = document.activeElement;
     v && ((i = u.current) != null && i.contains(v)) && ((S = g.current) == null || S.focus());
-  }, []), { setElement: $, isTop: z } = Et(y);
-  if (jt(y, z, () => j()), l.useEffect(() => {
+  }, []), { setElement: $, isTop: A } = Et(y);
+  if (jt(y, A, () => E()), l.useEffect(() => {
     var v;
     y && ((v = u.current) == null || v.focus());
   }, [y]), r) {
@@ -123,16 +123,16 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
       var h;
       const c = (h = g.current) == null ? void 0 : h.getBoundingClientRect();
       if (c) {
-        const B = Math.min(v.length * 32 + 40, 320);
+        const K = Math.min(v.length * 32 + 40, 320);
         P({
           left: c.right + 8,
-          top: Math.max(8, Math.min(c.top, window.innerHeight - B - 8))
+          top: Math.max(8, Math.min(c.top, window.innerHeight - K - 8))
         });
       }
-      R((B) => !B);
+      M((K) => !K);
     }, N = (c) => {
       var L, V;
-      E(c);
+      R(c);
       const h = (L = u.current) == null ? void 0 : L.querySelectorAll("[role='menuitem']");
       if (!h) return;
       (V = Array.from(h)[c]) == null || V.focus();
@@ -140,10 +140,10 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
       const h = i.length;
       switch (c.key) {
         case "ArrowDown":
-          c.preventDefault(), N(Ce(b, 1, h));
+          c.preventDefault(), N(Se(b, 1, h));
           break;
         case "ArrowUp":
-          c.preventDefault(), N(Ce(b, -1, h));
+          c.preventDefault(), N(Se(b, -1, h));
           break;
         case "Home":
           c.preventDefault(), N(Pt(h));
@@ -152,7 +152,7 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
           c.preventDefault(), N(Mt(h));
           break;
         case "Tab":
-          j();
+          E();
           break;
       }
     };
@@ -177,9 +177,9 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
           children: x ? /* @__PURE__ */ e(x, { className: "h-4 w-4 shrink-0", "aria-hidden": !0 }) : /* @__PURE__ */ e("span", { className: "prui-nav-mono text-[10px] font-semibold", children: t.label.slice(0, 2).toUpperCase() })
         }
       ),
-      y && w ? ut(
-        /* @__PURE__ */ f(Oe, { children: [
-          /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[var(--prui-z-flyout)]", onClick: () => j(), "data-testid": "rail-flyout-backdrop" }),
+      y && w ? ot(
+        /* @__PURE__ */ f(Me, { children: [
+          /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[var(--prui-z-flyout)]", onClick: () => E(), "data-testid": "rail-flyout-backdrop" }),
           /* @__PURE__ */ f(
             "div",
             {
@@ -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: () => {
-                        j(), a == null || a(), c.href && m(c.href);
+                        E(), a == null || a(), c.href && m(c.href);
                       },
                       children: c.label
                     },
@@ -241,15 +241,15 @@ 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(qe, { 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: a, nested: !0, expandAllOn: n, collapsed: r }, 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 qe({ item: t, onNavigate: a, nested: n, expandAllOn: r, collapsed: o }) {
+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(
-    vt,
+    ht,
     {
       to: t.href,
       onClick: a,
@@ -265,17 +265,17 @@ function qe({ item: t, onNavigate: a, nested: n, expandAllOn: r, collapsed: o })
     }
   ) }) : null;
 }
-function Ee({ nav: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
+function Ce({ nav: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
   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(qe, { 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: a, expandAllOn: n, collapsed: r }, m.href ?? m.label)) }) });
 }
-function je({ brand: t }) {
+function Re({ brand: t }) {
   if (!t) return null;
-  const a = /* @__PURE__ */ f(Oe, { children: [
+  const a = /* @__PURE__ */ f(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(bt, { to: t.href ?? "/", className: n, "aria-label": t.name, children: a });
+  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 });
 }
 function Gt({
   open: t,
@@ -284,19 +284,19 @@ function Gt({
   placeholder: r,
   onNavigate: o
 }) {
-  const { t: m } = J(), [d, T] = l.useState(""), [k, x] = l.useState(0), y = l.useRef(null), R = r ?? m.commandPlaceholder, w = l.useMemo(() => {
+  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 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 } = ze({
+  const { ref: P } = De({
     open: t,
     onEscape: () => a(!1),
     initialFocus: y
   }), g = (u) => {
     a(!1), u.onSelect ? u.onSelect() : u.href && (o == null || o(u.href));
   };
-  return t ? /* @__PURE__ */ e($e, { children: /* @__PURE__ */ e("div", { ref: P, children: /* @__PURE__ */ e(
+  return t ? /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e("div", { ref: P, children: /* @__PURE__ */ e(
     "div",
     {
       className: "prui-dialog-overlay fixed inset-0 z-[var(--prui-z-overlay)] flex items-start justify-center pt-24",
@@ -323,7 +323,7 @@ function Gt({
                 "aria-controls": "prui-palette-listbox",
                 "aria-label": "Command palette search",
                 "aria-activedescendant": w[k] ? `palette-option-${k}` : void 0,
-                placeholder: R,
+                placeholder: M,
                 value: d,
                 onChange: (u) => T(u.target.value),
                 onKeyDown: (u) => {
@@ -372,73 +372,73 @@ function Qt(t) {
     pages: k,
     pagesConfig: x,
     expandAllOn: y,
-    layoutType: R = "A",
+    layoutType: M = "A",
     sidebarHeader: w,
     sidebarFooter: P,
     children: g
-  } = t, { t: u } = J(), b = typeof r == "object" ? r : { enabled: r !== !1 }, E = b.enabled !== !1, j = b.hotkey ?? "/", $ = d.collapsible !== !1, [z, O] = l.useState(d.defaultOpen === !0), [v, i] = l.useState(!0), [S, N] = l.useState(!1), p = De(), c = Ae(), h = l.useMemo(
+  } = 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(
     () => m === !1 ? null : m === !0 ? {} : m,
     [m]
-  ), B = l.useCallback(() => {
+  ), K = l.useCallback(() => {
     h != null && h.onTimeout ? h.onTimeout() : c((h == null ? void 0 : h.loginPath) ?? "/login");
   }, [h, c]), L = l.useMemo(() => {
-    const F = [];
-    for (const M of n)
-      if (M.items)
-        for (const I of M.items)
-          I.href && F.push({ label: `${M.label} / ${I.label}`, href: I.href, group: M.label });
-      else M.href && F.push({ label: M.label, href: M.href });
-    return F;
+    const I = [];
+    for (const j of n)
+      if (j.items)
+        for (const F of j.items)
+          F.href && I.push({ label: `${j.label} / ${F.label}`, href: F.href, group: j.label });
+      else j.href && I.push({ label: j.label, href: j.href });
+    return I;
   }, [n]);
   l.useEffect(() => {
-    if (!E) return;
-    const F = (M) => {
-      const I = M.target, q = I && (I.tagName === "INPUT" || I.tagName === "TEXTAREA" || I.isContentEditable);
-      M.key === j && !q && !M.metaKey && !M.ctrlKey && !M.altKey && (M.preventDefault(), N(!0));
+    if (!R) return;
+    const I = (j) => {
+      const F = j.target, q = F && (F.tagName === "INPUT" || F.tagName === "TEXTAREA" || F.isContentEditable);
+      j.key === E && !q && !j.metaKey && !j.ctrlKey && !j.altKey && (j.preventDefault(), N(!0));
     };
-    return document.addEventListener("keydown", F), () => document.removeEventListener("keydown", F);
-  }, [j, E]);
+    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
+  }, [E, R]);
   const V = l.useRef(p.pathname);
   l.useEffect(() => {
     V.current !== p.pathname && (V.current = p.pathname, O(!1));
   }, [p.pathname]);
-  const Y = l.useRef(null), { ref: re } = ze({
-    open: z,
+  const Y = l.useRef(null), { ref: re } = De({
+    open: A,
     onEscape: () => O(!1),
     initialFocus: Y
-  }), ae = d.width ?? 240, D = !v && R !== "D";
+  }), ae = d.width ?? 240, z = !v && M !== "D";
   return /* @__PURE__ */ f(
     "div",
     {
       className: "prui-app prui-shell min-h-dvh bg-[var(--prui-background)] text-[var(--prui-fg)]",
-      "data-layout": R,
-      "data-collapsed": D ? "true" : void 0,
-      style: { "--prui-shell-sidebar": D ? "var(--prui-rail-width, 64px)" : `${ae}px` },
+      "data-layout": M,
+      "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(Ee, { nav: n, expandAllOn: y, collapsed: D }) }),
+          /* @__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 }) }),
           P ? /* @__PURE__ */ e(
             "div",
             {
-              className: C("border-t border-[var(--prui-line)] p-2", D && "flex justify-center px-1"),
+              className: C("border-t border-[var(--prui-line)] p-2", z && "flex justify-center px-1"),
               "data-testid": "sidebar-footer",
               children: P
             }
           ) : null,
-          R !== "D" ? /* @__PURE__ */ e("div", { className: "border-t border-[var(--prui-line)] p-2", children: /* @__PURE__ */ e(
-            K,
+          M !== "D" ? /* @__PURE__ */ e("div", { className: "border-t border-[var(--prui-line)] p-2", children: /* @__PURE__ */ e(
+            B,
             {
               variant: "ghost",
               size: "sm",
               className: "w-full justify-center",
-              "aria-label": D ? u.expandSidebar : u.collapseSidebar,
+              "aria-label": z ? u.expandSidebar : u.collapseSidebar,
               "data-testid": "sidebar-toggle",
-              onClick: () => i((F) => !F),
-              children: D ? /* @__PURE__ */ e(Se, { className: "h-4 w-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(Te, { className: "h-4 w-4", "aria-hidden": !0 })
+              onClick: () => i((I) => !I),
+              children: z ? /* @__PURE__ */ e(bt, { className: "h-4 w-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(vt, { className: "h-4 w-4", "aria-hidden": !0 })
             }
           ) }) : null
         ] }),
-        z ? /* @__PURE__ */ e($e, { 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__ */ f("div", { ref: re, className: "md:hidden fixed inset-0 z-[var(--prui-z-drawer)]", "data-testid": "mobile-drawer", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -467,17 +467,17 @@ function Qt(t) {
                     children: /* @__PURE__ */ e(gt, { className: "h-4 w-4", "aria-hidden": !0 })
                   }
                 ) }),
-                /* @__PURE__ */ e(Ee, { nav: n, onNavigate: () => O(!1), expandAllOn: y, collapsed: !1 })
+                /* @__PURE__ */ e(Ce, { nav: n, onNavigate: () => O(!1), expandAllOn: y, collapsed: !1 })
               ]
             }
           )
         ] }) }) : null,
-        R === "C" ? /* @__PURE__ */ e(
+        M === "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(je, { brand: a })
+            children: w ?? /* @__PURE__ */ e(Re, { brand: a })
           }
         ) : null,
         /* @__PURE__ */ f(
@@ -487,7 +487,7 @@ function Qt(t) {
             className: "prui-shell-header sticky top-0 z-[var(--prui-z-header)] grid h-14 grid-cols-[1fr_auto_1fr] items-center gap-4 border-b border-[var(--prui-line)] bg-[var(--prui-surface)] px-4 md:px-6",
             children: [
               $ ? /* @__PURE__ */ e(
-                K,
+                B,
                 {
                   variant: "ghost",
                   size: "icon",
@@ -498,20 +498,8 @@ function Qt(t) {
                   children: /* @__PURE__ */ e(xt, { className: "h-4 w-4", "aria-hidden": !0 })
                 }
               ) : null,
-              $ && R !== "D" ? /* @__PURE__ */ e(
-                K,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  "aria-label": D ? u.expandSidebar : u.collapseSidebar,
-                  className: "md:hidden",
-                  onClick: () => i((F) => !F),
-                  "data-testid": "rail-toggle-mobile",
-                  children: D ? /* @__PURE__ */ e(Se, { className: "h-4 w-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(Te, { className: "h-4 w-4", "aria-hidden": !0 })
-                }
-              ) : null,
-              /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(je, { brand: a }) }),
-              E ? /* @__PURE__ */ f(
+              /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(Re, { brand: a }) }),
+              R ? /* @__PURE__ */ f(
                 "button",
                 {
                   type: "button",
@@ -521,7 +509,7 @@ function Qt(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: j })
+                    /* @__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 })
                   ]
                 }
               ) : null,
@@ -538,7 +526,7 @@ function Qt(t) {
             "data-testid": "app-content",
             tabIndex: 0,
             className: "prui-shell-content min-h-0 flex-1 p-4 outline-none md:p-6",
-            children: k ? /* @__PURE__ */ e(qt, { mode: k, config: x, children: g }) : g ?? /* @__PURE__ */ e(ht, {})
+            children: k ? /* @__PURE__ */ e(qt, { mode: k, config: x, children: g }) : g ?? /* @__PURE__ */ e(pt, {})
           }
         ),
         h ? /* @__PURE__ */ e(l.Suspense, { fallback: null, children: /* @__PURE__ */ e(
@@ -546,17 +534,17 @@ function Qt(t) {
           {
             timeout: h.sessionTimeout,
             warningTime: h.warningTime,
-            onTimeout: B
+            onTimeout: K
           }
         ) }) : null,
-        E ? /* @__PURE__ */ e(Gt, { open: S, onOpenChange: N, entries: L, placeholder: b.placeholder, onNavigate: c }) : null
+        R ? /* @__PURE__ */ e(Gt, { open: S, onOpenChange: N, entries: L, placeholder: b.placeholder, onNavigate: c }) : null
       ]
     }
   );
 }
 function Rr(t) {
   const { router: a = "browser", initialEntries: n } = t;
-  return /* @__PURE__ */ e(a === "memory" ? pt : ft, { initialEntries: n, children: /* @__PURE__ */ e(Qt, { ...t }) });
+  return /* @__PURE__ */ e(a === "memory" ? dt : mt, { initialEntries: n, children: /* @__PURE__ */ e(Qt, { ...t }) });
 }
 const Er = {
   name: "App",
@@ -585,7 +573,7 @@ function er(t) {
   if (t)
     return t.map((a) => typeof a == "string" || typeof a == "number" ? { label: String(a), value: String(a) } : a);
 }
-function Me(t, a) {
+function Ee(t, a) {
   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] = "";
@@ -602,11 +590,11 @@ function tr({
   error: T,
   className: k
 }) {
-  const { t: x } = J(), y = l.useMemo(() => Zt(t), [t]), R = a ?? n, [w, P] = l.useState(() => Me(y, R)), [g, u] = l.useState({}), [b, E] = l.useState(null), [j, $] = l.useState(!1);
+  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);
   l.useEffect(() => {
-    P(Me(y, R));
-  }, [JSON.stringify(y), JSON.stringify(R ?? {})]);
-  const z = (i, S) => {
+    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 };
@@ -625,17 +613,17 @@ function tr({
       c && (S[p.name] = c);
     }
     if (u(S), !(Object.keys(S).length > 0)) {
-      E(null);
+      R(null);
       try {
         const p = r == null ? void 0 : r({ ...w });
         p && typeof p.then == "function" && ($(!0), await p);
       } catch (p) {
-        E(p instanceof Error ? p.message : String(p));
+        R(p instanceof Error ? p.message : String(p));
       } finally {
         $(!1);
       }
     }
-  }, v = d || j;
+  }, v = d || E;
   return /* @__PURE__ */ f("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 = {
@@ -655,17 +643,17 @@ function tr({
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => z(i.name, p.target.value)
+            onChange: (p) => A(i.name, p.target.value)
           }
         ) : i.type === "select" ? /* @__PURE__ */ e(
-          Ie,
+          $e,
           {
             ...N,
             options: er(i.options),
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => z(i.name, p)
+            onChange: (p) => A(i.name, p)
           }
         ) : i.type === "date" ? /* @__PURE__ */ e(
           ie,
@@ -675,15 +663,15 @@ function tr({
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => z(i.name, p.target.value)
+            onChange: (p) => A(i.name, p.target.value)
           }
         ) : i.type === "boolean" ? /* @__PURE__ */ e(
-          Le,
+          Fe,
           {
             ...N,
             disabled: i.disabled || v,
             checked: !!w[i.name],
-            onChange: (p) => z(i.name, p)
+            onChange: (p) => A(i.name, p)
           }
         ) : /* @__PURE__ */ e(
           ie,
@@ -693,7 +681,7 @@ function tr({
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => z(i.name, i.type === "number" ? p.target.value === "" ? "" : Number(p.target.value) : p.target.value)
+            onChange: (p) => A(i.name, i.type === "number" ? p.target.value === "" ? "" : Number(p.target.value) : p.target.value)
           }
         ),
         S ? /* @__PURE__ */ e("p", { id: `prui-form-${i.name}-error`, role: "alert", className: "text-xs text-[var(--prui-danger)]", children: S }) : null
@@ -701,8 +689,8 @@ function tr({
     }) }),
     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: [
-      o ? /* @__PURE__ */ e(K, { type: "button", variant: "ghost", onClick: o, disabled: v, children: m ?? x.cancel }) : null,
-      /* @__PURE__ */ e(K, { type: "submit", variant: "primary", loading: v, children: y.submitLabel ?? "Submit" })
+      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" })
     ] })
   ] });
 }
@@ -717,7 +705,7 @@ const jr = {
     { name: "error", type: "string | null", default: "null", control: "text" }
   ]
 };
-function He(t) {
+function _e(t) {
   if (t)
     return t.map((a) => typeof a == "string" || typeof a == "number" ? { label: String(a), value: String(a) } : a);
 }
@@ -728,7 +716,7 @@ function rr(t, a) {
       name: r.key,
       label: typeof r.label == "string" ? r.label : r.key,
       type: ar(r, a),
-      options: (o = He(r.filterOptions ?? r.options)) == null ? void 0 : o.map((m) => ({ label: m.label, value: m.value })),
+      options: (o = _e(r.filterOptions ?? r.options)) == null ? void 0 : o.map((m) => ({ label: m.label, value: m.value })),
       required: !1
     };
   }), submitLabel: a ? "Save" : "Create" };
@@ -748,16 +736,16 @@ function Mr({
   form: k,
   formSchema: x,
   rowKey: y,
-  searchPlaceholder: R,
+  searchPlaceholder: M,
   pageSize: w,
   state: P,
   defaultState: g,
   onStateChange: u,
   onPageChange: b,
-  onFilterChange: E,
-  onSortChange: j,
+  onFilterChange: R,
+  onSortChange: E,
   onSearchChange: $,
-  onPageSizeChange: z,
+  onPageSizeChange: A,
   onSelectionChange: O,
   selectable: v,
   renderExpandedRow: i,
@@ -765,7 +753,7 @@ function Mr({
   searchDebounce: N = 250,
   className: p
 }) {
-  const { t: c } = J(), h = m ?? d, B = T ?? ["create", "edit", "delete"], L = (s) => B.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" ? !!r : s === "edit" ? !!o : !!h), V = l.useMemo(
     () => ({
       page: 1,
       pageSize: w ?? (g == null ? void 0 : g.pageSize) ?? 20,
@@ -780,63 +768,63 @@ function Mr({
   ), [Y, re] = l.useState(V), ae = l.useMemo(
     () => ({ ...Y, ...Object.fromEntries(Object.entries(P ?? {}).filter(([, s]) => s !== void 0)) }),
     [Y, P]
-  ), D = l.useCallback(
+  ), z = l.useCallback(
     (s) => {
-      re((A) => {
-        const U = { ...A }, X = P;
-        for (const [G, ct] of Object.entries(s))
-          X && G in X && X[G] !== void 0 || (U[G] = ct);
+      re((D) => {
+        const U = { ...D }, X = P;
+        for (const [G, it] of Object.entries(s))
+          X && G in X && X[G] !== void 0 || (U[G] = it);
         const te = { ...U, ...Object.fromEntries(Object.entries(P ?? {}).filter(([, G]) => G !== void 0)) };
         return u == null || u(te), U;
       });
     },
     [P, u]
-  ), { page: F, pageSize: M, search: I, filters: q, sort: ne, selection: Je, expandedRows: Ye } = ae, [We, oe] = l.useState([]), [ce, ue] = l.useState(null), [Xe, de] = l.useState([null]), [Ge, me] = l.useState(!0), [pe, fe] = l.useState(null), [_, he] = l.useState(null), [Qe, W] = l.useState(!1), [be, ve] = l.useState(!1), [le, Ze] = l.useState(I);
+  ), { 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);
   l.useEffect(() => {
-    const s = setTimeout(() => Ze(I), N);
+    const s = setTimeout(() => Ge(F), N);
     return () => clearTimeout(s);
-  }, [I, N]);
-  const ge = Xe[F - 1] ?? null, xe = JSON.stringify(q), Q = l.useCallback(async () => {
+  }, [F, N]);
+  const ge = Ye[I - 1] ?? null, xe = JSON.stringify(q), Q = l.useCallback(async () => {
     me(!0), fe(null);
     try {
-      const s = await n({ search: le, cursor: ge, pageSize: M, sort: ne, filters: q });
+      const s = await n({ search: le, cursor: ge, pageSize: j, sort: ne, filters: q });
       oe(s.rows), ue(s.nextCursor ?? s.cursor ?? null);
     } catch (s) {
       fe(s instanceof Error ? s.message : String(s)), oe([]), ue(null);
     } finally {
       me(!1);
     }
-  }, [le, ge, M, ne, xe, n]);
+  }, [le, ge, j, ne, xe, n]);
   l.useEffect(() => {
     Q();
   }, [Q]), l.useEffect(() => {
-    D({ page: 1 }), de([null]);
-  }, [le, M, xe]);
-  const et = l.useMemo(
+    z({ page: 1 }), de([null]);
+  }, [le, j, xe]);
+  const Qe = l.useMemo(
     () => a.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: He(s.filterOptions ?? s.options)
+      options: _e(s.filterOptions ?? s.options)
     })),
     [a]
-  ), tt = (s, A) => {
-    const U = { ...q, [s]: A };
-    D({ filters: U }), E == null || E(U);
-  }, rt = (s) => {
-    D({ search: s }), $ == null || $(s);
-  }, at = (s) => {
-    D({ sort: s }), j == null || j(s);
-  }, nt = (s, A) => {
-    if (A === "next") {
+  ), Ze = (s, D) => {
+    const U = { ...q, [s]: D };
+    z({ filters: U }), R == null || R(U);
+  }, et = (s) => {
+    z({ search: s }), $ == null || $(s);
+  }, tt = (s) => {
+    z({ sort: s }), E == null || E(s);
+  }, rt = (s, D) => {
+    if (D === "next") {
       const U = ce;
       de((X) => {
         const te = [...X];
         return te[s - 1] = U, te;
       });
     }
-    D({ page: s }), b == null || b(s);
-  }, lt = l.useMemo(
+    z({ page: s }), b == null || b(s);
+  }, at = l.useMemo(
     () => [
       ...a.filter((s) => !s.hidden),
       ...L("edit") || L("delete") ? [
@@ -845,13 +833,13 @@ function Mr({
           label: "",
           align: "right",
           render: (s) => /* @__PURE__ */ f("div", { className: "flex items-center justify-end gap-1", children: [
-            L("edit") ? /* @__PURE__ */ e(K, { variant: "ghost", size: "icon", "aria-label": "Edit", onClick: () => {
-              var A;
-              return (A = Z.current) == null ? void 0 : A.call(Z, s);
+            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(K, { variant: "ghost", size: "icon", "aria-label": "Delete", disabled: be, onClick: () => {
-              var A;
-              return void ((A = ee.current) == null ? void 0 : A.call(ee, s));
+            L("delete") ? /* @__PURE__ */ e(B, { variant: "ghost", size: "icon", "aria-label": "Delete", disabled: be, 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
           ] })
         }
@@ -859,7 +847,7 @@ function Mr({
     ],
     // eslint-disable-next-line react-hooks/exhaustive-deps -- can() depends only on the action functions
     [a, r, o, h, be]
-  ), st = () => {
+  ), nt = () => {
     he(null), W(!0);
   }, ye = (s) => {
     he(s), W(!0);
@@ -882,10 +870,10 @@ function Mr({
   Z.current = ye;
   const ee = l.useRef(we);
   ee.current = we;
-  const it = l.useCallback(
-    (s, A) => String(y ? y(s, A) : s.id ?? A),
+  const lt = l.useCallback(
+    (s, D) => String(y ? y(s, D) : s.id ?? D),
     [y]
-  ), Ne = x ?? rr(a, _), ot = _ ? Object.fromEntries(
+  ), Ne = x ?? rr(a, _), st = _ ? Object.fromEntries(
     Ne.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: [
@@ -893,13 +881,13 @@ function Mr({
     /* @__PURE__ */ e(
       It,
       {
-        searchPlaceholder: R ?? c.searchEntity.replace("{name}", t),
-        searchValue: I,
-        onSearchChange: rt,
-        filters: et,
+        searchPlaceholder: M ?? c.searchEntity.replace("{name}", t),
+        searchValue: F,
+        onSearchChange: et,
+        filters: Qe,
         filterValues: q,
-        onFilterChange: tt,
-        actions: L("create") ? /* @__PURE__ */ f(K, { variant: "primary", size: "sm", onClick: st, "data-testid": "resource-create", children: [
+        onFilterChange: Ze,
+        actions: L("create") ? /* @__PURE__ */ f(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
@@ -909,43 +897,43 @@ function Mr({
     /* @__PURE__ */ e(
       Lt,
       {
-        columns: lt,
-        rows: We,
-        rowKey: it,
+        columns: at,
+        rows: Je,
+        rowKey: lt,
         sort: ne,
-        onSortChange: at,
-        loading: Ge,
+        onSortChange: tt,
+        loading: We,
         selectable: v,
-        selectedRowKeys: Je,
-        onSelectionChange: (s, A) => {
-          D({ selection: s }), O == null || O(s, A);
+        selectedRowKeys: qe,
+        onSelectionChange: (s, D) => {
+          z({ selection: s }), O == null || O(s, D);
         },
         renderExpandedRow: i,
-        expandedRowKeys: Ye,
-        onExpandedRowsChange: (s) => D({ expandedRows: s }),
+        expandedRowKeys: He,
+        onExpandedRowsChange: (s) => z({ expandedRows: s }),
         virtualized: S
       }
     ),
     /* @__PURE__ */ e(
       Kt,
       {
-        page: F,
-        pageSize: M,
+        page: I,
+        pageSize: j,
         hasNextPage: ce != null,
-        hasPreviousPage: F > 1,
-        onPageChange: nt,
+        hasPreviousPage: I > 1,
+        onPageChange: rt,
         onPageSizeChange: (s) => {
-          D({ pageSize: s }), z == null || z(s);
+          z({ pageSize: s }), A == null || A(s);
         }
       }
     ),
-    /* @__PURE__ */ f(Fe, { open: Qe, onClose: () => W(!1), size: "sm", ariaLabel: _ ? c.editEntity.replace("{name}", H) : c.newEntity.replace("{name}", H), noPadding: !0, children: [
+    /* @__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__ */ 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,
-          initialValues: ot,
+          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();
@@ -987,15 +975,15 @@ const Pr = {
 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) => {
     const o = n.icon;
-    return /* @__PURE__ */ f(Ke, { "data-testid": "stat-card", children: [
-      /* @__PURE__ */ f(Be, { className: "pb-2", children: [
-        /* @__PURE__ */ f(Ue, { className: "flex items-center gap-1.5 text-xs", children: [
+    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: [
           o ? /* @__PURE__ */ e(o, { className: "h-3.5 w-3.5", "aria-hidden": !0 }) : null,
           n.label
         ] }),
-        /* @__PURE__ */ e(Ve, { className: "text-2xl", children: n.value })
+        /* @__PURE__ */ e(Be, { className: "text-2xl", children: n.value })
       ] }),
-      n.delta ? /* @__PURE__ */ e(_e, { className: "pb-3", children: /* @__PURE__ */ e(
+      n.delta ? /* @__PURE__ */ e(Ue, { className: "pb-3", children: /* @__PURE__ */ e(
         "span",
         {
           className: C(
@@ -1026,7 +1014,7 @@ function lr({ field: t }) {
   if (!n || !a) return null;
   const m = `prui-settings-${a}`;
   return n === "switch" ? /* @__PURE__ */ e("label", { className: "flex items-center gap-2", htmlFor: m, children: /* @__PURE__ */ e(
-    Le,
+    Fe,
     {
       id: m,
       checked: !!r,
@@ -1034,7 +1022,7 @@ function lr({ field: t }) {
       "aria-label": t.label
     }
   ) }) : n === "select" ? /* @__PURE__ */ e(
-    Ie,
+    $e,
     {
       id: m,
       className: "w-56",
@@ -1067,12 +1055,12 @@ function Ar({ title: t = "Settings", sections: a, className: n }) {
           children: r.title ?? r.label ?? r.id
         }
       ) }, r.id)) }) }),
-      /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: a.map((r) => /* @__PURE__ */ f(Ke, { id: `settings-${r.id}`, "data-testid": "settings-section", children: [
-        /* @__PURE__ */ f(Be, { children: [
-          /* @__PURE__ */ e(Ve, { children: r.title ?? r.label ?? r.id }),
-          r.description ? /* @__PURE__ */ e(Ue, { children: r.description }) : null
+      /* @__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
         ] }),
-        /* @__PURE__ */ e(_e, { 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__ */ 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("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
@@ -1089,7 +1077,7 @@ const zr = {
     { name: "title", type: "string", default: "'Settings'", control: "text" },
     { name: "sections", type: "SettingsSection[]", default: null, control: "object" }
   ]
-}, Pe = ["mousedown", "keydown", "scroll", "touchstart", "click"];
+}, je = ["mousedown", "keydown", "scroll", "touchstart", "click"];
 function sr({
   timeout: t = 15,
   warningTime: a = 2,
@@ -1098,33 +1086,33 @@ function sr({
   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, R] = 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, 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(() => {
     for (const i of [w, P, g])
       i.current != null && (clearInterval(i.current), clearTimeout(i.current), i.current = null);
-  }, []), E = l.useCallback(() => {
+  }, []), R = l.useCallback(() => {
     b(), x(!1), n == null || n();
-  }, [b, n]), j = l.useCallback(() => {
+  }, [b, n]), E = l.useCallback(() => {
     b(), x(!1), u.current = !1, w.current = window.setTimeout(() => {
-      u.current = !0, R(T), x(!0), g.current = window.setInterval(() => {
-        R((i) => i <= 1e3 ? (E(), 0) : i - 1e3);
+      u.current = !0, M(T), x(!0), g.current = window.setInterval(() => {
+        M((i) => i <= 1e3 ? (R(), 0) : i - 1e3);
       }, 1e3);
-    }, d - T), P.current = window.setTimeout(E, d);
-  }, [b, E, d, T]);
+    }, d - T), P.current = window.setTimeout(R, d);
+  }, [b, R, d, T]);
   l.useEffect(() => {
     const i = () => {
-      u.current || j();
+      u.current || E();
     };
-    for (const S of Pe) document.addEventListener(S, i, { passive: !0 });
-    return j(), () => {
+    for (const S of je) document.addEventListener(S, i, { passive: !0 });
+    return E(), () => {
       b();
-      for (const S of Pe) document.removeEventListener(S, i);
+      for (const S of je) document.removeEventListener(S, i);
     };
-  }, [j, b]);
+  }, [E, b]);
   const $ = () => {
-    r == null || r(), j();
-  }, z = Math.floor(y / 6e4), O = Math.floor(y % 6e4 / 1e3), v = `${z}:${String(O).padStart(2, "0")}`;
+    r == null || r(), E();
+  }, A = Math.floor(y / 6e4), O = Math.floor(y % 6e4 / 1e3), v = `${A}:${String(O).padStart(2, "0")}`;
   return /* @__PURE__ */ f(
-    Fe,
+    ze,
     {
       open: k,
       onClose: $,
@@ -1138,8 +1126,8 @@ function sr({
           /* @__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__ */ e(K, { variant: "default", className: "flex-1", onClick: E, "data-testid": "session-logout", children: "Log out now" }),
-          /* @__PURE__ */ e(K, { variant: "primary", className: "flex-1", onClick: $, "data-testid": "session-extend", children: "Continue session" })
+          /* @__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" })
         ] })
       ]
     }
@@ -1195,7 +1183,7 @@ export {
   $r as b,
   qt as c,
   Ar as d,
-  Ee as e,
+  Ce 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-a-3J0_PB.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-CAIorrrl.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.0",
+  "version": "0.10.1",
   "description": "PRUI component system: primitives, app-layer super-components, pages, and themes",
   "type": "module",
   "license": "Apache-2.0",