@nivaro/react 0.3.41 → 0.3.43

package/dist/shared/components/DataTable.js

@@ -1,36 +1,36 @@
-import { jsxs as s, Fragment as J, jsx as e } from "react/jsx-runtime";
-import { Search as Ze, Pin as De, ChevronDown as Ke, Inbox as Ie, ChevronsUpDown as K, ChevronUp as Ge, X as I, Check as Pe, CalendarDays as et } from "lucide-react";
-import tt, { useMemo as _e, useRef as D, useState as O, useEffect as X, useLayoutEffect as rt } from "react";
-import { parseDateFilter as Oe, describeDateFilter as at, DATE_FILTER_OPS as lt, formatDateFilter as nt } from "../lib/date-filter.js";
-import { parseNumberFilter as Se, describeNumberFilter as st, NUMBER_FILTER_OPS as it, formatNumberFilter as ct } from "../lib/number-filter.js";
-import { fitPins as ot } from "../lib/table-pins.js";
-import { cn as b, formatNumber as oe } from "../lib/utils.js";
-import { CellCopyLayer as dt } from "./CellCopyLayer.js";
-import { EmptyState as pt } from "./EmptyState.js";
-import { HScrollProxy as ht } from "./HScrollProxy.js";
+import { jsxs as s, Fragment as H, jsx as e } from "react/jsx-runtime";
+import { Search as Ie, Pin as Ge, ChevronDown as Pe, Inbox as et, ChevronsUpDown as K, ChevronUp as tt, X as I, Check as rt, CalendarDays as at } from "lucide-react";
+import lt, { useMemo as _e, useRef as D, useState as O, useEffect as Q, useLayoutEffect as nt } from "react";
+import { parseDateFilter as Oe, describeDateFilter as st, DATE_FILTER_OPS as it, formatDateFilter as dt } from "../lib/date-filter.js";
+import { parseNumberFilter as Se, describeNumberFilter as ot, NUMBER_FILTER_OPS as ct, formatNumberFilter as bt } from "../lib/number-filter.js";
+import { fitPins as pt } from "../lib/table-pins.js";
+import { cn as b, formatNumber as be } from "../lib/utils.js";
+import { CellCopyLayer as ht } from "./CellCopyLayer.js";
+import { EmptyState as mt } from "./EmptyState.js";
+import { HScrollProxy as ut } from "./HScrollProxy.js";
+import { TableSkeletonRows as xt } from "./Skeletons.js";
 import { Button as $e } from "./ui/button.js";
 import { Checkbox as Ce } from "./ui/checkbox.js";
-import { Command as bt, CommandInput as mt, CommandList as ut, CommandEmpty as xt, CommandItem as ft } from "./ui/command.js";
-import { Input as A } from "./ui/input.js";
+import { Command as ft, CommandInput as yt, CommandList as gt, CommandEmpty as kt, CommandItem as vt } from "./ui/command.js";
+import { Input as j } from "./ui/input.js";
 import { Popover as G, PopoverTrigger as P, PopoverContent as ee } from "./ui/popover.js";
-import { Select as yt, SelectTrigger as gt, SelectValue as vt, SelectContent as Nt, SelectItem as ze } from "./ui/select.js";
-import { Skeleton as kt } from "./ui/skeleton.js";
-import { Table as wt, TableHeader as _t, TableRow as H, TableHead as Y, TableBody as Ot, TableCell as Z } from "./ui/table.js";
+import { Select as Nt, SelectTrigger as wt, SelectValue as _t, SelectContent as Ot, SelectItem as ze } from "./ui/select.js";
+import { Table as Re, TableHeader as Me, TableRow as B, TableHead as U, TableBody as Ee, TableCell as Z } from "./ui/table.js";
 const St = [1, 2, 3, 4, 5, 6, 7, 8];
