@jinaan/uikit 0.1.34 → 0.1.35

package/dist/index.js

@@ -1,30 +1,30 @@
-import { jsx as t, jsxs as s, Fragment as Oe } from "react/jsx-runtime";
-import { CircleNotch as Lt, Robot as Rt, Terminal as At, Check as X, Copy as Xe, XCircle as Bt, Warning as Ft, CheckCircle as $t, Info as qt, Minus as Gt, X as ie, CaretDown as oe, CaretRight as Ht, MagnifyingGlass as Vt, Columns as Ut, Lock as Wt, DotsSixVertical as Ot, FunnelSimple as $e, WarningCircle as Xt, CaretUp as Jt, CaretUpDown as Qt } from "@phosphor-icons/react";
-import { forwardRef as f, useState as D, Children as Je, isValidElement as Qe, useRef as ae, useEffect as U, useContext as B, useCallback as Yt, createContext as J, useId as de, useMemo as qe } from "react";
-import { Slot as Zt } from "@radix-ui/react-slot";
-import { cva as we } from "class-variance-authority";
-import { clsx as Kt } from "clsx";
-import { twMerge as ea } from "tailwind-merge";
-import * as Ce from "@radix-ui/react-avatar";
-import * as Ge from "@radix-ui/react-checkbox";
+import { jsx as t, jsxs as s, Fragment as Ze } from "react/jsx-runtime";
+import { CircleNotch as Ht, Robot as Vt, Terminal as Ot, Check as Q, Copy as Ke, XCircle as Ut, Warning as Wt, CheckCircle as Xt, Info as Jt, Minus as Qt, X as oe, CaretDown as se, CaretRight as et, MagnifyingGlass as Yt, Columns as Zt, Lock as Kt, DotsSixVertical as ea, FunnelSimple as Oe, WarningCircle as ta, CaretUp as aa, CaretUpDown as ra, CaretLeft as na } from "@phosphor-icons/react";
+import { forwardRef as f, useState as z, Children as tt, isValidElement as at, useRef as U, useEffect as W, useContext as $, useCallback as la, createContext as Y, useId as ce, useMemo as Ue, useLayoutEffect as ia } from "react";
+import { Slot as oa } from "@radix-ui/react-slot";
+import { cva as Se } from "class-variance-authority";
+import { clsx as sa } from "clsx";
+import { twMerge as da } from "tailwind-merge";
+import * as ke from "@radix-ui/react-avatar";
+import * as We from "@radix-ui/react-checkbox";
 import * as I from "@radix-ui/react-dialog";
-import * as k from "@radix-ui/react-dropdown-menu";
+import * as D from "@radix-ui/react-dropdown-menu";
 import * as M from "@radix-ui/react-select";
-import * as ta from "@radix-ui/react-label";
-import * as aa from "@radix-ui/react-separator";
-import * as O from "@radix-ui/react-tooltip";
+import * as ca from "@radix-ui/react-label";
+import * as ua from "@radix-ui/react-separator";
+import * as J from "@radix-ui/react-tooltip";
 function o(...e) {
-  return ea(Kt(e));
+  return da(sa(e));
 }
-function ra(e, a, n) {
+function ma(e, a, n) {
   if (a === n || a < 0 || n < 0 || a >= e.length || n >= e.length)
     return e;
   const l = [...e], [i] = l.splice(a, 1);
   return l.splice(n, 0, i), l;
 }
-function na({ className: e }) {
+function pa({ className: e }) {
   return /* @__PURE__ */ t(
-    Lt,
+    Ht,
     {
       className: o("size-4 animate-spin text-muted", e),
       weight: "bold",
@@ -32,7 +32,7 @@ function na({ className: e }) {
     }
   );
 }
-const la = we(
+const fa = Se(
   "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 la = we(
       size: "md"
     }
   }
-), ia = {
+), ba = {
   xs: "[&_svg]:size-[var(--control-icon-xs)]",
   sm: "[&_svg]:size-[var(--control-icon-sm)]",
   md: "[&_svg]:size-[var(--control-icon-md)]",
@@ -79,16 +79,16 @@ const la = we(
     disabled: b,
     children: h,
     ...N
-  }, S) => {
-    const C = l ? Zt : "button", w = ia[n ?? "md"];
+  }, k) => {
+    const S = l ? oa : "button", w = ba[n ?? "md"];
     return /* @__PURE__ */ t(
-      C,
+      S,
       {
-        ref: S,
+        ref: k,
         "aria-busy": c || void 0,
         disabled: l ? void 0 : b || c,
         className: o(
-          la({ variant: a, size: n }),
+          fa({ variant: a, size: n }),
           m && "aspect-square px-0",
           x && "w-full",
           c && "disabled:opacity-100",
@@ -120,7 +120,7 @@ const la = we(
                 c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ t(na, { className: o("text-current", w) })
+              children: /* @__PURE__ */ t(pa, { className: o("text-current", w) })
             }
           )
         ] })
@@ -129,13 +129,13 @@ const la = we(
   }
 );
 T.displayName = "Button";
