@jinaan/uikit 0.1.41 → 0.1.43

package/dist/index.js

@@ -1,30 +1,30 @@
 import { jsx as e, jsxs as s, Fragment as Pe } from "react/jsx-runtime";
-import { CircleNotch as ta, Robot as aa, Terminal as ra, Check as Z, Copy as ct, XCircle as na, Warning as la, CheckCircle as ia, Info as oa, Minus as sa, X as ue, CaretDown as me, CaretRight as ut, MagnifyingGlass as da, Columns as ca, Lock as ua, DotsSixVertical as ma, FunnelSimple as rt, WarningCircle as pa, CaretUp as fa, CaretUpDown as ba, CaretLeft as ha } from "@phosphor-icons/react";
-import { forwardRef as f, useState as D, Children as mt, isValidElement as pt, useRef as j, useEffect as K, useContext as V, useCallback as ft, createContext as ee, useId as fe, useMemo as nt, useLayoutEffect as ga } from "react";
-import { Slot as xa } from "@radix-ui/react-slot";
+import { CircleNotch as la, Robot as ia, Terminal as oa, Check as ee, Copy as ct, XCircle as sa, Warning as da, CheckCircle as ca, Info as ua, Minus as ma, X as ue, CaretDown as me, CaretRight as ut, MagnifyingGlass as pa, Columns as fa, Lock as ba, DotsSixVertical as ha, FunnelSimple as rt, WarningCircle as ga, CaretUp as xa, CaretUpDown as va, CaretLeft as ya } from "@phosphor-icons/react";
+import { forwardRef as f, useState as D, Children as mt, isValidElement as pt, useRef as j, useEffect as Q, useContext as W, useCallback as ft, createContext as te, useId as fe, useMemo as nt, useLayoutEffect as Na } from "react";
+import { Slot as wa } from "@radix-ui/react-slot";
 import { cva as Ie } from "class-variance-authority";
-import { clsx as va } from "clsx";
-import { twMerge as ya } from "tailwind-merge";
+import { clsx as Ca } from "clsx";
+import { twMerge as Sa } from "tailwind-merge";
 import * as Re from "@radix-ui/react-avatar";
 import * as lt from "@radix-ui/react-checkbox";
 import * as I from "@radix-ui/react-dialog";
 import * as T from "@radix-ui/react-dropdown-menu";
 import * as P from "@radix-ui/react-select";
-import * as Na from "@radix-ui/react-label";
-import * as wa from "@radix-ui/react-separator";
-import * as Y from "@radix-ui/react-tooltip";
+import * as ka from "@radix-ui/react-label";
+import * as za from "@radix-ui/react-separator";
+import * as Z from "@radix-ui/react-tooltip";
 function o(...t) {
-  return ya(va(t));
+  return Sa(Ca(t));
 }
