@skiddph/prui 0.2.1 → 0.4.0

package/dist/chunks/{auth-shell-DsAwGqf8.js → auth-shell-DWnZhpVf.js}

@@ -1,36 +1,36 @@
 import { jsx as e, jsxs as d, Fragment as je } from "react/jsx-runtime";
 import * as s from "react";
 import { Routes as Me, Route as Z, Navigate as $e, MemoryRouter as Oe, BrowserRouter as ze, useLocation as le, useNavigate as Ae, Outlet as De, Link as Fe, NavLink as Le } from "react-router-dom";
-import { X as Ie, Menu as _e, Search as qe, ChevronDown as Be, Pencil as Ke, Trash2 as Ve, Plus as Ue, Clock as He } from "lucide-react";
-import { cn as E } from "../core/cn.js";
-import { Dropdown as Je } from "../core/dropdown.js";
+import { X as Ie, Menu as _e, Search as qe, Palette as Be, ChevronDown as Ke, Pencil as Ve, Trash2 as Ue, Plus as Je, Clock as Ye } from "lucide-react";
+import { cn as P } from "../core/cn.js";
+import { Dropdown as He } from "../core/dropdown.js";
 import { Button as z } from "../core/button.js";
-import { resolveThemeName as Ye, readPersistedTheme as We, applyTheme as ee, PRUI_THEMES as Xe, themeMode as Ge } from "../theme.js";
-import { Modal as se, confirmModal as Qe } from "../core/modal.js";
-import { b as Ze, D as et, a as tt } from "./data-table-toolbar-BUy2EWPy.js";
-import { Textarea as rt, Input as K } from "../core/input.js";
-import { Label as at } from "../core/label.js";
+import { resolveThemeName as We, themeMode as Xe, readPersistedTheme as Ge, applyTheme as ee, listThemes as Qe } from "../theme.js";
+import { Modal as se, confirmModal as Ze } from "../core/modal.js";
+import { b as et, D as tt, a as rt } from "./data-table-toolbar-BUy2EWPy.js";
+import { Textarea as at, Input as K } from "../core/input.js";
+import { Label as nt } from "../core/label.js";
 import { Select as ie } from "../core/select.js";
 import { Switch as oe } from "../core/switch.js";
 import { Card as ue, CardHeader as ce, CardDescription as de, CardTitle as me, CardContent as pe } from "../core/card.js";
