@jinaan/uikit 0.1.20 → 0.1.21

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as s, Fragment as Be } from "react/jsx-runtime";
-import { CircleNotch as wt, Robot as Ct, Terminal as St, Check as X, Copy as Fe, XCircle as zt, Warning as kt, CheckCircle as Dt, Info as Tt, Minus as Mt, X as le, CaretRight as Pt, CaretDown as ee, MagnifyingGlass as It, Columns as jt, Lock as Et, FunnelSimple as Ie, WarningCircle as _t, CaretUp as Lt, CaretUpDown as Rt } from "@phosphor-icons/react";
-import { forwardRef as b, useState as T, Children as $e, isValidElement as qe, useRef as te, useEffect as V, useContext as ie, useCallback as At, createContext as se, useId as de, useMemo as je } from "react";
+import { CircleNotch as wt, Robot as Ct, Terminal as St, Check as J, Copy as Fe, XCircle as kt, Warning as zt, CheckCircle as Dt, Info as Tt, Minus as Mt, X as le, CaretDown as V, CaretRight as Pt, MagnifyingGlass as It, Columns as jt, Lock as Et, FunnelSimple as Ie, WarningCircle as _t, CaretUp as Lt, CaretUpDown as Rt } from "@phosphor-icons/react";
+import { forwardRef as b, useState as T, Children as $e, isValidElement as qe, useRef as te, useEffect as U, useContext as ie, useCallback as At, createContext as se, useId as de, useMemo as je } from "react";
 import { Slot as Bt } from "@radix-ui/react-slot";
 import { cva as ye } from "class-variance-authority";
 import { clsx as Ft } from "clsx";
@@ -12,7 +12,7 @@ import * as C from "@radix-ui/react-dropdown-menu";
 import * as D from "@radix-ui/react-select";
 import * as qt from "@radix-ui/react-label";
 import * as Gt from "@radix-ui/react-separator";
-import * as W from "@radix-ui/react-tooltip";
+import * as X from "@radix-ui/react-tooltip";
 function i(...t) {
   return $t(Ft(t));
 }
