@jinaan/uikit 0.1.49 → 0.1.51

package/dist/index.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as s, Fragment as je } from "react/jsx-runtime";
-import { CircleNotch as ha, Robot as ga, Terminal as xa, Check as ae, Copy as ht, XCircle as va, Warning as Na, CheckCircle as ya, Info as wa, Minus as Ca, X as be, CaretDown as Y, CaretRight as gt, MagnifyingGlass as Sa, Columns as za, Lock as ka, DotsSixVertical as Da, FunnelSimple as dt, WarningCircle as Ta, CaretUp as Ma, CaretUpDown as Pa, CaretLeft as Ia } from "@phosphor-icons/react";
-import { forwardRef as f, useState as T, Children as xt, isValidElement as vt, useRef as _, useEffect as Z, useContext as O, useCallback as Nt, createContext as re, useId as ge, useMemo as De, useLayoutEffect as Ra, Fragment as ja } from "react";
+import { CircleNotch as ha, Robot as ga, Terminal as xa, Check as ae, Copy as gt, XCircle as va, Warning as Na, CheckCircle as ya, Info as wa, Minus as Ca, X as be, CaretDown as Y, CaretRight as xt, MagnifyingGlass as Sa, Columns as za, Lock as ka, DotsSixVertical as Da, FunnelSimple as ct, WarningCircle as Ta, CaretUp as Ma, CaretUpDown as Pa, CaretLeft as Ia } from "@phosphor-icons/react";
+import { forwardRef as f, useState as T, Children as vt, isValidElement as Nt, useRef as _, useEffect as Z, useContext as O, useCallback as yt, createContext as re, useId as ge, useMemo as De, useLayoutEffect as Ra, Fragment as ja } from "react";
 import { Slot as _a } from "@radix-ui/react-slot";
 import { cva as _e } from "class-variance-authority";
 import { clsx as Ea } from "clsx";
 import { twMerge as La } from "tailwind-merge";
 import * as Ee from "@radix-ui/react-avatar";
-import * as ct from "@radix-ui/react-checkbox";
+import * as ut from "@radix-ui/react-checkbox";
 import * as E from "@radix-ui/react-dialog";
 import * as P from "@radix-ui/react-dropdown-menu";
 import * as R from "@radix-ui/react-select";
@@ -78,7 +78,7 @@ const qa = _e(
     fullWidth: x = !1,
     disabled: b,
     children: h,
-    ...y
+    ...N
   }, k) => {
     const v = l ? _a : "button", D = Ga[n ?? "md"];
     return /* @__PURE__ */ e(
@@ -94,7 +94,7 @@ const qa = _e(
           c && "disabled:opacity-100",
           t
         ),
-        ...y,
+        ...N,
         children: l ? h : /* @__PURE__ */ s("span", { className: "relative inline-flex w-full items-center [justify-content:inherit] gap-(--control-gap)", children: [
           /* @__PURE__ */ s(
             "span",
@@ -158,13 +158,13 @@ function Ar({
           "aria-label": "Copy prompt",
           className: "ml-auto",
           onClick: u,
-          children: o ? /* @__PURE__ */ e(ae, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ht, {})
+          children: o ? /* @__PURE__ */ e(ae, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(gt, {})
         }
       )
     ] })
   ] });
 }
