@jinaan/uikit 0.1.46 → 0.1.48

package/dist/index.js

@@ -1,30 +1,30 @@
 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 _, 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 { CircleNotch as fa, Robot as ba, Terminal as ha, Check as ae, Copy as ft, XCircle as ga, Warning as xa, CheckCircle as va, Info as Na, Minus as ya, X as fe, CaretDown as Y, CaretRight as bt, MagnifyingGlass as wa, Columns as Ca, Lock as Sa, DotsSixVertical as za, FunnelSimple as it, WarningCircle as ka, CaretUp as Da, CaretUpDown as Ta, CaretLeft as Ma } from "@phosphor-icons/react";
+import { forwardRef as f, useState as T, Children as ht, isValidElement as gt, useRef as E, useEffect as Z, useContext as O, useCallback as xt, createContext as re, useId as he, useMemo as ot, useLayoutEffect as Pa, Fragment as Ia } from "react";
+import { Slot as Ra } 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 { clsx as ja } from "clsx";
+import { twMerge as _a } from "tailwind-merge";
 import * as je from "@radix-ui/react-avatar";
 import * as st from "@radix-ui/react-checkbox";
-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";
+import * as _ from "@radix-ui/react-dialog";
+import * as P from "@radix-ui/react-dropdown-menu";
+import * as R from "@radix-ui/react-select";
+import * as Ea from "@radix-ui/react-label";
+import * as La from "@radix-ui/react-separator";
+import * as te from "@radix-ui/react-tooltip";
 function i(...t) {
-  return Tr(Dr(t));
+  return _a(ja(t));
 }
-function Ir(t, r, n) {
-  if (r === n || r < 0 || n < 0 || r >= t.length || n >= t.length)
+function Aa(t, a, n) {
+  if (a === n || a < 0 || n < 0 || a >= t.length || n >= t.length)
     return t;
-  const l = [...t], [o] = l.splice(r, 1);
+  const l = [...t], [o] = l.splice(a, 1);
   return l.splice(n, 0, o), l;
 }
-function Rr({ className: t }) {
+function Ba({ className: t }) {
   return /* @__PURE__ */ e(
-    dr,
+    fa,
     {
       className: i("size-4 animate-spin text-muted", t),
       weight: "bold",
@@ -32,7 +32,7 @@ function Rr({ className: t }) {
     }
   );
 }
-const jr = Re(
+const Fa = Re(
   "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -58,7 +58,7 @@ const jr = Re(
       size: "md"
     }
   }
-), Er = {
+), $a = {
   xs: "[&_svg]:size-[var(--control-icon-xs)]",
   sm: "[&_svg]:size-[var(--control-icon-sm)]",
   md: "[&_svg]:size-[var(--control-icon-md)]",
@@ -68,29 +68,29 @@ const jr = Re(
 }, M = f(
   ({
     className: t,
-    variant: r,
+    variant: a,
     size: n = "md",
     asChild: l = !1,
     leadingIcon: o,
     trailingIcon: m,
     iconOnly: u = !1,
     loading: c = !1,
-    fullWidth: v = !1,
+    fullWidth: x = !1,
     disabled: b,
     children: h,
     ...y
-  }, C) => {
-    const N = l ? zr : "button", k = Er[n ?? "md"];
+  }, k) => {
+    const v = l ? Ra : "button", D = $a[n ?? "md"];
     return /* @__PURE__ */ e(
-      N,
+      v,
       {
-        ref: C,
+        ref: k,
         "aria-busy": c || void 0,
         disabled: l ? void 0 : b || c,
         className: i(
-          jr({ variant: r, size: n }),
+          Fa({ variant: a, size: n }),
           u && "aspect-square px-0",
-          v && "w-full",
+          x && "w-full",
           c && "disabled:opacity-100",
           t
         ),
@@ -105,9 +105,9 @@ const jr = Re(
               ),
               "aria-hidden": c || void 0,
               children: [
-                !c && o ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", k), "aria-hidden": !0, children: o }) : null,
+                !c && o ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", D), "aria-hidden": !0, children: o }) : null,
                 h,
-                !c && m ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", k), "aria-hidden": !0, children: m }) : null
+                !c && m ? /* @__PURE__ */ e("span", { className: i("inline-flex shrink-0", D), "aria-hidden": !0, children: m }) : null
               ]
             }
           ),
@@ -120,7 +120,7 @@ const jr = Re(
                 c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(Rr, { className: i("text-current", k) })
+              children: /* @__PURE__ */ e(Ba, { className: i("text-current", D) })
             }
           )
         ] })
@@ -129,13 +129,13 @@ const jr = Re(
   }
 );
 M.displayName = "Button";
-function Pa({
+function Er({
   command: t,
-  tag: r = "Build with agents",
+  tag: a = "Build with agents",
   icon: n,
   className: l
 }) {
-  const [o, m] = D(!1), u = async () => {
+  const [o, m] = T(!1), u = async () => {
     try {
       await navigator.clipboard.writeText(t), m(!0), window.setTimeout(() => m(!1), 1500);
     } catch {
@@ -143,11 +143,11 @@ function Pa({
   };
   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
+      n ?? /* @__PURE__ */ e(ba, { className: "size-3.5", weight: "fill" }),
+      a
     ] }),
     /* @__PURE__ */ s("div", { className: "mt-2 flex w-full items-center gap-2 rounded-xl border border-line bg-surface py-2 pl-3 pr-2 shadow-sm", children: [
-      /* @__PURE__ */ e(ur, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e(ha, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
       /* @__PURE__ */ e("span", { className: "truncate font-mono text-sm text-fg", children: t }),
       /* @__PURE__ */ e(
         M,
@@ -158,13 +158,13 @@ function Pa({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: u,
-          children: o ? /* @__PURE__ */ e(ee, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(pt, {})
+          children: o ? /* @__PURE__ */ e(ae, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ft, {})
         }
       )
     ] })
   ] });
 }
-const xt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+const vt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   je.Root,
   {
     ref: n,
@@ -172,20 +172,20 @@ const xt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
       t
     ),
-    ...r
+    ...a
   }
 ));
-xt.displayName = "Avatar";
-const vt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+vt.displayName = "Avatar";
+const Nt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   je.Image,
   {
     ref: n,
     className: i("aspect-square size-full object-cover", t),
-    ...r
+    ...a
   }
 ));
-vt.displayName = "AvatarImage";
-const Nt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Nt.displayName = "AvatarImage";
+const yt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   je.Fallback,
   {
     ref: n,
@@ -193,11 +193,11 @@ const Nt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
       t
     ),
-    ...r
+    ...a
   }
 ));
