@jinaan/uikit 0.1.45 → 0.1.46

package/dist/index.js

@@ -1,32 +1,32 @@
 import { jsx as e, jsxs as s, Fragment as Ie } from "react/jsx-runtime";
 import { CircleNotch as dr, Robot as cr, Terminal as ur, Check as ee, Copy as pt, XCircle as mr, Warning as pr, CheckCircle as fr, Info as br, Minus as hr, X as ue, CaretDown as me, CaretRight as ft, MagnifyingGlass as gr, Columns as xr, Lock as vr, DotsSixVertical as Nr, FunnelSimple as it, WarningCircle as yr, CaretUp as wr, CaretUpDown as Cr, CaretLeft as Sr } from "@phosphor-icons/react";
-import { forwardRef as f, useState as D, Children as bt, isValidElement as ht, useRef as j, useEffect as Q, useContext as W, useCallback as gt, createContext as te, useId as fe, useMemo as ot, useLayoutEffect as kr } from "react";
+import { forwardRef as f, useState as D, Children as bt, isValidElement as ht, useRef as _, useEffect as Q, useContext as W, useCallback as gt, createContext as te, useId as fe, useMemo as ot, useLayoutEffect as kr } from "react";
 import { Slot as zr } from "@radix-ui/react-slot";
 import { cva as Re } from "class-variance-authority";
 import { clsx as Dr } from "clsx";
 import { twMerge as Tr } from "tailwind-merge";
 import * as je from "@radix-ui/react-avatar";
 import * as st from "@radix-ui/react-checkbox";
-import * as I from "@radix-ui/react-dialog";
+import * as R from "@radix-ui/react-dialog";
 import * as T from "@radix-ui/react-dropdown-menu";
 import * as P from "@radix-ui/react-select";
 import * as Mr from "@radix-ui/react-label";
 import * as Pr from "@radix-ui/react-separator";
 import * as Z from "@radix-ui/react-tooltip";