-function rr({
+function mr({
   command: e,
   tag: a = "Build with agents",
   icon: n,
   className: l
 }) {
-  const [i, u] = D(!1), m = async () => {
+  const [i, u] = z(!1), m = async () => {
     try {
       await navigator.clipboard.writeText(e), u(!0), window.setTimeout(() => u(!1), 1500);
     } catch {
@@ -143,11 +143,11 @@ function rr({
   };
   return /* @__PURE__ */ s("div", { className: o("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__ */ t(Rt, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ t(Vt, { 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__ */ t(At, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ t(Ot, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
       /* @__PURE__ */ t("span", { className: "truncate font-mono text-sm text-fg", children: e }),
       /* @__PURE__ */ t(
         T,
@@ -158,14 +158,14 @@ function rr({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: m,
-          children: i ? /* @__PURE__ */ t(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(Xe, {})
+          children: i ? /* @__PURE__ */ t(Q, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(Ke, {})
         }
       )
     ] })
   ] });
 }
-const Ye = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  Ce.Root,
+const rt = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  ke.Root,
   {
     ref: n,
     className: o(
@@ -175,18 +175,18 @@ const Ye = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-Ye.displayName = "Avatar";
-const Ze = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  Ce.Image,
+rt.displayName = "Avatar";
+const nt = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  ke.Image,
   {
     ref: n,
     className: o("aspect-square size-full object-cover", e),
     ...a
   }
 ));
-Ze.displayName = "AvatarImage";
-const Ke = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  Ce.Fallback,
+nt.displayName = "AvatarImage";
+const lt = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  ke.Fallback,
   {
     ref: n,
     className: o(
@@ -196,8 +196,8 @@ const Ke = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-Ke.displayName = "AvatarFallback";
-const oa = we(
+lt.displayName = "AvatarFallback";
+const ha = Se(
   "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 oa = we(
     },
     defaultVariants: { variant: "neutral" }
   }
-), sa = we("size-1.5 shrink-0 rounded-full", {
+), ga = Se("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -227,42 +227,42 @@ const oa = we(
   },
   defaultVariants: { variant: "neutral" }
 });
-function da({ className: e, variant: a, dot: n = !1, children: l, ...i }) {
-  return /* @__PURE__ */ s("span", { className: o(oa({ variant: a }), e), ...i, children: [
-    n ? /* @__PURE__ */ t("span", { className: o(sa({ variant: a })), "aria-hidden": !0 }) : null,
+function xa({ className: e, variant: a, dot: n = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(ha({ variant: a }), e), ...i, children: [
+    n ? /* @__PURE__ */ t("span", { className: o(ga({ variant: a })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
-const ca = {
+const va = {
   info: {
-    Icon: qt,
+    Icon: Jt,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: $t,
+    Icon: Xt,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: Ft,
+    Icon: Wt,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: Bt,
+    Icon: Ut,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function nr({
+function pr({
   variant: e = "info",
   title: a,
   children: n,
   icon: l,
   className: i
 }) {
-  const { Icon: u, className: m, iconClassName: c } = ca[e];
+  const { Icon: u, className: m, iconClassName: c } = va[e];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -283,7 +283,7 @@ function nr({
     }
   );
 }
-function ua({
+function Na({
   className: e,
   ...a
 }) {
@@ -298,7 +298,7 @@ function ua({
     }
   );
 }
-function ma({
+function ya({
   className: e,
   ...a
 }) {
@@ -313,7 +313,7 @@ function ma({
     }
   );
 }
-function lr({ className: e, ...a }) {
+function fr({ className: e, ...a }) {
   return /* @__PURE__ */ t(
     "table",
     {
@@ -322,13 +322,13 @@ function lr({ className: e, ...a }) {
     }
   );
 }
-function ir({ className: e, ...a }) {
+function br({ className: e, ...a }) {
   return /* @__PURE__ */ t("thead", { className: e, ...a });
 }
-function pa({ className: e, ...a }) {
+function wa({ className: e, ...a }) {
   return /* @__PURE__ */ t("tbody", { className: o("[&_tr:last-child]:border-0", e), ...a });
 }
-function fa({ className: e, ...a }) {
+function Ca({ className: e, ...a }) {
   return /* @__PURE__ */ t(
     "tr",
     {
@@ -340,7 +340,7 @@ function fa({ className: e, ...a }) {
     }
   );
 }
-function or({ className: e, ...a }) {
+function hr({ className: e, ...a }) {
   return /* @__PURE__ */ t(
     "th",
     {
@@ -352,31 +352,31 @@ function or({ className: e, ...a }) {
     }
   );
 }
-function he({ className: e, ...a }) {
+function xe({ className: e, ...a }) {
   return /* @__PURE__ */ t(
     "td",
     {
       className: o(
-        "px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
+        "whitespace-nowrap px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
         e
       ),
       ...a
     }
   );
 }
-const ba = {
+const Sa = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, ha = {
+}, ka = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function ga(e) {
+function za(e) {
   return typeof e == "object" && e !== null && "label" in e && typeof e.label == "string";
 }
-function ce({
+function ue({
   title: e,
   description: a,
   header: n,
@@ -388,7 +388,7 @@ function ce({
   panelClassName: x,
   minHeight: b
 }) {
-  const h = !!(e || a), N = ga(i) ? /* @__PURE__ */ t(
+  const h = !!(e || a), N = za(i) ? /* @__PURE__ */ t(
     T,
     {
       variant: i.variant ?? "primary",
@@ -403,7 +403,7 @@ function ce({
       ] }) : i.label
     }
   ) : i;
-  return /* @__PURE__ */ s(ua, { className: o("relative", ba[u], m), children: [
+  return /* @__PURE__ */ s(Na, { className: o("relative", Sa[u], m), children: [
     /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: [
       n || h ? (
         // Header rows must not inherit the body row hover surface.
@@ -425,9 +425,9 @@ function ce({
         ] })
       ) : null,
       /* @__PURE__ */ t(
-        ma,
+        ya,
         {
-          className: o(ha[u], x),
+          className: o(ka[u], x),
           style: b ? { minHeight: b } : void 0,
           children: l
         }
@@ -436,23 +436,23 @@ function ce({
     N ? /* @__PURE__ */ t("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ t("div", { className: "pointer-events-auto", children: N }) }) : null
   ] });
 }
-function xa(e) {
-  const a = Je.toArray(e), n = a.filter(
-    (l) => Qe(l) && l.type === et
+function Da(e) {
+  const a = tt.toArray(e), n = a.filter(
+    (l) => at(l) && l.type === it
   );
   return {
-    header: n.length > 0 ? /* @__PURE__ */ t(Oe, { children: n }) : void 0,
+    header: n.length > 0 ? /* @__PURE__ */ t(Ze, { children: n }) : void 0,
     body: a.filter((l) => !n.includes(l))
   };
 }
-const va = f(
+const Ta = f(
   ({ className: e, children: a, ...n }, l) => {
-    const { header: i, body: u } = xa(a);
-    return /* @__PURE__ */ t("div", { ref: l, ...n, children: /* @__PURE__ */ t(ce, { className: o("shadow-xs", e), header: i, children: u }) });
+    const { header: i, body: u } = Da(a);
+    return /* @__PURE__ */ t("div", { ref: l, ...n, children: /* @__PURE__ */ t(ue, { className: o("shadow-xs", e), header: i, children: u }) });
   }
 );
-va.displayName = "Card";
-const et = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+Ta.displayName = "Card";
+const it = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   "div",
   {
     ref: n,
@@ -463,8 +463,8 @@ const et = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-et.displayName = "CardHeader";
-const Na = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+it.displayName = "CardHeader";
+const Ma = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   "h2",
   {
     ref: n,
@@ -472,8 +472,8 @@ const Na = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-Na.displayName = "CardTitle";
-const ya = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+Ma.displayName = "CardTitle";
+const Pa = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   "p",
   {
     ref: n,
@@ -485,10 +485,10 @@ const ya = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-ya.displayName = "CardDescription";
-const wa = f(({ className: e, ...a }, n) => /* @__PURE__ */ t("div", { ref: n, className: o("px-5 py-4", e), ...a }));
-wa.displayName = "CardContent";
-const Ca = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+Pa.displayName = "CardDescription";
+const Ia = f(({ className: e, ...a }, n) => /* @__PURE__ */ t("div", { ref: n, className: o("px-5 py-4", e), ...a }));
+Ia.displayName = "CardContent";
+const ja = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   "div",
   {
     ref: n,
@@ -499,9 +499,9 @@ const Ca = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-Ca.displayName = "CardFooter";
-const ve = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  Ge.Root,
+ja.displayName = "CardFooter";
+const ye = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  We.Root,
   {
     ref: n,
     className: o(
@@ -513,27 +513,27 @@ const ve = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
       e
     ),
     ...a,
-    children: /* @__PURE__ */ t(Ge.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__ */ t(Gt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ t(X, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ t(We.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__ */ t(Qt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ t(Q, { className: "size-3", weight: "bold" }) })
   }
 ));
-ve.displayName = "Checkbox";
-function He(e) {
+ye.displayName = "Checkbox";
+function Xe(e) {
   return e.width > 0 && e.height > 0;
 }
-function Ve(e) {
+function Je(e) {
   return Math.min(1, Math.max(0.1, e));
 }
-function Sa(e, a) {
-  return !He(e) || !He(a) ? null : {
+function Ea(e, a) {
+  return !Xe(e) || !Xe(a) ? null : {
     dx: e.left + e.width / 2 - (a.left + a.width / 2),
     dy: e.top + e.height / 2 - (a.top + a.height / 2),
-    sx: Ve(e.width / a.width),
-    sy: Ve(e.height / a.height)
+    sx: Je(e.width / a.width),
+    sy: Je(e.height / a.height)
   };
 }
-const tt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let A = null, Ue = !1;
-function Se(e) {
+const ot = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
+let F = null, Qe = !1;
+function ze(e) {
   const a = e.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
     left: a.left,
@@ -542,52 +542,52 @@ function Se(e) {
     height: a.height
   };
 }
-function Ne(e) {
+function we(e) {
   if (!(e instanceof Element)) return;
-  const a = e.closest(tt);
+  const a = e.closest(ot);
   if (!a) return;
-  const n = Se(a);
-  n && (A = { rect: n, at: Date.now() });
+  const n = ze(a);
+  n && (F = { rect: n, at: Date.now() });
 }
-function ka() {
-  Ue || typeof document > "u" || (Ue = !0, document.addEventListener(
+function _a() {
+  Qe || typeof document > "u" || (Qe = !0, document.addEventListener(
     "pointerdown",
-    (e) => Ne(e.target),
+    (e) => we(e.target),
     !0
   ), document.addEventListener(
     "keydown",
     (e) => {
-      e.key !== "Enter" && e.key !== " " || Ne(document.activeElement);
+      e.key !== "Enter" && e.key !== " " || we(document.activeElement);
     },
     !0
   ));
 }
-function za(e) {
-  if (A && Date.now() - A.at < 2e3) {
-    const n = A.rect;
-    return A = null, n;
+function La(e) {
+  if (F && Date.now() - F.at < 2e3) {
+    const n = F.rect;
+    return F = null, n;
   }
-  A = null;
+  F = null;
   const a = document.activeElement;
-  return a instanceof Element && a !== e && !e.contains(a) && a.matches(tt) ? Se(a) : null;
+  return a instanceof Element && a !== e && !e.contains(a) && a.matches(ot) ? ze(a) : null;
 }
-const Da = 250, at = J(!1), rt = J(() => {
-}), ke = J(!1);
-function Ta({
+const Ra = 250, st = Y(!1), dt = Y(() => {
+}), De = Y(!1);
+function Aa({
   open: e,
   defaultOpen: a,
   onOpenChange: n,
   children: l,
   ...i
 }) {
-  const [u, m] = D(
+  const [u, m] = z(
     a ?? !1
-  ), [c, x] = D(!1), b = ae(!1), h = ae(null), N = e ?? u, S = ae(N);
-  S.current = N;
-  const C = e !== void 0;
-  U(() => ka(), []), U(() => {
+  ), [c, x] = z(!1), b = U(!1), h = U(null), N = e ?? u, k = U(N);
+  k.current = N;
+  const S = e !== void 0;
+  W(() => _a(), []), W(() => {
     e && (h.current && clearTimeout(h.current), b.current = !1, x(!1));
-  }, [e]), U(
+  }, [e]), W(
     () => () => {
       h.current && clearTimeout(h.current);
     },
@@ -595,21 +595,21 @@ function Ta({
   );
   const w = (P) => {
     if (P) {
-      h.current && clearTimeout(h.current), b.current = !1, x(!1), C || m(!0), n == null || n(!0);
+      h.current && clearTimeout(h.current), b.current = !1, x(!1), S || m(!0), n == null || n(!0);
       return;
     }
     if (!N || b.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      C || m(!1), n == null || n(!1);
+      S || m(!1), n == null || n(!1);
       return;
     }
     b.current = !0, x(!0), h.current = setTimeout(() => {
-      C || m(!1), n == null || n(!1), requestAnimationFrame(() => {
-        S.current && (b.current = !1, x(!1));
+      S || m(!1), n == null || n(!1), requestAnimationFrame(() => {
+        k.current && (b.current = !1, x(!1));
       });
-    }, Da);
+    }, Ra);
   };
-  return /* @__PURE__ */ t(rt.Provider, { value: () => w(!1), children: /* @__PURE__ */ t(at.Provider, { value: c, children: /* @__PURE__ */ t(ke.Provider, { value: !0, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(dt.Provider, { value: () => w(!1), children: /* @__PURE__ */ t(st.Provider, { value: c, children: /* @__PURE__ */ t(De.Provider, { value: !0, children: /* @__PURE__ */ t(
     I.Root,
     {
       open: N,
@@ -619,31 +619,31 @@ function Ta({
     }
   ) }) }) });
 }
-const nt = f(({ onClick: e, ...a }, n) => /* @__PURE__ */ t(
+const ct = f(({ onClick: e, ...a }, n) => /* @__PURE__ */ t(
   I.Trigger,
   {
     ref: n,
     onClick: (l) => {
-      Ne(l.currentTarget), e == null || e(l);
+      we(l.currentTarget), e == null || e(l);
     },
     ...a
   }
 ));
-nt.displayName = "DialogTrigger";
-const sr = I.Close, lt = f(
+ct.displayName = "DialogTrigger";
+const gr = I.Close, ut = f(
   ({ variant: e = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ t(I.Close, { asChild: !0, children: /* @__PURE__ */ t(T, { ref: l, type: "button", variant: e, ...n, children: a }) })
 );
-lt.displayName = "DialogCancel";
-function it(e, a = !0) {
+ut.displayName = "DialogCancel";
+function mt(e, a = !0) {
   if (e.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
-  const n = Se(e);
+  const n = ze(e);
   if (!n) {
-    a && window.requestAnimationFrame(() => it(e, !1));
+    a && window.requestAnimationFrame(() => mt(e, !1));
     return;
   }
   e.dataset.dialogMotionStarted = "true";
-  const l = za(e), i = l ? Sa(l, n) : null;
+  const l = La(e), i = l ? Ea(l, n) : null;
   i ? (e.style.setProperty("--dialog-dx", `${i.dx}px`), e.style.setProperty("--dialog-dy", `${i.dy}px`), e.style.setProperty("--dialog-sx", String(i.sx)), e.style.setProperty("--dialog-sy", String(i.sy)), e.classList.add("dialog-fly-in")) : (e.style.removeProperty("--dialog-dx"), e.style.removeProperty("--dialog-dy"), e.style.removeProperty("--dialog-sx"), e.style.removeProperty("--dialog-sy"), e.classList.add("dialog-pop-in"));
   const u = () => {
     e.classList.remove("dialog-fly-in", "dialog-pop-in");
@@ -652,10 +652,10 @@ function it(e, a = !0) {
   };
   e.addEventListener("animationend", m);
 }
-function Ma(e) {
+function Ba(e) {
   return e.replace(/dvh\b/g, "vh");
 }
-const ot = f(
+const pt = f(
   ({
     className: e,
     children: a,
@@ -667,12 +667,12 @@ const ot = f(
     onPointerDownOutside: c,
     ...x
   }, b) => {
-    const h = B(at), N = n === "top", S = N ? {
+    const h = $(st), N = n === "top", k = N ? {
       "--dialog-top-offset": l,
-      "--dialog-top-offset-fallback": Ma(l)
-    } : void 0, C = B(rt), w = ae(null), P = Yt(
+      "--dialog-top-offset-fallback": Ba(l)
+    } : void 0, S = $(dt), w = U(null), P = la(
       (g) => {
-        if (w.current = g, g && i === "auto" && it(g), typeof b == "function") {
+        if (w.current = g, g && i === "auto" && mt(g), typeof b == "function") {
           b(g);
           return;
         }
@@ -709,7 +709,7 @@ const ot = f(
             I.Content,
             {
               ref: P,
-              style: S ? { ...S, ...u } : u,
+              style: k ? { ...k, ...u } : u,
               className: o(
                 "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",
@@ -720,16 +720,16 @@ const ot = f(
                 e
               ),
               onEscapeKeyDown: (g) => {
-                m == null || m(g), !g.defaultPrevented && (g.preventDefault(), C());
+                m == null || m(g), !g.defaultPrevented && (g.preventDefault(), S());
               },
               onPointerDownOutside: (g) => {
-                c == null || c(g), !g.defaultPrevented && (g.preventDefault(), C());
+                c == null || c(g), !g.defaultPrevented && (g.preventDefault(), S());
               },
               ...x,
               children: [
                 a,
                 /* @__PURE__ */ s(I.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
-                  /* @__PURE__ */ t(ie, { className: "size-4" }),
+                  /* @__PURE__ */ t(oe, { className: "size-4" }),
                   /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
                 ] })
               ]
@@ -740,8 +740,8 @@ const ot = f(
     ] });
   }
 );
-ot.displayName = "DialogContent";
-function Pa({
+pt.displayName = "DialogContent";
+function Fa({
   className: e,
   ...a
 }) {
@@ -757,7 +757,7 @@ function Pa({
     }
   );
 }
-function Ia({
+function $a({
   className: e,
   ...a
 }) {
@@ -770,7 +770,7 @@ function Ia({
     }
   );
 }
-function Ea({
+function qa({
   className: e,
   ...a
 }) {
@@ -786,7 +786,7 @@ function Ea({
     }
   );
 }
-function ja({
+function Ga({
   className: e,
   ...a
 }) {
@@ -802,8 +802,8 @@ function ja({
     }
   );
 }
-const st = f(({ className: e, ...a }, n) => {
-  const l = B(ke) ? I.Title : "h2";
+const ft = f(({ className: e, ...a }, n) => {
+  const l = $(De) ? I.Title : "h2";
   return /* @__PURE__ */ t(
     l,
     {
@@ -813,9 +813,9 @@ const st = f(({ className: e, ...a }, n) => {
     }
   );
 });
-st.displayName = "DialogTitle";
-const _a = f(({ className: e, ...a }, n) => {
-  const l = B(ke) ? I.Description : "p";
+ft.displayName = "DialogTitle";
+const Ha = f(({ className: e, ...a }, n) => {
+  const l = $(De) ? I.Description : "p";
   return /* @__PURE__ */ t(
     l,
     {
@@ -825,9 +825,9 @@ const _a = f(({ className: e, ...a }, n) => {
     }
   );
 });
-_a.displayName = "DialogDescription";
-const dt = J(null);
-function La({
+Ha.displayName = "DialogDescription";
+const bt = Y(null);
+function Va({
   label: e,
   value: a,
   onChange: n,
@@ -837,13 +837,13 @@ function La({
   children: m,
   ...c
 }) {
-  const x = de(), b = i ?? x;
-  return /* @__PURE__ */ t(dt.Provider, { value: { name: b, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...c, children: [
+  const x = ce(), b = i ?? x;
+  return /* @__PURE__ */ t(bt.Provider, { value: { name: b, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: o("flex flex-col gap-6", u), ...c, children: [
     /* @__PURE__ */ t("legend", { className: "sr-only", children: e }),
     m
   ] }) });
 }
-function Ra({
+function Oa({
   value: e,
   title: a,
   description: n,
@@ -851,7 +851,7 @@ function Ra({
   disabled: i = !1,
   className: u
 }) {
-  const m = B(dt), c = de();
+  const m = $(bt), c = ce();
   if (!m)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
   const x = i || m.disabled, b = m.value === e;
@@ -894,7 +894,7 @@ function Ra({
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ s("span", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ t("span", { className: "text-base font-semibold text-fg", children: a }),
-            l ? /* @__PURE__ */ t(da, { variant: "primary", children: l }) : null
+            l ? /* @__PURE__ */ t(xa, { variant: "primary", children: l }) : null
           ] }),
           n ? /* @__PURE__ */ t("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
@@ -902,7 +902,7 @@ function Ra({
     }
   );
 }
-function dr({
+function xr({
   open: e,
   onOpenChange: a,
   trigger: n,
@@ -916,21 +916,21 @@ function dr({
   onConfirm: h
 }) {
   var P;
-  const [N, S] = D(u ?? ((P = i[0]) == null ? void 0 : P.value) ?? ""), C = m ?? N;
-  return /* @__PURE__ */ s(Ta, { open: e, onOpenChange: a, children: [
-    n ? /* @__PURE__ */ t(nt, { asChild: !0, children: n }) : null,
+  const [N, k] = z(u ?? ((P = i[0]) == null ? void 0 : P.value) ?? ""), S = m ?? N;
+  return /* @__PURE__ */ s(Aa, { open: e, onOpenChange: a, children: [
+    n ? /* @__PURE__ */ t(ct, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
-      ot,
+      pt,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(Pa, { children: [
-            /* @__PURE__ */ t(Ea, { children: /* @__PURE__ */ t(st, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ t(Ia, { children: /* @__PURE__ */ t(La, { label: l, value: C, onChange: (g) => {
-              m === void 0 && S(g), c == null || c(g);
+          /* @__PURE__ */ s(Fa, { children: [
+            /* @__PURE__ */ t(qa, { children: /* @__PURE__ */ t(ft, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ t($a, { children: /* @__PURE__ */ t(Va, { label: l, value: S, onChange: (g) => {
+              m === void 0 && k(g), c == null || c(g);
             }, children: i.map((g) => /* @__PURE__ */ t(
-              Ra,
+              Oa,
               {
                 value: g.value,
                 title: g.title,
@@ -940,25 +940,25 @@ function dr({
               g.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(ja, { className: "gap-3 pt-2.5", children: [
-            /* @__PURE__ */ t(lt, { className: "flex-1", children: x }),
-            /* @__PURE__ */ t(T, { className: "flex-1", onClick: () => h == null ? void 0 : h(C), children: b })
+          /* @__PURE__ */ s(Ga, { className: "gap-3 pt-2.5", children: [
+            /* @__PURE__ */ t(ut, { className: "flex-1", children: x }),
+            /* @__PURE__ */ t(T, { className: "flex-1", onClick: () => h == null ? void 0 : h(S), children: b })
           ] })
         ]
       }
     )
   ] });
 }
-function cr({ code: e, label: a, className: n }) {
-  const [l, i] = D(!1);
+function vr({ code: e, label: a, className: n }) {
+  const [l, i] = z(!1);
   return /* @__PURE__ */ t(
-    ce,
+    ue,
     {
       className: n,
       header: /* @__PURE__ */ t("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ t("span", { className: "truncate text-[13px] font-medium text-table-header", children: a }) }),
       action: {
         label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ t(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(Xe, {}),
+        icon: l ? /* @__PURE__ */ t(Q, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ t(Ke, {}),
         variant: "ghost",
         onClick: async () => {
           try {
@@ -972,32 +972,32 @@ function cr({ code: e, label: a, className: n }) {
     }
   );
 }
-const Aa = {
+const Ua = {
   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"
-}, Ba = {
+}, Wa = {
   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)]"
-}, Fa = {
+}, Xa = {
   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)]"
-}, We = {
+}, Ye = {
   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)]"
-}, ge = {
+}, ve = {
   sm: "size-[var(--control-icon-sm)]",
   md: "size-[var(--control-icon-md)]",
   lg: "size-[var(--control-icon-lg)]",
   xl: "size-[var(--control-icon-xl)]"
-}, ct = f(
+}, ht = f(
   ({
     className: e,
     containerClassName: a,
@@ -1011,36 +1011,36 @@ const Aa = {
     error: b = !1,
     helperText: h,
     id: N,
-    "aria-describedby": S,
-    disabled: C,
+    "aria-describedby": k,
+    disabled: S,
     readOnly: w,
     ...P
   }, g) => {
-    const F = de(), Q = N ?? F, $ = !!h, _ = !!(m && (c !== void 0 ? String(c).length > 0 : x !== void 0 && String(x).length > 0)), Y = $ ? `${Q}-description` : void 0, ue = [S, Y].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ t(
+    const q = ce(), Z = N ?? q, G = !!h, R = !!(m && (c !== void 0 ? String(c).length > 0 : x !== void 0 && String(x).length > 0)), K = G ? `${Z}-description` : void 0, me = [k, K].filter(Boolean).join(" ") || void 0, ee = /* @__PURE__ */ t(
       "input",
       {
         ref: g,
-        id: Q,
+        id: Z,
         type: n,
-        disabled: C,
+        disabled: S,
         readOnly: w,
         "aria-invalid": b || void 0,
-        "aria-describedby": ue,
-        style: i || u || _ ? {
+        "aria-describedby": me,
+        style: i || u || R ? {
           paddingInlineStart: i ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0,
-          paddingInlineEnd: u || _ ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
+          paddingInlineEnd: u || R ? `calc(var(--control-pad-x-${l}) + var(--control-icon-${l}) + var(--control-gap))` : void 0
         } : void 0,
         className: o(
           "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
-          Aa[l],
-          Ba[l],
+          Ua[l],
+          Wa[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",
-          C && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
+          S && "cursor-not-allowed bg-(--input-bg-disabled) opacity-60 hover:border-(--input-border)",
           w && "cursor-default focus-visible:ring-0",
           e
         ),
@@ -1049,21 +1049,21 @@ const Aa = {
         ...P
       }
     );
-    return !i && !u && !_ && !$ ? Z : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
+    return !i && !u && !R && !G ? ee : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
         i ? /* @__PURE__ */ t(
           "span",
           {
             className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              Fa[l]
+              Xa[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: i })
+            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ve[l]), children: i })
           }
         ) : null,
-        Z,
-        _ ? /* @__PURE__ */ t(
+        ee,
+        R ? /* @__PURE__ */ t(
           "button",
           {
             type: "button",
@@ -1071,26 +1071,26 @@ const Aa = {
             onClick: m,
             className: o(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
-              We[l]
+              Ye[l]
             ),
-            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: /* @__PURE__ */ t(ie, {}) })
+            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ve[l]), children: /* @__PURE__ */ t(oe, {}) })
           }
         ) : u ? /* @__PURE__ */ t(
           "span",
           {
             className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              We[l]
+              Ye[l]
             ),
             "aria-hidden": !0,
-            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ge[l]), children: u })
+            children: /* @__PURE__ */ t("span", { className: o("inline-flex items-center justify-center", ve[l]), children: u })
           }
         ) : null
       ] }),
-      $ ? /* @__PURE__ */ t(
+      G ? /* @__PURE__ */ t(
         "p",
         {
-          id: Y,
+          id: K,
           className: o("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
           children: h
         }
@@ -1098,35 +1098,35 @@ const Aa = {
     ] });
   }
 );
-ct.displayName = "Input";
-function ze(e, a) {
+ht.displayName = "Input";
+function Te(e, a) {
   let n = 0;
-  return Je.forEach(e, (l) => {
-    if (!Qe(l)) return;
+  return tt.forEach(e, (l) => {
+    if (!at(l)) return;
     if (a.some((u) => u === l.type)) {
       n += 1;
       return;
     }
     const i = l.props.children;
-    i && (n += ze(i, a));
+    i && (n += Te(i, a));
   }), n;
 }
-const ut = J(!1);
-function xe({
+const gt = Y(!1);
+function Ne({
   children: e,
   ...a
 }) {
-  const n = ze(e, [
-    se,
-    W,
-    pt
+  const n = Te(e, [
+    de,
+    X,
+    vt
   ]) === 0;
-  return /* @__PURE__ */ t(ut.Provider, { value: n, children: /* @__PURE__ */ t(k.Root, { ...a, children: e }) });
+  return /* @__PURE__ */ t(gt.Provider, { value: n, children: /* @__PURE__ */ t(D.Root, { ...a, children: e }) });
 }
-const re = f(({ className: e, disabled: a, ...n }, l) => {
-  const i = B(ut);
+const ne = f(({ className: e, disabled: a, ...n }, l) => {
+  const i = $(gt);
   return /* @__PURE__ */ t(
-    k.Trigger,
+    D.Trigger,
     {
       ref: l,
       className: o("group", e),
@@ -1135,9 +1135,9 @@ const re = f(({ className: e, disabled: a, ...n }, l) => {
     }
   );
 });
-re.displayName = "DropdownMenuTrigger";
-const mt = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  oe,
+ne.displayName = "DropdownMenuTrigger";
+const xt = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  se,
   {
     ref: n,
     "aria-hidden": !0,
@@ -1148,9 +1148,9 @@ const mt = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-mt.displayName = "DropdownMenuChevron";
-const ur = k.Group, mr = k.Portal, ne = f(({ className: e, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ t(k.Portal, { children: /* @__PURE__ */ t(
-  k.Content,
+xt.displayName = "DropdownMenuChevron";
+const Nr = D.Group, yr = D.Portal, le = f(({ className: e, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ t(D.Portal, { children: /* @__PURE__ */ t(
+  D.Content,
   {
     ref: l,
     sideOffset: a,
@@ -1167,9 +1167,9 @@ const ur = k.Group, mr = k.Portal, ne = f(({ className: e, sideOffset: a = 8, ..
     ...n
   }
 ) }));
-ne.displayName = "DropdownMenuContent";
-const se = f(({ className: e, inset: a, ...n }, l) => /* @__PURE__ */ t(
-  k.Item,
+le.displayName = "DropdownMenuContent";
+const de = f(({ className: e, inset: a, ...n }, l) => /* @__PURE__ */ t(
+  D.Item,
   {
     ref: l,
     className: o(
@@ -1182,9 +1182,9 @@ const se = f(({ className: e, inset: a, ...n }, l) => /* @__PURE__ */ t(
     ...n
   }
 ));
-se.displayName = "DropdownMenuItem";
-const W = f(({ className: e, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
-  k.CheckboxItem,
+de.displayName = "DropdownMenuItem";
+const X = f(({ className: e, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
+  D.CheckboxItem,
   {
     ref: i,
     className: o(
@@ -1194,23 +1194,23 @@ const W = f(({ className: e, children: a, checked: n, ...l }, i) => /* @__PURE__
     checked: n,
     ...l,
     children: [
-      /* @__PURE__ */ t("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__ */ t(k.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__ */ t(X, { className: "size-3", weight: "bold" }) }) }),
+      /* @__PURE__ */ t("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__ */ t(D.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__ */ t(Q, { className: "size-3", weight: "bold" }) }) }),
       a
     ]
   }
 ));
-W.displayName = "DropdownMenuCheckboxItem";
-const le = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  k.Label,
+X.displayName = "DropdownMenuCheckboxItem";
+const ie = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  D.Label,
   {
     ref: n,
     className: o("px-2 py-1.5 text-xs font-medium text-subtle", e),
     ...a
   }
 ));
-le.displayName = "DropdownMenuLabel";
-const pr = k.Sub, pt = f(({ className: e, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
-  k.SubTrigger,
+ie.displayName = "DropdownMenuLabel";
+const wr = D.Sub, vt = f(({ className: e, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
+  D.SubTrigger,
   {
     ref: i,
     className: o(
@@ -1223,13 +1223,13 @@ const pr = k.Sub, pt = f(({ className: e, inset: a, children: n, ...l }, i) => /
     ...l,
     children: [
       n,
-      /* @__PURE__ */ t(Ht, { className: "ml-auto shrink-0" })
+      /* @__PURE__ */ t(et, { className: "ml-auto shrink-0" })
     ]
   }
 ));
-pt.displayName = "DropdownMenuSubTrigger";
-const $a = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  k.SubContent,
+vt.displayName = "DropdownMenuSubTrigger";
+const Ja = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  D.SubContent,
   {
     ref: n,
     sideOffset: 8,
@@ -1246,26 +1246,26 @@ const $a = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-$a.displayName = "DropdownMenuSubContent";
-const ye = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  k.Separator,
+Ja.displayName = "DropdownMenuSubContent";
+const Ce = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  D.Separator,
   {
     ref: n,
     className: o("-mx-1 my-1 h-px bg-line-strong", e),
     ...a
   }
 ));
-ye.displayName = "DropdownMenuSeparator";
-const fr = M.Group, qa = M.Value;
-function Ga({
+Ce.displayName = "DropdownMenuSeparator";
+const Cr = M.Group, Qa = M.Value;
+function Ya({
   children: e,
   disabled: a,
   ...n
 }) {
-  const l = ze(e, [De]) === 0;
+  const l = Te(e, [Me]) === 0;
   return /* @__PURE__ */ t(M.Root, { disabled: a || l, ...n, children: e });
 }
-const ft = f(({ className: e, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
+const Nt = f(({ className: e, children: a, variant: n = "field", ...l }, i) => /* @__PURE__ */ s(
   M.Trigger,
   {
     ref: i,
@@ -1280,12 +1280,12 @@ const ft = f(({ className: e, children: a, variant: n = "field", ...l }, i) => /
     ...l,
     children: [
       /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
-      /* @__PURE__ */ t(M.Icon, { asChild: !0, children: /* @__PURE__ */ t(oe, { className: "ml-auto size-3.5 shrink-0 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) })
+      /* @__PURE__ */ t(M.Icon, { asChild: !0, children: /* @__PURE__ */ t(se, { className: "ml-auto size-3.5 shrink-0 text-muted transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) })
     ]
   }
 ));
-ft.displayName = "SelectTrigger";
-const bt = f(
+Nt.displayName = "SelectTrigger";
+const yt = f(
   ({ className: e, children: a, position: n = "popper", sideOffset: l = 8, ...i }, u) => /* @__PURE__ */ t(M.Portal, { children: /* @__PURE__ */ t(
     M.Content,
     {
@@ -1307,8 +1307,8 @@ const bt = f(
     }
   ) })
 );
-bt.displayName = "SelectContent";
-const De = f(({ className: e, children: a, ...n }, l) => /* @__PURE__ */ s(
+yt.displayName = "SelectContent";
+const Me = f(({ className: e, children: a, ...n }, l) => /* @__PURE__ */ s(
   M.Item,
   {
     ref: l,
@@ -1318,13 +1318,13 @@ const De = f(({ className: e, children: a, ...n }, l) => /* @__PURE__ */ s(
     ),
     ...n,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ t(M.ItemIndicator, { children: /* @__PURE__ */ t(X, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ t(M.ItemIndicator, { children: /* @__PURE__ */ t(Q, { className: "size-3.5" }) }) }),
       /* @__PURE__ */ t(M.ItemText, { children: a })
     ]
   }
 ));
-De.displayName = "SelectItem";
-const Ha = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+Me.displayName = "SelectItem";
+const Za = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
   M.Label,
   {
     ref: n,
@@ -1332,8 +1332,8 @@ const Ha = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-Ha.displayName = "SelectLabel";
-function Va({
+Za.displayName = "SelectLabel";
+function Ka({
   icon: e,
   title: a,
   description: n,
@@ -1358,22 +1358,22 @@ function Va({
     }
   );
 }
-const Ua = "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 Wa(e) {
+const er = "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 tr(e) {
   return e.split(/\s+/).slice(0, 2).map((a) => {
     var n;
     return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function br({
+function Sr({
   name: e,
   secondary: a,
   image: n
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ s(Ye, { className: "size-8", children: [
-      n ? /* @__PURE__ */ t(Ze, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ t(Ke, { children: Wa(e) })
+    /* @__PURE__ */ s(rt, { className: "size-8", children: [
+      n ? /* @__PURE__ */ t(nt, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ t(lt, { children: tr(e) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ t("div", { className: "truncate font-medium text-table-header-active", children: e }),
@@ -1381,7 +1381,7 @@ function br({
     ] })
   ] });
 }
-function hr({
+function kr({
   rows: e,
   columns: a,
   getRowId: n,
@@ -1394,77 +1394,94 @@ function hr({
   toolbarEnd: b,
   tabs: h,
   activeTab: N,
-  onTabChange: S,
-  infoBanner: C,
+  onTabChange: k,
+  infoBanner: S,
   selectable: w = !1,
   bulkActions: P,
   rowActions: g,
-  onRowClick: F,
-  defaultSort: Q,
-  pageSize: $ = 25,
-  pageSizeOptions: _ = [10, 25, 50, 100],
-  tone: Y,
-  headerAction: ue,
-  headerClassName: Z,
-  panelClassName: ht,
-  className: gt
+  onRowClick: q,
+  defaultSort: Z,
+  pageSize: G = 25,
+  pageSizeOptions: R = [10, 25, 50, 100],
+  pagination: K = "auto",
+  tone: me,
+  headerAction: ee,
+  headerClassName: wt,
+  panelClassName: Ct,
+  className: St
 }) {
-  const [Te, Me] = D(
+  const [Pe, Ie] = z(
     () => Object.fromEntries(
       a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [Pe, Ie] = D(null), [me, Ee] = D(null), [y, xt] = D(
-    Q ?? null
-  ), [q, K] = D(0), [L, vt] = D($), [R, pe] = D(/* @__PURE__ */ new Set()), [Nt, fe] = D([]), je = a.map((r) => r.id), _e = new Map(a.map((r) => [r.id, r])), Le = Pe ? Pe.map((r) => _e.get(r)).filter((r) => !!r) : a, E = Le.filter((r) => !Te[r.id]), Re = Le.filter((r) => Te[r.id] && !r.required), Ae = (r) => !!r.required, yt = (r) => _e.get(r), wt = (r, d) => {
-    const p = d ? yt(d) : void 0;
-    !p || Ae(p) || r === d || Ie((v) => {
-      const z = v ?? je;
-      return ra(z, z.indexOf(r), z.indexOf(d));
+  ), [je, Ee] = z(null), [pe, _e] = z(null), [y, kt] = z(
+    Z ?? null
+  ), [H, te] = z(0), [_, zt] = z(G), [A, fe] = z(/* @__PURE__ */ new Set()), [Dt, be] = z([]), Le = a.map((r) => r.id), Re = new Map(a.map((r) => [r.id, r])), Ae = je ? je.map((r) => Re.get(r)).filter((r) => !!r) : a, V = Ae.filter((r) => !Pe[r.id]), Be = Ae.filter((r) => Pe[r.id] && !r.required), Fe = (r) => !!r.required, Tt = (r) => Re.get(r), Mt = (r, d) => {
+    const p = d ? Tt(d) : void 0;
+    !p || Fe(p) || r === d || Ee((v) => {
+      const C = v ?? Le;
+      return ma(C, C.indexOf(r), C.indexOf(d));
     });
-  }, Ct = (r) => {
-    Me((d) => ({ ...d, [r]: !1 })), Ie((d) => d && d.includes(r) ? d : [...d ?? je, r]);
-  }, be = (c ?? []).filter((r) => Nt.includes(r.id)), St = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ee = qe(() => {
+  }, Pt = (r) => {
+    Ie((d) => ({ ...d, [r]: !1 })), Ee((d) => d && d.includes(r) ? d : [...d ?? Le, r]);
+  }, he = (c ?? []).filter((r) => Dt.includes(r.id)), It = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ae = Ue(() => {
     let r = e;
     for (const p of c ?? [])
       p.value.length > 0 && (r = r.filter((v) => p.match(v, p.value)));
     if (!m || !m.value.trim()) return r;
     const d = m.value.trim().toLowerCase();
     return r.filter((p) => m.keys(p).toLowerCase().includes(d));
-  }, [e, m, c]), G = qe(() => {
-    if (!y) return ee;
+  }, [e, m, c]), B = Ue(() => {
+    if (!y) return ae;
     const r = a.find((p) => p.id === y.id);
-    if (!(r != null && r.sortValue)) return ee;
+    if (!(r != null && r.sortValue)) return ae;
     const d = y.dir === "asc" ? 1 : -1;
-    return [...ee].sort((p, v) => {
-      const z = r.sortValue(p), V = r.sortValue(v);
-      return z == null && V == null ? 0 : z == null ? 1 : V == null ? -1 : typeof z == "number" && typeof V == "number" ? (z - V) * d : String(z).localeCompare(String(V)) * d;
+    return [...ae].sort((p, v) => {
+      const C = r.sortValue(p), j = r.sortValue(v);
+      return C == null && j == null ? 0 : C == null ? 1 : j == null ? -1 : typeof C == "number" && typeof j == "number" ? (C - j) * d : String(C).localeCompare(String(j)) * d;
     });
-  }, [ee, y, a]), H = Math.max(1, Math.ceil(G.length / L));
-  U(() => {
-    K(0);
-  }, [m == null ? void 0 : m.value, L, y == null ? void 0 : y.id, y == null ? void 0 : y.dir, N, St]), U(() => {
-    q > H - 1 && K(H - 1);
-  }, [q, H]);
-  const te = q * L, j = G.slice(te, te + L), kt = (r) => {
-    r.sortable && xt(
+  }, [ae, y, a]), O = Math.max(1, Math.ceil(B.length / _)), jt = !l && !i && B.length > 0 && (K === "always" || B.length > _);
+  W(() => {
+    te(0);
+  }, [m == null ? void 0 : m.value, _, y == null ? void 0 : y.id, y == null ? void 0 : y.dir, N, It]), W(() => {
+    H > O - 1 && te(O - 1);
+  }, [H, O]);
+  const re = H * _, L = B.slice(re, re + _), Et = (r) => {
+    r.sortable && kt(
       (d) => (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, Be = j.length > 0 && j.every((r) => R.has(n(r))), zt = j.some((r) => R.has(n(r))), Dt = e.filter((r) => R.has(n(r))), Tt = () => {
-    pe((r) => {
+  }, $e = L.length > 0 && L.every((r) => A.has(n(r))), _t = L.some((r) => A.has(n(r))), Lt = e.filter((r) => A.has(n(r))), Rt = () => {
+    fe((r) => {
       const d = new Set(r);
-      return Be ? j.forEach((p) => d.delete(n(p))) : j.forEach((p) => d.add(n(p))), d;
+      return $e ? L.forEach((p) => d.delete(n(p))) : L.forEach((p) => d.add(n(p))), d;
     });
-  }, Mt = (r) => {
-    pe((d) => {
+  }, At = (r) => {
+    fe((d) => {
       const p = new Set(d);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, Pt = !!(m || c != null && c.length || x || b), It = E.some((r) => r.width), Et = E.length > 1 ? 70 / (E.length - 1) : 100, jt = E.map((r, d) => r.width ? r.width : It ? "auto" : `${d === 0 ? 30 : Et}%`), Fe = [
-    ...w ? ["2.75rem"] : [],
-    ...jt,
-    ...g ? ["11rem"] : []
-  ], _t = (r) => (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? "ascending" : "descending" : void 0;
-  return /* @__PURE__ */ s("div", { className: o("space-y-4", gt), children: [
+  }, Bt = !!(m || c != null && c.length || x || b), Ft = (r) => (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? "ascending" : "descending" : void 0, qe = U(null), [Ge, He] = z([]), $t = V.map((r) => r.id).join("\0");
+  ia(() => {
+    const r = qe.current;
+    if (!r) return;
+    const d = () => {
+      var j, Ve;
+      const v = (Ve = (j = r.tBodies[0]) == null ? void 0 : j.rows.item(0)) == null ? void 0 : Ve.cells;
+      if (!v || v.length === 0) {
+        He((E) => E.length === 0 ? E : []);
+        return;
+      }
+      const C = Array.from(v, (E) => Math.round(E.getBoundingClientRect().width));
+      He(
+        (E) => E.length === C.length && E.every((qt, Gt) => qt === C[Gt]) ? E : C
+      );
+    };
+    if (d(), typeof ResizeObserver > "u") return;
+    const p = new ResizeObserver(d);
+    return p.observe(r), () => p.disconnect();
+  }, [$t, w, g, l, i]);
+  const ge = Ge.reduce((r, d) => r + d, 0);
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", St), children: [
     h && h.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: h.map((r) => {
       const d = r.id === N;
       return /* @__PURE__ */ t(
@@ -1473,7 +1490,7 @@ function hr({
           type: "button",
           role: "tab",
           "aria-selected": d,
-          onClick: () => S == null ? void 0 : S(r.id),
+          onClick: () => k == null ? void 0 : k(r.id),
           className: o(
             "-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"
@@ -1483,9 +1500,9 @@ function hr({
         r.id
       );
     }) }),
-    Pt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+    Bt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       m && /* @__PURE__ */ t(
-        ct,
+        ht,
         {
           type: "search",
           "aria-label": m.placeholder ?? "Search",
@@ -1493,29 +1510,29 @@ function hr({
           value: m.value,
           onChange: (r) => m.onChange(r.target.value),
           onClear: () => m.onChange(""),
-          leadingIcon: /* @__PURE__ */ t(Vt, {}),
+          leadingIcon: /* @__PURE__ */ t(Yt, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
       ),
       x,
-      /* @__PURE__ */ s(xe, { children: [
-        /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ s(Ne, { children: [
+        /* @__PURE__ */ t(ne, { asChild: !0, children: /* @__PURE__ */ t(
           T,
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ t(Ut, {}),
-            trailingIcon: /* @__PURE__ */ t(mt, {}),
+            leadingIcon: /* @__PURE__ */ t(Zt, {}),
+            trailingIcon: /* @__PURE__ */ t(xt, {}),
             children: "Columns"
           }
         ) }),
-        /* @__PURE__ */ s(ne, { align: "end", className: "w-54", children: [
-          /* @__PURE__ */ t(le, { className: "text-[13px]", children: "Active columns" }),
-          E.map((r) => {
-            const d = Ae(r);
+        /* @__PURE__ */ s(le, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ t(ie, { className: "text-[13px]", children: "Active columns" }),
+          V.map((r) => {
+            const d = Fe(r);
             return /* @__PURE__ */ s(
-              W,
+              X,
               {
                 checked: !0,
                 draggable: !d,
@@ -1524,27 +1541,27 @@ function hr({
                     p.preventDefault();
                     return;
                   }
-                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), Ee(r.id);
+                  p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), _e(r.id);
                 },
                 onDragOver: (p) => {
-                  me && (p.preventDefault(), wt(me, r.id));
+                  pe && (p.preventDefault(), Mt(pe, r.id));
                 },
                 onDrop: (p) => p.preventDefault(),
-                onDragEnd: () => Ee(null),
+                onDragEnd: () => _e(null),
                 onCheckedChange: (p) => {
-                  !p && !d && Me((v) => ({ ...v, [r.id]: !0 }));
+                  !p && !d && Ie((v) => ({ ...v, [r.id]: !0 }));
                 },
                 onSelect: (p) => p.preventDefault(),
                 className: "justify-between",
                 children: [
                   /* @__PURE__ */ t("span", { className: "truncate", children: r.header }),
-                  d ? /* @__PURE__ */ t(Wt, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ t(
-                    Ot,
+                  d ? /* @__PURE__ */ t(Kt, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ t(
+                    ea,
                     {
                       "aria-hidden": !0,
                       className: o(
                         "size-3.5 shrink-0",
-                        me === r.id ? "text-primary" : "text-subtle"
+                        pe === r.id ? "text-primary" : "text-subtle"
                       )
                     }
                   )
@@ -1553,14 +1570,14 @@ function hr({
               r.id
             );
           }),
-          Re.length > 0 ? /* @__PURE__ */ s(Oe, { children: [
-            /* @__PURE__ */ t(ye, {}),
-            /* @__PURE__ */ t(le, { className: "text-[13px]", children: "Available columns" }),
-            Re.map((r) => /* @__PURE__ */ t(
-              W,
+          Be.length > 0 ? /* @__PURE__ */ s(Ze, { children: [
+            /* @__PURE__ */ t(Ce, {}),
+            /* @__PURE__ */ t(ie, { className: "text-[13px]", children: "Available columns" }),
+            Be.map((r) => /* @__PURE__ */ t(
+              X,
               {
                 checked: !1,
-                onCheckedChange: () => Ct(r.id),
+                onCheckedChange: () => Pt(r.id),
                 onSelect: (d) => d.preventDefault(),
                 children: r.header
               },
@@ -1569,21 +1586,21 @@ function hr({
           ] }) : null
         ] })
       ] }),
-      c && c.length > 0 ? /* @__PURE__ */ s(xe, { children: [
-        /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ t(
+      c && c.length > 0 ? /* @__PURE__ */ s(Ne, { children: [
+        /* @__PURE__ */ t(ne, { asChild: !0, children: /* @__PURE__ */ t(
           T,
           {
             variant: "secondary",
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ t($e, {})
+            children: /* @__PURE__ */ t(Oe, {})
           }
         ) }),
-        /* @__PURE__ */ t(ne, { align: "start", className: "w-54", children: c.map((r) => /* @__PURE__ */ t(
-          se,
+        /* @__PURE__ */ t(le, { align: "start", className: "w-54", children: c.map((r) => /* @__PURE__ */ t(
+          de,
           {
-            onSelect: () => fe(
+            onSelect: () => be(
               (d) => d.includes(r.id) ? d : [...d, r.id]
             ),
             children: r.label
@@ -1593,10 +1610,10 @@ function hr({
       ] }) : null,
       b ? /* @__PURE__ */ t("div", { className: "flex-0 sm:ml-auto", children: b }) : null
     ] }),
-    be.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-      be.map((r) => {
+    he.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      he.map((r) => {
         const d = () => {
-          r.onChange([]), fe((p) => p.filter((v) => v !== r.id));
+          r.onChange([]), be((p) => p.filter((v) => v !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ t(
@@ -1608,39 +1625,39 @@ function hr({
               "aria-label": `Remove ${r.label} filter`,
               className: "rounded-r-none",
               onClick: d,
-              children: /* @__PURE__ */ t(ie, {})
+              children: /* @__PURE__ */ t(oe, {})
             }
           ),
-          /* @__PURE__ */ s(xe, { children: [
-            /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ s(T, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
-              /* @__PURE__ */ t($e, {}),
+          /* @__PURE__ */ s(Ne, { children: [
+            /* @__PURE__ */ t(ne, { asChild: !0, children: /* @__PURE__ */ s(T, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+              /* @__PURE__ */ t(Oe, {}),
               /* @__PURE__ */ t("span", { className: "font-medium", children: r.label }),
               /* @__PURE__ */ t("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
               /* @__PURE__ */ t("span", { className: "text-muted", children: r.value.length > 0 ? `${r.value.length} selected` : "Enter value" }),
-              /* @__PURE__ */ t(oe, { className: "text-muted" })
+              /* @__PURE__ */ t(se, { className: "text-muted" })
             ] }) }),
-            /* @__PURE__ */ s(ne, { align: "start", className: "w-56", children: [
-              /* @__PURE__ */ s(le, { className: "text-[13px]", children: [
+            /* @__PURE__ */ s(le, { align: "start", className: "w-56", children: [
+              /* @__PURE__ */ s(ie, { className: "text-[13px]", children: [
                 "Filter by ",
                 r.label
               ] }),
               r.options.map((p) => {
                 const v = r.value.includes(p.value);
                 return /* @__PURE__ */ t(
-                  W,
+                  X,
                   {
                     checked: v,
                     onCheckedChange: () => r.onChange(
-                      v ? r.value.filter((z) => z !== p.value) : [...r.value, p.value]
+                      v ? r.value.filter((C) => C !== p.value) : [...r.value, p.value]
                     ),
-                    onSelect: (z) => z.preventDefault(),
+                    onSelect: (C) => C.preventDefault(),
                     children: p.label
                   },
                   p.value
                 );
               }),
-              /* @__PURE__ */ t(ye, {}),
-              /* @__PURE__ */ t(se, { onSelect: d, children: "Clear filter" })
+              /* @__PURE__ */ t(Ce, {}),
+              /* @__PURE__ */ t(de, { onSelect: d, children: "Clear filter" })
             ] })
           ] })
         ] }, r.id);
@@ -1650,18 +1667,18 @@ function hr({
         {
           type: "button",
           onClick: () => {
-            for (const r of be) r.onChange([]);
-            fe([]);
+            for (const r of he) r.onChange([]);
+            be([]);
           },
           className: "text-sm text-muted transition-colors hover:text-fg",
           children: "Clear filters"
         }
       )
     ] }) : null,
-    C,
-    w && R.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: [
+    S,
+    w && A.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: [
-        R.size,
+        A.size,
         " selected"
       ] }),
       /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: (P ?? []).map((r) => /* @__PURE__ */ s(
@@ -1670,7 +1687,7 @@ function hr({
           size: "md",
           variant: r.variant ?? "outline",
           disabled: r.disabled,
-          onClick: () => void r.onRun(Dt),
+          onClick: () => void r.onRun(Lt),
           children: [
             r.icon,
             r.label
@@ -1682,108 +1699,119 @@ function hr({
         "button",
         {
           type: "button",
-          onClick: () => pe(/* @__PURE__ */ new Set()),
+          onClick: () => fe(/* @__PURE__ */ new Set()),
           className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
           children: [
-            /* @__PURE__ */ t(ie, { className: "size-3.5" }),
+            /* @__PURE__ */ t(oe, { className: "size-3.5" }),
             "Clear"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ t(
-      ce,
+      ue,
       {
-        action: ue,
-        tone: Y,
-        headerClassName: Z,
-        panelClassName: ht,
+        action: ee,
+        tone: me,
+        headerClassName: wt,
+        panelClassName: Ct,
         header: (
-          // Visible header: presentational so its controls stay focusable while
-          // the body table carries the semantic column headers (sr-only).
-          /* @__PURE__ */ s("table", { role: "presentation", className: "w-full table-fixed border-collapse", children: [
-            /* @__PURE__ */ t("colgroup", { children: Fe.map((r, d) => /* @__PURE__ */ t("col", { style: { width: r } }, d)) }),
-            /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { children: [
-              w && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-11 px-4 align-middle", children: /* @__PURE__ */ t(
-                ve,
-                {
-                  "aria-label": "Select all rows",
-                  checked: Be ? !0 : zt ? "indeterminate" : !1,
-                  onCheckedChange: Tt
-                }
-              ) }),
-              E.map((r) => /* @__PURE__ */ t(
-                "th",
-                {
-                  className: o(Ua, r.align === "right" && "text-right", r.className),
-                  children: r.sortable ? /* @__PURE__ */ s(
-                    T,
+          // Visible header band. Presentational (aria-sort lives on the body's
+          // sr-only thead); widths are pinned to the measured body columns and
+          // hidden until the first measurement lands so columns never flash.
+          /* @__PURE__ */ s(
+            "table",
+            {
+              role: "presentation",
+              className: "w-full table-fixed border-collapse",
+              style: {
+                width: ge > 0 ? ge : void 0,
+                visibility: ge > 0 ? void 0 : "hidden"
+              },
+              children: [
+                /* @__PURE__ */ t("colgroup", { children: Ge.map((r, d) => /* @__PURE__ */ t("col", { style: { width: r } }, d)) }),
+                /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { children: [
+                  w && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-11 px-4 align-middle", children: /* @__PURE__ */ t(
+                    ye,
                     {
-                      type: "button",
-                      variant: "ghost",
-                      size: "xs",
-                      "aria-label": `Sort by ${r.header}`,
-                      onClick: () => kt(r),
-                      className: o(
-                        "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",
-                        (y == null ? void 0 : y.id) === r.id && "text-table-header-active"
-                      ),
-                      children: [
-                        r.header,
-                        (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? /* @__PURE__ */ t(Jt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(oe, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(Qt, { className: "size-3.5 opacity-50" })
-                      ]
+                      "aria-label": "Select all rows",
+                      checked: $e ? !0 : _t ? "indeterminate" : !1,
+                      onCheckedChange: Rt
                     }
-                  ) : r.header
-                },
-                r.id
-              )),
-              g && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Actions" }) })
-            ] }) })
-          ] })
+                  ) }),
+                  V.map((r) => /* @__PURE__ */ t(
+                    "th",
+                    {
+                      className: o(er, r.align === "right" && "text-right", r.className),
+                      children: r.sortable ? /* @__PURE__ */ s(
+                        T,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "xs",
+                          "aria-label": `Sort by ${r.header}`,
+                          onClick: () => Et(r),
+                          className: o(
+                            "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",
+                            (y == null ? void 0 : y.id) === r.id && "text-table-header-active"
+                          ),
+                          children: [
+                            r.header,
+                            (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? /* @__PURE__ */ t(aa, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(se, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ t(ra, { className: "size-3.5 opacity-50" })
+                          ]
+                        }
+                      ) : r.header
+                    },
+                    r.id
+                  )),
+                  g && /* @__PURE__ */ t("th", { className: "h-(--table-header-h) w-44 px-4 align-middle", children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Actions" }) })
+                ] }) })
+              ]
+            }
+          )
         ),
         children: l ? /* @__PURE__ */ t("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((r) => /* @__PURE__ */ t("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, r)) }) : i ? /* @__PURE__ */ s("div", { className: "flex min-h-88 flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
-          /* @__PURE__ */ t("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__ */ t(Xt, { weight: "duotone" }) }),
+          /* @__PURE__ */ t("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__ */ t(ta, { weight: "duotone" }) }),
           /* @__PURE__ */ s("div", { className: "space-y-2", children: [
             /* @__PURE__ */ t("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: i.title }),
             i.description ? /* @__PURE__ */ t("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: i.description }) : null
           ] }),
           i.action
-        ] }) : j.length === 0 ? /* @__PURE__ */ t(
-          Va,
+        ] }) : L.length === 0 ? /* @__PURE__ */ t(
+          Ka,
           {
             icon: u == null ? void 0 : u.icon,
             title: (u == null ? void 0 : u.title) ?? "No results",
             description: typeof (u == null ? void 0 : u.description) == "string" ? u.description : void 0,
             action: u == null ? void 0 : u.action
           }
-        ) : /* @__PURE__ */ s("table", { className: "w-full table-fixed border-collapse", children: [
-          /* @__PURE__ */ t("colgroup", { children: Fe.map((r, d) => /* @__PURE__ */ t("col", { style: { width: r } }, d)) }),
+        ) : /* @__PURE__ */ s("table", { ref: qe, className: "w-full table-auto border-collapse text-left", children: [
           /* @__PURE__ */ t("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
             w && /* @__PURE__ */ t("th", { scope: "col", children: "Select" }),
-            E.map((r) => /* @__PURE__ */ t("th", { scope: "col", "aria-sort": _t(r), children: r.header }, r.id)),
+            V.map((r) => /* @__PURE__ */ t("th", { scope: "col", "aria-sort": Ft(r), children: r.header }, r.id)),
             g && /* @__PURE__ */ t("th", { scope: "col", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ t(pa, { children: j.map((r) => {
-            const d = n(r), p = R.has(d);
+          /* @__PURE__ */ t(wa, { children: L.map((r) => {
+            const d = n(r), p = A.has(d);
             return /* @__PURE__ */ s(
-              fa,
+              Ca,
               {
                 "data-state": p ? "selected" : void 0,
-                onClick: F ? () => F(r) : void 0,
-                className: F ? "cursor-pointer" : void 0,
+                onClick: q ? () => q(r) : void 0,
+                className: q ? "cursor-pointer" : void 0,
                 children: [
-                  w && /* @__PURE__ */ t(he, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ t(
-                    ve,
+                  w && /* @__PURE__ */ t(xe, { className: "w-11 px-4", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ t(
+                    ye,
                     {
                       "aria-label": "Select row",
                       checked: p,
-                      onCheckedChange: () => Mt(d)
+                      onCheckedChange: () => At(d)
                     }
                   ) }),
-                  E.map((v) => /* @__PURE__ */ t(
-                    he,
+                  V.map((v) => /* @__PURE__ */ t(
+                    xe,
                     {
                       "data-numeric": v.numeric ? "" : void 0,
                       className: o(v.align === "right" && "text-right", v.className),
@@ -1791,7 +1819,7 @@ function hr({
                     },
                     v.id
                   )),
-                  g && /* @__PURE__ */ t(he, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: g(r) })
+                  g && /* @__PURE__ */ t(xe, { className: "w-44 px-4 text-right", onClick: (v) => v.stopPropagation(), children: g(r) })
                 ]
               },
               d
@@ -1800,48 +1828,49 @@ function hr({
         ] })
       }
     ),
-    !l && !i && G.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    jt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
-        te + 1,
+        re + 1,
         "–",
-        Math.min(te + L, G.length),
+        Math.min(re + _, B.length),
         " of ",
-        G.length
+        B.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(Ga, { value: String(L), onValueChange: (r) => vt(Number(r)), children: [
-          /* @__PURE__ */ t(ft, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ t(qa, {}) }),
-          /* @__PURE__ */ t(bt, { children: _.map((r) => /* @__PURE__ */ s(De, { value: String(r), children: [
-            r,
-            " / page"
-          ] }, r)) })
+        /* @__PURE__ */ s(Ya, { value: String(_), onValueChange: (r) => zt(Number(r)), children: [
+          /* @__PURE__ */ t(Nt, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ t(Qa, {}) }),
+          /* @__PURE__ */ t(yt, { children: R.map((r) => /* @__PURE__ */ t(Me, { value: String(r), children: r }, r)) })
         ] }),
-        /* @__PURE__ */ t(
-          T,
-          {
-            variant: "outline",
-            size: "md",
-            disabled: q <= 0,
-            onClick: () => K((r) => Math.max(0, r - 1)),
-            children: "Previous"
-          }
-        ),
-        /* @__PURE__ */ t(
-          T,
-          {
-            variant: "outline",
-            size: "md",
-            disabled: q >= H - 1,
-            onClick: () => K((r) => Math.min(H - 1, r + 1)),
-            children: "Next"
-          }
-        )
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ t(
+            T,
+            {
+              variant: "secondary",
+              size: "icon",
+              "aria-label": "Previous page",
+              disabled: H <= 0,
+              onClick: () => te((r) => Math.max(0, r - 1)),
+              children: /* @__PURE__ */ t(na, {})
+            }
+          ),
+          /* @__PURE__ */ t(
+            T,
+            {
+              variant: "secondary",
+              size: "icon",
+              "aria-label": "Next page",
+              disabled: H >= O - 1,
+              onClick: () => te((r) => Math.min(O - 1, r + 1)),
+              children: /* @__PURE__ */ t(et, {})
+            }
+          )
+        ] })
       ] })
     ] })
   ] });
 }
-function gr({ icon: e, title: a, description: n, action: l, className: i }) {
-  return /* @__PURE__ */ t(ce, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+function zr({ icon: e, title: a, description: n, action: l, className: i }) {
+  return /* @__PURE__ */ t(ue, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
     e ? /* @__PURE__ */ t("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: e }) : null,
     /* @__PURE__ */ s("div", { className: "space-y-1", children: [
       /* @__PURE__ */ t("p", { className: "text-sm font-medium text-fg", children: a }),
@@ -1850,7 +1879,7 @@ function gr({ icon: e, title: a, description: n, action: l, className: i }) {
     l
   ] }) });
 }
-function xr({ className: e, ...a }) {
+function Dr({ className: e, ...a }) {
   return /* @__PURE__ */ t(
     "kbd",
     {
@@ -1862,8 +1891,8 @@ function xr({ className: e, ...a }) {
     }
   );
 }
-const Oa = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
-  ta.Root,
+const ar = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
+  ca.Root,
   {
     ref: n,
     className: o(
@@ -1873,8 +1902,8 @@ const Oa = f(({ className: e, ...a }, n) => /* @__PURE__ */ t(
     ...a
   }
 ));
-Oa.displayName = "Label";
-function vr({
+ar.displayName = "Label";
+function Tr({
   value: e,
   onValueChange: a,
   options: n,
@@ -1882,7 +1911,7 @@ function vr({
   className: i,
   ...u
 }) {
-  const m = de();
+  const m = ce();
   return /* @__PURE__ */ t(
     "div",
     {
@@ -1926,8 +1955,8 @@ function vr({
     }
   );
 }
-const Xa = f(({ className: e, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ t(
-  aa.Root,
+const rr = f(({ className: e, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ t(
+  ua.Root,
   {
     ref: i,
     decorative: n,
@@ -1940,8 +1969,8 @@ const Xa = f(({ className: e, orientation: a = "horizontal", decorative: n = !0,
     ...l
   }
 ));
-Xa.displayName = "Separator";
-function Nr({ className: e, ...a }) {
+rr.displayName = "Separator";
+function Mr({ className: e, ...a }) {
   return /* @__PURE__ */ t(
     "div",
     {
@@ -1950,8 +1979,8 @@ function Nr({ className: e, ...a }) {
     }
   );
 }
-const yr = O.Provider, wr = O.Root, Cr = O.Trigger, Ja = f(({ className: e, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ t(O.Portal, { children: /* @__PURE__ */ t(
-  O.Content,
+const Pr = J.Provider, Ir = J.Root, jr = J.Trigger, nr = f(({ className: e, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ t(J.Portal, { children: /* @__PURE__ */ t(
+  J.Content,
   {
     ref: l,
     sideOffset: a,
@@ -1968,82 +1997,82 @@ const yr = O.Provider, wr = O.Root, Cr = O.Trigger, Ja = f(({ className: e, side
     ...n
   }
 ) }));
-Ja.displayName = "TooltipContent";
+nr.displayName = "TooltipContent";
 export {
-  rr as AgentPrompt,
-  Ye as Avatar,
-  Ke as AvatarFallback,
-  Ze as AvatarImage,
-  da as Badge,
+  mr as AgentPrompt,
+  rt as Avatar,
+  lt as AvatarFallback,
+  nt as AvatarImage,
+  xa as Badge,
   T as Button,
-  nr as Callout,
-  va as Card,
-  wa as CardContent,
-  ya as CardDescription,
-  Ca as CardFooter,
-  et as CardHeader,
-  Na as CardTitle,
-  ve as Checkbox,
-  dr as ChoiceDialog,
-  cr as CodeBlock,
-  hr as DataTable,
-  br as DataTableIdentity,
-  Ta as Dialog,
-  Ia as DialogBody,
-  lt as DialogCancel,
-  sr as DialogClose,
-  ot as DialogContent,
-  _a as DialogDescription,
-  ja as DialogFooter,
-  Ea as DialogHeader,
-  Pa as DialogPanel,
-  st as DialogTitle,
-  nt as DialogTrigger,
-  xe as DropdownMenu,
-  W as DropdownMenuCheckboxItem,
-  mt as DropdownMenuChevron,
-  ne as DropdownMenuContent,
-  ur as DropdownMenuGroup,
-  se as DropdownMenuItem,
-  le as DropdownMenuLabel,
-  mr as DropdownMenuPortal,
-  ye as DropdownMenuSeparator,
-  pr as DropdownMenuSub,
-  $a as DropdownMenuSubContent,
-  pt as DropdownMenuSubTrigger,
-  re as DropdownMenuTrigger,
-  gr as EmptyState,
-  ct as Input,
-  xr as Kbd,
-  Oa as Label,
-  Ra as RadioCard,
-  La as RadioGroup,
-  vr as Segmented,
-  Ga as Select,
-  bt as SelectContent,
-  fr as SelectGroup,
-  De as SelectItem,
-  Ha as SelectLabel,
-  ft as SelectTrigger,
-  qa as SelectValue,
-  Xa as Separator,
-  Nr as Skeleton,
-  na as Spinner,
-  lr as Table,
-  pa as TableBody,
-  he as TableCell,
-  ua as TableContainer,
-  Va as TableEmptyState,
-  or as TableHead,
-  ir as TableHeader,
-  ma as TablePanel,
-  fa as TableRow,
-  ce as TableSurface,
-  wr as Tooltip,
-  Ja as TooltipContent,
-  yr as TooltipProvider,
-  Cr as TooltipTrigger,
-  oa as badgeVariants,
-  la as buttonVariants
+  pr as Callout,
+  Ta as Card,
+  Ia as CardContent,
+  Pa as CardDescription,
+  ja as CardFooter,
+  it as CardHeader,
+  Ma as CardTitle,
+  ye as Checkbox,
+  xr as ChoiceDialog,
+  vr as CodeBlock,
+  kr as DataTable,
+  Sr as DataTableIdentity,
+  Aa as Dialog,
+  $a as DialogBody,
+  ut as DialogCancel,
+  gr as DialogClose,
+  pt as DialogContent,
+  Ha as DialogDescription,
+  Ga as DialogFooter,
+  qa as DialogHeader,
+  Fa as DialogPanel,
+  ft as DialogTitle,
+  ct as DialogTrigger,
+  Ne as DropdownMenu,
+  X as DropdownMenuCheckboxItem,
+  xt as DropdownMenuChevron,
+  le as DropdownMenuContent,
+  Nr as DropdownMenuGroup,
+  de as DropdownMenuItem,
+  ie as DropdownMenuLabel,
+  yr as DropdownMenuPortal,
+  Ce as DropdownMenuSeparator,
+  wr as DropdownMenuSub,
+  Ja as DropdownMenuSubContent,
+  vt as DropdownMenuSubTrigger,
+  ne as DropdownMenuTrigger,
+  zr as EmptyState,
+  ht as Input,
+  Dr as Kbd,
+  ar as Label,
+  Oa as RadioCard,
+  Va as RadioGroup,
+  Tr as Segmented,
+  Ya as Select,
+  yt as SelectContent,
+  Cr as SelectGroup,
+  Me as SelectItem,
+  Za as SelectLabel,
+  Nt as SelectTrigger,
+  Qa as SelectValue,
+  rr as Separator,
+  Mr as Skeleton,
+  pa as Spinner,
+  fr as Table,
+  wa as TableBody,
+  xe as TableCell,
+  Na as TableContainer,
+  Ka as TableEmptyState,
+  hr as TableHead,
+  br as TableHeader,
+  ya as TablePanel,
+  Ca as TableRow,
+  ue as TableSurface,
+  Ir as Tooltip,
+  nr as TooltipContent,
+  Pr as TooltipProvider,
+  jr as TooltipTrigger,
+  ha as badgeVariants,
+  fa as buttonVariants
 };
 //# sourceMappingURL=index.js.map