-Nt.displayName = "AvatarFallback";
-const _r = Re(
+yt.displayName = "AvatarFallback";
+const qa = Re(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
     variants: {
@@ -213,7 +213,7 @@ const _r = Re(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Lr = Re("size-1.5 shrink-0 rounded-full", {
+), Ga = Re("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -227,42 +227,42 @@ const _r = Re(
   },
   defaultVariants: { variant: "neutral" }
 });
-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,
+function Ha({ className: t, variant: a, dot: n = !1, children: l, ...o }) {
+  return /* @__PURE__ */ s("span", { className: i(qa({ variant: a }), t), ...o, children: [
+    n ? /* @__PURE__ */ e("span", { className: i(Ga({ variant: a })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
-const Br = {
+const Va = {
   info: {
-    Icon: br,
+    Icon: Na,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: fr,
+    Icon: va,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: pr,
+    Icon: xa,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: mr,
+    Icon: ga,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Ia({
+function Lr({
   variant: t = "info",
-  title: r,
+  title: a,
   children: n,
   icon: l,
   className: o
 }) {
-  const { Icon: m, className: u, iconClassName: c } = Br[t];
+  const { Icon: m, className: u, iconClassName: c } = Va[t];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -276,16 +276,16 @@ function Ia({
       children: [
         /* @__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,
+          a ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: a }) : null,
           n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
         ] })
       ]
     }
   );
 }
-function Fr({
+function Wa({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
@@ -294,13 +294,13 @@ function Fr({
         "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function $r({
+function Oa({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
@@ -309,26 +309,26 @@ function $r({
         "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function Ra({ className: t, ...r }) {
+function Ar({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "table",
     {
       className: i("w-full table-fixed border-collapse caption-bottom text-sm", t),
-      ...r
+      ...a
     }
   );
 }
-function ja({ className: t, ...r }) {
-  return /* @__PURE__ */ e("thead", { className: t, ...r });
+function Br({ className: t, ...a }) {
+  return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
-function qr({ className: t, ...r }) {
-  return /* @__PURE__ */ e("tbody", { className: i("[&_tr:last-child]:border-0", t), ...r });
+function Ua({ className: t, ...a }) {
+  return /* @__PURE__ */ e("tbody", { className: i("[&_tr:last-child]:border-0", t), ...a });
 }
-function Gr({ className: t, ...r }) {
+function dt({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "tr",
     {
@@ -336,11 +336,11 @@ function Gr({ className: t, ...r }) {
         "border-b border-table-panel-border transition-colors last:border-0 hover:bg-table-row-hover data-[state=selected]:bg-table-row-selected",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function Ea({ className: t, ...r }) {
+function Fr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "th",
     {
@@ -348,11 +348,11 @@ function Ea({ className: t, ...r }) {
         "h-(--table-header-h) whitespace-nowrap px-(--table-pad-x) text-left align-middle text-[0.8125rem] font-medium text-table-header",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function ke({ className: t, ...r }) {
+function Q({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "td",
     {
@@ -360,39 +360,39 @@ function ke({ className: t, ...r }) {
         "whitespace-nowrap px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-const Hr = {
+const Xa = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, Vr = {
+}, Ja = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function Wr(t) {
+function Ka(t) {
   return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
-function be({
+function ge({
   title: t,
-  description: r,
+  description: a,
   header: n,
   children: l,
   action: o,
   tone: m = "default",
   className: u,
   headerClassName: c,
-  panelClassName: v,
+  panelClassName: x,
   footer: b,
   footerClassName: h,
   minHeight: y,
-  scrollMode: C = "surface",
-  headerContentRef: N
+  scrollMode: k = "surface",
+  headerContentRef: v
 }) {
-  const k = !!(t || r), S = C === "panel", g = Wr(o) ? /* @__PURE__ */ e(
+  const D = !!(t || a), S = k === "panel", g = Ka(o) ? /* @__PURE__ */ e(
     M,
     {
       variant: o.variant ?? "primary",
@@ -406,7 +406,7 @@ function be({
         o.label
       ] }) : o.label
     }
-  ) : o, I = n || k ? (
+  ) : o, j = n || D ? (
     // 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
@@ -421,7 +421,7 @@ function be({
           c
         ),
         children: [
-          k ? /* @__PURE__ */ s(
+          D ? /* @__PURE__ */ s(
             "div",
             {
               className: i(
@@ -430,29 +430,29 @@ function be({
               ),
               children: [
                 t ? /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-fg", children: t }) : null,
-                r ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-sm text-muted", children: r }) : null
+                a ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-sm text-muted", children: a }) : null
               ]
             }
           ) : null,
-          S ? /* @__PURE__ */ e("div", { ref: N, children: n }) : n
+          S ? /* @__PURE__ */ e("div", { ref: v, children: n }) : n
         ]
       }
     )
-  ) : null, j = /* @__PURE__ */ e(
-    $r,
+  ) : null, I = /* @__PURE__ */ e(
+    Oa,
     {
-      className: i(Vr[m], v),
+      className: i(Ja[m], x),
       style: y ? { minHeight: y } : void 0,
       children: l
     }
   );
-  return /* @__PURE__ */ s(Fr, { className: i("relative", Hr[m], u), children: [
+  return /* @__PURE__ */ s(Wa, { className: i("relative", Xa[m], u), children: [
     S ? /* @__PURE__ */ s(Ie, { children: [
-      I,
-      j
+      j,
+      I
     ] }) : /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
-      I,
-      j
+      j,
+      I
     ] }),
     b ? /* @__PURE__ */ e(
       "div",
@@ -467,23 +467,23 @@ function be({
     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) {
-  const r = bt.toArray(t), n = r.filter(
-    (l) => ht(l) && l.type === yt
+function Qa(t) {
+  const a = ht.toArray(t), n = a.filter(
+    (l) => gt(l) && l.type === wt
   );
   return {
     header: n.length > 0 ? /* @__PURE__ */ e(Ie, { children: n }) : void 0,
-    body: r.filter((l) => !n.includes(l))
+    body: a.filter((l) => !n.includes(l))
   };
 }
-const Ur = f(
-  ({ className: t, children: r, ...n }, l) => {
-    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 }) });
+const Ya = f(
+  ({ className: t, children: a, ...n }, l) => {
+    const { header: o, body: m } = Qa(a);
+    return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(ge, { className: i("shadow-xs", t), header: o, children: m }) });
   }
 );
-Ur.displayName = "Card";
-const yt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Ya.displayName = "Card";
+const wt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
@@ -491,20 +491,20 @@ const yt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       "flex flex-col gap-1 px-5 py-4",
       t
     ),
-    ...r
+    ...a
   }
 ));
-yt.displayName = "CardHeader";
-const Xr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+wt.displayName = "CardHeader";
+const Za = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "h2",
   {
     ref: n,
     className: i("text-sm font-semibold text-fg", t),
-    ...r
+    ...a
   }
 ));
-Xr.displayName = "CardTitle";
-const Jr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+Za.displayName = "CardTitle";
+const er = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "p",
   {
     ref: n,
@@ -513,13 +513,13 @@ const Jr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       "first:mt-0 first:border-t-0 first:pt-0",
       t
     ),
-    ...r
+    ...a
   }
 ));
-Jr.displayName = "CardDescription";
-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(
+er.displayName = "CardDescription";
+const tr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: i("px-5 py-4", t), ...a }));
+tr.displayName = "CardContent";
+const ar = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
@@ -527,11 +527,11 @@ const Qr = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       "flex items-center gap-3 border-t border-line px-5 py-3",
       t
     ),
-    ...r
+    ...a
   }
 ));
-Qr.displayName = "CardFooter";
-const Te = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+ar.displayName = "CardFooter";
+const Te = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   st.Root,
   {
     ref: n,
@@ -543,45 +543,45 @@ const Te = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       "data-[state=indeterminate]:border-primary",
       t
     ),
-    ...r,
-    children: /* @__PURE__ */ e(st.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: r.checked === "indeterminate" ? /* @__PURE__ */ e(hr, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3", weight: "bold" }) })
+    ...a,
+    children: /* @__PURE__ */ e(st.Indicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] [--button-inner:var(--button-primary-inner)]", children: a.checked === "indeterminate" ? /* @__PURE__ */ e(ya, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ae, { className: "size-3", weight: "bold" }) })
   }
 ));
 Te.displayName = "Checkbox";
-function dt(t) {
+function ct(t) {
   return t.width > 0 && t.height > 0;
 }
-function ct(t) {
+function ut(t) {
   return Math.min(1, Math.max(0.1, t));
 }
-function Yr(t, r) {
-  return !dt(t) || !dt(r) ? null : {
-    dx: t.left + t.width / 2 - (r.left + r.width / 2),
-    dy: t.top + t.height / 2 - (r.top + r.height / 2),
-    sx: ct(t.width / r.width),
-    sy: ct(t.height / r.height)
+function rr(t, a) {
+  return !ct(t) || !ct(a) ? null : {
+    dx: t.left + t.width / 2 - (a.left + a.width / 2),
+    dy: t.top + t.height / 2 - (a.top + a.height / 2),
+    sx: ut(t.width / a.width),
+    sy: ut(t.height / a.height)
   };
 }
-const wt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let V = null, ut = !1;
-function Ee(t) {
-  const r = t.getBoundingClientRect();
-  return r.width <= 0 || r.height <= 0 ? null : {
-    left: r.left,
-    top: r.top,
-    width: r.width,
-    height: r.height
+const Ct = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
+let W = null, mt = !1;
+function _e(t) {
+  const a = t.getBoundingClientRect();
+  return a.width <= 0 || a.height <= 0 ? null : {
+    left: a.left,
+    top: a.top,
+    width: a.width,
+    height: a.height
   };
 }
 function Me(t) {
   if (!(t instanceof Element)) return;
-  const r = t.closest(wt);
-  if (!r) return;
-  const n = Ee(r);
-  n && (V = { rect: n, at: Date.now() });
+  const a = t.closest(Ct);
+  if (!a) return;
+  const n = _e(a);
+  n && (W = { rect: n, at: Date.now() });
 }
-function Zr() {
-  ut || typeof document > "u" || (ut = !0, document.addEventListener(
+function nr() {
+  mt || typeof document > "u" || (mt = !0, document.addEventListener(
     "pointerdown",
     (t) => Me(t.target),
     !0
@@ -593,88 +593,88 @@ function Zr() {
     !0
   ));
 }
-function ea(t) {
-  if (V && Date.now() - V.at < 2e3) {
-    const n = V.rect;
-    return V = null, n;
+function lr(t) {
+  if (W && Date.now() - W.at < 2e3) {
+    const n = W.rect;
+    return W = null, n;
   }
-  V = null;
-  const r = document.activeElement;
-  return r instanceof Element && r !== t && !t.contains(r) && r.matches(wt) ? Ee(r) : null;
+  W = null;
+  const a = document.activeElement;
+  return a instanceof Element && a !== t && !t.contains(a) && a.matches(Ct) ? _e(a) : null;
 }
-const ta = 250, Ct = te(!1), St = te(() => {
-}), _e = te(!1);
-function ra({
+const ir = 250, St = re(!1), zt = re(() => {
+}), Ee = re(!1);
+function or({
   open: t,
-  defaultOpen: r,
+  defaultOpen: a,
   onOpenChange: n,
   children: l,
   ...o
 }) {
-  const [m, u] = D(
-    r ?? !1
-  ), [c, v] = D(!1), b = _(!1), h = _(null), y = t ?? m, C = _(y);
-  C.current = y;
-  const N = t !== void 0;
-  Q(() => Zr(), []), Q(() => {
-    t && (h.current && clearTimeout(h.current), b.current = !1, v(!1));
-  }, [t]), Q(
+  const [m, u] = T(
+    a ?? !1
+  ), [c, x] = T(!1), b = E(!1), h = E(null), y = t ?? m, k = E(y);
+  k.current = y;
+  const v = t !== void 0;
+  Z(() => nr(), []), Z(() => {
+    t && (h.current && clearTimeout(h.current), b.current = !1, x(!1));
+  }, [t]), Z(
     () => () => {
       h.current && clearTimeout(h.current);
     },
     []
   );
-  const k = (S) => {
+  const D = (S) => {
     if (S) {
-      h.current && clearTimeout(h.current), b.current = !1, v(!1), N || u(!0), n == null || n(!0);
+      h.current && clearTimeout(h.current), b.current = !1, x(!1), v || u(!0), n == null || n(!0);
       return;
     }
     if (!y || b.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      N || u(!1), n == null || n(!1);
+      v || u(!1), n == null || n(!1);
       return;
     }
-    b.current = !0, v(!0), h.current = setTimeout(() => {
-      N || u(!1), n == null || n(!1), requestAnimationFrame(() => {
-        C.current && (b.current = !1, v(!1));
+    b.current = !0, x(!0), h.current = setTimeout(() => {
+      v || u(!1), n == null || n(!1), requestAnimationFrame(() => {
+        k.current && (b.current = !1, x(!1));
       });
-    }, ta);
+    }, ir);
   };
-  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,
+  return /* @__PURE__ */ e(zt.Provider, { value: () => D(!1), children: /* @__PURE__ */ e(St.Provider, { value: c, children: /* @__PURE__ */ e(Ee.Provider, { value: !0, children: /* @__PURE__ */ e(
+    _.Root,
     {
       open: y,
-      onOpenChange: k,
+      onOpenChange: D,
       ...o,
       children: l
     }
   ) }) }) });
 }
-const kt = f(({ onClick: t, ...r }, n) => /* @__PURE__ */ e(
-  R.Trigger,
+const kt = f(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
+  _.Trigger,
   {
     ref: n,
     onClick: (l) => {
       Me(l.currentTarget), t == null || t(l);
     },
-    ...r
+    ...a
   }
 ));
 kt.displayName = "DialogTrigger";
-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 }) })
+const $r = _.Close, Dt = f(
+  ({ variant: t = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ e(_.Close, { asChild: !0, children: /* @__PURE__ */ e(M, { ref: l, type: "button", variant: t, ...n, children: a }) })
 );
-zt.displayName = "DialogCancel";
-function Dt(t, r = !0) {
+Dt.displayName = "DialogCancel";
+function Tt(t, a = !0) {
   if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
-  const n = Ee(t);
+  const n = _e(t);
   if (!n) {
-    r && window.requestAnimationFrame(() => Dt(t, !1));
+    a && window.requestAnimationFrame(() => Tt(t, !1));
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = ea(t), o = l ? Yr(l, n) : null;
+  const l = lr(t), o = l ? rr(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");
@@ -683,27 +683,27 @@ function Dt(t, r = !0) {
   };
   t.addEventListener("animationend", u);
 }
-function aa(t) {
+function sr(t) {
   return t.replace(/dvh\b/g, "vh");
 }
-const Tt = f(
+const Mt = f(
   ({
     className: t,
-    children: r,
+    children: a,
     placement: n = "center",
     topOffset: l = "11dvh",
     motion: o = "auto",
     style: m,
     onEscapeKeyDown: u,
     onPointerDownOutside: c,
-    ...v
+    ...x
   }, b) => {
-    const h = W(Ct), y = n === "top", C = y ? {
+    const h = O(St), y = n === "top", k = y ? {
       "--dialog-top-offset": l,
-      "--dialog-top-offset-fallback": aa(l)
-    } : void 0, N = W(St), k = _(null), S = gt(
+      "--dialog-top-offset-fallback": sr(l)
+    } : void 0, v = O(zt), D = E(null), S = xt(
       (g) => {
-        if (k.current = g, g && o === "auto" && Dt(g), typeof b == "function") {
+        if (D.current = g, g && o === "auto" && Tt(g), typeof b == "function") {
           b(g);
           return;
         }
@@ -711,9 +711,9 @@ const Tt = f(
       },
       [o, b]
     );
-    return /* @__PURE__ */ s(R.Portal, { children: [
+    return /* @__PURE__ */ s(_.Portal, { children: [
       /* @__PURE__ */ e(
-        R.Overlay,
+        _.Overlay,
         {
           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",
@@ -737,10 +737,10 @@ const Tt = f(
             y ? "items-start" : "items-center"
           ),
           children: /* @__PURE__ */ s(
-            R.Content,
+            _.Content,
             {
               ref: S,
-              style: C ? { ...C, ...m } : m,
+              style: k ? { ...k, ...m } : m,
               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",
@@ -751,16 +751,16 @@ const Tt = f(
                 t
               ),
               onEscapeKeyDown: (g) => {
-                u == null || u(g), !g.defaultPrevented && (g.preventDefault(), N());
+                u == null || u(g), !g.defaultPrevented && (g.preventDefault(), v());
               },
               onPointerDownOutside: (g) => {
-                c == null || c(g), !g.defaultPrevented && (g.preventDefault(), N());
+                c == null || c(g), !g.defaultPrevented && (g.preventDefault(), v());
               },
-              ...v,
+              ...x,
               children: [
-                r,
-                /* @__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" }),
+                a,
+                /* @__PURE__ */ s(_.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(fe, { className: "size-4" }),
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
                 ] })
               ]
@@ -771,10 +771,10 @@ const Tt = f(
     ] });
   }
 );
-Tt.displayName = "DialogContent";
-function na({
+Mt.displayName = "DialogContent";
+function dr({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
@@ -784,26 +784,26 @@ function na({
         "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
       ),
-      ...r
+      ...a
     }
   );
 }
-function la({
+function cr({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "body",
       className: i("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
-      ...r
+      ...a
     }
   );
 }
-function ia({
+function ur({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
@@ -813,13 +813,13 @@ function ia({
         "flex shrink-0 flex-col gap-1.5 border-b border-(--dialog-panel-border) px-5 py-4",
         t
       ),
-      ...r
+      ...a
     }
   );
 }
-function oa({
+function mr({
   className: t,
-  ...r
+  ...a
 }) {
   return /* @__PURE__ */ e(
     "div",
@@ -829,38 +829,38 @@ function oa({
         "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
       ),
-      ...r
+      ...a
     }
   );
 }
-const Mt = f(({ className: t, ...r }, n) => {
-  const l = W(_e) ? R.Title : "h2";
+const Pt = f(({ className: t, ...a }, n) => {
+  const l = O(Ee) ? _.Title : "h2";
   return /* @__PURE__ */ e(
     l,
     {
       ref: n,
       className: i("text-base font-semibold text-fg", t),
-      ...r
+      ...a
     }
   );
 });
-Mt.displayName = "DialogTitle";
-const sa = f(({ className: t, ...r }, n) => {
-  const l = W(_e) ? R.Description : "p";
+Pt.displayName = "DialogTitle";
+const pr = f(({ className: t, ...a }, n) => {
+  const l = O(Ee) ? _.Description : "p";
   return /* @__PURE__ */ e(
     l,
     {
       ref: n,
       className: i("text-sm text-muted", t),
-      ...r
+      ...a
     }
   );
 });
-sa.displayName = "DialogDescription";
-const Pt = te(null);
-function da({
+pr.displayName = "DialogDescription";
+const It = re(null);
+function fr({
   label: t,
-  value: r,
+  value: a,
   onChange: n,
   disabled: l = !1,
   name: o,
@@ -868,30 +868,30 @@ function da({
   children: u,
   ...c
 }) {
-  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: [
+  const x = he(), b = o ?? x;
+  return /* @__PURE__ */ e(It.Provider, { value: { name: b, value: a, 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
   ] }) });
 }
-function ca({
+function br({
   value: t,
-  title: r,
+  title: a,
   description: n,
   badge: l,
   disabled: o = !1,
   className: m
 }) {
-  const u = W(Pt), c = fe();
+  const u = O(It), c = he();
   if (!u)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
-  const v = o || u.disabled, b = u.value === t;
+  const x = o || u.disabled, b = u.value === t;
   return /* @__PURE__ */ s(
     "label",
     {
       className: i(
         "group relative flex items-start gap-3",
-        v ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        x ? "cursor-not-allowed opacity-50" : "cursor-pointer",
         m
       ),
       children: [
@@ -902,7 +902,7 @@ function ca({
             name: u.name,
             value: t,
             checked: b,
-            disabled: v,
+            disabled: x,
             onChange: () => {
               var h;
               return (h = u.onChange) == null ? void 0 : h.call(u, t);
@@ -924,8 +924,8 @@ function ca({
         ),
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ s("span", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: r }),
-            l ? /* @__PURE__ */ e(Ar, { variant: "primary", children: l }) : null
+            /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: a }),
+            l ? /* @__PURE__ */ e(Ha, { variant: "primary", children: l }) : null
           ] }),
           n ? /* @__PURE__ */ e("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
@@ -933,35 +933,35 @@ function ca({
     }
   );
 }
-function La({
+function qr({
   open: t,
-  onOpenChange: r,
+  onOpenChange: a,
   trigger: n,
   title: l,
   options: o,
   defaultValue: m,
   value: u,
   onValueChange: c,
-  cancelLabel: v = "Cancel",
+  cancelLabel: x = "Cancel",
   confirmLabel: b = "Continue",
   onConfirm: h
 }) {
   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: [
+  const [y, k] = T(m ?? ((S = o[0]) == null ? void 0 : S.value) ?? ""), v = u ?? y;
+  return /* @__PURE__ */ s(or, { open: t, onOpenChange: a, children: [
     n ? /* @__PURE__ */ e(kt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
-      Tt,
+      Mt,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(na, { children: [
-            /* @__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);
+          /* @__PURE__ */ s(dr, { children: [
+            /* @__PURE__ */ e(ur, { children: /* @__PURE__ */ e(Pt, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(cr, { children: /* @__PURE__ */ e(fr, { label: l, value: v, onChange: (g) => {
+              u === void 0 && k(g), c == null || c(g);
             }, children: o.map((g) => /* @__PURE__ */ e(
-              ca,
+              br,
               {
                 value: g.value,
                 title: g.title,
@@ -971,25 +971,25 @@ function La({
               g.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(oa, { className: "gap-3 pt-2.5", children: [
-            /* @__PURE__ */ e(zt, { className: "flex-1", children: v }),
-            /* @__PURE__ */ e(M, { className: "flex-1", onClick: () => h == null ? void 0 : h(N), children: b })
+          /* @__PURE__ */ s(mr, { className: "gap-3 pt-2.5", children: [
+            /* @__PURE__ */ e(Dt, { className: "flex-1", children: x }),
+            /* @__PURE__ */ e(M, { className: "flex-1", onClick: () => h == null ? void 0 : h(v), children: b })
           ] })
         ]
       }
     )
   ] });
 }
-function Aa({ code: t, label: r, className: n }) {
-  const [l, o] = D(!1);
+function Gr({ code: t, label: a, className: n }) {
+  const [l, o] = T(!1);
   return /* @__PURE__ */ e(
-    be,
+    ge,
     {
       className: n,
-      header: /* @__PURE__ */ e("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-table-header", children: r }) }),
+      header: /* @__PURE__ */ e("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-table-header", children: a }) }),
       action: {
         label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ e(ee, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(pt, {}),
+        icon: l ? /* @__PURE__ */ e(ae, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ft, {}),
         variant: "ghost",
         onClick: async () => {
           try {
@@ -1003,27 +1003,27 @@ function Aa({ code: t, label: r, className: n }) {
     }
   );
 }
-const ua = {
+const hr = {
   sm: "h-[var(--control-h-sm)] text-sm",
   md: "h-[var(--control-h-md)] text-sm",
   lg: "h-[var(--control-h-lg)] text-sm",
   xl: "h-[var(--control-h-xl)] rounded-lg text-base"
-}, ma = {
+}, gr = {
   sm: "px-[var(--control-pad-x-sm)]",
   md: "px-[var(--control-pad-x-md)]",
   lg: "px-[var(--control-pad-x-lg)]",
   xl: "px-[var(--control-pad-x-xl)]"
-}, pa = {
+}, xr = {
   sm: "left-[var(--control-pad-x-sm)]",
   md: "left-[var(--control-pad-x-md)]",
   lg: "left-[var(--control-pad-x-lg)]",
   xl: "left-[var(--control-pad-x-xl)]"
-}, mt = {
+}, pt = {
   sm: "right-[var(--control-pad-x-sm)]",
   md: "right-[var(--control-pad-x-md)]",
   lg: "right-[var(--control-pad-x-lg)]",
   xl: "right-[var(--control-pad-x-xl)]"
-}, ze = {
+}, ke = {
   sm: "size-[var(--control-icon-sm)]",
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
@@ -1031,70 +1031,70 @@ const ua = {
 }, Le = f(
   ({
     className: t,
-    containerClassName: r,
+    containerClassName: a,
     type: n = "text",
     size: l = "md",
     leadingIcon: o,
     trailingIcon: m,
     onClear: u,
     value: c,
-    defaultValue: v,
+    defaultValue: x,
     error: b = !1,
     helperText: h,
     id: y,
-    "aria-describedby": C,
-    disabled: N,
-    readOnly: k,
+    "aria-describedby": k,
+    disabled: v,
+    readOnly: D,
     ...S
   }, g) => {
-    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(
+    const j = he(), I = y ?? j, A = !!h, $ = !!(u && (c !== void 0 ? String(c).length > 0 : x !== void 0 && String(x).length > 0)), ne = A ? `${I}-description` : void 0, U = [k, ne].filter(Boolean).join(" ") || void 0, le = /* @__PURE__ */ e(
       "input",
       {
         ref: g,
-        id: j,
+        id: I,
         type: n,
-        disabled: N,
-        readOnly: k,
+        disabled: v,
+        readOnly: D,
         "aria-invalid": b || void 0,
-        "aria-describedby": ge,
-        style: o || m || F ? {
+        "aria-describedby": U,
+        style: o || m || $ ? {
           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
+          paddingInlineEnd: m || $ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
         } : void 0,
         className: i(
           "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
-          ua[l],
-          ma[l],
+          hr[l],
+          gr[l],
           "placeholder:text-(--input-placeholder)",
           "hover:border-(--input-border-hover)",
           "focus-visible:outline-none focus-visible:border-(--input-border-focus) focus-visible:ring-2 focus-visible:ring-focus/30",
           b && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
           !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)",
-          k && "cursor-default focus-visible:ring-0",
+          v && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          D && "cursor-default focus-visible:ring-0",
           t
         ),
         value: c,
-        defaultValue: v,
+        defaultValue: x,
         ...S
       }
     );
-    return !o && !m && !F && !O ? re : /* @__PURE__ */ s("div", { className: i("w-full", r), children: [
+    return !o && !m && !$ && !A ? le : /* @__PURE__ */ s("div", { className: i("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
         o ? /* @__PURE__ */ e(
           "span",
           {
             className: i(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              pa[l]
+              xr[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ze[l]), children: o })
+            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ke[l]), children: o })
           }
         ) : null,
-        re,
-        F ? /* @__PURE__ */ e(
+        le,
+        $ ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -1102,26 +1102,26 @@ const ua = {
             onClick: u,
             className: i(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
-              mt[l]
+              pt[l]
             ),
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ze[l]), children: /* @__PURE__ */ e(ue, {}) })
+            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ke[l]), children: /* @__PURE__ */ e(fe, {}) })
           }
         ) : m ? /* @__PURE__ */ e(
           "span",
           {
             className: i(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              mt[l]
+              pt[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ze[l]), children: m })
+            children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", ke[l]), children: m })
           }
         ) : null
       ] }),
-      O ? /* @__PURE__ */ e(
+      A ? /* @__PURE__ */ e(
         "p",
         {
-          id: $,
+          id: ne,
           className: i("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
           children: h
         }
@@ -1130,45 +1130,45 @@ const ua = {
   }
 );
 Le.displayName = "Input";
-function Ae(t, r) {
+function Ae(t, a) {
   let n = 0;
-  return bt.forEach(t, (l) => {
-    if (!ht(l)) return;
-    if (r.some((m) => m === l.type)) {
+  return ht.forEach(t, (l) => {
+    if (!gt(l)) return;
+    if (a.some((m) => m === l.type)) {
       n += 1;
       return;
     }
     const o = l.props.children;
-    o && (n += Ae(o, r));
+    o && (n += Ae(o, a));
   }), n;
 }
-const It = te(!1);
+const Rt = re(!1);
 function De({
   children: t,
-  ...r
+  ...a
 }) {
   const n = Ae(t, [
-    pe,
-    Y,
-    jt
+    be,
+    ee,
+    _t
   ]) === 0;
-  return /* @__PURE__ */ e(It.Provider, { value: n, children: /* @__PURE__ */ e(T.Root, { ...r, children: t }) });
+  return /* @__PURE__ */ e(Rt.Provider, { value: n, children: /* @__PURE__ */ e(P.Root, { ...a, children: t }) });
 }
-const se = f(({ className: t, disabled: r, ...n }, l) => {
-  const o = W(It);
+const ue = f(({ className: t, disabled: a, ...n }, l) => {
+  const o = O(Rt);
   return /* @__PURE__ */ e(
-    T.Trigger,
+    P.Trigger,
     {
       ref: l,
       className: i("group", t),
-      disabled: r || o,
+      disabled: a || o,
       ...n
     }
   );
 });
-se.displayName = "DropdownMenuTrigger";
-const Rt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  me,
+ue.displayName = "DropdownMenuTrigger";
+const jt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Y,
   {
     ref: n,
     "aria-hidden": !0,
@@ -1176,15 +1176,15 @@ const Rt = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       "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
     ),
-    ...r
+    ...a
   }
 ));
-Rt.displayName = "DropdownMenuChevron";
-const Ba = T.Group, Fa = T.Portal, de = f(({ className: t, sideOffset: r = 8, ...n }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
-  T.Content,
+jt.displayName = "DropdownMenuChevron";
+const Hr = P.Group, Vr = P.Portal, me = f(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
+  P.Content,
   {
     ref: l,
-    sideOffset: r,
+    sideOffset: a,
     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",
@@ -1198,24 +1198,24 @@ const Ba = T.Group, Fa = T.Portal, de = f(({ className: t, sideOffset: r = 8, ..
     ...n
   }
 ) }));
-de.displayName = "DropdownMenuContent";
-const pe = f(({ className: t, inset: r, ...n }, l) => /* @__PURE__ */ e(
-  T.Item,
+me.displayName = "DropdownMenuContent";
+const be = f(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
+  P.Item,
   {
     ref: l,
     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",
-      r && "pl-8",
+      a && "pl-8",
       t
     ),
     ...n
   }
 ));
-pe.displayName = "DropdownMenuItem";
-const Y = f(({ className: t, children: r, checked: n, ...l }, o) => /* @__PURE__ */ s(
-  T.CheckboxItem,
+be.displayName = "DropdownMenuItem";
+const ee = f(({ className: t, children: a, checked: n, ...l }, o) => /* @__PURE__ */ s(
+  P.CheckboxItem,
   {
     ref: o,
     className: i(
@@ -1225,42 +1225,42 @@ const Y = f(({ className: t, children: r, checked: n, ...l }, o) => /* @__PURE__
     checked: n,
     ...l,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 shrink-0 items-center justify-center rounded border border-line-strong bg-transparent transition-colors group-data-[state=checked]:border-primary", children: /* @__PURE__ */ e(T.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ e(ee, { className: "size-3", weight: "bold" }) }) }),
-      r
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 shrink-0 items-center justify-center rounded border border-line-strong bg-transparent transition-colors group-data-[state=checked]:border-primary", children: /* @__PURE__ */ e(P.ItemIndicator, { className: "btn-fill btn-inner-border flex size-full items-center justify-center rounded-[3px] border-0 bg-(--button-primary-bg) text-(--button-primary-fg) [--button-inner:var(--button-primary-inner)]", children: /* @__PURE__ */ e(ae, { className: "size-3", weight: "bold" }) }) }),
+      a
     ]
   }
 ));
-Y.displayName = "DropdownMenuCheckboxItem";
-const ce = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  T.Label,
+ee.displayName = "DropdownMenuCheckboxItem";
+const pe = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  P.Label,
   {
     ref: n,
     className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
-    ...r
+    ...a
   }
 ));
-ce.displayName = "DropdownMenuLabel";
-const $a = T.Sub, jt = f(({ className: t, inset: r, children: n, ...l }, o) => /* @__PURE__ */ s(
-  T.SubTrigger,
+pe.displayName = "DropdownMenuLabel";
+const Wr = P.Sub, _t = f(({ className: t, inset: a, children: n, ...l }, o) => /* @__PURE__ */ s(
+  P.SubTrigger,
   {
     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",
-      r && "pl-8",
+      a && "pl-8",
       t
     ),
     ...l,
     children: [
       n,
-      /* @__PURE__ */ e(ft, { className: "ml-auto shrink-0" })
+      /* @__PURE__ */ e(bt, { className: "ml-auto shrink-0" })
     ]
   }
 ));
-jt.displayName = "DropdownMenuSubTrigger";
-const fa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  T.SubContent,
+_t.displayName = "DropdownMenuSubTrigger";
+const vr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  P.SubContent,
   {
     ref: n,
     sideOffset: 8,
@@ -1274,30 +1274,30 @@ const fa = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
       "duration-150 ease-out",
       t
     ),
-    ...r
+    ...a
   }
 ));
-fa.displayName = "DropdownMenuSubContent";
-const Pe = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  T.Separator,
+vr.displayName = "DropdownMenuSubContent";
+const Pe = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  P.Separator,
   {
     ref: n,
     className: i("-mx-1 my-1 h-px bg-line-strong", t),
-    ...r
+    ...a
   }
 ));
 Pe.displayName = "DropdownMenuSeparator";
-const qa = P.Group, Et = P.Value;
-function _t({
+const Or = R.Group, Et = R.Value;
+function Lt({
   children: t,
-  disabled: r,
+  disabled: a,
   ...n
 }) {
-  const l = Ae(t, [he]) === 0;
-  return /* @__PURE__ */ e(P.Root, { disabled: r || l, ...n, children: t });
+  const l = Ae(t, [xe]) === 0;
+  return /* @__PURE__ */ e(R.Root, { disabled: a || l, ...n, children: t });
 }
-const Be = f(({ className: t, children: r, variant: n = "field", ...l }, o) => /* @__PURE__ */ s(
-  P.Trigger,
+const Be = f(({ className: t, children: a, variant: n = "field", ...l }, o) => /* @__PURE__ */ s(
+  R.Trigger,
   {
     ref: o,
     className: i(
@@ -1311,15 +1311,15 @@ const Be = f(({ className: t, children: r, variant: n = "field", ...l }, o) => /
     ),
     ...l,
     children: [
-      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-left", children: r }),
-      /* @__PURE__ */ e(P.Icon, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ e(me, { className: "size-3.5 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) }) })
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
+      /* @__PURE__ */ e(R.Icon, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ e(Y, { className: "size-3.5 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) }) })
     ]
   }
 ));
 Be.displayName = "SelectTrigger";
 const Fe = f(
-  ({ className: t, children: r, position: n = "popper", sideOffset: l = 8, ...o }, m) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
-    P.Content,
+  ({ className: t, children: a, position: n = "popper", sideOffset: l = 8, ...o }, m) => /* @__PURE__ */ e(R.Portal, { children: /* @__PURE__ */ e(
+    R.Content,
     {
       ref: m,
       position: n,
@@ -1335,13 +1335,13 @@ const Fe = f(
         t
       ),
       ...o,
-      children: /* @__PURE__ */ e(P.Viewport, { className: "p-0", children: r })
+      children: /* @__PURE__ */ e(R.Viewport, { className: "p-0", children: a })
     }
   ) })
 );
 Fe.displayName = "SelectContent";
-const he = f(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
-  P.Item,
+const xe = f(({ className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
+  R.Item,
   {
     ref: l,
     className: i(
@@ -1350,24 +1350,24 @@ const he = f(({ className: t, children: r, ...n }, l) => /* @__PURE__ */ s(
     ),
     ...n,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(P.ItemIndicator, { children: /* @__PURE__ */ e(ee, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ e(P.ItemText, { children: r })
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(R.ItemIndicator, { children: /* @__PURE__ */ e(ae, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(R.ItemText, { children: a })
     ]
   }
 ));
-he.displayName = "SelectItem";
-const ba = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  P.Label,
+xe.displayName = "SelectItem";
+const Nr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  R.Label,
   {
     ref: n,
     className: i("px-2 py-1.5 text-xs font-medium text-subtle", t),
-    ...r
+    ...a
   }
 ));
-ba.displayName = "SelectLabel";
-function ha({
+Nr.displayName = "SelectLabel";
+function yr({
   icon: t,
-  title: r,
+  title: a,
   description: n,
   action: l,
   className: o
@@ -1382,7 +1382,7 @@ function ha({
       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,
         /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: r }),
+          /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: a }),
           n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: n }) : null
         ] }),
         l ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
@@ -1390,174 +1390,180 @@ function ha({
     }
   );
 }
-const ga = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium text-table-header";
-function xa(t) {
-  return t.split(/\s+/).slice(0, 2).map((r) => {
+const wr = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium text-table-header";
+function Cr(t) {
+  return t.split(/\s+/).slice(0, 2).map((a) => {
     var n;
-    return ((n = r[0]) == null ? void 0 : n.toUpperCase()) ?? "";
+    return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function Ga({
+function Ur({
   name: t,
-  secondary: r,
+  secondary: a,
   image: n
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ s(xt, { className: "size-8", children: [
-      n ? /* @__PURE__ */ e(vt, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ e(Nt, { children: xa(t) })
+    /* @__PURE__ */ s(vt, { className: "size-8", children: [
+      n ? /* @__PURE__ */ e(Nt, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e(yt, { children: Cr(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
-      r ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-table-muted", children: r }) : null
+      a ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-table-muted", children: a }) : null
     ] })
   ] });
 }
-function Ha({
+function Xr({
   rows: t,
-  columns: r,
+  columns: a,
   getRowId: n,
   loading: l = !1,
   error: o,
   empty: m,
   search: u,
   filters: c,
-  toolbarStart: v,
+  toolbarStart: x,
   toolbarEnd: b,
   columnPicker: h = !0,
   tabs: y,
-  activeTab: C,
-  onTabChange: N,
-  infoBanner: k,
+  activeTab: k,
+  onTabChange: v,
+  infoBanner: D,
   selectable: S = !1,
   bulkActions: g,
-  rowActions: I,
-  onRowClick: j,
-  defaultSort: O,
-  sort: F,
-  onSortChange: $,
-  pageSize: ge = 25,
-  pageSizeOptions: re = [10, 25, 50, 100],
-  pagination: Lt = "auto",
-  tone: At,
-  title: Bt,
-  description: Ft,
-  headerAction: $t,
-  headerClassName: qt,
-  panelClassName: Gt,
-  className: Ht
+  rowActions: j,
+  renderExpanded: I,
+  onRowClick: A,
+  defaultSort: $,
+  sort: ne,
+  onSortChange: U,
+  pageSize: le = 25,
+  pageSizeOptions: At = [10, 25, 50, 100],
+  pagination: Bt = "auto",
+  tone: Ft,
+  title: $t,
+  description: qt,
+  headerAction: Gt,
+  headerClassName: Ht,
+  panelClassName: Vt,
+  className: Wt
 }) {
-  const [$e, qe] = D(
+  const [$e, qe] = T(
     () => Object.fromEntries(
-      r.filter((a) => a.defaultHidden && !a.required).map((a) => [a.id, !0])
+      a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [Ge, He] = D(null), [xe, Ve] = D(null), [Vt, Wt] = D(
-    O ?? null
-  ), w = $ ? F ?? null : Vt, Ot = (a) => {
-    $ ? $(a) : Wt(a);
-  }, [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;
-      return Ir(z, z.indexOf(a), z.indexOf(d));
+  ), [Ge, He] = T(null), [ve, Ve] = T(null), [Ot, Ut] = T(
+    $ ?? null
+  ), w = U ? ne ?? null : Ot, Xt = (r) => {
+    U ? U(r) : Ut(r);
+  }, [X, ie] = T(0), [B, Jt] = T(le), [q, Ne] = T(/* @__PURE__ */ new Set()), [Kt, Qt] = T(/* @__PURE__ */ new Set()), Yt = (r) => {
+    Qt((d) => {
+      const p = new Set(d);
+      return p.has(r) ? p.delete(r) : p.add(r), p;
+    });
+  }, [Zt, ye] = T([]), We = a.map((r) => r.id), Oe = new Map(a.map((r) => [r.id, r])), Ue = Ge ? Ge.map((r) => Oe.get(r)).filter((r) => !!r) : a, G = Ue.filter((r) => !$e[r.id]), Xe = Ue.filter((r) => $e[r.id] && !r.required), Je = (r) => !!r.required, ea = (r) => Oe.get(r), ta = (r, d) => {
+    const p = d ? ea(d) : void 0;
+    !p || Je(p) || r === d || He((N) => {
+      const z = N ?? We;
+      return Aa(z, z.indexOf(r), z.indexOf(d));
     });
-  }, Qt = (a) => {
-    qe((d) => ({ ...d, [a]: !1 })), He((d) => d && d.includes(a) ? d : [...d ?? We, a]);
-  }, ye = (c ?? []).filter((a) => Xt.includes(a.id)), Yt = (c ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), ne = ot(() => {
-    let a = t;
+  }, aa = (r) => {
+    qe((d) => ({ ...d, [r]: !1 })), He((d) => d && d.includes(r) ? d : [...d ?? We, r]);
+  }, we = (c ?? []).filter((r) => Zt.includes(r.id)), ra = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), oe = ot(() => {
+    let r = t;
     for (const p of c ?? [])
-      p.value.length > 0 && (a = a.filter((x) => p.match(x, p.value)));
-    if (!u || !u.value.trim()) return a;
+      p.value.length > 0 && (r = r.filter((N) => p.match(N, p.value)));
+    if (!u || !u.value.trim()) return r;
     const d = u.value.trim().toLowerCase();
-    return a.filter((p) => u.keys(p).toLowerCase().includes(d));
-  }, [t, u, c]), G = ot(() => {
-    if (!w) return ne;
-    const a = r.find((p) => p.id === w.id);
-    if (!(a != null && a.sortValue)) return ne;
+    return r.filter((p) => u.keys(p).toLowerCase().includes(d));
+  }, [t, u, c]), H = ot(() => {
+    if (!w) return oe;
+    const r = a.find((p) => p.id === w.id);
+    if (!(r != null && r.sortValue)) return oe;
     const d = w.dir === "asc" ? 1 : -1;
-    return [...ne].sort((p, x) => {
-      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;
+    return [...oe].sort((p, N) => {
+      const z = r.sortValue(p), C = r.sortValue(N);
+      return z == null && C == null ? 0 : z == null ? 1 : C == null ? -1 : typeof z == "number" && typeof C == "number" ? (z - C) * d : String(z).localeCompare(String(C)) * d;
     });
-  }, [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, 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 * A, B = G.slice(le, le + A), er = (a) => {
-    if (!a.sortable) return;
+  }, [oe, w, a]), J = Math.max(1, Math.ceil(H.length / B)), na = !l && !o && H.length > 0 && (Bt === "always" || H.length > B);
+  Z(() => {
+    ie(0);
+  }, [u == null ? void 0 : u.value, B, w == null ? void 0 : w.id, w == null ? void 0 : w.dir, k, ra]), Z(() => {
+    X > J - 1 && ie(J - 1);
+  }, [X, J]);
+  const se = X * B, F = H.slice(se, se + B), la = (r) => {
+    if (!r.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" }
+    Xt(
+      (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, 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 ? B.forEach((p) => d.delete(n(p))) : B.forEach((p) => d.add(n(p))), d;
+  }, Ke = F.length > 0 && F.every((r) => q.has(n(r))), ia = F.some((r) => q.has(n(r))), oa = t.filter((r) => q.has(n(r))), sa = () => {
+    Ne((r) => {
+      const d = new Set(r);
+      return Ke ? F.forEach((p) => d.delete(n(p))) : F.forEach((p) => d.add(n(p))), d;
     });
-  }, nr = (a) => {
-    ve((d) => {
+  }, da = (r) => {
+    Ne((d) => {
       const p = new Set(d);
-      return p.has(a) ? p.delete(a) : p.add(a), p;
+      return p.has(r) ? p.delete(r) : p.add(r), 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 = _(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)`);
+  }, ca = !!(u || c != null && c.length || x || b), ua = (r) => (w == null ? void 0 : w.id) === r.id ? w.dir === "asc" ? "ascending" : "descending" : void 0, Qe = E(null), Ye = E(null), Ze = E(null), et = E(null), [V, Ce] = T([]), ma = G.map((r) => r.id).join("\0"), de = `${S ? "s" : "-"}|${j ? "a" : "-"}|${I ? "e" : "-"}|${ma}`, tt = E(de), pa = V.length > 0, Se = xt(() => {
+    const r = Ze.current, d = et.current;
+    r && d && (r.style.transform = `translateX(${-d.scrollLeft}px)`);
   }, []);
-  kr(() => {
-    const a = Qe.current;
-    if (!a) return;
-    if (tt.current !== ie) {
-      tt.current = ie, we((x) => x.length === 0 ? x : []);
+  Pa(() => {
+    const r = Qe.current;
+    if (!r) return;
+    if (tt.current !== de) {
+      tt.current = de, Ce((N) => N.length === 0 ? N : []);
       return;
     }
     const d = () => {
-      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((L) => L.length === 0 ? L : []);
+      var at, rt, nt;
+      const N = (rt = (at = r.tBodies[0]) == null ? void 0 : at.rows.item(0)) == null ? void 0 : rt.cells;
+      if (!N || N.length === 0) {
+        Ce((L) => L.length === 0 ? L : []);
         return;
       }
-      const z = (nt = Ye.current) == null ? void 0 : nt.querySelectorAll("thead th"), E = Array.from(
-        x,
-        (L, Se) => {
-          var oe, lt;
+      const z = (nt = Ye.current) == null ? void 0 : nt.querySelectorAll("thead th"), C = Array.from(
+        N,
+        (L, ze) => {
+          var ce, lt;
           return Math.max(
             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
+            ((lt = (ce = z == null ? void 0 : z.item(ze)) == null ? void 0 : ce.querySelector("[data-col-sizer]")) == null ? void 0 : lt.getBoundingClientRect().width) ?? 0
           );
         }
       );
-      we(
-        (L) => L.length === E.length && L.every((Se, oe) => Se === E[oe]) ? L : E
+      Ce(
+        (L) => L.length === C.length && L.every((ze, ce) => ze === C[ce]) ? L : C
       );
     };
-    if (d(), Ce(), typeof ResizeObserver > "u") return;
+    if (d(), Se(), typeof ResizeObserver > "u") return;
     const p = new ResizeObserver(d);
-    return p.observe(a), () => p.disconnect();
-  }, [ie, sr, l, o, Ce]);
-  const K = H.reduce((a, d) => a + d, 0);
-  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 p.observe(r), () => p.disconnect();
+  }, [de, pa, l, o, Se]);
+  const K = V.reduce((r, d) => r + d, 0);
+  return /* @__PURE__ */ s("div", { className: i("space-y-4", Wt), children: [
+    y && y.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: y.map((r) => {
+      const d = r.id === k;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           role: "tab",
           "aria-selected": d,
-          onClick: () => N == null ? void 0 : N(a.id),
+          onClick: () => v == null ? void 0 : v(r.id),
           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"
           ),
-          children: a.label
+          children: r.label
         },
-        a.id
+        r.id
       );
     }) }),
-    lr && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+    ca && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       u && /* @__PURE__ */ e(
         Le,
         {
@@ -1565,31 +1571,31 @@ function Ha({
           "aria-label": u.placeholder ?? "Search",
           placeholder: u.placeholder ?? "Search...",
           value: u.value,
-          onChange: (a) => u.onChange(a.target.value),
+          onChange: (r) => u.onChange(r.target.value),
           onClear: () => u.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(gr, {}),
+          leadingIcon: /* @__PURE__ */ e(wa, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
-      v,
+      x,
       h && /* @__PURE__ */ s(De, { children: [
-        /* @__PURE__ */ e(se, { asChild: !0, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(ue, { asChild: !0, children: /* @__PURE__ */ e(
           M,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(xr, {}),
-            trailingIcon: /* @__PURE__ */ e(Rt, {}),
+            leadingIcon: /* @__PURE__ */ e(Ca, {}),
+            trailingIcon: /* @__PURE__ */ e(jt, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ s(de, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ e(ce, { className: "text-[13px]", children: "Active columns" }),
-          X.map((a) => {
-            const d = Je(a);
+        /* @__PURE__ */ s(me, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ e(pe, { className: "text-[13px]", children: "Active columns" }),
+          G.map((r) => {
+            const d = Je(r);
             return /* @__PURE__ */ s(
-              Y,
+              ee,
               {
                 checked: !0,
                 draggable: !d,
@@ -1598,53 +1604,53 @@ function Ha({
                     p.preventDefault();
                     return;
                   }
-                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", a.id), Ve(a.id);
+                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), Ve(r.id);
                 },
                 onDragOver: (p) => {
-                  xe && (p.preventDefault(), Kt(xe, a.id));
+                  ve && (p.preventDefault(), ta(ve, r.id));
                 },
                 onDrop: (p) => p.preventDefault(),
                 onDragEnd: () => Ve(null),
                 onCheckedChange: (p) => {
-                  !p && !d && qe((x) => ({ ...x, [a.id]: !0 }));
+                  !p && !d && qe((N) => ({ ...N, [r.id]: !0 }));
                 },
                 onSelect: (p) => p.preventDefault(),
                 className: "justify-between",
                 children: [
-                  /* @__PURE__ */ e("span", { className: "truncate", children: a.header }),
-                  d ? /* @__PURE__ */ e(vr, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
-                    Nr,
+                  /* @__PURE__ */ e("span", { className: "truncate", children: r.header }),
+                  d ? /* @__PURE__ */ e(Sa, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
+                    za,
                     {
                       "aria-hidden": !0,
                       className: i(
                         "size-3.5 shrink-0",
-                        xe === a.id ? "text-primary" : "text-subtle"
+                        ve === r.id ? "text-primary" : "text-subtle"
                       )
                     }
                   )
                 ]
               },
-              a.id
+              r.id
             );
           }),
           Xe.length > 0 ? /* @__PURE__ */ s(Ie, { children: [
             /* @__PURE__ */ e(Pe, {}),
-            /* @__PURE__ */ e(ce, { className: "text-[13px]", children: "Available columns" }),
-            Xe.map((a) => /* @__PURE__ */ e(
-              Y,
+            /* @__PURE__ */ e(pe, { className: "text-[13px]", children: "Available columns" }),
+            Xe.map((r) => /* @__PURE__ */ e(
+              ee,
               {
                 checked: !1,
-                onCheckedChange: () => Qt(a.id),
+                onCheckedChange: () => aa(r.id),
                 onSelect: (d) => d.preventDefault(),
-                children: a.header
+                children: r.header
               },
-              a.id
+              r.id
             ))
           ] }) : null
         ] })
       ] }),
       c && c.length > 0 ? /* @__PURE__ */ s(De, { children: [
-        /* @__PURE__ */ e(se, { asChild: !0, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(ue, { asChild: !0, children: /* @__PURE__ */ e(
           M,
           {
             variant: "secondary",
@@ -1654,23 +1660,23 @@ function Ha({
             children: /* @__PURE__ */ e(it, {})
           }
         ) }),
-        /* @__PURE__ */ e(de, { align: "start", className: "w-54", children: c.map((a) => /* @__PURE__ */ e(
-          pe,
+        /* @__PURE__ */ e(me, { align: "start", className: "w-54", children: c.map((r) => /* @__PURE__ */ e(
+          be,
           {
-            onSelect: () => Ne(
-              (d) => d.includes(a.id) ? d : [...d, a.id]
+            onSelect: () => ye(
+              (d) => d.includes(r.id) ? d : [...d, r.id]
             ),
-            children: a.label
+            children: r.label
           },
-          a.id
+          r.id
         )) })
       ] }) : null,
       b ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto", children: b }) : null
     ] }),
-    ye.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      ye.map((a) => {
+    we.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      we.map((r) => {
         const d = () => {
-          a.onChange([]), Ne((p) => p.filter((x) => x !== a.id));
+          r.onChange([]), ye((p) => p.filter((N) => N !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
@@ -1679,33 +1685,33 @@ function Ha({
               variant: "secondary",
               size: "md",
               iconOnly: !0,
-              "aria-label": `Remove ${a.label} filter`,
+              "aria-label": `Remove ${r.label} filter`,
               className: "rounded-r-none",
               onClick: d,
-              children: /* @__PURE__ */ e(ue, {})
+              children: /* @__PURE__ */ e(fe, {})
             }
           ),
           /* @__PURE__ */ s(De, { children: [
-            /* @__PURE__ */ e(se, { asChild: !0, children: /* @__PURE__ */ s(M, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+            /* @__PURE__ */ e(ue, { asChild: !0, children: /* @__PURE__ */ s(M, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
               /* @__PURE__ */ e(it, {}),
-              /* @__PURE__ */ e("span", { className: "font-medium", children: a.label }),
+              /* @__PURE__ */ e("span", { className: "font-medium", children: r.label }),
               /* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
-              /* @__PURE__ */ e("span", { className: "text-muted", children: a.value.length > 0 ? `${a.value.length} selected` : "Enter value" }),
-              /* @__PURE__ */ e(me, { className: "text-muted" })
+              /* @__PURE__ */ e("span", { className: "text-muted", children: r.value.length > 0 ? `${r.value.length} selected` : "Enter value" }),
+              /* @__PURE__ */ e(Y, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ s(de, { align: "start", className: "w-56", children: [
-              /* @__PURE__ */ s(ce, { className: "text-[13px]", children: [
+            /* @__PURE__ */ s(me, { align: "start", className: "w-56", children: [
+              /* @__PURE__ */ s(pe, { className: "text-[13px]", children: [
                 "Filter by ",
-                a.label
+                r.label
               ] }),
-              a.options.map((p) => {
-                const x = a.value.includes(p.value);
+              r.options.map((p) => {
+                const N = r.value.includes(p.value);
                 return /* @__PURE__ */ e(
-                  Y,
+                  ee,
                   {
-                    checked: x,
-                    onCheckedChange: () => a.onChange(
-                      x ? a.value.filter((z) => z !== p.value) : [...a.value, p.value]
+                    checked: N,
+                    onCheckedChange: () => r.onChange(
+                      N ? r.value.filter((z) => z !== p.value) : [...r.value, p.value]
                     ),
                     onSelect: (z) => z.preventDefault(),
                     children: p.label
@@ -1714,68 +1720,68 @@ function Ha({
                 );
               }),
               /* @__PURE__ */ e(Pe, {}),
-              /* @__PURE__ */ e(pe, { onSelect: d, children: "Clear filter" })
+              /* @__PURE__ */ e(be, { onSelect: d, children: "Clear filter" })
             ] })
           ] })
-        ] }, a.id);
+        ] }, r.id);
       }),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           onClick: () => {
-            for (const a of ye) a.onChange([]);
-            Ne([]);
+            for (const r of we) r.onChange([]);
+            ye([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
           children: "Clear filters"
         }
       )
     ] }) : null,
-    k,
+    D,
     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"
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (g ?? []).map((a) => /* @__PURE__ */ s(
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (g ?? []).map((r) => /* @__PURE__ */ s(
         M,
         {
           size: "md",
-          variant: a.variant ?? "outline",
-          disabled: a.disabled,
-          onClick: () => void a.onRun(rr),
+          variant: r.variant ?? "outline",
+          disabled: r.disabled,
+          onClick: () => void r.onRun(oa),
           children: [
-            a.icon,
-            a.label
+            r.icon,
+            r.label
           ]
         },
-        a.label
+        r.label
       )) }),
       /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: () => ve(/* @__PURE__ */ new Set()),
+          onClick: () => Ne(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ e(ue, { className: "size-3.5" }),
+            /* @__PURE__ */ e(fe, { className: "size-3.5" }),
             "Clear"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      be,
+      ge,
       {
         scrollMode: "panel",
         headerContentRef: Ze,
-        action: $t,
-        tone: At,
-        title: Bt,
-        description: Ft,
-        headerClassName: qt,
-        panelClassName: Gt,
+        action: Gt,
+        tone: Ft,
+        title: $t,
+        description: qt,
+        headerClassName: Ht,
+        panelClassName: Vt,
         header: (
           // Visible header band. Presentational (aria-sort lives on the body's
           // sr-only thead); widths are pinned to the measured body columns and
@@ -1793,65 +1799,66 @@ function Ha({
                 visibility: K > 0 ? void 0 : "hidden"
               },
               children: [
-                /* @__PURE__ */ e("colgroup", { children: H.map((a, d) => /* @__PURE__ */ e("col", { style: { width: a } }, d)) }),
+                /* @__PURE__ */ e("colgroup", { children: V.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
                 /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
                   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",
-                      checked: Ke ? !0 : tr ? "indeterminate" : !1,
-                      onCheckedChange: ar
+                      checked: Ke ? !0 : ia ? "indeterminate" : !1,
+                      onCheckedChange: sa
                     }
                   ) }),
-                  X.map((a) => /* @__PURE__ */ e(
+                  I && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-9 px-1.5" }),
+                  G.map((r) => /* @__PURE__ */ e(
                     "th",
                     {
-                      className: i(ga, a.align === "right" && "text-right", a.className),
+                      className: i(wr, r.align === "right" && "text-right", r.className),
                       children: /* @__PURE__ */ e(
                         "span",
                         {
                           "data-col-sizer": !0,
                           className: "inline-block whitespace-nowrap px-(--table-pad-x) -mx-(--table-pad-x)",
-                          children: a.sortable ? /* @__PURE__ */ s(
+                          children: r.sortable ? /* @__PURE__ */ s(
                             M,
                             {
                               type: "button",
                               variant: "ghost",
                               size: "xs",
-                              "aria-label": `Sort by ${a.header}`,
-                              onClick: () => er(a),
+                              "aria-label": `Sort by ${r.header}`,
+                              onClick: () => la(r),
                               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",
-                                (w == null ? void 0 : w.id) === a.id && "text-table-header-active"
+                                (w == null ? void 0 : w.id) === r.id && "text-table-header-active"
                               ),
                               children: [
-                                a.header,
-                                (w == null ? void 0 : w.id) === a.id ? w.dir === "asc" ? /* @__PURE__ */ e(wr, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(me, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Cr, { className: "size-3.5 opacity-50" })
+                                r.header,
+                                (w == null ? void 0 : w.id) === r.id ? w.dir === "asc" ? /* @__PURE__ */ e(Da, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Y, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Ta, { className: "size-3.5 opacity-50" })
                               ]
                             }
-                          ) : a.header
+                          ) : r.header
                         }
                       )
                     },
-                    a.id
+                    r.id
                   )),
-                  I && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+                  j && /* @__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)) }) : 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" }) }),
+        children: /* @__PURE__ */ e("div", { ref: et, className: "overflow-x-auto", onScroll: Se, children: l ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((r) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, r)) }) : 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(ka, { weight: "duotone" }) }),
           /* @__PURE__ */ s("div", { className: "space-y-2", children: [
             /* @__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
           ] }),
           o.action
-        ] }) : B.length === 0 ? /* @__PURE__ */ e(
-          ha,
+        ] }) : F.length === 0 ? /* @__PURE__ */ e(
+          yr,
           {
             icon: m == null ? void 0 : m.icon,
             title: (m == null ? void 0 : m.title) ?? "No results",
@@ -1869,74 +1876,106 @@ function Ha({
               // Measured: fill the container, pinned to the band's colgroup
               // pixel widths; minWidth forces the shared scroller open only
               // when the columns need more room than the container has.
-              H.length > 0 ? "w-full table-fixed" : "table-auto"
+              V.length > 0 ? "w-full table-fixed" : "table-auto"
             ),
             style: { minWidth: K > 0 ? K : void 0 },
             children: [
-              H.length > 0 && /* @__PURE__ */ e("colgroup", { children: H.map((a, d) => /* @__PURE__ */ e("col", { style: { width: a } }, d)) }),
+              V.length > 0 && /* @__PURE__ */ e("colgroup", { children: V.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
               /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
                 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)),
-                I && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
+                I && /* @__PURE__ */ e("th", { scope: "col", children: "Details" }),
+                G.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": ua(r), children: r.header }, r.id)),
+                j && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
               ] }) }),
-              /* @__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: j ? () => j(a) : void 0,
-                    className: j ? "cursor-pointer" : void 0,
-                    children: [
-                      S && /* @__PURE__ */ e(ke, { className: "w-11", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
-                        Te,
-                        {
-                          "aria-label": "Select row",
-                          checked: p,
-                          onCheckedChange: () => nr(d)
-                        }
-                      ) }),
-                      X.map((x) => /* @__PURE__ */ e(
-                        ke,
-                        {
-                          "data-numeric": x.numeric ? "" : void 0,
-                          className: i(x.align === "right" && "text-right", x.className),
-                          children: x.cell(a)
-                        },
-                        x.id
-                      )),
-                      I && /* @__PURE__ */ e(
-                        ke,
-                        {
-                          className: "w-44 px-4 text-right",
-                          onClick: (x) => {
-                            x.target.closest("button, a, input, [role='menuitem']") && x.stopPropagation();
+              /* @__PURE__ */ e(Ua, { children: F.map((r) => {
+                const d = n(r), p = q.has(d), N = Kt.has(d), z = G.length + (S ? 1 : 0) + (I ? 1 : 0) + (j ? 1 : 0);
+                return /* @__PURE__ */ s(Ia, { children: [
+                  /* @__PURE__ */ s(
+                    dt,
+                    {
+                      "data-state": p ? "selected" : void 0,
+                      onClick: A ? () => A(r) : void 0,
+                      className: A ? "cursor-pointer" : void 0,
+                      children: [
+                        S && /* @__PURE__ */ e(Q, { className: "w-11", onClick: (C) => C.stopPropagation(), children: /* @__PURE__ */ e(
+                          Te,
+                          {
+                            "aria-label": "Select row",
+                            checked: p,
+                            onCheckedChange: () => da(d)
+                          }
+                        ) }),
+                        I && /* @__PURE__ */ e(Q, { className: "w-9 px-1.5", onClick: (C) => C.stopPropagation(), children: /* @__PURE__ */ e(
+                          M,
+                          {
+                            type: "button",
+                            variant: "ghost",
+                            size: "icon",
+                            className: "size-7",
+                            "aria-label": N ? "Collapse row" : "Expand row",
+                            "aria-expanded": N,
+                            onClick: () => Yt(d),
+                            children: /* @__PURE__ */ e(
+                              Y,
+                              {
+                                className: i(
+                                  "size-3.5 text-muted transition-transform motion-safe:duration-200",
+                                  N ? "" : "-rotate-90"
+                                ),
+                                weight: "bold"
+                              }
+                            )
+                          }
+                        ) }),
+                        G.map((C) => /* @__PURE__ */ e(
+                          Q,
+                          {
+                            "data-numeric": C.numeric ? "" : void 0,
+                            className: i(C.align === "right" && "text-right", C.className),
+                            children: C.cell(r)
                           },
-                          children: I(a)
-                        }
-                      )
-                    ]
-                  },
-                  d
-                );
+                          C.id
+                        )),
+                        j && /* @__PURE__ */ e(
+                          Q,
+                          {
+                            className: "w-44 px-4 text-right",
+                            onClick: (C) => {
+                              C.target.closest("button, a, input, [role='menuitem']") && C.stopPropagation();
+                            },
+                            children: j(r)
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  I && N ? /* @__PURE__ */ e(dt, { className: "hover:bg-inherit", "data-expanded": "", children: /* @__PURE__ */ e(
+                    Q,
+                    {
+                      colSpan: z,
+                      className: "border-t border-line bg-elevated/60 px-(--table-pad-x) py-3 align-top text-[13px] text-muted",
+                      children: I(r)
+                    }
+                  ) }) : null
+                ] }, d);
               }) })
             ]
           }
         ) })
       }
     ),
-    Zt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    na && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
-        le + 1,
+        se + 1,
         "–",
-        Math.min(le + A, G.length),
+        Math.min(se + B, H.length),
         " of ",
-        G.length
+        H.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(_t, { value: String(A), onValueChange: (a) => Ut(Number(a)), children: [
+        /* @__PURE__ */ s(Lt, { value: String(B), onValueChange: (r) => Jt(Number(r)), 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)) })
+          /* @__PURE__ */ e(Fe, { children: At.map((r) => /* @__PURE__ */ e(xe, { value: String(r), children: r }, r)) })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ e(
@@ -1945,9 +1984,9 @@ function Ha({
               variant: "secondary",
               size: "icon",
               "aria-label": "Previous page",
-              disabled: U <= 0,
-              onClick: () => ae((a) => Math.max(0, a - 1)),
-              children: /* @__PURE__ */ e(Sr, {})
+              disabled: X <= 0,
+              onClick: () => ie((r) => Math.max(0, r - 1)),
+              children: /* @__PURE__ */ e(Ma, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -1956,9 +1995,9 @@ function Ha({
               variant: "secondary",
               size: "icon",
               "aria-label": "Next page",
-              disabled: U >= J - 1,
-              onClick: () => ae((a) => Math.min(J - 1, a + 1)),
-              children: /* @__PURE__ */ e(ft, {})
+              disabled: X >= J - 1,
+              onClick: () => ie((r) => Math.min(J - 1, r + 1)),
+              children: /* @__PURE__ */ e(bt, {})
             }
           )
         ] })
@@ -1966,47 +2005,47 @@ function Ha({
     ] })
   ] });
 }
-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: [
+function Jr({ icon: t, title: a, description: n, action: l, className: o }) {
+  return /* @__PURE__ */ e(ge, { 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 }),
+      /* @__PURE__ */ e("p", { className: "text-sm font-medium text-fg", children: a }),
       n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: n }) : null
     ] }),
     l
   ] }) });
 }
-const va = f(
+const Sr = f(
   ({
     className: t,
-    inputClassName: r,
+    inputClassName: a,
     selectClassName: n,
     selectValue: l,
     onSelectChange: o,
     selectOptions: m,
     selectAriaLabel: u,
     selectPlaceholder: c,
-    id: v,
+    id: x,
     size: b,
     disabled: h,
     ...y
-  }, C) => /* @__PURE__ */ s("div", { className: i("flex w-full items-stretch", t), children: [
+  }, k) => /* @__PURE__ */ s("div", { className: i("flex w-full items-stretch", t), children: [
     /* @__PURE__ */ e(
       Le,
       {
         ...y,
-        ref: C,
-        id: v,
+        ref: k,
+        id: x,
         size: b,
         disabled: h,
         className: i(
           "min-w-0 rounded-l-(--control-radius) rounded-r-none",
-          r
+          a
         )
       }
     ),
     /* @__PURE__ */ s(
-      _t,
+      Lt,
       {
         value: l,
         onValueChange: o,
@@ -2024,14 +2063,14 @@ const va = f(
               children: /* @__PURE__ */ e(Et, { placeholder: c })
             }
           ),
-          /* @__PURE__ */ e(Fe, { children: m.map((N) => /* @__PURE__ */ e(he, { value: N.value, children: N.label }, N.value)) })
+          /* @__PURE__ */ e(Fe, { children: m.map((v) => /* @__PURE__ */ e(xe, { value: v.value, children: v.label }, v.value)) })
         ]
       }
     )
   ] })
 );
-va.displayName = "InputSelect";
-function Wa({ className: t, ...r }) {
+Sr.displayName = "InputSelect";
+function Kr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -2039,31 +2078,31 @@ function Wa({ className: t, ...r }) {
         "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
       ),
-      ...r
+      ...a
     }
   );
 }
-const Na = f(({ className: t, ...r }, n) => /* @__PURE__ */ e(
-  Mr.Root,
+const zr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  Ea.Root,
   {
     ref: n,
     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
     ),
-    ...r
+    ...a
   }
 ));
-Na.displayName = "Label";
-function Oa({
+zr.displayName = "Label";
+function Qr({
   value: t,
-  onValueChange: r,
+  onValueChange: a,
   options: n,
   size: l = "sm",
   className: o,
   ...m
 }) {
-  const u = fe();
+  const u = he();
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2075,7 +2114,7 @@ function Oa({
         o
       ),
       children: n.map((c) => {
-        const v = c.value === t;
+        const x = c.value === t;
         return /* @__PURE__ */ s(
           "label",
           {
@@ -2083,7 +2122,7 @@ function Oa({
               "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)",
-              v ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
+              x ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
             ),
             children: [
               /* @__PURE__ */ e(
@@ -2092,8 +2131,8 @@ function Oa({
                   type: "radio",
                   name: u,
                   value: c.value,
-                  checked: v,
-                  onChange: () => r(c.value),
+                  checked: x,
+                  onChange: () => a(c.value),
                   className: "sr-only"
                 }
               ),
@@ -2107,35 +2146,35 @@ function Oa({
     }
   );
 }
-const ya = f(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...l }, o) => /* @__PURE__ */ e(
-  Pr.Root,
+const kr = f(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, o) => /* @__PURE__ */ e(
+  La.Root,
   {
     ref: o,
     decorative: n,
-    orientation: r,
+    orientation: a,
     className: i(
       "shrink-0 bg-line",
-      r === "horizontal" ? "h-px w-full" : "h-full w-px",
+      a === "horizontal" ? "h-px w-full" : "h-full w-px",
       t
     ),
     ...l
   }
 ));
-ya.displayName = "Separator";
-function Ua({ className: t, ...r }) {
+kr.displayName = "Separator";
+function Yr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: i("animate-pulse rounded-md bg-elevated", t),
-      ...r
+      ...a
     }
   );
 }
-const Xa = Z.Provider, Ja = Z.Root, Ka = Z.Trigger, wa = f(({ className: t, sideOffset: r = 6, ...n }, l) => /* @__PURE__ */ e(Z.Portal, { children: /* @__PURE__ */ e(
-  Z.Content,
+const Zr = te.Provider, en = te.Root, tn = te.Trigger, Dr = f(({ className: t, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ e(te.Portal, { children: /* @__PURE__ */ e(
+  te.Content,
   {
     ref: l,
-    sideOffset: r,
+    sideOffset: a,
     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",
@@ -2149,83 +2188,83 @@ const Xa = Z.Provider, Ja = Z.Root, Ka = Z.Trigger, wa = f(({ className: t, side
     ...n
   }
 ) }));
-wa.displayName = "TooltipContent";
+Dr.displayName = "TooltipContent";
 export {
-  Pa as AgentPrompt,
-  xt as Avatar,
-  Nt as AvatarFallback,
-  vt as AvatarImage,
-  Ar as Badge,
+  Er as AgentPrompt,
+  vt as Avatar,
+  yt as AvatarFallback,
+  Nt as AvatarImage,
+  Ha as Badge,
   M as Button,
-  Ia as Callout,
-  Ur as Card,
-  Kr as CardContent,
-  Jr as CardDescription,
-  Qr as CardFooter,
-  yt as CardHeader,
-  Xr as CardTitle,
+  Lr as Callout,
+  Ya as Card,
+  tr as CardContent,
+  er as CardDescription,
+  ar as CardFooter,
+  wt as CardHeader,
+  Za as CardTitle,
   Te as Checkbox,
-  La as ChoiceDialog,
-  Aa as CodeBlock,
-  Ha as DataTable,
-  Ga as DataTableIdentity,
-  ra as Dialog,
-  la as DialogBody,
-  zt as DialogCancel,
-  _a as DialogClose,
-  Tt as DialogContent,
-  sa as DialogDescription,
-  oa as DialogFooter,
-  ia as DialogHeader,
-  na as DialogPanel,
-  Mt as DialogTitle,
+  qr as ChoiceDialog,
+  Gr as CodeBlock,
+  Xr as DataTable,
+  Ur as DataTableIdentity,
+  or as Dialog,
+  cr as DialogBody,
+  Dt as DialogCancel,
+  $r as DialogClose,
+  Mt as DialogContent,
+  pr as DialogDescription,
+  mr as DialogFooter,
+  ur as DialogHeader,
+  dr as DialogPanel,
+  Pt as DialogTitle,
   kt as DialogTrigger,
   De as DropdownMenu,
-  Y as DropdownMenuCheckboxItem,
-  Rt as DropdownMenuChevron,
-  de as DropdownMenuContent,
-  Ba as DropdownMenuGroup,
-  pe as DropdownMenuItem,
-  ce as DropdownMenuLabel,
-  Fa as DropdownMenuPortal,
+  ee as DropdownMenuCheckboxItem,
+  jt as DropdownMenuChevron,
+  me as DropdownMenuContent,
+  Hr as DropdownMenuGroup,
+  be as DropdownMenuItem,
+  pe as DropdownMenuLabel,
+  Vr as DropdownMenuPortal,
   Pe as DropdownMenuSeparator,
-  $a as DropdownMenuSub,
-  fa as DropdownMenuSubContent,
-  jt as DropdownMenuSubTrigger,
-  se as DropdownMenuTrigger,
-  Va as EmptyState,
+  Wr as DropdownMenuSub,
+  vr as DropdownMenuSubContent,
+  _t as DropdownMenuSubTrigger,
+  ue as DropdownMenuTrigger,
+  Jr as EmptyState,
   Le as Input,
-  va as InputSelect,
-  Wa as Kbd,
-  Na as Label,
-  ca as RadioCard,
-  da as RadioGroup,
-  Oa as Segmented,
-  _t as Select,
+  Sr as InputSelect,
+  Kr as Kbd,
+  zr as Label,
+  br as RadioCard,
+  fr as RadioGroup,
+  Qr as Segmented,
+  Lt as Select,
   Fe as SelectContent,
-  qa as SelectGroup,
-  he as SelectItem,
-  ba as SelectLabel,
+  Or as SelectGroup,
+  xe as SelectItem,
+  Nr as SelectLabel,
   Be as SelectTrigger,
   Et as SelectValue,
-  ya as Separator,
-  Ua as Skeleton,
-  Rr as Spinner,
-  Ra as Table,
-  qr as TableBody,
-  ke as TableCell,
-  Fr as TableContainer,
-  ha as TableEmptyState,
-  Ea as TableHead,
-  ja as TableHeader,
-  $r as TablePanel,
-  Gr as TableRow,
-  be as TableSurface,
-  Ja as Tooltip,
-  wa as TooltipContent,
-  Xa as TooltipProvider,
-  Ka as TooltipTrigger,
-  _r as badgeVariants,
-  jr as buttonVariants
+  kr as Separator,
+  Yr as Skeleton,
+  Ba as Spinner,
+  Ar as Table,
+  Ua as TableBody,
+  Q as TableCell,
+  Wa as TableContainer,
+  yr as TableEmptyState,
+  Fr as TableHead,
+  Br as TableHeader,
+  Oa as TablePanel,
+  dt as TableRow,
+  ge as TableSurface,
+  en as Tooltip,
+  Dr as TooltipContent,
+  Zr as TooltipProvider,
+  tn as TooltipTrigger,
+  qa as badgeVariants,
+  Fa as buttonVariants
 };
 //# sourceMappingURL=index.js.map