-function o(...t) {
+function i(...t) {
   return Tr(Dr(t));
 }
 function Ir(t, r, n) {
   if (r === n || r < 0 || n < 0 || r >= t.length || n >= t.length)
     return t;
-  const l = [...t], [i] = l.splice(r, 1);
-  return l.splice(n, 0, i), l;
+  const l = [...t], [o] = l.splice(r, 1);
+  return l.splice(n, 0, o), l;
 }
 function Rr({ className: t }) {
   return /* @__PURE__ */ e(
     dr,
     {
-      className: o("size-4 animate-spin text-muted", t),
+      className: i("size-4 animate-spin text-muted", t),
       weight: "bold",
       "aria-hidden": !0
     }
@@ -71,7 +71,7 @@ const jr = Re(
     variant: r,
     size: n = "md",
     asChild: l = !1,
-    leadingIcon: i,
+    leadingIcon: o,
     trailingIcon: m,
     iconOnly: u = !1,
     loading: c = !1,
@@ -80,14 +80,14 @@ const jr = Re(
     children: h,
     ...y
   }, C) => {
-    const N = l ? zr : "button", S = Er[n ?? "md"];
+    const N = l ? zr : "button", k = Er[n ?? "md"];
     return /* @__PURE__ */ e(
       N,
       {
         ref: C,
         "aria-busy": c || void 0,
         disabled: l ? void 0 : b || c,
-        className: o(
+        className: i(
           jr({ variant: r, size: n }),
           u && "aspect-square px-0",
           v && "w-full",
@@ -99,15 +99,15 @@ const jr = Re(
           /* @__PURE__ */ s(
             "span",
             {
-              className: o(
+              className: i(
                 "inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap) transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
                 c && "translate-y-2 opacity-0"
               ),
               "aria-hidden": c || void 0,
               children: [
-                !c && i ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", S), "aria-hidden": !0, children: i }) : null,
+                !c && o ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", k), "aria-hidden": !0, children: o }) : null,
                 h,
-                !c && m ? /* @__PURE__ */ e("span", { className: o("inline-flex shrink-0", S), "aria-hidden": !0, children: m }) : null
+                !c && m ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", k), "aria-hidden": !0, children: m }) : null
               ]
             }
           ),
@@ -115,12 +115,12 @@ const jr = Re(
             "span",
             {
               "data-button-spinner": !0,
-              className: o(
+              className: i(
                 "pointer-events-none absolute inset-0 flex items-center justify-center transition-[opacity,translate] duration-150 ease-out motion-reduce:transition-none",
                 c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(Rr, { className: o("text-current", S) })
+              children: /* @__PURE__ */ e(Rr, { className: i("text-current", k) })
             }
           )
         ] })
@@ -135,13 +135,13 @@ function Pa({
   icon: n,
   className: l
 }) {
-  const [i, m] = D(!1), u = async () => {
+  const [o, m] = D(!1), u = async () => {
     try {
       await navigator.clipboard.writeText(t), m(!0), window.setTimeout(() => m(!1), 1500);
     } catch {
     }
   };
-  return /* @__PURE__ */ s("div", { className: o("relative inline-flex max-w-full", l), children: [
+  return /* @__PURE__ */ s("div", { className: i("relative inline-flex max-w-full", l), children: [
     /* @__PURE__ */ s("span", { className: "absolute -top-2.5 left-4 z-10 inline-flex items-center gap-1.5 rounded-md bg-fg px-2 py-1 text-[11px] font-medium text-canvas shadow-sm", children: [
       n ?? /* @__PURE__ */ e(cr, { className: "size-3.5", weight: "fill" }),
       r
@@ -158,7 +158,7 @@ function Pa({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: u,
-          children: i ? /* @__PURE__ */ e(ee, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(pt, {})
+          children: o ? /* @__PURE__ */ e(ee, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(pt, {})
         }
       )
     ] })
@@ -168,7 +168,7 @@ const xt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   je.Root,
   {
     ref: n,
-    className: o(
+    className: i(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
       t
     ),
@@ -180,7 +180,7 @@ const vt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   je.Image,
   {
     ref: n,
-    className: o("aspect-square size-full object-cover", t),
+    className: i("aspect-square size-full object-cover", t),
     ...r
   }
 ));
@@ -189,7 +189,7 @@ const Nt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   je.Fallback,
   {
     ref: n,
-    className: o(
+    className: i(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
       t
     ),
@@ -227,9 +227,9 @@ const _r = Re(
   },
   defaultVariants: { variant: "neutral" }
 });
-function Ar({ className: t, variant: r, dot: n = !1, children: l, ...i }) {
-  return /* @__PURE__ */ s("span", { className: o(_r({ variant: r }), t), ...i, children: [
-    n ? /* @__PURE__ */ e("span", { className: o(Lr({ variant: r })), "aria-hidden": !0 }) : null,
+function Ar({ className: t, variant: r, dot: n = !1, children: l, ...o }) {
+  return /* @__PURE__ */ s("span", { className: i(_r({ variant: r }), t), ...o, children: [
+    n ? /* @__PURE__ */ e("span", { className: i(Lr({ variant: r })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
@@ -260,21 +260,21 @@ function Ia({
   title: r,
   children: n,
   icon: l,
-  className: i
+  className: o
 }) {
   const { Icon: m, className: u, iconClassName: c } = Br[t];
   return /* @__PURE__ */ s(
     "div",
     {
       role: t === "error" ? "alert" : void 0,
-      className: o(
+      className: i(
         "flex items-start gap-2.5 rounded-lg border px-3.5 py-3 text-sm",
         "animate-in fade-in-0 slide-in-from-top-1 duration-200 motion-reduce:animate-none",
         u,
-        i
+        o
       ),
       children: [
-        /* @__PURE__ */ e("span", { className: o("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ e(m, { weight: "fill" }) }),
+        /* @__PURE__ */ e("span", { className: i("mt-0.5 shrink-0 [&_svg]:size-4", c), children: l ?? /* @__PURE__ */ e(m, { weight: "fill" }) }),
         /* @__PURE__ */ s("div", { className: "min-w-0 space-y-0.5", children: [
           r ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: r }) : null,
           n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
@@ -290,7 +290,7 @@ function Fr({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: o(
+      className: i(
         "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
         t
       ),
@@ -305,7 +305,7 @@ function $r({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: o(
+      className: i(
         "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
         t
       ),
@@ -317,7 +317,7 @@ function Ra({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "table",
     {
-      className: o("w-full table-fixed border-collapse caption-bottom text-sm", t),
+      className: i("w-full table-fixed border-collapse caption-bottom text-sm", t),
       ...r
     }
   );
@@ -326,13 +326,13 @@ function ja({ className: t, ...r }) {
   return /* @__PURE__ */ e("thead", { className: t, ...r });
 }
 function qr({ className: t, ...r }) {
-  return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...r });
+  return /* @__PURE__ */ e("tbody", { className: i("[&_tr:last-child]:border-0", t), ...r });
 }
 function Gr({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "tr",
     {
-      className: o(
+      className: i(
         "border-b border-table-panel-border transition-colors last:border-0 hover:bg-table-row-hover data-[state=selected]:bg-table-row-selected",
         t
       ),
@@ -344,7 +344,7 @@ function Ea({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "th",
     {
-      className: o(
+      className: i(
         "h-(--table-header-h) whitespace-nowrap px-(--table-pad-x) text-left align-middle text-[0.8125rem] font-medium text-table-header",
         t
       ),
@@ -356,7 +356,7 @@ function ke({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "td",
     {
-      className: o(
+      className: i(
         "whitespace-nowrap px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
         t
       ),
@@ -381,30 +381,32 @@ function be({
   description: r,
   header: n,
   children: l,
-  action: i,
+  action: o,
   tone: m = "default",
   className: u,
   headerClassName: c,
   panelClassName: v,
-  minHeight: b,
-  scrollMode: h = "surface",
-  headerContentRef: y
+  footer: b,
+  footerClassName: h,
+  minHeight: y,
+  scrollMode: C = "surface",
+  headerContentRef: N
 }) {
-  const C = !!(t || r), N = h === "panel", S = Wr(i) ? /* @__PURE__ */ e(
+  const k = !!(t || r), S = C === "panel", g = Wr(o) ? /* @__PURE__ */ e(
     M,
     {
-      variant: i.variant ?? "primary",
+      variant: o.variant ?? "primary",
       size: "xs",
-      leadingIcon: i.href ? void 0 : i.icon,
-      onClick: i.onClick,
-      disabled: i.disabled,
-      asChild: !!i.href,
-      children: i.href ? /* @__PURE__ */ s("a", { href: i.href, children: [
-        i.icon,
-        i.label
-      ] }) : i.label
+      leadingIcon: o.href ? void 0 : o.icon,
+      onClick: o.onClick,
+      disabled: o.disabled,
+      asChild: !!o.href,
+      children: o.href ? /* @__PURE__ */ s("a", { href: o.href, children: [
+        o.icon,
+        o.label
+      ] }) : o.label
     }
-  ) : i, k = n || C ? (
+  ) : o, I = n || k ? (
     // Header rows must not inherit the body row hover surface. Panel mode
     // clips the band instead of scrolling it; the caller translates the
     // inner wrapper so titles track the row content. px-px mirrors the
@@ -413,18 +415,18 @@ function be({
     /* @__PURE__ */ s(
       "div",
       {
-        className: o(
+        className: i(
           "[--table-row-hover:transparent] text-table-header",
-          N && "overflow-hidden px-px",
+          S && "overflow-hidden px-px",
           c
         ),
         children: [
-          C ? /* @__PURE__ */ s(
+          k ? /* @__PURE__ */ s(
             "div",
             {
-              className: o(
+              className: i(
                 "px-(--table-pad-x) pb-3 pt-4",
-                S && "pr-28"
+                g && "pr-28"
               ),
               children: [
                 t ? /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-fg", children: t }) : null,
@@ -432,27 +434,37 @@ function be({
               ]
             }
           ) : null,
-          N ? /* @__PURE__ */ e("div", { ref: y, children: n }) : n
+          S ? /* @__PURE__ */ e("div", { ref: N, children: n }) : n
         ]
       }
     )
-  ) : null, g = /* @__PURE__ */ e(
+  ) : null, j = /* @__PURE__ */ e(
     $r,
     {
-      className: o(Vr[m], v),
-      style: b ? { minHeight: b } : void 0,
+      className: i(Vr[m], v),
+      style: y ? { minHeight: y } : void 0,
       children: l
     }
   );
-  return /* @__PURE__ */ s(Fr, { className: o("relative", Hr[m], u), children: [
-    N ? /* @__PURE__ */ s(Ie, { children: [
-      k,
-      g
+  return /* @__PURE__ */ s(Fr, { className: i("relative", Hr[m], u), children: [
+    S ? /* @__PURE__ */ s(Ie, { children: [
+      I,
+      j
     ] }) : /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      k,
-      g
+      I,
+      j
     ] }),
-    S ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: S }) }) : null
+    b ? /* @__PURE__ */ e(
+      "div",
+      {
+        className: i(
+          "border-t border-line px-(--table-pad-x) py-3 text-table-header",
+          h
+        ),
+        children: b
+      }
+    ) : null,
+    g ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: g }) }) : null
   ] });
 }
 function Or(t) {
@@ -466,8 +478,8 @@ function Or(t) {
 }
 const Ur = f(
   ({ className: t, children: r, ...n }, l) => {
-    const { header: i, body: m } = Or(r);
-    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(be, { className: o("shadow-xs", t), header: i, children: m }) });
+    const { header: o, body: m } = Or(r);
+    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(be, { className: i("shadow-xs", t), header: o, children: m }) });
   }
 );
 Ur.displayName = "Card";
@@ -475,7 +487,7 @@ const yt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
-    className: o(
+    className: i(
       "flex flex-col gap-1 px-5 py-4",
       t
     ),
@@ -487,7 +499,7 @@ const Xr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   "h2",
   {
     ref: n,
-    className: o("text-sm font-semibold text-fg", t),
+    className: i("text-sm font-semibold text-fg", t),
     ...r
   }
 ));
@@ -496,7 +508,7 @@ const Jr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   "p",
   {
     ref: n,
-    className: o(
+    className: i(
       "mt-1 border-t border-card-divider pt-2 text-sm text-muted",
       "first:mt-0 first:border-t-0 first:pt-0",
       t
@@ -505,13 +517,13 @@ const Jr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   }
 ));
 Jr.displayName = "CardDescription";
-const Kr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...r }));
+const Kr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: i("px-5 py-4", t), ...r }));
 Kr.displayName = "CardContent";
 const Qr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
-    className: o(
+    className: i(
       "flex items-center gap-3 border-t border-line px-5 py-3",
       t
     ),
@@ -523,7 +535,7 @@ const Te = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   st.Root,
   {
     ref: n,
-    className: o(
+    className: i(
       "peer size-4 shrink-0 rounded border border-line-strong bg-transparent transition-colors",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/40",
       "disabled:cursor-not-allowed disabled:opacity-50",
@@ -597,11 +609,11 @@ function ra({
   defaultOpen: r,
   onOpenChange: n,
   children: l,
-  ...i
+  ...o
 }) {
   const [m, u] = D(
     r ?? !1
-  ), [c, v] = D(!1), b = j(!1), h = j(null), y = t ?? m, C = j(y);
+  ), [c, v] = D(!1), b = _(!1), h = _(null), y = t ?? m, C = _(y);
   C.current = y;
   const N = t !== void 0;
   Q(() => Zr(), []), Q(() => {
@@ -612,8 +624,8 @@ function ra({
     },
     []
   );
-  const S = (k) => {
-    if (k) {
+  const k = (S) => {
+    if (S) {
       h.current && clearTimeout(h.current), b.current = !1, v(!1), N || u(!0), n == null || n(!0);
       return;
     }
@@ -628,18 +640,18 @@ function ra({
       });
     }, ta);
   };
-  return /* @__PURE__ */ e(St.Provider, { value: () => S(!1), children: /* @__PURE__ */ e(Ct.Provider, { value: c, children: /* @__PURE__ */ e(_e.Provider, { value: !0, children: /* @__PURE__ */ e(
-    I.Root,
+  return /* @__PURE__ */ e(St.Provider, { value: () => k(!1), children: /* @__PURE__ */ e(Ct.Provider, { value: c, children: /* @__PURE__ */ e(_e.Provider, { value: !0, children: /* @__PURE__ */ e(
+    R.Root,
     {
       open: y,
-      onOpenChange: S,
-      ...i,
+      onOpenChange: k,
+      ...o,
       children: l
     }
   ) }) }) });
 }
 const kt = f(({ onClick: t, ...r }, n) => /* @__PURE__ */ e(
-  I.Trigger,
+  R.Trigger,
   {
     ref: n,
     onClick: (l) => {
@@ -649,8 +661,8 @@ const kt = f(({ onClick: t, ...r }, n) => /* @__PURE__ */ e(
   }
 ));
 kt.displayName = "DialogTrigger";
-const _a = I.Close, zt = f(
-  ({ variant: t = "secondary", children: r = "Cancel", ...n }, l) => /* @__PURE__ */ e(I.Close, { asChild: !0, children: /* @__PURE__ */ e(M, { ref: l, type: "button", variant: t, ...n, children: r }) })
+const _a = R.Close, zt = f(
+  ({ variant: t = "secondary", children: r = "Cancel", ...n }, l) => /* @__PURE__ */ e(R.Close, { asChild: !0, children: /* @__PURE__ */ e(M, { ref: l, type: "button", variant: t, ...n, children: r }) })
 );
 zt.displayName = "DialogCancel";
 function Dt(t, r = !0) {
@@ -662,8 +674,8 @@ function Dt(t, r = !0) {
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = ea(t), i = l ? Yr(l, n) : null;
-  i ? (t.style.setProperty("--dialog-dx", `${i.dx}px`), t.style.setProperty("--dialog-dy", `${i.dy}px`), t.style.setProperty("--dialog-sx", String(i.sx)), t.style.setProperty("--dialog-sy", String(i.sy)), t.classList.add("dialog-fly-in")) : (t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy"), t.classList.add("dialog-pop-in"));
+  const l = ea(t), o = l ? Yr(l, n) : null;
+  o ? (t.style.setProperty("--dialog-dx", `${o.dx}px`), t.style.setProperty("--dialog-dy", `${o.dy}px`), t.style.setProperty("--dialog-sx", String(o.sx)), t.style.setProperty("--dialog-sy", String(o.sy)), t.classList.add("dialog-fly-in")) : (t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy"), t.classList.add("dialog-pop-in"));
   const m = () => {
     t.classList.remove("dialog-fly-in", "dialog-pop-in");
   }, u = (c) => {
@@ -680,7 +692,7 @@ const Tt = f(
     children: r,
     placement: n = "center",
     topOffset: l = "11dvh",
-    motion: i = "auto",
+    motion: o = "auto",
     style: m,
     onEscapeKeyDown: u,
     onPointerDownOutside: c,
@@ -689,21 +701,21 @@ const Tt = f(
     const h = W(Ct), y = n === "top", C = y ? {
       "--dialog-top-offset": l,
       "--dialog-top-offset-fallback": aa(l)
-    } : void 0, N = W(St), S = j(null), k = gt(
+    } : void 0, N = W(St), k = _(null), S = gt(
       (g) => {
-        if (S.current = g, g && i === "auto" && Dt(g), typeof b == "function") {
+        if (k.current = g, g && o === "auto" && Dt(g), typeof b == "function") {
           b(g);
           return;
         }
         b && (b.current = g);
       },
-      [i, b]
+      [o, b]
     );
-    return /* @__PURE__ */ s(I.Portal, { children: [
+    return /* @__PURE__ */ s(R.Portal, { children: [
       /* @__PURE__ */ e(
-        I.Overlay,
+        R.Overlay,
         {
-          className: o(
+          className: i(
             "fixed inset-0 z-50 overflow-hidden bg-overlay backdrop-blur-[3px] data-[state=open]:animate-in data-[state=open]:fade-in-0",
             !h && "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
             h && "opacity-0 transition-opacity duration-200"
@@ -720,20 +732,20 @@ const Tt = f(
       /* @__PURE__ */ e(
         "div",
         {
-          className: o(
+          className: i(
             "pointer-events-none fixed inset-0 z-50 flex justify-center overflow-y-auto p-4",
             y ? "items-start" : "items-center"
           ),
           children: /* @__PURE__ */ s(
-            I.Content,
+            R.Content,
             {
-              ref: k,
+              ref: S,
               style: C ? { ...C, ...m } : m,
-              className: o(
+              className: i(
                 "dialog-content pointer-events-auto relative flex max-h-[min(85vh,44rem)] w-full max-w-[22.4rem] flex-col gap-0 overflow-hidden will-change-[transform,opacity]",
                 "rounded-2xl border border-(--dialog-shell-border) bg-(--dialog-shell-bg) pb-3 shadow-(--dialog-shell-shadow) sm:pb-4",
                 y && "dialog-anchor-top",
-                i === "command" && "dialog-command-motion",
+                o === "command" && "dialog-command-motion",
                 h && "dialog-closing",
                 "focus:outline-none",
                 t
@@ -747,7 +759,7 @@ const Tt = f(
               ...v,
               children: [
                 r,
-                /* @__PURE__ */ s(I.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
+                /* @__PURE__ */ s(R.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
                   /* @__PURE__ */ e(ue, { className: "size-4" }),
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
                 ] })
@@ -768,7 +780,7 @@ function na({
     "div",
     {
       "data-slot": "panel",
-      className: o(
+      className: i(
         "flex min-h-0 flex-1 flex-col overflow-hidden rounded-b-2xl border-x-0 border-t-0 border-b border-(--dialog-panel-border) bg-(--dialog-panel-bg) shadow-(--dialog-panel-shadow)",
         t
       ),
@@ -784,7 +796,7 @@ function la({
     "div",
     {
       "data-slot": "body",
-      className: o("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
+      className: i("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
       ...r
     }
   );
@@ -797,7 +809,7 @@ function ia({
     "div",
     {
       "data-slot": "header",
-      className: o(
+      className: i(
         "flex shrink-0 flex-col gap-1.5 border-b border-(--dialog-panel-border) px-5 py-4",
         t
       ),
@@ -813,7 +825,7 @@ function oa({
     "div",
     {
       "data-slot": "footer",
-      className: o(
+      className: i(
         "flex shrink-0 flex-col-reverse gap-2 px-3 pt-3 sm:flex-row sm:px-4 sm:pt-3.5 sm:*:flex-1",
         t
       ),
@@ -822,24 +834,24 @@ function oa({
   );
 }
 const Mt = f(({ className: t, ...r }, n) => {
-  const l = W(_e) ? I.Title : "h2";
+  const l = W(_e) ? R.Title : "h2";
   return /* @__PURE__ */ e(
     l,
     {
       ref: n,
-      className: o("text-base font-semibold text-fg", t),
+      className: i("text-base font-semibold text-fg", t),
       ...r
     }
   );
 });
 Mt.displayName = "DialogTitle";
 const sa = f(({ className: t, ...r }, n) => {
-  const l = W(_e) ? I.Description : "p";
+  const l = W(_e) ? R.Description : "p";
   return /* @__PURE__ */ e(
     l,
     {
       ref: n,
-      className: o("text-sm text-muted", t),
+      className: i("text-sm text-muted", t),
       ...r
     }
   );
@@ -851,13 +863,13 @@ function da({
   value: r,
   onChange: n,
   disabled: l = !1,
-  name: i,
+  name: o,
   className: m,
   children: u,
   ...c
 }) {
-  const v = fe(), b = i ?? v;
-  return /* @__PURE__ */ e(Pt.Provider, { value: { name: b, value: r, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", m), ...c, children: [
+  const v = fe(), b = o ?? v;
+  return /* @__PURE__ */ e(Pt.Provider, { value: { name: b, value: r, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: i("flex flex-col gap-6", m), ...c, children: [
     /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
     u
   ] }) });
@@ -867,17 +879,17 @@ function ca({
   title: r,
   description: n,
   badge: l,
-  disabled: i = !1,
+  disabled: o = !1,
   className: m
 }) {
   const u = W(Pt), c = fe();
   if (!u)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const v = i || u.disabled, b = u.value === t;
+  const v = o || u.disabled, b = u.value === t;
   return /* @__PURE__ */ s(
     "label",
     {
-      className: o(
+      className: i(
         "group relative flex items-start gap-3",
         v ? "cursor-not-allowed opacity-50" : "cursor-pointer",
         m
@@ -903,7 +915,7 @@ function ca({
           "span",
           {
             "aria-hidden": !0,
-            className: o(
+            className: i(
               "mt-[5px] grid size-3.5 shrink-0 place-items-center rounded-full border-2 border-transparent bg-line-strong transition-colors",
               "peer-checked:border-4 peer-checked:border-primary peer-checked:bg-primary-fg",
               "peer-focus-visible:ring-2 peer-focus-visible:ring-focus/40 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-canvas"
@@ -926,7 +938,7 @@ function La({
   onOpenChange: r,
   trigger: n,
   title: l,
-  options: i,
+  options: o,
   defaultValue: m,
   value: u,
   onValueChange: c,
@@ -934,8 +946,8 @@ function La({
   confirmLabel: b = "Continue",
   onConfirm: h
 }) {
-  var k;
-  const [y, C] = D(m ?? ((k = i[0]) == null ? void 0 : k.value) ?? ""), N = u ?? y;
+  var S;
+  const [y, C] = D(m ?? ((S = o[0]) == null ? void 0 : S.value) ?? ""), N = u ?? y;
   return /* @__PURE__ */ s(ra, { open: t, onOpenChange: r, children: [
     n ? /* @__PURE__ */ e(kt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
@@ -948,7 +960,7 @@ function La({
             /* @__PURE__ */ e(ia, { children: /* @__PURE__ */ e(Mt, { className: "text-xl", children: l }) }),
             /* @__PURE__ */ e(la, { children: /* @__PURE__ */ e(da, { label: l, value: N, onChange: (g) => {
               u === void 0 && C(g), c == null || c(g);
-            }, children: i.map((g) => /* @__PURE__ */ e(
+            }, children: o.map((g) => /* @__PURE__ */ e(
               ca,
               {
                 value: g.value,
@@ -969,7 +981,7 @@ function La({
   ] });
 }
 function Aa({ code: t, label: r, className: n }) {
-  const [l, i] = D(!1);
+  const [l, o] = D(!1);
   return /* @__PURE__ */ e(
     be,
     {
@@ -981,7 +993,7 @@ function Aa({ code: t, label: r, className: n }) {
         variant: "ghost",
         onClick: async () => {
           try {
-            await navigator.clipboard.writeText(t), i(!0), window.setTimeout(() => i(!1), 1500);
+            await navigator.clipboard.writeText(t), o(!0), window.setTimeout(() => o(!1), 1500);
           } catch {
           }
         }
@@ -1022,7 +1034,7 @@ const ua = {
     containerClassName: r,
     type: n = "text",
     size: l = "md",
-    leadingIcon: i,
+    leadingIcon: o,
     trailingIcon: m,
     onClear: u,
     value: c,
@@ -1032,24 +1044,24 @@ const ua = {
     id: y,
     "aria-describedby": C,
     disabled: N,
-    readOnly: S,
-    ...k
+    readOnly: k,
+    ...S
   }, g) => {
-    const _ = fe(), B = y ?? _, O = !!h, F = !!(u && (c !== void 0 ? String(c).length > 0 : v !== void 0 && String(v).length > 0)), $ = O ? `${B}-description` : void 0, ge = [C, $].filter(Boolean).join(" ") || void 0, re = /* @__PURE__ */ e(
+    const I = fe(), j = y ?? I, O = !!h, F = !!(u && (c !== void 0 ? String(c).length > 0 : v !== void 0 && String(v).length > 0)), $ = O ? `${j}-description` : void 0, ge = [C, $].filter(Boolean).join(" ") || void 0, re = /* @__PURE__ */ e(
       "input",
       {
         ref: g,
-        id: B,
+        id: j,
         type: n,
         disabled: N,
-        readOnly: S,
+        readOnly: k,
         "aria-invalid": b || void 0,
         "aria-describedby": ge,
-        style: i || m || F ? {
-          paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
+        style: o || m || F ? {
+          paddingInlineStart: o ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
           paddingInlineEnd: m || F ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
         } : void 0,
-        className: o(
+        className: i(
           "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
           ua[l],
           ma[l],
@@ -1060,25 +1072,25 @@ const ua = {
           !b && "border-(--input-border)",
           n === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-ms-clear]:hidden",
           N && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
-          S && "cursor-default focus-visible:ring-0",
+          k && "cursor-default focus-visible:ring-0",
           t
         ),
         value: c,
         defaultValue: v,
-        ...k
+        ...S
       }
     );
-    return !i && !m && !F && !O ? re : /* @__PURE__ */ s("div", { className: o("w-full", r), children: [
+    return !o && !m && !F && !O ? re : /* @__PURE__ */ s("div", { className: i("w-full", r), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
-        i ? /* @__PURE__ */ e(
+        o ? /* @__PURE__ */ e(
           "span",
           {
-            className: o(
+            className: i(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
               pa[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ze[l]), children: i })
+            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ze[l]), children: o })
           }
         ) : null,
         re,
@@ -1088,21 +1100,21 @@ const ua = {
             type: "button",
             "aria-label": "Clear search",
             onClick: u,
-            className: o(
+            className: i(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
               mt[l]
             ),
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ze[l]), children: /* @__PURE__ */ e(ue, {}) })
+            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ze[l]), children: /* @__PURE__ */ e(ue, {}) })
           }
         ) : m ? /* @__PURE__ */ e(
           "span",
           {
-            className: o(
+            className: i(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
               mt[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ze[l]), children: m })
+            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ze[l]), children: m })
           }
         ) : null
       ] }),
@@ -1110,7 +1122,7 @@ const ua = {
         "p",
         {
           id: $,
-          className: o("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
+          className: i("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
           children: h
         }
       ) : null
@@ -1126,8 +1138,8 @@ function Ae(t, r) {
       n += 1;
       return;
     }
-    const i = l.props.children;
-    i && (n += Ae(i, r));
+    const o = l.props.children;
+    o && (n += Ae(o, r));
   }), n;
 }
 const It = te(!1);
@@ -1143,13 +1155,13 @@ function De({
   return /* @__PURE__ */ e(It.Provider, { value: n, children: /* @__PURE__ */ e(T.Root, { ...r, children: t }) });
 }
 const se = f(({ className: t, disabled: r, ...n }, l) => {
-  const i = W(It);
+  const o = W(It);
   return /* @__PURE__ */ e(
     T.Trigger,
     {
       ref: l,
-      className: o("group", t),
-      disabled: r || i,
+      className: i("group", t),
+      disabled: r || o,
       ...n
     }
   );
@@ -1160,7 +1172,7 @@ const Rt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   {
     ref: n,
     "aria-hidden": !0,
-    className: o(
+    className: i(
       "ml-auto size-3.5 shrink-0 text-subtle transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none",
       t
     ),
@@ -1173,7 +1185,7 @@ const Ba = T.Group, Fa = T.Portal, de = f(({ className: t, sideOffset: r = 8, ..
   {
     ref: l,
     sideOffset: r,
-    className: o(
+    className: i(
       "menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
@@ -1191,7 +1203,7 @@ const pe = f(({ className: t, inset: r, ...n }, l) => /* @__PURE__ */ e(
   T.Item,
   {
     ref: l,
-    className: o(
+    className: i(
       "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-fg outline-none transition-colors",
       "focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
       "[&_svg]:size-4 [&_svg]:text-muted",
@@ -1202,11 +1214,11 @@ const pe = f(({ className: t, inset: r, ...n }, l) => /* @__PURE__ */ e(
   }
 ));
 pe.displayName = "DropdownMenuItem";
-const Y = f(({ className: t, children: r, checked: n, ...l }, i) => /* @__PURE__ */ s(
+const Y = f(({ className: t, children: r, checked: n, ...l }, o) => /* @__PURE__ */ s(
   T.CheckboxItem,
   {
-    ref: i,
-    className: o(
+    ref: o,
+    className: i(
       "group relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none transition-colors focus:bg-(--menu-highlight)",
       t
     ),
@@ -1223,16 +1235,16 @@ const ce = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   T.Label,
   {
     ref: n,
-    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...r
   }
 ));
 ce.displayName = "DropdownMenuLabel";
-const $a = T.Sub, jt = f(({ className: t, inset: r, children: n, ...l }, i) => /* @__PURE__ */ s(
+const $a = T.Sub, jt = f(({ className: t, inset: r, children: n, ...l }, o) => /* @__PURE__ */ s(
   T.SubTrigger,
   {
-    ref: i,
-    className: o(
+    ref: o,
+    className: i(
       "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-fg outline-none transition-colors",
       "focus:bg-(--menu-highlight) data-[state=open]:bg-(--menu-highlight)",
       "[&_svg]:size-4 [&_svg]:text-muted",
@@ -1252,7 +1264,7 @@ const fa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   {
     ref: n,
     sideOffset: 8,
-    className: o(
+    className: i(
       "menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
       "data-[state=open]:animate-in data-[state=closed]:animate-out",
       "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
@@ -1270,7 +1282,7 @@ const Pe = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   T.Separator,
   {
     ref: n,
-    className: o("-mx-1 my-1 h-px bg-line-strong", t),
+    className: i("-mx-1 my-1 h-px bg-line-strong", t),
     ...r
   }
 ));
@@ -1284,11 +1296,11 @@ function _t({
   const l = Ae(t, [he]) === 0;
   return /* @__PURE__ */ e(P.Root, { disabled: r || l, ...n, children: t });
 }
-const Be = f(({ className: t, children: r, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+const Be = f(({ className: t, children: r, variant: n = "field", ...l }, o) => /* @__PURE__ */ s(
   P.Trigger,
   {
-    ref: i,
-    className: o(
+    ref: o,
+    className: i(
       "group flex items-center justify-between gap-2 text-sm text-fg",
       "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
       "data-disabled:cursor-not-allowed data-disabled:opacity-50",
@@ -1306,13 +1318,13 @@ const Be = f(({ className: t, children: r, variant: n = "field", ...l }, i) => /
 ));
 Be.displayName = "SelectTrigger";
 const Fe = f(
-  ({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...i }, m) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
+  ({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...o }, m) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
     P.Content,
     {
       ref: m,
       position: n,
       sideOffset: l,
-      className: o(
+      className: i(
         "menu-surface btn-inner-border z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-(--button-secondary-bg) p-1",
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
         "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
@@ -1322,7 +1334,7 @@ const Fe = f(
         "duration-150 ease-out",
         t
       ),
-      ...i,
+      ...o,
       children: /* @__PURE__ */ e(P.Viewport, { className: "p-0", children: r })
     }
   ) })
@@ -1332,7 +1344,7 @@ const he = f(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
   P.Item,
   {
     ref: l,
-    className: o(
+    className: i(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none focus:bg-(--menu-highlight) data-disabled:pointer-events-none data-disabled:opacity-50",
       t
     ),
@@ -1348,7 +1360,7 @@ const ba = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   P.Label,
   {
     ref: n,
-    className: o("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
     ...r
   }
 ));
@@ -1358,14 +1370,14 @@ function ha({
   title: r,
   description: n,
   action: l,
-  className: i
+  className: o
 }) {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: o(
+      className: i(
         "flex min-h-[22rem] flex-col items-center justify-center gap-5 px-6 py-16 text-center",
-        i
+        o
       ),
       children: [
         t ? /* @__PURE__ */ e("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-table-muted [&_svg]:size-8", children: t }) : null,
@@ -1406,7 +1418,7 @@ function Ha({
   columns: r,
   getRowId: n,
   loading: l = !1,
-  error: i,
+  error: o,
   empty: m,
   search: u,
   filters: c,
@@ -1416,11 +1428,11 @@ function Ha({
   tabs: y,
   activeTab: C,
   onTabChange: N,
-  infoBanner: S,
-  selectable: k = !1,
+  infoBanner: k,
+  selectable: S = !1,
   bulkActions: g,
-  rowActions: _,
-  onRowClick: B,
+  rowActions: I,
+  onRowClick: j,
   defaultSort: O,
   sort: F,
   onSortChange: $,
@@ -1443,7 +1455,7 @@ function Ha({
     O ?? null
   ), w = $ ? F ?? null : Vt, Ot = (a) => {
     $ ? $(a) : Wt(a);
-  }, [U, ae] = D(0), [L, Ut] = D(ge), [q, ve] = D(/* @__PURE__ */ new Set()), [Xt, Ne] = D([]), We = r.map((a) => a.id), Oe = new Map(r.map((a) => [a.id, a])), Ue = Ge ? Ge.map((a) => Oe.get(a)).filter((a) => !!a) : r, X = Ue.filter((a) => !$e[a.id]), Xe = Ue.filter((a) => $e[a.id] && !a.required), Je = (a) => !!a.required, Jt = (a) => Oe.get(a), Kt = (a, d) => {
+  }, [U, ae] = D(0), [A, Ut] = D(ge), [q, ve] = D(/* @__PURE__ */ new Set()), [Xt, Ne] = D([]), We = r.map((a) => a.id), Oe = new Map(r.map((a) => [a.id, a])), Ue = Ge ? Ge.map((a) => Oe.get(a)).filter((a) => !!a) : r, X = Ue.filter((a) => !$e[a.id]), Xe = Ue.filter((a) => $e[a.id] && !a.required), Je = (a) => !!a.required, Jt = (a) => Oe.get(a), Kt = (a, d) => {
     const p = d ? Jt(d) : void 0;
     !p || Je(p) || a === d || He((x) => {
       const z = x ?? We;
@@ -1464,32 +1476,32 @@ function Ha({
     if (!(a != null && a.sortValue)) return ne;
     const d = w.dir === "asc" ? 1 : -1;
     return [...ne].sort((p, x) => {
-      const z = a.sortValue(p), R = a.sortValue(x);
-      return z == null && R == null ? 0 : z == null ? 1 : R == null ? -1 : typeof z == "number" && typeof R == "number" ? (z - R) * d : String(z).localeCompare(String(R)) * d;
+      const z = a.sortValue(p), E = a.sortValue(x);
+      return z == null && E == null ? 0 : z == null ? 1 : E == null ? -1 : typeof z == "number" && typeof E == "number" ? (z - E) * d : String(z).localeCompare(String(E)) * d;
     });
-  }, [ne, w, r]), J = Math.max(1, Math.ceil(G.length / L)), Zt = !l && !i && G.length > 0 && (Lt === "always" || G.length > L);
+  }, [ne, w, r]), J = Math.max(1, Math.ceil(G.length / A)), Zt = !l && !o && G.length > 0 && (Lt === "always" || G.length > A);
   Q(() => {
     ae(0);
-  }, [u == null ? void 0 : u.value, L, w == null ? void 0 : w.id, w == null ? void 0 : w.dir, C, Yt]), Q(() => {
+  }, [u == null ? void 0 : u.value, A, w == null ? void 0 : w.id, w == null ? void 0 : w.dir, C, Yt]), Q(() => {
     U > J - 1 && ae(J - 1);
   }, [U, J]);
-  const le = U * L, A = G.slice(le, le + L), er = (a) => {
+  const le = U * A, B = G.slice(le, le + A), er = (a) => {
     if (!a.sortable) return;
     const d = w;
     Ot(
       (d == null ? void 0 : d.id) === a.id ? d.dir === "asc" ? { id: a.id, dir: "desc" } : null : { id: a.id, dir: "asc" }
     );
-  }, Ke = A.length > 0 && A.every((a) => q.has(n(a))), tr = A.some((a) => q.has(n(a))), rr = t.filter((a) => q.has(n(a))), ar = () => {
+  }, Ke = B.length > 0 && B.every((a) => q.has(n(a))), tr = B.some((a) => q.has(n(a))), rr = t.filter((a) => q.has(n(a))), ar = () => {
     ve((a) => {
       const d = new Set(a);
-      return Ke ? A.forEach((p) => d.delete(n(p))) : A.forEach((p) => d.add(n(p))), d;
+      return Ke ? B.forEach((p) => d.delete(n(p))) : B.forEach((p) => d.add(n(p))), d;
     });
   }, nr = (a) => {
     ve((d) => {
       const p = new Set(d);
       return p.has(a) ? p.delete(a) : p.add(a), p;
     });
-  }, lr = !!(u || c != null && c.length || v || b), ir = (a) => (w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? "ascending" : "descending" : void 0, Qe = j(null), Ye = j(null), Ze = j(null), et = j(null), [H, we] = D([]), or = X.map((a) => a.id).join("\0"), ie = `${k ? "s" : "-"}|${_ ? "a" : "-"}|${or}`, tt = j(ie), sr = H.length > 0, Ce = gt(() => {
+  }, lr = !!(u || c != null && c.length || v || b), ir = (a) => (w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? "ascending" : "descending" : void 0, Qe = _(null), Ye = _(null), Ze = _(null), et = _(null), [H, we] = D([]), or = X.map((a) => a.id).join("\0"), ie = `${S ? "s" : "-"}|${I ? "a" : "-"}|${or}`, tt = _(ie), sr = H.length > 0, Ce = gt(() => {
     const a = Ze.current, d = et.current;
     a && d && (a.style.transform = `translateX(${-d.scrollLeft}px)`);
   }, []);
@@ -1504,29 +1516,29 @@ function Ha({
       var rt, at, nt;
       const x = (at = (rt = a.tBodies[0]) == null ? void 0 : rt.rows.item(0)) == null ? void 0 : at.cells;
       if (!x || x.length === 0) {
-        we((E) => E.length === 0 ? E : []);
+        we((L) => L.length === 0 ? L : []);
         return;
       }
-      const z = (nt = Ye.current) == null ? void 0 : nt.querySelectorAll("thead th"), R = Array.from(
+      const z = (nt = Ye.current) == null ? void 0 : nt.querySelectorAll("thead th"), E = Array.from(
         x,
-        (E, Se) => {
+        (L, Se) => {
           var oe, lt;
           return Math.max(
-            E.getBoundingClientRect().width,
+            L.getBoundingClientRect().width,
             ((lt = (oe = z == null ? void 0 : z.item(Se)) == null ? void 0 : oe.querySelector("[data-col-sizer]")) == null ? void 0 : lt.getBoundingClientRect().width) ?? 0
           );
         }
       );
       we(
-        (E) => E.length === R.length && E.every((Se, oe) => Se === R[oe]) ? E : R
+        (L) => L.length === E.length && L.every((Se, oe) => Se === E[oe]) ? L : E
       );
     };
     if (d(), Ce(), typeof ResizeObserver > "u") return;
     const p = new ResizeObserver(d);
     return p.observe(a), () => p.disconnect();
-  }, [ie, sr, l, i, Ce]);
+  }, [ie, sr, l, o, Ce]);
   const K = H.reduce((a, d) => a + d, 0);
-  return /* @__PURE__ */ s("div", { className: o("space-y-4", Ht), children: [
+  return /* @__PURE__ */ s("div", { className: i("space-y-4", Ht), children: [
     y && y.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: y.map((a) => {
       const d = a.id === C;
       return /* @__PURE__ */ e(
@@ -1536,7 +1548,7 @@ function Ha({
           role: "tab",
           "aria-selected": d,
           onClick: () => N == null ? void 0 : N(a.id),
-          className: o(
+          className: i(
             "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
             d ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
           ),
@@ -1604,7 +1616,7 @@ function Ha({
                     Nr,
                     {
                       "aria-hidden": !0,
-                      className: o(
+                      className: i(
                         "size-3.5 shrink-0",
                         xe === a.id ? "text-primary" : "text-subtle"
                       )
@@ -1720,8 +1732,8 @@ function Ha({
         }
       )
     ] }) : null,
-    S,
-    k && q.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
+    k,
+    S && q.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "font-medium text-fg", children: [
         q.size,
         " selected"
@@ -1783,7 +1795,7 @@ function Ha({
               children: [
                 /* @__PURE__ */ e("colgroup", { children: H.map((a, d) => /* @__PURE__ */ e("col", { style: { width: a } }, d)) }),
                 /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
-                  k && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-(--table-pad-x) text-left align-middle", children: /* @__PURE__ */ e(
+                  S && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-(--table-pad-x) text-left align-middle", children: /* @__PURE__ */ e(
                     Te,
                     {
                       "aria-label": "Select all rows",
@@ -1794,7 +1806,7 @@ function Ha({
                   X.map((a) => /* @__PURE__ */ e(
                     "th",
                     {
-                      className: o(ga, a.align === "right" && "text-right", a.className),
+                      className: i(ga, a.align === "right" && "text-right", a.className),
                       children: /* @__PURE__ */ e(
                         "span",
                         {
@@ -1808,7 +1820,7 @@ function Ha({
                               size: "xs",
                               "aria-label": `Sort by ${a.header}`,
                               onClick: () => er(a),
-                              className: o(
+                              className: i(
                                 "h-auto gap-1.5 rounded-none px-0 py-0 text-[0.8125rem] text-table-header transition-colors [&_svg]:size-3.5",
                                 "hover:bg-transparent hover:text-table-header-active hover:shadow-none",
                                 "active:scale-100 active:bg-transparent active:shadow-none",
@@ -1825,20 +1837,20 @@ function Ha({
                     },
                     a.id
                   )),
-                  _ && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+                  I && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
                 ] }) })
               ]
             }
           )
         ),
-        children: /* @__PURE__ */ e("div", { ref: et, className: "overflow-x-auto", onScroll: Ce, children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((a) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, a)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+        children: /* @__PURE__ */ e("div", { ref: et, className: "overflow-x-auto", onScroll: Ce, children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((a) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, a)) }) : o ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
           /* @__PURE__ */ e("div", { className: "flex size-(--table-empty-icon) items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(yr, { weight: "duotone" }) }),
           /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: i.title }),
-            i.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: i.description }) : null
+            /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: o.title }),
+            o.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: o.description }) : null
           ] }),
-          i.action
-        ] }) : A.length === 0 ? /* @__PURE__ */ e(
+          o.action
+        ] }) : B.length === 0 ? /* @__PURE__ */ e(
           ha,
           {
             icon: m == null ? void 0 : m.icon,
@@ -1850,7 +1862,7 @@ function Ha({
           "table",
           {
             ref: Qe,
-            className: o(
+            className: i(
               "border-collapse text-left",
               // Unmeasured: content-sized so intrinsic column widths can be
               // measured (w-full would squeeze columns into the container).
@@ -1863,20 +1875,20 @@ function Ha({
             children: [
               H.length > 0 && /* @__PURE__ */ e("colgroup", { children: H.map((a, d) => /* @__PURE__ */ e("col", { style: { width: a } }, d)) }),
               /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
-                k && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
+                S && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
                 X.map((a) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": ir(a), children: a.header }, a.id)),
-                _ && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
+                I && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
               ] }) }),
-              /* @__PURE__ */ e(qr, { children: A.map((a) => {
+              /* @__PURE__ */ e(qr, { children: B.map((a) => {
                 const d = n(a), p = q.has(d);
                 return /* @__PURE__ */ s(
                   Gr,
                   {
                     "data-state": p ? "selected" : void 0,
-                    onClick: B ? () => B(a) : void 0,
-                    className: B ? "cursor-pointer" : void 0,
+                    onClick: j ? () => j(a) : void 0,
+                    className: j ? "cursor-pointer" : void 0,
                     children: [
-                      k && /* @__PURE__ */ e(ke, { className: "w-11", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
+                      S && /* @__PURE__ */ e(ke, { className: "w-11", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
                         Te,
                         {
                           "aria-label": "Select row",
@@ -1888,19 +1900,19 @@ function Ha({
                         ke,
                         {
                           "data-numeric": x.numeric ? "" : void 0,
-                          className: o(x.align === "right" && "text-right", x.className),
+                          className: i(x.align === "right" && "text-right", x.className),
                           children: x.cell(a)
                         },
                         x.id
                       )),
-                      _ && /* @__PURE__ */ e(
+                      I && /* @__PURE__ */ e(
                         ke,
                         {
                           className: "w-44 px-4 text-right",
                           onClick: (x) => {
                             x.target.closest("button, a, input, [role='menuitem']") && x.stopPropagation();
                           },
-                          children: _(a)
+                          children: I(a)
                         }
                       )
                     ]
@@ -1917,12 +1929,12 @@ function Ha({
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
         le + 1,
         "–",
-        Math.min(le + L, G.length),
+        Math.min(le + A, G.length),
         " of ",
         G.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(_t, { value: String(L), onValueChange: (a) => Ut(Number(a)), children: [
+        /* @__PURE__ */ s(_t, { value: String(A), onValueChange: (a) => Ut(Number(a)), children: [
           /* @__PURE__ */ e(Be, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(Et, {}) }),
           /* @__PURE__ */ e(Fe, { children: re.map((a) => /* @__PURE__ */ e(he, { value: String(a), children: a }, a)) })
         ] }),
@@ -1954,8 +1966,8 @@ function Ha({
     ] })
   ] });
 }
-function Va({ icon: t, title: r, description: n, action: l, className: i }) {
-  return /* @__PURE__ */ e(be, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+function Va({ icon: t, title: r, description: n, action: l, className: o }) {
+  return /* @__PURE__ */ e(be, { className: o, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
     t ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: t }) : null,
     /* @__PURE__ */ s("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e("p", { className: "text-sm font-medium text-fg", children: r }),
@@ -1970,7 +1982,7 @@ const va = f(
     inputClassName: r,
     selectClassName: n,
     selectValue: l,
-    onSelectChange: i,
+    onSelectChange: o,
     selectOptions: m,
     selectAriaLabel: u,
     selectPlaceholder: c,
@@ -1978,7 +1990,7 @@ const va = f(
     size: b,
     disabled: h,
     ...y
-  }, C) => /* @__PURE__ */ s("div", { className: o("flex w-full items-stretch", t), children: [
+  }, C) => /* @__PURE__ */ s("div", { className: i("flex w-full items-stretch", t), children: [
     /* @__PURE__ */ e(
       Le,
       {
@@ -1987,7 +1999,7 @@ const va = f(
         id: v,
         size: b,
         disabled: h,
-        className: o(
+        className: i(
           "min-w-0 rounded-l-(--control-radius) rounded-r-none",
           r
         )
@@ -1997,7 +2009,7 @@ const va = f(
       _t,
       {
         value: l,
-        onValueChange: i,
+        onValueChange: o,
         disabled: h,
         children: [
           /* @__PURE__ */ e(
@@ -2005,7 +2017,7 @@ const va = f(
             {
               "aria-label": u,
               variant: "ghost",
-              className: o(
+              className: i(
                 "min-w-28 shrink-0 rounded-l-none border border-(--input-border) border-l-0 px-3 text-[13px] font-normal",
                 n
               ),
@@ -2023,7 +2035,7 @@ function Wa({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
-      className: o(
+      className: i(
         "inline-flex h-5 min-w-5 items-center justify-center rounded border border-line bg-elevated px-1.5 font-mono text-[11px] font-medium text-subtle",
         t
       ),
@@ -2035,7 +2047,7 @@ const Na = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
   Mr.Root,
   {
     ref: n,
-    className: o(
+    className: i(
       "mb-2.5 block text-sm font-medium text-fg leading-none last:mb-0 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       t
     ),
@@ -2048,7 +2060,7 @@ function Oa({
   onValueChange: r,
   options: n,
   size: l = "sm",
-  className: i,
+  className: o,
   ...m
 }) {
   const u = fe();
@@ -2057,17 +2069,17 @@ function Oa({
     {
       role: "radiogroup",
       "aria-label": m["aria-label"],
-      className: o(
+      className: i(
         "inline-flex w-fit items-center rounded-lg border border-line bg-canvas",
         l === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
-        i
+        o
       ),
       children: n.map((c) => {
         const v = c.value === t;
         return /* @__PURE__ */ s(
           "label",
           {
-            className: o(
+            className: i(
               "inline-flex h-full cursor-pointer items-center justify-center gap-1.5 rounded-md text-sm font-medium transition-colors",
               "has-focus-visible:ring-2 has-focus-visible:ring-focus/40",
               l === "sm" ? "px-(--control-pad-x-sm) [&_svg]:size-(--control-icon-sm)" : "px-(--control-pad-x-md) [&_svg]:size-(--control-icon-md)",
@@ -2095,13 +2107,13 @@ function Oa({
     }
   );
 }
-const ya = f(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
+const ya = f(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, o) => /* @__PURE__ */ e(
   Pr.Root,
   {
-    ref: i,
+    ref: o,
     decorative: n,
     orientation: r,
-    className: o(
+    className: i(
       "shrink-0 bg-line",
       r === "horizontal" ? "h-px w-full" : "h-full w-px",
       t
@@ -2114,7 +2126,7 @@ function Ua({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: o("animate-pulse rounded-md bg-elevated", t),
+      className: i("animate-pulse rounded-md bg-elevated", t),
       ...r
     }
   );
@@ -2124,7 +2136,7 @@ const Xa = Z.Provider, Ja = Z.Root, Ka = Z.Trigger, wa = f(({ className: t, side
   {
     ref: l,
     sideOffset: r,
-    className: o(
+    className: i(
       "z-50 overflow-hidden rounded-md border border-line bg-elevated px-2 py-1 text-xs text-fg shadow-md",
       "data-[state=delayed-open]:animate-in data-[state=closed]:animate-out",
       "data-[state=delayed-open]:fade-in-0 data-[state=closed]:fade-out-0",