-function Ee(r) {
-  return r.startsWith("-") ? r.slice(1) : r;
+function Te(a) {
+  return a.startsWith("-") ? a.slice(1) : a;
 }
-function Me(r) {
-  return r ? r.startsWith("-") ? "desc" : "asc" : null;
+function Ve(a) {
+  return a ? a.startsWith("-") ? "desc" : "asc" : null;
 }
-function $t(r, i) {
-  const d = Ee(r), o = Me(r);
-  return d !== i || !r ? i : o === "asc" ? `-${i}` : "";
+function $t(a, i) {
+  const c = Te(a), o = Ve(a);
+  return c !== i || !a ? i : o === "asc" ? `-${i}` : "";
 }
-function Ct({ field: r, sort: i }) {
-  const d = Ee(i), o = Me(i);
-  return d !== r || !i ? /* @__PURE__ */ e(K, { className: "ml-1 inline h-3 w-3 shrink-0 text-slate-300" }) : /* @__PURE__ */ e(
-    Ge,
+function Ct({ field: a, sort: i }) {
+  const c = Te(i), o = Ve(i);
+  return c !== a || !i ? /* @__PURE__ */ e(K, { className: "ml-1 inline h-3 w-3 shrink-0 text-slate-300" }) : /* @__PURE__ */ e(
+    tt,
     {
       className: b(
         "ml-1 inline h-3 w-3 shrink-0 text-nvr-cyan transition-transform duration-200",
@@ -40,40 +40,40 @@ function Ct({ field: r, sort: i }) {
   );
 }
 function zt({
-  def: r,
+  def: a,
   value: i,
-  onChange: d
+  onChange: c
 }) {
-  const [o, u] = O(!1), [l, c] = O(""), [y, g] = O([]), [v, x] = O(!1), [h, N] = O({}), a = D(0), S = !!r.loadOptions, k = Array.isArray(i) ? i : i === "" ? [] : [i];
-  X(() => {
+  const [o, u] = O(!1), [l, d] = O(""), [y, g] = O([]), [k, x] = O(!1), [h, v] = O({}), r = D(0), S = !!a.loadOptions, N = Array.isArray(i) ? i : i === "" ? [] : [i];
+  Q(() => {
     if (!S || !o) return;
-    const m = ++a.current;
+    const m = ++r.current;
     x(!0);
-    const M = setTimeout(
+    const F = setTimeout(
       () => {
-        var R;
-        (R = r.loadOptions) == null || R.call(r, l).then((F) => {
-          a.current === m && g(F);
+        var M;
+        (M = a.loadOptions) == null || M.call(a, l).then((E) => {
+          r.current === m && g(E);
         }).catch(() => {
-          a.current === m && g([]);
+          r.current === m && g([]);
         }).finally(() => {
-          a.current === m && x(!1);
+          r.current === m && x(!1);
         });
       },
       l ? 250 : 0
     );
-    return () => clearTimeout(M);
+    return () => clearTimeout(F);
   }, [l, o, S]);
-  const Q = S ? y : r.options ?? [], z = (m) => {
-    var M, R;
-    return ((M = Q.find((F) => F.value === m)) == null ? void 0 : M.label) ?? ((R = (r.options ?? []).find((F) => F.value === m)) == null ? void 0 : R.label) ?? h[m] ?? m;
-  }, q = k.length === 0 ? null : k.length === 1 ? z(k[0]) : `${z(k[0])} +${k.length - 1}`;
+  const Y = S ? y : a.options ?? [], R = (m) => {
+    var F, M;
+    return ((F = Y.find((E) => E.value === m)) == null ? void 0 : F.label) ?? ((M = (a.options ?? []).find((E) => E.value === m)) == null ? void 0 : M.label) ?? h[m] ?? m;
+  }, J = N.length === 0 ? null : N.length === 1 ? R(N[0]) : `${R(N[0])} +${N.length - 1}`;
   return /* @__PURE__ */ s(
     G,
     {
       open: o,
       onOpenChange: (m) => {
-        u(m), m || c("");
+        u(m), m || d("");
       },
       children: [
         /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ s(
@@ -82,12 +82,12 @@ function zt({
             type: "button",
             className: b(
               "flex h-8 w-40 items-center justify-between rounded-md border border-slate-200 bg-slate-50 px-2.5 text-[13px] dark:border-border dark:bg-muted/40",
-              q ? "text-slate-800 dark:text-foreground" : "text-slate-500"
+              J ? "text-slate-800 dark:text-foreground" : "text-slate-500"
             ),
             children: [
-              /* @__PURE__ */ e("span", { className: "truncate", children: q ?? r.placeholder }),
+              /* @__PURE__ */ e("span", { className: "truncate", children: J ?? a.placeholder }),
               /* @__PURE__ */ s("span", { className: "ml-1 flex shrink-0 items-center gap-0.5", children: [
-                k.length > 0 && // biome-ignore lint/a11y/useKeyWithClickEvents: auxiliary clear affordance; Esc + reselect cover keyboard
+                N.length > 0 && // biome-ignore lint/a11y/useKeyWithClickEvents: auxiliary clear affordance; Esc + reselect cover keyboard
                 /* @__PURE__ */ e(
                   "span",
                   {
@@ -95,7 +95,7 @@ function zt({
                     tabIndex: -1,
                     "aria-label": "Clear filter",
                     onClick: (m) => {
-                      m.stopPropagation(), d(r.multi ? [] : "");
+                      m.stopPropagation(), c(a.multi ? [] : "");
                     },
                     className: "rounded p-0.5 text-slate-400 hover:text-slate-600",
                     children: /* @__PURE__ */ e(I, { className: "h-3 w-3" })
@@ -106,32 +106,32 @@ function zt({
             ]
           }
         ) }),
-        /* @__PURE__ */ e(ee, { className: "w-[240px] p-0", align: "start", children: /* @__PURE__ */ s(bt, { shouldFilter: !S, children: [
+        /* @__PURE__ */ e(ee, { className: "w-[240px] p-0", align: "start", children: /* @__PURE__ */ s(ft, { shouldFilter: !S, children: [
           /* @__PURE__ */ e(
-            mt,
+            yt,
             {
               placeholder: "Search…",
               className: "h-8 text-[12px]",
               value: l,
-              onValueChange: c
+              onValueChange: d
             }
           ),
-          /* @__PURE__ */ s(ut, { children: [
-            /* @__PURE__ */ e(xt, { className: "py-3 text-center text-[12px] text-slate-400", children: v ? "Searching…" : "No results" }),
-            Q.map((m) => {
-              const M = k.includes(m.value);
+          /* @__PURE__ */ s(gt, { children: [
+            /* @__PURE__ */ e(kt, { className: "py-3 text-center text-[12px] text-slate-400", children: k ? "Searching…" : "No results" }),
+            Y.map((m) => {
+              const F = N.includes(m.value);
               return /* @__PURE__ */ s(
-                ft,
+                vt,
                 {
                   value: S ? m.value : m.label,
                   onSelect: () => {
-                    N((R) => ({ ...R, [m.value]: m.label })), r.multi ? d(
-                      M ? k.filter((R) => R !== m.value) : [...k, m.value]
-                    ) : (d(M ? "" : m.value), u(!1));
+                    v((M) => ({ ...M, [m.value]: m.label })), a.multi ? c(
+                      F ? N.filter((M) => M !== m.value) : [...N, m.value]
+                    ) : (c(F ? "" : m.value), u(!1));
                   },
                   className: "text-[12px]",
                   children: [
-                    /* @__PURE__ */ e(Pe, { className: b("mr-2 h-3 w-3", M ? "opacity-100" : "opacity-0") }),
+                    /* @__PURE__ */ e(rt, { className: b("mr-2 h-3 w-3", F ? "opacity-100" : "opacity-0") }),
                     m.label
                   ]
                 },
@@ -145,18 +145,18 @@ function zt({
   );
 }
 function Rt({
-  value: r,
+  value: a,
   placeholder: i,
-  onChange: d
+  onChange: c
 }) {
-  const [o, u] = O(!1), l = Oe(r), [c, y] = O((l == null ? void 0 : l.op) ?? "on"), [g, v] = O((l == null ? void 0 : l.from) ?? ""), [x, h] = O((l == null ? void 0 : l.to) ?? "");
-  X(() => {
+  const [o, u] = O(!1), l = Oe(a), [d, y] = O((l == null ? void 0 : l.op) ?? "on"), [g, k] = O((l == null ? void 0 : l.from) ?? ""), [x, h] = O((l == null ? void 0 : l.to) ?? "");
+  Q(() => {
     if (!o) return;
-    const a = Oe(r);
-    y((a == null ? void 0 : a.op) ?? "on"), v((a == null ? void 0 : a.from) ?? ""), h((a == null ? void 0 : a.to) ?? "");
-  }, [o, r]);
-  const N = (a, S, k) => {
-    S && (d(nt({ op: a, from: S, to: k || S })), (a !== "between" || k) && u(!1));
+    const r = Oe(a);
+    y((r == null ? void 0 : r.op) ?? "on"), k((r == null ? void 0 : r.from) ?? ""), h((r == null ? void 0 : r.to) ?? "");
+  }, [o, a]);
+  const v = (r, S, N) => {
+    S && (c(dt({ op: r, from: S, to: N || S })), (r !== "between" || N) && u(!1));
   };
   return /* @__PURE__ */ s(G, { open: o, onOpenChange: u, children: [
     /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ s(
@@ -166,36 +166,36 @@ function Rt({
         "data-date-filter": !0,
         className: "flex h-8 w-full items-center justify-between gap-1 rounded-md border border-slate-200 bg-slate-50 px-2 text-left text-[12px] dark:border-border dark:bg-muted",
         children: [
-          /* @__PURE__ */ e("span", { className: b("truncate", !l && "text-slate-500 dark:text-muted-foreground"), children: l ? at(l) : i }),
+          /* @__PURE__ */ e("span", { className: b("truncate", !l && "text-slate-500 dark:text-muted-foreground"), children: l ? st(l) : i }),
           l ? /* @__PURE__ */ e(
             I,
             {
               className: "h-3 w-3 shrink-0 text-slate-400 hover:text-slate-700",
-              onClick: (a) => {
-                a.stopPropagation(), d(null);
+              onClick: (r) => {
+                r.stopPropagation(), c(null);
               }
             }
-          ) : /* @__PURE__ */ e(et, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
+          ) : /* @__PURE__ */ e(at, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
         ]
       }
     ) }),
     /* @__PURE__ */ s(ee, { align: "start", className: "w-[248px] space-y-2 p-2", children: [
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-1", children: lt.map((a) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-1", children: it.map((r) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          "data-date-op": a.op,
-          "aria-pressed": c === a.op,
+          "data-date-op": r.op,
+          "aria-pressed": d === r.op,
           onClick: () => {
-            y(a.op), g && N(a.op, g, x);
+            y(r.op), g && v(r.op, g, x);
           },
           className: b(
             "rounded border px-1 py-1 text-[11px] leading-tight transition-colors",
-            c === a.op ? "border-nvr-cyan/40 bg-nvr-cyan/10 font-medium" : "border-slate-200 text-slate-600 hover:bg-muted dark:border-border dark:text-muted-foreground"
+            d === r.op ? "border-nvr-cyan/40 bg-nvr-cyan/10 font-medium" : "border-slate-200 text-slate-600 hover:bg-muted dark:border-border dark:text-muted-foreground"
           ),
-          children: a.label
+          children: r.label
         },
-        a.op
+        r.op
       )) }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ e(
@@ -203,21 +203,21 @@ function Rt({
           {
             type: "date",
             value: g,
-            onChange: (a) => {
-              v(a.target.value), c !== "between" && N(c, a.target.value, "");
+            onChange: (r) => {
+              k(r.target.value), d !== "between" && v(d, r.target.value, "");
             },
             className: "h-7 flex-1 rounded border border-slate-200 bg-background px-1 text-[12px] dark:border-border"
           }
         ),
-        c === "between" && /* @__PURE__ */ s(J, { children: [
+        d === "between" && /* @__PURE__ */ s(H, { children: [
           /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: "to" }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "date",
               value: x,
-              onChange: (a) => {
-                h(a.target.value), N("between", g, a.target.value);
+              onChange: (r) => {
+                h(r.target.value), v("between", g, r.target.value);
               },
               className: "h-7 flex-1 rounded border border-slate-200 bg-background px-1 text-[12px] dark:border-border"
             }
@@ -227,13 +227,13 @@ function Rt({
     ] })
   ] });
 }
-function Et({
-  value: r,
+function Mt({
+  value: a,
   placeholder: i,
-  unit: d,
+  unit: c,
   onChange: o
 }) {
-  const [u, l] = O(!1), [c, y] = r.split(":"), g = d ?? "", v = c && y ? `${c}–${y}${g}` : c ? `${c}${g}+` : y ? `≤ ${y}${g}` : i, x = (h, N) => o(h === "" && N === "" ? null : `${h}:${N}`);
+  const [u, l] = O(!1), [d, y] = a.split(":"), g = c ?? "", k = d && y ? `${d}–${y}${g}` : d ? `${d}${g}+` : y ? `≤ ${y}${g}` : i, x = (h, v) => o(h === "" && v === "" ? null : `${h}:${v}`);
   return /* @__PURE__ */ s(G, { open: u, onOpenChange: l, children: [
     /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ s(
       "button",
@@ -245,11 +245,11 @@ function Et({
           /* @__PURE__ */ e(
             "span",
             {
-              className: b("truncate", !c && !y && "text-slate-500 dark:text-muted-foreground"),
-              children: v
+              className: b("truncate", !d && !y && "text-slate-500 dark:text-muted-foreground"),
+              children: k
             }
           ),
-          c || y ? /* @__PURE__ */ e(
+          d || y ? /* @__PURE__ */ e(
             I,
             {
               className: "h-3 w-3 shrink-0 text-slate-400 hover:text-slate-700",
@@ -265,25 +265,25 @@ function Et({
       /* @__PURE__ */ e("p", { className: "pb-1 text-[10px] font-semibold uppercase tracking-wide text-slate-400", children: i }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ e(
-          A,
+          j,
           {
             type: "number",
             "aria-label": `Minimum ${i}`,
             placeholder: "Min",
-            value: c ?? "",
+            value: d ?? "",
             onChange: (h) => x(h.target.value, y ?? ""),
             className: "h-7 text-[12px]"
           }
         ),
         /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: "–" }),
         /* @__PURE__ */ e(
-          A,
+          j,
           {
             type: "number",
             "aria-label": `Maximum ${i}`,
             placeholder: "Max",
             value: y ?? "",
-            onChange: (h) => x(c ?? "", h.target.value),
+            onChange: (h) => x(d ?? "", h.target.value),
             className: "h-7 text-[12px]"
           }
         )
@@ -291,19 +291,19 @@ function Et({
     ] })
   ] });
 }
-function Mt({
-  value: r,
+function Et({
+  value: a,
   placeholder: i,
-  onChange: d
+  onChange: c
 }) {
-  const [o, u] = O(!1), l = Se(r), [c, y] = O((l == null ? void 0 : l.op) ?? "eq"), [g, v] = O(l ? String(l.a) : ""), [x, h] = O((l == null ? void 0 : l.b) != null ? String(l.b) : "");
-  X(() => {
+  const [o, u] = O(!1), l = Se(a), [d, y] = O((l == null ? void 0 : l.op) ?? "eq"), [g, k] = O(l ? String(l.a) : ""), [x, h] = O((l == null ? void 0 : l.b) != null ? String(l.b) : "");
+  Q(() => {
     if (!o) return;
-    const a = Se(r);
-    y((a == null ? void 0 : a.op) ?? "eq"), v(a ? String(a.a) : ""), h((a == null ? void 0 : a.b) != null ? String(a.b) : "");
-  }, [o, r]);
-  const N = (a, S, k) => {
-    S === "" || Number.isNaN(Number(S)) || a === "between" && (k === "" || Number.isNaN(Number(k))) || d(ct({ op: a, a: Number(S), b: k === "" ? void 0 : Number(k) }));
+    const r = Se(a);
+    y((r == null ? void 0 : r.op) ?? "eq"), k(r ? String(r.a) : ""), h((r == null ? void 0 : r.b) != null ? String(r.b) : "");
+  }, [o, a]);
+  const v = (r, S, N) => {
+    S === "" || Number.isNaN(Number(S)) || r === "between" && (N === "" || Number.isNaN(Number(N))) || c(bt({ op: r, a: Number(S), b: N === "" ? void 0 : Number(N) }));
   };
   return /* @__PURE__ */ s(G, { open: o, onOpenChange: u, children: [
     /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ s(
@@ -313,13 +313,13 @@ function Mt({
         "data-number-filter": !0,
         className: "flex h-8 w-full items-center justify-between gap-1 rounded-md border border-slate-200 bg-slate-50 px-2 text-left text-[12px] dark:border-border dark:bg-muted",
         children: [
-          /* @__PURE__ */ e("span", { className: b("truncate", !l && "text-slate-500 dark:text-muted-foreground"), children: l ? st(l) : i }),
+          /* @__PURE__ */ e("span", { className: b("truncate", !l && "text-slate-500 dark:text-muted-foreground"), children: l ? ot(l) : i }),
           l ? /* @__PURE__ */ e(
             I,
             {
               className: "h-3 w-3 shrink-0 text-slate-400 hover:text-slate-700",
-              onClick: (a) => {
-                a.stopPropagation(), d(null);
+              onClick: (r) => {
+                r.stopPropagation(), c(null);
               }
             }
           ) : /* @__PURE__ */ e(K, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
@@ -327,44 +327,44 @@ function Mt({
       }
     ) }),
     /* @__PURE__ */ s(ee, { align: "start", className: "w-[220px] space-y-2 p-2", children: [
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-1", children: it.map((a) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-1", children: ct.map((r) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          "data-number-op": a.op,
-          "aria-pressed": c === a.op,
+          "data-number-op": r.op,
+          "aria-pressed": d === r.op,
           onClick: () => {
-            y(a.op), N(a.op, g, x);
+            y(r.op), v(r.op, g, x);
           },
           className: b(
             "rounded border px-1 py-1 text-[11px] transition-colors",
-            c === a.op ? "border-nvr-cyan/40 bg-nvr-cyan/10 font-medium" : "border-slate-200 text-slate-600 hover:bg-muted dark:border-border dark:text-muted-foreground"
+            d === r.op ? "border-nvr-cyan/40 bg-nvr-cyan/10 font-medium" : "border-slate-200 text-slate-600 hover:bg-muted dark:border-border dark:text-muted-foreground"
           ),
-          children: a.symbol
+          children: r.symbol
         },
-        a.op
+        r.op
       )) }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ e(
-          A,
+          j,
           {
             type: "number",
             value: g,
-            onChange: (a) => {
-              v(a.target.value), N(c, a.target.value, x);
+            onChange: (r) => {
+              k(r.target.value), v(d, r.target.value, x);
             },
             className: "h-7 text-[12px]"
           }
         ),
-        c === "between" && /* @__PURE__ */ s(J, { children: [
+        d === "between" && /* @__PURE__ */ s(H, { children: [
           /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: "–" }),
           /* @__PURE__ */ e(
-            A,
+            j,
             {
               type: "number",
               value: x,
-              onChange: (a) => {
-                h(a.target.value), N(c, g, a.target.value);
+              onChange: (r) => {
+                h(r.target.value), v(d, g, r.target.value);
               },
               className: "h-7 text-[12px]"
             }
@@ -374,68 +374,68 @@ function Mt({
     ] })
   ] });
 }
-function Re({
-  def: r,
+function Fe({
+  def: a,
   value: i,
-  onChange: d,
+  onChange: c,
   layout: o = "inline"
 }) {
-  const u = o === "stacked", l = o === "cell", c = typeof i == "string" ? i : "", y = u || l ? "w-full" : "w-40", g = l ? "h-7 text-[12px]" : "text-[13px]";
-  let v;
-  if (r.type === "text")
-    v = /* @__PURE__ */ e(
-      A,
+  const u = o === "stacked", l = o === "cell", d = typeof i == "string" ? i : "", y = u || l ? "w-full" : "w-40", g = l ? "h-7 text-[12px]" : "text-[13px]";
+  let k;
+  if (a.type === "text")
+    k = /* @__PURE__ */ e(
+      j,
       {
         className: b("h-8 border-slate-200 bg-slate-50", g, y),
-        placeholder: r.placeholder,
-        value: c,
-        onChange: (x) => d(x.target.value)
+        placeholder: a.placeholder,
+        value: d,
+        onChange: (x) => c(x.target.value)
       }
     );
-  else if (r.type === "combobox")
-    v = /* @__PURE__ */ e(
+  else if (a.type === "combobox")
+    k = /* @__PURE__ */ e(
       "div",
       {
         className: b(
           (u || l) && "[&>button]:w-full",
           l && "[&>button]:h-7 [&>button]:min-w-[88px] [&>button]:px-1.5 [&>button]:text-[12px]"
         ),
-        children: /* @__PURE__ */ e(zt, { def: r, value: i, onChange: d })
+        children: /* @__PURE__ */ e(zt, { def: a, value: i, onChange: c })
       }
     );
-  else if (r.type === "date")
-    v = /* @__PURE__ */ e("div", { className: b(l && "[&>div>button]:h-7 [&>div>button]:text-[12px]", y), children: /* @__PURE__ */ e(
+  else if (a.type === "date")
+    k = /* @__PURE__ */ e("div", { className: b(l && "[&>div>button]:h-7 [&>div>button]:text-[12px]", y), children: /* @__PURE__ */ e(
       Rt,
       {
-        value: c,
-        placeholder: r.placeholder,
-        onChange: (x) => d(x ?? "")
+        value: d,
+        placeholder: a.placeholder,
+        onChange: (x) => c(x ?? "")
       }
     ) });
-  else if (r.type === "number")
-    v = /* @__PURE__ */ e("div", { className: b(l && "[&>div>button]:h-7 [&>div>button]:text-[12px]", y), children: /* @__PURE__ */ e(
-      Mt,
+  else if (a.type === "number")
+    k = /* @__PURE__ */ e("div", { className: b(l && "[&>div>button]:h-7 [&>div>button]:text-[12px]", y), children: /* @__PURE__ */ e(
+      Et,
       {
-        value: c,
-        placeholder: r.placeholder,
-        onChange: (x) => d(x ?? "")
+        value: d,
+        placeholder: a.placeholder,
+        onChange: (x) => c(x ?? "")
       }
     ) });
-  else if (r.type === "range" && l)
-    v = /* @__PURE__ */ e("div", { className: "[&>div>button]:h-7 [&>div>button]:text-[12px] w-full", children: /* @__PURE__ */ e(
-      Et,
+  else if (a.type === "range" && l)
+    k = /* @__PURE__ */ e("div", { className: "[&>div>button]:h-7 [&>div>button]:text-[12px] w-full", children: /* @__PURE__ */ e(
+      Mt,
       {
-        value: c,
-        placeholder: r.placeholder,
-        unit: r.range_unit,
-        onChange: (x) => d(x ?? "")
+        value: d,
+        placeholder: a.placeholder,
+        unit: a.range_unit,
+        onChange: (x) => c(x ?? "")
       }
     ) });
-  else if (r.type === "range") {
-    const [x, h] = c.split(":");
-    v = /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+  else if (a.type === "range") {
+    const [x, h] = d.split(":");
+    k = /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ e(
-        A,
+        j,
         {
           type: "number",
           className: b(
@@ -445,12 +445,12 @@ function Re({
           ),
           placeholder: "Min",
           value: x ?? "",
-          onChange: (N) => d(`${N.target.value}:${h ?? ""}`)
+          onChange: (v) => c(`${v.target.value}:${h ?? ""}`)
         }
       ),
       /* @__PURE__ */ e("span", { className: "text-[12px] text-slate-400", children: "–" }),
       /* @__PURE__ */ e(
-        A,
+        j,
         {
           type: "number",
           className: b(
@@ -460,22 +460,22 @@ function Re({
           ),
           placeholder: "Max",
           value: h ?? "",
-          onChange: (N) => d(`${x ?? ""}:${N.target.value}`)
+          onChange: (v) => c(`${x ?? ""}:${v.target.value}`)
         }
       )
     ] });
   } else
-    v = /* @__PURE__ */ s(yt, { value: c === "" ? "__all__" : c, onValueChange: (h) => d(h === "__all__" ? "" : h), children: [
-      /* @__PURE__ */ e(gt, { className: b("h-8 border-slate-200 bg-slate-50", g, y), children: /* @__PURE__ */ e(vt, { placeholder: r.placeholder }) }),
-      /* @__PURE__ */ s(Nt, { children: [
-        /* @__PURE__ */ e(ze, { value: "__all__", children: r.placeholder }),
-        (r.options ?? []).filter((h) => h.value !== "").map((h) => /* @__PURE__ */ e(ze, { value: h.value, children: h.label }, h.value))
+    k = /* @__PURE__ */ s(Nt, { value: d === "" ? "__all__" : d, onValueChange: (h) => c(h === "__all__" ? "" : h), children: [
+      /* @__PURE__ */ e(wt, { className: b("h-8 border-slate-200 bg-slate-50", g, y), children: /* @__PURE__ */ e(_t, { placeholder: a.placeholder }) }),
+      /* @__PURE__ */ s(Ot, { children: [
+        /* @__PURE__ */ e(ze, { value: "__all__", children: a.placeholder }),
+        (a.options ?? []).filter((h) => h.value !== "").map((h) => /* @__PURE__ */ e(ze, { value: h.value, children: h.label }, h.value))
       ] })
     ] });
   return u ? /* @__PURE__ */ s("div", { className: "space-y-1", children: [
     /* @__PURE__ */ s("span", { className: "flex items-center gap-1.5 text-[11px] font-medium text-slate-500 dark:text-muted-foreground", children: [
-      Ft(r),
-      r.restricted && /* @__PURE__ */ e(
+      Ft(a),
+      a.restricted && /* @__PURE__ */ e(
         "span",
         {
           title: "Options limited to your restricted scope",
@@ -484,124 +484,124 @@ function Re({
         }
       )
     ] }),
-    v
-  ] }) : r.restricted ? /* @__PURE__ */ e(
+    k
+  ] }) : a.restricted ? /* @__PURE__ */ e(
     "div",
     {
       title: "Options limited to your restricted scope",
       className: "[&_button]:!border-amber-400 [&_input]:!border-amber-400 dark:[&_button]:!border-amber-500/60 dark:[&_input]:!border-amber-500/60",
-      children: v
+      children: k
     }
-  ) : /* @__PURE__ */ e(J, { children: v });
+  ) : /* @__PURE__ */ e(H, { children: k });
 }
-function Ft(r) {
-  return r.placeholder.replace(/^Search\s+/i, "").replace(/[…]|\.{3}$/g, "");
+function Ft(a) {
+  return a.placeholder.replace(/^Search\s+/i, "").replace(/[…]|\.{3}$/g, "");
 }
-function Gt(r, i) {
-  const d = (o) => {
+function Gt(a, i) {
+  const c = (o) => {
     var u, l;
-    return ((l = (u = r.options) == null ? void 0 : u.find((c) => c.value === o)) == null ? void 0 : l.label) ?? o;
+    return ((l = (u = a.options) == null ? void 0 : u.find((d) => d.value === o)) == null ? void 0 : l.label) ?? o;
   };
   if (Array.isArray(i)) {
-    const o = i.map(d);
+    const o = i.map(c);
     return o.slice(0, 2).join(", ") + (o.length > 2 ? ` +${o.length - 2}` : "");
   }
-  if (r.type === "range") {
+  if (a.type === "range") {
     const [o, u] = i.split(":");
     return [o && `≥${o}`, u && `≤${u}`].filter(Boolean).join(" ");
   }
-  return d(i);
+  return c(i);
 }
 function Pt({
-  columns: r,
+  columns: a,
   rows: i,
-  rowKey: d,
+  rowKey: c,
   total: o,
   page: u,
   limit: l = 25,
-  isLoading: c,
+  isLoading: d,
   isError: y,
   errorMessage: g,
-  sort: v = "",
+  sort: k = "",
   onSortChange: x,
   onPageChange: h,
-  onRowClick: N,
-  onRowContextMenu: a,
+  onRowClick: v,
+  onRowContextMenu: r,
   searchValue: S,
-  onSearchChange: k,
-  searchPlaceholder: Q = "Search…",
-  filterDefs: z,
-  filterValues: q = {},
+  onSearchChange: N,
+  searchPlaceholder: Y = "Search…",
+  filterDefs: R,
+  filterValues: J = {},
   onFilterChange: m,
-  toolbarRight: M,
-  emptyMessage: R = "No records found.",
-  minBodyHeight: F,
-  fillHeight: de = !1,
-  footer: Fe,
-  hideFilterRow: Ve = !1,
-  nowrapCells: je = !1,
-  density: pe = "comfortable",
-  pinFirstColumn: j = !1,
+  toolbarRight: F,
+  emptyMessage: M = "No records found.",
+  minBodyHeight: E,
+  fillHeight: te = !1,
+  footer: je,
+  hideFilterRow: Ae = !1,
+  nowrapCells: Le = !1,
+  density: re = "comfortable",
+  pinFirstColumn: V = !1,
   columnPins: f,
-  onColumnPinChange: te,
-  columnFilterRow: Ae = !1,
-  hScrollProxy: he = !1,
-  selectedIds: V,
-  onSelectionChange: E,
-  rowClassName: re,
-  rowDragProps: ae,
-  rowTitle: le,
-  enterKey: Le,
-  rowGroups: L,
-  collapsedGroups: ne,
-  onToggleGroup: se
+  onColumnPinChange: ae,
+  columnFilterRow: We = !1,
+  hScrollProxy: pe = !1,
+  selectedIds: T,
+  onSelectionChange: C,
+  rowClassName: le,
+  rowDragProps: ne,
+  rowTitle: se,
+  enterKey: qe,
+  rowGroups: A,
+  collapsedGroups: ie,
+  onToggleGroup: de
 }) {
-  const be = Math.ceil(o / l), Te = (u - 1) * l + 1, We = Math.min(u * l, o), me = !Ve && z && z.length > 0, qe = S !== void 0 || me || M !== void 0, Be = (t) => {
-    !t.sortable || !x || x($t(v, t.key));
-  }, _ = f !== void 0, B = _e(() => {
-    if (!_ || !f) return r;
-    const t = r.filter((C) => f[C.key] === "left"), n = r.filter((C) => f[C.key] === "right"), p = r.filter((C) => !f[C.key]);
+  const he = Math.ceil(o / l), Be = (u - 1) * l + 1, Ue = Math.min(u * l, o), me = !Ae && R && R.length > 0, Je = S !== void 0 || me || F !== void 0, Xe = (t) => {
+    !t.sortable || !x || x($t(k, t.key));
+  }, _ = f !== void 0, L = _e(() => {
+    if (!_ || !f) return a;
+    const t = a.filter((z) => f[z.key] === "left"), n = a.filter((z) => f[z.key] === "right"), p = a.filter((z) => !f[z.key]);
     return [...t, ...p, ...n];
-  }, [r, f, _]), ue = D({}), U = D(null), xe = D(null), fe = !c && (L ? L.length === 0 : i.length === 0), [ye, Ue] = O(null);
-  X(() => {
-    const t = U.current;
+  }, [a, f, _]), ue = D({}), X = D(null), xe = D(null), fe = !d && (A ? A.length === 0 : i.length === 0), [ye, He] = O(null);
+  Q(() => {
+    const t = X.current;
     if (!fe || !t) return;
-    const n = () => Ue(t.clientWidth);
+    const n = () => He(t.clientWidth);
     if (n(), typeof ResizeObserver > "u") return;
     const p = new ResizeObserver(n);
     return p.observe(t), () => p.disconnect();
   }, [fe]);
-  const [ge, He] = O({}), [, Je] = O(0);
-  X(() => {
-    const t = U.current;
+  const [ge, Qe] = O({}), [, Ye] = O(0);
+  Q(() => {
+    const t = X.current;
     if (!_ || !t || typeof ResizeObserver > "u") return;
-    const n = new ResizeObserver(() => Je(t.clientWidth));
+    const n = new ResizeObserver(() => Ye(t.clientWidth));
     return n.observe(t), () => n.disconnect();
-  }, [_, c]), rt(() => {
-    var ke, we;
+  }, [_, d]), nt(() => {
+    var Ne, we;
     if (!_ || !f) return;
     const t = (w) => {
-      var T;
-      return ((T = ue.current[w]) == null ? void 0 : T.getBoundingClientRect().width) ?? 120;
-    }, n = E ? ((ke = xe.current) == null ? void 0 : ke.getBoundingClientRect().width) ?? 40 : 0, { left: p, right: C } = ot(
-      B.filter((w) => f[w.key] === "left").map((w) => w.key),
-      B.filter((w) => f[w.key] === "right").map((w) => w.key),
+      var W;
+      return ((W = ue.current[w]) == null ? void 0 : W.getBoundingClientRect().width) ?? 120;
+    }, n = C ? ((Ne = xe.current) == null ? void 0 : Ne.getBoundingClientRect().width) ?? 40 : 0, { left: p, right: z } = pt(
+      L.filter((w) => f[w.key] === "left").map((w) => w.key),
+      L.filter((w) => f[w.key] === "right").map((w) => w.key),
       t,
       n,
-      ((we = U.current) == null ? void 0 : we.clientWidth) ?? 0
+      ((we = X.current) == null ? void 0 : we.clientWidth) ?? 0
     ), $ = {};
-    let W = n;
-    p.forEach((w, T) => {
-      $[w] = { side: "left", offset: Math.floor(W), seam: T === p.length - 1 }, W += t(w);
+    let q = n;
+    p.forEach((w, W) => {
+      $[w] = { side: "left", offset: Math.floor(q), seam: W === p.length - 1 }, q += t(w);
     });
-    let Ne = 0;
-    for (let w = C.length - 1; w >= 0; w--) {
-      const T = C[w];
-      $[T] = { side: "right", offset: Math.floor(Ne), seam: w === 0 }, Ne += t(T);
+    let ve = 0;
+    for (let w = z.length - 1; w >= 0; w--) {
+      const W = z[w];
+      $[W] = { side: "right", offset: Math.floor(ve), seam: w === 0 }, ve += t(W);
     }
-    He((w) => JSON.stringify(w) === JSON.stringify($) ? w : $);
+    Qe((w) => JSON.stringify(w) === JSON.stringify($) ? w : $);
   });
-  const ie = (t) => {
+  const oe = (t) => {
     const n = ge[t];
     if (!(!_ || !n))
       return n.side === "left" ? { left: n.offset } : { right: n.offset };
@@ -617,65 +617,65 @@ function Pt({
         p.side === "left" && p.seam && "border-r border-slate-200 dark:border-border",
         p.side === "right" && p.seam && "border-l border-slate-200 dark:border-border"
       );
-  }, Xe = (t) => {
-    if (!te) return;
+  }, Ze = (t) => {
+    if (!ae) return;
     const n = (f == null ? void 0 : f[t]) ?? null;
-    te(t, n === null ? "left" : n === "left" ? "right" : null);
-  }, Qe = _e(() => {
+    ae(t, n === null ? "left" : n === "left" ? "right" : null);
+  }, De = _e(() => {
     const t = /* @__PURE__ */ new Map();
-    for (const n of z ?? []) t.set(n.key, n);
+    for (const n of R ?? []) t.set(n.key, n);
     return t;
-  }, [z]), Ye = Ae && ((z == null ? void 0 : z.length) ?? 0) > 0, ve = (t, n) => {
-    const p = d ? d(t, n) : String(n), C = (V == null ? void 0 : V.includes(p)) ?? !1;
+  }, [R]), Ke = We && ((R == null ? void 0 : R.length) ?? 0) > 0, ke = (t, n) => {
+    const p = c ? c(t, n) : String(n), z = (T == null ? void 0 : T.includes(p)) ?? !1;
     return /* @__PURE__ */ s(
-      H,
+      B,
       {
-        ...ae == null ? void 0 : ae(t),
+        ...ne == null ? void 0 : ne(t),
         className: b(
           // NAMED group: queue cells already use bare `group-hover:` against
           // their own local group, and claiming the unnamed one here would
           // make those reveal on row hover instead.
           "group/row nvr-row-enter border-slate-100 transition-colors duration-150",
-          (j || _) && "bg-white dark:bg-card",
-          N && (j || _ ? "cursor-pointer hover:bg-slate-50 dark:hover:bg-muted" : "cursor-pointer hover:bg-slate-50/80"),
-          re == null ? void 0 : re(t),
+          (V || _) && "bg-white dark:bg-card",
+          v && (V || _ ? "cursor-pointer hover:bg-slate-50 dark:hover:bg-muted" : "cursor-pointer hover:bg-slate-50/80"),
+          le == null ? void 0 : le(t),
           // Pinned sticky cells use bg-inherit, so a selected row's bg must be
           // OPAQUE or horizontally-scrolled content bleeds through the pinned
           // column. bg-nvr-cyan/5 is semi-transparent — use an opaque equivalent
           // (5% nvr-cyan #00ceff over white / card) when pinning.
-          C && (j || _ ? "bg-[#f2fdff] dark:bg-[#20303a]" : "bg-nvr-cyan/5")
+          z && (V || _ ? "bg-[#f2fdff] dark:bg-[#20303a]" : "bg-nvr-cyan/5")
         ),
         style: { animationDelay: `${Math.min(n, 14) * 16}ms` },
         "data-row-key": p,
-        title: le == null ? void 0 : le(t),
-        onClick: () => N == null ? void 0 : N(t),
-        onContextMenu: a ? ($) => a(t, $) : void 0,
+        title: se == null ? void 0 : se(t),
+        onClick: () => v == null ? void 0 : v(t),
+        onContextMenu: r ? ($) => r(t, $) : void 0,
         children: [
-          E && /* @__PURE__ */ e(
+          C && /* @__PURE__ */ e(
             Z,
             {
               className: b(
                 "w-9 px-3",
-                pe === "compact" ? "py-1" : "py-2",
-                (j || _) && "sticky left-0 z-[1] min-w-[40px] bg-inherit"
+                re === "compact" ? "py-1" : "py-2",
+                (V || _) && "sticky left-0 z-[1] min-w-[40px] bg-inherit"
               ),
               onClick: ($) => {
-                $.stopPropagation(), E(C ? (V == null ? void 0 : V.filter((W) => W !== p)) ?? [] : [...V ?? [], p]);
+                $.stopPropagation(), C(z ? (T == null ? void 0 : T.filter((q) => q !== p)) ?? [] : [...T ?? [], p]);
               },
-              children: /* @__PURE__ */ e(Ce, { checked: C, "aria-label": "Select row" })
+              children: /* @__PURE__ */ e(Ce, { checked: z, "aria-label": "Select row" })
             }
           ),
-          B.map(($, W) => /* @__PURE__ */ e(
+          L.map(($, q) => /* @__PURE__ */ e(
             Z,
             {
-              style: ie($.key),
+              style: oe($.key),
               className: b(
                 "px-3",
-                pe === "compact" ? "py-1" : "py-2",
-                je && "whitespace-nowrap",
-                !_ && j && W === 0 && b(
+                re === "compact" ? "py-1" : "py-2",
+                Le && "whitespace-nowrap",
+                !_ && V && q === 0 && b(
                   "sticky z-[1] border-r border-slate-100 bg-inherit dark:border-border",
-                  E ? "left-[39px]" : "left-0"
+                  C ? "left-[39px]" : "left-0"
                 ),
                 ce($.key, !1),
                 $.className
@@ -689,88 +689,121 @@ function Pt({
       p
     );
   };
-  return /* @__PURE__ */ s(J, { children: [
-    /* @__PURE__ */ e(dt, {}),
+  return /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ e(ht, {}),
     y && g && /* @__PURE__ */ e("div", { className: "mb-4 rounded-md border border-red-200 bg-red-50 px-4 py-2.5 text-[13px] text-red-700", children: g }),
     /* @__PURE__ */ s(
       "div",
       {
         className: b(
           "overflow-hidden rounded-lg border border-slate-200 bg-white",
-          de && "flex h-full min-h-0 flex-col"
+          te && "flex h-full min-h-0 flex-col"
         ),
         children: [
-          qe && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 border-b border-slate-100 px-3 py-2.5", children: [
-            k !== void 0 && /* @__PURE__ */ s("div", { className: "relative", children: [
-              /* @__PURE__ */ e(Ze, { className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
+          Je && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 border-b border-slate-100 px-3 py-2.5", children: [
+            N !== void 0 && /* @__PURE__ */ s("div", { className: "relative", children: [
+              /* @__PURE__ */ e(Ie, { className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
               /* @__PURE__ */ e(
-                A,
+                j,
                 {
                   className: "h-8 w-56 border-slate-200 bg-slate-50 pl-8 text-[13px]",
-                  placeholder: Q,
+                  placeholder: Y,
                   value: S ?? "",
-                  onChange: (t) => k(t.target.value)
+                  onChange: (t) => N(t.target.value)
                 }
               )
             ] }),
-            me && (z == null ? void 0 : z.map((t) => /* @__PURE__ */ e(
-              Re,
+            me && (R == null ? void 0 : R.map((t) => /* @__PURE__ */ e(
+              Fe,
               {
                 def: t,
-                value: q[t.key] ?? "",
+                value: J[t.key] ?? "",
                 onChange: (n) => m == null ? void 0 : m(t.key, n)
               },
               t.key
             ))),
             /* @__PURE__ */ e("div", { className: "flex-1" }),
-            M
+            F
           ] }),
-          c ? /* @__PURE__ */ e("div", { className: "divide-y divide-slate-100", children: St.map((t) => /* @__PURE__ */ e("div", { className: "flex items-center gap-3 px-4 py-2.5", children: r.map((n) => /* @__PURE__ */ e(
-            kt,
-            {
-              className: b("h-4 rounded", n.className ? void 0 : "flex-1")
-            },
-            n.key
-          )) }, t)) }) : /* @__PURE__ */ s(J, { children: [
+          d ? (
+            // #3229 — the real header (same labels, h-9) over rows with the real cell padding
+            // and line height for this density, in the body's real minimum height: the table
+            // keeps its shape when the rows land.
+            /* @__PURE__ */ e(
+              "div",
+              {
+                "data-skeleton": "table",
+                "aria-busy": "true",
+                className: b(te && "min-h-0 flex-1 overflow-hidden"),
+                style: E ? { minHeight: E } : void 0,
+                children: /* @__PURE__ */ s(Re, { className: "border-separate border-spacing-0", children: [
+                  /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ s(B, { className: "border-b border-slate-200 hover:bg-transparent", children: [
+                    C && /* @__PURE__ */ e(U, { className: "h-9 w-9 border-b border-slate-200 bg-slate-50 px-3 py-0 dark:border-border dark:bg-muted" }),
+                    L.map((t) => /* @__PURE__ */ e(
+                      U,
+                      {
+                        className: b(
+                          "h-9 whitespace-nowrap border-b border-slate-200 bg-slate-50 px-3 py-0 text-[11px] font-medium text-slate-500 dark:border-border dark:bg-muted",
+                          t.headerClassName
+                        ),
+                        children: t.header
+                      },
+                      t.key
+                    ))
+                  ] }) }),
+                  /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(
+                    xt,
+                    {
+                      columns: L.map((t) => ({ key: t.key })),
+                      rows: Math.min(Math.max(l ?? St.length, 1), 15),
+                      rowClassName: "",
+                      cellClassName: b("px-3", re === "compact" ? "py-1" : "py-2"),
+                      leadingCells: C ? 1 : 0
+                    }
+                  ) })
+                ] })
+              }
+            )
+          ) : /* @__PURE__ */ s(H, { children: [
             /* @__PURE__ */ e(
               "div",
               {
-                ref: U,
+                ref: X,
                 className: b(
-                  he && "overflow-x-hidden [&>div]:overflow-visible",
+                  pe && "overflow-x-hidden [&>div]:overflow-visible",
                   // Bounded mode: rows scroll here under a sticky header. Header
                   // cells sit above pinned body cells (z-[1/2]); the pinned
                   // header corner (left-0) tops the other header cells so
                   // horizontal scroll cannot bleed through it.
-                  de && "min-h-0 flex-1 overflow-y-auto [&_thead_th]:sticky [&_thead_th]:top-0 [&_thead_th]:z-[5] [&_thead_th.left-0]:z-[6] [&_thead_th.dt-pinned]:z-[6]"
+                  te && "min-h-0 flex-1 overflow-y-auto [&_thead_th]:sticky [&_thead_th]:top-0 [&_thead_th]:z-[5] [&_thead_th.left-0]:z-[6] [&_thead_th.dt-pinned]:z-[6]"
                 ),
-                style: F ? { minHeight: F } : void 0,
+                style: E ? { minHeight: E } : void 0,
                 children: /* @__PURE__ */ s(
-                  wt,
+                  Re,
                   {
                     "data-copy-cells": "",
                     className: "border-separate border-spacing-0 [&>tbody>tr.border-b:not(:last-child)>td]:border-b [&>tbody>tr.border-b:not(:last-child)>td]:[border-bottom-color:inherit] [&>thead>tr.border-b>th]:border-b [&>thead>tr.border-b>th]:[border-bottom-color:inherit]",
                     children: [
-                      /* @__PURE__ */ s(_t, { children: [
-                        /* @__PURE__ */ s(H, { className: "border-b border-slate-200 hover:bg-transparent", children: [
-                          E && /* @__PURE__ */ e(
-                            Y,
+                      /* @__PURE__ */ s(Me, { children: [
+                        /* @__PURE__ */ s(B, { className: "border-b border-slate-200 hover:bg-transparent", children: [
+                          C && /* @__PURE__ */ e(
+                            U,
                             {
                               ref: xe,
                               className: b(
                                 "h-9 w-9 bg-slate-50 px-3 py-0",
-                                (j || _) && "sticky left-0 z-[2] min-w-[40px]"
+                                (V || _) && "sticky left-0 z-[2] min-w-[40px]"
                               ),
                               children: /* @__PURE__ */ e(
                                 Ce,
                                 {
                                   checked: i.length > 0 && i.every((t, n) => {
-                                    const p = d ? d(t, n) : String(n);
-                                    return V == null ? void 0 : V.includes(p);
+                                    const p = c ? c(t, n) : String(n);
+                                    return T == null ? void 0 : T.includes(p);
                                   }),
                                   onCheckedChange: (t) => {
-                                    E(
-                                      t ? i.map((n, p) => d ? d(n, p) : String(p)) : []
+                                    C(
+                                      t ? i.map((n, p) => c ? c(n, p) : String(p)) : []
                                     );
                                   },
                                   "aria-label": "Select all"
@@ -778,34 +811,34 @@ function Pt({
                               )
                             }
                           ),
-                          B.map((t, n) => /* @__PURE__ */ e(
-                            Y,
+                          L.map((t, n) => /* @__PURE__ */ e(
+                            U,
                             {
                               ref: (p) => {
                                 ue.current[t.key] = p;
                               },
-                              style: ie(t.key),
+                              style: oe(t.key),
                               className: b(
                                 "group/th h-9 whitespace-nowrap bg-slate-50 px-3 py-0 text-[11px] font-medium text-slate-500",
                                 t.sortable && x && "cursor-pointer select-none hover:text-slate-600",
-                                !_ && j && n === 0 && b(
+                                !_ && V && n === 0 && b(
                                   "sticky z-[2] border-r border-slate-200 dark:border-border",
-                                  E ? "left-[39px]" : "left-0"
+                                  C ? "left-[39px]" : "left-0"
                                 ),
                                 _ && "bg-slate-50 dark:bg-muted",
                                 ce(t.key, !0),
                                 t.headerClassName
                               ),
-                              onClick: () => Be(t),
+                              onClick: () => Xe(t),
                               children: /* @__PURE__ */ s("span", { className: "inline-flex items-center", children: [
                                 t.header,
-                                t.sortable && x && /* @__PURE__ */ e(Ct, { field: t.key, sort: v }),
-                                _ && te && t.key !== "claim" && /* @__PURE__ */ e(
+                                t.sortable && x && /* @__PURE__ */ e(Ct, { field: t.key, sort: k }),
+                                _ && ae && t.key !== "claim" && /* @__PURE__ */ e(
                                   "button",
                                   {
                                     type: "button",
                                     onClick: (p) => {
-                                      p.stopPropagation(), Xe(t.key);
+                                      p.stopPropagation(), Ze(t.key);
                                     },
                                     "aria-label": `Pin column ${t.key}`,
                                     title: (f == null ? void 0 : f[t.key]) === "left" ? "Pinned left — click to pin right" : (f == null ? void 0 : f[t.key]) === "right" ? "Pinned right — click to unpin" : "Pin column",
@@ -814,7 +847,7 @@ function Pt({
                                       f != null && f[t.key] ? "text-nvr-cyan opacity-100" : "text-slate-300 opacity-0 hover:text-slate-500 group-hover/th:opacity-100"
                                     ),
                                     children: /* @__PURE__ */ e(
-                                      De,
+                                      Ge,
                                       {
                                         className: b(
                                           "h-3 w-3",
@@ -829,32 +862,32 @@ function Pt({
                             t.key
                           ))
                         ] }),
-                        Ye && /* @__PURE__ */ s(H, { className: "border-b border-slate-200 hover:bg-transparent", children: [
-                          E && /* @__PURE__ */ e(
-                            Y,
+                        Ke && /* @__PURE__ */ s(B, { className: "border-b border-slate-200 hover:bg-transparent", children: [
+                          C && /* @__PURE__ */ e(
+                            U,
                             {
                               className: b(
                                 "h-9 w-9 bg-slate-50 px-3 py-1",
-                                (j || _) && "sticky left-0 z-[2] min-w-[40px]"
+                                (V || _) && "sticky left-0 z-[2] min-w-[40px]"
                               )
                             }
                           ),
-                          B.map((t) => {
-                            const n = Qe.get(t.key);
+                          L.map((t) => {
+                            const n = De.get(t.key);
                             return /* @__PURE__ */ e(
-                              Y,
+                              U,
                               {
-                                style: ie(t.key),
+                                style: oe(t.key),
                                 className: b(
                                   "h-9 bg-slate-50 px-1.5 py-1 align-middle",
                                   _ && "bg-slate-50 dark:bg-muted",
                                   ce(t.key, !0)
                                 ),
                                 children: n && m ? /* @__PURE__ */ e(
-                                  Re,
+                                  Fe,
                                   {
                                     def: n,
-                                    value: q[n.key] ?? "",
+                                    value: J[n.key] ?? "",
                                     onChange: (p) => m(n.key, p),
                                     layout: "cell"
                                   }
@@ -865,23 +898,23 @@ function Pt({
                           })
                         ] })
                       ] }),
-                      /* @__PURE__ */ s(Ot, { className: "tabular-nums", children: [
-                        L ? L.map((t) => {
-                          const n = (ne == null ? void 0 : ne.has(t.key)) ?? !1;
-                          return /* @__PURE__ */ s(tt.Fragment, { children: [
+                      /* @__PURE__ */ s(Ee, { className: "tabular-nums", children: [
+                        A ? A.map((t) => {
+                          const n = (ie == null ? void 0 : ie.has(t.key)) ?? !1;
+                          return /* @__PURE__ */ s(lt.Fragment, { children: [
                             /* @__PURE__ */ e(
-                              H,
+                              B,
                               {
                                 className: "nvr-row-enter cursor-pointer border-slate-200 bg-slate-50/80 transition-colors hover:bg-slate-100/80 dark:bg-muted/40",
-                                onClick: () => se == null ? void 0 : se(t.key),
+                                onClick: () => de == null ? void 0 : de(t.key),
                                 children: /* @__PURE__ */ e(
                                   Z,
                                   {
-                                    colSpan: r.length + (E ? 1 : 0),
+                                    colSpan: a.length + (C ? 1 : 0),
                                     className: "px-3 py-1.5",
                                     children: /* @__PURE__ */ s("span", { className: "flex items-center gap-1.5 text-[12px] font-medium text-slate-600 dark:text-foreground", children: [
                                       /* @__PURE__ */ e(
-                                        Ke,
+                                        Pe,
                                         {
                                           className: b(
                                             "h-3.5 w-3.5 text-slate-400 transition-transform duration-200",
@@ -895,41 +928,41 @@ function Pt({
                                 )
                               }
                             ),
-                            !n && t.rows.map((p, C) => ve(p, C))
+                            !n && t.rows.map((p, z) => ke(p, z))
                           ] }, t.key);
-                        }) : i.map((t, n) => ve(t, n)),
-                        (L ? L.length === 0 : i.length === 0) && /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
+                        }) : i.map((t, n) => ke(t, n)),
+                        (A ? A.length === 0 : i.length === 0) && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
                           Z,
                           {
-                            colSpan: r.length + (E ? 1 : 0),
+                            colSpan: a.length + (C ? 1 : 0),
                             className: "nvr-fade-in p-0 text-center align-middle text-[13px] text-slate-400",
-                            style: F ? { height: Math.max(96, F - 56) } : void 0,
+                            style: E ? { height: Math.max(96, E - 56) } : void 0,
                             children: /* @__PURE__ */ e(
                               "div",
                               {
                                 className: "sticky left-0 py-12",
                                 style: ye ? { width: ye } : void 0,
                                 "data-table-empty": !0,
-                                children: typeof R == "string" ? /* @__PURE__ */ e(pt, { icon: Ie, title: R }) : R
+                                children: typeof M == "string" ? /* @__PURE__ */ e(mt, { icon: et, title: M }) : M
                               }
                             )
                           }
                         ) })
-                      ] }, Le)
+                      ] }, qe)
                     ]
                   }
                 )
               }
             ),
-            he && /* @__PURE__ */ e(ht, { scrollerRef: U }),
-            Fe,
-            !L && o > l && /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-t border-slate-100 px-4 py-2.5", children: [
+            pe && /* @__PURE__ */ e(ut, { scrollerRef: X }),
+            je,
+            !A && o > l && /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-t border-slate-100 px-4 py-2.5", children: [
               /* @__PURE__ */ s("p", { className: "text-[12px] text-slate-400", children: [
-                oe(Te),
+                be(Be),
                 "–",
-                oe(We),
+                be(Ue),
                 " of ",
-                oe(o),
+                be(o),
                 " records"
               ] }),
               /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
@@ -947,7 +980,7 @@ function Pt({
                 /* @__PURE__ */ s("span", { className: "px-2 text-[12px] text-slate-400", children: [
                   u,
                   " / ",
-                  be
+                  he
                 ] }),
                 /* @__PURE__ */ e(
                   $e,
@@ -955,7 +988,7 @@ function Pt({
                     variant: "ghost",
                     size: "sm",
                     className: "h-7 px-2.5 text-[12px] text-slate-600",
-                    disabled: u >= be,
+                    disabled: u >= he,
                     onClick: () => h(u + 1),
                     children: "Next →"
                   }
@@ -970,7 +1003,7 @@ function Pt({
 }
 export {
   Pt as DataTable,
-  Re as FilterControl,
+  Fe as FilterControl,
   Ft as filterDefLabel,
   Gt as filterValueDisplay
 };