-const nt = [
+const lt = [
   { 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" }
-], lt = [
+], st = [
   { path: "/404", name: "notFound" },
   { path: "/error", name: "error" },
   { path: "/profile", name: "profile" },
   { path: "/settings", name: "settings" },
   { path: "/admin-setup", name: "adminSetup" }
 ];
-function st({ mode: t, config: a, children: n }) {
+function it({ mode: t, config: a, children: n }) {
   const r = t === "auth" || t === "auth+utility", l = t === "utility" || t === "auth+utility", p = [
-    ...r ? nt : [],
-    ...l ? lt : []
+    ...r ? lt : [],
+    ...l ? st : []
   ], [m, f] = s.useState(null);
   return s.useEffect(() => {
     let x = !1;
@@ -48,11 +48,11 @@ function st({ mode: t, config: a, children: n }) {
     r ? /* @__PURE__ */ e(Z, { path: "*", element: /* @__PURE__ */ e($e, { to: "/login", replace: !0 }) }) : null
   ] }) : /* @__PURE__ */ e("div", { className: "p-8 text-center text-sm text-[var(--prui-dim)]", children: "Loading…" });
 }
-const it = s.lazy(
-  () => Promise.resolve().then(() => kt).then((t) => ({ default: t.SessionTimeout }))
+const ot = s.lazy(
+  () => Promise.resolve().then(() => Ct).then((t) => ({ default: t.SessionTimeout }))
 );
-function ot(t) {
-  const a = t !== !1, n = typeof t == "object" ? t : {}, r = n.persist !== !1, l = Ye(n.default ?? "control"), p = Ge(l), [m, f] = s.useState(() => (r ? We() : null) ?? { theme: l, mode: p }), x = s.useCallback(
+function ut(t) {
+  const a = t !== !1, n = typeof t == "object" ? t : {}, r = n.persist !== !1, l = We(n.default ?? "control"), p = Xe(l), [m, f] = s.useState(() => (r ? Ge() : null) ?? { theme: l, mode: p }), x = s.useCallback(
     (h) => {
       f(h), ee({ theme: h.theme, mode: h.mode, storageKey: r ? "prui:theme" : null });
     },
@@ -62,10 +62,10 @@ function ot(t) {
     ee({ theme: m.theme, mode: m.mode, storageKey: r ? "prui:theme" : null });
   }, [m, r]), { enabled: a, state: m, setTheme: x };
 }
-function ut({ config: t }) {
-  const { enabled: a, state: n, setTheme: r } = ot(t);
+function ct({ config: t }) {
+  const { enabled: a, state: n, setTheme: r } = ut(t);
   return a ? /* @__PURE__ */ e(
-    Je,
+    He,
     {
       align: "end",
       trigger: /* @__PURE__ */ e(
@@ -73,12 +73,13 @@ function ut({ config: t }) {
         {
           type: "button",
           "aria-label": "Switch theme",
+          title: `Theme: ${n.theme}`,
           "data-testid": "theme-toggle",
           className: "inline-flex h-8 w-8 items-center justify-center rounded-[var(--prui-radius)] text-[var(--prui-dim)] hover:bg-[var(--prui-raise)] hover:text-[var(--prui-fg)] cursor-pointer",
-          children: /* @__PURE__ */ e("span", { className: "text-xs font-semibold uppercase", children: n.theme.slice(0, 2) })
+          children: /* @__PURE__ */ e(Be, { className: "h-4 w-4", "aria-hidden": !0 })
         }
       ),
-      items: Xe.map((l) => ({
+      items: Qe().map((l) => ({
         label: `${l}${l === n.theme ? " (active)" : ""}`,
         onSelect: () => r({ theme: l, mode: l === "daylight" ? "light" : "dark" })
       }))
@@ -88,7 +89,7 @@ function ut({ config: t }) {
 function te(t, a) {
   return a === "/" ? t === "/" : t === a || t.startsWith(a + "/");
 }
-function ct({ item: t, onNavigate: a }) {
+function dt({ item: t, onNavigate: a }) {
   const { pathname: n } = le(), r = (t.items ?? []).some(
     (f) => f.href ? te(n, f.href) : (f.items ?? []).some((x) => x.href && te(n, x.href))
   ), [l, p] = s.useState(r);
@@ -103,30 +104,30 @@ function ct({ item: t, onNavigate: a }) {
         type: "button",
         "aria-expanded": l,
         onClick: () => p((f) => !f),
-        className: E(
+        className: P(
           "flex w-full items-center gap-2 rounded-[var(--prui-radius)] px-2.5 py-1.5 text-sm cursor-pointer",
           r ? "text-[var(--prui-fg)]" : "text-[var(--prui-dim)] hover:text-[var(--prui-fg)]"
         ),
         children: [
           m ? /* @__PURE__ */ e(m, { className: "h-4 w-4 shrink-0", "aria-hidden": !0 }) : null,
           /* @__PURE__ */ e("span", { className: "flex-1 text-left truncate", children: t.label }),
-          /* @__PURE__ */ e(Be, { className: E("h-4 w-4 transition-transform", !l && "-rotate-90"), "aria-hidden": !0 })
+          /* @__PURE__ */ e(Ke, { className: P("h-4 w-4 transition-transform", !l && "-rotate-90"), "aria-hidden": !0 })
         ]
       }
     ),
     l ? /* @__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((f) => /* @__PURE__ */ e(fe, { item: f, onNavigate: a, nested: !0 }, f.href ?? f.label)) }) : null
   ] });
 }
-function dt({ label: t }) {
+function mt({ 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 fe({ item: t, onNavigate: a, nested: n }) {
-  return t.items && t.items.length > 0 ? /* @__PURE__ */ e(ct, { item: t, onNavigate: a }) : t.heading || !t.href && !t.items ? /* @__PURE__ */ e(dt, { label: t.label }) : t.href ? /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+  return t.items && t.items.length > 0 ? /* @__PURE__ */ e(dt, { item: t, onNavigate: a }) : t.heading || !t.href && !t.items ? /* @__PURE__ */ e(mt, { label: t.label }) : t.href ? /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
     Le,
     {
       to: t.href,
       onClick: a,
-      className: ({ isActive: r }) => E(
+      className: ({ isActive: r }) => P(
         "flex items-center gap-2 rounded-[var(--prui-radius)] px-2.5 py-1.5 text-sm",
         n && "pl-2.5",
         r ? "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)]"
@@ -141,7 +142,7 @@ function fe({ item: t, onNavigate: a, nested: n }) {
 function re({ nav: t, onNavigate: a }) {
   return /* @__PURE__ */ e("nav", { "aria-label": "Main", className: "prui-app-nav", children: /* @__PURE__ */ e("ul", { className: "flex flex-col gap-0.5", children: t.map((n) => /* @__PURE__ */ e(fe, { item: n, onNavigate: a }, n.href ?? n.label)) }) });
 }
-function mt({ brand: t }) {
+function pt({ brand: t }) {
   if (!t) return null;
   const a = /* @__PURE__ */ d(je, { children: [
     t.mark ? /* @__PURE__ */ e("img", { src: t.mark, alt: "", className: "h-6 w-6 rounded-[var(--prui-radius-1)] object-cover" }) : null,
@@ -149,7 +150,7 @@ function mt({ brand: t }) {
   ] }), n = "flex items-center gap-2 px-1 py-1 min-w-0";
   return t.href === null ? /* @__PURE__ */ e("div", { className: n, children: a }) : /* @__PURE__ */ e(Fe, { to: t.href ?? "/", className: n, "aria-label": t.name, children: a });
 }
-function pt({
+function ft({
   open: t,
   onOpenChange: a,
   entries: n,
@@ -210,7 +211,7 @@ function pt({
                 "aria-selected": b === f,
                 onMouseEnter: () => x(b),
                 onClick: () => S(o),
-                className: E(
+                className: P(
                   "cursor-pointer rounded-[calc(var(--prui-radius)-1px)] px-3 py-2 text-sm text-[var(--prui-fg)]",
                   b === f && "bg-[var(--prui-raise)]"
                 ),
@@ -227,7 +228,7 @@ function pt({
     }
   );
 }
-function ft(t) {
+function ht(t) {
   const {
     brand: a,
     nav: n = [],
@@ -239,7 +240,7 @@ function ft(t) {
     pages: x,
     pagesConfig: h,
     children: S
-  } = t, o = typeof r == "object" ? r : { enabled: r !== !1 }, b = o.enabled !== !1, M = o.hotkey ?? "/", R = m.collapsible !== !1, [P, w] = s.useState(m.defaultOpen === !0), [$, C] = s.useState(!1), k = le(), O = Ae(), v = s.useMemo(
+  } = t, o = typeof r == "object" ? r : { enabled: r !== !1 }, b = o.enabled !== !1, M = o.hotkey ?? "/", R = m.collapsible !== !1, [E, w] = s.useState(m.defaultOpen === !0), [$, C] = s.useState(!1), k = le(), O = Ae(), v = s.useMemo(
     () => p === !1 ? null : p === !0 ? {} : p,
     [p]
   ), i = s.useCallback(() => {
@@ -265,12 +266,12 @@ function ft(t) {
   s.useEffect(() => {
     y.current !== k.pathname && (y.current = k.pathname, w(!1));
   }, [k.pathname]), s.useEffect(() => {
-    if (!P) return;
+    if (!E) return;
     const T = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
       document.body.style.overflow = T;
     };
-  }, [P]);
+  }, [E]);
   const c = m.width ?? 240;
   return /* @__PURE__ */ d("div", { className: "prui-app flex min-h-screen bg-[var(--prui-background)] text-[var(--prui-fg)]", children: [
     /* @__PURE__ */ e(
@@ -282,7 +283,7 @@ function ft(t) {
         children: /* @__PURE__ */ e("div", { className: "h-full overflow-y-auto p-2 pt-4 scrollbar-thin", children: /* @__PURE__ */ e(re, { nav: n }) })
       }
     ),
-    P ? /* @__PURE__ */ d("div", { className: "md:hidden fixed inset-0 z-40", "data-testid": "mobile-drawer", children: [
+    E ? /* @__PURE__ */ d("div", { className: "md:hidden fixed inset-0 z-40", "data-testid": "mobile-drawer", children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -334,7 +335,7 @@ function ft(t) {
                 children: /* @__PURE__ */ e(_e, { className: "h-4 w-4", "aria-hidden": !0 })
               }
             ) : null,
-            /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(mt, { brand: a }) }),
+            /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(pt, { brand: a }) }),
             b ? /* @__PURE__ */ d(
               "button",
               {
@@ -351,29 +352,29 @@ function ft(t) {
             ) : null,
             /* @__PURE__ */ d("div", { className: "flex items-center gap-2 justify-self-end", children: [
               f,
-              /* @__PURE__ */ e(ut, { config: l })
+              /* @__PURE__ */ e(ct, { config: l })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ e("main", { className: "flex-1 p-4 md:p-6", children: x ? /* @__PURE__ */ e(st, { mode: x, config: h, children: S }) : S ?? /* @__PURE__ */ e(De, {}) })
+      /* @__PURE__ */ e("main", { className: "flex-1 p-4 md:p-6", children: x ? /* @__PURE__ */ e(it, { mode: x, config: h, children: S }) : S ?? /* @__PURE__ */ e(De, {}) })
     ] }),
     v ? /* @__PURE__ */ e(s.Suspense, { fallback: null, children: /* @__PURE__ */ e(
-      it,
+      ot,
       {
         timeout: v.sessionTimeout,
         warningTime: v.warningTime,
         onTimeout: i
       }
     ) }) : null,
-    b ? /* @__PURE__ */ e(pt, { open: $, onOpenChange: C, entries: g, placeholder: o.placeholder, onNavigate: O }) : null
+    b ? /* @__PURE__ */ e(ft, { open: $, onOpenChange: C, entries: g, placeholder: o.placeholder, onNavigate: O }) : null
   ] });
 }
-function It(t) {
+function _t(t) {
   const { router: a = "browser", initialEntries: n } = t;
-  return /* @__PURE__ */ e(a === "memory" ? Oe : ze, { initialEntries: n, children: /* @__PURE__ */ e(ft, { ...t }) });
+  return /* @__PURE__ */ e(a === "memory" ? Oe : ze, { initialEntries: n, children: /* @__PURE__ */ e(ht, { ...t }) });
 }
-const _t = {
+const qt = {
   name: "App",
   props: [
     { name: "brand", type: "{ name, mark?, href? }", default: "undefined", control: "object" },
@@ -389,10 +390,10 @@ const _t = {
     { name: "children", type: "ReactNode", default: "Outlet", control: "none" }
   ]
 };
-function ht(t) {
+function bt(t) {
   return Array.isArray(t) ? { fields: t } : t;
 }
-function bt(t) {
+function gt(t) {
   if (t)
     return t.map((a) => typeof a == "string" || typeof a == "number" ? { label: String(a), value: String(a) } : a);
 }
@@ -402,7 +403,7 @@ function ae(t, a) {
     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] = "";
   return n;
 }
-function gt({
+function vt({
   schema: t,
   initialValues: a,
   defaultValues: n,
@@ -413,7 +414,7 @@ function gt({
   error: f,
   className: x
 }) {
-  const h = s.useMemo(() => ht(t), [t]), S = a ?? n, [o, b] = s.useState(() => ae(h, S)), [M, R] = s.useState({}), [P, w] = s.useState(null), [$, C] = s.useState(!1);
+  const h = s.useMemo(() => bt(t), [t]), S = a ?? n, [o, b] = s.useState(() => ae(h, S)), [M, R] = s.useState({}), [E, w] = s.useState(null), [$, C] = s.useState(!1);
   s.useEffect(() => {
     b(ae(h, S));
   }, [JSON.stringify(h), JSON.stringify(S ?? {})]);
@@ -447,20 +448,20 @@ function gt({
       }
     }
   }, v = m || $;
-  return /* @__PURE__ */ d("form", { onSubmit: O, className: E("prui-form flex flex-col gap-4", x), noValidate: !0, children: [
-    /* @__PURE__ */ e("div", { className: E("grid gap-4", h.columns === 2 && "md:grid-cols-2"), children: h.fields.map((i) => {
+  return /* @__PURE__ */ d("form", { onSubmit: O, className: P("prui-form flex flex-col gap-4", x), noValidate: !0, children: [
+    /* @__PURE__ */ e("div", { className: P("grid gap-4", h.columns === 2 && "md:grid-cols-2"), children: h.fields.map((i) => {
       const g = M[i.name], y = {
         id: `prui-form-${i.name}`,
         "aria-invalid": g ? !0 : void 0,
         "aria-describedby": g ? `prui-form-${i.name}-error` : void 0
       };
-      return /* @__PURE__ */ d("div", { className: E("flex flex-col gap-1.5", i.colSpan === 2 && "md:col-span-2", i.className), children: [
-        /* @__PURE__ */ d(at, { htmlFor: y.id, children: [
+      return /* @__PURE__ */ d("div", { className: P("flex flex-col gap-1.5", i.colSpan === 2 && "md:col-span-2", i.className), children: [
+        /* @__PURE__ */ d(nt, { htmlFor: y.id, children: [
           i.label,
           i.required ? /* @__PURE__ */ e("span", { className: "ml-0.5 text-[var(--prui-danger)]", children: "*" }) : null
         ] }),
         i.type === "textarea" ? /* @__PURE__ */ e(
-          rt,
+          at,
           {
             ...y,
             placeholder: i.placeholder,
@@ -472,7 +473,7 @@ function gt({
           ie,
           {
             ...y,
-            options: bt(i.options),
+            options: gt(i.options),
             placeholder: i.placeholder,
             disabled: i.disabled || v,
             value: String(o[i.name] ?? ""),
@@ -510,14 +511,14 @@ function gt({
         g ? /* @__PURE__ */ e("p", { id: `prui-form-${i.name}-error`, role: "alert", className: "text-xs text-[var(--prui-danger)]", children: g }) : null
       ] }, i.name);
     }) }),
-    f ?? P ? /* @__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: f ?? P }) : null,
+    f ?? E ? /* @__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: f ?? E }) : null,
     /* @__PURE__ */ d("div", { className: "flex items-center justify-end gap-2", children: [
       l ? /* @__PURE__ */ e(z, { type: "button", variant: "ghost", onClick: l, disabled: v, children: p }) : null,
       /* @__PURE__ */ e(z, { type: "submit", variant: "primary", loading: v, children: h.submitLabel ?? "Submit" })
     ] })
   ] });
 }
-const qt = {
+const Bt = {
   name: "Form",
   props: [
     { name: "schema", type: "FormSchema", default: null, control: "object" },
@@ -532,22 +533,22 @@ function he(t) {
   if (t)
     return t.map((a) => typeof a == "string" || typeof a == "number" ? { label: String(a), value: String(a) } : a);
 }
-function vt(t, a) {
+function xt(t, a) {
   return { fields: t.filter((r) => r.formField !== !1 && !r.hidden).filter((r) => r.key !== "id" && r.key !== "actions").map((r) => {
     var l;
     return {
       name: r.key,
       label: typeof r.label == "string" ? r.label : r.key,
-      type: xt(r, a),
+      type: yt(r, a),
       options: (l = he(r.filterOptions ?? r.options)) == null ? void 0 : l.map((p) => ({ label: p.label, value: p.value })),
       required: !1
     };
   }), submitLabel: a ? "Save" : "Create" };
 }
-function xt(t, a) {
+function yt(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 Bt({
+function Kt({
   name: t,
   columns: a,
   list: n,
@@ -563,13 +564,13 @@ function Bt({
   pageSize: b = 20,
   className: M
 }) {
-  const R = p ?? m, P = f ?? ["create", "edit", "delete"], w = (u) => P.includes(u) && (u === "create" ? !!r : u === "edit" ? !!l : !!R), [$, C] = s.useState([]), [k, O] = s.useState(null), [v, i] = s.useState(1), [g, y] = s.useState(b), [c, T] = s.useState([null]), [N, j] = s.useState(""), [F, be] = s.useState({}), [q, ge] = s.useState(null), [ve, V] = s.useState(!0), [U, H] = s.useState(null), [A, J] = s.useState(null), [xe, L] = s.useState(!1), [ye, Y] = s.useState(!1), W = c[v - 1] ?? null, X = JSON.stringify(F), I = s.useCallback(async () => {
-    V(!0), H(null);
+  const R = p ?? m, E = f ?? ["create", "edit", "delete"], w = (u) => E.includes(u) && (u === "create" ? !!r : u === "edit" ? !!l : !!R), [$, C] = s.useState([]), [k, O] = s.useState(null), [v, i] = s.useState(1), [g, y] = s.useState(b), [c, T] = s.useState([null]), [N, j] = s.useState(""), [F, be] = s.useState({}), [q, ge] = s.useState(null), [ve, V] = s.useState(!0), [U, J] = s.useState(null), [A, Y] = s.useState(null), [xe, L] = s.useState(!1), [ye, H] = s.useState(!1), W = c[v - 1] ?? null, X = JSON.stringify(F), I = s.useCallback(async () => {
+    V(!0), J(null);
     try {
       const u = await n({ search: N, cursor: W, pageSize: g, sort: q, filters: F });
       C(u.rows), O(u.nextCursor ?? u.cursor ?? null);
     } catch (u) {
-      H(u instanceof Error ? u.message : String(u)), C([]), O(null);
+      J(u instanceof Error ? u.message : String(u)), C([]), O(null);
     } finally {
       V(!1);
     }
@@ -587,22 +588,22 @@ function Bt({
   })), we = (u, _) => {
     be((B) => ({ ...B, [u]: _ }));
   }, Se = () => {
-    J(null), L(!0);
+    Y(null), L(!0);
   }, ke = (u) => {
-    J(u), L(!0);
+    Y(u), L(!0);
   }, Ce = async (u) => {
-    if (!(!await Qe({
+    if (!(!await Ze({
       title: `Delete ${D}?`,
       message: "This action cannot be undone.",
       confirmText: "Delete",
       cancelText: "Cancel",
       type: "danger"
     }) || !R)) {
-      Y(!0);
+      H(!0);
       try {
         await R(u), await I();
       } finally {
-        Y(!1);
+        H(!1);
       }
     }
   }, Te = (u, _) => {
@@ -614,7 +615,7 @@ function Bt({
       });
     }
     i(u);
-  }, Ee = [
+  }, Pe = [
     ...a.filter((u) => !u.hidden),
     ...w("edit") || w("delete") ? [
       {
@@ -622,18 +623,18 @@ function Bt({
         label: "",
         align: "right",
         render: (u) => /* @__PURE__ */ d("div", { className: "flex items-center justify-end gap-1", children: [
-          w("edit") ? /* @__PURE__ */ e(z, { variant: "ghost", size: "icon", "aria-label": "Edit", onClick: () => ke(u), "data-testid": "resource-edit", children: /* @__PURE__ */ e(Ke, { className: "h-3.5 w-3.5", "aria-hidden": !0 }) }) : null,
-          w("delete") ? /* @__PURE__ */ e(z, { variant: "ghost", size: "icon", "aria-label": "Delete", disabled: ye, onClick: () => void Ce(u), "data-testid": "resource-delete", children: /* @__PURE__ */ e(Ve, { className: "h-3.5 w-3.5 text-[var(--prui-danger)]", "aria-hidden": !0 }) }) : null
+          w("edit") ? /* @__PURE__ */ e(z, { variant: "ghost", size: "icon", "aria-label": "Edit", onClick: () => ke(u), "data-testid": "resource-edit", children: /* @__PURE__ */ e(Ve, { className: "h-3.5 w-3.5", "aria-hidden": !0 }) }) : null,
+          w("delete") ? /* @__PURE__ */ e(z, { variant: "ghost", size: "icon", "aria-label": "Delete", disabled: ye, onClick: () => void Ce(u), "data-testid": "resource-delete", children: /* @__PURE__ */ e(Ue, { className: "h-3.5 w-3.5 text-[var(--prui-danger)]", "aria-hidden": !0 }) }) : null
         ] })
       }
     ] : []
-  ], G = h ?? vt(a, A), Pe = A ? Object.fromEntries(
+  ], G = h ?? xt(a, A), Ee = A ? Object.fromEntries(
     G.fields.map((u) => [u.name, A[u.name] ?? ""])
   ) : void 0, D = t.replace(/s$/, "");
-  return /* @__PURE__ */ d("div", { className: E("prui-resource flex flex-col gap-2", M), "data-testid": "resource", children: [
+  return /* @__PURE__ */ d("div", { className: P("prui-resource flex flex-col gap-2", M), "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(
-      Ze,
+      et,
       {
         searchPlaceholder: o ?? `Search ${t}...`,
         searchValue: N,
@@ -642,16 +643,16 @@ function Bt({
         filterValues: F,
         onFilterChange: we,
         actions: w("create") ? /* @__PURE__ */ d(z, { variant: "primary", size: "sm", onClick: Se, "data-testid": "resource-create", children: [
-          /* @__PURE__ */ e(Ue, { className: "h-4 w-4", "aria-hidden": !0 }),
+          /* @__PURE__ */ e(Je, { className: "h-4 w-4", "aria-hidden": !0 }),
           "New ",
           D
         ] }) : void 0
       }
     ),
     U ? /* @__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: U }) : null,
-    /* @__PURE__ */ e(et, { columns: Ee, rows: $, rowKey: S, sort: q, onSortChange: ge, loading: ve }),
+    /* @__PURE__ */ e(tt, { columns: Pe, rows: $, rowKey: S, sort: q, onSortChange: ge, loading: ve }),
     /* @__PURE__ */ e(
-      tt,
+      rt,
       {
         page: v,
         pageSize: g,
@@ -664,10 +665,10 @@ function Bt({
     /* @__PURE__ */ d(se, { open: xe, onClose: () => L(!1), size: "sm", ariaLabel: A ? `Edit ${D}` : `New ${D}`, 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: A ? `Edit ${D}` : `New ${D}` }) }),
       /* @__PURE__ */ e("div", { className: "px-8 pb-8", children: x ?? /* @__PURE__ */ e(
-        gt,
+        vt,
         {
           schema: G,
-          initialValues: Pe,
+          initialValues: Ee,
           onCancel: () => L(!1),
           onSubmit: async (u) => {
             A ? await (l == null ? void 0 : l(A, u)) : await (r == null ? void 0 : r(u)), L(!1), await I();
@@ -677,7 +678,7 @@ function Bt({
     ] })
   ] });
 }
-const Kt = {
+const Vt = {
   name: "Resource",
   props: [
     { name: "name", type: "string", default: null, control: "text" },
@@ -693,8 +694,8 @@ const Kt = {
     { name: "pageSize", type: "number", default: "20", control: "number" }
   ]
 };
-function Vt({ items: t, className: a }) {
-  return /* @__PURE__ */ e("div", { className: E("prui-stat-row grid gap-3 sm:grid-cols-2 lg:grid-cols-4", a), children: t.map((n, r) => {
+function Ut({ items: t, className: a }) {
+  return /* @__PURE__ */ e("div", { className: P("prui-stat-row grid gap-3 sm:grid-cols-2 lg:grid-cols-4", a), children: t.map((n, r) => {
     const l = n.icon;
     return /* @__PURE__ */ d(ue, { "data-testid": "stat-card", children: [
       /* @__PURE__ */ d(ce, { className: "pb-2", children: [
@@ -707,7 +708,7 @@ function Vt({ items: t, className: a }) {
       n.delta ? /* @__PURE__ */ e(pe, { className: "pb-3", children: /* @__PURE__ */ e(
         "span",
         {
-          className: E(
+          className: P(
             "text-xs font-medium",
             n.trend === "up" && "text-[var(--prui-ok)]",
             n.trend === "down" && "text-[var(--prui-danger)]",
@@ -719,18 +720,18 @@ function Vt({ items: t, className: a }) {
     ] }, `${n.label}-${r}`);
   }) });
 }
-const Ut = {
+const Jt = {
   name: "StatRow",
   props: [
     { name: "items", type: "StatItem[]", default: null, control: "object" },
     { name: "className", type: "string", default: "undefined", control: "text" }
   ]
 };
-function yt(t) {
+function Nt(t) {
   if (t)
     return t.map((a) => typeof a == "string" || typeof a == "number" ? { label: String(a), value: String(a) } : a);
 }
-function Nt({ field: t }) {
+function wt({ field: t }) {
   const { name: a, type: n, value: r, onChange: l } = t;
   if (!n || !a) return null;
   const p = `prui-settings-${a}`;
@@ -747,7 +748,7 @@ function Nt({ field: t }) {
     {
       id: p,
       className: "w-56",
-      options: yt(t.options) ?? [],
+      options: Nt(t.options) ?? [],
       value: String(r ?? ""),
       onChange: (m) => l == null ? void 0 : l(m),
       "aria-label": t.label
@@ -764,8 +765,8 @@ function Nt({ field: t }) {
     }
   );
 }
-function Ht({ title: t = "Settings", sections: a, className: n }) {
-  return /* @__PURE__ */ d("div", { className: E("prui-settings mx-auto flex w-full max-w-4xl flex-col gap-6", n), children: [
+function Yt({ title: t = "Settings", sections: a, className: n }) {
+  return /* @__PURE__ */ d("div", { className: P("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__ */ d("div", { className: "flex flex-col gap-6 md:flex-row", children: [
       /* @__PURE__ */ e("nav", { "aria-label": "Settings sections", className: "md:w-56 md:shrink-0", children: /* @__PURE__ */ e("ul", { className: "flex flex-row flex-wrap gap-1 md:flex-col", children: a.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
@@ -786,20 +787,20 @@ function Ht({ title: t = "Settings", sections: a, className: n }) {
             /* @__PURE__ */ e("dt", { className: "text-sm font-medium text-[var(--prui-fg)]", children: l.label }),
             l.description ? /* @__PURE__ */ e("dd", { className: "text-xs text-[var(--prui-dim)]", children: l.description }) : null
           ] }),
-          /* @__PURE__ */ e("div", { className: "shrink-0", children: l.control ?? /* @__PURE__ */ e(Nt, { field: l }) })
+          /* @__PURE__ */ e("div", { className: "shrink-0", children: l.control ?? /* @__PURE__ */ e(wt, { field: l }) })
         ] }, `${l.label}-${p}`)) }) })
       ] }, r.id)) })
     ] })
   ] });
 }
-const Jt = {
+const Ht = {
   name: "Settings",
   props: [
     { name: "title", type: "string", default: "'Settings'", control: "text" },
     { name: "sections", type: "SettingsSection[]", default: null, control: "object" }
   ]
 }, ne = ["mousedown", "keydown", "scroll", "touchstart", "click"];
-function wt({
+function St({
   timeout: t = 15,
   warningTime: a = 2,
   onTimeout: n,
@@ -807,21 +808,21 @@ function wt({
   title: l = "Session expiring soon",
   message: p = "Your session is about to expire due to inactivity."
 }) {
-  const m = Math.max(0, t) * 6e4, f = Math.min(Math.max(0, a) * 6e4, m), [x, h] = s.useState(!1), [S, o] = s.useState(f), b = s.useRef(null), M = s.useRef(null), R = s.useRef(null), P = s.useRef(!1), w = s.useCallback(() => {
+  const m = Math.max(0, t) * 6e4, f = Math.min(Math.max(0, a) * 6e4, m), [x, h] = s.useState(!1), [S, o] = s.useState(f), b = s.useRef(null), M = s.useRef(null), R = s.useRef(null), E = s.useRef(!1), w = s.useCallback(() => {
     for (const g of [b, M, R])
       g.current != null && (clearInterval(g.current), clearTimeout(g.current), g.current = null);
   }, []), $ = s.useCallback(() => {
     w(), h(!1), n == null || n();
   }, [w, n]), C = s.useCallback(() => {
-    w(), h(!1), P.current = !1, b.current = window.setTimeout(() => {
-      P.current = !0, o(f), h(!0), R.current = window.setInterval(() => {
+    w(), h(!1), E.current = !1, b.current = window.setTimeout(() => {
+      E.current = !0, o(f), h(!0), R.current = window.setInterval(() => {
         o((g) => g <= 1e3 ? ($(), 0) : g - 1e3);
       }, 1e3);
     }, m - f), M.current = window.setTimeout($, m);
   }, [w, $, m, f]);
   s.useEffect(() => {
     const g = () => {
-      P.current || C();
+      E.current || C();
     };
     for (const y of ne) document.addEventListener(y, g, { passive: !0 });
     return C(), () => {
@@ -841,7 +842,7 @@ function wt({
       ariaLabel: l,
       children: [
         /* @__PURE__ */ d("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(He, { className: "h-6 w-6 text-[var(--prui-warn)]", "aria-hidden": !0 }) }),
+          /* @__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(Ye, { 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: l }),
           /* @__PURE__ */ e("p", { className: "text-sm text-[var(--prui-dim)]", children: p }),
           /* @__PURE__ */ e("div", { className: "py-4 font-mono text-4xl font-bold text-[var(--prui-fg)]", "data-testid": "session-countdown", children: i })
@@ -854,7 +855,7 @@ function wt({
     }
   );
 }
-const St = {
+const kt = {
   name: "SessionTimeout",
   props: [
     { name: "timeout", type: "number", default: "15", control: "number" },
@@ -862,13 +863,13 @@ const St = {
     { name: "onTimeout", type: "() => void", default: null, control: "none" },
     { name: "onExtend", type: "() => void", default: null, control: "none" }
   ]
-}, kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SessionTimeout: wt,
-  sessionTimeoutPropsMeta: St
+  SessionTimeout: St,
+  sessionTimeoutPropsMeta: kt
 }, Symbol.toStringTag, { value: "Module" }));
-function Yt({ title: t, description: a, brand: n, width: r = "max-w-sm", footer: l, children: p, className: m }) {
-  return /* @__PURE__ */ e("div", { className: E("prui-auth-shell flex min-h-[100dvh] items-center justify-center bg-[var(--prui-background)] p-4", m), "data-testid": "auth-shell", children: /* @__PURE__ */ d("div", { className: E("w-full", r), children: [
+function Wt({ title: t, description: a, brand: n, width: r = "max-w-sm", footer: l, children: p, className: m }) {
+  return /* @__PURE__ */ e("div", { className: P("prui-auth-shell flex min-h-[100dvh] items-center justify-center bg-[var(--prui-background)] p-4", m), "data-testid": "auth-shell", children: /* @__PURE__ */ d("div", { className: P("w-full", r), children: [
     n ? /* @__PURE__ */ d("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 })
@@ -883,7 +884,7 @@ function Yt({ title: t, description: a, brand: n, width: r = "max-w-sm", footer:
     ] })
   ] }) });
 }
-const Wt = {
+const Xt = {
   name: "AuthShell",
   props: [
     { name: "title", type: "string", default: null, control: "text" },
@@ -895,23 +896,23 @@ const Wt = {
   ]
 };
 export {
-  It as A,
-  pt as C,
-  gt as F,
-  Bt as R,
-  wt as S,
-  ft as a,
-  Yt as b,
-  st as c,
-  Ht as d,
+  _t as A,
+  ft as C,
+  vt as F,
+  Kt as R,
+  St as S,
+  ht as a,
+  Wt as b,
+  it as c,
+  Yt as d,
   re as e,
-  Vt as f,
-  _t as g,
-  Wt as h,
-  qt as i,
-  Jt as j,
-  Ut as k,
-  Kt as r,
-  St as s,
-  ot as u
+  Ut as f,
+  qt as g,
+  Xt as h,
+  Bt as i,
+  Ht as j,
+  Jt as k,
+  Vt as r,
+  kt as s,
+  ut as u
 };