-function Ca(t, a, n) {
+function Da(t, a, n) {
   if (a === n || a < 0 || n < 0 || a >= t.length || n >= t.length)
     return t;
   const l = [...t], [i] = l.splice(a, 1);
   return l.splice(n, 0, i), l;
 }
-function Sa({ className: t }) {
+function Ta({ className: t }) {
   return /* @__PURE__ */ e(
-    ta,
+    la,
     {
       className: o("size-4 animate-spin text-muted", t),
       weight: "bold",
@@ -32,7 +32,7 @@ function Sa({ className: t }) {
     }
   );
 }
-const ka = Ie(
+const Ma = Ie(
   "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 ka = Ie(
       size: "md"
     }
   }
-), za = {
+), Pa = {
   xs: "[&_svg]:size-[var(--control-icon-xs)]",
   sm: "[&_svg]:size-[var(--control-icon-sm)]",
   md: "[&_svg]:size-[var(--control-icon-md)]",
@@ -80,7 +80,7 @@ const ka = Ie(
     children: x,
     ...w
   }, S) => {
-    const y = l ? xa : "button", C = za[n ?? "md"];
+    const y = l ? wa : "button", C = Pa[n ?? "md"];
     return /* @__PURE__ */ e(
       y,
       {
@@ -88,7 +88,7 @@ const ka = Ie(
         "aria-busy": c || void 0,
         disabled: l ? void 0 : b || c,
         className: o(
-          ka({ variant: a, size: n }),
+          Ma({ variant: a, size: n }),
           m && "aspect-square px-0",
           v && "w-full",
           c && "disabled:opacity-100",
@@ -120,7 +120,7 @@ const ka = Ie(
                 c ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"
               ),
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(Sa, { className: o("text-current", C) })
+              children: /* @__PURE__ */ e(Ta, { className: o("text-current", C) })
             }
           )
         ] })
@@ -129,7 +129,7 @@ const ka = Ie(
   }
 );
 M.displayName = "Button";
-function Cr({
+function Dr({
   command: t,
   tag: a = "Build with agents",
   icon: n,
@@ -143,11 +143,11 @@ function Cr({
   };
   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__ */ e(aa, { className: "size-3.5", weight: "fill" }),
+      n ?? /* @__PURE__ */ e(ia, { 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(ra, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e(oa, { 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,7 +158,7 @@ function Cr({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: m,
-          children: i ? /* @__PURE__ */ e(Z, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ct, {})
+          children: i ? /* @__PURE__ */ e(ee, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ct, {})
         }
       )
     ] })
@@ -197,7 +197,7 @@ const gt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 gt.displayName = "AvatarFallback";
-const Da = Ie(
+const Ia = Ie(
   "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 Da = Ie(
     },
     defaultVariants: { variant: "neutral" }
   }
-), Ta = Ie("size-1.5 shrink-0 rounded-full", {
+), Ra = Ie("size-1.5 shrink-0 rounded-full", {
   variants: {
     variant: {
       neutral: "bg-subtle",
@@ -227,42 +227,42 @@ const Da = Ie(
   },
   defaultVariants: { variant: "neutral" }
 });
-function Ma({ className: t, variant: a, dot: n = !1, children: l, ...i }) {
-  return /* @__PURE__ */ s("span", { className: o(Da({ variant: a }), t), ...i, children: [
-    n ? /* @__PURE__ */ e("span", { className: o(Ta({ variant: a })), "aria-hidden": !0 }) : null,
+function ja({ className: t, variant: a, dot: n = !1, children: l, ...i }) {
+  return /* @__PURE__ */ s("span", { className: o(Ia({ variant: a }), t), ...i, children: [
+    n ? /* @__PURE__ */ e("span", { className: o(Ra({ variant: a })), "aria-hidden": !0 }) : null,
     l
   ] });
 }
-const Pa = {
+const Ea = {
   info: {
-    Icon: oa,
+    Icon: ua,
     className: "border-info/30 bg-info/10",
     iconClassName: "text-info"
   },
   success: {
-    Icon: ia,
+    Icon: ca,
     className: "border-success/30 bg-success/10",
     iconClassName: "text-success"
   },
   warning: {
-    Icon: la,
+    Icon: da,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: na,
+    Icon: sa,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Sr({
+function Tr({
   variant: t = "info",
   title: a,
   children: n,
   icon: l,
   className: i
 }) {
-  const { Icon: u, className: m, iconClassName: c } = Pa[t];
+  const { Icon: u, className: m, iconClassName: c } = Ea[t];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -283,7 +283,7 @@ function Sr({
     }
   );
 }
-function Ia({
+function _a({
   className: t,
   ...a
 }) {
@@ -298,7 +298,7 @@ function Ia({
     }
   );
 }
-function Ra({
+function La({
   className: t,
   ...a
 }) {
@@ -313,7 +313,7 @@ function Ra({
     }
   );
 }
-function kr({ className: t, ...a }) {
+function Mr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "table",
     {
@@ -322,13 +322,13 @@ function kr({ className: t, ...a }) {
     }
   );
 }
-function zr({ className: t, ...a }) {
+function Pr({ className: t, ...a }) {
   return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
-function ja({ className: t, ...a }) {
+function Aa({ className: t, ...a }) {
   return /* @__PURE__ */ e("tbody", { className: o("[&_tr:last-child]:border-0", t), ...a });
 }
-function Ea({ className: t, ...a }) {
+function Ba({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "tr",
     {
@@ -340,7 +340,7 @@ function Ea({ className: t, ...a }) {
     }
   );
 }
-function Dr({ className: t, ...a }) {
+function Ir({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "th",
     {
@@ -364,16 +364,16 @@ function Se({ className: t, ...a }) {
     }
   );
 }
-const _a = {
+const Fa = {
   default: "bg-table-container",
   muted: "bg-surface border border-line",
   transparent: "bg-transparent"
-}, La = {
+}, $a = {
   default: "bg-table-panel border-table-panel-border",
   muted: "bg-elevated border-line",
   transparent: "bg-transparent border-line"
 };
-function Aa(t) {
+function qa(t) {
   return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
 }
 function be({
@@ -390,7 +390,7 @@ function be({
   scrollMode: x = "surface",
   headerContentRef: w
 }) {
-  const S = !!(t || a), y = x === "panel", C = Aa(i) ? /* @__PURE__ */ e(
+  const S = !!(t || a), y = x === "panel", C = qa(i) ? /* @__PURE__ */ e(
     M,
     {
       variant: i.variant ?? "primary",
@@ -437,14 +437,14 @@ function be({
       }
     )
   ) : null, h = /* @__PURE__ */ e(
-    Ra,
+    La,
     {
-      className: o(La[u], v),
+      className: o($a[u], v),
       style: b ? { minHeight: b } : void 0,
       children: l
     }
   );
-  return /* @__PURE__ */ s(Ia, { className: o("relative", _a[u], m), children: [
+  return /* @__PURE__ */ s(_a, { className: o("relative", Fa[u], m), children: [
     y ? /* @__PURE__ */ s(Pe, { children: [
       k,
       h
@@ -455,7 +455,7 @@ function be({
     C ? /* @__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: C }) }) : null
   ] });
 }
-function Ba(t) {
+function Ga(t) {
   const a = mt.toArray(t), n = a.filter(
     (l) => pt(l) && l.type === xt
   );
@@ -464,13 +464,13 @@ function Ba(t) {
     body: a.filter((l) => !n.includes(l))
   };
 }
-const Fa = f(
+const Ha = f(
   ({ className: t, children: a, ...n }, l) => {
-    const { header: i, body: u } = Ba(a);
+    const { header: i, body: u } = Ga(a);
     return /* @__PURE__ */ e("div", { ref: l, ...n, children: /* @__PURE__ */ e(be, { className: o("shadow-xs", t), header: i, children: u }) });
   }
 );
-Fa.displayName = "Card";
+Ha.displayName = "Card";
 const xt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
@@ -483,7 +483,7 @@ const xt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 xt.displayName = "CardHeader";
-const $a = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const Va = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "h2",
   {
     ref: n,
@@ -491,8 +491,8 @@ const $a = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-$a.displayName = "CardTitle";
-const qa = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+Va.displayName = "CardTitle";
+const Wa = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "p",
   {
     ref: n,
@@ -504,10 +504,10 @@ const qa = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-qa.displayName = "CardDescription";
-const Ga = f(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
-Ga.displayName = "CardContent";
-const Ha = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+Wa.displayName = "CardDescription";
+const Oa = f(({ className: t, ...a }, n) => /* @__PURE__ */ e("div", { ref: n, className: o("px-5 py-4", t), ...a }));
+Oa.displayName = "CardContent";
+const Ua = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
@@ -518,7 +518,7 @@ const Ha = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Ha.displayName = "CardFooter";
+Ua.displayName = "CardFooter";
 const De = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   lt.Root,
   {
@@ -532,7 +532,7 @@ const De = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e(lt.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(sa, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(Z, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(lt.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(ma, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3", weight: "bold" }) })
   }
 ));
 De.displayName = "Checkbox";
@@ -542,7 +542,7 @@ function it(t) {
 function ot(t) {
   return Math.min(1, Math.max(0.1, t));
 }
-function Va(t, a) {
+function Xa(t, a) {
   return !it(t) || !it(a) ? null : {
     dx: t.left + t.width / 2 - (a.left + a.width / 2),
     dy: t.top + t.height / 2 - (a.top + a.height / 2),
@@ -551,7 +551,7 @@ function Va(t, a) {
   };
 }
 const vt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let H = null, st = !1;
+let V = null, st = !1;
 function je(t) {
   const a = t.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
@@ -566,9 +566,9 @@ function Te(t) {
   const a = t.closest(vt);
   if (!a) return;
   const n = je(a);
-  n && (H = { rect: n, at: Date.now() });
+  n && (V = { rect: n, at: Date.now() });
 }
-function Wa() {
+function Ja() {
   st || typeof document > "u" || (st = !0, document.addEventListener(
     "pointerdown",
     (t) => Te(t.target),
@@ -581,18 +581,18 @@ function Wa() {
     !0
   ));
 }
-function Oa(t) {
-  if (H && Date.now() - H.at < 2e3) {
-    const n = H.rect;
-    return H = null, n;
+function Ka(t) {
+  if (V && Date.now() - V.at < 2e3) {
+    const n = V.rect;
+    return V = null, n;
   }
-  H = null;
+  V = null;
   const a = document.activeElement;
   return a instanceof Element && a !== t && !t.contains(a) && a.matches(vt) ? je(a) : null;
 }
-const Ua = 250, yt = ee(!1), Nt = ee(() => {
-}), Ee = ee(!1);
-function Xa({
+const Qa = 250, yt = te(!1), Nt = te(() => {
+}), Ee = te(!1);
+function Ya({
   open: t,
   defaultOpen: a,
   onOpenChange: n,
@@ -604,9 +604,9 @@ function Xa({
   ), [c, v] = D(!1), b = j(!1), x = j(null), w = t ?? u, S = j(w);
   S.current = w;
   const y = t !== void 0;
-  K(() => Wa(), []), K(() => {
+  Q(() => Ja(), []), Q(() => {
     t && (x.current && clearTimeout(x.current), b.current = !1, v(!1));
-  }, [t]), K(
+  }, [t]), Q(
     () => () => {
       x.current && clearTimeout(x.current);
     },
@@ -626,7 +626,7 @@ function Xa({
       y || m(!1), n == null || n(!1), requestAnimationFrame(() => {
         S.current && (b.current = !1, v(!1));
       });
-    }, Ua);
+    }, Qa);
   };
   return /* @__PURE__ */ e(Nt.Provider, { value: () => C(!1), children: /* @__PURE__ */ e(yt.Provider, { value: c, children: /* @__PURE__ */ e(Ee.Provider, { value: !0, children: /* @__PURE__ */ e(
     I.Root,
@@ -649,7 +649,7 @@ const wt = f(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 wt.displayName = "DialogTrigger";
-const Tr = I.Close, Ct = f(
+const Rr = I.Close, Ct = f(
   ({ variant: t = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ e(I.Close, { asChild: !0, children: /* @__PURE__ */ e(M, { ref: l, type: "button", variant: t, ...n, children: a }) })
 );
 Ct.displayName = "DialogCancel";
@@ -662,7 +662,7 @@ function St(t, a = !0) {
     return;
   }
   t.dataset.dialogMotionStarted = "true";
-  const l = Oa(t), i = l ? Va(l, n) : null;
+  const l = Ka(t), i = l ? Xa(l, n) : null;
   i ? (t.style.setProperty("--dialog-dx", `${i.dx}px`), t.style.setProperty("--dialog-dy", `${i.dy}px`), t.style.setProperty("--dialog-sx", String(i.sx)), t.style.setProperty("--dialog-sy", String(i.sy)), t.classList.add("dialog-fly-in")) : (t.style.removeProperty("--dialog-dx"), t.style.removeProperty("--dialog-dy"), t.style.removeProperty("--dialog-sx"), t.style.removeProperty("--dialog-sy"), t.classList.add("dialog-pop-in"));
   const u = () => {
     t.classList.remove("dialog-fly-in", "dialog-pop-in");
@@ -671,7 +671,7 @@ function St(t, a = !0) {
   };
   t.addEventListener("animationend", m);
 }
-function Ja(t) {
+function Za(t) {
   return t.replace(/dvh\b/g, "vh");
 }
 const kt = f(
@@ -686,10 +686,10 @@ const kt = f(
     onPointerDownOutside: c,
     ...v
   }, b) => {
-    const x = V(yt), w = n === "top", S = w ? {
+    const x = W(yt), w = n === "top", S = w ? {
       "--dialog-top-offset": l,
-      "--dialog-top-offset-fallback": Ja(l)
-    } : void 0, y = V(Nt), C = j(null), k = ft(
+      "--dialog-top-offset-fallback": Za(l)
+    } : void 0, y = W(Nt), C = j(null), k = ft(
       (h) => {
         if (C.current = h, h && i === "auto" && St(h), typeof b == "function") {
           b(h);
@@ -760,7 +760,7 @@ const kt = f(
   }
 );
 kt.displayName = "DialogContent";
-function Ka({
+function er({
   className: t,
   ...a
 }) {
@@ -776,7 +776,7 @@ function Ka({
     }
   );
 }
-function Qa({
+function tr({
   className: t,
   ...a
 }) {
@@ -789,7 +789,7 @@ function Qa({
     }
   );
 }
-function Ya({
+function ar({
   className: t,
   ...a
 }) {
@@ -805,7 +805,7 @@ function Ya({
     }
   );
 }
-function Za({
+function rr({
   className: t,
   ...a
 }) {
@@ -822,7 +822,7 @@ function Za({
   );
 }
 const zt = f(({ className: t, ...a }, n) => {
-  const l = V(Ee) ? I.Title : "h2";
+  const l = W(Ee) ? I.Title : "h2";
   return /* @__PURE__ */ e(
     l,
     {
@@ -833,8 +833,8 @@ const zt = f(({ className: t, ...a }, n) => {
   );
 });
 zt.displayName = "DialogTitle";
-const er = f(({ className: t, ...a }, n) => {
-  const l = V(Ee) ? I.Description : "p";
+const nr = f(({ className: t, ...a }, n) => {
+  const l = W(Ee) ? I.Description : "p";
   return /* @__PURE__ */ e(
     l,
     {
@@ -844,9 +844,9 @@ const er = f(({ className: t, ...a }, n) => {
     }
   );
 });
-er.displayName = "DialogDescription";
-const Dt = ee(null);
-function tr({
+nr.displayName = "DialogDescription";
+const Dt = te(null);
+function lr({
   label: t,
   value: a,
   onChange: n,
@@ -862,7 +862,7 @@ function tr({
     m
   ] }) });
 }
-function ar({
+function ir({
   value: t,
   title: a,
   description: n,
@@ -870,7 +870,7 @@ function ar({
   disabled: i = !1,
   className: u
 }) {
-  const m = V(Dt), c = fe();
+  const m = W(Dt), c = fe();
   if (!m)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
   const v = i || m.disabled, b = m.value === t;
@@ -913,7 +913,7 @@ function ar({
         /* @__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: a }),
-            l ? /* @__PURE__ */ e(Ma, { variant: "primary", children: l }) : null
+            l ? /* @__PURE__ */ e(ja, { variant: "primary", children: l }) : null
           ] }),
           n ? /* @__PURE__ */ e("span", { id: c, className: "mt-1 block text-sm text-muted", children: n }) : null
         ] })
@@ -921,7 +921,7 @@ function ar({
     }
   );
 }
-function Mr({
+function jr({
   open: t,
   onOpenChange: a,
   trigger: n,
@@ -936,7 +936,7 @@ function Mr({
 }) {
   var k;
   const [w, S] = D(u ?? ((k = i[0]) == null ? void 0 : k.value) ?? ""), y = m ?? w;
-  return /* @__PURE__ */ s(Xa, { open: t, onOpenChange: a, children: [
+  return /* @__PURE__ */ s(Ya, { open: t, onOpenChange: a, children: [
     n ? /* @__PURE__ */ e(wt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
       kt,
@@ -944,12 +944,12 @@ function Mr({
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
-          /* @__PURE__ */ s(Ka, { children: [
-            /* @__PURE__ */ e(Ya, { children: /* @__PURE__ */ e(zt, { className: "text-xl", children: l }) }),
-            /* @__PURE__ */ e(Qa, { children: /* @__PURE__ */ e(tr, { label: l, value: y, onChange: (h) => {
+          /* @__PURE__ */ s(er, { children: [
+            /* @__PURE__ */ e(ar, { children: /* @__PURE__ */ e(zt, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(tr, { children: /* @__PURE__ */ e(lr, { label: l, value: y, onChange: (h) => {
               m === void 0 && S(h), c == null || c(h);
             }, children: i.map((h) => /* @__PURE__ */ e(
-              ar,
+              ir,
               {
                 value: h.value,
                 title: h.title,
@@ -959,7 +959,7 @@ function Mr({
               h.value
             )) }) })
           ] }),
-          /* @__PURE__ */ s(Za, { className: "gap-3 pt-2.5", children: [
+          /* @__PURE__ */ s(rr, { className: "gap-3 pt-2.5", children: [
             /* @__PURE__ */ e(Ct, { className: "flex-1", children: v }),
             /* @__PURE__ */ e(M, { className: "flex-1", onClick: () => x == null ? void 0 : x(y), children: b })
           ] })
@@ -968,7 +968,7 @@ function Mr({
     )
   ] });
 }
-function Pr({ code: t, label: a, className: n }) {
+function Er({ code: t, label: a, className: n }) {
   const [l, i] = D(!1);
   return /* @__PURE__ */ e(
     be,
@@ -977,7 +977,7 @@ function Pr({ code: t, label: a, 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: a }) }),
       action: {
         label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ e(Z, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ct, {}),
+        icon: l ? /* @__PURE__ */ e(ee, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ct, {}),
         variant: "ghost",
         onClick: async () => {
           try {
@@ -991,17 +991,17 @@ function Pr({ code: t, label: a, className: n }) {
     }
   );
 }
-const rr = {
+const or = {
   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"
-}, nr = {
+}, sr = {
   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)]"
-}, lr = {
+}, dr = {
   sm: "left-[var(--control-pad-x-sm)]",
   md: "left-[var(--control-pad-x-md)]",
   lg: "left-[var(--control-pad-x-lg)]",
@@ -1035,7 +1035,7 @@ const rr = {
     readOnly: C,
     ...k
   }, h) => {
-    const _ = fe(), B = w ?? _, W = !!x, F = !!(m && (c !== void 0 ? String(c).length > 0 : v !== void 0 && String(v).length > 0)), te = W ? `${B}-description` : void 0, he = [S, te].filter(Boolean).join(" ") || void 0, ae = /* @__PURE__ */ e(
+    const _ = fe(), B = w ?? _, O = !!x, F = !!(m && (c !== void 0 ? String(c).length > 0 : v !== void 0 && String(v).length > 0)), $ = O ? `${B}-description` : void 0, he = [S, $].filter(Boolean).join(" ") || void 0, ae = /* @__PURE__ */ e(
       "input",
       {
         ref: h,
@@ -1051,8 +1051,8 @@ const rr = {
         } : void 0,
         className: o(
           "flex w-full rounded-md border bg-(--input-bg) text-(--input-fg) transition-colors",
-          rr[l],
-          nr[l],
+          or[l],
+          sr[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",
@@ -1068,14 +1068,14 @@ const rr = {
         ...k
       }
     );
-    return !i && !u && !F && !W ? ae : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
+    return !i && !u && !F && !O ? ae : /* @__PURE__ */ s("div", { className: o("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
         i ? /* @__PURE__ */ e(
           "span",
           {
             className: o(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              lr[l]
+              dr[l]
             ),
             "aria-hidden": !0,
             children: /* @__PURE__ */ e("span", { className: o("inline-flex items-center justify-center", ke[l]), children: i })
@@ -1106,10 +1106,10 @@ const rr = {
           }
         ) : null
       ] }),
-      W ? /* @__PURE__ */ e(
+      O ? /* @__PURE__ */ e(
         "p",
         {
-          id: te,
+          id: $,
           className: o("mt-1.5 text-xs", b ? "text-error" : "text-muted"),
           children: x
         }
@@ -1130,20 +1130,20 @@ function _e(t, a) {
     i && (n += _e(i, a));
   }), n;
 }
-const Mt = ee(!1);
+const Mt = te(!1);
 function ze({
   children: t,
   ...a
 }) {
   const n = _e(t, [
     pe,
-    Q,
+    Y,
     It
   ]) === 0;
   return /* @__PURE__ */ e(Mt.Provider, { value: n, children: /* @__PURE__ */ e(T.Root, { ...a, children: t }) });
 }
 const se = f(({ className: t, disabled: a, ...n }, l) => {
-  const i = V(Mt);
+  const i = W(Mt);
   return /* @__PURE__ */ e(
     T.Trigger,
     {
@@ -1168,7 +1168,7 @@ const Pt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 Pt.displayName = "DropdownMenuChevron";
-const Ir = T.Group, Rr = T.Portal, de = f(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
+const _r = T.Group, Lr = T.Portal, de = f(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(T.Portal, { children: /* @__PURE__ */ e(
   T.Content,
   {
     ref: l,
@@ -1202,7 +1202,7 @@ const pe = f(({ className: t, inset: a, ...n }, l) => /* @__PURE__ */ e(
   }
 ));
 pe.displayName = "DropdownMenuItem";
-const Q = f(({ className: t, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
+const Y = f(({ className: t, children: a, checked: n, ...l }, i) => /* @__PURE__ */ s(
   T.CheckboxItem,
   {
     ref: i,
@@ -1213,12 +1213,12 @@ const Q = f(({ className: t, children: a, checked: n, ...l }, i) => /* @__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(Z, { className: "size-3", weight: "bold" }) }) }),
+      /* @__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" }) }) }),
       a
     ]
   }
 ));
-Q.displayName = "DropdownMenuCheckboxItem";
+Y.displayName = "DropdownMenuCheckboxItem";
 const ce = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   T.Label,
   {
@@ -1228,7 +1228,7 @@ const ce = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 ce.displayName = "DropdownMenuLabel";
-const jr = T.Sub, It = f(({ className: t, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
+const Ar = T.Sub, It = f(({ className: t, inset: a, children: n, ...l }, i) => /* @__PURE__ */ s(
   T.SubTrigger,
   {
     ref: i,
@@ -1247,7 +1247,7 @@ const jr = T.Sub, It = f(({ className: t, inset: a, children: n, ...l }, i) => /
   }
 ));
 It.displayName = "DropdownMenuSubTrigger";
-const ir = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const cr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   T.SubContent,
   {
     ref: n,
@@ -1265,7 +1265,7 @@ const ir = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-ir.displayName = "DropdownMenuSubContent";
+cr.displayName = "DropdownMenuSubContent";
 const Me = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   T.Separator,
   {
@@ -1275,8 +1275,8 @@ const Me = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 Me.displayName = "DropdownMenuSeparator";
-const Er = P.Group, or = P.Value;
-function sr({
+const Br = P.Group, ur = P.Value;
+function mr({
   children: t,
   disabled: a,
   ...n
@@ -1337,13 +1337,13 @@ const Le = f(({ className: t, children: a, ...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(Z, { className: "size-3.5" }) }) }),
+      /* @__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: a })
     ]
   }
 ));
 Le.displayName = "SelectItem";
-const dr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const pr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   P.Label,
   {
     ref: n,
@@ -1351,8 +1351,8 @@ const dr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-dr.displayName = "SelectLabel";
-function cr({
+pr.displayName = "SelectLabel";
+function fr({
   icon: t,
   title: a,
   description: n,
@@ -1377,14 +1377,14 @@ function cr({
     }
   );
 }
-const ur = "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 mr(t) {
+const br = "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 hr(t) {
   return t.split(/\s+/).slice(0, 2).map((a) => {
     var n;
     return ((n = a[0]) == null ? void 0 : n.toUpperCase()) ?? "";
   }).join("");
 }
-function _r({
+function Fr({
   name: t,
   secondary: a,
   image: n
@@ -1392,7 +1392,7 @@ function _r({
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ s(bt, { className: "size-8", children: [
       n ? /* @__PURE__ */ e(ht, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ e(gt, { children: mr(t) })
+      /* @__PURE__ */ e(gt, { children: hr(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
@@ -1400,7 +1400,7 @@ function _r({
     ] })
   ] });
 }
-function Lr({
+function $r({
   rows: t,
   columns: a,
   getRowId: n,
@@ -1420,38 +1420,42 @@ function Lr({
   bulkActions: h,
   rowActions: _,
   onRowClick: B,
-  defaultSort: W,
-  pageSize: F = 25,
-  pageSizeOptions: te = [10, 25, 50, 100],
-  pagination: he = "auto",
-  tone: ae,
-  headerAction: Et,
-  headerClassName: _t,
-  panelClassName: Lt,
-  className: At
+  defaultSort: O,
+  sort: F,
+  onSortChange: $,
+  pageSize: he = 25,
+  pageSizeOptions: ae = [10, 25, 50, 100],
+  pagination: Et = "auto",
+  tone: _t,
+  headerAction: Lt,
+  headerClassName: At,
+  panelClassName: Bt,
+  className: Ft
 }) {
   const [Ae, Be] = D(
     () => Object.fromEntries(
       a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [Fe, $e] = D(null), [ge, qe] = D(null), [N, Bt] = D(
-    W ?? null
-  ), [O, re] = D(0), [L, Ft] = D(F), [$, xe] = D(/* @__PURE__ */ new Set()), [$t, ve] = D([]), Ge = a.map((r) => r.id), He = new Map(a.map((r) => [r.id, r])), Ve = Fe ? Fe.map((r) => He.get(r)).filter((r) => !!r) : a, U = Ve.filter((r) => !Ae[r.id]), We = Ve.filter((r) => Ae[r.id] && !r.required), Oe = (r) => !!r.required, qt = (r) => He.get(r), Gt = (r, d) => {
-    const p = d ? qt(d) : void 0;
+  ), [Fe, $e] = D(null), [ge, qe] = D(null), [$t, qt] = D(
+    O ?? null
+  ), N = $ ? F ?? null : $t, Gt = (r) => {
+    $ ? $(r) : qt(r);
+  }, [U, re] = D(0), [L, Ht] = D(he), [q, xe] = D(/* @__PURE__ */ new Set()), [Vt, ve] = D([]), Ge = a.map((r) => r.id), He = new Map(a.map((r) => [r.id, r])), Ve = Fe ? Fe.map((r) => He.get(r)).filter((r) => !!r) : a, X = Ve.filter((r) => !Ae[r.id]), We = Ve.filter((r) => Ae[r.id] && !r.required), Oe = (r) => !!r.required, Wt = (r) => He.get(r), Ot = (r, d) => {
+    const p = d ? Wt(d) : void 0;
     !p || Oe(p) || r === d || $e((g) => {
       const z = g ?? Ge;
-      return Ca(z, z.indexOf(r), z.indexOf(d));
+      return Da(z, z.indexOf(r), z.indexOf(d));
     });
-  }, Ht = (r) => {
+  }, Ut = (r) => {
     Be((d) => ({ ...d, [r]: !1 })), $e((d) => d && d.includes(r) ? d : [...d ?? Ge, r]);
-  }, ye = (c ?? []).filter((r) => $t.includes(r.id)), Vt = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ne = nt(() => {
+  }, ye = (c ?? []).filter((r) => Vt.includes(r.id)), Xt = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), ne = nt(() => {
     let r = t;
     for (const p of c ?? [])
       p.value.length > 0 && (r = r.filter((g) => p.match(g, 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));
-  }, [t, m, c]), q = nt(() => {
+  }, [t, m, c]), G = nt(() => {
     if (!N) return ne;
     const r = a.find((p) => p.id === N.id);
     if (!(r != null && r.sortValue)) return ne;
@@ -1460,31 +1464,33 @@ function Lr({
       const z = r.sortValue(p), R = r.sortValue(g);
       return z == null && R == null ? 0 : z == null ? 1 : R == null ? -1 : typeof z == "number" && typeof R == "number" ? (z - R) * d : String(z).localeCompare(String(R)) * d;
     });
-  }, [ne, N, a]), X = Math.max(1, Math.ceil(q.length / L)), Wt = !l && !i && q.length > 0 && (he === "always" || q.length > L);
-  K(() => {
+  }, [ne, N, a]), J = Math.max(1, Math.ceil(G.length / L)), Jt = !l && !i && G.length > 0 && (Et === "always" || G.length > L);
+  Q(() => {
     re(0);
-  }, [m == null ? void 0 : m.value, L, N == null ? void 0 : N.id, N == null ? void 0 : N.dir, S, Vt]), K(() => {
-    O > X - 1 && re(X - 1);
-  }, [O, X]);
-  const le = O * L, A = q.slice(le, le + L), Ot = (r) => {
-    r.sortable && Bt(
-      (d) => (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
+  }, [m == null ? void 0 : m.value, L, N == null ? void 0 : N.id, N == null ? void 0 : N.dir, S, Xt]), Q(() => {
+    U > J - 1 && re(J - 1);
+  }, [U, J]);
+  const le = U * L, A = G.slice(le, le + L), Kt = (r) => {
+    if (!r.sortable) return;
+    const d = N;
+    Gt(
+      (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, Ue = A.length > 0 && A.every((r) => $.has(n(r))), Ut = A.some((r) => $.has(n(r))), Xt = t.filter((r) => $.has(n(r))), Jt = () => {
+  }, Ue = A.length > 0 && A.every((r) => q.has(n(r))), Qt = A.some((r) => q.has(n(r))), Yt = t.filter((r) => q.has(n(r))), Zt = () => {
     xe((r) => {
       const d = new Set(r);
       return Ue ? A.forEach((p) => d.delete(n(p))) : A.forEach((p) => d.add(n(p))), d;
     });
-  }, Kt = (r) => {
+  }, ea = (r) => {
     xe((d) => {
       const p = new Set(d);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, Qt = !!(m || c != null && c.length || v || b), Yt = (r) => (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? "ascending" : "descending" : void 0, Xe = j(null), Je = j(null), Ke = j(null), Qe = j(null), [G, Ne] = D([]), Zt = U.map((r) => r.id).join("\0"), ie = `${k ? "s" : "-"}|${_ ? "a" : "-"}|${Zt}`, Ye = j(ie), ea = G.length > 0, we = ft(() => {
+  }, ta = !!(m || c != null && c.length || v || b), aa = (r) => (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? "ascending" : "descending" : void 0, Xe = j(null), Je = j(null), Ke = j(null), Qe = j(null), [H, Ne] = D([]), ra = X.map((r) => r.id).join("\0"), ie = `${k ? "s" : "-"}|${_ ? "a" : "-"}|${ra}`, Ye = j(ie), na = H.length > 0, we = ft(() => {
     const r = Ke.current, d = Qe.current;
     r && d && (r.style.transform = `translateX(${-d.scrollLeft}px)`);
   }, []);
-  ga(() => {
+  Na(() => {
     const r = Xe.current;
     if (!r) return;
     if (Ye.current !== ie) {
@@ -1515,9 +1521,9 @@ function Lr({
     if (d(), we(), typeof ResizeObserver > "u") return;
     const p = new ResizeObserver(d);
     return p.observe(r), () => p.disconnect();
-  }, [ie, ea, l, i, we]);
-  const J = G.reduce((r, d) => r + d, 0);
-  return /* @__PURE__ */ s("div", { className: o("space-y-4", At), children: [
+  }, [ie, na, l, i, we]);
+  const K = H.reduce((r, d) => r + d, 0);
+  return /* @__PURE__ */ s("div", { className: o("space-y-4", Ft), children: [
     w && w.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: w.map((r) => {
       const d = r.id === S;
       return /* @__PURE__ */ e(
@@ -1536,7 +1542,7 @@ function Lr({
         r.id
       );
     }) }),
-    Qt && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+    ta && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       m && /* @__PURE__ */ e(
         Tt,
         {
@@ -1546,7 +1552,7 @@ function Lr({
           value: m.value,
           onChange: (r) => m.onChange(r.target.value),
           onClear: () => m.onChange(""),
-          leadingIcon: /* @__PURE__ */ e(da, {}),
+          leadingIcon: /* @__PURE__ */ e(pa, {}),
           containerClassName: "w-full sm:w-[280px]",
           className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
         }
@@ -1558,17 +1564,17 @@ function Lr({
           {
             variant: "secondary",
             size: "md",
-            leadingIcon: /* @__PURE__ */ e(ca, {}),
+            leadingIcon: /* @__PURE__ */ e(fa, {}),
             trailingIcon: /* @__PURE__ */ e(Pt, {}),
             children: "Columns"
           }
         ) }),
         /* @__PURE__ */ s(de, { align: "end", className: "w-54", children: [
           /* @__PURE__ */ e(ce, { className: "text-[13px]", children: "Active columns" }),
-          U.map((r) => {
+          X.map((r) => {
             const d = Oe(r);
             return /* @__PURE__ */ s(
-              Q,
+              Y,
               {
                 checked: !0,
                 draggable: !d,
@@ -1580,7 +1586,7 @@ function Lr({
                   p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), qe(r.id);
                 },
                 onDragOver: (p) => {
-                  ge && (p.preventDefault(), Gt(ge, r.id));
+                  ge && (p.preventDefault(), Ot(ge, r.id));
                 },
                 onDrop: (p) => p.preventDefault(),
                 onDragEnd: () => qe(null),
@@ -1591,8 +1597,8 @@ function Lr({
                 className: "justify-between",
                 children: [
                   /* @__PURE__ */ e("span", { className: "truncate", children: r.header }),
-                  d ? /* @__PURE__ */ e(ua, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
-                    ma,
+                  d ? /* @__PURE__ */ e(ba, { className: "size-3.5 shrink-0 text-subtle", "aria-hidden": !0 }) : /* @__PURE__ */ e(
+                    ha,
                     {
                       "aria-hidden": !0,
                       className: o(
@@ -1610,10 +1616,10 @@ function Lr({
             /* @__PURE__ */ e(Me, {}),
             /* @__PURE__ */ e(ce, { className: "text-[13px]", children: "Available columns" }),
             We.map((r) => /* @__PURE__ */ e(
-              Q,
+              Y,
               {
                 checked: !1,
-                onCheckedChange: () => Ht(r.id),
+                onCheckedChange: () => Ut(r.id),
                 onSelect: (d) => d.preventDefault(),
                 children: r.header
               },
@@ -1680,7 +1686,7 @@ function Lr({
               r.options.map((p) => {
                 const g = r.value.includes(p.value);
                 return /* @__PURE__ */ e(
-                  Q,
+                  Y,
                   {
                     checked: g,
                     onCheckedChange: () => r.onChange(
@@ -1712,9 +1718,9 @@ function Lr({
       )
     ] }) : null,
     C,
-    k && $.size > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
+    k && 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: [
-        $.size,
+        q.size,
         " selected"
       ] }),
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (h ?? []).map((r) => /* @__PURE__ */ s(
@@ -1723,7 +1729,7 @@ function Lr({
           size: "md",
           variant: r.variant ?? "outline",
           disabled: r.disabled,
-          onClick: () => void r.onRun(Xt),
+          onClick: () => void r.onRun(Yt),
           children: [
             r.icon,
             r.label
@@ -1749,10 +1755,10 @@ function Lr({
       {
         scrollMode: "panel",
         headerContentRef: Ke,
-        action: Et,
-        tone: ae,
-        headerClassName: _t,
-        panelClassName: Lt,
+        action: Lt,
+        tone: _t,
+        headerClassName: At,
+        panelClassName: Bt,
         header: (
           // Visible header band. Presentational (aria-sort lives on the body's
           // sr-only thead); widths are pinned to the measured body columns and
@@ -1766,24 +1772,24 @@ function Lr({
               style: {
                 // Fill the container when it fits; force totalWidth (and the
                 // shared scroller) only when the columns need more room.
-                minWidth: J > 0 ? J : void 0,
-                visibility: J > 0 ? void 0 : "hidden"
+                minWidth: K > 0 ? K : void 0,
+                visibility: K > 0 ? void 0 : "hidden"
               },
               children: [
-                /* @__PURE__ */ e("colgroup", { children: G.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
+                /* @__PURE__ */ e("colgroup", { children: H.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
                 /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
                   k && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-11 px-(--table-pad-x) text-left align-middle", children: /* @__PURE__ */ e(
                     De,
                     {
                       "aria-label": "Select all rows",
-                      checked: Ue ? !0 : Ut ? "indeterminate" : !1,
-                      onCheckedChange: Jt
+                      checked: Ue ? !0 : Qt ? "indeterminate" : !1,
+                      onCheckedChange: Zt
                     }
                   ) }),
-                  U.map((r) => /* @__PURE__ */ e(
+                  X.map((r) => /* @__PURE__ */ e(
                     "th",
                     {
-                      className: o(ur, r.align === "right" && "text-right", r.className),
+                      className: o(br, r.align === "right" && "text-right", r.className),
                       children: /* @__PURE__ */ e(
                         "span",
                         {
@@ -1796,7 +1802,7 @@ function Lr({
                               variant: "ghost",
                               size: "xs",
                               "aria-label": `Sort by ${r.header}`,
-                              onClick: () => Ot(r),
+                              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",
@@ -1805,7 +1811,7 @@ function Lr({
                               ),
                               children: [
                                 r.header,
-                                (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? /* @__PURE__ */ e(fa, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(me, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ba, { className: "size-3.5 opacity-50" })
+                                (N == null ? void 0 : N.id) === r.id ? N.dir === "asc" ? /* @__PURE__ */ e(xa, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(me, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(va, { className: "size-3.5 opacity-50" })
                               ]
                             }
                           ) : r.header
@@ -1821,14 +1827,14 @@ function Lr({
           )
         ),
         children: /* @__PURE__ */ e("div", { ref: Qe, className: "overflow-x-auto", onScroll: we, 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)) }) : 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__ */ 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(pa, { weight: "duotone" }) }),
+          /* @__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(ga, { weight: "duotone" }) }),
           /* @__PURE__ */ s("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: i.title }),
             i.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: i.description }) : null
           ] }),
           i.action
         ] }) : A.length === 0 ? /* @__PURE__ */ e(
-          cr,
+          fr,
           {
             icon: u == null ? void 0 : u.icon,
             title: (u == null ? void 0 : u.title) ?? "No results",
@@ -1846,20 +1852,20 @@ function Lr({
               // 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.
-              G.length > 0 ? "w-full table-fixed" : "table-auto"
+              H.length > 0 ? "w-full table-fixed" : "table-auto"
             ),
-            style: { minWidth: J > 0 ? J : void 0 },
+            style: { minWidth: K > 0 ? K : void 0 },
             children: [
-              G.length > 0 && /* @__PURE__ */ e("colgroup", { children: G.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
+              H.length > 0 && /* @__PURE__ */ e("colgroup", { children: H.map((r, d) => /* @__PURE__ */ e("col", { style: { width: r } }, d)) }),
               /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
                 k && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
-                U.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": Yt(r), children: r.header }, r.id)),
+                X.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": aa(r), children: r.header }, r.id)),
                 _ && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
               ] }) }),
-              /* @__PURE__ */ e(ja, { children: A.map((r) => {
-                const d = n(r), p = $.has(d);
+              /* @__PURE__ */ e(Aa, { children: A.map((r) => {
+                const d = n(r), p = q.has(d);
                 return /* @__PURE__ */ s(
-                  Ea,
+                  Ba,
                   {
                     "data-state": p ? "selected" : void 0,
                     onClick: B ? () => B(r) : void 0,
@@ -1870,10 +1876,10 @@ function Lr({
                         {
                           "aria-label": "Select row",
                           checked: p,
-                          onCheckedChange: () => Kt(d)
+                          onCheckedChange: () => ea(d)
                         }
                       ) }),
-                      U.map((g) => /* @__PURE__ */ e(
+                      X.map((g) => /* @__PURE__ */ e(
                         Se,
                         {
                           "data-numeric": g.numeric ? "" : void 0,
@@ -1882,7 +1888,16 @@ function Lr({
                         },
                         g.id
                       )),
-                      _ && /* @__PURE__ */ e(Se, { className: "w-44 px-4 text-right", onClick: (g) => g.stopPropagation(), children: _(r) })
+                      _ && /* @__PURE__ */ e(
+                        Se,
+                        {
+                          className: "w-44 px-4 text-right",
+                          onClick: (g) => {
+                            g.target.closest("button, a, input, [role='menuitem']") && g.stopPropagation();
+                          },
+                          children: _(r)
+                        }
+                      )
                     ]
                   },
                   d
@@ -1893,18 +1908,18 @@ function Lr({
         ) })
       }
     ),
-    Wt && /* @__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: [
         le + 1,
         "–",
-        Math.min(le + L, q.length),
+        Math.min(le + L, G.length),
         " of ",
-        q.length
+        G.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(sr, { value: String(L), onValueChange: (r) => Ft(Number(r)), children: [
-          /* @__PURE__ */ e(Rt, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(or, {}) }),
-          /* @__PURE__ */ e(jt, { children: te.map((r) => /* @__PURE__ */ e(Le, { value: String(r), children: r }, r)) })
+        /* @__PURE__ */ s(mr, { value: String(L), onValueChange: (r) => Ht(Number(r)), children: [
+          /* @__PURE__ */ e(Rt, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(ur, {}) }),
+          /* @__PURE__ */ e(jt, { children: ae.map((r) => /* @__PURE__ */ e(Le, { value: String(r), children: r }, r)) })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ e(
@@ -1913,9 +1928,9 @@ function Lr({
               variant: "secondary",
               size: "icon",
               "aria-label": "Previous page",
-              disabled: O <= 0,
+              disabled: U <= 0,
               onClick: () => re((r) => Math.max(0, r - 1)),
-              children: /* @__PURE__ */ e(ha, {})
+              children: /* @__PURE__ */ e(ya, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -1924,8 +1939,8 @@ function Lr({
               variant: "secondary",
               size: "icon",
               "aria-label": "Next page",
-              disabled: O >= X - 1,
-              onClick: () => re((r) => Math.min(X - 1, r + 1)),
+              disabled: U >= J - 1,
+              onClick: () => re((r) => Math.min(J - 1, r + 1)),
               children: /* @__PURE__ */ e(ut, {})
             }
           )
@@ -1934,7 +1949,7 @@ function Lr({
     ] })
   ] });
 }
-function Ar({ icon: t, title: a, description: n, action: l, className: i }) {
+function qr({ icon: t, title: a, description: n, action: l, className: i }) {
   return /* @__PURE__ */ e(be, { className: i, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
     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: [
@@ -1944,7 +1959,7 @@ function Ar({ icon: t, title: a, description: n, action: l, className: i }) {
     l
   ] }) });
 }
-function Br({ className: t, ...a }) {
+function Gr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -1956,8 +1971,8 @@ function Br({ className: t, ...a }) {
     }
   );
 }
-const pr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  Na.Root,
+const gr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+  ka.Root,
   {
     ref: n,
     className: o(
@@ -1967,8 +1982,8 @@ const pr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-pr.displayName = "Label";
-function Fr({
+gr.displayName = "Label";
+function Hr({
   value: t,
   onValueChange: a,
   options: n,
@@ -2020,8 +2035,8 @@ function Fr({
     }
   );
 }
-const fr = f(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
-  wa.Root,
+const xr = f(({ className: t, orientation: a = "horizontal", decorative: n = !0, ...l }, i) => /* @__PURE__ */ e(
+  za.Root,
   {
     ref: i,
     decorative: n,
@@ -2034,8 +2049,8 @@ const fr = f(({ className: t, orientation: a = "horizontal", decorative: n = !0,
     ...l
   }
 ));
-fr.displayName = "Separator";
-function $r({ className: t, ...a }) {
+xr.displayName = "Separator";
+function Vr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2044,8 +2059,8 @@ function $r({ className: t, ...a }) {
     }
   );
 }
-const qr = Y.Provider, Gr = Y.Root, Hr = Y.Trigger, br = f(({ className: t, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ e(Y.Portal, { children: /* @__PURE__ */ e(
-  Y.Content,
+const Wr = Z.Provider, Or = Z.Root, Ur = Z.Trigger, vr = f(({ className: t, sideOffset: a = 6, ...n }, l) => /* @__PURE__ */ e(Z.Portal, { children: /* @__PURE__ */ e(
+  Z.Content,
   {
     ref: l,
     sideOffset: a,
@@ -2062,82 +2077,82 @@ const qr = Y.Provider, Gr = Y.Root, Hr = Y.Trigger, br = f(({ className: t, side
     ...n
   }
 ) }));
-br.displayName = "TooltipContent";
+vr.displayName = "TooltipContent";
 export {
-  Cr as AgentPrompt,
+  Dr as AgentPrompt,
   bt as Avatar,
   gt as AvatarFallback,
   ht as AvatarImage,
-  Ma as Badge,
+  ja as Badge,
   M as Button,
-  Sr as Callout,
-  Fa as Card,
-  Ga as CardContent,
-  qa as CardDescription,
-  Ha as CardFooter,
+  Tr as Callout,
+  Ha as Card,
+  Oa as CardContent,
+  Wa as CardDescription,
+  Ua as CardFooter,
   xt as CardHeader,
-  $a as CardTitle,
+  Va as CardTitle,
   De as Checkbox,
-  Mr as ChoiceDialog,
-  Pr as CodeBlock,
-  Lr as DataTable,
-  _r as DataTableIdentity,
-  Xa as Dialog,
-  Qa as DialogBody,
+  jr as ChoiceDialog,
+  Er as CodeBlock,
+  $r as DataTable,
+  Fr as DataTableIdentity,
+  Ya as Dialog,
+  tr as DialogBody,
   Ct as DialogCancel,
-  Tr as DialogClose,
+  Rr as DialogClose,
   kt as DialogContent,
-  er as DialogDescription,
-  Za as DialogFooter,
-  Ya as DialogHeader,
-  Ka as DialogPanel,
+  nr as DialogDescription,
+  rr as DialogFooter,
+  ar as DialogHeader,
+  er as DialogPanel,
   zt as DialogTitle,
   wt as DialogTrigger,
   ze as DropdownMenu,
-  Q as DropdownMenuCheckboxItem,
+  Y as DropdownMenuCheckboxItem,
   Pt as DropdownMenuChevron,
   de as DropdownMenuContent,
-  Ir as DropdownMenuGroup,
+  _r as DropdownMenuGroup,
   pe as DropdownMenuItem,
   ce as DropdownMenuLabel,
-  Rr as DropdownMenuPortal,
+  Lr as DropdownMenuPortal,
   Me as DropdownMenuSeparator,
-  jr as DropdownMenuSub,
-  ir as DropdownMenuSubContent,
+  Ar as DropdownMenuSub,
+  cr as DropdownMenuSubContent,
   It as DropdownMenuSubTrigger,
   se as DropdownMenuTrigger,
-  Ar as EmptyState,
+  qr as EmptyState,
   Tt as Input,
-  Br as Kbd,
-  pr as Label,
-  ar as RadioCard,
-  tr as RadioGroup,
-  Fr as Segmented,
-  sr as Select,
+  Gr as Kbd,
+  gr as Label,
+  ir as RadioCard,
+  lr as RadioGroup,
+  Hr as Segmented,
+  mr as Select,
   jt as SelectContent,
-  Er as SelectGroup,
+  Br as SelectGroup,
   Le as SelectItem,
-  dr as SelectLabel,
+  pr as SelectLabel,
   Rt as SelectTrigger,
-  or as SelectValue,
-  fr as Separator,
-  $r as Skeleton,
-  Sa as Spinner,
-  kr as Table,
-  ja as TableBody,
+  ur as SelectValue,
+  xr as Separator,
+  Vr as Skeleton,
+  Ta as Spinner,
+  Mr as Table,
+  Aa as TableBody,
   Se as TableCell,
-  Ia as TableContainer,
-  cr as TableEmptyState,
-  Dr as TableHead,
-  zr as TableHeader,
-  Ra as TablePanel,
-  Ea as TableRow,
+  _a as TableContainer,
+  fr as TableEmptyState,
+  Ir as TableHead,
+  Pr as TableHeader,
+  La as TablePanel,
+  Ba as TableRow,
   be as TableSurface,
-  Gr as Tooltip,
-  br as TooltipContent,
-  qr as TooltipProvider,
-  Hr as TooltipTrigger,
-  Da as badgeVariants,
-  ka as buttonVariants
+  Or as Tooltip,
+  vr as TooltipContent,
+  Wr as TooltipProvider,
+  Ur as TooltipTrigger,
+  Ia as badgeVariants,
+  Ma as buttonVariants
 };
 //# sourceMappingURL=index.js.map