-const yt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const wt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Ee.Root,
   {
     ref: n,
@@ -175,8 +175,8 @@ const yt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-yt.displayName = "Avatar";
-const wt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+wt.displayName = "Avatar";
+const Ct = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Ee.Image,
   {
     ref: n,
@@ -184,8 +184,8 @@ const wt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-wt.displayName = "AvatarImage";
-const Ct = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+Ct.displayName = "AvatarImage";
+const St = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Ee.Fallback,
   {
     ref: n,
@@ -196,7 +196,7 @@ const Ct = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Ct.displayName = "AvatarFallback";
+St.displayName = "AvatarFallback";
 const Ha = _e(
   "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
   {
@@ -328,7 +328,7 @@ function Fr({ className: t, ...a }) {
 function Ja({ className: t, ...a }) {
   return /* @__PURE__ */ e("tbody", { className: i("[&_tr:last-child]:border-0", t), ...a });
 }
-function ut({ className: t, ...a }) {
+function mt({ className: t, ...a }) {
   return /* @__PURE__ */ e(
     "tr",
     {
@@ -388,7 +388,7 @@ function xe({
   panelClassName: x,
   footer: b,
   footerClassName: h,
-  minHeight: y,
+  minHeight: N,
   scrollMode: k = "surface",
   headerContentRef: v
 }) {
@@ -442,7 +442,7 @@ function xe({
     Xa,
     {
       className: i(Qa[m], x),
-      style: y ? { minHeight: y } : void 0,
+      style: N ? { minHeight: N } : void 0,
       children: l
     }
   );
@@ -468,8 +468,8 @@ function xe({
   ] });
 }
 function Za(t) {
-  const a = xt.toArray(t), n = a.filter(
-    (l) => vt(l) && l.type === St
+  const a = vt.toArray(t), n = a.filter(
+    (l) => Nt(l) && l.type === zt
   );
   return {
     header: n.length > 0 ? /* @__PURE__ */ e(je, { children: n }) : void 0,
@@ -483,7 +483,7 @@ const er = f(
   }
 );
 er.displayName = "Card";
-const St = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const zt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
@@ -494,7 +494,7 @@ const St = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-St.displayName = "CardHeader";
+zt.displayName = "CardHeader";
 const tr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   "h2",
   {
@@ -532,7 +532,7 @@ const nr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
 ));
 nr.displayName = "CardFooter";
 const Pe = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
-  ct.Root,
+  ut.Root,
   {
     ref: n,
     className: i(
@@ -544,26 +544,26 @@ const Pe = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e(ct.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(Ca, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ae, { className: "size-3", weight: "bold" }) })
+    children: /* @__PURE__ */ e(ut.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(Ca, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(ae, { className: "size-3", weight: "bold" }) })
   }
 ));
 Pe.displayName = "Checkbox";
-function mt(t) {
+function pt(t) {
   return t.width > 0 && t.height > 0;
 }
-function pt(t) {
+function ft(t) {
   return Math.min(1, Math.max(0.1, t));
 }
 function lr(t, a) {
-  return !mt(t) || !mt(a) ? null : {
+  return !pt(t) || !pt(a) ? null : {
     dx: t.left + t.width / 2 - (a.left + a.width / 2),
     dy: t.top + t.height / 2 - (a.top + a.height / 2),
-    sx: pt(t.width / a.width),
-    sy: pt(t.height / a.height)
+    sx: ft(t.width / a.width),
+    sy: ft(t.height / a.height)
   };
 }
-const zt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
-let W = null, ft = !1;
+const kt = 'button, a, [role="button"], [role="menuitem"], [data-dialog-origin]';
+let W = null, bt = !1;
 function Le(t) {
   const a = t.getBoundingClientRect();
   return a.width <= 0 || a.height <= 0 ? null : {
@@ -575,13 +575,13 @@ function Le(t) {
 }
 function Ie(t) {
   if (!(t instanceof Element)) return;
-  const a = t.closest(zt);
+  const a = t.closest(kt);
   if (!a) return;
   const n = Le(a);
   n && (W = { rect: n, at: Date.now() });
 }
 function ir() {
-  ft || typeof document > "u" || (ft = !0, document.addEventListener(
+  bt || typeof document > "u" || (bt = !0, document.addEventListener(
     "pointerdown",
     (t) => Ie(t.target),
     !0
@@ -600,9 +600,9 @@ function or(t) {
   }
   W = null;
   const a = document.activeElement;
-  return a instanceof Element && a !== t && !t.contains(a) && a.matches(zt) ? Le(a) : null;
+  return a instanceof Element && a !== t && !t.contains(a) && a.matches(kt) ? Le(a) : null;
 }
-const sr = 250, kt = re(!1), Dt = re(() => {
+const sr = 250, Dt = re(!1), Tt = re(() => {
 }), Ae = re(!1);
 function dr({
   open: t,
@@ -613,8 +613,8 @@ function dr({
 }) {
   const [m, u] = T(
     a ?? !1
-  ), [c, x] = T(!1), b = _(!1), h = _(null), y = t ?? m, k = _(y);
-  k.current = y;
+  ), [c, x] = T(!1), b = _(!1), h = _(null), N = t ?? m, k = _(N);
+  k.current = N;
   const v = t !== void 0;
   Z(() => ir(), []), Z(() => {
     t && (h.current && clearTimeout(h.current), b.current = !1, x(!1));
@@ -629,7 +629,7 @@ function dr({
       h.current && clearTimeout(h.current), b.current = !1, x(!1), v || u(!0), n == null || n(!0);
       return;
     }
-    if (!y || b.current) return;
+    if (!N || b.current) return;
     if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
       v || u(!1), n == null || n(!1);
       return;
@@ -640,17 +640,17 @@ function dr({
       });
     }, sr);
   };
-  return /* @__PURE__ */ e(Dt.Provider, { value: () => D(!1), children: /* @__PURE__ */ e(kt.Provider, { value: c, children: /* @__PURE__ */ e(Ae.Provider, { value: !0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Tt.Provider, { value: () => D(!1), children: /* @__PURE__ */ e(Dt.Provider, { value: c, children: /* @__PURE__ */ e(Ae.Provider, { value: !0, children: /* @__PURE__ */ e(
     E.Root,
     {
-      open: y,
+      open: N,
       onOpenChange: D,
       ...o,
       children: l
     }
   ) }) }) });
 }
-const Tt = f(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
+const Mt = f(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
   E.Trigger,
   {
     ref: n,
@@ -660,17 +660,17 @@ const Tt = f(({ onClick: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Tt.displayName = "DialogTrigger";
-const Gr = E.Close, Mt = f(
+Mt.displayName = "DialogTrigger";
+const Gr = E.Close, Pt = f(
   ({ variant: t = "secondary", children: a = "Cancel", ...n }, l) => /* @__PURE__ */ e(E.Close, { asChild: !0, children: /* @__PURE__ */ e(M, { ref: l, type: "button", variant: t, ...n, children: a }) })
 );
-Mt.displayName = "DialogCancel";
-function Pt(t, a = !0) {
+Pt.displayName = "DialogCancel";
+function It(t, a = !0) {
   if (t.dataset.dialogMotionStarted === "true" || typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
     return;
   const n = Le(t);
   if (!n) {
-    a && window.requestAnimationFrame(() => Pt(t, !1));
+    a && window.requestAnimationFrame(() => It(t, !1));
     return;
   }
   t.dataset.dialogMotionStarted = "true";
@@ -686,7 +686,7 @@ function Pt(t, a = !0) {
 function cr(t) {
   return t.replace(/dvh\b/g, "vh");
 }
-const It = f(
+const Rt = f(
   ({
     className: t,
     children: a,
@@ -698,12 +698,12 @@ const It = f(
     onPointerDownOutside: c,
     ...x
   }, b) => {
-    const h = O(kt), y = n === "top", k = y ? {
+    const h = O(Dt), N = n === "top", k = N ? {
       "--dialog-top-offset": l,
       "--dialog-top-offset-fallback": cr(l)
-    } : void 0, v = O(Dt), D = _(null), S = Nt(
+    } : void 0, v = O(Tt), D = _(null), S = yt(
       (g) => {
-        if (D.current = g, g && o === "auto" && Pt(g), typeof b == "function") {
+        if (D.current = g, g && o === "auto" && It(g), typeof b == "function") {
           b(g);
           return;
         }
@@ -734,7 +734,7 @@ const It = f(
         {
           className: i(
             "pointer-events-none fixed inset-0 z-50 flex justify-center overflow-y-auto p-4",
-            y ? "items-start" : "items-center"
+            N ? "items-start" : "items-center"
           ),
           children: /* @__PURE__ */ s(
             E.Content,
@@ -744,7 +744,7 @@ const It = f(
               className: i(
                 "dialog-content pointer-events-auto relative flex max-h-[min(85vh,44rem)] w-full max-w-[22.4rem] flex-col gap-0 overflow-hidden will-change-[transform,opacity]",
                 "rounded-2xl border border-(--dialog-shell-border) bg-(--dialog-shell-bg) pb-3 shadow-(--dialog-shell-shadow) sm:pb-4",
-                y && "dialog-anchor-top",
+                N && "dialog-anchor-top",
                 o === "command" && "dialog-command-motion",
                 h && "dialog-closing",
                 "focus:outline-none",
@@ -771,7 +771,7 @@ const It = f(
     ] });
   }
 );
-It.displayName = "DialogContent";
+Rt.displayName = "DialogContent";
 function ur({
   className: t,
   ...a
@@ -833,7 +833,7 @@ function fr({
     }
   );
 }
-const Rt = f(({ className: t, ...a }, n) => {
+const jt = f(({ className: t, ...a }, n) => {
   const l = O(Ae) ? E.Title : "h2";
   return /* @__PURE__ */ e(
     l,
@@ -844,7 +844,7 @@ const Rt = f(({ className: t, ...a }, n) => {
     }
   );
 });
-Rt.displayName = "DialogTitle";
+jt.displayName = "DialogTitle";
 const br = f(({ className: t, ...a }, n) => {
   const l = O(Ae) ? E.Description : "p";
   return /* @__PURE__ */ e(
@@ -857,7 +857,7 @@ const br = f(({ className: t, ...a }, n) => {
   );
 });
 br.displayName = "DialogDescription";
-const jt = re(null);
+const _t = re(null);
 function hr({
   label: t,
   value: a,
@@ -869,7 +869,7 @@ function hr({
   ...c
 }) {
   const x = ge(), b = o ?? x;
-  return /* @__PURE__ */ e(jt.Provider, { value: { name: b, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: i("flex flex-col gap-6", m), ...c, children: [
+  return /* @__PURE__ */ e(_t.Provider, { value: { name: b, value: a, onChange: n, disabled: l }, children: /* @__PURE__ */ s("fieldset", { className: i("flex flex-col gap-6", m), ...c, children: [
     /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
     u
   ] }) });
@@ -882,7 +882,7 @@ function gr({
   disabled: o = !1,
   className: m
 }) {
-  const u = O(jt), c = ge();
+  const u = O(_t), c = ge();
   if (!u)
     throw new Error("RadioCard must be rendered inside a RadioGroup");
   const x = o || u.disabled, b = u.value === t;
@@ -947,17 +947,17 @@ function Hr({
   onConfirm: h
 }) {
   var S;
-  const [y, k] = T(m ?? ((S = o[0]) == null ? void 0 : S.value) ?? ""), v = u ?? y;
+  const [N, k] = T(m ?? ((S = o[0]) == null ? void 0 : S.value) ?? ""), v = u ?? N;
   return /* @__PURE__ */ s(dr, { open: t, onOpenChange: a, children: [
-    n ? /* @__PURE__ */ e(Tt, { asChild: !0, children: n }) : null,
+    n ? /* @__PURE__ */ e(Mt, { asChild: !0, children: n }) : null,
     /* @__PURE__ */ s(
-      It,
+      Rt,
       {
         "aria-describedby": void 0,
         className: "max-w-[29.4rem] [&>button]:hidden",
         children: [
           /* @__PURE__ */ s(ur, { children: [
-            /* @__PURE__ */ e(pr, { children: /* @__PURE__ */ e(Rt, { className: "text-xl", children: l }) }),
+            /* @__PURE__ */ e(pr, { children: /* @__PURE__ */ e(jt, { className: "text-xl", children: l }) }),
             /* @__PURE__ */ e(mr, { children: /* @__PURE__ */ e(hr, { label: l, value: v, onChange: (g) => {
               u === void 0 && k(g), c == null || c(g);
             }, children: o.map((g) => /* @__PURE__ */ e(
@@ -972,7 +972,7 @@ function Hr({
             )) }) })
           ] }),
           /* @__PURE__ */ s(fr, { className: "gap-3 pt-2.5", children: [
-            /* @__PURE__ */ e(Mt, { className: "flex-1", children: x }),
+            /* @__PURE__ */ e(Pt, { className: "flex-1", children: x }),
             /* @__PURE__ */ e(M, { className: "flex-1", onClick: () => h == null ? void 0 : h(v), children: b })
           ] })
         ]
@@ -989,7 +989,7 @@ function Vr({ 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(ae, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(ht, {}),
+        icon: l ? /* @__PURE__ */ e(ae, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(gt, {}),
         variant: "ghost",
         onClick: async () => {
           try {
@@ -1018,7 +1018,7 @@ const xr = {
   md: "left-[var(--control-pad-x-md)]",
   lg: "left-[var(--control-pad-x-lg)]",
   xl: "left-[var(--control-pad-x-xl)]"
-}, bt = {
+}, ht = {
   sm: "right-[var(--control-pad-x-sm)]",
   md: "right-[var(--control-pad-x-md)]",
   lg: "right-[var(--control-pad-x-lg)]",
@@ -1041,13 +1041,13 @@ const xr = {
     defaultValue: x,
     error: b = !1,
     helperText: h,
-    id: y,
+    id: N,
     "aria-describedby": k,
     disabled: v,
     readOnly: D,
     ...S
   }, g) => {
-    const j = ge(), I = y ?? j, A = !!h, F = !!(u && (c !== void 0 ? String(c).length > 0 : x !== void 0 && String(x).length > 0)), ne = A ? `${I}-description` : void 0, U = [k, ne].filter(Boolean).join(" ") || void 0, le = /* @__PURE__ */ e(
+    const j = ge(), I = N ?? j, A = !!h, F = !!(u && (c !== void 0 ? String(c).length > 0 : x !== void 0 && String(x).length > 0)), ne = A ? `${I}-description` : void 0, U = [k, ne].filter(Boolean).join(" ") || void 0, le = /* @__PURE__ */ e(
       "input",
       {
         ref: g,
@@ -1102,7 +1102,7 @@ const xr = {
             onClick: u,
             className: i(
               "absolute inset-y-0 flex items-center text-(--input-placeholder) transition-colors hover:text-(--input-fg)",
-              bt[l]
+              ht[l]
             ),
             children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", Te[l]), children: /* @__PURE__ */ e(be, {}) })
           }
@@ -1111,7 +1111,7 @@ const xr = {
           {
             className: i(
               "pointer-events-none absolute inset-y-0 flex items-center text-(--input-placeholder)",
-              bt[l]
+              ht[l]
             ),
             "aria-hidden": !0,
             children: /* @__PURE__ */ e("span", { className: i("inline-flex items-center justify-center", Te[l]), children: m })
@@ -1132,8 +1132,8 @@ const xr = {
 Be.displayName = "Input";
 function $e(t, a) {
   let n = 0;
-  return xt.forEach(t, (l) => {
-    if (!vt(l)) return;
+  return vt.forEach(t, (l) => {
+    if (!Nt(l)) return;
     if (a.some((m) => m === l.type)) {
       n += 1;
       return;
@@ -1142,7 +1142,7 @@ function $e(t, a) {
     o && (n += $e(o, a));
   }), n;
 }
-const _t = re(!1);
+const Et = re(!1);
 function Me({
   children: t,
   ...a
@@ -1150,12 +1150,12 @@ function Me({
   const n = $e(t, [
     he,
     ee,
-    Lt
+    At
   ]) === 0;
-  return /* @__PURE__ */ e(_t.Provider, { value: n, children: /* @__PURE__ */ e(P.Root, { ...a, children: t }) });
+  return /* @__PURE__ */ e(Et.Provider, { value: n, children: /* @__PURE__ */ e(P.Root, { ...a, children: t }) });
 }
 const me = f(({ className: t, disabled: a, ...n }, l) => {
-  const o = O(_t);
+  const o = O(Et);
   return /* @__PURE__ */ e(
     P.Trigger,
     {
@@ -1167,7 +1167,7 @@ const me = f(({ className: t, disabled: a, ...n }, l) => {
   );
 });
 me.displayName = "DropdownMenuTrigger";
-const Et = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
+const Lt = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   Y,
   {
     ref: n,
@@ -1179,7 +1179,7 @@ const Et = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
     ...a
   }
 ));
-Et.displayName = "DropdownMenuChevron";
+Lt.displayName = "DropdownMenuChevron";
 const Wr = P.Group, Or = P.Portal, pe = f(({ className: t, sideOffset: a = 8, ...n }, l) => /* @__PURE__ */ e(P.Portal, { children: /* @__PURE__ */ e(
   P.Content,
   {
@@ -1240,7 +1240,7 @@ const fe = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 fe.displayName = "DropdownMenuLabel";
-const Ur = P.Sub, Lt = f(({ className: t, inset: a, children: n, ...l }, o) => /* @__PURE__ */ s(
+const Ur = P.Sub, At = f(({ className: t, inset: a, children: n, ...l }, o) => /* @__PURE__ */ s(
   P.SubTrigger,
   {
     ref: o,
@@ -1254,11 +1254,11 @@ const Ur = P.Sub, Lt = f(({ className: t, inset: a, children: n, ...l }, o) => /
     ...l,
     children: [
       n,
-      /* @__PURE__ */ e(gt, { className: "ml-auto shrink-0" })
+      /* @__PURE__ */ e(xt, { className: "ml-auto shrink-0" })
     ]
   }
 ));
-Lt.displayName = "DropdownMenuSubTrigger";
+At.displayName = "DropdownMenuSubTrigger";
 const yr = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   P.SubContent,
   {
@@ -1287,8 +1287,8 @@ const Re = f(({ className: t, ...a }, n) => /* @__PURE__ */ e(
   }
 ));
 Re.displayName = "DropdownMenuSeparator";
-const Xr = R.Group, At = R.Value;
-function Bt({
+const Xr = R.Group, Bt = R.Value;
+function $t({
   children: t,
   disabled: a,
   ...n
@@ -1376,16 +1376,16 @@ function Cr({
     "div",
     {
       className: i(
-        "flex min-h-[22rem] flex-col items-center justify-center gap-5 px-6 py-16 text-center",
+        "flex flex-col items-center justify-center gap-4 px-6 py-12 text-center",
         o
       ),
       children: [
-        t ? /* @__PURE__ */ e("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-table-muted [&_svg]:size-8", children: t }) : null,
-        /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: a }),
-          n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: n }) : null
+        t ? /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-5", children: t }) : null,
+        /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-base font-medium text-table-header-active", children: a }),
+          n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-[13px] leading-5 text-table-muted", children: n }) : null
         ] }),
-        l ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: l }) : null
+        l ? /* @__PURE__ */ e("div", { className: "text-table-accent", children: l }) : null
       ]
     }
   );
@@ -1403,9 +1403,9 @@ function Jr({
   image: n
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ s(yt, { className: "size-8", children: [
-      n ? /* @__PURE__ */ e(wt, { src: n, alt: "" }) : null,
-      /* @__PURE__ */ e(Ct, { children: zr(t) })
+    /* @__PURE__ */ s(wt, { className: "size-8", children: [
+      n ? /* @__PURE__ */ e(Ct, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e(St, { children: zr(t) })
     ] }),
     /* @__PURE__ */ s("div", { className: "min-w-0", children: [
       /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
@@ -1425,7 +1425,7 @@ function Kr({
   toolbarStart: x,
   toolbarEnd: b,
   columnPicker: h = !0,
-  tabs: y,
+  tabs: N,
   activeTab: k,
   onTabChange: v,
   infoBanner: D,
@@ -1438,120 +1438,120 @@ function Kr({
   sort: ne,
   onSortChange: U,
   pageSize: le = 25,
-  pageSizeOptions: $t = [10, 25, 50, 100],
-  pagination: Ft = "auto",
-  tone: qt,
-  title: Gt,
-  description: Ht,
-  headerAction: Vt,
-  headerClassName: Wt,
-  panelClassName: Ot,
-  className: Ut
+  pageSizeOptions: Ft = [10, 25, 50, 100],
+  pagination: qt = "auto",
+  tone: Gt,
+  title: Ht,
+  description: Vt,
+  headerAction: Wt,
+  headerClassName: Ot,
+  panelClassName: Ut,
+  className: Xt
 }) {
   const [Ge, He] = T(
     () => Object.fromEntries(
       a.filter((r) => r.defaultHidden && !r.required).map((r) => [r.id, !0])
     )
-  ), [Ve, We] = T(null), [Ne, Oe] = T(null), [Xt, Jt] = T(
+  ), [Ve, We] = T(null), [Ne, Oe] = T(null), [Jt, Kt] = T(
     F ?? null
-  ), w = U ? ne ?? null : Xt, Kt = (r) => {
-    U ? U(r) : Jt(r);
-  }, [X, ie] = T(0), [B, Qt] = T(le), [q, ye] = T(/* @__PURE__ */ new Set()), [Yt, Zt] = T(/* @__PURE__ */ new Set()), ea = (r) => {
-    Zt((d) => {
+  ), y = U ? ne ?? null : Jt, Qt = (r) => {
+    U ? U(r) : Kt(r);
+  }, [X, ie] = T(0), [B, Yt] = T(le), [q, ye] = T(/* @__PURE__ */ new Set()), [Zt, ea] = T(/* @__PURE__ */ new Set()), ta = (r) => {
+    ea((d) => {
       const p = new Set(d);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, [ta, we] = T([]), Ue = a.map((r) => r.id), Xe = new Map(a.map((r) => [r.id, r])), Je = Ve ? Ve.map((r) => Xe.get(r)).filter((r) => !!r) : a, G = Je.filter((r) => !Ge[r.id]), Ke = Je.filter((r) => Ge[r.id] && !r.required), Qe = (r) => !!r.required, aa = (r) => Xe.get(r), ra = (r, d) => {
-    const p = d ? aa(d) : void 0;
-    !p || Qe(p) || r === d || We((N) => {
-      const z = N ?? Ue;
+  }, [aa, we] = T([]), Ue = a.map((r) => r.id), Xe = new Map(a.map((r) => [r.id, r])), Je = Ve ? Ve.map((r) => Xe.get(r)).filter((r) => !!r) : a, G = Je.filter((r) => !Ge[r.id]), Ke = Je.filter((r) => Ge[r.id] && !r.required), Qe = (r) => !!r.required, ra = (r) => Xe.get(r), na = (r, d) => {
+    const p = d ? ra(d) : void 0;
+    !p || Qe(p) || r === d || We((C) => {
+      const z = C ?? Ue;
       return $a(z, z.indexOf(r), z.indexOf(d));
     });
-  }, na = (r) => {
+  }, la = (r) => {
     He((d) => ({ ...d, [r]: !1 })), We((d) => d && d.includes(r) ? d : [...d ?? Ue, r]);
-  }, Ce = (c ?? []).filter((r) => ta.includes(r.id)), la = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), oe = De(() => {
+  }, Ce = (c ?? []).filter((r) => aa.includes(r.id)), ia = (c ?? []).map((r) => `${r.id}:${r.value.join(",")}`).join("|"), oe = De(() => {
     let r = t;
     for (const p of c ?? [])
-      p.value.length > 0 && (r = r.filter((N) => p.match(N, p.value)));
+      p.value.length > 0 && (r = r.filter((C) => p.match(C, p.value)));
     if (!u || !u.value.trim()) return r;
     const d = u.value.trim().toLowerCase();
     return r.filter((p) => u.keys(p).toLowerCase().includes(d));
   }, [t, u, c]), H = De(() => {
-    if (!w) return oe;
-    const r = a.find((p) => p.id === w.id);
+    if (!y) return oe;
+    const r = a.find((p) => p.id === y.id);
     if (!(r != null && r.sortValue)) return oe;
-    const d = w.dir === "asc" ? 1 : -1;
-    return [...oe].sort((p, N) => {
-      const z = r.sortValue(p), C = r.sortValue(N);
-      return z == null && C == null ? 0 : z == null ? 1 : C == null ? -1 : typeof z == "number" && typeof C == "number" ? (z - C) * d : String(z).localeCompare(String(C)) * d;
+    const d = y.dir === "asc" ? 1 : -1;
+    return [...oe].sort((p, C) => {
+      const z = r.sortValue(p), w = r.sortValue(C);
+      return z == null && w == null ? 0 : z == null ? 1 : w == null ? -1 : typeof z == "number" && typeof w == "number" ? (z - w) * d : String(z).localeCompare(String(w)) * d;
     });
-  }, [oe, w, a]), J = Math.max(1, Math.ceil(H.length / B)), ia = !l && !o && H.length > 0 && (Ft === "always" || H.length > B);
+  }, [oe, y, a]), J = Math.max(1, Math.ceil(H.length / B)), oa = !l && !o && H.length > 0 && (qt === "always" || H.length > B);
   Z(() => {
     ie(0);
-  }, [u == null ? void 0 : u.value, B, w == null ? void 0 : w.id, w == null ? void 0 : w.dir, k, la]), Z(() => {
+  }, [u == null ? void 0 : u.value, B, y == null ? void 0 : y.id, y == null ? void 0 : y.dir, k, ia]), Z(() => {
     X > J - 1 && ie(J - 1);
   }, [X, J]);
-  const se = X * B, $ = H.slice(se, se + B), oa = (r) => {
+  const se = X * B, $ = H.slice(se, se + B), sa = (r) => {
     if (!r.sortable) return;
-    const d = w;
-    Kt(
+    const d = y;
+    Qt(
       (d == null ? void 0 : d.id) === r.id ? d.dir === "asc" ? { id: r.id, dir: "desc" } : null : { id: r.id, dir: "asc" }
     );
-  }, Ye = $.length > 0 && $.every((r) => q.has(n(r))), sa = $.some((r) => q.has(n(r))), da = t.filter((r) => q.has(n(r))), ca = () => {
+  }, Ye = $.length > 0 && $.every((r) => q.has(n(r))), da = $.some((r) => q.has(n(r))), ca = t.filter((r) => q.has(n(r))), ua = () => {
     ye((r) => {
       const d = new Set(r);
       return Ye ? $.forEach((p) => d.delete(n(p))) : $.forEach((p) => d.add(n(p))), d;
     });
-  }, ua = (r) => {
+  }, ma = (r) => {
     ye((d) => {
       const p = new Set(d);
       return p.has(r) ? p.delete(r) : p.add(r), p;
     });
-  }, ma = !!(u || c != null && c.length || x || b), pa = (r) => (w == null ? void 0 : w.id) === r.id ? w.dir === "asc" ? "ascending" : "descending" : void 0, Ze = _(null), et = _(null), tt = _(null), at = _(null), [V, Se] = T([]), fa = G.map((r) => r.id).join("\0"), de = `${S ? "s" : "-"}|${j ? "a" : "-"}|${I ? "e" : "-"}|${fa}`, rt = _(de), ce = De(() => {
+  }, pa = !!(u || c != null && c.length || x || b), fa = (r) => (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? "ascending" : "descending" : void 0, Ze = _(null), et = _(null), tt = _(null), at = _(null), [V, Se] = T([]), ba = G.map((r) => r.id).join("\0"), de = `${S ? "s" : "-"}|${j ? "a" : "-"}|${I ? "e" : "-"}|${ba}`, rt = _(de), ce = De(() => {
     try {
       return JSON.stringify(t);
     } catch {
       return `rows:${t.length}`;
     }
-  }, [t]), nt = _(ce), ba = V.length > 0, ze = Nt(() => {
+  }, [t]), nt = _(ce), lt = V.length > 0, ze = yt(() => {
     const r = tt.current, d = at.current;
     r && d && (r.style.transform = `translateX(${-d.scrollLeft}px)`);
   }, []);
   Ra(() => {
     const r = Ze.current;
     if (!r) return;
-    if (rt.current !== de || nt.current !== ce) {
-      rt.current = de, nt.current = ce, Se((N) => N.length === 0 ? N : []);
-      return;
-    }
     const d = () => {
-      var lt, it, ot;
-      const N = (it = (lt = r.tBodies[0]) == null ? void 0 : lt.rows.item(0)) == null ? void 0 : it.cells;
-      if (!N || N.length === 0) {
+      var it, ot, st;
+      const C = (ot = (it = r.tBodies[0]) == null ? void 0 : it.rows.item(0)) == null ? void 0 : ot.cells;
+      if (!C || C.length === 0) {
         Se((L) => L.length === 0 ? L : []);
         return;
       }
-      const z = (ot = et.current) == null ? void 0 : ot.querySelectorAll("thead th"), C = Array.from(
-        N,
+      const z = (st = et.current) == null ? void 0 : st.querySelectorAll("thead th"), w = Array.from(
+        C,
         (L, ke) => {
-          var ue, st;
+          var ue, dt;
           return Math.max(
             L.getBoundingClientRect().width,
-            ((st = (ue = z == null ? void 0 : z.item(ke)) == null ? void 0 : ue.querySelector("[data-col-sizer]")) == null ? void 0 : st.getBoundingClientRect().width) ?? 0
+            ((dt = (ue = z == null ? void 0 : z.item(ke)) == null ? void 0 : ue.querySelector("[data-col-sizer]")) == null ? void 0 : dt.getBoundingClientRect().width) ?? 0
           );
         }
       );
       Se(
-        (L) => L.length === C.length && L.every((ke, ue) => ke === C[ue]) ? L : C
+        (L) => L.length === w.length && L.every((ke, ue) => ke === w[ue]) ? L : w
       );
     };
+    if ((rt.current !== de || nt.current !== ce) && (rt.current = de, nt.current = ce, lt)) {
+      Se([]);
+      return;
+    }
     if (d(), ze(), typeof ResizeObserver > "u") return;
     const p = new ResizeObserver(d);
     return p.observe(r), () => p.disconnect();
-  }, [de, ce, ba, l, o, ze]);
+  }, [de, ce, lt, l, o, ze]);
   const K = V.reduce((r, d) => r + d, 0);
-  return /* @__PURE__ */ s("div", { className: i("space-y-4", Ut), children: [
-    y && y.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: y.map((r) => {
+  return /* @__PURE__ */ s("div", { className: i("space-y-4", Xt), children: [
+    N && N.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: N.map((r) => {
       const d = r.id === k;
       return /* @__PURE__ */ e(
         "button",
@@ -1569,7 +1569,7 @@ function Kr({
         r.id
       );
     }) }),
-    ma && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+    pa && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       u && /* @__PURE__ */ e(
         Be,
         {
@@ -1592,7 +1592,7 @@ function Kr({
             variant: "secondary",
             size: "md",
             leadingIcon: /* @__PURE__ */ e(za, {}),
-            trailingIcon: /* @__PURE__ */ e(Et, {}),
+            trailingIcon: /* @__PURE__ */ e(Lt, {}),
             children: "Columns"
           }
         ) }),
@@ -1613,12 +1613,12 @@ function Kr({
                   p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", r.id), Oe(r.id);
                 },
                 onDragOver: (p) => {
-                  Ne && (p.preventDefault(), ra(Ne, r.id));
+                  Ne && (p.preventDefault(), na(Ne, r.id));
                 },
                 onDrop: (p) => p.preventDefault(),
                 onDragEnd: () => Oe(null),
                 onCheckedChange: (p) => {
-                  !p && !d && He((N) => ({ ...N, [r.id]: !0 }));
+                  !p && !d && He((C) => ({ ...C, [r.id]: !0 }));
                 },
                 onSelect: (p) => p.preventDefault(),
                 className: "justify-between",
@@ -1646,7 +1646,7 @@ function Kr({
               ee,
               {
                 checked: !1,
-                onCheckedChange: () => na(r.id),
+                onCheckedChange: () => la(r.id),
                 onSelect: (d) => d.preventDefault(),
                 children: r.header
               },
@@ -1663,7 +1663,7 @@ function Kr({
             size: "md",
             iconOnly: !0,
             "aria-label": "Add filter",
-            children: /* @__PURE__ */ e(dt, {})
+            children: /* @__PURE__ */ e(ct, {})
           }
         ) }),
         /* @__PURE__ */ e(pe, { align: "start", className: "w-54", children: c.map((r) => /* @__PURE__ */ e(
@@ -1682,7 +1682,7 @@ function Kr({
     Ce.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       Ce.map((r) => {
         const d = () => {
-          r.onChange([]), we((p) => p.filter((N) => N !== r.id));
+          r.onChange([]), we((p) => p.filter((C) => C !== r.id));
         };
         return /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ e(
@@ -1699,7 +1699,7 @@ function Kr({
           ),
           /* @__PURE__ */ s(Me, { children: [
             /* @__PURE__ */ e(me, { asChild: !0, children: /* @__PURE__ */ s(M, { variant: "secondary", size: "md", className: "rounded-l-none pl-2", children: [
-              /* @__PURE__ */ e(dt, {}),
+              /* @__PURE__ */ e(ct, {}),
               /* @__PURE__ */ e("span", { className: "font-medium", children: r.label }),
               /* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
               /* @__PURE__ */ e("span", { className: "text-muted", children: r.value.length > 0 ? `${r.value.length} selected` : "Enter value" }),
@@ -1711,13 +1711,13 @@ function Kr({
                 r.label
               ] }),
               r.options.map((p) => {
-                const N = r.value.includes(p.value);
+                const C = r.value.includes(p.value);
                 return /* @__PURE__ */ e(
                   ee,
                   {
-                    checked: N,
+                    checked: C,
                     onCheckedChange: () => r.onChange(
-                      N ? r.value.filter((z) => z !== p.value) : [...r.value, p.value]
+                      C ? r.value.filter((z) => z !== p.value) : [...r.value, p.value]
                     ),
                     onSelect: (z) => z.preventDefault(),
                     children: p.label
@@ -1756,7 +1756,7 @@ function Kr({
           size: "md",
           variant: r.variant ?? "outline",
           disabled: r.disabled,
-          onClick: () => void r.onRun(da),
+          onClick: () => void r.onRun(ca),
           children: [
             r.icon,
             r.label
@@ -1782,12 +1782,12 @@ function Kr({
       {
         scrollMode: "panel",
         headerContentRef: tt,
-        action: Vt,
-        tone: qt,
-        title: Gt,
-        description: Ht,
-        headerClassName: Wt,
-        panelClassName: Ot,
+        action: Wt,
+        tone: Gt,
+        title: Ht,
+        description: Vt,
+        headerClassName: Ot,
+        panelClassName: Ut,
         header: (
           // Visible header band. Presentational (aria-sort lives on the body's
           // sr-only thead); widths are pinned to the measured body columns and
@@ -1811,8 +1811,8 @@ function Kr({
                     Pe,
                     {
                       "aria-label": "Select all rows",
-                      checked: Ye ? !0 : sa ? "indeterminate" : !1,
-                      onCheckedChange: ca
+                      checked: Ye ? !0 : da ? "indeterminate" : !1,
+                      onCheckedChange: ua
                     }
                   ) }),
                   I && /* @__PURE__ */ e("th", { className: "h-(--table-header-h) w-9 px-1.5" }),
@@ -1832,16 +1832,16 @@ function Kr({
                               variant: "ghost",
                               size: "xs",
                               "aria-label": `Sort by ${r.header}`,
-                              onClick: () => oa(r),
+                              onClick: () => sa(r),
                               className: i(
                                 "h-auto gap-1.5 rounded-none px-0 py-0 text-[0.8125rem] text-table-header transition-colors [&_svg]:size-3.5",
                                 "hover:bg-transparent hover:text-table-header-active hover:shadow-none",
                                 "active:scale-100 active:bg-transparent active:shadow-none",
-                                (w == null ? void 0 : w.id) === r.id && "text-table-header-active"
+                                (y == null ? void 0 : y.id) === r.id && "text-table-header-active"
                               ),
                               children: [
                                 r.header,
-                                (w == null ? void 0 : w.id) === r.id ? w.dir === "asc" ? /* @__PURE__ */ e(Ma, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Y, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Pa, { className: "size-3.5 opacity-50" })
+                                (y == null ? void 0 : y.id) === r.id ? y.dir === "asc" ? /* @__PURE__ */ e(Ma, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Y, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Pa, { className: "size-3.5 opacity-50" })
                               ]
                             }
                           ) : r.header
@@ -1890,64 +1890,64 @@ function Kr({
               /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ s("tr", { children: [
                 S && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
                 I && /* @__PURE__ */ e("th", { scope: "col", children: "Details" }),
-                G.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": pa(r), children: r.header }, r.id)),
+                G.map((r) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": fa(r), children: r.header }, r.id)),
                 j && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
               ] }) }),
               /* @__PURE__ */ e(Ja, { children: $.map((r) => {
-                const d = n(r), p = q.has(d), N = Yt.has(d), z = G.length + (S ? 1 : 0) + (I ? 1 : 0) + (j ? 1 : 0);
+                const d = n(r), p = q.has(d), C = Zt.has(d), z = G.length + (S ? 1 : 0) + (I ? 1 : 0) + (j ? 1 : 0);
                 return /* @__PURE__ */ s(ja, { children: [
                   /* @__PURE__ */ s(
-                    ut,
+                    mt,
                     {
                       "data-state": p ? "selected" : void 0,
                       onClick: A ? () => A(r) : void 0,
                       className: A ? "cursor-pointer" : void 0,
                       children: [
-                        S && /* @__PURE__ */ e(Q, { className: "w-11", onClick: (C) => C.stopPropagation(), children: /* @__PURE__ */ e(
+                        S && /* @__PURE__ */ e(Q, { className: "w-11", onClick: (w) => w.stopPropagation(), children: /* @__PURE__ */ e(
                           Pe,
                           {
                             "aria-label": "Select row",
                             checked: p,
-                            onCheckedChange: () => ua(d)
+                            onCheckedChange: () => ma(d)
                           }
                         ) }),
-                        I && /* @__PURE__ */ e(Q, { className: "w-9 px-1.5", onClick: (C) => C.stopPropagation(), children: /* @__PURE__ */ e(
+                        I && /* @__PURE__ */ e(Q, { className: "w-9 px-1.5", onClick: (w) => w.stopPropagation(), children: /* @__PURE__ */ e(
                           M,
                           {
                             type: "button",
                             variant: "ghost",
                             size: "icon",
                             className: "size-7",
-                            "aria-label": N ? "Collapse row" : "Expand row",
-                            "aria-expanded": N,
-                            onClick: () => ea(d),
+                            "aria-label": C ? "Collapse row" : "Expand row",
+                            "aria-expanded": C,
+                            onClick: () => ta(d),
                             children: /* @__PURE__ */ e(
                               Y,
                               {
                                 className: i(
                                   "size-3.5 text-muted transition-transform motion-safe:duration-200",
-                                  N ? "" : "-rotate-90"
+                                  C ? "" : "-rotate-90"
                                 ),
                                 weight: "bold"
                               }
                             )
                           }
                         ) }),
-                        G.map((C) => /* @__PURE__ */ e(
+                        G.map((w) => /* @__PURE__ */ e(
                           Q,
                           {
-                            "data-numeric": C.numeric ? "" : void 0,
-                            className: i(C.align === "right" && "text-right", C.className),
-                            children: C.cell(r)
+                            "data-numeric": w.numeric ? "" : void 0,
+                            className: i(w.align === "right" && "text-right", w.className),
+                            children: w.cell(r)
                           },
-                          C.id
+                          w.id
                         )),
                         j && /* @__PURE__ */ e(
                           Q,
                           {
                             className: "w-44 px-4 text-right",
-                            onClick: (C) => {
-                              C.target.closest("button, a, input, [role='menuitem']") && C.stopPropagation();
+                            onClick: (w) => {
+                              w.target.closest("button, a, input, [role='menuitem']") && w.stopPropagation();
                             },
                             children: j(r)
                           }
@@ -1955,7 +1955,7 @@ function Kr({
                       ]
                     }
                   ),
-                  I && N ? /* @__PURE__ */ e(ut, { className: "hover:bg-inherit", "data-expanded": "", children: /* @__PURE__ */ e(
+                  I && C ? /* @__PURE__ */ e(mt, { className: "hover:bg-inherit", "data-expanded": "", children: /* @__PURE__ */ e(
                     Q,
                     {
                       colSpan: z,
@@ -1970,7 +1970,7 @@ function Kr({
         ) })
       }
     ),
-    ia && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+    oa && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ s("span", { className: "text-muted", children: [
         se + 1,
         "–",
@@ -1979,9 +1979,9 @@ function Kr({
         H.length
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s(Bt, { value: String(B), onValueChange: (r) => Qt(Number(r)), children: [
-          /* @__PURE__ */ e(Fe, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(At, {}) }),
-          /* @__PURE__ */ e(qe, { children: $t.map((r) => /* @__PURE__ */ e(ve, { value: String(r), children: r }, r)) })
+        /* @__PURE__ */ s($t, { value: String(B), onValueChange: (r) => Yt(Number(r)), children: [
+          /* @__PURE__ */ e(Fe, { "aria-label": "Rows per page", className: "w-27.5", variant: "inline", children: /* @__PURE__ */ e(Bt, {}) }),
+          /* @__PURE__ */ e(qe, { children: Ft.map((r) => /* @__PURE__ */ e(ve, { value: String(r), children: r }, r)) })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ e(
@@ -2003,7 +2003,7 @@ function Kr({
               "aria-label": "Next page",
               disabled: X >= J - 1,
               onClick: () => ie((r) => Math.min(J - 1, r + 1)),
-              children: /* @__PURE__ */ e(gt, {})
+              children: /* @__PURE__ */ e(xt, {})
             }
           )
         ] })
@@ -2034,12 +2034,12 @@ const kr = f(
     id: x,
     size: b,
     disabled: h,
-    ...y
+    ...N
   }, k) => /* @__PURE__ */ s("div", { className: i("flex w-full items-stretch", t), children: [
     /* @__PURE__ */ e(
       Be,
       {
-        ...y,
+        ...N,
         ref: k,
         id: x,
         size: b,
@@ -2051,7 +2051,7 @@ const kr = f(
       }
     ),
     /* @__PURE__ */ s(
-      Bt,
+      $t,
       {
         value: l,
         onValueChange: o,
@@ -2066,7 +2066,7 @@ const kr = f(
                 "min-w-28 shrink-0 rounded-l-none border border-(--input-border) border-l-0 px-3 text-[13px] font-normal",
                 n
               ),
-              children: /* @__PURE__ */ e(At, { placeholder: c })
+              children: /* @__PURE__ */ e(Bt, { placeholder: c })
             }
           ),
           /* @__PURE__ */ e(qe, { children: m.map((v) => /* @__PURE__ */ e(ve, { value: v.value, children: v.label }, v.value)) })
@@ -2197,9 +2197,9 @@ const tn = te.Provider, an = te.Root, rn = te.Trigger, Mr = f(({ className: t, s
 Mr.displayName = "TooltipContent";
 export {
   Ar as AgentPrompt,
-  yt as Avatar,
-  Ct as AvatarFallback,
-  wt as AvatarImage,
+  wt as Avatar,
+  St as AvatarFallback,
+  Ct as AvatarImage,
   Wa as Badge,
   M as Button,
   Br as Callout,
@@ -2207,7 +2207,7 @@ export {
   rr as CardContent,
   ar as CardDescription,
   nr as CardFooter,
-  St as CardHeader,
+  zt as CardHeader,
   tr as CardTitle,
   Pe as Checkbox,
   Hr as ChoiceDialog,
@@ -2216,18 +2216,18 @@ export {
   Jr as DataTableIdentity,
   dr as Dialog,
   mr as DialogBody,
-  Mt as DialogCancel,
+  Pt as DialogCancel,
   Gr as DialogClose,
-  It as DialogContent,
+  Rt as DialogContent,
   br as DialogDescription,
   fr as DialogFooter,
   pr as DialogHeader,
   ur as DialogPanel,
-  Rt as DialogTitle,
-  Tt as DialogTrigger,
+  jt as DialogTitle,
+  Mt as DialogTrigger,
   Me as DropdownMenu,
   ee as DropdownMenuCheckboxItem,
-  Et as DropdownMenuChevron,
+  Lt as DropdownMenuChevron,
   pe as DropdownMenuContent,
   Wr as DropdownMenuGroup,
   he as DropdownMenuItem,
@@ -2236,7 +2236,7 @@ export {
   Re as DropdownMenuSeparator,
   Ur as DropdownMenuSub,
   yr as DropdownMenuSubContent,
-  Lt as DropdownMenuSubTrigger,
+  At as DropdownMenuSubTrigger,
   me as DropdownMenuTrigger,
   Qr as EmptyState,
   Be as Input,
@@ -2246,13 +2246,13 @@ export {
   gr as RadioCard,
   hr as RadioGroup,
   Zr as Segmented,
-  Bt as Select,
+  $t as Select,
   qe as SelectContent,
   Xr as SelectGroup,
   ve as SelectItem,
   wr as SelectLabel,
   Fe as SelectTrigger,
-  At as SelectValue,
+  Bt as SelectValue,
   Tr as Separator,
   en as Skeleton,
   Fa as Spinner,
@@ -2264,7 +2264,7 @@ export {
   qr as TableHead,
   Fr as TableHeader,
   Xa as TablePanel,
-  ut as TableRow,
+  mt as TableRow,
   xe as TableSurface,
   an as Tooltip,
   Mr as TooltipContent,