@skiddph/prui 0.9.1 → 0.10.1

package/dist/chunks/{auth-shell-DQJ4UmUv.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 ze, 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 Ae, Portal as $e, useOverlayStack as Et, useEscapeKey as Mt } from "../core/overlay.js";
-import { endIndex as jt, homeIndex as Pt, moveIndex as Ce } from "../core/list-nav.js";
-import { resolveThemeName as Ot, themeMode as Dt, readPersistedTheme as zt, applyTheme as Re, listThemes as At, 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" },
@@ -32,10 +32,10 @@ const Vt = [
   { 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", d = [
+  const r = t === "auth" || t === "auth+utility", o = t === "utility" || t === "auth+utility", m = [
     ...r ? Vt : [],
     ...o ? _t : []
-  ], [m, T] = l.useState(null);
+  ], [d, T] = l.useState(null);
   return l.useEffect(() => {
     let k = !1;
     return import("../pages.js").then((x) => {
@@ -43,28 +43,28 @@ function qt({ mode: t, config: a, children: n }) {
     }), () => {
       k = !0;
     };
-  }, []), m ? /* @__PURE__ */ f(dt, { children: [
-    d.map(({ path: k, name: x }) => {
-      const y = m[x];
+  }, []), 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(
   () => 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"), d = Dt(o), [m, T] = l.useState(() => (r ? zt() : null) ?? { theme: o, mode: d }), k = l.useCallback(
+  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: m.theme, mode: m.mode, storageKey: r ? "prui:theme" : null });
-  }, [m, r]), { enabled: a, state: m, setTheme: k };
+    Te({ theme: d.theme, mode: d.mode, storageKey: r ? "prui:theme" : null });
+  }, [d, r]), { enabled: a, state: d, setTheme: k };
 }
 function Yt({ config: t }) {
   const { enabled: a, state: n, setTheme: r } = Jt(t), { t: o } = J();
@@ -83,10 +83,10 @@ function Yt({ config: t }) {
           children: /* @__PURE__ */ e(wt, { className: "h-4 w-4", "aria-hidden": !0 })
         }
       ),
-      items: At().map((d) => ({
-        label: `${d}${d === n.theme ? " (active)" : ""}`,
+      items: zt().map((m) => ({
+        label: `${m}${m === n.theme ? " (active)" : ""}`,
         onSelect: () => {
-          $t(), r({ theme: d, mode: d === "daylight" ? "light" : "dark" });
+          $t(), r({ theme: m, mode: m === "daylight" ? "light" : "dark" });
         }
       }))
     }
@@ -97,19 +97,19 @@ function se(t, a) {
 }
 function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
   var O;
-  const { pathname: o } = De(), d = ze(), m = (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(m || n !== void 0 && o === n);
+  ), [T, k] = l.useState(d || n !== void 0 && o === n);
   l.useEffect(() => {
-    m && k(!0);
-  }, [m]);
-  const x = t.icon, [y, R] = l.useState(!1), [w, P] = l.useState(null), g = l.useRef(null), u = l.useRef(null), [b, E] = l.useState(-1), M = l.useCallback(() => {
+    d && k(!0);
+  }, [d]);
+  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: A } = Et(y);
-  if (Mt(y, A, () => M()), l.useEffect(() => {
+  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,19 +140,19 @@ 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));
           break;
         case "End":
-          c.preventDefault(), N(jt(h));
+          c.preventDefault(), N(Mt(h));
           break;
         case "Tab":
-          M();
+          E();
           break;
       }
     };
@@ -172,14 +172,14 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
           "data-testid": "rail-group-trigger",
           className: C(
             "flex w-full items-center justify-center rounded-[var(--prui-radius)] px-2.5 py-1.5 text-sm cursor-pointer",
-            m || y ? "text-[var(--prui-brand)]" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)]"
+            d || y ? "text-[var(--prui-brand)]" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)]"
           ),
           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: () => M(), "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: () => {
-                        M(), a == null || a(), c.href && d(c.href);
+                        E(), a == null || a(), c.href && m(c.href);
                       },
                       children: c.label
                     },
