@skiddph/prui 0.9.0 → 0.10.0

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

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as f, Fragment as Oe } from "react/jsx-runtime";
 import * as l from "react";
 import { createPortal as ut } from "react-dom";
-import { Routes as dt, Route as ke, Navigate as mt, MemoryRouter as pt, BrowserRouter as ft, useLocation as De, useNavigate as ze, Outlet as ht, Link as bt, NavLink as vt } from "react-router-dom";
+import { 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 { cn as C } from "../core/cn.js";
 import { Dropdown as Rt } from "../core/dropdown.js";
 import { Button as K } from "../core/button.js";
-import { useOverlay as Ae, Portal as $e, useOverlayStack as Et, useEscapeKey as Mt } from "../core/overlay.js";
-import { endIndex as jt, homeIndex as Pt, moveIndex as Ce } from "../core/list-nav.js";
-import { resolveThemeName as Ot, themeMode as Dt, readPersistedTheme as zt, applyTheme as Re, listThemes as At, clearAppliedTokens as $t } from "../theme.js";
+import { 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 { usePruiI18n as J } from "../i18n.js";
 import { Modal as Fe, confirmModal as Ft } from "../core/modal.js";
 import { b as It, D as Lt, a as Kt } from "./data-table-toolbar-B-5J2Ozl.js";
@@ -32,10 +32,10 @@ const Vt = [
   { path: "/admin-setup", name: "adminSetup" }
 ];
 function qt({ mode: t, config: a, children: n }) {
-  const r = t === "auth" || t === "auth+utility", o = t === "utility" || t === "auth+utility", d = [
+  const r = t === "auth" || t === "auth+utility", o = t === "utility" || t === "auth+utility", m = [
     ...r ? Vt : [],
     ...o ? _t : []
-  ], [m, T] = l.useState(null);
+  ], [d, T] = l.useState(null);
   return l.useEffect(() => {
     let k = !1;
     return import("../pages.js").then((x) => {
@@ -43,9 +43,9 @@ function qt({ mode: t, config: a, children: n }) {
     }), () => {
       k = !0;
     };
-  }, []), m ? /* @__PURE__ */ f(dt, { children: [
-    d.map(({ path: k, name: x }) => {
-      const y = m[x];
+  }, []), d ? /* @__PURE__ */ f(dt, { children: [
+    m.map(({ path: k, name: x }) => {
+      const y = d[x];
       return y ? /* @__PURE__ */ e(ke, { path: k, element: /* @__PURE__ */ e(y, { ...(a == null ? void 0 : a[x]) ?? {} }) }, k) : null;
     }),
     n,
@@ -56,15 +56,15 @@ const Ht = l.lazy(
   () => Promise.resolve().then(() => or).then((t) => ({ default: t.SessionTimeout }))
 );
 function Jt(t) {
-  const a = t !== !1, n = typeof t == "object" ? t : {}, r = n.persist !== !1, o = Ot(n.default ?? "control"), d = Dt(o), [m, T] = l.useState(() => (r ? zt() : null) ?? { theme: o, mode: d }), k = l.useCallback(
+  const a = t !== !1, n = typeof t == "object" ? t : {}, r = n.persist !== !1, o = Ot(n.default ?? "control"), m = Dt(o), [d, T] = l.useState(() => (r ? At() : null) ?? { theme: o, mode: m }), k = l.useCallback(
     (x) => {
       T(x), Re({ theme: x.theme, mode: x.mode, storageKey: r ? "prui:theme" : null });
     },
     [r]
   );
   return l.useEffect(() => {
-    Re({ theme: m.theme, mode: m.mode, storageKey: r ? "prui:theme" : null });
-  }, [m, r]), { enabled: a, state: m, setTheme: k };
+    Re({ theme: d.theme, mode: d.mode, storageKey: r ? "prui:theme" : null });
+  }, [d, r]), { enabled: a, state: d, setTheme: k };
 }
 function Yt({ config: t }) {
   const { enabled: a, state: n, setTheme: r } = Jt(t), { t: o } = J();
@@ -83,10 +83,10 @@ function Yt({ config: t }) {
           children: /* @__PURE__ */ e(wt, { className: "h-4 w-4", "aria-hidden": !0 })
         }
       ),
-      items: At().map((d) => ({
-        label: `${d}${d === n.theme ? " (active)" : ""}`,
+      items: zt().map((m) => ({
+        label: `${m}${m === n.theme ? " (active)" : ""}`,
         onSelect: () => {
-          $t(), r({ theme: d, mode: d === "daylight" ? "light" : "dark" });
+          $t(), r({ theme: m, mode: m === "daylight" ? "light" : "dark" });
         }
       }))
     }
@@ -97,19 +97,19 @@ function se(t, a) {
 }
 function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
   var O;
-  const { pathname: o } = De(), d = ze(), m = (t.items ?? []).some(
+  const { pathname: o } = De(), m = Ae(), d = (t.items ?? []).some(
     (v) => v.href ? se(o, v.href) : (v.items ?? []).some((i) => i.href && se(o, i.href))
-  ), [T, k] = l.useState(m || n !== void 0 && o === n);
+  ), [T, k] = l.useState(d || n !== void 0 && o === n);
   l.useEffect(() => {
-    m && k(!0);
-  }, [m]);
-  const x = t.icon, [y, R] = l.useState(!1), [w, P] = l.useState(null), g = l.useRef(null), u = l.useRef(null), [b, E] = l.useState(-1), M = l.useCallback(() => {
+    d && k(!0);
+  }, [d]);
+  const x = t.icon, [y, 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(() => {
     var i, S;
     R(!1), E(-1);
     const v = document.activeElement;
     v && ((i = u.current) != null && i.contains(v)) && ((S = g.current) == null || S.focus());
-  }, []), { setElement: $, isTop: A } = Et(y);
-  if (Mt(y, A, () => M()), l.useEffect(() => {
+  }, []), { setElement: $, isTop: z } = Et(y);
+  if (jt(y, z, () => j()), l.useEffect(() => {
     var v;
     y && ((v = u.current) == null || v.focus());
   }, [y]), r) {
@@ -149,10 +149,10 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
           c.preventDefault(), N(Pt(h));
           break;
         case "End":
-          c.preventDefault(), N(jt(h));
+          c.preventDefault(), N(Mt(h));
           break;
         case "Tab":
-          M();
+          j();
           break;
       }
     };
@@ -172,14 +172,14 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
           "data-testid": "rail-group-trigger",
           className: C(
             "flex w-full items-center justify-center rounded-[var(--prui-radius)] px-2.5 py-1.5 text-sm cursor-pointer",
-            m || y ? "text-[var(--prui-brand)]" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)]"
+            d || y ? "text-[var(--prui-brand)]" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)]"
           ),
           children: x ? /* @__PURE__ */ e(x, { className: "h-4 w-4 shrink-0", "aria-hidden": !0 }) : /* @__PURE__ */ e("span", { className: "prui-nav-mono text-[10px] font-semibold", children: t.label.slice(0, 2).toUpperCase() })
         }
       ),
       y && w ? ut(
         /* @__PURE__ */ f(Oe, { children: [
-          /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[var(--prui-z-flyout)]", onClick: () => M(), "data-testid": "rail-flyout-backdrop" }),
+          /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[var(--prui-z-flyout)]", onClick: () => j(), "data-testid": "rail-flyout-backdrop" }),
           /* @__PURE__ */ f(
             "div",
             {
@@ -208,7 +208,7 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
                         c.href && se(o, c.href) ? "bg-[var(--prui-brand)]/15 text-[var(--prui-brand)]" : "text-[var(--prui-fg)] hover:bg-[var(--prui-raise)] focus-visible:bg-[var(--prui-raise)] outline-none"
                       ),
                       onClick: () => {
-                        M(), a == null || a(), c.href && d(c.href);
+                        j(), a == null || a(), c.href && m(c.href);
                       },
                       children: c.label
                     },
@@ -232,7 +232,7 @@ function Wt({ item: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
         onClick: () => k((v) => !v),
         className: C(
           "flex w-full items-center gap-2 rounded-[var(--prui-radius)] px-2.5 py-1.5 text-sm cursor-pointer",
-          m ? "text-[var(--prui-fg)]" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)]"
+          d ? "text-[var(--prui-fg)]" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)]"
         ),
         children: [
           x ? /* @__PURE__ */ e(x, { className: "h-4 w-4 shrink-0", "aria-hidden": !0 }) : /* @__PURE__ */ e("span", { className: C("prui-nav-mono text-[10px] font-semibold"), children: t.label.slice(0, 2).toUpperCase() }),
@@ -253,10 +253,10 @@ function qe({ item: t, onNavigate: a, nested: n, expandAllOn: r, collapsed: o })
     {
       to: t.href,
       onClick: a,
-      className: ({ isActive: d }) => C(
+      className: ({ isActive: m }) => C(
         "flex items-center gap-2 rounded-[var(--prui-radius)] px-2.5 py-1.5 text-sm",
         n && "pl-2.5",
-        d ? "bg-[var(--prui-brand)]/15 text-[var(--prui-brand)] font-medium" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)] hover:bg-[var(--prui-raise)]"
+        m ? "bg-[var(--prui-brand)]/15 text-[var(--prui-brand)] font-medium" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)] hover:bg-[var(--prui-raise)]"
       ),
       children: [
         t.icon && !n ? /* @__PURE__ */ e(t.icon, { className: "h-4 w-4 shrink-0", "aria-hidden": !0 }) : o ? /* @__PURE__ */ e("span", { className: C("prui-nav-mono text-[10px] font-semibold"), children: t.label.slice(0, 2).toUpperCase() }) : null,
@@ -267,9 +267,9 @@ function qe({ item: t, onNavigate: a, nested: n, expandAllOn: r, collapsed: o })
 }
 function Ee({ nav: t, onNavigate: a, expandAllOn: n, collapsed: r }) {
   const { t: o } = J();
-  return /* @__PURE__ */ e("nav", { "aria-label": o.mainNavigation, className: "prui-app-nav", children: /* @__PURE__ */ e("ul", { className: "flex flex-col gap-0.5", children: t.map((d) => /* @__PURE__ */ e(qe, { item: d, onNavigate: a, expandAllOn: n, collapsed: r }, d.href ?? d.label)) }) });
+  return /* @__PURE__ */ e("nav", { "aria-label": o.mainNavigation, className: "prui-app-nav", children: /* @__PURE__ */ e("ul", { className: "flex flex-col gap-0.5", children: t.map((m) => /* @__PURE__ */ e(qe, { item: m, onNavigate: a, expandAllOn: n, collapsed: r }, m.href ?? m.label)) }) });
 }
-function Me({ brand: t }) {
+function je({ brand: t }) {
   if (!t) return null;
   const a = /* @__PURE__ */ f(Oe, { children: [
     t.mark ? /* @__PURE__ */ e("img", { src: t.mark, alt: "", className: "h-6 w-6 rounded-[var(--prui-radius-1)] object-cover" }) : null,
@@ -284,12 +284,12 @@ function Gt({
   placeholder: r,
   onNavigate: o
 }) {
-  const { t: d } = J(), [m, T] = l.useState(""), [k, x] = l.useState(0), y = l.useRef(null), R = r ?? d.commandPlaceholder, w = l.useMemo(() => {
-    const u = m.trim().toLowerCase();
+  const { t: m } = J(), [d, T] = l.useState(""), [k, x] = l.useState(0), y = l.useRef(null), R = r ?? m.commandPlaceholder, w = l.useMemo(() => {
+    const u = d.trim().toLowerCase();
     return u ? n.filter((b) => b.label.toLowerCase().includes(u)) : n;
-  }, [n, m]);
-  l.useEffect(() => x(0), [m]);
-  const { ref: P } = Ae({
+  }, [n, d]);
+  l.useEffect(() => x(0), [d]);
+  const { ref: P } = ze({
     open: t,
     onEscape: () => a(!1),
     initialFocus: y
@@ -324,7 +324,7 @@ function Gt({
                 "aria-label": "Command palette search",
                 "aria-activedescendant": w[k] ? `palette-option-${k}` : void 0,
                 placeholder: R,
-                value: m,
+                value: d,
                 onChange: (u) => T(u.target.value),
                 onKeyDown: (u) => {
                   if (u.key === "ArrowDown" && (u.preventDefault(), x((b) => Math.min(b + 1, w.length - 1))), u.key === "ArrowUp" && (u.preventDefault(), x((b) => Math.max(b - 1, 0))), u.key === "Home" && w.length > 0 && (u.preventDefault(), x(0)), u.key === "End" && w.length > 0 && (u.preventDefault(), x(w.length - 1)), u.key === "Enter") {
@@ -335,7 +335,7 @@ function Gt({
                 className: "w-full bg-transparent px-4 py-3 text-sm text-[var(--prui-fg)] placeholder:text-[var(--prui-dim)] outline-none border-b border-[var(--prui-line)] rounded-t-[var(--prui-radius)]"
               }
             ),
-            /* @__PURE__ */ e("ul", { id: "prui-palette-listbox", role: "listbox", "aria-label": "Commands", className: "max-h-64 overflow-auto p-1", children: w.length === 0 ? /* @__PURE__ */ e("li", { className: "px-3 py-2 text-sm text-[var(--prui-dim)]", role: "option", "aria-selected": "false", "aria-disabled": "true", children: d.commandNoMatches }) : w.map((u, b) => /* @__PURE__ */ f(
+            /* @__PURE__ */ e("ul", { id: "prui-palette-listbox", role: "listbox", "aria-label": "Commands", className: "max-h-64 overflow-auto p-1", children: w.length === 0 ? /* @__PURE__ */ e("li", { className: "px-3 py-2 text-sm text-[var(--prui-dim)]", role: "option", "aria-selected": "false", "aria-disabled": "true", children: m.commandNoMatches }) : w.map((u, b) => /* @__PURE__ */ f(
               "li",
               {
                 id: `palette-option-${b}`,
@@ -366,8 +366,8 @@ function Qt(t) {
     nav: n = [],
     search: r = !0,
     theme: o = !0,
-    auth: d = !1,
-    sidebar: m = {},
+    auth: m = !1,
+    sidebar: d = {},
     header: T,
     pages: k,
     pagesConfig: x,
@@ -376,37 +376,37 @@ function Qt(t) {
     sidebarHeader: w,
     sidebarFooter: P,
     children: g
-  } = t, { t: u } = J(), b = typeof r == "object" ? r : { enabled: r !== !1 }, E = b.enabled !== !1, M = b.hotkey ?? "/", $ = m.collapsible !== !1, [A, O] = l.useState(m.defaultOpen === !0), [v, i] = l.useState(!0), [S, N] = l.useState(!1), p = De(), c = ze(), h = l.useMemo(
-    () => d === !1 ? null : d === !0 ? {} : d,
-    [d]
+  } = 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(
+    () => m === !1 ? null : m === !0 ? {} : m,
+    [m]
   ), B = 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 j of n)
-      if (j.items)
-        for (const I of j.items)
-          I.href && F.push({ label: `${j.label} / ${I.label}`, href: I.href, group: j.label });
-      else j.href && F.push({ label: j.label, href: j.href });
+    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;
   }, [n]);
   l.useEffect(() => {
     if (!E) return;
-    const F = (j) => {
-      const I = j.target, q = I && (I.tagName === "INPUT" || I.tagName === "TEXTAREA" || I.isContentEditable);
-      j.key === M && !q && !j.metaKey && !j.ctrlKey && !j.altKey && (j.preventDefault(), N(!0));
+    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));
     };
     return document.addEventListener("keydown", F), () => document.removeEventListener("keydown", F);
-  }, [M, E]);
+  }, [j, E]);
   const V = l.useRef(p.pathname);
   l.useEffect(() => {
     V.current !== p.pathname && (V.current = p.pathname, O(!1));
   }, [p.pathname]);
-  const Y = l.useRef(null), { ref: re } = Ae({
-    open: A,
+  const Y = l.useRef(null), { ref: re } = ze({
+    open: z,
     onEscape: () => O(!1),
     initialFocus: Y
-  }), ae = m.width ?? 240, D = !v && R !== "D";
+  }), ae = d.width ?? 240, D = !v && R !== "D";
   return /* @__PURE__ */ f(
     "div",
     {
@@ -438,7 +438,7 @@ function Qt(t) {
             }
           ) }) : null
         ] }),
-        A ? /* @__PURE__ */ e($e, { children: /* @__PURE__ */ f("div", { ref: re, className: "md:hidden fixed inset-0 z-[var(--prui-z-drawer)]", "data-testid": "mobile-drawer", children: [
+        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: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -477,7 +477,7 @@ function Qt(t) {
           {
             "data-testid": "sidebar-header",
             className: "prui-shell-sidehead hidden h-14 items-center gap-2 border-b border-[var(--prui-line)] bg-[var(--prui-surface)] px-4 md:flex",
-            children: w ?? /* @__PURE__ */ e(Me, { brand: a })
+            children: w ?? /* @__PURE__ */ e(je, { brand: a })
           }
         ) : null,
         /* @__PURE__ */ f(
@@ -510,7 +510,7 @@ function Qt(t) {
                   children: D ? /* @__PURE__ */ e(Se, { className: "h-4 w-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(Te, { className: "h-4 w-4", "aria-hidden": !0 })
                 }
               ) : null,
-              /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(Me, { brand: a }) }),
+              /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(je, { brand: a }) }),
               E ? /* @__PURE__ */ f(
                 "button",
                 {
@@ -521,7 +521,7 @@ function Qt(t) {
                   children: [
                     /* @__PURE__ */ e(yt, { className: "h-4 w-4", "aria-hidden": !0 }),
                     /* @__PURE__ */ e("span", { className: "flex-1 text-left", children: b.placeholder ?? `${u.search}...` }),
-                    /* @__PURE__ */ e("kbd", { className: "ml-auto rounded-[var(--prui-radius-1)] border border-[var(--prui-line)] bg-[var(--prui-raise)] px-1.5 py-0.5 text-xs", children: M })
+                    /* @__PURE__ */ e("kbd", { className: "ml-auto rounded-[var(--prui-radius-1)] border border-[var(--prui-line)] bg-[var(--prui-raise)] px-1.5 py-0.5 text-xs", children: j })
                   ]
                 }
               ) : null,
@@ -585,7 +585,7 @@ function er(t) {
   if (t)
     return t.map((a) => typeof a == "string" || typeof a == "number" ? { label: String(a), value: String(a) } : a);
 }
-function je(t, a) {
+function Me(t, a) {
   const n = {};
   for (const r of t.fields)
     a && r.name in a ? n[r.name] = a[r.name] : r.defaultValue !== void 0 ? n[r.name] = r.defaultValue : r.type === "boolean" ? n[r.name] = !1 : n[r.name] = "";
@@ -597,16 +597,16 @@ function tr({
   defaultValues: n,
   onSubmit: r,
   onCancel: o,
-  cancelLabel: d,
-  submitting: m = !1,
+  cancelLabel: m,
+  submitting: d = !1,
   error: T,
   className: k
 }) {
-  const { t: x } = J(), y = l.useMemo(() => Zt(t), [t]), R = a ?? n, [w, P] = l.useState(() => je(y, R)), [g, u] = l.useState({}), [b, E] = l.useState(null), [M, $] = l.useState(!1);
+  const { t: x } = J(), y = l.useMemo(() => Zt(t), [t]), R = a ?? n, [w, P] = l.useState(() => Me(y, R)), [g, u] = l.useState({}), [b, E] = l.useState(null), [j, $] = l.useState(!1);
   l.useEffect(() => {
-    P(je(y, R));
+    P(Me(y, R));
   }, [JSON.stringify(y), JSON.stringify(R ?? {})]);
-  const A = (i, S) => {
+  const z = (i, S) => {
     P((N) => ({ ...N, [i]: S })), u((N) => {
       if (!N[i]) return N;
       const p = { ...N };
@@ -635,7 +635,7 @@ function tr({
         $(!1);
       }
     }
-  }, v = m || M;
+  }, v = d || j;
   return /* @__PURE__ */ f("form", { onSubmit: O, className: C("prui-form flex flex-col gap-4", k), noValidate: !0, children: [
     /* @__PURE__ */ e("div", { className: C("grid gap-4", y.columns === 2 && "md:grid-cols-2"), children: y.fields.map((i) => {
       const S = g[i.name], N = {
@@ -655,7 +655,7 @@ function tr({
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => A(i.name, p.target.value)
+            onChange: (p) => z(i.name, p.target.value)
           }
         ) : i.type === "select" ? /* @__PURE__ */ e(
           Ie,
@@ -665,7 +665,7 @@ function tr({
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => A(i.name, p)
+            onChange: (p) => z(i.name, p)
           }
         ) : i.type === "date" ? /* @__PURE__ */ e(
           ie,
@@ -675,7 +675,7 @@ function tr({
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => A(i.name, p.target.value)
+            onChange: (p) => z(i.name, p.target.value)
           }
         ) : i.type === "boolean" ? /* @__PURE__ */ e(
           Le,
@@ -683,7 +683,7 @@ function tr({
             ...N,
             disabled: i.disabled || v,
             checked: !!w[i.name],
-            onChange: (p) => A(i.name, p)
+            onChange: (p) => z(i.name, p)
           }
         ) : /* @__PURE__ */ e(
           ie,
@@ -693,7 +693,7 @@ function tr({
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(w[i.name] ?? ""),
-            onChange: (p) => A(i.name, i.type === "number" ? p.target.value === "" ? "" : Number(p.target.value) : p.target.value)
+            onChange: (p) => z(i.name, i.type === "number" ? p.target.value === "" ? "" : Number(p.target.value) : p.target.value)
           }
         ),
         S ? /* @__PURE__ */ e("p", { id: `prui-form-${i.name}-error`, role: "alert", className: "text-xs text-[var(--prui-danger)]", children: S }) : null
@@ -701,12 +701,12 @@ function tr({
     }) }),
     T ?? b ? /* @__PURE__ */ e("p", { role: "alert", "data-testid": "form-error", className: "rounded-[var(--prui-radius)] border border-[var(--prui-danger)]/40 bg-[var(--prui-danger)]/10 px-3 py-2 text-sm text-[var(--prui-danger)]", children: T ?? b }) : null,
     /* @__PURE__ */ f("div", { className: "flex items-center justify-end gap-2", children: [
-      o ? /* @__PURE__ */ e(K, { type: "button", variant: "ghost", onClick: o, disabled: v, children: d ?? x.cancel }) : null,
+      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" })
     ] })
   ] });
 }
-const Mr = {
+const jr = {
   name: "Form",
   props: [
     { name: "schema", type: "FormSchema", default: null, control: "object" },
@@ -728,7 +728,7 @@ function rr(t, a) {
       name: r.key,
       label: typeof r.label == "string" ? r.label : r.key,
       type: ar(r, a),
-      options: (o = He(r.filterOptions ?? r.options)) == null ? void 0 : o.map((d) => ({ label: d.label, value: d.value })),
+      options: (o = He(r.filterOptions ?? r.options)) == null ? void 0 : o.map((m) => ({ label: m.label, value: m.value })),
       required: !1
     };
   }), submitLabel: a ? "Save" : "Create" };
@@ -736,14 +736,14 @@ function rr(t, a) {
 function ar(t, a) {
   return t.filter === "select" ? "select" : typeof (a == null ? void 0 : a[t.key]) == "number" || t.filter === "number" || t.filter === "numberrange" || t.filter === "price" ? "number" : t.filter === "date" || t.filter === "daterange" ? "date" : "text";
 }
-function jr({
+function Mr({
   name: t,
   columns: a,
   list: n,
   create: r,
   update: o,
-  remove: d,
-  delete: m,
+  remove: m,
+  delete: d,
   actions: T,
   form: k,
   formSchema: x,
@@ -755,9 +755,9 @@ function jr({
   onStateChange: u,
   onPageChange: b,
   onFilterChange: E,
-  onSortChange: M,
+  onSortChange: j,
   onSearchChange: $,
-  onPageSizeChange: A,
+  onPageSizeChange: z,
   onSelectionChange: O,
   selectable: v,
   renderExpandedRow: i,
@@ -765,7 +765,7 @@ function jr({
   searchDebounce: N = 250,
   className: p
 }) {
-  const { t: c } = J(), h = d ?? m, B = T ?? ["create", "edit", "delete"], L = (s) => B.includes(s) && (s === "create" ? !!r : s === "edit" ? !!o : !!h), V = l.useMemo(
+  const { t: c } = J(), h = m ?? d, B = T ?? ["create", "edit", "delete"], L = (s) => B.includes(s) && (s === "create" ? !!r : s === "edit" ? !!o : !!h), V = l.useMemo(
     () => ({
       page: 1,
       pageSize: w ?? (g == null ? void 0 : g.pageSize) ?? 20,
@@ -782,8 +782,8 @@ function jr({
     [Y, P]
   ), D = l.useCallback(
     (s) => {
-      re((z) => {
-        const U = { ...z }, X = P;
+      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);
         const te = { ...U, ...Object.fromEntries(Object.entries(P ?? {}).filter(([, G]) => G !== void 0)) };
@@ -791,7 +791,7 @@ function jr({
       });
     },
     [P, u]
-  ), { page: F, pageSize: j, search: I, filters: q, sort: ne, selection: Je, expandedRows: Ye } = ae, [We, oe] = l.useState([]), [ce, ue] = l.useState(null), [Xe, de] = l.useState([null]), [Ge, me] = l.useState(!0), [pe, fe] = l.useState(null), [_, he] = l.useState(null), [Qe, W] = l.useState(!1), [be, ve] = l.useState(!1), [le, Ze] = l.useState(I);
+  ), { page: 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);
   l.useEffect(() => {
     const s = setTimeout(() => Ze(I), N);
     return () => clearTimeout(s);
@@ -799,19 +799,19 @@ function jr({
   const ge = Xe[F - 1] ?? null, xe = JSON.stringify(q), Q = l.useCallback(async () => {
     me(!0), fe(null);
     try {
-      const s = await n({ search: le, cursor: ge, pageSize: j, sort: ne, filters: q });
+      const s = await n({ search: le, cursor: ge, pageSize: M, sort: ne, filters: q });
       oe(s.rows), ue(s.nextCursor ?? s.cursor ?? null);
     } catch (s) {
       fe(s instanceof Error ? s.message : String(s)), oe([]), ue(null);
     } finally {
       me(!1);
     }
-  }, [le, ge, j, ne, xe, n]);
+  }, [le, ge, M, ne, xe, n]);
   l.useEffect(() => {
     Q();
   }, [Q]), l.useEffect(() => {
     D({ page: 1 }), de([null]);
-  }, [le, j, xe]);
+  }, [le, M, xe]);
   const et = l.useMemo(
     () => a.filter((s) => s.filter).map((s) => ({
       key: s.key,
@@ -820,15 +820,15 @@ function jr({
       options: He(s.filterOptions ?? s.options)
     })),
     [a]
-  ), tt = (s, z) => {
-    const U = { ...q, [s]: z };
+  ), 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 }), M == null || M(s);
-  }, nt = (s, z) => {
-    if (z === "next") {
+    D({ sort: s }), j == null || j(s);
+  }, nt = (s, A) => {
+    if (A === "next") {
       const U = ce;
       de((X) => {
         const te = [...X];
@@ -846,12 +846,12 @@ function jr({
           align: "right",
           render: (s) => /* @__PURE__ */ f("div", { className: "flex items-center justify-end gap-1", children: [
             L("edit") ? /* @__PURE__ */ e(K, { variant: "ghost", size: "icon", "aria-label": "Edit", onClick: () => {
-              var z;
-              return (z = Z.current) == null ? void 0 : z.call(Z, s);
+              var A;
+              return (A = Z.current) == null ? void 0 : A.call(Z, s);
             }, "data-testid": "resource-edit", children: /* @__PURE__ */ e(kt, { className: "h-3.5 w-3.5", "aria-hidden": !0 }) }) : null,
             L("delete") ? /* @__PURE__ */ e(K, { variant: "ghost", size: "icon", "aria-label": "Delete", disabled: be, onClick: () => {
-              var z;
-              return void ((z = ee.current) == null ? void 0 : z.call(ee, s));
+              var A;
+              return void ((A = ee.current) == null ? void 0 : A.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
           ] })
         }
@@ -883,7 +883,7 @@ function jr({
   const ee = l.useRef(we);
   ee.current = we;
   const it = l.useCallback(
-    (s, z) => String(y ? y(s, z) : s.id ?? z),
+    (s, A) => String(y ? y(s, A) : s.id ?? A),
     [y]
   ), Ne = x ?? rr(a, _), ot = _ ? Object.fromEntries(
     Ne.fields.map((s) => [s.name, _[s.name] ?? ""])
@@ -917,8 +917,8 @@ function jr({
         loading: Ge,
         selectable: v,
         selectedRowKeys: Je,
-        onSelectionChange: (s, z) => {
-          D({ selection: s }), O == null || O(s, z);
+        onSelectionChange: (s, A) => {
+          D({ selection: s }), O == null || O(s, A);
         },
         renderExpandedRow: i,
         expandedRowKeys: Ye,
@@ -930,12 +930,12 @@ function jr({
       Kt,
       {
         page: F,
-        pageSize: j,
+        pageSize: M,
         hasNextPage: ce != null,
         hasPreviousPage: F > 1,
         onPageChange: nt,
         onPageSizeChange: (s) => {
-          D({ pageSize: s }), A == null || A(s);
+          D({ pageSize: s }), z == null || z(s);
         }
       }
     ),
@@ -1024,38 +1024,38 @@ function nr(t) {
 function lr({ field: t }) {
   const { name: a, type: n, value: r, onChange: o } = t;
   if (!n || !a) return null;
-  const d = `prui-settings-${a}`;
-  return n === "switch" ? /* @__PURE__ */ e("label", { className: "flex items-center gap-2", htmlFor: d, children: /* @__PURE__ */ e(
+  const m = `prui-settings-${a}`;
+  return n === "switch" ? /* @__PURE__ */ e("label", { className: "flex items-center gap-2", htmlFor: m, children: /* @__PURE__ */ e(
     Le,
     {
-      id: d,
+      id: m,
       checked: !!r,
-      onChange: (m) => o == null ? void 0 : o(m),
+      onChange: (d) => o == null ? void 0 : o(d),
       "aria-label": t.label
     }
   ) }) : n === "select" ? /* @__PURE__ */ e(
     Ie,
     {
-      id: d,
+      id: m,
       className: "w-56",
       options: nr(t.options) ?? [],
       value: String(r ?? ""),
-      onChange: (m) => o == null ? void 0 : o(m),
+      onChange: (d) => o == null ? void 0 : o(Array.isArray(d) ? d.join(",") : d),
       "aria-label": t.label
     }
   ) : /* @__PURE__ */ e(
     ie,
     {
-      id: d,
+      id: m,
       type: n === "number" ? "number" : "text",
       className: "h-8 w-56",
       value: String(r ?? ""),
-      onChange: (m) => o == null ? void 0 : o(n === "number" ? m.target.value === "" ? "" : Number(m.target.value) : m.target.value),
+      onChange: (d) => o == null ? void 0 : o(n === "number" ? d.target.value === "" ? "" : Number(d.target.value) : d.target.value),
       "aria-label": t.label
     }
   );
 }
-function zr({ title: t = "Settings", sections: a, className: n }) {
+function Ar({ title: t = "Settings", sections: a, className: n }) {
   return /* @__PURE__ */ f("div", { className: C("prui-settings mx-auto flex w-full max-w-4xl flex-col gap-6", n), children: [
     /* @__PURE__ */ e("h1", { className: "text-xl font-semibold text-[var(--prui-fg)]", children: t }),
     /* @__PURE__ */ f("div", { className: "flex flex-col gap-6 md:flex-row", children: [
@@ -1072,18 +1072,18 @@ function zr({ title: t = "Settings", sections: a, className: n }) {
           /* @__PURE__ */ e(Ve, { children: r.title ?? r.label ?? r.id }),
           r.description ? /* @__PURE__ */ e(Ue, { children: r.description }) : null
         ] }),
-        /* @__PURE__ */ e(_e, { children: r.content ?? /* @__PURE__ */ e("dl", { className: "flex flex-col divide-y divide-[var(--prui-line)]", children: (r.fields ?? []).map((o, d) => /* @__PURE__ */ f("div", { className: "flex flex-col gap-2 py-3 first:pt-0 last:pb-0 sm:flex-row sm:items-center sm:justify-between", children: [
+        /* @__PURE__ */ e(_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("dt", { className: "text-sm font-medium text-[var(--prui-fg)]", children: o.label }),
             o.description ? /* @__PURE__ */ e("dd", { className: "text-xs text-[var(--prui-dim)]", children: o.description }) : null
           ] }),
           /* @__PURE__ */ e("div", { className: "shrink-0", children: o.control ?? /* @__PURE__ */ e(lr, { field: o }) })
-        ] }, `${o.label}-${d}`)) }) })
+        ] }, `${o.label}-${m}`)) }) })
       ] }, r.id)) })
     ] })
   ] });
 }
-const Ar = {
+const zr = {
   name: "Settings",
   props: [
     { name: "title", type: "string", default: "'Settings'", control: "text" },
@@ -1096,33 +1096,33 @@ function sr({
   onTimeout: n,
   onExtend: r,
   title: o = "Session expiring soon",
-  message: d = "Your session is about to expire due to inactivity."
+  message: m = "Your session is about to expire due to inactivity."
 }) {
-  const m = Math.max(0, t) * 6e4, T = Math.min(Math.max(0, a) * 6e4, m), [k, x] = l.useState(!1), [y, R] = l.useState(T), w = l.useRef(null), P = l.useRef(null), g = l.useRef(null), u = l.useRef(!1), b = l.useCallback(() => {
+  const d = Math.max(0, t) * 6e4, T = Math.min(Math.max(0, a) * 6e4, d), [k, x] = l.useState(!1), [y, R] = 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(() => {
     b(), x(!1), n == null || n();
-  }, [b, n]), M = l.useCallback(() => {
+  }, [b, n]), j = 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);
       }, 1e3);
-    }, m - T), P.current = window.setTimeout(E, m);
-  }, [b, E, m, T]);
+    }, d - T), P.current = window.setTimeout(E, d);
+  }, [b, E, d, T]);
   l.useEffect(() => {
     const i = () => {
-      u.current || M();
+      u.current || j();
     };
     for (const S of Pe) document.addEventListener(S, i, { passive: !0 });
-    return M(), () => {
+    return j(), () => {
       b();
       for (const S of Pe) document.removeEventListener(S, i);
     };
-  }, [M, b]);
+  }, [j, b]);
   const $ = () => {
-    r == null || r(), M();
-  }, A = Math.floor(y / 6e4), O = Math.floor(y % 6e4 / 1e3), v = `${A}:${String(O).padStart(2, "0")}`;
+    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,
     {
@@ -1134,7 +1134,7 @@ function sr({
         /* @__PURE__ */ f("div", { className: "flex flex-col items-center gap-1 px-8 pb-2 pt-8 text-center", children: [
           /* @__PURE__ */ e("div", { className: "mb-2 flex h-12 w-12 items-center justify-center rounded-full bg-[var(--prui-warn)]/15", children: /* @__PURE__ */ e(Ct, { className: "h-6 w-6 text-[var(--prui-warn)]", "aria-hidden": !0 }) }),
           /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-[var(--prui-fg)]", children: o }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--prui-dim)]", children: d }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--prui-dim)]", children: m }),
           /* @__PURE__ */ e("div", { className: "py-4 font-mono text-4xl font-bold text-[var(--prui-fg)]", "data-testid": "session-countdown", children: v })
         ] }),
         /* @__PURE__ */ f("div", { className: "flex flex-col gap-2 px-8 pb-8 sm:flex-row", children: [
@@ -1158,8 +1158,8 @@ const ir = {
   SessionTimeout: sr,
   sessionTimeoutPropsMeta: ir
 }, Symbol.toStringTag, { value: "Module" }));
-function $r({ title: t, description: a, brand: n, width: r = "max-w-sm", footer: o, children: d, className: m }) {
-  return /* @__PURE__ */ e("div", { className: C("prui-auth-shell flex min-h-[100dvh] items-center justify-center bg-[var(--prui-background)] p-4", m), "data-testid": "auth-shell", children: /* @__PURE__ */ f("div", { className: C("w-full", r), children: [
+function $r({ title: t, description: a, brand: n, width: r = "max-w-sm", footer: o, children: m, className: d }) {
+  return /* @__PURE__ */ e("div", { className: C("prui-auth-shell flex min-h-[100dvh] items-center justify-center bg-[var(--prui-background)] p-4", d), "data-testid": "auth-shell", children: /* @__PURE__ */ f("div", { className: C("w-full", r), children: [
     n ? /* @__PURE__ */ f("div", { className: "mb-6 flex items-center justify-center gap-2", "data-testid": "auth-shell-brand", children: [
       n.mark ? /* @__PURE__ */ e("img", { src: n.mark, alt: "", className: "h-8 w-8 rounded-[var(--prui-radius-1)] object-cover" }) : null,
       /* @__PURE__ */ e("span", { className: "text-lg font-semibold text-[var(--prui-fg)]", children: n.name })
@@ -1169,7 +1169,7 @@ function $r({ title: t, description: a, brand: n, width: r = "max-w-sm", footer:
         /* @__PURE__ */ e("h1", { className: "text-lg font-semibold text-[var(--prui-fg)]", children: t }),
         a ? /* @__PURE__ */ e("p", { className: "text-sm text-[var(--prui-dim)]", children: a }) : null
       ] }),
-      d,
+      m,
       o ? /* @__PURE__ */ e("div", { className: "mt-4 text-center text-sm text-[var(--prui-dim)]", children: o }) : null
     ] })
   ] }) });
@@ -1189,18 +1189,18 @@ export {
   Rr as A,
   Gt as C,
   tr as F,
-  jr as R,
+  Mr as R,
   sr as S,
   Qt as a,
   $r as b,
   qt as c,
-  zr as d,
+  Ar as d,
   Ee as e,
   Or as f,
   Er as g,
   Fr as h,
-  Mr as i,
-  Ar as j,
+  jr as i,
+  zr as j,
   Dr as k,
   Pr as r,
   ir as s,