@skiddph/prui 0.10.2 → 0.11.0

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

@@ -1,40 +1,40 @@
-import { jsx as e, jsxs as p, Fragment as Me } from "react/jsx-runtime";
+import { jsx as e, jsxs as p, Fragment as Pe } from "react/jsx-runtime";
 import * as l from "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 { Routes as ct, Route as Te, Navigate as ut, MemoryRouter as dt, BrowserRouter as mt, useLocation as Oe, useNavigate as De, Outlet as pt, Link as ft, NavLink as ht } from "react-router-dom";
 import { ChevronsRight as bt, ChevronsLeft as vt, X as gt, Menu as xt, Search as yt, Palette as wt, ChevronDown as Nt, Pencil as kt, Trash2 as St, Plus as Tt, Clock as Ct } from "lucide-react";
 import { cn as C } from "../core/cn.js";
 import { Dropdown as Rt } from "../core/dropdown.js";
-import { Button as B } from "../core/button.js";
-import { useOverlay as De, Portal as Ae, useOverlayStack as Et, useEscapeKey as jt } from "../core/overlay.js";
-import { endIndex as Mt, homeIndex as Pt, moveIndex as Te } from "../core/list-nav.js";
-import { resolveThemeName as Ot, themeMode as Dt, readPersistedTheme as At, applyTheme as Ce, listThemes as zt, clearAppliedTokens as $t } from "../theme.js";
-import { usePruiI18n as J } from "../i18n.js";
-import { Modal as ze, confirmModal as Ft } from "../core/modal.js";
-import { b as It, D as Lt, a as Kt } from "./data-table-toolbar-B-5J2Ozl.js";
-import { Textarea as Bt, Input as oe } from "../core/input.js";
-import { Label as Ut } from "../core/label.js";
-import { Select as $e } from "../core/select.js";
-import { Switch as Fe } from "../core/switch.js";
-import { Card as Ie, CardHeader as Le, CardDescription as Ke, CardTitle as Be, CardContent as Ue } from "../core/card.js";
-const Vt = [
+import { Button as U } from "../core/button.js";
+import { useOverlay as Ae, useMountTransition as Et, Portal as ze, useOverlayStack as Mt, useEscapeKey as jt } from "../core/overlay.js";
+import { endIndex as Pt, homeIndex as Ot, moveIndex as Ce } from "../core/list-nav.js";
+import { resolveThemeName as Dt, themeMode as At, readPersistedTheme as zt, applyTheme as Re, listThemes as $t, clearAppliedTokens as Ft } from "../theme.js";
+import { usePruiI18n as X } from "../i18n.js";
+import { Modal as $e, confirmModal as It } from "../core/modal.js";
+import { b as Lt, D as Kt, a as Bt } from "./data-table-toolbar-B-5J2Ozl.js";
+import { Textarea as Ut, Input as ce } from "../core/input.js";
+import { Label as Vt } from "../core/label.js";
+import { Select as Fe } from "../core/select.js";
+import { Switch as Ie } from "../core/switch.js";
+import { Card as Le, CardHeader as Ke, CardDescription as Be, CardTitle as Ue, CardContent as Ve } from "../core/card.js";
+const _t = [
   { path: "/login", name: "login" },
   { path: "/register", name: "register" },
   { path: "/forgot-password", name: "forgotPassword" },
   { path: "/reset-password", name: "resetPassword" },
   { path: "/otp", name: "otp" },
   { path: "/logout", name: "logout" }
-], _t = [
+], qt = [
   { path: "/404", name: "notFound" },
   { path: "/error", name: "error" },
   { path: "/profile", name: "profile" },
   { path: "/settings", name: "settings" },
   { path: "/admin-setup", name: "adminSetup" }
 ];
-function qt({ mode: t, config: r, children: n }) {
+function Ht({ mode: t, config: r, children: n }) {
   const a = t === "auth" || t === "auth+utility", o = t === "utility" || t === "auth+utility", m = [
-    ...a ? Vt : [],
-    ...o ? _t : []
+    ...a ? _t : [],
+    ...o ? qt : []
   ], [d, T] = l.useState(null);
   return l.useEffect(() => {
     let k = !1;
@@ -46,28 +46,28 @@ function qt({ mode: t, config: r, children: n }) {
   }, []), d ? /* @__PURE__ */ p(ct, { children: [
     m.map(({ path: k, name: x }) => {
       const y = d[x];
-      return y ? /* @__PURE__ */ e(Se, { path: k, element: /* @__PURE__ */ e(y, { ...(r == null ? void 0 : r[x]) ?? {} }) }, k) : null;
+      return y ? /* @__PURE__ */ e(Te, { path: k, element: /* @__PURE__ */ e(y, { ...(r == null ? void 0 : r[x]) ?? {} }) }, k) : null;
     }),
     n,
-    a ? /* @__PURE__ */ e(Se, { path: "*", element: /* @__PURE__ */ e(ut, { to: "/login", replace: !0 }) }) : null
+    a ? /* @__PURE__ */ e(Te, { 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 }))
+const Xt = l.lazy(
+  () => Promise.resolve().then(() => cr).then((t) => ({ default: t.SessionTimeout }))
 );
 function Jt(t) {
-  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(
+  const r = t !== !1, n = typeof t == "object" ? t : {}, a = n.persist !== !1, o = Dt(n.default ?? "control"), m = At(o), [d, T] = l.useState(() => (a ? zt() : null) ?? { theme: o, mode: m }), k = l.useCallback(
     (x) => {
-      T(x), Ce({ theme: x.theme, mode: x.mode, storageKey: a ? "prui:theme" : null });
+      T(x), Re({ theme: x.theme, mode: x.mode, storageKey: a ? "prui:theme" : null });
     },
     [a]
   );
   return l.useEffect(() => {
-    Ce({ theme: d.theme, mode: d.mode, storageKey: a ? "prui:theme" : null });
+    Re({ 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: r, state: n, setTheme: a } = Jt(t), { t: o } = J();
+  const { enabled: r, state: n, setTheme: a } = Jt(t), { t: o } = X();
   return r ? /* @__PURE__ */ e(
     Rt,
     {
@@ -83,32 +83,32 @@ function Yt({ config: t }) {
           children: /* @__PURE__ */ e(wt, { className: "h-4 w-4", "aria-hidden": !0 })
         }
       ),
-      items: zt().map((m) => ({
+      items: $t().map((m) => ({
         label: `${m}${m === n.theme ? " (active)" : ""}`,
         onSelect: () => {
-          $t(), a({ theme: m, mode: m === "daylight" ? "light" : "dark" });
+          Ft(), a({ theme: m, mode: m === "daylight" ? "light" : "dark" });
         }
       }))
     }
   ) : null;
 }
-function se(t, r) {
+function ie(t, r) {
   return r === "/" ? t === "/" : t === r || t.startsWith(r + "/");
 }
 function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
   var O;
-  const { pathname: o } = Pe(), m = Oe(), d = (t.items ?? []).some(
-    (v) => v.href ? se(o, v.href) : (v.items ?? []).some((i) => i.href && se(o, i.href))
+  const { pathname: o } = Oe(), m = De(), d = (t.items ?? []).some(
+    (v) => v.href ? ie(o, v.href) : (v.items ?? []).some((i) => i.href && ie(o, i.href))
   ), [T, k] = l.useState(d || n !== void 0 && o === n);
   l.useEffect(() => {
     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(() => {
+  const x = t.icon, [y, j] = l.useState(!1), [w, P] = l.useState(null), g = l.useRef(null), u = l.useRef(null), [b, R] = l.useState(-1), E = l.useCallback(() => {
     var i, S;
-    M(!1), R(-1);
+    j(!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);
+  }, []), { setElement: z, isTop: A } = Mt(y);
   if (jt(y, A, () => E()), l.useEffect(() => {
     var v;
     y && ((v = u.current) == null || v.focus());
@@ -123,33 +123,33 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
       var h;
       const c = (h = g.current) == null ? void 0 : h.getBoundingClientRect();
       if (c) {
-        const K = Math.min(v.length * 32 + 40, 320);
+        const B = Math.min(v.length * 32 + 40, 320);
         P({
           left: c.right + 8,
-          top: Math.max(8, Math.min(c.top, window.innerHeight - K - 8))
+          top: Math.max(8, Math.min(c.top, window.innerHeight - B - 8))
         });
       }
-      M((K) => !K);
+      j((B) => !B);
     }, N = (c) => {
-      var L, V;
+      var K, _;
       R(c);
-      const h = (L = u.current) == null ? void 0 : L.querySelectorAll("[role='menuitem']");
+      const h = (K = u.current) == null ? void 0 : K.querySelectorAll("[role='menuitem']");
       if (!h) return;
-      (V = Array.from(h)[c]) == null || V.focus();
+      (_ = Array.from(h)[c]) == null || _.focus();
     }, f = (c) => {
       const h = i.length;
       switch (c.key) {
         case "ArrowDown":
-          c.preventDefault(), N(Te(b, 1, h));
+          c.preventDefault(), N(Ce(b, 1, h));
           break;
         case "ArrowUp":
-          c.preventDefault(), N(Te(b, -1, h));
+          c.preventDefault(), N(Ce(b, -1, h));
           break;
         case "Home":
-          c.preventDefault(), N(Pt(h));
+          c.preventDefault(), N(Ot(h));
           break;
         case "End":
-          c.preventDefault(), N(Mt(h));
+          c.preventDefault(), N(Pt(h));
           break;
         case "Tab":
           E();
@@ -178,13 +178,13 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
         }
       ),
       y && w ? ot(
-        /* @__PURE__ */ p(Me, { children: [
+        /* @__PURE__ */ p(Pe, { 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) => {
-                u.current = c, $(c);
+                u.current = c, z(c);
               },
               role: "menu",
               "aria-label": t.label,
@@ -205,7 +205,7 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
                       "data-testid": "rail-flyout-item",
                       className: C(
                         "flex cursor-pointer items-center rounded-[calc(var(--prui-radius)-1px)] px-3 py-1.5 text-left text-sm",
-                        c.href && 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"
+                        c.href && ie(o, c.href) ? "bg-[var(--prui-brand)]/15 text-[var(--prui-brand)]" : "text-[var(--prui-fg)] hover:bg-[var(--prui-raise)] focus-visible:bg-[var(--prui-raise)] outline-none"
                       ),
                       onClick: () => {
                         E(), r == null || r(), c.href && m(c.href);
@@ -241,14 +241,14 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
         ]
       }
     ),
-    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
+    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(_e, { item: v, onNavigate: r, nested: !0, expandAllOn: n, collapsed: a }, v.href ?? v.label)) }) : null
   ] });
 }
-function Xt({ label: t }) {
+function Gt({ label: t }) {
   return /* @__PURE__ */ e("li", { className: "px-2.5 pb-1 pt-3 text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--prui-dim)]", "data-testid": "nav-subgroup", children: t });
 }
-function Ve({ item: t, onNavigate: 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(
+function _e({ 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(Gt, { label: t.label }) : t.href ? /* @__PURE__ */ e("li", { children: /* @__PURE__ */ p(
     ht,
     {
       to: t.href,
@@ -265,38 +265,38 @@ function Ve({ item: t, onNavigate: r, nested: n, expandAllOn: a, collapsed: o })
     }
   ) }) : null;
 }
-function Re({ nav: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
-  const { t: o } = J();
-  return /* @__PURE__ */ e("nav", { "aria-label": o.mainNavigation, className: "prui-app-nav", children: /* @__PURE__ */ e("ul", { className: "flex flex-col gap-0.5", children: t.map((m) => /* @__PURE__ */ e(Ve, { item: m, onNavigate: r, expandAllOn: n, collapsed: a }, m.href ?? m.label)) }) });
+function Ee({ nav: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
+  const { t: o } = X();
+  return /* @__PURE__ */ e("nav", { "aria-label": o.mainNavigation, className: "prui-app-nav", children: /* @__PURE__ */ e("ul", { className: "flex flex-col gap-0.5", children: t.map((m) => /* @__PURE__ */ e(_e, { item: m, onNavigate: r, expandAllOn: n, collapsed: a }, m.href ?? m.label)) }) });
 }
-function ie({ brand: t }) {
+function oe({ brand: t }) {
   if (!t) return null;
-  const r = /* @__PURE__ */ p(Me, { children: [
+  const r = /* @__PURE__ */ p(Pe, { 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: r }) : /* @__PURE__ */ e(ft, { to: t.href ?? "/", className: n, "aria-label": t.name, children: r });
 }
-function Gt({
+function Qt({
   open: t,
   onOpenChange: r,
   entries: n,
   placeholder: a,
   onNavigate: o
 }) {
-  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 { t: m } = X(), [d, T] = l.useState(""), [k, x] = l.useState(0), y = l.useRef(null), j = a ?? m.commandPlaceholder, w = l.useMemo(() => {
     const u = d.trim().toLowerCase();
     return u ? n.filter((b) => b.label.toLowerCase().includes(u)) : n;
   }, [n, d]);
   l.useEffect(() => x(0), [d]);
-  const { ref: P } = De({
+  const { ref: P } = Ae({
     open: t,
     onEscape: () => r(!1),
     initialFocus: y
   }), g = (u) => {
     r(!1), u.onSelect ? u.onSelect() : u.href && (o == null || o(u.href));
   };
-  return t ? /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e("div", { ref: P, children: /* @__PURE__ */ e(
+  return t ? /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e("div", { ref: P, children: /* @__PURE__ */ e(
     "div",
     {
       className: "prui-dialog-overlay fixed inset-0 z-[var(--prui-z-overlay)] flex items-start justify-center pt-24",
@@ -323,7 +323,7 @@ function Gt({
                 "aria-controls": "prui-palette-listbox",
                 "aria-label": "Command palette search",
                 "aria-activedescendant": w[k] ? `palette-option-${k}` : void 0,
-                placeholder: M,
+                placeholder: j,
                 value: d,
                 onChange: (u) => T(u.target.value),
                 onKeyDown: (u) => {
@@ -360,7 +360,7 @@ function Gt({
     }
   ) }) }) : null;
 }
-function Qt(t) {
+function Zt(t) {
   const {
     brand: r,
     nav: n = [],
@@ -372,78 +372,82 @@ function Qt(t) {
     pages: k,
     pagesConfig: x,
     expandAllOn: y,
-    layoutType: M = "A",
+    layoutType: j = "A",
     sidebarHeader: w,
     sidebarFooter: P,
     children: g
-  } = 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(
+  } = t, { t: u } = X(), b = typeof a == "object" ? a : { enabled: a !== !1 }, R = b.enabled !== !1, E = b.hotkey ?? "/", z = d.collapsible !== !1, [A, O] = l.useState(d.defaultOpen === !0), [v, i] = l.useState(!0), [S, N] = l.useState(!1), f = Oe(), c = De(), h = l.useMemo(
     () => m === !1 ? null : m === !0 ? {} : m,
     [m]
-  ), K = l.useCallback(() => {
+  ), B = l.useCallback(() => {
     h != null && h.onTimeout ? h.onTimeout() : c((h == null ? void 0 : h.loginPath) ?? "/login");
-  }, [h, c]), L = l.useMemo(() => {
-    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;
+  }, [h, c]), K = l.useMemo(() => {
+    const $ = [];
+    for (const M of n)
+      if (M.items)
+        for (const F of M.items)
+          F.href && $.push({ label: `${M.label} / ${F.label}`, href: F.href, group: M.label });
+      else M.href && $.push({ label: M.label, href: M.href });
+    return $;
   }, [n]);
   l.useEffect(() => {
     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));
+    const $ = (M) => {
+      const F = M.target, le = F && (F.tagName === "INPUT" || F.tagName === "TEXTAREA" || F.isContentEditable);
+      M.key === E && !le && !M.metaKey && !M.ctrlKey && !M.altKey && (M.preventDefault(), N(!0));
     };
-    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
+    return document.addEventListener("keydown", $), () => document.removeEventListener("keydown", $);
   }, [E, R]);
-  const V = l.useRef(f.pathname);
+  const _ = l.useRef(f.pathname);
   l.useEffect(() => {
-    V.current !== f.pathname && (V.current = f.pathname, O(!1));
+    _.current !== f.pathname && (_.current = f.pathname, O(!1));
   }, [f.pathname]);
-  const Y = l.useRef(null), { ref: re } = De({
+  const J = l.useRef(null), { ref: ae } = Ae({
     open: A,
     onEscape: () => O(!1),
-    initialFocus: Y
-  }), ae = d.width ?? 240, z = !v && M !== "D";
+    initialFocus: J
+  }), { mounted: ne, shown: I } = Et(A), Y = d.width ?? 240, L = !v && j !== "D";
   return /* @__PURE__ */ p(
     "div",
     {
       className: "prui-app prui-shell min-h-dvh bg-[var(--prui-background)] text-[var(--prui-fg)]",
-      "data-layout": M,
-      "data-collapsed": z ? "true" : void 0,
-      style: { "--prui-shell-sidebar": z ? "var(--prui-rail-width, 64px)" : `${ae}px` },
+      "data-layout": j,
+      "data-collapsed": L ? "true" : void 0,
+      style: { "--prui-shell-sidebar": L ? "var(--prui-rail-width, 64px)" : `${Y}px` },
       children: [
         /* @__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 }) }),
+          /* @__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: L }) }),
           P ? /* @__PURE__ */ e(
             "div",
             {
-              className: C("border-t border-[var(--prui-line)] p-2", z && "flex justify-center px-1"),
+              className: C("border-t border-[var(--prui-line)] p-2", L && "flex justify-center px-1"),
               "data-testid": "sidebar-footer",
               children: P
             }
           ) : null,
-          M !== "D" ? /* @__PURE__ */ e("div", { className: "border-t border-[var(--prui-line)] p-2", children: /* @__PURE__ */ e(
-            B,
+          j !== "D" ? /* @__PURE__ */ e("div", { className: "border-t border-[var(--prui-line)] p-2", children: /* @__PURE__ */ e(
+            U,
             {
               variant: "ghost",
               size: "sm",
               className: "w-full justify-center",
-              "aria-label": z ? u.expandSidebar : u.collapseSidebar,
+              "aria-label": L ? u.expandSidebar : u.collapseSidebar,
               "data-testid": "sidebar-toggle",
-              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 })
+              onClick: () => i(($) => !$),
+              children: L ? /* @__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(Ae, { children: /* @__PURE__ */ p("div", { ref: re, className: "md:hidden fixed inset-0 z-[var(--prui-z-drawer)]", "data-testid": "mobile-drawer", children: [
+        ne ? /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ p("div", { ref: ae, className: "md:hidden fixed inset-0 z-[var(--prui-z-drawer)]", "data-testid": "mobile-drawer", children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: "absolute inset-0",
-              style: { backgroundColor: "var(--prui-scrim)" },
+              className: "absolute inset-0 prui-drawer-overlay",
+              style: {
+                backgroundColor: "var(--prui-scrim)",
+                opacity: I ? 1 : 0,
+                transition: "opacity var(--prui-duration-slow) var(--prui-ease-out)"
+              },
               onClick: () => O(!1),
               "data-testid": "drawer-backdrop"
             }
@@ -451,18 +455,22 @@ function Qt(t) {
           /* @__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",
+              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 prui-drawer-panel",
+              style: {
+                transform: I ? "translateX(0)" : "translateX(-100%)",
+                transition: "transform var(--prui-duration-slow) var(--prui-ease-out)"
+              },
               role: "dialog",
               "aria-modal": "true",
               "aria-label": "Navigation",
               children: [
                 /* @__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,
+                  r ? /* @__PURE__ */ e("div", { className: "min-w-0", onClick: () => O(!1), children: /* @__PURE__ */ e(oe, { brand: r }) }) : null,
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      ref: Y,
+                      ref: J,
                       "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",
@@ -470,17 +478,17 @@ function Qt(t) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e(Re, { nav: n, onNavigate: () => O(!1), expandAllOn: y, collapsed: !1 })
+                /* @__PURE__ */ e(Ee, { nav: n, onNavigate: () => O(!1), expandAllOn: y, collapsed: !1 })
               ]
             }
           )
         ] }) }) : null,
-        M === "C" ? /* @__PURE__ */ e(
+        j === "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(ie, { brand: r })
+            children: w ?? /* @__PURE__ */ e(oe, { brand: r })
           }
         ) : null,
         /* @__PURE__ */ p(
@@ -489,8 +497,8 @@ function Qt(t) {
             "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(
-                B,
+              z ? /* @__PURE__ */ e(
+                U,
                 {
                   variant: "ghost",
                   size: "icon",
@@ -501,7 +509,7 @@ function Qt(t) {
                   children: /* @__PURE__ */ e(xt, { className: "h-4 w-4", "aria-hidden": !0 })
                 }
               ) : null,
-              /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(ie, { brand: r }) }),
+              /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(oe, { brand: r }) }),
               R ? /* @__PURE__ */ p(
                 "button",
                 {
@@ -529,27 +537,27 @@ 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(pt, {})
+            children: k ? /* @__PURE__ */ e(Ht, { mode: k, config: x, children: g }) : g ?? /* @__PURE__ */ e(pt, {})
           }
         ),
         h ? /* @__PURE__ */ e(l.Suspense, { fallback: null, children: /* @__PURE__ */ e(
-          Ht,
+          Xt,
           {
             timeout: h.sessionTimeout,
             warningTime: h.warningTime,
-            onTimeout: K
+            onTimeout: B
           }
         ) }) : null,
-        R ? /* @__PURE__ */ e(Gt, { open: S, onOpenChange: N, entries: L, placeholder: b.placeholder, onNavigate: c }) : null
+        R ? /* @__PURE__ */ e(Qt, { open: S, onOpenChange: N, entries: K, placeholder: b.placeholder, onNavigate: c }) : null
       ]
     }
   );
 }
-function Rr(t) {
+function Er(t) {
   const { router: r = "browser", initialEntries: n } = t;
-  return /* @__PURE__ */ e(r === "memory" ? dt : mt, { initialEntries: n, children: /* @__PURE__ */ e(Qt, { ...t }) });
+  return /* @__PURE__ */ e(r === "memory" ? dt : mt, { initialEntries: n, children: /* @__PURE__ */ e(Zt, { ...t }) });
 }
-const Er = {
+const Mr = {
   name: "App",
   props: [
     { name: "brand", type: "{ name, mark?, href? }", default: "undefined", control: "object" },
@@ -569,20 +577,20 @@ const Er = {
     { name: "children", type: "ReactNode", default: "Outlet", control: "none" }
   ]
 };
-function Zt(t) {
+function er(t) {
   return Array.isArray(t) ? { fields: t } : t;
 }
-function er(t) {
+function tr(t) {
   if (t)
     return t.map((r) => typeof r == "string" || typeof r == "number" ? { label: String(r), value: String(r) } : r);
 }
-function Ee(t, r) {
+function Me(t, r) {
   const n = {};
   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({
+function rr({
   schema: t,
   initialValues: r,
   defaultValues: n,
@@ -593,10 +601,10 @@ function tr({
   error: T,
   className: k
 }) {
-  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);
+  const { t: x } = X(), y = l.useMemo(() => er(t), [t]), j = r ?? n, [w, P] = l.useState(() => Me(y, j)), [g, u] = l.useState({}), [b, R] = l.useState(null), [E, z] = l.useState(!1);
   l.useEffect(() => {
-    P(Ee(y, M));
-  }, [JSON.stringify(y), JSON.stringify(M ?? {})]);
+    P(Me(y, j));
+  }, [JSON.stringify(y), JSON.stringify(j ?? {})]);
   const A = (i, S) => {
     P((N) => ({ ...N, [i]: S })), u((N) => {
       if (!N[i]) return N;
@@ -619,11 +627,11 @@ function tr({
       R(null);
       try {
         const f = a == null ? void 0 : a({ ...w });
-        f && typeof f.then == "function" && ($(!0), await f);
+        f && typeof f.then == "function" && (z(!0), await f);
       } catch (f) {
         R(f instanceof Error ? f.message : String(f));
       } finally {
-        $(!1);
+        z(!1);
       }
     }
   }, v = d || E;
@@ -635,12 +643,12 @@ function tr({
         "aria-describedby": S ? `prui-form-${i.name}-error` : void 0
       };
       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: [
+        /* @__PURE__ */ p(Vt, { htmlFor: N.id, children: [
           i.label,
           i.required ? /* @__PURE__ */ e("span", { className: "ml-0.5 text-[var(--prui-danger)]", children: "*" }) : null
         ] }),
         i.type === "textarea" ? /* @__PURE__ */ e(
-          Bt,
+          Ut,
           {
             ...N,
             placeholder: i.placeholder,
@@ -649,17 +657,17 @@ function tr({
             onChange: (f) => A(i.name, f.target.value)
           }
         ) : i.type === "select" ? /* @__PURE__ */ e(
-          $e,
+          Fe,
           {
             ...N,
-            options: er(i.options),
+            options: tr(i.options),
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
             onChange: (f) => A(i.name, f)
           }
         ) : i.type === "date" ? /* @__PURE__ */ e(
-          oe,
+          ce,
           {
             ...N,
             type: "date",
@@ -669,7 +677,7 @@ function tr({
             onChange: (f) => A(i.name, f.target.value)
           }
         ) : i.type === "boolean" ? /* @__PURE__ */ e(
-          Fe,
+          Ie,
           {
             ...N,
             disabled: i.disabled || v,
@@ -677,7 +685,7 @@ function tr({
             onChange: (f) => A(i.name, f)
           }
         ) : /* @__PURE__ */ e(
-          oe,
+          ce,
           {
             ...N,
             type: i.type ?? "text",
@@ -692,8 +700,8 @@ function tr({
     }) }),
     T ?? b ? /* @__PURE__ */ e("p", { role: "alert", "data-testid": "form-error", className: "rounded-[var(--prui-radius)] border border-[var(--prui-danger)]/40 bg-[var(--prui-danger)]/10 px-3 py-2 text-sm text-[var(--prui-danger)]", children: T ?? b }) : null,
     /* @__PURE__ */ 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" })
+      o ? /* @__PURE__ */ e(U, { type: "button", variant: "ghost", onClick: o, disabled: v, children: m ?? x.cancel }) : null,
+      /* @__PURE__ */ e(U, { type: "submit", variant: "primary", loading: v, children: y.submitLabel ?? "Submit" })
     ] })
   ] });
 }
@@ -708,26 +716,26 @@ const jr = {
     { name: "error", type: "string | null", default: "null", control: "text" }
   ]
 };
-function _e(t) {
+function qe(t) {
   if (t)
     return t.map((r) => typeof r == "string" || typeof r == "number" ? { label: String(r), value: String(r) } : r);
 }
-function rr(t, r) {
+function ar(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: 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 })),
+      type: nr(a, r),
+      options: (o = qe(a.filterOptions ?? a.options)) == null ? void 0 : o.map((m) => ({ label: m.label, value: m.value })),
       required: !1
     };
   }), submitLabel: r ? "Save" : "Create" };
 }
-function ar(t, r) {
+function nr(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({
+function Pr({
   name: t,
   columns: r,
   list: n,
@@ -739,7 +747,7 @@ function Mr({
   form: k,
   formSchema: x,
   rowKey: y,
-  searchPlaceholder: M,
+  searchPlaceholder: j,
   pageSize: w,
   state: P,
   defaultState: g,
@@ -747,7 +755,7 @@ function Mr({
   onPageChange: b,
   onFilterChange: R,
   onSortChange: E,
-  onSearchChange: $,
+  onSearchChange: z,
   onPageSizeChange: A,
   onSelectionChange: O,
   selectable: v,
@@ -756,7 +764,7 @@ function Mr({
   searchDebounce: N = 250,
   className: f
 }) {
-  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(
+  const { t: c } = X(), h = m ?? d, B = T ?? ["create", "edit", "delete"], K = (s) => B.includes(s) && (s === "create" ? !!a : s === "edit" ? !!o : !!h), _ = l.useMemo(
     () => ({
       page: 1,
       pageSize: w ?? (g == null ? void 0 : g.pageSize) ?? 20,
@@ -768,185 +776,185 @@ function Mr({
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- defaults are read once
     []
-  ), [Y, re] = l.useState(V), ae = l.useMemo(
-    () => ({ ...Y, ...Object.fromEntries(Object.entries(P ?? {}).filter(([, s]) => s !== void 0)) }),
-    [Y, P]
-  ), z = l.useCallback(
+  ), [J, ae] = l.useState(_), ne = l.useMemo(
+    () => ({ ...J, ...Object.fromEntries(Object.entries(P ?? {}).filter(([, s]) => s !== void 0)) }),
+    [J, P]
+  ), I = l.useCallback(
     (s) => {
-      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;
+      ae((D) => {
+        const V = { ...D }, G = P;
+        for (const [Q, it] of Object.entries(s))
+          G && Q in G && G[Q] !== void 0 || (V[Q] = it);
+        const re = { ...V, ...Object.fromEntries(Object.entries(P ?? {}).filter(([, Q]) => Q !== void 0)) };
+        return u == null || u(re), V;
       });
     },
     [P, u]
-  ), { 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);
+  ), { page: Y, pageSize: L, search: $, filters: M, sort: F, selection: le, expandedRows: He } = ne, [Xe, ue] = l.useState([]), [de, me] = l.useState(null), [Je, pe] = l.useState([null]), [Ye, fe] = l.useState(!0), [he, be] = l.useState(null), [q, ve] = l.useState(null), [We, W] = l.useState(!1), [ge, xe] = l.useState(!1), [se, Ge] = l.useState($);
   l.useEffect(() => {
-    const s = setTimeout(() => Ge(F), N);
+    const s = setTimeout(() => Ge($), N);
     return () => clearTimeout(s);
-  }, [F, N]);
-  const xe = Ye[I - 1] ?? null, ye = JSON.stringify(q), Q = l.useCallback(async () => {
-    pe(!0), he(null);
+  }, [$, N]);
+  const ye = Je[Y - 1] ?? null, we = JSON.stringify(M), Z = l.useCallback(async () => {
+    fe(!0), be(null);
     try {
-      const s = await n({ search: le, cursor: xe, pageSize: j, sort: ne, filters: q });
-      ce(s.rows), de(s.nextCursor ?? s.cursor ?? null);
+      const s = await n({ search: se, cursor: ye, pageSize: L, sort: F, filters: M });
+      ue(s.rows), me(s.nextCursor ?? s.cursor ?? null);
     } catch (s) {
-      he(s instanceof Error ? s.message : String(s)), ce([]), de(null);
+      be(s instanceof Error ? s.message : String(s)), ue([]), me(null);
     } finally {
-      pe(!1);
+      fe(!1);
     }
-  }, [le, xe, j, ne, ye, n]);
+  }, [se, ye, L, F, we, n]);
   l.useEffect(() => {
-    Q();
-  }, [Q]), l.useEffect(() => {
-    z({ page: 1 }), me([null]);
-  }, [le, j, ye]);
+    Z();
+  }, [Z]), l.useEffect(() => {
+    I({ page: 1 }), pe([null]);
+  }, [se, L, we]);
   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: _e(s.filterOptions ?? s.options)
+      options: qe(s.filterOptions ?? s.options)
     })),
     [r]
   ), Ze = (s, D) => {
-    const U = { ...q, [s]: D };
-    z({ filters: U }), R == null || R(U);
+    const V = { ...M, [s]: D };
+    I({ filters: V }), R == null || R(V);
   }, et = (s) => {
-    z({ search: s }), $ == null || $(s);
+    I({ search: s }), z == null || z(s);
   }, tt = (s) => {
-    z({ sort: s }), E == null || E(s);
+    I({ 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;
+      const V = de;
+      pe((G) => {
+        const re = [...G];
+        return re[s - 1] = V, re;
       });
     }
-    z({ page: s }), b == null || b(s);
+    I({ page: s }), b == null || b(s);
   }, at = l.useMemo(
     () => [
       ...r.filter((s) => !s.hidden),
-      ...L("edit") || L("delete") ? [
+      ...K("edit") || K("delete") ? [
         {
           key: "actions",
           label: "",
           align: "right",
           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: () => {
+            K("edit") ? /* @__PURE__ */ e(U, { variant: "ghost", size: "icon", "aria-label": "Edit", onClick: () => {
               var D;
-              return (D = Z.current) == null ? void 0 : D.call(Z, s);
+              return (D = ee.current) == null ? void 0 : D.call(ee, s);
             }, "data-testid": "resource-edit", children: /* @__PURE__ */ e(kt, { className: "h-3.5 w-3.5", "aria-hidden": !0 }) }) : null,
-            L("delete") ? /* @__PURE__ */ e(B, { variant: "ghost", size: "icon", "aria-label": "Delete", disabled: ve, onClick: () => {
+            K("delete") ? /* @__PURE__ */ e(U, { variant: "ghost", size: "icon", "aria-label": "Delete", disabled: ge, onClick: () => {
               var D;
-              return void ((D = ee.current) == null ? void 0 : D.call(ee, s));
+              return void ((D = te.current) == null ? void 0 : D.call(te, 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
-    [r, a, o, h, ve]
+    [r, a, o, h, ge]
   ), nt = () => {
-    be(null), W(!0);
-  }, we = (s) => {
-    be(s), W(!0);
-  }, Ne = async (s) => {
-    if (!(!await Ft({
+    ve(null), W(!0);
+  }, Ne = (s) => {
+    ve(s), W(!0);
+  }, ke = async (s) => {
+    if (!(!await It({
       title: `${c.delete} ${H}?`,
       message: c.deleteConfirmMessage,
       confirmText: c.delete,
       cancelText: c.cancel,
       type: "danger"
     }) || !h)) {
-      ge(!0);
+      xe(!0);
       try {
-        await h(s), await Q();
+        await h(s), await Z();
       } finally {
-        ge(!1);
+        xe(!1);
       }
     }
-  }, Z = l.useRef(we);
-  Z.current = we;
-  const ee = l.useRef(Ne);
+  }, ee = l.useRef(Ne);
   ee.current = Ne;
+  const te = l.useRef(ke);
+  te.current = ke;
   const lt = l.useCallback(
     (s, D) => String(y ? y(s, D) : s.id ?? D),
     [y]
-  ), ke = x ?? rr(r, _), st = _ ? Object.fromEntries(
-    ke.fields.map((s) => [s.name, _[s.name] ?? ""])
+  ), Se = x ?? ar(r, q), st = q ? Object.fromEntries(
+    Se.fields.map((s) => [s.name, q[s.name] ?? ""])
   ) : void 0, H = t.replace(/s$/, "");
   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,
+      Lt,
       {
-        searchPlaceholder: M ?? c.searchEntity.replace("{name}", t),
-        searchValue: F,
+        searchPlaceholder: j ?? c.searchEntity.replace("{name}", t),
+        searchValue: $,
         onSearchChange: et,
         filters: Qe,
-        filterValues: q,
+        filterValues: M,
         onFilterChange: Ze,
-        actions: L("create") ? /* @__PURE__ */ p(B, { variant: "primary", size: "sm", onClick: nt, "data-testid": "resource-create", children: [
+        actions: K("create") ? /* @__PURE__ */ p(U, { 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
       }
     ),
-    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,
+    he ? /* @__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: he }) : null,
     /* @__PURE__ */ e(
-      Lt,
+      Kt,
       {
         columns: at,
-        rows: Je,
+        rows: Xe,
         rowKey: lt,
-        sort: ne,
+        sort: F,
         onSortChange: tt,
-        loading: We,
+        loading: Ye,
         selectable: v,
-        selectedRowKeys: qe,
+        selectedRowKeys: le,
         onSelectionChange: (s, D) => {
-          z({ selection: s }), O == null || O(s, D);
+          I({ selection: s }), O == null || O(s, D);
         },
         renderExpandedRow: i,
         expandedRowKeys: He,
-        onExpandedRowsChange: (s) => z({ expandedRows: s }),
+        onExpandedRowsChange: (s) => I({ expandedRows: s }),
         virtualized: S
       }
     ),
     /* @__PURE__ */ e(
-      Kt,
+      Bt,
       {
-        page: I,
-        pageSize: j,
-        hasNextPage: ue != null,
-        hasPreviousPage: I > 1,
+        page: Y,
+        pageSize: L,
+        hasNextPage: de != null,
+        hasPreviousPage: Y > 1,
         onPageChange: rt,
         onPageSizeChange: (s) => {
-          z({ pageSize: s }), A == null || A(s);
+          I({ pageSize: s }), A == null || A(s);
         }
       }
     ),
-    /* @__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__ */ p($e, { open: We, onClose: () => W(!1), size: "sm", ariaLabel: q ? 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: q ? c.editEntity.replace("{name}", H) : c.newEntity.replace("{name}", H) }) }),
       /* @__PURE__ */ e("div", { className: "px-8 pb-8", children: k ?? /* @__PURE__ */ e(
-        tr,
+        rr,
         {
-          schema: ke,
+          schema: Se,
           initialValues: st,
           onCancel: () => W(!1),
           onSubmit: async (s) => {
-            _ ? await (o == null ? void 0 : o(_, s)) : await (a == null ? void 0 : a(s)), W(!1), await Q();
+            q ? await (o == null ? void 0 : o(q, s)) : await (a == null ? void 0 : a(s)), W(!1), await Z();
           }
         }
       ) })
     ] })
   ] });
 }
-const Pr = {
+const Or = {
   name: "Resource",
   props: [
     { name: "name", type: "string", default: null, control: "text" },
@@ -975,18 +983,18 @@ const Pr = {
     { name: "searchDebounce", type: "number (ms)", default: "250", control: "number" }
   ]
 };
-function Or({ items: t, className: r }) {
+function Dr({ 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__ */ 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: [
+    return /* @__PURE__ */ p(Le, { "data-testid": "stat-card", children: [
+      /* @__PURE__ */ p(Ke, { className: "pb-2", children: [
+        /* @__PURE__ */ p(Be, { 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(Be, { className: "text-2xl", children: n.value })
+        /* @__PURE__ */ e(Ue, { className: "text-2xl", children: n.value })
       ] }),
-      n.delta ? /* @__PURE__ */ e(Ue, { className: "pb-3", children: /* @__PURE__ */ e(
+      n.delta ? /* @__PURE__ */ e(Ve, { className: "pb-3", children: /* @__PURE__ */ e(
         "span",
         {
           className: C(
@@ -1001,23 +1009,23 @@ function Or({ items: t, className: r }) {
     ] }, `${n.label}-${a}`);
   }) });
 }
-const Dr = {
+const Ar = {
   name: "StatRow",
   props: [
     { name: "items", type: "StatItem[]", default: null, control: "object" },
     { name: "className", type: "string", default: "undefined", control: "text" }
   ]
 };
-function nr(t) {
+function lr(t) {
   if (t)
     return t.map((r) => typeof r == "string" || typeof r == "number" ? { label: String(r), value: String(r) } : r);
 }
-function lr({ field: t }) {
+function sr({ field: t }) {
   const { name: r, type: n, value: a, onChange: o } = t;
   if (!n || !r) return null;
   const m = `prui-settings-${r}`;
   return n === "switch" ? /* @__PURE__ */ e("label", { className: "flex items-center gap-2", htmlFor: m, children: /* @__PURE__ */ e(
-    Fe,
+    Ie,
     {
       id: m,
       checked: !!a,
@@ -1025,17 +1033,17 @@ function lr({ field: t }) {
       "aria-label": t.label
     }
   ) }) : n === "select" ? /* @__PURE__ */ e(
-    $e,
+    Fe,
     {
       id: m,
       className: "w-56",
-      options: nr(t.options) ?? [],
+      options: lr(t.options) ?? [],
       value: String(a ?? ""),
       onChange: (d) => o == null ? void 0 : o(Array.isArray(d) ? d.join(",") : d),
       "aria-label": t.label
     }
   ) : /* @__PURE__ */ e(
-    oe,
+    ce,
     {
       id: m,
       type: n === "number" ? "number" : "text",
@@ -1046,7 +1054,7 @@ function lr({ field: t }) {
     }
   );
 }
-function Ar({ title: t = "Settings", sections: r, className: n }) {
+function zr({ 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__ */ p("div", { className: "flex flex-col gap-6 md:flex-row", children: [
@@ -1058,30 +1066,30 @@ function Ar({ title: t = "Settings", sections: r, className: n }) {
           children: a.title ?? a.label ?? a.id
         }
       ) }, 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("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: r.map((a) => /* @__PURE__ */ p(Le, { id: `settings-${a.id}`, "data-testid": "settings-section", children: [
+        /* @__PURE__ */ p(Ke, { children: [
+          /* @__PURE__ */ e(Ue, { children: a.title ?? a.label ?? a.id }),
+          a.description ? /* @__PURE__ */ e(Be, { children: a.description }) : null
         ] }),
-        /* @__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__ */ e(Ve, { 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 }) })
+          /* @__PURE__ */ e("div", { className: "shrink-0", children: o.control ?? /* @__PURE__ */ e(sr, { field: o }) })
         ] }, `${o.label}-${m}`)) }) })
       ] }, a.id)) })
     ] })
   ] });
 }
-const zr = {
+const $r = {
   name: "Settings",
   props: [
     { name: "title", type: "string", default: "'Settings'", control: "text" },
     { name: "sections", type: "SettingsSection[]", default: null, control: "object" }
   ]
 }, je = ["mousedown", "keydown", "scroll", "touchstart", "click"];
-function sr({
+function ir({
   timeout: t = 15,
   warningTime: r = 2,
   onTimeout: n,
@@ -1089,15 +1097,15 @@ function sr({
   title: o = "Session expiring soon",
   message: m = "Your session is about to expire due to inactivity."
 }) {
-  const d = Math.max(0, t) * 6e4, T = Math.min(Math.max(0, 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(() => {
+  const d = Math.max(0, t) * 6e4, T = Math.min(Math.max(0, r) * 6e4, d), [k, x] = l.useState(!1), [y, j] = l.useState(T), w = l.useRef(null), P = l.useRef(null), g = l.useRef(null), u = l.useRef(!1), b = l.useCallback(() => {
     for (const i of [w, P, g])
       i.current != null && (clearInterval(i.current), clearTimeout(i.current), i.current = null);
   }, []), R = l.useCallback(() => {
     b(), x(!1), n == null || n();
   }, [b, n]), E = l.useCallback(() => {
     b(), x(!1), u.current = !1, w.current = window.setTimeout(() => {
-      u.current = !0, M(T), x(!0), g.current = window.setInterval(() => {
-        M((i) => i <= 1e3 ? (R(), 0) : i - 1e3);
+      u.current = !0, j(T), x(!0), g.current = window.setInterval(() => {
+        j((i) => i <= 1e3 ? (R(), 0) : i - 1e3);
       }, 1e3);
     }, d - T), P.current = window.setTimeout(R, d);
   }, [b, R, d, T]);
@@ -1111,14 +1119,14 @@ function sr({
       for (const S of je) document.removeEventListener(S, i);
     };
   }, [E, b]);
-  const $ = () => {
+  const z = () => {
     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,
+    $e,
     {
       open: k,
-      onClose: $,
+      onClose: z,
       size: "sm",
       ariaLabel: o,
       children: [
@@ -1129,14 +1137,14 @@ function sr({
           /* @__PURE__ */ e("div", { className: "py-4 font-mono text-4xl font-bold text-[var(--prui-fg)]", "data-testid": "session-countdown", children: v })
         ] }),
         /* @__PURE__ */ 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" })
+          /* @__PURE__ */ e(U, { variant: "default", className: "flex-1", onClick: R, "data-testid": "session-logout", children: "Log out now" }),
+          /* @__PURE__ */ e(U, { variant: "primary", className: "flex-1", onClick: z, "data-testid": "session-extend", children: "Continue session" })
         ] })
       ]
     }
   );
 }
-const ir = {
+const or = {
   name: "SessionTimeout",
   props: [
     { name: "timeout", type: "number", default: "15", control: "number" },
@@ -1144,12 +1152,12 @@ const ir = {
     { name: "onTimeout", type: "() => void", default: null, control: "none" },
     { name: "onExtend", type: "() => void", default: null, control: "none" }
   ]
-}, or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SessionTimeout: sr,
-  sessionTimeoutPropsMeta: ir
+  SessionTimeout: ir,
+  sessionTimeoutPropsMeta: or
 }, Symbol.toStringTag, { value: "Module" }));
-function $r({ title: t, description: r, brand: n, width: a = "max-w-sm", footer: o, children: m, className: d }) {
+function Fr({ 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,
@@ -1165,7 +1173,7 @@ function $r({ title: t, description: r, brand: n, width: a = "max-w-sm", footer:
     ] })
   ] }) });
 }
-const Fr = {
+const Ir = {
   name: "AuthShell",
   props: [
     { name: "title", type: "string", default: null, control: "text" },
@@ -1177,23 +1185,23 @@ const Fr = {
   ]
 };
 export {
-  Rr as A,
-  Gt as C,
-  tr as F,
-  Mr as R,
-  sr as S,
-  Qt as a,
-  $r as b,
-  qt as c,
-  Ar as d,
-  Re as e,
-  Or as f,
-  Er as g,
-  Fr as h,
+  Er as A,
+  Qt as C,
+  rr as F,
+  Pr as R,
+  ir as S,
+  Zt as a,
+  Fr as b,
+  Ht as c,
+  zr as d,
+  Ee as e,
+  Dr as f,
+  Mr as g,
+  Ir as h,
   jr as i,
-  zr as j,
-  Dr as k,
-  Pr as r,
-  ir as s,
+  $r as j,
+  Ar as k,
+  Or as r,
+  or as s,
   Jt as u
 };