@skiddph/prui 0.10.0 → 0.10.2

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