@@ -232,7 +232,7 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
         onClick: () => k((v) => !v),
         className: C(
           "flex w-full items-center gap-2 rounded-[var(--prui-radius)] px-2.5 py-1.5 text-sm cursor-pointer",
-          m ? "text-[var(--prui-fg)]" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)]"
+          d ? "text-[var(--prui-fg)]" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)]"
         ),
         children: [
           x ? /* @__PURE__ */ e(x, { className: "h-4 w-4 shrink-0", "aria-hidden": !0 }) : /* @__PURE__ */ e("span", { className: C("prui-nav-mono text-[10px] font-semibold"), children: t.label.slice(0, 2).toUpperCase() }),
@@ -241,22 +241,22 @@ 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,
-      className: ({ isActive: d }) => C(
+      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",
-        d ? "bg-[var(--prui-brand)]/15 text-[var(--prui-brand)] font-medium" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)] hover:bg-[var(--prui-raise)]"
+        m ? "bg-[var(--prui-brand)]/15 text-[var(--prui-brand)] font-medium" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)] hover:bg-[var(--prui-raise)]"
       ),
       children: [
         t.icon && !n ? /* @__PURE__ */ e(t.icon, { className: "h-4 w-4 shrink-0", "aria-hidden": !0 }) : o ? /* @__PURE__ */ e("span", { className: C("prui-nav-mono text-[10px] font-semibold"), children: t.label.slice(0, 2).toUpperCase() }) : null,
@@ -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((d) => /* @__PURE__ */ e(qe, { item: d, onNavigate: a, expandAllOn: n, collapsed: r }, d.href ?? d.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 Me({ 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: d } = J(), [m, T] = l.useState(""), [k, x] = l.useState(0), y = l.useRef(null), R = r ?? d.commandPlaceholder, w = l.useMemo(() => {
-    const u = m.trim().toLowerCase();
+  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, m]);
-  l.useEffect(() => x(0), [m]);
-  const { ref: P } = Ae({
+  }, [n, d]);
+  l.useEffect(() => x(0), [d]);
+  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,8 +323,8 @@ function Gt({
                 "aria-controls": "prui-palette-listbox",
                 "aria-label": "Command palette search",
                 "aria-activedescendant": w[k] ? `palette-option-${k}` : void 0,
-                placeholder: R,
-                value: m,
+                placeholder: M,
+                value: d,
                 onChange: (u) => T(u.target.value),
                 onKeyDown: (u) => {
                   if (u.key === "ArrowDown" && (u.preventDefault(), x((b) => Math.min(b + 1, w.length - 1))), u.key === "ArrowUp" && (u.preventDefault(), x((b) => Math.max(b - 1, 0))), u.key === "Home" && w.length > 0 && (u.preventDefault(), x(0)), u.key === "End" && w.length > 0 && (u.preventDefault(), x(w.length - 1)), u.key === "Enter") {
@@ -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: d.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__ */ f(
               "li",
               {
                 id: `palette-option-${b}`,
@@ -366,79 +366,79 @@ function Qt(t) {
     nav: n = [],
     search: r = !0,
     theme: o = !0,
-    auth: d = !1,
-    sidebar: m = {},
+    auth: m = !1,
+    sidebar: d = {},
     header: 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, M = b.hotkey ?? "/", $ = m.collapsible !== !1, [A, O] = l.useState(m.defaultOpen === !0), [v, i] = l.useState(!0), [S, N] = l.useState(!1), p = De(), c = ze(), h = l.useMemo(
-    () => d === !1 ? null : d === !0 ? {} : d,
-    [d]
-  ), B = l.useCallback(() => {
+  } = 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]
+  ), K = l.useCallback(() => {
     h != null && h.onTimeout ? h.onTimeout() : c((h == null ? void 0 : h.loginPath) ?? "/login");
   }, [h, c]), L = l.useMemo(() => {
-    const F = [];
+    const I = [];
     for (const j of n)
       if (j.items)
-        for (const I of j.items)
-          I.href && F.push({ label: `${j.label} / ${I.label}`, href: I.href, group: j.label });
-      else j.href && F.push({ label: j.label, href: j.href });
-    return F;
+        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 = (j) => {
-      const I = j.target, q = I && (I.tagName === "INPUT" || I.tagName === "TEXTAREA" || I.isContentEditable);
-      j.key === M && !q && !j.metaKey && !j.ctrlKey && !j.altKey && (j.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);
-  }, [M, 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 } = Ae({
+  const Y = l.useRef(null), { ref: re } = De({
     open: A,
     onEscape: () => O(!1),
     initialFocus: Y
-  }), ae = m.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
         ] }),
-        A ? /* @__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(Me, { 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(Me, { 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: M })
+                    /* @__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 je(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] = "";
@@ -597,15 +585,15 @@ function tr({
   defaultValues: n,
   onSubmit: r,
   onCancel: o,
-  cancelLabel: d,
-  submitting: m = !1,
+  cancelLabel: m,
+  submitting: d = !1,
   error: T,
   className: k
 }) {
-  const { t: x } = J(), y = l.useMemo(() => Zt(t), [t]), R = a ?? n, [w, P] = l.useState(() => je(y, R)), [g, u] = l.useState({}), [b, E] = l.useState(null), [M, $] = 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(je(y, R));
-  }, [JSON.stringify(y), JSON.stringify(R ?? {})]);
+    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;
@@ -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 = m || M;
+  }, 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 = {
@@ -658,7 +646,7 @@ function tr({
             onChange: (p) => A(i.name, p.target.value)
           }
         ) : i.type === "select" ? /* @__PURE__ */ e(
-          Ie,
+          $e,
           {
             ...N,
             options: er(i.options),
@@ -678,7 +666,7 @@ function tr({
             onChange: (p) => A(i.name, p.target.value)
           }
         ) : i.type === "boolean" ? /* @__PURE__ */ e(
-          Le,
+          Fe,
           {
             ...N,
             disabled: i.disabled || v,
@@ -701,12 +689,12 @@ 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: d ?? 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" })
     ] })
   ] });
 }
-const Mr = {
+const jr = {
   name: "Form",
   props: [
     { name: "schema", type: "FormSchema", default: null, control: "object" },
@@ -717,7 +705,7 @@ const Mr = {
     { 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((d) => ({ label: d.label, value: d.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" };
@@ -736,26 +724,26 @@ function rr(t, a) {
 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 jr({
+function Mr({
   name: t,
   columns: a,
   list: n,
   create: r,
   update: o,
-  remove: d,
-  delete: m,
+  remove: m,
+  delete: d,
   actions: T,
   form: k,
   formSchema: x,
   rowKey: y,
-  searchPlaceholder: R,
+  searchPlaceholder: M,
   pageSize: w,
   state: P,
   defaultState: g,
   onStateChange: u,
   onPageChange: b,
-  onFilterChange: E,
-  onSortChange: M,
+  onFilterChange: R,
+  onSortChange: E,
   onSearchChange: $,
   onPageSizeChange: A,
   onSelectionChange: O,
@@ -765,7 +753,7 @@ function jr({
   searchDebounce: N = 250,
   className: p
 }) {
-  const { t: c } = J(), h = d ?? m, 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,23 +768,23 @@ function jr({
   ), [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((z) => {
-        const U = { ...z }, 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: j, 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: j, sort: ne, filters: q });
@@ -810,33 +798,33 @@ function jr({
   l.useEffect(() => {
     Q();
   }, [Q]), l.useEffect(() => {
-    D({ page: 1 }), de([null]);
+    z({ page: 1 }), de([null]);
   }, [le, j, xe]);
-  const et = l.useMemo(
+  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, z) => {
-    const U = { ...q, [s]: z };
-    D({ filters: U }), E == null || E(U);
-  }, rt = (s) => {
-    D({ search: s }), $ == null || $(s);
-  }, at = (s) => {
-    D({ sort: s }), M == null || M(s);
-  }, nt = (s, z) => {
-    if (z === "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 jr({
           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 z;
-              return (z = Z.current) == null ? void 0 : z.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 z;
-              return void ((z = ee.current) == null ? void 0 : z.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 jr({
     ],
     // 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 jr({
   Z.current = ye;
   const ee = l.useRef(we);
   ee.current = we;
-  const it = l.useCallback(
-    (s, z) => String(y ? y(s, z) : s.id ?? z),
+  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 jr({
     /* @__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 jr({
     /* @__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, z) => {
-          D({ selection: s }), O == null || O(s, z);
+        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,
+        page: I,
         pageSize: j,
         hasNextPage: ce != null,
-        hasPreviousPage: F > 1,
-        onPageChange: nt,
+        hasPreviousPage: I > 1,
+        onPageChange: rt,
         onPageSizeChange: (s) => {
-          D({ pageSize: s }), A == null || A(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(
@@ -1024,38 +1012,38 @@ function nr(t) {
 function lr({ field: t }) {
   const { name: a, type: n, value: r, onChange: o } = t;
   if (!n || !a) return null;
-  const d = `prui-settings-${a}`;
-  return n === "switch" ? /* @__PURE__ */ e("label", { className: "flex items-center gap-2", htmlFor: d, children: /* @__PURE__ */ e(
-    Le,
+  const m = `prui-settings-${a}`;
+  return n === "switch" ? /* @__PURE__ */ e("label", { className: "flex items-center gap-2", htmlFor: m, children: /* @__PURE__ */ e(
+    Fe,
     {
-      id: d,
+      id: m,
       checked: !!r,
-      onChange: (m) => o == null ? void 0 : o(m),
+      onChange: (d) => o == null ? void 0 : o(d),
       "aria-label": t.label
     }
   ) }) : n === "select" ? /* @__PURE__ */ e(
-    Ie,
+    $e,
     {
-      id: d,
+      id: m,
       className: "w-56",
       options: nr(t.options) ?? [],
       value: String(r ?? ""),
-      onChange: (m) => o == null ? void 0 : o(m),
+      onChange: (d) => o == null ? void 0 : o(Array.isArray(d) ? d.join(",") : d),
       "aria-label": t.label
     }
   ) : /* @__PURE__ */ e(
     ie,
     {
-      id: d,
+      id: m,
       type: n === "number" ? "number" : "text",
       className: "h-8 w-56",
       value: String(r ?? ""),
-      onChange: (m) => o == null ? void 0 : o(n === "number" ? m.target.value === "" ? "" : Number(m.target.value) : m.target.value),
+      onChange: (d) => o == null ? void 0 : o(n === "number" ? d.target.value === "" ? "" : Number(d.target.value) : d.target.value),
       "aria-label": t.label
     }
   );
 }
-function zr({ title: t = "Settings", sections: a, className: n }) {
+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: [
     /* @__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: [
@@ -1067,64 +1055,64 @@ function zr({ 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, d) => /* @__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
           ] }),
           /* @__PURE__ */ e("div", { className: "shrink-0", children: o.control ?? /* @__PURE__ */ e(lr, { field: o }) })
-        ] }, `${o.label}-${d}`)) }) })
+        ] }, `${o.label}-${m}`)) }) })
       ] }, r.id)) })
     ] })
   ] });
 }
-const Ar = {
+const zr = {
   name: "Settings",
   props: [
     { 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,
   onTimeout: n,
   onExtend: r,
   title: o = "Session expiring soon",
-  message: d = "Your session is about to expire due to inactivity."
+  message: m = "Your session is about to expire due to inactivity."
 }) {
-  const m = Math.max(0, t) * 6e4, T = Math.min(Math.max(0, a) * 6e4, m), [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]), M = 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);
-    }, m - T), P.current = window.setTimeout(E, m);
-  }, [b, E, m, T]);
+    }, d - T), P.current = window.setTimeout(R, d);
+  }, [b, R, d, T]);
   l.useEffect(() => {
     const i = () => {
-      u.current || M();
+      u.current || E();
     };
-    for (const S of Pe) document.addEventListener(S, i, { passive: !0 });
-    return M(), () => {
+    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);
     };
-  }, [M, b]);
+  }, [E, b]);
   const $ = () => {
-    r == null || r(), M();
+    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: $,
@@ -1134,12 +1122,12 @@ function sr({
         /* @__PURE__ */ f("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: d }),
+          /* @__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__ */ 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" })
         ] })
       ]
     }
@@ -1158,8 +1146,8 @@ 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: d, className: m }) {
-  return /* @__PURE__ */ e("div", { className: C("prui-auth-shell flex min-h-[100dvh] items-center justify-center bg-[var(--prui-background)] p-4", m), "data-testid": "auth-shell", children: /* @__PURE__ */ f("div", { className: C("w-full", r), children: [
+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: [
       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 })
@@ -1169,7 +1157,7 @@ function $r({ title: t, description: a, brand: n, width: r = "max-w-sm", footer:
         /* @__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
       ] }),
-      d,
+      m,
       o ? /* @__PURE__ */ e("div", { className: "mt-4 text-center text-sm text-[var(--prui-dim)]", children: o }) : null
     ] })
   ] }) });
@@ -1189,18 +1177,18 @@ export {
   Rr as A,
   Gt as C,
   tr as F,
-  jr as R,
+  Mr as R,
   sr as S,
   Qt as a,
   $r as b,
   qt as c,
-  zr as d,
-  Ee as e,
+  Ar as d,
+  Ce as e,
   Or as f,
   Er as g,
   Fr as h,
-  Mr as i,
-  Ar as j,
+  jr as i,
+  zr as j,
   Dr as k,
   Pr as r,
   ir as s,