@@ -59,7 +59,7 @@ const Vt = ye(
   lg: "[&_svg]:size-[var(--control-icon-lg)]",
   xl: "[&_svg]:size-[var(--control-icon-xl)]",
   icon: "[&_svg]:size-[var(--control-icon-md)]"
-}, z = b(
+}, k = b(
   ({
     className: t,
     variant: a,
@@ -73,12 +73,12 @@ const Vt = ye(
     disabled: g,
     children: p,
     ...N
-  }, k) => {
+  }, z) => {
     const S = l ? Bt : "button", w = Ut[r ?? "md"];
     return /* @__PURE__ */ e(
       S,
       {
-        ref: k,
+        ref: z,
         "aria-busy": u || void 0,
         disabled: l ? void 0 : g || u,
         className: i(
@@ -122,8 +122,8 @@ const Vt = ye(
     );
   }
 );
-z.displayName = "Button";
-function qa({
+k.displayName = "Button";
+function Ga({
   command: t,
   tag: a = "Build with agents",
   icon: r,
@@ -144,7 +144,7 @@ function qa({
       /* @__PURE__ */ e(St, { 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(
-        z,
+        k,
         {
           variant: "ghost",
           size: "sm",
@@ -152,7 +152,7 @@ function qa({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: c,
-          children: o ? /* @__PURE__ */ e(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {})
+          children: o ? /* @__PURE__ */ e(J, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {})
         }
       )
     ] })
@@ -239,17 +239,17 @@ const Qt = {
     iconClassName: "text-success"
   },
   warning: {
-    Icon: kt,
+    Icon: zt,
     className: "border-warning/30 bg-warning/10",
     iconClassName: "text-warning"
   },
   error: {
-    Icon: zt,
+    Icon: kt,
     className: "border-error/30 bg-error/10",
     iconClassName: "text-error"
   }
 };
-function Ga({
+function Ha({
   variant: t = "info",
   title: a,
   children: r,
@@ -307,7 +307,7 @@ function Zt({
     }
   );
 }
-function Ha({ className: t, ...a }) {
+function Va({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "table",
     {
@@ -316,7 +316,7 @@ function Ha({ className: t, ...a }) {
     }
   );
 }
-function Va({ className: t, ...a }) {
+function Ua({ className: t, ...a }) {
   return /* @__PURE__ */ e("thead", { className: t, ...a });
 }
 function Ot({ className: t, ...a }) {
@@ -334,7 +334,7 @@ function Kt({ className: t, ...a }) {
     }
   );
 }
-function Ua({ className: t, ...a }) {
+function Wa({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "th",
     {
@@ -383,7 +383,7 @@ function ce({
   minHeight: g
 }) {
   const p = !!(t || a), N = aa(o) ? /* @__PURE__ */ e(
-    z,
+    k,
     {
       variant: o.variant ?? "primary",
       size: "xs",
@@ -507,7 +507,7 @@ const xe = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e(Ee.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(Mt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(X, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(Ee.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(Mt, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(J, { className: "size-3", weight: "bold" }) })
   }
 ));
 xe.displayName = "Checkbox";
@@ -576,12 +576,12 @@ function pa({
 }) {
   const [d, c] = T(
     a ?? !1
-  ), [u, h] = T(!1), g = te(!1), p = te(null), N = t ?? d, k = te(N);
-  k.current = N;
+  ), [u, h] = T(!1), g = te(!1), p = te(null), N = t ?? d, z = te(N);
+  z.current = N;
   const S = t !== void 0;
-  V(() => ca(), []), V(() => {
+  U(() => ca(), []), U(() => {
     t && (p.current && clearTimeout(p.current), g.current = !1, h(!1));
-  }, [t]), V(
+  }, [t]), U(
     () => () => {
       p.current && clearTimeout(p.current);
     },
@@ -599,7 +599,7 @@ function pa({
     }
     g.current = !0, h(!0), p.current = setTimeout(() => {
       S || c(!1), r == null || r(!1), requestAnimationFrame(() => {
-        k.current && (g.current = !1, h(!1));
+        z.current && (g.current = !1, h(!1));
       });
     }, ma);
   };
@@ -624,8 +624,8 @@ const Qe = b(({ onClick: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 Qe.displayName = "DialogTrigger";
-const Wa = M.Close, Ye = b(
-  ({ variant: t = "secondary", children: a = "Cancel", ...r }, l) => /* @__PURE__ */ e(M.Close, { asChild: !0, children: /* @__PURE__ */ e(z, { ref: l, type: "button", variant: t, ...r, children: a }) })
+const Xa = M.Close, Ye = b(
+  ({ variant: t = "secondary", children: a = "Cancel", ...r }, l) => /* @__PURE__ */ e(M.Close, { asChild: !0, children: /* @__PURE__ */ e(k, { ref: l, type: "button", variant: t, ...r, children: a }) })
 );
 Ye.displayName = "DialogCancel";
 function Ze(t, a = !0) {
@@ -860,7 +860,7 @@ function Na({
     }
   );
 }
-function Xa({
+function Ja({
   open: t,
   onOpenChange: a,
   trigger: r,
@@ -874,7 +874,7 @@ function Xa({
   onConfirm: p
 }) {
   var I;
-  const [N, k] = T(d ?? ((I = o[0]) == null ? void 0 : I.value) ?? ""), S = c ?? N;
+  const [N, z] = T(d ?? ((I = o[0]) == null ? void 0 : I.value) ?? ""), S = c ?? N;
   return /* @__PURE__ */ s(pa, { open: t, onOpenChange: a, children: [
     r ? /* @__PURE__ */ e(Qe, { asChild: !0, children: r }) : null,
     /* @__PURE__ */ s(
@@ -886,7 +886,7 @@ function Xa({
           /* @__PURE__ */ s(ba, { children: [
             /* @__PURE__ */ e(ha, { children: /* @__PURE__ */ e(Ke, { className: "text-xl", children: l }) }),
             /* @__PURE__ */ e(fa, { children: /* @__PURE__ */ e(va, { label: l, value: S, onChange: (y) => {
-              c === void 0 && k(y), u == null || u(y);
+              c === void 0 && z(y), u == null || u(y);
             }, children: o.map((y) => /* @__PURE__ */ e(
               Na,
               {
@@ -900,14 +900,14 @@ function Xa({
           ] }),
           /* @__PURE__ */ s(ga, { className: "gap-3 pt-2.5", children: [
             /* @__PURE__ */ e(Ye, { className: "flex-1", children: h }),
-            /* @__PURE__ */ e(z, { className: "flex-1", onClick: () => p == null ? void 0 : p(S), children: g })
+            /* @__PURE__ */ e(k, { className: "flex-1", onClick: () => p == null ? void 0 : p(S), children: g })
           ] })
         ]
       }
     )
   ] });
 }
-function Ja({ code: t, label: a, className: r }) {
+function Qa({ code: t, label: a, className: r }) {
   const [l, o] = T(!1);
   return /* @__PURE__ */ e(
     ce,
@@ -916,7 +916,7 @@ function Ja({ code: t, label: a, className: r }) {
       header: /* @__PURE__ */ e("div", { className: "flex h-(--table-header-h) items-center px-(--table-pad-x) pr-28", children: /* @__PURE__ */ e("span", { className: "truncate text-[13px] font-medium text-table-header", children: a }) }),
       action: {
         label: l ? "Copied" : "Copy",
-        icon: l ? /* @__PURE__ */ e(X, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {}),
+        icon: l ? /* @__PURE__ */ e(J, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Fe, {}),
         variant: "ghost",
         onClick: async () => {
           try {
@@ -969,16 +969,16 @@ const ya = {
     error: g = !1,
     helperText: p,
     id: N,
-    "aria-describedby": k,
+    "aria-describedby": z,
     disabled: S,
     readOnly: w,
     ...I
   }, y) => {
-    const B = de(), J = N ?? B, F = !!p, _ = !!(c && (u !== void 0 ? String(u).length > 0 : h !== void 0 && String(h).length > 0)), Q = F ? `${J}-description` : void 0, ue = [k, Q].filter(Boolean).join(" ") || void 0, Y = /* @__PURE__ */ e(
+    const B = de(), Q = N ?? B, F = !!p, _ = !!(c && (u !== void 0 ? String(u).length > 0 : h !== void 0 && String(h).length > 0)), Y = F ? `${Q}-description` : void 0, ue = [z, Y].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ e(
       "input",
       {
         ref: y,
-        id: J,
+        id: Q,
         type: r,
         disabled: S,
         readOnly: w,
@@ -1007,7 +1007,7 @@ const ya = {
         ...I
       }
     );
-    return !o && !d && !_ && !F ? Y : /* @__PURE__ */ s("div", { className: i("w-full", a), children: [
+    return !o && !d && !_ && !F ? Z : /* @__PURE__ */ s("div", { className: i("w-full", a), children: [
       /* @__PURE__ */ s("div", { className: "relative", children: [
         o ? /* @__PURE__ */ e(
           "span",
@@ -1020,7 +1020,7 @@ const ya = {
             children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", he[l]), children: o })
           }
         ) : null,
-        Y,
+        Z,
         _ ? /* @__PURE__ */ e(
           "button",
           {
@@ -1048,7 +1048,7 @@ const ya = {
       F ? /* @__PURE__ */ e(
         "p",
         {
-          id: Q,
+          id: Y,
           className: i("mt-1.5 text-xs", g ? "text-error" : "text-muted"),
           children: p
         }
@@ -1076,7 +1076,7 @@ function ge({
 }) {
   const r = Se(t, [
     oe,
-    U,
+    W,
     rt
   ]) === 0;
   return /* @__PURE__ */ e(at.Provider, { value: r, children: /* @__PURE__ */ e(C.Root, { ...a, children: t }) });
@@ -1093,7 +1093,20 @@ const ae = b(({ disabled: t, ...a }, r) => {
   );
 });
 ae.displayName = "DropdownMenuTrigger";
-const Qa = C.Group, Ya = C.Portal, re = b(({ className: t, sideOffset: a = 8, ...r }, l) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
+const Sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  V,
+  {
+    ref: r,
+    "aria-hidden": !0,
+    className: i(
+      "ml-auto size-3.5 shrink-0 text-subtle transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none",
+      t
+    ),
+    ...a
+  }
+));
+Sa.displayName = "DropdownMenuChevron";
+const Ya = C.Group, Za = C.Portal, re = b(({ className: t, sideOffset: a = 8, ...r }, l) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
   C.Content,
   {
     ref: l,
@@ -1127,7 +1140,7 @@ const oe = b(({ className: t, inset: a, ...r }, l) => /* @__PURE__ */ e(
   }
 ));
 oe.displayName = "DropdownMenuItem";
-const U = b(({ className: t, children: a, checked: r, ...l }, o) => /* @__PURE__ */ s(
+const W = b(({ className: t, children: a, checked: r, ...l }, o) => /* @__PURE__ */ s(
   C.CheckboxItem,
   {
     ref: o,
@@ -1138,12 +1151,12 @@ const U = b(({ className: t, children: a, checked: r, ...l }, o) => /* @__PURE__
     checked: r,
     ...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(C.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(X, { 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(C.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(J, { className: "size-3", weight: "bold" }) }) }),
       a
     ]
   }
 ));
-U.displayName = "DropdownMenuCheckboxItem";
+W.displayName = "DropdownMenuCheckboxItem";
 const ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   C.Label,
   {
@@ -1153,7 +1166,7 @@ const ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 ne.displayName = "DropdownMenuLabel";
-const Za = C.Sub, rt = b(({ className: t, inset: a, children: r, ...l }, o) => /* @__PURE__ */ s(
+const Oa = C.Sub, rt = b(({ className: t, inset: a, children: r, ...l }, o) => /* @__PURE__ */ s(
   C.SubTrigger,
   {
     ref: o,
@@ -1172,7 +1185,7 @@ const Za = C.Sub, rt = b(({ className: t, inset: a, children: r, ...l }, o) => /
   }
 ));
 rt.displayName = "DropdownMenuSubTrigger";
-const Sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const ka = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   C.SubContent,
   {
     ref: r,
@@ -1190,7 +1203,7 @@ const Sa = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Sa.displayName = "DropdownMenuSubContent";
+ka.displayName = "DropdownMenuSubContent";
 const Ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   C.Separator,
   {
@@ -1200,13 +1213,13 @@ const Ne = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 Ne.displayName = "DropdownMenuSeparator";
-const Oa = D.Group, za = D.Value;
-function ka({
+const Ka = D.Group, za = D.Value;
+function Da({
   children: t,
   disabled: a,
   ...r
 }) {
-  const l = Se(t, [ze]) === 0;
+  const l = Se(t, [ke]) === 0;
   return /* @__PURE__ */ e(D.Root, { disabled: a || l, ...r, children: t });
 }
 const nt = b(({ className: t, children: a, variant: r = "field", ...l }, o) => /* @__PURE__ */ s(
@@ -1214,18 +1227,17 @@ const nt = b(({ className: t, children: a, variant: r = "field", ...l }, o) => /
   {
     ref: o,
     className: i(
-      "flex items-center justify-between gap-2 text-sm text-fg",
+      "group flex items-center justify-between gap-2 text-sm text-fg",
       "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
       "data-disabled:cursor-not-allowed data-disabled:opacity-50",
-      "[&>span]:truncate",
       r === "field" && "h-(--control-h-md) w-full rounded-md border border-line bg-surface px-3 focus:border-primary focus:ring-2 focus:ring-focus/30",
       r === "inline" && "btn-fill btn-inner-border btn-interactive h-(--control-h-md) w-auto rounded-(--control-radius) border-0 bg-(--button-secondary-bg) px-(--control-pad-x-sm) font-medium text-fg hover:bg-(--button-surface-hover) active:bg-(--button-surface-active) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-line-strong",
       t
     ),
     ...l,
     children: [
-      a,
-      /* @__PURE__ */ e(D.Icon, { asChild: !0, children: /* @__PURE__ */ e(ee, { className: "size-3.5 text-subtle" }) })
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-left", children: a }),
+      /* @__PURE__ */ e(D.Icon, { asChild: !0, children: /* @__PURE__ */ e(V, { className: "ml-auto size-3.5 shrink-0 text-subtle transition-transform duration-200 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none" }) })
     ]
   }
 ));
@@ -1253,7 +1265,7 @@ const lt = b(
   ) })
 );
 lt.displayName = "SelectContent";
-const ze = b(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
+const ke = b(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
   D.Item,
   {
     ref: l,
@@ -1263,13 +1275,13 @@ const ze = b(({ className: t, children: a, ...r }, l) => /* @__PURE__ */ s(
     ),
     ...r,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(D.ItemIndicator, { children: /* @__PURE__ */ e(X, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(D.ItemIndicator, { children: /* @__PURE__ */ e(J, { className: "size-3.5" }) }) }),
       /* @__PURE__ */ e(D.ItemText, { children: a })
     ]
   }
 ));
-ze.displayName = "SelectItem";
-const Da = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+ke.displayName = "SelectItem";
+const Ta = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   D.Label,
   {
     ref: r,
@@ -1277,8 +1289,8 @@ const Da = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Da.displayName = "SelectLabel";
-function Ta({
+Ta.displayName = "SelectLabel";
+function Ma({
   icon: t,
   title: a,
   description: r,
@@ -1303,14 +1315,14 @@ function Ta({
     }
   );
 }
-const Ma = "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 Pa(t) {
+const Pa = "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 Ia(t) {
   return t.split(/\s+/).slice(0, 2).map((a) => {
     var r;
     return ((r = a[0]) == null ? void 0 : r.toUpperCase()) ?? "";
   }).join("");
 }
-function Ka({
+function er({
   name: t,
   secondary: a,
   image: r
@@ -1318,7 +1330,7 @@ function Ka({
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ s(Ge, { className: "size-8", children: [
       r ? /* @__PURE__ */ e(He, { src: r, alt: "" }) : null,
-      /* @__PURE__ */ e(Ve, { children: Pa(t) })
+      /* @__PURE__ */ e(Ve, { children: Ia(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
@@ -1326,7 +1338,7 @@ function Ka({
     ] })
   ] });
 }
-function er({
+function tr({
   rows: t,
   columns: a,
   getRowId: r,
@@ -1339,28 +1351,28 @@ function er({
   toolbarEnd: g,
   tabs: p,
   activeTab: N,
-  onTabChange: k,
+  onTabChange: z,
   infoBanner: S,
   selectable: w = !1,
   bulkActions: I,
   rowActions: y,
   onRowClick: B,
-  defaultSort: J,
+  defaultSort: Q,
   pageSize: F = 25,
   pageSizeOptions: _ = [10, 25, 50, 100],
-  tone: Q,
+  tone: Y,
   headerAction: ue,
-  headerClassName: Y,
+  headerClassName: Z,
   panelClassName: it,
   className: ot
 }) {
-  const [ke, De] = T(
+  const [ze, De] = T(
     () => Object.fromEntries(
       a.filter((n) => n.defaultHidden && !n.required).map((n) => [n.id, !0])
     )
   ), [x, st] = T(
-    J ?? null
-  ), [$, Z] = T(0), [L, dt] = T(F), [R, me] = T(/* @__PURE__ */ new Set()), [ct, pe] = T([]), j = a.filter((n) => !ke[n.id]), Te = a.filter((n) => ke[n.id] && !n.required), be = (u ?? []).filter((n) => ct.includes(n.id)), ut = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), O = je(() => {
+    Q ?? null
+  ), [$, O] = T(0), [L, dt] = T(F), [R, me] = T(/* @__PURE__ */ new Set()), [ct, pe] = T([]), j = a.filter((n) => !ze[n.id]), Te = a.filter((n) => ze[n.id] && !n.required), be = (u ?? []).filter((n) => ct.includes(n.id)), ut = (u ?? []).map((n) => `${n.id}:${n.value.join(",")}`).join("|"), K = je(() => {
     let n = t;
     for (const f of u ?? [])
       f.value.length > 0 && (n = n.filter((v) => f.match(v, f.value)));
@@ -1368,21 +1380,21 @@ function er({
     const m = c.value.trim().toLowerCase();
     return n.filter((f) => c.keys(f).toLowerCase().includes(m));
   }, [t, c, u]), q = je(() => {
-    if (!x) return O;
+    if (!x) return K;
     const n = a.find((f) => f.id === x.id);
-    if (!(n != null && n.sortValue)) return O;
+    if (!(n != null && n.sortValue)) return K;
     const m = x.dir === "asc" ? 1 : -1;
-    return [...O].sort((f, v) => {
+    return [...K].sort((f, v) => {
       const P = n.sortValue(f), H = n.sortValue(v);
       return P == null && H == null ? 0 : P == null ? 1 : H == null ? -1 : typeof P == "number" && typeof H == "number" ? (P - H) * m : String(P).localeCompare(String(H)) * m;
     });
-  }, [O, x, a]), G = Math.max(1, Math.ceil(q.length / L));
-  V(() => {
-    Z(0);
-  }, [c == null ? void 0 : c.value, L, x == null ? void 0 : x.id, x == null ? void 0 : x.dir, N, ut]), V(() => {
-    $ > G - 1 && Z(G - 1);
+  }, [K, x, a]), G = Math.max(1, Math.ceil(q.length / L));
+  U(() => {
+    O(0);
+  }, [c == null ? void 0 : c.value, L, x == null ? void 0 : x.id, x == null ? void 0 : x.dir, N, ut]), U(() => {
+    $ > G - 1 && O(G - 1);
   }, [$, G]);
-  const K = $ * L, E = q.slice(K, K + L), mt = (n) => {
+  const ee = $ * L, E = q.slice(ee, ee + L), mt = (n) => {
     n.sortable && st(
       (m) => (m == null ? void 0 : m.id) === n.id ? m.dir === "asc" ? { id: n.id, dir: "desc" } : null : { id: n.id, dir: "asc" }
     );
@@ -1410,7 +1422,7 @@ function er({
           type: "button",
           role: "tab",
           "aria-selected": m,
-          onClick: () => k == null ? void 0 : k(n.id),
+          onClick: () => z == null ? void 0 : z(n.id),
           className: i(
             "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
             m ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
@@ -1438,19 +1450,19 @@ function er({
       h,
       /* @__PURE__ */ s(ge, { children: [
         /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
-          z,
+          k,
           {
             variant: "secondary",
             size: "md",
             leadingIcon: /* @__PURE__ */ e(jt, {}),
-            trailingIcon: /* @__PURE__ */ e(ee, {}),
+            trailingIcon: /* @__PURE__ */ e(V, {}),
             children: "Columns"
           }
         ) }),
         /* @__PURE__ */ s(re, { align: "end", className: "w-54", children: [
           /* @__PURE__ */ e(ne, { className: "text-[13px]", children: "Active columns" }),
           j.map((n) => /* @__PURE__ */ s(
-            U,
+            W,
             {
               checked: !0,
               disabled: n.required,
@@ -1468,7 +1480,7 @@ function er({
             /* @__PURE__ */ e(Ne, {}),
             /* @__PURE__ */ e(ne, { className: "text-[13px]", children: "Available columns" }),
             Te.map((n) => /* @__PURE__ */ e(
-              U,
+              W,
               {
                 checked: !1,
                 onCheckedChange: () => De((m) => ({ ...m, [n.id]: !1 })),
@@ -1482,7 +1494,7 @@ function er({
       ] }),
       u && u.length > 0 ? /* @__PURE__ */ s(ge, { children: [
         /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
-          z,
+          k,
           {
             variant: "secondary",
             size: "md",
@@ -1511,7 +1523,7 @@ function er({
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
-            z,
+            k,
             {
               variant: "secondary",
               size: "md",
@@ -1523,12 +1535,12 @@ function er({
             }
           ),
           /* @__PURE__ */ s(ge, { children: [
-            /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ s(z, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
+            /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ s(k, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
               /* @__PURE__ */ e(Ie, {}),
               /* @__PURE__ */ e("span", { className: "font-medium", children: n.label }),
               /* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
               /* @__PURE__ */ e("span", { className: "text-muted", children: n.value.length > 0 ? `${n.value.length} selected` : "Enter value" }),
-              /* @__PURE__ */ e(ee, { className: "text-muted" })
+              /* @__PURE__ */ e(V, { className: "text-muted" })
             ] }) }),
             /* @__PURE__ */ s(re, { align: "start", className: "w-56", children: [
               /* @__PURE__ */ s(ne, { className: "text-[13px]", children: [
@@ -1538,7 +1550,7 @@ function er({
               n.options.map((f) => {
                 const v = n.value.includes(f.value);
                 return /* @__PURE__ */ e(
-                  U,
+                  W,
                   {
                     checked: v,
                     onCheckedChange: () => n.onChange(
@@ -1576,7 +1588,7 @@ function er({
         " selected"
       ] }),
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (I ?? []).map((n) => /* @__PURE__ */ s(
-        z,
+        k,
         {
           size: "md",
           variant: n.variant ?? "outline",
@@ -1606,8 +1618,8 @@ function er({
       ce,
       {
         action: ue,
-        tone: Q,
-        headerClassName: Y,
+        tone: Y,
+        headerClassName: Z,
         panelClassName: it,
         header: (
           // Visible header: presentational so its controls stay focusable while
@@ -1626,9 +1638,9 @@ function er({
               j.map((n) => /* @__PURE__ */ e(
                 "th",
                 {
-                  className: i(Ma, n.align === "right" && "text-right", n.className),
+                  className: i(Pa, n.align === "right" && "text-right", n.className),
                   children: n.sortable ? /* @__PURE__ */ s(
-                    z,
+                    k,
                     {
                       type: "button",
                       variant: "ghost",
@@ -1643,7 +1655,7 @@ function er({
                       ),
                       children: [
                         n.header,
-                        (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? /* @__PURE__ */ e(Lt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(ee, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Rt, { className: "size-3.5 opacity-50" })
+                        (x == null ? void 0 : x.id) === n.id ? x.dir === "asc" ? /* @__PURE__ */ e(Lt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(V, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Rt, { className: "size-3.5 opacity-50" })
                       ]
                     }
                   ) : n.header
@@ -1662,7 +1674,7 @@ function er({
           ] }),
           o.action
         ] }) : E.length === 0 ? /* @__PURE__ */ e(
-          Ta,
+          Ma,
           {
             icon: d == null ? void 0 : d.icon,
             title: (d == null ? void 0 : d.title) ?? "No results",
@@ -1713,37 +1725,37 @@ function er({
     ),
     !l && !o && q.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
-        K + 1,
+        ee + 1,
         "–",
-        Math.min(K + L, q.length),
+        Math.min(ee + L, q.length),
         " of ",
         q.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(ka, { value: String(L), onValueChange: (n) => dt(Number(n)), children: [
+        /* @__PURE__ */ s(Da, { value: String(L), onValueChange: (n) => dt(Number(n)), children: [
           /* @__PURE__ */ e(nt, { "aria-label": "Rows per page", className: "w-27.5", children: /* @__PURE__ */ e(za, {}) }),
-          /* @__PURE__ */ e(lt, { children: _.map((n) => /* @__PURE__ */ s(ze, { value: String(n), children: [
+          /* @__PURE__ */ e(lt, { children: _.map((n) => /* @__PURE__ */ s(ke, { value: String(n), children: [
             n,
             " / page"
           ] }, n)) })
         ] }),
         /* @__PURE__ */ e(
-          z,
+          k,
           {
             variant: "outline",
             size: "md",
             disabled: $ <= 0,
-            onClick: () => Z((n) => Math.max(0, n - 1)),
+            onClick: () => O((n) => Math.max(0, n - 1)),
             children: "Previous"
           }
         ),
         /* @__PURE__ */ e(
-          z,
+          k,
           {
             variant: "outline",
             size: "md",
             disabled: $ >= G - 1,
-            onClick: () => Z((n) => Math.min(G - 1, n + 1)),
+            onClick: () => O((n) => Math.min(G - 1, n + 1)),
             children: "Next"
           }
         )
@@ -1751,7 +1763,7 @@ function er({
     ] })
   ] });
 }
-function tr({ icon: t, title: a, description: r, action: l, className: o }) {
+function ar({ icon: t, title: a, description: r, action: l, className: o }) {
   return /* @__PURE__ */ e(ce, { className: o, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
     t ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: t }) : null,
     /* @__PURE__ */ s("div", { className: "space-y-1", children: [
@@ -1761,7 +1773,7 @@ function tr({ icon: t, title: a, description: r, action: l, className: o }) {
     l
   ] }) });
 }
-function ar({ className: t, ...a }) {
+function rr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -1773,7 +1785,7 @@ function ar({ className: t, ...a }) {
     }
   );
 }
-const Ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const ja = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   qt.Root,
   {
     ref: r,
@@ -1784,8 +1796,8 @@ const Ia = b(({ className: t, ...a }, r) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Ia.displayName = "Label";
-function rr({
+ja.displayName = "Label";
+function nr({
   value: t,
   onValueChange: a,
   options: r,
@@ -1837,7 +1849,7 @@ function rr({
     }
   );
 }
-const ja = b(({ className: t, orientation: a = "horizontal", decorative: r = !0, ...l }, o) => /* @__PURE__ */ e(
+const Ea = b(({ className: t, orientation: a = "horizontal", decorative: r = !0, ...l }, o) => /* @__PURE__ */ e(
   Gt.Root,
   {
     ref: o,
@@ -1851,8 +1863,8 @@ const ja = b(({ className: t, orientation: a = "horizontal", decorative: r = !0,
     ...l
   }
 ));
-ja.displayName = "Separator";
-function nr({ className: t, ...a }) {
+Ea.displayName = "Separator";
+function lr({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1861,8 +1873,8 @@ function nr({ className: t, ...a }) {
     }
   );
 }
-const lr = W.Provider, ir = W.Root, or = W.Trigger, Ea = b(({ className: t, sideOffset: a = 6, ...r }, l) => /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ e(
-  W.Content,
+const ir = X.Provider, or = X.Root, sr = X.Trigger, _a = b(({ className: t, sideOffset: a = 6, ...r }, l) => /* @__PURE__ */ e(X.Portal, { children: /* @__PURE__ */ e(
+  X.Content,
   {
     ref: l,
     sideOffset: a,
@@ -1879,15 +1891,15 @@ const lr = W.Provider, ir = W.Root, or = W.Trigger, Ea = b(({ className: t, side
     ...r
   }
 ) }));
-Ea.displayName = "TooltipContent";
+_a.displayName = "TooltipContent";
 export {
-  qa as AgentPrompt,
+  Ga as AgentPrompt,
   Ge as Avatar,
   Ve as AvatarFallback,
   He as AvatarImage,
   Jt as Badge,
-  z as Button,
-  Ga as Callout,
+  k as Button,
+  Ha as Callout,
   na as Card,
   oa as CardContent,
   ia as CardDescription,
@@ -1895,14 +1907,14 @@ export {
   Ue as CardHeader,
   la as CardTitle,
   xe as Checkbox,
-  Xa as ChoiceDialog,
-  Ja as CodeBlock,
-  er as DataTable,
-  Ka as DataTableIdentity,
+  Ja as ChoiceDialog,
+  Qa as CodeBlock,
+  tr as DataTable,
+  er as DataTableIdentity,
   pa as Dialog,
   fa as DialogBody,
   Ye as DialogCancel,
-  Wa as DialogClose,
+  Xa as DialogClose,
   Oe as DialogContent,
   xa as DialogDescription,
   ga as DialogFooter,
@@ -1911,48 +1923,49 @@ export {
   Ke as DialogTitle,
   Qe as DialogTrigger,
   ge as DropdownMenu,
-  U as DropdownMenuCheckboxItem,
+  W as DropdownMenuCheckboxItem,
+  Sa as DropdownMenuChevron,
   re as DropdownMenuContent,
-  Qa as DropdownMenuGroup,
+  Ya as DropdownMenuGroup,
   oe as DropdownMenuItem,
   ne as DropdownMenuLabel,
-  Ya as DropdownMenuPortal,
+  Za as DropdownMenuPortal,
   Ne as DropdownMenuSeparator,
-  Za as DropdownMenuSub,
-  Sa as DropdownMenuSubContent,
+  Oa as DropdownMenuSub,
+  ka as DropdownMenuSubContent,
   rt as DropdownMenuSubTrigger,
   ae as DropdownMenuTrigger,
-  tr as EmptyState,
+  ar as EmptyState,
   tt as Input,
-  ar as Kbd,
-  Ia as Label,
+  rr as Kbd,
+  ja as Label,
   Na as RadioCard,
   va as RadioGroup,
-  rr as Segmented,
-  ka as Select,
+  nr as Segmented,
+  Da as Select,
   lt as SelectContent,
-  Oa as SelectGroup,
-  ze as SelectItem,
-  Da as SelectLabel,
+  Ka as SelectGroup,
+  ke as SelectItem,
+  Ta as SelectLabel,
   nt as SelectTrigger,
   za as SelectValue,
-  ja as Separator,
-  nr as Skeleton,
+  Ea as Separator,
+  lr as Skeleton,
   Ht as Spinner,
-  Ha as Table,
+  Va as Table,
   Ot as TableBody,
   fe as TableCell,
   Yt as TableContainer,
-  Ta as TableEmptyState,
-  Ua as TableHead,
-  Va as TableHeader,
+  Ma as TableEmptyState,
+  Wa as TableHead,
+  Ua as TableHeader,
   Zt as TablePanel,
   Kt as TableRow,
   ce as TableSurface,
-  ir as Tooltip,
-  Ea as TooltipContent,
-  lr as TooltipProvider,
-  or as TooltipTrigger,
+  or as Tooltip,
+  _a as TooltipContent,
+  ir as TooltipProvider,
+  sr as TooltipTrigger,
   Wt as badgeVariants,
   Vt as buttonVariants
 };