@skiddph/prui 0.13.1 → 0.13.3

package/dist/app.js

@@ -1,5 +1,5 @@
 import { Link as e, NavLink as t, Navigate as o, Outlet as r, Route as p, Routes as u } from "react-router-dom";
-import { A as m, a as P, b as S, c as l, C as h, F as n, R as M, S as R, d as g, e as A, f, g as c, h as d, i as k, r as v, s as N, j as T, k as b, u as w } from "./chunks/auth-shell-DBKlNZtl.js";
+import { A as m, a as P, b as S, c as l, C as h, F as n, R as M, S as R, d as g, e as A, f, g as c, h as d, i as k, r as v, s as N, j as T, k as b, u as w } from "./chunks/auth-shell-Cjq47nnz.js";
 export {
   m as App,
   P as AppShell,

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

@@ -1,8 +1,8 @@
-import { jsx as e, jsxs as p, Fragment as Pe } from "react/jsx-runtime";
+import { jsx as e, jsxs as m, 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 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 { X as bt, Menu as vt, ChevronsRight as gt, ChevronsLeft 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 U } from "../core/button.js";
@@ -32,7 +32,7 @@ const _t = [
   { path: "/admin-setup", name: "adminSetup" }
 ];
 function Ht({ mode: t, config: r, children: n }) {
-  const a = t === "auth" || t === "auth+utility", o = t === "utility" || t === "auth+utility", m = [
+  const a = t === "auth" || t === "auth+utility", o = t === "utility" || t === "auth+utility", p = [
     ...a ? _t : [],
     ...o ? qt : []
   ], [d, T] = l.useState(null);
@@ -43,8 +43,8 @@ function Ht({ mode: t, config: r, children: n }) {
     }), () => {
       k = !0;
     };
-  }, []), d ? /* @__PURE__ */ p(ct, { children: [
-    m.map(({ path: k, name: x }) => {
+  }, []), d ? /* @__PURE__ */ m(ct, { children: [
+    p.map(({ path: k, name: x }) => {
       const y = d[x];
       return y ? /* @__PURE__ */ e(Te, { path: k, element: /* @__PURE__ */ e(y, { ...(r == null ? void 0 : r[x]) ?? {} }) }, k) : null;
     }),
@@ -56,7 +56,7 @@ 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 = Dt(n.default ?? "control"), m = At(o), [d, T] = l.useState(() => (a ? zt() : 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"), p = At(o), [d, T] = l.useState(() => (a ? zt() : null) ?? { theme: o, mode: p }), k = l.useCallback(
     (x) => {
       T(x), Re({ theme: x.theme, mode: x.mode, storageKey: a ? "prui:theme" : null });
     },
@@ -83,33 +83,33 @@ function Yt({ config: t }) {
           children: /* @__PURE__ */ e(wt, { className: "h-4 w-4", "aria-hidden": !0 })
         }
       ),
-      items: $t().map((m) => ({
-        label: `${m}${m === n.theme ? " (active)" : ""}`,
+      items: $t().map((p) => ({
+        label: `${p}${p === n.theme ? " (active)" : ""}`,
         onSelect: () => {
-          Ft(), a({ theme: m, mode: m === "daylight" ? "light" : "dark" });
+          Ft(), a({ theme: p, mode: p === "daylight" ? "light" : "dark" });
         }
       }))
     }
   ) : null;
 }
-function ie(t, r) {
+function oe(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 } = Oe(), m = De(), d = (t.items ?? []).some(
-    (v) => v.href ? ie(o, v.href) : (v.items ?? []).some((i) => i.href && ie(o, i.href))
+  const { pathname: o } = Oe(), p = De(), d = (t.items ?? []).some(
+    (v) => v.href ? oe(o, v.href) : (v.items ?? []).some((i) => i.href && oe(o, i.href))
   ), [T, k] = l.useState(d || n !== void 0 && o === n);
   l.useEffect(() => {
     d && k(!0);
   }, [d]);
-  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(() => {
+  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(() => {
     var i, S;
-    j(!1), R(-1);
+    R(!1), E(-1);
     const v = document.activeElement;
     v && ((i = u.current) != null && i.contains(v)) && ((S = g.current) == null || S.focus());
   }, []), { setElement: z, isTop: A } = Mt(y);
-  if (jt(y, A, () => E()), l.useEffect(() => {
+  if (jt(y, A, () => M()), l.useEffect(() => {
     var v;
     y && ((v = u.current) == null || v.focus());
   }, [y]), a) {
@@ -129,10 +129,10 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
           top: Math.max(8, Math.min(c.top, window.innerHeight - B - 8))
         });
       }
-      j((B) => !B);
+      R((B) => !B);
     }, N = (c) => {
       var K, _;
-      R(c);
+      E(c);
       const h = (K = u.current) == null ? void 0 : K.querySelectorAll("[role='menuitem']");
       if (!h) return;
       (_ = Array.from(h)[c]) == null || _.focus();
@@ -152,11 +152,11 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
           c.preventDefault(), N(Pt(h));
           break;
         case "Tab":
-          E();
+          M();
           break;
       }
     };
-    return /* @__PURE__ */ p("li", { "data-testid": "nav-group", children: [
+    return /* @__PURE__ */ m("li", { "data-testid": "nav-group", children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -178,9 +178,9 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
         }
       ),
       y && w ? ot(
-        /* @__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(
+        /* @__PURE__ */ m(Pe, { children: [
+          /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[var(--prui-z-flyout)]", onClick: () => M(), "data-testid": "rail-flyout-backdrop" }),
+          /* @__PURE__ */ m(
             "div",
             {
               ref: (c) => {
@@ -205,10 +205,10 @@ 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 && 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"
+                        c.href && oe(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);
+                        M(), r == null || r(), c.href && p(c.href);
                       },
                       children: c.label
                     },
@@ -223,8 +223,8 @@ function Wt({ item: t, onNavigate: r, expandAllOn: n, collapsed: a }) {
       ) : null
     ] });
   }
-  return /* @__PURE__ */ p("li", { "data-testid": "nav-group", children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ m("li", { "data-testid": "nav-group", children: [
+    /* @__PURE__ */ m(
       "button",
       {
         type: "button",
@@ -248,15 +248,15 @@ 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 _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(
+  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__ */ m(
     ht,
     {
       to: t.href,
       onClick: r,
-      className: ({ isActive: m }) => C(
+      className: ({ isActive: p }) => C(
         "flex items-center gap-2 rounded-[var(--prui-radius)] px-2.5 py-1.5 text-sm",
         n && "pl-2.5",
-        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)]"
+        p ? "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,11 +267,11 @@ function _e({ item: t, onNavigate: r, nested: n, expandAllOn: a, collapsed: o })
 }
 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)) }) });
+  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((p) => /* @__PURE__ */ e(_e, { item: p, onNavigate: r, expandAllOn: n, collapsed: a }, p.href ?? p.label)) }) });
 }
-function oe({ brand: t }) {
+function ae({ brand: t }) {
   if (!t) return null;
-  const r = /* @__PURE__ */ p(Pe, { children: [
+  const r = /* @__PURE__ */ m(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";
@@ -284,7 +284,7 @@ function Qt({
   placeholder: a,
   onNavigate: o
 }) {
-  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 { t: p } = X(), [d, T] = l.useState(""), [k, x] = l.useState(0), y = l.useRef(null), R = a ?? p.commandPlaceholder, w = l.useMemo(() => {
     const u = d.trim().toLowerCase();
     return u ? n.filter((b) => b.label.toLowerCase().includes(u)) : n;
   }, [n, d]);
@@ -304,7 +304,7 @@ function Qt({
       onMouseDown: (u) => {
         u.target === u.currentTarget && r(!1);
       },
-      children: /* @__PURE__ */ p(
+      children: /* @__PURE__ */ m(
         "div",
         {
           role: "dialog",
@@ -323,7 +323,7 @@ function Qt({
                 "aria-controls": "prui-palette-listbox",
                 "aria-label": "Command palette search",
                 "aria-activedescendant": w[k] ? `palette-option-${k}` : void 0,
-                placeholder: j,
+                placeholder: R,
                 value: d,
                 onChange: (u) => T(u.target.value),
                 onKeyDown: (u) => {
@@ -335,7 +335,7 @@ function Qt({
                 className: "w-full bg-transparent px-4 py-3 text-sm text-[var(--prui-fg)] placeholder:text-[var(--prui-dim)] outline-none border-b border-[var(--prui-line)] rounded-t-[var(--prui-radius)]"
               }
             ),
-            /* @__PURE__ */ e("ul", { id: "prui-palette-listbox", role: "listbox", "aria-label": "Commands", className: "max-h-64 overflow-auto p-1", children: w.length === 0 ? /* @__PURE__ */ e("li", { className: "px-3 py-2 text-sm text-[var(--prui-dim)]", role: "option", "aria-selected": "false", "aria-disabled": "true", children: m.commandNoMatches }) : w.map((u, b) => /* @__PURE__ */ p(
+            /* @__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: p.commandNoMatches }) : w.map((u, b) => /* @__PURE__ */ m(
               "li",
               {
                 id: `palette-option-${b}`,
@@ -366,56 +366,56 @@ function Zt(t) {
     nav: n = [],
     search: a = !0,
     theme: o = !0,
-    auth: m = !1,
+    auth: p = !1,
     sidebar: d = {},
     header: T,
     pages: k,
     pagesConfig: x,
     expandAllOn: y,
-    layoutType: j = "A",
+    layoutType: R = "A",
     sidebarHeader: w,
     sidebarFooter: P,
     children: g
-  } = 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]
+  } = t, { t: u } = X(), b = typeof a == "object" ? a : { enabled: a !== !1 }, E = b.enabled !== !1, M = 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(
+    () => p === !1 ? null : p === !0 ? {} : p,
+    [p]
   ), B = l.useCallback(() => {
     h != null && h.onTimeout ? h.onTimeout() : c((h == null ? void 0 : h.loginPath) ?? "/login");
   }, [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 });
+    for (const j of n)
+      if (j.items)
+        for (const F of j.items)
+          F.href && $.push({ label: `${j.label} / ${F.label}`, href: F.href, group: j.label });
+      else j.href && $.push({ label: j.label, href: j.href });
     return $;
   }, [n]);
   l.useEffect(() => {
-    if (!R) return;
-    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));
+    if (!E) return;
+    const $ = (j) => {
+      const F = j.target, se = F && (F.tagName === "INPUT" || F.tagName === "TEXTAREA" || F.isContentEditable);
+      j.key === M && !se && !j.metaKey && !j.ctrlKey && !j.altKey && (j.preventDefault(), N(!0));
     };
     return document.addEventListener("keydown", $), () => document.removeEventListener("keydown", $);
-  }, [E, R]);
+  }, [M, E]);
   const _ = l.useRef(f.pathname);
   l.useEffect(() => {
     _.current !== f.pathname && (_.current = f.pathname, O(!1));
   }, [f.pathname]);
-  const J = l.useRef(null), { ref: ae } = Ae({
+  const J = l.useRef(null), { ref: ne } = Ae({
     open: A,
     onEscape: () => O(!1),
     initialFocus: J
-  }), { mounted: ne, shown: I } = Et(A), Y = d.width ?? 240, L = !v && j !== "D";
-  return /* @__PURE__ */ p(
+  }), { mounted: le, shown: I } = Et(A), Y = d.width ?? 240, L = !v && R !== "D";
+  return /* @__PURE__ */ m(
     "div",
     {
       className: "prui-app prui-shell min-h-dvh bg-[var(--prui-background)] text-[var(--prui-fg)]",
-      "data-layout": j,
+      "data-layout": R,
       "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__ */ m("aside", { "data-testid": "sidebar", className: "prui-shell-sidebar hidden md:flex md:flex-col md:min-h-0", children: [
           /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto p-2 pt-4 scrollbar-thin", children: /* @__PURE__ */ e(Ee, { nav: n, expandAllOn: y, collapsed: L }) }),
           P ? /* @__PURE__ */ e(
             "div",
@@ -424,21 +424,9 @@ function Zt(t) {
               "data-testid": "sidebar-footer",
               children: P
             }
-          ) : null,
-          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": L ? u.expandSidebar : u.collapseSidebar,
-              "data-testid": "sidebar-toggle",
-              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
+          ) : null
         ] }),
-        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: [
+        le ? /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ m("div", { ref: ne, className: "md:hidden fixed inset-0 z-[var(--prui-z-drawer)]", "data-testid": "mobile-drawer", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -452,7 +440,7 @@ function Zt(t) {
               "data-testid": "drawer-backdrop"
             }
           ),
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ m(
             "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 prui-drawer-panel",
@@ -464,8 +452,8 @@ function Zt(t) {
               "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(oe, { brand: r }) }) : null,
+                /* @__PURE__ */ m("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(ae, { brand: r }) }) : null,
                   /* @__PURE__ */ e(
                     "button",
                     {
@@ -474,7 +462,7 @@ function Zt(t) {
                       "aria-label": u.closeNavigation,
                       onClick: () => O(!1),
                       className: "rounded-[var(--prui-radius)] p-1 text-[var(--prui-dim)] hover:text-[var(--prui-fg)] cursor-pointer",
-                      children: /* @__PURE__ */ e(gt, { className: "h-4 w-4", "aria-hidden": !0 })
+                      children: /* @__PURE__ */ e(bt, { className: "h-4 w-4", "aria-hidden": !0 })
                     }
                   )
                 ] }),
@@ -483,15 +471,15 @@ function Zt(t) {
             }
           )
         ] }) }) : null,
-        j === "C" ? /* @__PURE__ */ e(
+        R === "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(oe, { brand: r })
+            children: w ?? /* @__PURE__ */ e(ae, { brand: r })
           }
         ) : null,
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           "header",
           {
             "data-testid": "app-header",
@@ -506,11 +494,29 @@ function Zt(t) {
                   className: "md:hidden",
                   onClick: () => O(!0),
                   "data-testid": "drawer-toggle",
-                  children: /* @__PURE__ */ e(xt, { className: "h-4 w-4", "aria-hidden": !0 })
+                  children: /* @__PURE__ */ e(vt, { className: "h-4 w-4", "aria-hidden": !0 })
                 }
               ) : null,
-              /* @__PURE__ */ e("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ e(oe, { brand: r }) }),
-              R ? /* @__PURE__ */ p(
+              /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-1 justify-self-start", children: [
+                R !== "D" ? /* @__PURE__ */ e(
+                  U,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    "aria-label": L ? u.expandSidebar : u.collapseSidebar,
+                    className: "hidden md:inline-flex",
+                    onClick: () => i(($) => !$),
+                    "data-testid": "sidebar-toggle",
+                    children: L ? /* @__PURE__ */ e(gt, { className: "h-4 w-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(xt, { className: "h-4 w-4", "aria-hidden": !0 })
+                  }
+                ) : null,
+                R === "C" ? (
+                  /* C owns the brand in its sidebar header row on desktop; the
+                     sidehead is hidden below md, so the topbar carries it there */
+                  /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(ae, { brand: r }) })
+                ) : /* @__PURE__ */ e(ae, { brand: r })
+              ] }),
+              E ? /* @__PURE__ */ m(
                 "button",
                 {
                   type: "button",
@@ -520,11 +526,11 @@ function Zt(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: E })
+                    /* @__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 })
                   ]
                 }
               ) : null,
-              /* @__PURE__ */ p("div", { className: "flex items-center gap-2 justify-self-end", children: [
+              /* @__PURE__ */ m("div", { className: "flex items-center gap-2 justify-self-end", children: [
                 T,
                 /* @__PURE__ */ e(Yt, { config: o })
               ] })
@@ -548,7 +554,7 @@ function Zt(t) {
             onTimeout: B
           }
         ) }) : null,
-        R ? /* @__PURE__ */ e(Qt, { open: S, onOpenChange: N, entries: K, placeholder: b.placeholder, onNavigate: c }) : null
+        E ? /* @__PURE__ */ e(Qt, { open: S, onOpenChange: N, entries: K, placeholder: b.placeholder, onNavigate: c }) : null
       ]
     }
   );
@@ -596,15 +602,15 @@ function rr({
   defaultValues: n,
   onSubmit: a,
   onCancel: o,
-  cancelLabel: m,
+  cancelLabel: p,
   submitting: d = !1,
   error: T,
   className: k
 }) {
-  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);
+  const { t: x } = X(), y = l.useMemo(() => er(t), [t]), R = r ?? n, [w, P] = l.useState(() => Me(y, R)), [g, u] = l.useState({}), [b, E] = l.useState(null), [M, z] = l.useState(!1);
   l.useEffect(() => {
-    P(Me(y, j));
-  }, [JSON.stringify(y), JSON.stringify(j ?? {})]);
+    P(Me(y, R));
+  }, [JSON.stringify(y), JSON.stringify(R ?? {})]);
   const A = (i, S) => {
     P((N) => ({ ...N, [i]: S })), u((N) => {
       if (!N[i]) return N;
@@ -624,26 +630,26 @@ function rr({
       c && (S[f.name] = c);
     }
     if (u(S), !(Object.keys(S).length > 0)) {
-      R(null);
+      E(null);
       try {
         const f = a == null ? void 0 : a({ ...w });
         f && typeof f.then == "function" && (z(!0), await f);
       } catch (f) {
-        R(f instanceof Error ? f.message : String(f));
+        E(f instanceof Error ? f.message : String(f));
       } finally {
         z(!1);
       }
     }
-  }, v = d || E;
-  return /* @__PURE__ */ p("form", { onSubmit: O, className: C("prui-form flex flex-col gap-4", k), noValidate: !0, children: [
+  }, v = d || M;
+  return /* @__PURE__ */ m("form", { onSubmit: O, className: C("prui-form flex flex-col gap-4", k), noValidate: !0, children: [
     /* @__PURE__ */ e("div", { className: C("grid gap-4", y.columns === 2 && "md:grid-cols-2"), children: y.fields.map((i) => {
       const S = g[i.name], N = {
         id: `prui-form-${i.name}`,
         "aria-invalid": S ? !0 : void 0,
         "aria-describedby": S ? `prui-form-${i.name}-error` : void 0
       };
-      return /* @__PURE__ */ p("div", { className: C("flex flex-col gap-1.5", i.colSpan === 2 && "md:col-span-2", i.className), children: [
-        /* @__PURE__ */ p(Vt, { htmlFor: N.id, children: [
+      return /* @__PURE__ */ m("div", { className: C("flex flex-col gap-1.5", i.colSpan === 2 && "md:col-span-2", i.className), children: [
+        /* @__PURE__ */ m(Vt, { htmlFor: N.id, children: [
           i.label,
           i.required ? /* @__PURE__ */ e("span", { className: "ml-0.5 text-[var(--prui-danger)]", children: "*" }) : null
         ] }),
@@ -699,8 +705,8 @@ function rr({
       ] }, i.name);
     }) }),
     T ?? b ? /* @__PURE__ */ e("p", { role: "alert", "data-testid": "form-error", className: "rounded-[var(--prui-radius)] border border-[var(--prui-danger)]/40 bg-[var(--prui-danger)]/10 px-3 py-2 text-sm text-[var(--prui-danger)]", children: T ?? b }) : null,
-    /* @__PURE__ */ p("div", { className: "flex items-center justify-end gap-2", children: [
-      o ? /* @__PURE__ */ e(U, { type: "button", variant: "ghost", onClick: o, disabled: v, children: m ?? x.cancel }) : null,
+    /* @__PURE__ */ m("div", { className: "flex items-center justify-end gap-2", children: [
+      o ? /* @__PURE__ */ e(U, { type: "button", variant: "ghost", onClick: o, disabled: v, children: p ?? x.cancel }) : null,
       /* @__PURE__ */ e(U, { type: "submit", variant: "primary", loading: v, children: y.submitLabel ?? "Submit" })
     ] })
   ] });
@@ -727,7 +733,7 @@ function ar(t, r) {
       name: a.key,
       label: typeof a.label == "string" ? a.label : a.key,
       type: nr(a, r),
-      options: (o = qe(a.filterOptions ?? a.options)) == null ? void 0 : o.map((m) => ({ label: m.label, value: m.value })),
+      options: (o = qe(a.filterOptions ?? a.options)) == null ? void 0 : o.map((p) => ({ label: p.label, value: p.value })),
       required: !1
     };
   }), submitLabel: r ? "Save" : "Create" };
@@ -741,20 +747,20 @@ function Pr({
   list: n,
   create: a,
   update: o,
-  remove: m,
+  remove: p,
   delete: d,
   actions: T,
   form: k,
   formSchema: x,
   rowKey: y,
-  searchPlaceholder: j,
+  searchPlaceholder: R,
   pageSize: w,
   state: P,
   defaultState: g,
   onStateChange: u,
   onPageChange: b,
-  onFilterChange: R,
-  onSortChange: E,
+  onFilterChange: E,
+  onSortChange: M,
   onSearchChange: z,
   onPageSizeChange: A,
   onSelectionChange: O,
@@ -764,7 +770,7 @@ function Pr({
   searchDebounce: N = 250,
   className: f
 }) {
-  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(
+  const { t: c } = X(), h = p ?? 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,
@@ -776,12 +782,12 @@ function Pr({
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- defaults are read once
     []
-  ), [J, ae] = l.useState(_), ne = l.useMemo(
+  ), [J, ne] = l.useState(_), le = l.useMemo(
     () => ({ ...J, ...Object.fromEntries(Object.entries(P ?? {}).filter(([, s]) => s !== void 0)) }),
     [J, P]
   ), I = l.useCallback(
     (s) => {
-      ae((D) => {
+      ne((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);
@@ -790,27 +796,27 @@ function Pr({
       });
     },
     [P, u]
-  ), { 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($);
+  ), { page: Y, pageSize: L, search: $, filters: j, sort: F, selection: se, expandedRows: He } = le, [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), [ie, Ge] = l.useState($);
   l.useEffect(() => {
     const s = setTimeout(() => Ge($), N);
     return () => clearTimeout(s);
   }, [$, N]);
-  const ye = Je[Y - 1] ?? null, we = JSON.stringify(M), Z = l.useCallback(async () => {
+  const ye = Je[Y - 1] ?? null, we = JSON.stringify(j), Z = l.useCallback(async () => {
     fe(!0), be(null);
     try {
-      const s = await n({ search: se, cursor: ye, pageSize: L, sort: F, filters: M });
+      const s = await n({ search: ie, cursor: ye, pageSize: L, sort: F, filters: j });
       ue(s.rows), me(s.nextCursor ?? s.cursor ?? null);
     } catch (s) {
       be(s instanceof Error ? s.message : String(s)), ue([]), me(null);
     } finally {
       fe(!1);
     }
-  }, [se, ye, L, F, we, n]);
+  }, [ie, ye, L, F, we, n]);
   l.useEffect(() => {
     Z();
   }, [Z]), l.useEffect(() => {
     I({ page: 1 }), pe([null]);
-  }, [se, L, we]);
+  }, [ie, L, we]);
   const Qe = l.useMemo(
     () => r.filter((s) => s.filter).map((s) => ({
       key: s.key,
@@ -820,12 +826,12 @@ function Pr({
     })),
     [r]
   ), Ze = (s, D) => {
-    const V = { ...M, [s]: D };
-    I({ filters: V }), R == null || R(V);
+    const V = { ...j, [s]: D };
+    I({ filters: V }), E == null || E(V);
   }, et = (s) => {
     I({ search: s }), z == null || z(s);
   }, tt = (s) => {
-    I({ sort: s }), E == null || E(s);
+    I({ sort: s }), M == null || M(s);
   }, rt = (s, D) => {
     if (D === "next") {
       const V = de;
@@ -843,7 +849,7 @@ function Pr({
           key: "actions",
           label: "",
           align: "right",
-          render: (s) => /* @__PURE__ */ p("div", { className: "flex items-center justify-end gap-1", children: [
+          render: (s) => /* @__PURE__ */ m("div", { className: "flex items-center justify-end gap-1", children: [
             K("edit") ? /* @__PURE__ */ e(U, { variant: "ghost", size: "icon", "aria-label": "Edit", onClick: () => {
               var D;
               return (D = ee.current) == null ? void 0 : D.call(ee, s);
@@ -887,18 +893,18 @@ function Pr({
   ), 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: [
+  return /* @__PURE__ */ m("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(
       Lt,
       {
-        searchPlaceholder: j ?? c.searchEntity.replace("{name}", t),
+        searchPlaceholder: R ?? c.searchEntity.replace("{name}", t),
         searchValue: $,
         onSearchChange: et,
         filters: Qe,
-        filterValues: M,
+        filterValues: j,
         onFilterChange: Ze,
-        actions: K("create") ? /* @__PURE__ */ p(U, { variant: "primary", size: "sm", onClick: nt, "data-testid": "resource-create", children: [
+        actions: K("create") ? /* @__PURE__ */ m(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
@@ -915,7 +921,7 @@ function Pr({
         onSortChange: tt,
         loading: Ye,
         selectable: v,
-        selectedRowKeys: le,
+        selectedRowKeys: se,
         onSelectionChange: (s, D) => {
           I({ selection: s }), O == null || O(s, D);
         },
@@ -938,7 +944,7 @@ function Pr({
         }
       }
     ),
-    /* @__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__ */ m($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(
         rr,
@@ -986,9 +992,9 @@ const Or = {
 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(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: [
+    return /* @__PURE__ */ m(Le, { "data-testid": "stat-card", children: [
+      /* @__PURE__ */ m(Ke, { className: "pb-2", children: [
+        /* @__PURE__ */ m(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
         ] }),
@@ -1023,11 +1029,11 @@ function lr(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(
+  const p = `prui-settings-${r}`;
+  return n === "switch" ? /* @__PURE__ */ e("label", { className: "flex items-center gap-2", htmlFor: p, children: /* @__PURE__ */ e(
     Ie,
     {
-      id: m,
+      id: p,
       checked: !!a,
       onChange: (d) => o == null ? void 0 : o(d),
       "aria-label": t.label
@@ -1035,7 +1041,7 @@ function sr({ field: t }) {
   ) }) : n === "select" ? /* @__PURE__ */ e(
     Fe,
     {
-      id: m,
+      id: p,
       className: "w-56",
       options: lr(t.options) ?? [],
       value: String(a ?? ""),
@@ -1045,7 +1051,7 @@ function sr({ field: t }) {
   ) : /* @__PURE__ */ e(
     ce,
     {
-      id: m,
+      id: p,
       type: n === "number" ? "number" : "text",
       className: "h-8 w-56",
       value: String(a ?? ""),
@@ -1055,9 +1061,9 @@ function sr({ field: t }) {
   );
 }
 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: [
+  return /* @__PURE__ */ m("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: [
+    /* @__PURE__ */ m("div", { className: "flex flex-col gap-6 md:flex-row", children: [
       /* @__PURE__ */ e("nav", { "aria-label": "Settings sections", className: "md:w-56 md:shrink-0", children: /* @__PURE__ */ e("ul", { className: "flex flex-row flex-wrap gap-1 md:flex-col", children: r.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         "a",
         {
@@ -1066,18 +1072,18 @@ function zr({ 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(Le, { id: `settings-${a.id}`, "data-testid": "settings-section", children: [
-        /* @__PURE__ */ p(Ke, { children: [
+      /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: r.map((a) => /* @__PURE__ */ m(Le, { id: `settings-${a.id}`, "data-testid": "settings-section", children: [
+        /* @__PURE__ */ m(Ke, { children: [
           /* @__PURE__ */ e(Ue, { children: a.title ?? a.label ?? a.id }),
           a.description ? /* @__PURE__ */ e(Be, { children: a.description }) : null
         ] }),
-        /* @__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(Ve, { children: a.content ?? /* @__PURE__ */ e("dl", { className: "flex flex-col divide-y divide-[var(--prui-line)]", children: (a.fields ?? []).map((o, p) => /* @__PURE__ */ m("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__ */ m("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(sr, { field: o }) })
-        ] }, `${o.label}-${m}`)) }) })
+        ] }, `${o.label}-${p}`)) }) })
       ] }, a.id)) })
     ] })
   ] });
@@ -1095,34 +1101,34 @@ function ir({
   onTimeout: n,
   onExtend: a,
   title: o = "Session expiring soon",
-  message: m = "Your session is about to expire due to inactivity."
+  message: p = "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, j] = 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, 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);
-  }, []), R = l.useCallback(() => {
+  }, []), E = l.useCallback(() => {
     b(), x(!1), n == null || n();
-  }, [b, n]), E = l.useCallback(() => {
+  }, [b, n]), M = l.useCallback(() => {
     b(), x(!1), u.current = !1, w.current = window.setTimeout(() => {
-      u.current = !0, j(T), x(!0), g.current = window.setInterval(() => {
-        j((i) => i <= 1e3 ? (R(), 0) : i - 1e3);
+      u.current = !0, R(T), x(!0), g.current = window.setInterval(() => {
+        R((i) => i <= 1e3 ? (E(), 0) : i - 1e3);
       }, 1e3);
-    }, d - T), P.current = window.setTimeout(R, d);
-  }, [b, R, d, T]);
+    }, d - T), P.current = window.setTimeout(E, d);
+  }, [b, E, d, T]);
   l.useEffect(() => {
     const i = () => {
-      u.current || E();
+      u.current || M();
     };
     for (const S of je) document.addEventListener(S, i, { passive: !0 });
-    return E(), () => {
+    return M(), () => {
       b();
       for (const S of je) document.removeEventListener(S, i);
     };
-  }, [E, b]);
+  }, [M, b]);
   const z = () => {
-    a == null || a(), E();
+    a == null || a(), M();
   }, A = Math.floor(y / 6e4), O = Math.floor(y % 6e4 / 1e3), v = `${A}:${String(O).padStart(2, "0")}`;
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ m(
     $e,
     {
       open: k,
@@ -1130,14 +1136,14 @@ function ir({
       size: "sm",
       ariaLabel: o,
       children: [
-        /* @__PURE__ */ p("div", { className: "flex flex-col items-center gap-1 px-8 pb-2 pt-8 text-center", children: [
+        /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-1 px-8 pb-2 pt-8 text-center", children: [
           /* @__PURE__ */ e("div", { className: "mb-2 flex h-12 w-12 items-center justify-center rounded-full bg-[var(--prui-warn)]/15", children: /* @__PURE__ */ e(Ct, { className: "h-6 w-6 text-[var(--prui-warn)]", "aria-hidden": !0 }) }),
           /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-[var(--prui-fg)]", children: o }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--prui-dim)]", children: m }),
+          /* @__PURE__ */ e("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: v })
         ] }),
-        /* @__PURE__ */ p("div", { className: "flex flex-col gap-2 px-8 pb-8 sm:flex-row", children: [
-          /* @__PURE__ */ e(U, { variant: "default", className: "flex-1", onClick: R, "data-testid": "session-logout", children: "Log out now" }),
+        /* @__PURE__ */ m("div", { className: "flex flex-col gap-2 px-8 pb-8 sm:flex-row", children: [
+          /* @__PURE__ */ e(U, { variant: "default", className: "flex-1", onClick: E, "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" })
         ] })
       ]
@@ -1157,18 +1163,18 @@ const or = {
   SessionTimeout: ir,
   sessionTimeoutPropsMeta: or
 }, Symbol.toStringTag, { value: "Module" }));
-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: [
+function Fr({ title: t, description: r, brand: n, width: a = "max-w-sm", footer: o, children: p, 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__ */ m("div", { className: C("w-full", a), children: [
+    n ? /* @__PURE__ */ m("div", { className: "mb-6 flex items-center justify-center gap-2", "data-testid": "auth-shell-brand", children: [
       n.mark ? /* @__PURE__ */ e("img", { src: n.mark, alt: "", className: "h-8 w-8 rounded-[var(--prui-radius-1)] object-cover" }) : null,
       /* @__PURE__ */ e("span", { className: "text-lg font-semibold text-[var(--prui-fg)]", children: n.name })
     ] }) : null,
-    /* @__PURE__ */ p("div", { className: "rounded-[var(--prui-radius)] border border-[var(--prui-line)] bg-[var(--prui-surface)] p-6", children: [
-      /* @__PURE__ */ p("div", { className: "mb-4 flex flex-col gap-1 text-center", children: [
+    /* @__PURE__ */ m("div", { className: "rounded-[var(--prui-radius)] border border-[var(--prui-line)] bg-[var(--prui-surface)] p-6", children: [
+      /* @__PURE__ */ m("div", { className: "mb-4 flex flex-col gap-1 text-center", children: [
         /* @__PURE__ */ e("h1", { className: "text-lg font-semibold text-[var(--prui-fg)]", children: t }),
         r ? /* @__PURE__ */ e("p", { className: "text-sm text-[var(--prui-dim)]", children: r }) : null
       ] }),
-      m,
+      p,
       o ? /* @__PURE__ */ e("div", { className: "mt-4 text-center text-sm text-[var(--prui-dim)]", children: o }) : null
     ] })
   ] }) });

package/dist/index.js

@@ -36,7 +36,7 @@ import { TimePanel as Zo, TimePicker as $o, TimeRangePicker as er, timePickerPro
 import { FileUpload as tr, fileUploadPropsMeta as sr } from "./core/file-upload.js";
 import { D as ir, a as Pr, b as mr, c as lr, d as nr, F as dr, N as Mr, P as gr, T as ur, e as cr, f as fr, g as xr } from "./chunks/data-table-toolbar-B-5J2Ozl.js";
 import { Link as Sr, NavLink as br, Navigate as hr, Outlet as Dr, Route as Fr, Routes as Rr } from "react-router-dom";
-import { A as yr, a as Ar, b as Ir, c as vr, C as Cr, F as wr, R as Br, S as Nr, d as Er, e as Or, f as Lr, g as Kr, h as Ur, i as Gr, r as _r, s as Hr, j as Vr, k as jr, u as qr } from "./chunks/auth-shell-DBKlNZtl.js";
+import { A as yr, a as Ar, b as Ir, c as vr, C as Cr, F as wr, R as Br, S as Nr, d as Er, e as Or, f as Lr, g as Kr, h as Ur, i as Gr, r as _r, s as Hr, j as Vr, k as jr, u as qr } from "./chunks/auth-shell-Cjq47nnz.js";
 import { AdminSetup as Jr, EmptyState as Qr, ErrorPage as Wr, ForgotPasswordPage as Xr, LoginPage as Yr, LogoutPage as Zr, NotFoundPage as $r, OtpPage as ea, PagesRegistry as oa, ProfilePage as ra, RegisterPage as aa, ResetPasswordPage as ta, SettingsPage as sa, adminSetupPropsMeta as pa, emptyStatePropsMeta as ia, errorPagePropsMeta as Pa, forgotPasswordPagePropsMeta as ma, loginPagePropsMeta as la, logoutPagePropsMeta as na, notFoundPagePropsMeta as da, otpPagePropsMeta as Ma, profilePagePropsMeta as ga, registerPagePropsMeta as ua, resetPasswordPagePropsMeta as ca, settingsPagePropsMeta as fa } from "./pages.js";
 import { PRUI_BREAKPOINTS as Ta, PRUI_DESIGN_TOKENS as Sa, PRUI_THEMES as ba, PRUI_TOKENS as ha, applyTheme as Da, applyThemeTokens as Fa, clearAppliedTokens as Ra, defineTheme as ka, isDarkTheme as ya, isLightTheme as Aa, listThemes as Ia, nextTheme as va, readPersistedTheme as Ca, resolveThemeName as wa, restoreAppliedTokens as Ba, themeMeta as Na, themeMode as Ea, useBreakpointAtLeast as Oa } from "./theme.js";
 import { PruiProvider as Ka, defaultDictionary as Ua, getPruiDictionary as Ga, resetPruiDictionary as _a, setPruiDictionary as Ha, usePruiI18n as Va } from "./i18n.js";

package/dist/prui-utilities.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-normal:1.5;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.right-0{right:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[11px\]{right:11px}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[11px\]{left:11px}.z-\[calc\(var\(--prui-z-flyout\)\+1\)\]{z-index:calc(var(--prui-z-flyout) + 1)}.z-\[var\(--prui-z-confirm\)\]{z-index:var(--prui-z-confirm)}.z-\[var\(--prui-z-content\)\]{z-index:var(--prui-z-content)}.z-\[var\(--prui-z-drawer\)\]{z-index:var(--prui-z-drawer)}.z-\[var\(--prui-z-flyout\)\]{z-index:var(--prui-z-flyout)}.z-\[var\(--prui-z-header\)\]{z-index:var(--prui-z-header)}.z-\[var\(--prui-z-modal\)\]{z-index:var(--prui-z-modal)}.z-\[var\(--prui-z-overlay\)\]{z-index:var(--prui-z-overlay)}.z-\[var\(--prui-z-toast\)\]{z-index:var(--prui-z-toast)}.z-\[var\(--prui-z-tooltip\)\]{z-index:var(--prui-z-tooltip)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-7{margin-left:calc(var(--spacing) * -7)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-\[100dvh\],.min-h-dvh{min-height:100dvh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-\[min\(420px\,34vw\)\]{width:min(420px,34vw)}.w-full{width:100%}.w-px{width:1px}.max-w-4xl{max-width:var(--container-4xl)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-y{resize:vertical}.scrollbar-thin{scrollbar-width:thin}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--prui-line\)\]>:not(:last-child)){border-color:var(--prui-line)}.self-center{align-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[calc\(var\(--prui-radius\)-1px\)\]{border-radius:calc(var(--prui-radius) - 1px)}.rounded-\[calc\(var\(--prui-radius\)-2px\)\]{border-radius:calc(var(--prui-radius) - 2px)}.rounded-\[calc\(var\(--prui-radius-1\)\)\]{border-radius:calc(var(--prui-radius-1))}.rounded-\[var\(--prui-radius\)\]{border-radius:var(--prui-radius)}.rounded-\[var\(--prui-radius-1\)\]{border-radius:var(--prui-radius-1)}.rounded-\[var\(--prui-radius-full\)\]{border-radius:var(--prui-radius-full)}.rounded-\[var\(--prui-s-radius\,var\(--prui-radius\)\)\]{border-radius:var(--prui-s-radius,var(--prui-radius))}.rounded-\[var\(--prui-s-radius\,var\(--prui-radius-full\)\)\]{border-radius:var(--prui-s-radius,var(--prui-radius-full))}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[var\(--prui-radius\)\]{border-top-left-radius:var(--prui-radius);border-top-right-radius:var(--prui-radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--prui-brand\)\],.border-\[var\(--prui-brand\)\]\/30{border-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-brand\)\]\/30{border-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}.border-\[var\(--prui-brand\)\]\/50{border-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-brand\)\]\/50{border-color:color-mix(in oklab, var(--prui-brand) 50%, transparent)}}.border-\[var\(--prui-danger\)\],.border-\[var\(--prui-danger\)\]\/30{border-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-danger\)\]\/30{border-color:color-mix(in oklab, var(--prui-danger) 30%, transparent)}}.border-\[var\(--prui-danger\)\]\/40{border-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-danger\)\]\/40{border-color:color-mix(in oklab, var(--prui-danger) 40%, transparent)}}.border-\[var\(--prui-line\)\]{border-color:var(--prui-line)}.border-\[var\(--prui-ok\)\],.border-\[var\(--prui-ok\)\]\/30{border-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-ok\)\]\/30{border-color:color-mix(in oklab, var(--prui-ok) 30%, transparent)}}.border-\[var\(--prui-ok\)\]\/40{border-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-ok\)\]\/40{border-color:color-mix(in oklab, var(--prui-ok) 40%, transparent)}}.border-\[var\(--prui-s-border\,var\(--prui-brand\)\)\]{border-color:var(--prui-s-border,var(--prui-brand))}.border-\[var\(--prui-warn\)\],.border-\[var\(--prui-warn\)\]\/30{border-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-warn\)\]\/30{border-color:color-mix(in oklab, var(--prui-warn) 30%, transparent)}}.border-\[var\(--prui-warn\)\]\/40{border-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-warn\)\]\/40{border-color:color-mix(in oklab, var(--prui-warn) 40%, transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--prui-background\)\]{background-color:var(--prui-background)}.bg-\[var\(--prui-brand\)\],.bg-\[var\(--prui-brand\)\]\/8{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/8{background-color:color-mix(in oklab, var(--prui-brand) 8%, transparent)}}.bg-\[var\(--prui-brand\)\]\/10{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/10{background-color:color-mix(in oklab, var(--prui-brand) 10%, transparent)}}.bg-\[var\(--prui-brand\)\]\/12{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/12{background-color:color-mix(in oklab, var(--prui-brand) 12%, transparent)}}.bg-\[var\(--prui-brand\)\]\/15{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/15{background-color:color-mix(in oklab, var(--prui-brand) 15%, transparent)}}.bg-\[var\(--prui-brand\)\]\/20{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/20{background-color:color-mix(in oklab, var(--prui-brand) 20%, transparent)}}.bg-\[var\(--prui-danger\)\],.bg-\[var\(--prui-danger\)\]\/10{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/10{background-color:color-mix(in oklab, var(--prui-danger) 10%, transparent)}}.bg-\[var\(--prui-danger\)\]\/15{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/15{background-color:color-mix(in oklab, var(--prui-danger) 15%, transparent)}}.bg-\[var\(--prui-danger\)\]\/20{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/20{background-color:color-mix(in oklab, var(--prui-danger) 20%, transparent)}}.bg-\[var\(--prui-line\)\]{background-color:var(--prui-line)}.bg-\[var\(--prui-ok\)\],.bg-\[var\(--prui-ok\)\]\/10{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/10{background-color:color-mix(in oklab, var(--prui-ok) 10%, transparent)}}.bg-\[var\(--prui-ok\)\]\/15{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/15{background-color:color-mix(in oklab, var(--prui-ok) 15%, transparent)}}.bg-\[var\(--prui-ok\)\]\/20{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/20{background-color:color-mix(in oklab, var(--prui-ok) 20%, transparent)}}.bg-\[var\(--prui-raise\)\],.bg-\[var\(--prui-raise\)\]\/40{background-color:var(--prui-raise)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-raise\)\]\/40{background-color:color-mix(in oklab, var(--prui-raise) 40%, transparent)}}.bg-\[var\(--prui-s-bg\,transparent\)\]{background-color:var(--prui-s-bg,transparent)}.bg-\[var\(--prui-s-bg\,var\(--prui-background\)\)\]{background-color:var(--prui-s-bg,var(--prui-background))}.bg-\[var\(--prui-s-bg\,var\(--prui-brand\)\)\]{background-color:var(--prui-s-bg,var(--prui-brand))}.bg-\[var\(--prui-s-bg\,var\(--prui-danger\)\)\]{background-color:var(--prui-s-bg,var(--prui-danger))}.bg-\[var\(--prui-s-bg\,var\(--prui-ok\)\)\]{background-color:var(--prui-s-bg,var(--prui-ok))}.bg-\[var\(--prui-s-bg\,var\(--prui-raise\)\)\]{background-color:var(--prui-s-bg,var(--prui-raise))}.bg-\[var\(--prui-s-bg\,var\(--prui-warn\)\)\]{background-color:var(--prui-s-bg,var(--prui-warn))}.bg-\[var\(--prui-surface\)\]{background-color:var(--prui-surface)}.bg-\[var\(--prui-warn\)\],.bg-\[var\(--prui-warn\)\]\/10{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/10{background-color:color-mix(in oklab, var(--prui-warn) 10%, transparent)}}.bg-\[var\(--prui-warn\)\]\/15{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/15{background-color:color-mix(in oklab, var(--prui-warn) 15%, transparent)}}.bg-\[var\(--prui-warn\)\]\/20{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/20{background-color:color-mix(in oklab, var(--prui-warn) 20%, transparent)}}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-\[var\(--prui-brand\)\]{fill:var(--prui-brand)}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--prui-brand\)\]{color:var(--prui-brand)}.text-\[var\(--prui-brand-fg\,\#fff\)\]{color:var(--prui-brand-fg,#fff)}.text-\[var\(--prui-danger\)\]{color:var(--prui-danger)}.text-\[var\(--prui-dim\)\]{color:var(--prui-dim)}.text-\[var\(--prui-fg\)\]{color:var(--prui-fg)}.text-\[var\(--prui-ok\)\]{color:var(--prui-ok)}.text-\[var\(--prui-s-fg\,\#fff\)\]{color:var(--prui-s-fg,#fff)}.text-\[var\(--prui-s-fg\,var\(--prui-brand\)\)\]{color:var(--prui-s-fg,var(--prui-brand))}.text-\[var\(--prui-s-fg\,var\(--prui-brand-fg\)\)\]{color:var(--prui-s-fg,var(--prui-brand-fg))}.text-\[var\(--prui-s-fg\,var\(--prui-fg\)\)\]{color:var(--prui-s-fg,var(--prui-fg))}.text-\[var\(--prui-warn\)\]{color:var(--prui-warn)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.accent-\[var\(--prui-brand\)\]{accent-color:var(--prui-brand)}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-lg\)\]{--tw-shadow:var(--prui-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-md\)\]{--tw-shadow:var(--prui-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-modal\)\]{--tw-shadow:var(--prui-shadow-modal);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\,background-color\,border-color\]{transition-property:filter,background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-\[var\(--prui-duration-base\)\]{--tw-duration:var(--prui-duration-base);transition-duration:var(--prui-duration-base)}.duration-\[var\(--prui-duration-fast\)\]{--tw-duration:var(--prui-duration-fast);transition-duration:var(--prui-duration-fast)}.ease-\[var\(--prui-ease-out\)\]{--tw-ease:var(--prui-ease-out);transition-timing-function:var(--prui-ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-\[var\(--prui-dim\)\]::placeholder{color:var(--prui-dim)}.first\:pt-0:first-child{padding-top:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-\[var\(--prui-brand\)\]:focus-within{border-color:var(--prui-brand)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-\[var\(--prui-brand\)\]\/30:focus-within{--tw-ring-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-\[var\(--prui-brand\)\]\/30:focus-within{--tw-ring-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}@media (hover:hover){.hover\:border-\[var\(--prui-dim\)\]:hover{border-color:var(--prui-dim)}.hover\:bg-\[var\(--prui-brand\)\]\/10:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/10:hover{background-color:color-mix(in oklab, var(--prui-brand) 10%, transparent)}}.hover\:bg-\[var\(--prui-brand\)\]\/20:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/20:hover{background-color:color-mix(in oklab, var(--prui-brand) 20%, transparent)}}.hover\:bg-\[var\(--prui-brand\)\]\/25:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/25:hover{background-color:color-mix(in oklab, var(--prui-brand) 25%, transparent)}}.hover\:bg-\[var\(--prui-line\)\]:hover{background-color:var(--prui-line)}.hover\:bg-\[var\(--prui-raise\)\]:hover{background-color:var(--prui-raise)}.hover\:text-\[var\(--prui-danger\)\]:hover{color:var(--prui-danger)}.hover\:text-\[var\(--prui-fg\)\]:hover{color:var(--prui-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[var\(--prui-brand\)\]:focus{border-color:var(--prui-brand)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--prui-brand\)\]\/30:focus{--tw-ring-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--prui-brand\)\]\/30:focus{--tw-ring-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}.focus-visible\:bg-\[var\(--prui-raise\)\]:focus-visible{background-color:var(--prui-raise)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--prui-brand\)\]:focus-visible{--tw-ring-color:var(--prui-brand)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-\[var\(--prui-brand\)\]:focus-visible{outline-color:var(--prui-brand)}.active\:brightness-95:active{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:min-h-0{min-height:0}.md\:w-56{width:calc(var(--spacing) * 56)}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-normal:1.5;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.right-0{right:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[11px\]{right:11px}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[11px\]{left:11px}.z-\[calc\(var\(--prui-z-flyout\)\+1\)\]{z-index:calc(var(--prui-z-flyout) + 1)}.z-\[var\(--prui-z-confirm\)\]{z-index:var(--prui-z-confirm)}.z-\[var\(--prui-z-content\)\]{z-index:var(--prui-z-content)}.z-\[var\(--prui-z-drawer\)\]{z-index:var(--prui-z-drawer)}.z-\[var\(--prui-z-flyout\)\]{z-index:var(--prui-z-flyout)}.z-\[var\(--prui-z-header\)\]{z-index:var(--prui-z-header)}.z-\[var\(--prui-z-modal\)\]{z-index:var(--prui-z-modal)}.z-\[var\(--prui-z-overlay\)\]{z-index:var(--prui-z-overlay)}.z-\[var\(--prui-z-toast\)\]{z-index:var(--prui-z-toast)}.z-\[var\(--prui-z-tooltip\)\]{z-index:var(--prui-z-tooltip)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-7{margin-left:calc(var(--spacing) * -7)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-\[100dvh\],.min-h-dvh{min-height:100dvh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-\[min\(420px\,34vw\)\]{width:min(420px,34vw)}.w-full{width:100%}.w-px{width:1px}.max-w-4xl{max-width:var(--container-4xl)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-y{resize:vertical}.scrollbar-thin{scrollbar-width:thin}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--prui-line\)\]>:not(:last-child)){border-color:var(--prui-line)}.self-center{align-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[calc\(var\(--prui-radius\)-1px\)\]{border-radius:calc(var(--prui-radius) - 1px)}.rounded-\[calc\(var\(--prui-radius\)-2px\)\]{border-radius:calc(var(--prui-radius) - 2px)}.rounded-\[calc\(var\(--prui-radius-1\)\)\]{border-radius:calc(var(--prui-radius-1))}.rounded-\[var\(--prui-radius\)\]{border-radius:var(--prui-radius)}.rounded-\[var\(--prui-radius-1\)\]{border-radius:var(--prui-radius-1)}.rounded-\[var\(--prui-radius-full\)\]{border-radius:var(--prui-radius-full)}.rounded-\[var\(--prui-s-radius\,var\(--prui-radius\)\)\]{border-radius:var(--prui-s-radius,var(--prui-radius))}.rounded-\[var\(--prui-s-radius\,var\(--prui-radius-full\)\)\]{border-radius:var(--prui-s-radius,var(--prui-radius-full))}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[var\(--prui-radius\)\]{border-top-left-radius:var(--prui-radius);border-top-right-radius:var(--prui-radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--prui-brand\)\],.border-\[var\(--prui-brand\)\]\/30{border-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-brand\)\]\/30{border-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}.border-\[var\(--prui-brand\)\]\/50{border-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-brand\)\]\/50{border-color:color-mix(in oklab, var(--prui-brand) 50%, transparent)}}.border-\[var\(--prui-danger\)\],.border-\[var\(--prui-danger\)\]\/30{border-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-danger\)\]\/30{border-color:color-mix(in oklab, var(--prui-danger) 30%, transparent)}}.border-\[var\(--prui-danger\)\]\/40{border-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-danger\)\]\/40{border-color:color-mix(in oklab, var(--prui-danger) 40%, transparent)}}.border-\[var\(--prui-line\)\]{border-color:var(--prui-line)}.border-\[var\(--prui-ok\)\],.border-\[var\(--prui-ok\)\]\/30{border-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-ok\)\]\/30{border-color:color-mix(in oklab, var(--prui-ok) 30%, transparent)}}.border-\[var\(--prui-ok\)\]\/40{border-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-ok\)\]\/40{border-color:color-mix(in oklab, var(--prui-ok) 40%, transparent)}}.border-\[var\(--prui-s-border\,var\(--prui-brand\)\)\]{border-color:var(--prui-s-border,var(--prui-brand))}.border-\[var\(--prui-warn\)\],.border-\[var\(--prui-warn\)\]\/30{border-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-warn\)\]\/30{border-color:color-mix(in oklab, var(--prui-warn) 30%, transparent)}}.border-\[var\(--prui-warn\)\]\/40{border-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-warn\)\]\/40{border-color:color-mix(in oklab, var(--prui-warn) 40%, transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--prui-background\)\]{background-color:var(--prui-background)}.bg-\[var\(--prui-brand\)\],.bg-\[var\(--prui-brand\)\]\/8{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/8{background-color:color-mix(in oklab, var(--prui-brand) 8%, transparent)}}.bg-\[var\(--prui-brand\)\]\/10{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/10{background-color:color-mix(in oklab, var(--prui-brand) 10%, transparent)}}.bg-\[var\(--prui-brand\)\]\/12{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/12{background-color:color-mix(in oklab, var(--prui-brand) 12%, transparent)}}.bg-\[var\(--prui-brand\)\]\/15{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/15{background-color:color-mix(in oklab, var(--prui-brand) 15%, transparent)}}.bg-\[var\(--prui-brand\)\]\/20{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/20{background-color:color-mix(in oklab, var(--prui-brand) 20%, transparent)}}.bg-\[var\(--prui-danger\)\],.bg-\[var\(--prui-danger\)\]\/10{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/10{background-color:color-mix(in oklab, var(--prui-danger) 10%, transparent)}}.bg-\[var\(--prui-danger\)\]\/15{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/15{background-color:color-mix(in oklab, var(--prui-danger) 15%, transparent)}}.bg-\[var\(--prui-danger\)\]\/20{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/20{background-color:color-mix(in oklab, var(--prui-danger) 20%, transparent)}}.bg-\[var\(--prui-line\)\]{background-color:var(--prui-line)}.bg-\[var\(--prui-ok\)\],.bg-\[var\(--prui-ok\)\]\/10{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/10{background-color:color-mix(in oklab, var(--prui-ok) 10%, transparent)}}.bg-\[var\(--prui-ok\)\]\/15{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/15{background-color:color-mix(in oklab, var(--prui-ok) 15%, transparent)}}.bg-\[var\(--prui-ok\)\]\/20{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/20{background-color:color-mix(in oklab, var(--prui-ok) 20%, transparent)}}.bg-\[var\(--prui-raise\)\],.bg-\[var\(--prui-raise\)\]\/40{background-color:var(--prui-raise)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-raise\)\]\/40{background-color:color-mix(in oklab, var(--prui-raise) 40%, transparent)}}.bg-\[var\(--prui-s-bg\,transparent\)\]{background-color:var(--prui-s-bg,transparent)}.bg-\[var\(--prui-s-bg\,var\(--prui-background\)\)\]{background-color:var(--prui-s-bg,var(--prui-background))}.bg-\[var\(--prui-s-bg\,var\(--prui-brand\)\)\]{background-color:var(--prui-s-bg,var(--prui-brand))}.bg-\[var\(--prui-s-bg\,var\(--prui-danger\)\)\]{background-color:var(--prui-s-bg,var(--prui-danger))}.bg-\[var\(--prui-s-bg\,var\(--prui-ok\)\)\]{background-color:var(--prui-s-bg,var(--prui-ok))}.bg-\[var\(--prui-s-bg\,var\(--prui-raise\)\)\]{background-color:var(--prui-s-bg,var(--prui-raise))}.bg-\[var\(--prui-s-bg\,var\(--prui-warn\)\)\]{background-color:var(--prui-s-bg,var(--prui-warn))}.bg-\[var\(--prui-surface\)\]{background-color:var(--prui-surface)}.bg-\[var\(--prui-warn\)\],.bg-\[var\(--prui-warn\)\]\/10{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/10{background-color:color-mix(in oklab, var(--prui-warn) 10%, transparent)}}.bg-\[var\(--prui-warn\)\]\/15{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/15{background-color:color-mix(in oklab, var(--prui-warn) 15%, transparent)}}.bg-\[var\(--prui-warn\)\]\/20{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/20{background-color:color-mix(in oklab, var(--prui-warn) 20%, transparent)}}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-\[var\(--prui-brand\)\]{fill:var(--prui-brand)}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--prui-brand\)\]{color:var(--prui-brand)}.text-\[var\(--prui-brand-fg\,\#fff\)\]{color:var(--prui-brand-fg,#fff)}.text-\[var\(--prui-danger\)\]{color:var(--prui-danger)}.text-\[var\(--prui-dim\)\]{color:var(--prui-dim)}.text-\[var\(--prui-fg\)\]{color:var(--prui-fg)}.text-\[var\(--prui-ok\)\]{color:var(--prui-ok)}.text-\[var\(--prui-s-fg\,\#fff\)\]{color:var(--prui-s-fg,#fff)}.text-\[var\(--prui-s-fg\,var\(--prui-brand\)\)\]{color:var(--prui-s-fg,var(--prui-brand))}.text-\[var\(--prui-s-fg\,var\(--prui-brand-fg\)\)\]{color:var(--prui-s-fg,var(--prui-brand-fg))}.text-\[var\(--prui-s-fg\,var\(--prui-fg\)\)\]{color:var(--prui-s-fg,var(--prui-fg))}.text-\[var\(--prui-warn\)\]{color:var(--prui-warn)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.accent-\[var\(--prui-brand\)\]{accent-color:var(--prui-brand)}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-lg\)\]{--tw-shadow:var(--prui-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-md\)\]{--tw-shadow:var(--prui-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-modal\)\]{--tw-shadow:var(--prui-shadow-modal);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\,background-color\,border-color\]{transition-property:filter,background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-\[var\(--prui-duration-base\)\]{--tw-duration:var(--prui-duration-base);transition-duration:var(--prui-duration-base)}.duration-\[var\(--prui-duration-fast\)\]{--tw-duration:var(--prui-duration-fast);transition-duration:var(--prui-duration-fast)}.ease-\[var\(--prui-ease-out\)\]{--tw-ease:var(--prui-ease-out);transition-timing-function:var(--prui-ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-\[var\(--prui-dim\)\]::placeholder{color:var(--prui-dim)}.first\:pt-0:first-child{padding-top:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-\[var\(--prui-brand\)\]:focus-within{border-color:var(--prui-brand)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-\[var\(--prui-brand\)\]\/30:focus-within{--tw-ring-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-\[var\(--prui-brand\)\]\/30:focus-within{--tw-ring-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}@media (hover:hover){.hover\:border-\[var\(--prui-dim\)\]:hover{border-color:var(--prui-dim)}.hover\:bg-\[var\(--prui-brand\)\]\/10:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/10:hover{background-color:color-mix(in oklab, var(--prui-brand) 10%, transparent)}}.hover\:bg-\[var\(--prui-brand\)\]\/20:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/20:hover{background-color:color-mix(in oklab, var(--prui-brand) 20%, transparent)}}.hover\:bg-\[var\(--prui-brand\)\]\/25:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/25:hover{background-color:color-mix(in oklab, var(--prui-brand) 25%, transparent)}}.hover\:bg-\[var\(--prui-line\)\]:hover{background-color:var(--prui-line)}.hover\:bg-\[var\(--prui-raise\)\]:hover{background-color:var(--prui-raise)}.hover\:text-\[var\(--prui-danger\)\]:hover{color:var(--prui-danger)}.hover\:text-\[var\(--prui-fg\)\]:hover{color:var(--prui-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[var\(--prui-brand\)\]:focus{border-color:var(--prui-brand)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--prui-brand\)\]\/30:focus{--tw-ring-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--prui-brand\)\]\/30:focus{--tw-ring-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}.focus-visible\:bg-\[var\(--prui-raise\)\]:focus-visible{background-color:var(--prui-raise)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--prui-brand\)\]:focus-visible{--tw-ring-color:var(--prui-brand)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-\[var\(--prui-brand\)\]:focus-visible{outline-color:var(--prui-brand)}.active\:brightness-95:active{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-flex{display:inline-flex}.md\:min-h-0{min-height:0}.md\:w-56{width:calc(var(--spacing) * 56)}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/prui.css

@@ -229,6 +229,9 @@ body.modal-open { overflow: hidden; }
   font-weight: 600;
 }
 .prui-shell[data-collapsed="true"] .prui-shell-sidehead { justify-content: center; padding-inline: 0; }
+/* the sidehead is a sibling of the sidebar, not inside it: its brand label
+   needs the same collapse treatment (mark centers, name hides) */
+.prui-shell[data-collapsed="true"] .prui-shell-sidehead .prui-nav-label { display: none; }
 .prui-nav-mono { display: none; }
 
 @media (max-width: 47.99rem) {
@@ -390,4 +393,4 @@ body.modal-open { overflow: hidden; }
 }
 
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-normal:1.5;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.right-0{right:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[11px\]{right:11px}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[11px\]{left:11px}.z-\[calc\(var\(--prui-z-flyout\)\+1\)\]{z-index:calc(var(--prui-z-flyout) + 1)}.z-\[var\(--prui-z-confirm\)\]{z-index:var(--prui-z-confirm)}.z-\[var\(--prui-z-content\)\]{z-index:var(--prui-z-content)}.z-\[var\(--prui-z-drawer\)\]{z-index:var(--prui-z-drawer)}.z-\[var\(--prui-z-flyout\)\]{z-index:var(--prui-z-flyout)}.z-\[var\(--prui-z-header\)\]{z-index:var(--prui-z-header)}.z-\[var\(--prui-z-modal\)\]{z-index:var(--prui-z-modal)}.z-\[var\(--prui-z-overlay\)\]{z-index:var(--prui-z-overlay)}.z-\[var\(--prui-z-toast\)\]{z-index:var(--prui-z-toast)}.z-\[var\(--prui-z-tooltip\)\]{z-index:var(--prui-z-tooltip)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-7{margin-left:calc(var(--spacing) * -7)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-\[100dvh\],.min-h-dvh{min-height:100dvh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-\[min\(420px\,34vw\)\]{width:min(420px,34vw)}.w-full{width:100%}.w-px{width:1px}.max-w-4xl{max-width:var(--container-4xl)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-y{resize:vertical}.scrollbar-thin{scrollbar-width:thin}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--prui-line\)\]>:not(:last-child)){border-color:var(--prui-line)}.self-center{align-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[calc\(var\(--prui-radius\)-1px\)\]{border-radius:calc(var(--prui-radius) - 1px)}.rounded-\[calc\(var\(--prui-radius\)-2px\)\]{border-radius:calc(var(--prui-radius) - 2px)}.rounded-\[calc\(var\(--prui-radius-1\)\)\]{border-radius:calc(var(--prui-radius-1))}.rounded-\[var\(--prui-radius\)\]{border-radius:var(--prui-radius)}.rounded-\[var\(--prui-radius-1\)\]{border-radius:var(--prui-radius-1)}.rounded-\[var\(--prui-radius-full\)\]{border-radius:var(--prui-radius-full)}.rounded-\[var\(--prui-s-radius\,var\(--prui-radius\)\)\]{border-radius:var(--prui-s-radius,var(--prui-radius))}.rounded-\[var\(--prui-s-radius\,var\(--prui-radius-full\)\)\]{border-radius:var(--prui-s-radius,var(--prui-radius-full))}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[var\(--prui-radius\)\]{border-top-left-radius:var(--prui-radius);border-top-right-radius:var(--prui-radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--prui-brand\)\],.border-\[var\(--prui-brand\)\]\/30{border-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-brand\)\]\/30{border-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}.border-\[var\(--prui-brand\)\]\/50{border-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-brand\)\]\/50{border-color:color-mix(in oklab, var(--prui-brand) 50%, transparent)}}.border-\[var\(--prui-danger\)\],.border-\[var\(--prui-danger\)\]\/30{border-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-danger\)\]\/30{border-color:color-mix(in oklab, var(--prui-danger) 30%, transparent)}}.border-\[var\(--prui-danger\)\]\/40{border-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-danger\)\]\/40{border-color:color-mix(in oklab, var(--prui-danger) 40%, transparent)}}.border-\[var\(--prui-line\)\]{border-color:var(--prui-line)}.border-\[var\(--prui-ok\)\],.border-\[var\(--prui-ok\)\]\/30{border-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-ok\)\]\/30{border-color:color-mix(in oklab, var(--prui-ok) 30%, transparent)}}.border-\[var\(--prui-ok\)\]\/40{border-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-ok\)\]\/40{border-color:color-mix(in oklab, var(--prui-ok) 40%, transparent)}}.border-\[var\(--prui-s-border\,var\(--prui-brand\)\)\]{border-color:var(--prui-s-border,var(--prui-brand))}.border-\[var\(--prui-warn\)\],.border-\[var\(--prui-warn\)\]\/30{border-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-warn\)\]\/30{border-color:color-mix(in oklab, var(--prui-warn) 30%, transparent)}}.border-\[var\(--prui-warn\)\]\/40{border-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-warn\)\]\/40{border-color:color-mix(in oklab, var(--prui-warn) 40%, transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--prui-background\)\]{background-color:var(--prui-background)}.bg-\[var\(--prui-brand\)\],.bg-\[var\(--prui-brand\)\]\/8{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/8{background-color:color-mix(in oklab, var(--prui-brand) 8%, transparent)}}.bg-\[var\(--prui-brand\)\]\/10{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/10{background-color:color-mix(in oklab, var(--prui-brand) 10%, transparent)}}.bg-\[var\(--prui-brand\)\]\/12{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/12{background-color:color-mix(in oklab, var(--prui-brand) 12%, transparent)}}.bg-\[var\(--prui-brand\)\]\/15{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/15{background-color:color-mix(in oklab, var(--prui-brand) 15%, transparent)}}.bg-\[var\(--prui-brand\)\]\/20{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/20{background-color:color-mix(in oklab, var(--prui-brand) 20%, transparent)}}.bg-\[var\(--prui-danger\)\],.bg-\[var\(--prui-danger\)\]\/10{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/10{background-color:color-mix(in oklab, var(--prui-danger) 10%, transparent)}}.bg-\[var\(--prui-danger\)\]\/15{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/15{background-color:color-mix(in oklab, var(--prui-danger) 15%, transparent)}}.bg-\[var\(--prui-danger\)\]\/20{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/20{background-color:color-mix(in oklab, var(--prui-danger) 20%, transparent)}}.bg-\[var\(--prui-line\)\]{background-color:var(--prui-line)}.bg-\[var\(--prui-ok\)\],.bg-\[var\(--prui-ok\)\]\/10{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/10{background-color:color-mix(in oklab, var(--prui-ok) 10%, transparent)}}.bg-\[var\(--prui-ok\)\]\/15{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/15{background-color:color-mix(in oklab, var(--prui-ok) 15%, transparent)}}.bg-\[var\(--prui-ok\)\]\/20{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/20{background-color:color-mix(in oklab, var(--prui-ok) 20%, transparent)}}.bg-\[var\(--prui-raise\)\],.bg-\[var\(--prui-raise\)\]\/40{background-color:var(--prui-raise)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-raise\)\]\/40{background-color:color-mix(in oklab, var(--prui-raise) 40%, transparent)}}.bg-\[var\(--prui-s-bg\,transparent\)\]{background-color:var(--prui-s-bg,transparent)}.bg-\[var\(--prui-s-bg\,var\(--prui-background\)\)\]{background-color:var(--prui-s-bg,var(--prui-background))}.bg-\[var\(--prui-s-bg\,var\(--prui-brand\)\)\]{background-color:var(--prui-s-bg,var(--prui-brand))}.bg-\[var\(--prui-s-bg\,var\(--prui-danger\)\)\]{background-color:var(--prui-s-bg,var(--prui-danger))}.bg-\[var\(--prui-s-bg\,var\(--prui-ok\)\)\]{background-color:var(--prui-s-bg,var(--prui-ok))}.bg-\[var\(--prui-s-bg\,var\(--prui-raise\)\)\]{background-color:var(--prui-s-bg,var(--prui-raise))}.bg-\[var\(--prui-s-bg\,var\(--prui-warn\)\)\]{background-color:var(--prui-s-bg,var(--prui-warn))}.bg-\[var\(--prui-surface\)\]{background-color:var(--prui-surface)}.bg-\[var\(--prui-warn\)\],.bg-\[var\(--prui-warn\)\]\/10{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/10{background-color:color-mix(in oklab, var(--prui-warn) 10%, transparent)}}.bg-\[var\(--prui-warn\)\]\/15{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/15{background-color:color-mix(in oklab, var(--prui-warn) 15%, transparent)}}.bg-\[var\(--prui-warn\)\]\/20{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/20{background-color:color-mix(in oklab, var(--prui-warn) 20%, transparent)}}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-\[var\(--prui-brand\)\]{fill:var(--prui-brand)}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--prui-brand\)\]{color:var(--prui-brand)}.text-\[var\(--prui-brand-fg\,\#fff\)\]{color:var(--prui-brand-fg,#fff)}.text-\[var\(--prui-danger\)\]{color:var(--prui-danger)}.text-\[var\(--prui-dim\)\]{color:var(--prui-dim)}.text-\[var\(--prui-fg\)\]{color:var(--prui-fg)}.text-\[var\(--prui-ok\)\]{color:var(--prui-ok)}.text-\[var\(--prui-s-fg\,\#fff\)\]{color:var(--prui-s-fg,#fff)}.text-\[var\(--prui-s-fg\,var\(--prui-brand\)\)\]{color:var(--prui-s-fg,var(--prui-brand))}.text-\[var\(--prui-s-fg\,var\(--prui-brand-fg\)\)\]{color:var(--prui-s-fg,var(--prui-brand-fg))}.text-\[var\(--prui-s-fg\,var\(--prui-fg\)\)\]{color:var(--prui-s-fg,var(--prui-fg))}.text-\[var\(--prui-warn\)\]{color:var(--prui-warn)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.accent-\[var\(--prui-brand\)\]{accent-color:var(--prui-brand)}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-lg\)\]{--tw-shadow:var(--prui-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-md\)\]{--tw-shadow:var(--prui-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-modal\)\]{--tw-shadow:var(--prui-shadow-modal);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\,background-color\,border-color\]{transition-property:filter,background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-\[var\(--prui-duration-base\)\]{--tw-duration:var(--prui-duration-base);transition-duration:var(--prui-duration-base)}.duration-\[var\(--prui-duration-fast\)\]{--tw-duration:var(--prui-duration-fast);transition-duration:var(--prui-duration-fast)}.ease-\[var\(--prui-ease-out\)\]{--tw-ease:var(--prui-ease-out);transition-timing-function:var(--prui-ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-\[var\(--prui-dim\)\]::placeholder{color:var(--prui-dim)}.first\:pt-0:first-child{padding-top:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-\[var\(--prui-brand\)\]:focus-within{border-color:var(--prui-brand)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-\[var\(--prui-brand\)\]\/30:focus-within{--tw-ring-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-\[var\(--prui-brand\)\]\/30:focus-within{--tw-ring-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}@media (hover:hover){.hover\:border-\[var\(--prui-dim\)\]:hover{border-color:var(--prui-dim)}.hover\:bg-\[var\(--prui-brand\)\]\/10:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/10:hover{background-color:color-mix(in oklab, var(--prui-brand) 10%, transparent)}}.hover\:bg-\[var\(--prui-brand\)\]\/20:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/20:hover{background-color:color-mix(in oklab, var(--prui-brand) 20%, transparent)}}.hover\:bg-\[var\(--prui-brand\)\]\/25:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/25:hover{background-color:color-mix(in oklab, var(--prui-brand) 25%, transparent)}}.hover\:bg-\[var\(--prui-line\)\]:hover{background-color:var(--prui-line)}.hover\:bg-\[var\(--prui-raise\)\]:hover{background-color:var(--prui-raise)}.hover\:text-\[var\(--prui-danger\)\]:hover{color:var(--prui-danger)}.hover\:text-\[var\(--prui-fg\)\]:hover{color:var(--prui-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[var\(--prui-brand\)\]:focus{border-color:var(--prui-brand)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--prui-brand\)\]\/30:focus{--tw-ring-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--prui-brand\)\]\/30:focus{--tw-ring-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}.focus-visible\:bg-\[var\(--prui-raise\)\]:focus-visible{background-color:var(--prui-raise)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--prui-brand\)\]:focus-visible{--tw-ring-color:var(--prui-brand)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-\[var\(--prui-brand\)\]:focus-visible{outline-color:var(--prui-brand)}.active\:brightness-95:active{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:min-h-0{min-height:0}.md\:w-56{width:calc(var(--spacing) * 56)}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-normal:1.5;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.right-0{right:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[11px\]{right:11px}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[11px\]{left:11px}.z-\[calc\(var\(--prui-z-flyout\)\+1\)\]{z-index:calc(var(--prui-z-flyout) + 1)}.z-\[var\(--prui-z-confirm\)\]{z-index:var(--prui-z-confirm)}.z-\[var\(--prui-z-content\)\]{z-index:var(--prui-z-content)}.z-\[var\(--prui-z-drawer\)\]{z-index:var(--prui-z-drawer)}.z-\[var\(--prui-z-flyout\)\]{z-index:var(--prui-z-flyout)}.z-\[var\(--prui-z-header\)\]{z-index:var(--prui-z-header)}.z-\[var\(--prui-z-modal\)\]{z-index:var(--prui-z-modal)}.z-\[var\(--prui-z-overlay\)\]{z-index:var(--prui-z-overlay)}.z-\[var\(--prui-z-toast\)\]{z-index:var(--prui-z-toast)}.z-\[var\(--prui-z-tooltip\)\]{z-index:var(--prui-z-tooltip)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-7{margin-left:calc(var(--spacing) * -7)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-\[100dvh\],.min-h-dvh{min-height:100dvh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-\[min\(420px\,34vw\)\]{width:min(420px,34vw)}.w-full{width:100%}.w-px{width:1px}.max-w-4xl{max-width:var(--container-4xl)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-y{resize:vertical}.scrollbar-thin{scrollbar-width:thin}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--prui-line\)\]>:not(:last-child)){border-color:var(--prui-line)}.self-center{align-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[calc\(var\(--prui-radius\)-1px\)\]{border-radius:calc(var(--prui-radius) - 1px)}.rounded-\[calc\(var\(--prui-radius\)-2px\)\]{border-radius:calc(var(--prui-radius) - 2px)}.rounded-\[calc\(var\(--prui-radius-1\)\)\]{border-radius:calc(var(--prui-radius-1))}.rounded-\[var\(--prui-radius\)\]{border-radius:var(--prui-radius)}.rounded-\[var\(--prui-radius-1\)\]{border-radius:var(--prui-radius-1)}.rounded-\[var\(--prui-radius-full\)\]{border-radius:var(--prui-radius-full)}.rounded-\[var\(--prui-s-radius\,var\(--prui-radius\)\)\]{border-radius:var(--prui-s-radius,var(--prui-radius))}.rounded-\[var\(--prui-s-radius\,var\(--prui-radius-full\)\)\]{border-radius:var(--prui-s-radius,var(--prui-radius-full))}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[var\(--prui-radius\)\]{border-top-left-radius:var(--prui-radius);border-top-right-radius:var(--prui-radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--prui-brand\)\],.border-\[var\(--prui-brand\)\]\/30{border-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-brand\)\]\/30{border-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}.border-\[var\(--prui-brand\)\]\/50{border-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-brand\)\]\/50{border-color:color-mix(in oklab, var(--prui-brand) 50%, transparent)}}.border-\[var\(--prui-danger\)\],.border-\[var\(--prui-danger\)\]\/30{border-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-danger\)\]\/30{border-color:color-mix(in oklab, var(--prui-danger) 30%, transparent)}}.border-\[var\(--prui-danger\)\]\/40{border-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-danger\)\]\/40{border-color:color-mix(in oklab, var(--prui-danger) 40%, transparent)}}.border-\[var\(--prui-line\)\]{border-color:var(--prui-line)}.border-\[var\(--prui-ok\)\],.border-\[var\(--prui-ok\)\]\/30{border-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-ok\)\]\/30{border-color:color-mix(in oklab, var(--prui-ok) 30%, transparent)}}.border-\[var\(--prui-ok\)\]\/40{border-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-ok\)\]\/40{border-color:color-mix(in oklab, var(--prui-ok) 40%, transparent)}}.border-\[var\(--prui-s-border\,var\(--prui-brand\)\)\]{border-color:var(--prui-s-border,var(--prui-brand))}.border-\[var\(--prui-warn\)\],.border-\[var\(--prui-warn\)\]\/30{border-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-warn\)\]\/30{border-color:color-mix(in oklab, var(--prui-warn) 30%, transparent)}}.border-\[var\(--prui-warn\)\]\/40{border-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--prui-warn\)\]\/40{border-color:color-mix(in oklab, var(--prui-warn) 40%, transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--prui-background\)\]{background-color:var(--prui-background)}.bg-\[var\(--prui-brand\)\],.bg-\[var\(--prui-brand\)\]\/8{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/8{background-color:color-mix(in oklab, var(--prui-brand) 8%, transparent)}}.bg-\[var\(--prui-brand\)\]\/10{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/10{background-color:color-mix(in oklab, var(--prui-brand) 10%, transparent)}}.bg-\[var\(--prui-brand\)\]\/12{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/12{background-color:color-mix(in oklab, var(--prui-brand) 12%, transparent)}}.bg-\[var\(--prui-brand\)\]\/15{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/15{background-color:color-mix(in oklab, var(--prui-brand) 15%, transparent)}}.bg-\[var\(--prui-brand\)\]\/20{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-brand\)\]\/20{background-color:color-mix(in oklab, var(--prui-brand) 20%, transparent)}}.bg-\[var\(--prui-danger\)\],.bg-\[var\(--prui-danger\)\]\/10{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/10{background-color:color-mix(in oklab, var(--prui-danger) 10%, transparent)}}.bg-\[var\(--prui-danger\)\]\/15{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/15{background-color:color-mix(in oklab, var(--prui-danger) 15%, transparent)}}.bg-\[var\(--prui-danger\)\]\/20{background-color:var(--prui-danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-danger\)\]\/20{background-color:color-mix(in oklab, var(--prui-danger) 20%, transparent)}}.bg-\[var\(--prui-line\)\]{background-color:var(--prui-line)}.bg-\[var\(--prui-ok\)\],.bg-\[var\(--prui-ok\)\]\/10{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/10{background-color:color-mix(in oklab, var(--prui-ok) 10%, transparent)}}.bg-\[var\(--prui-ok\)\]\/15{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/15{background-color:color-mix(in oklab, var(--prui-ok) 15%, transparent)}}.bg-\[var\(--prui-ok\)\]\/20{background-color:var(--prui-ok)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-ok\)\]\/20{background-color:color-mix(in oklab, var(--prui-ok) 20%, transparent)}}.bg-\[var\(--prui-raise\)\],.bg-\[var\(--prui-raise\)\]\/40{background-color:var(--prui-raise)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-raise\)\]\/40{background-color:color-mix(in oklab, var(--prui-raise) 40%, transparent)}}.bg-\[var\(--prui-s-bg\,transparent\)\]{background-color:var(--prui-s-bg,transparent)}.bg-\[var\(--prui-s-bg\,var\(--prui-background\)\)\]{background-color:var(--prui-s-bg,var(--prui-background))}.bg-\[var\(--prui-s-bg\,var\(--prui-brand\)\)\]{background-color:var(--prui-s-bg,var(--prui-brand))}.bg-\[var\(--prui-s-bg\,var\(--prui-danger\)\)\]{background-color:var(--prui-s-bg,var(--prui-danger))}.bg-\[var\(--prui-s-bg\,var\(--prui-ok\)\)\]{background-color:var(--prui-s-bg,var(--prui-ok))}.bg-\[var\(--prui-s-bg\,var\(--prui-raise\)\)\]{background-color:var(--prui-s-bg,var(--prui-raise))}.bg-\[var\(--prui-s-bg\,var\(--prui-warn\)\)\]{background-color:var(--prui-s-bg,var(--prui-warn))}.bg-\[var\(--prui-surface\)\]{background-color:var(--prui-surface)}.bg-\[var\(--prui-warn\)\],.bg-\[var\(--prui-warn\)\]\/10{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/10{background-color:color-mix(in oklab, var(--prui-warn) 10%, transparent)}}.bg-\[var\(--prui-warn\)\]\/15{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/15{background-color:color-mix(in oklab, var(--prui-warn) 15%, transparent)}}.bg-\[var\(--prui-warn\)\]\/20{background-color:var(--prui-warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--prui-warn\)\]\/20{background-color:color-mix(in oklab, var(--prui-warn) 20%, transparent)}}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-\[var\(--prui-brand\)\]{fill:var(--prui-brand)}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--prui-brand\)\]{color:var(--prui-brand)}.text-\[var\(--prui-brand-fg\,\#fff\)\]{color:var(--prui-brand-fg,#fff)}.text-\[var\(--prui-danger\)\]{color:var(--prui-danger)}.text-\[var\(--prui-dim\)\]{color:var(--prui-dim)}.text-\[var\(--prui-fg\)\]{color:var(--prui-fg)}.text-\[var\(--prui-ok\)\]{color:var(--prui-ok)}.text-\[var\(--prui-s-fg\,\#fff\)\]{color:var(--prui-s-fg,#fff)}.text-\[var\(--prui-s-fg\,var\(--prui-brand\)\)\]{color:var(--prui-s-fg,var(--prui-brand))}.text-\[var\(--prui-s-fg\,var\(--prui-brand-fg\)\)\]{color:var(--prui-s-fg,var(--prui-brand-fg))}.text-\[var\(--prui-s-fg\,var\(--prui-fg\)\)\]{color:var(--prui-s-fg,var(--prui-fg))}.text-\[var\(--prui-warn\)\]{color:var(--prui-warn)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.accent-\[var\(--prui-brand\)\]{accent-color:var(--prui-brand)}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-lg\)\]{--tw-shadow:var(--prui-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-md\)\]{--tw-shadow:var(--prui-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--prui-shadow-modal\)\]{--tw-shadow:var(--prui-shadow-modal);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\,background-color\,border-color\]{transition-property:filter,background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-\[var\(--prui-duration-base\)\]{--tw-duration:var(--prui-duration-base);transition-duration:var(--prui-duration-base)}.duration-\[var\(--prui-duration-fast\)\]{--tw-duration:var(--prui-duration-fast);transition-duration:var(--prui-duration-fast)}.ease-\[var\(--prui-ease-out\)\]{--tw-ease:var(--prui-ease-out);transition-timing-function:var(--prui-ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-\[var\(--prui-dim\)\]::placeholder{color:var(--prui-dim)}.first\:pt-0:first-child{padding-top:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-\[var\(--prui-brand\)\]:focus-within{border-color:var(--prui-brand)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-\[var\(--prui-brand\)\]\/30:focus-within{--tw-ring-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-\[var\(--prui-brand\)\]\/30:focus-within{--tw-ring-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}@media (hover:hover){.hover\:border-\[var\(--prui-dim\)\]:hover{border-color:var(--prui-dim)}.hover\:bg-\[var\(--prui-brand\)\]\/10:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/10:hover{background-color:color-mix(in oklab, var(--prui-brand) 10%, transparent)}}.hover\:bg-\[var\(--prui-brand\)\]\/20:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/20:hover{background-color:color-mix(in oklab, var(--prui-brand) 20%, transparent)}}.hover\:bg-\[var\(--prui-brand\)\]\/25:hover{background-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--prui-brand\)\]\/25:hover{background-color:color-mix(in oklab, var(--prui-brand) 25%, transparent)}}.hover\:bg-\[var\(--prui-line\)\]:hover{background-color:var(--prui-line)}.hover\:bg-\[var\(--prui-raise\)\]:hover{background-color:var(--prui-raise)}.hover\:text-\[var\(--prui-danger\)\]:hover{color:var(--prui-danger)}.hover\:text-\[var\(--prui-fg\)\]:hover{color:var(--prui-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[var\(--prui-brand\)\]:focus{border-color:var(--prui-brand)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--prui-brand\)\]\/30:focus{--tw-ring-color:var(--prui-brand)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--prui-brand\)\]\/30:focus{--tw-ring-color:color-mix(in oklab, var(--prui-brand) 30%, transparent)}}.focus-visible\:bg-\[var\(--prui-raise\)\]:focus-visible{background-color:var(--prui-raise)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--prui-brand\)\]:focus-visible{--tw-ring-color:var(--prui-brand)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-\[var\(--prui-brand\)\]:focus-visible{outline-color:var(--prui-brand)}.active\:brightness-95:active{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-flex{display:inline-flex}.md\:min-h-0{min-height:0}.md\:w-56{width:calc(var(--spacing) * 56)}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/theme/base.css

@@ -214,6 +214,9 @@ body.modal-open { overflow: hidden; }
   font-weight: 600;
 }
 .prui-shell[data-collapsed="true"] .prui-shell-sidehead { justify-content: center; padding-inline: 0; }
+/* the sidehead is a sibling of the sidebar, not inside it: its brand label
+   needs the same collapse treatment (mark centers, name hides) */
+.prui-shell[data-collapsed="true"] .prui-shell-sidehead .prui-nav-label { display: none; }
 .prui-nav-mono { display: none; }
 
 @media (max-width: 47.99rem) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skiddph/prui",
-  "version": "0.13.1",
+  "version": "0.13.3",
   "description": "PRUI component system: primitives, app-layer super-components, pages, and themes",
   "type": "module",
   "license": "Apache-2.0",