@rafal.lemieszewski/tide-ui 0.84.2 → 0.84.3

package/dist/es/components/product/data-table.js

@@ -1,26 +1,26 @@
-import { jsx as t, Fragment as ee, jsxs as v } from "react/jsx-runtime";
+import { jsx as t, Fragment as ee, jsxs as b } from "react/jsx-runtime";
 import * as l from "react";
 import { useReactTable as os, getFacetedMinMaxValues as as, getFacetedUniqueValues as ls, getFacetedRowModel as is, getGroupedRowModel as cs, getExpandedRowModel as ds, getSortedRowModel as us, getPaginationRowModel as fs, getFilteredRowModel as gs, getCoreRowModel as ms, flexRender as be } from "@tanstack/react-table";
-import { useReactTable as ko } from "@tanstack/react-table";
+import { useReactTable as To } from "@tanstack/react-table";
 import { useSensors as hs, useSensor as wr, MouseSensor as ps, TouchSensor as vs, DndContext as bs, closestCenter as xs } from "@dnd-kit/core";
 import { SortableContext as ys, horizontalListSortingStrategy as Cs, arrayMove as ws, useSortable as Ss } from "@dnd-kit/sortable";
 import { CSS as Ns } from "@dnd-kit/utilities";
-import { cn as F } from "../../lib/utils.js";
+import { cn as V } from "../../lib/utils.js";
 import { Button as Me } from "../fundamental/button.js";
 import { Input as ft } from "../fundamental/input.js";
 import { AutocompleteSearch as Rs } from "../fundamental/autocomplete-search.js";
 import { Table as Is, TableHeader as Es, TableRow as G, TableHead as ut, TableBody as Ds, TableCell as le } from "../fundamental/table.js";
-import { Select as zs, SelectTrigger as ks, SelectValue as Bs, SelectContent as Ts, SelectItem as Sr } from "../fundamental/select.js";
+import { Select as ks, SelectTrigger as zs, SelectValue as Bs, SelectContent as Ts, SelectItem as Sr } from "../fundamental/select.js";
 import { Checkbox as gt } from "../fundamental/checkbox.js";
-import { Icon as H } from "../fundamental/icon.js";
+import { Icon as W } from "../fundamental/icon.js";
 import { Badge as xe } from "../fundamental/badge.js";
-import { Popover as Pr, PopoverTrigger as Fr, PopoverContent as Vr } from "../fundamental/popover.js";
-import { Command as $r, CommandInput as jr, CommandList as Ar, CommandEmpty as Lr, CommandGroup as Or, CommandItem as Wr } from "../fundamental/command.js";
+import { Popover as Pr, PopoverTrigger as Vr, PopoverContent as Fr } from "../fundamental/popover.js";
+import { Command as $r, CommandInput as jr, CommandList as Ar, CommandEmpty as Lr, CommandGroup as Or, CommandItem as Hr } from "../fundamental/command.js";
 import { Pagination as Ms } from "../fundamental/pagination.js";
 import { Skeleton as Nr } from "../fundamental/skeleton.js";
 import { Spinner as qe } from "../fundamental/spinner.js";
 import { DataTableSettingsMenu as Ps } from "./data-table-settings-menu.js";
-import { TooltipProvider as Fs, Tooltip as Vs, TooltipTrigger as $s, TooltipContent as js } from "../fundamental/tooltip.js";
+import { TooltipProvider as Vs, Tooltip as Fs, TooltipTrigger as $s, TooltipContent as js } from "../fundamental/tooltip.js";
 function As(c, s) {
   const [i, a] = l.useState(c);
   return l.useEffect(() => {
@@ -32,14 +32,14 @@ function As(c, s) {
     };
   }, [c, s]), i;
 }
-const Te = l.memo(function({ children: s, align: i = "left" }) {
+const Te = /* @__PURE__ */ l.memo(function({ children: s, align: i = "left" }) {
   const a = l.useRef(null), [f, x] = l.useState(!1), [y, h] = l.useState("");
   return l.useEffect(() => {
     const p = a.current;
     if (!p) return;
-    let b;
-    const I = () => {
-      clearTimeout(b), b = setTimeout(() => {
+    let v;
+    const R = () => {
+      clearTimeout(v), v = setTimeout(() => {
         if (a.current) {
           const T = a.current.scrollWidth > a.current.clientWidth, C = a.current.firstElementChild, A = C ? C.scrollWidth > C.clientWidth : !1;
           x(T || A);
@@ -50,18 +50,18 @@ const Te = l.memo(function({ children: s, align: i = "left" }) {
       const T = a.current.scrollWidth > a.current.clientWidth, C = a.current.firstElementChild, A = C ? C.scrollWidth > C.clientWidth : !1;
       x(T || A);
     }
-    const D = new ResizeObserver(I);
+    const D = new ResizeObserver(R);
     return D.observe(p), () => {
-      clearTimeout(b), D.disconnect();
+      clearTimeout(v), D.disconnect();
     };
   }, [s]), l.useEffect(() => {
     a.current && h(a.current.textContent || "");
-  }, [s]), f ? /* @__PURE__ */ v(Vs, { children: [
+  }, [s]), f ? /* @__PURE__ */ b(Fs, { children: [
     /* @__PURE__ */ t($s, { asChild: !0, children: /* @__PURE__ */ t(
       "div",
       {
         ref: a,
-        className: F("min-w-0 overflow-hidden truncate [&>*]:truncate", i === "right" && "text-right"),
+        className: V("min-w-0 overflow-hidden truncate [&>*]:truncate", i === "right" && "text-right"),
         children: s
       }
     ) }),
@@ -70,7 +70,7 @@ const Te = l.memo(function({ children: s, align: i = "left" }) {
     "div",
     {
       ref: a,
-      className: F("min-w-0 overflow-hidden truncate [&>*]:truncate", i === "right" && "text-right"),
+      className: V("min-w-0 overflow-hidden truncate [&>*]:truncate", i === "right" && "text-right"),
       children: s
     }
   );
@@ -81,6 +81,20 @@ const Te = l.memo(function({ children: s, align: i = "left" }) {
   if (!i || i.length === 0) return !0;
   const a = c.getValue(s);
   return i.includes(a);
+}, Eo = (c, s, i, a) => {
+  if (!i || i.trim() === "") return !0;
+  const f = String(i).toLowerCase(), x = (h) => {
+    const p = h.getAllCells().map((v) => v.column.id);
+    for (const v of p) {
+      const R = h.getValue(v);
+      if (R != null && String(R).toLowerCase().includes(f))
+        return !0;
+    }
+    return !1;
+  };
+  c.getParentRow?.()?.getParentRow?.() || c.getParentRow?.();
+  const y = x(c);
+  return a && y && a({ itemRank: 1 }), y;
 };
 function Os(c, s) {
   for (const i of c) {
@@ -102,10 +116,10 @@ function Ir(c) {
   const s = Math.min(...c), i = Math.max(...c);
   return s === i ? String(s) : `${s} – ${i}`;
 }
-function Ws(c) {
+function Hs(c) {
   return c.length === 0 ? "" : `Avg: ${(c.reduce((a, f) => a + f, 0) / c.length).toFixed(2)}`;
 }
-function Hs(c) {
+function Ws(c) {
   return c.length === 0 ? "" : `Total: ${c.reduce((i, a) => i + a, 0)}`;
 }
 function Er(c) {
@@ -125,23 +139,23 @@ function Gs(c) {
     f > i && (i = f, a = x);
   }), `${a} (${i})`;
 }
-function zr(c) {
+function kr(c) {
   if (c.length === 0) return "";
   const i = c.map((y) => y instanceof Date ? y : new Date(y)).filter((y) => !isNaN(y.getTime()));
   if (i.length === 0) return "";
   const a = new Date(Math.min(...i.map((y) => y.getTime()))), f = new Date(Math.max(...i.map((y) => y.getTime()))), x = (y) => y.toISOString().split("T")[0];
   return a.getTime() === f.getTime() ? x(a) : `${x(a)} – ${x(f)}`;
 }
-function kr(c, s, i) {
+function zr(c, s, i) {
   const a = c.columnDef;
   if (c.id === i || a?.meta?.renderInGroupedRows || a?.meta?.aggregation === !1) return null;
   if (typeof a?.meta?.aggregation == "function") {
-    const I = "accessorKey" in a ? a.accessorKey : void 0;
-    return a.meta.aggregation(s, I);
+    const R = "accessorKey" in a ? a.accessorKey : void 0;
+    return a.meta.aggregation(s, R);
   }
   const f = "accessorKey" in a ? a.accessorKey : void 0, x = "accessorFn" in a ? a.accessorFn : void 0, y = f || x;
   if (!y) return null;
-  const h = s.map((I) => typeof y == "function" ? y(I.original, I.index) : I.original?.[y]).filter((I) => I != null);
+  const h = s.map((R) => typeof y == "function" ? y(R.original, R.index) : R.original?.[y]).filter((R) => R != null);
   if (h.length === 0) return null;
   const p = a?.meta?.aggregation;
   if (p && typeof p == "string")
@@ -149,9 +163,9 @@ function kr(c, s, i) {
       case "range":
         return Ir(h);
       case "average":
-        return Ws(h);
-      case "sum":
         return Hs(h);
+      case "sum":
+        return Ws(h);
       case "count":
         return Er(h.length);
       case "uniqueCount":
@@ -162,7 +176,7 @@ function kr(c, s, i) {
       case "mostCommon":
         return Gs(h.map(String));
       case "dateRange":
-        return zr(h);
+        return kr(h);
       default:
         return null;
     }
@@ -175,16 +189,16 @@ function kr(c, s, i) {
         a?.meta?.label || String(c.id)
       );
     case "date":
-      return zr(h);
+      return kr(h);
     default:
       return Er(h.length);
   }
 }
 function Br({ columns: c, rows: s, showRowBorder: i = !0, showCellBorder: a = !0, skipHeader: f = !1, enableResponsiveWrapper: x = !0 }) {
   const y = x ? "h-4 w-full max-w-full" : "h-4 w-[120px]", h = x ? "h-4 w-full max-w-full" : "h-4 w-[100px]";
-  return /* @__PURE__ */ v(ee, { children: [
-    !f && /* @__PURE__ */ t(G, { showBorder: i, children: Array.from({ length: c }).map((p, b) => /* @__PURE__ */ t(ut, { showBorder: a, className: "overflow-hidden", children: /* @__PURE__ */ t(Nr, { className: y }) }, b)) }),
-    Array.from({ length: s }).map((p, b) => /* @__PURE__ */ t(G, { showBorder: i, children: Array.from({ length: c }).map((I, D) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ b(ee, { children: [
+    !f && /* @__PURE__ */ t(G, { showBorder: i, children: Array.from({ length: c }).map((p, v) => /* @__PURE__ */ t(ut, { showBorder: a, className: "overflow-hidden", children: /* @__PURE__ */ t(Nr, { className: y }) }, v)) }),
+    Array.from({ length: s }).map((p, v) => /* @__PURE__ */ t(G, { showBorder: i, children: Array.from({ length: c }).map((R, D) => /* @__PURE__ */ t(
       le,
       {
         showBorder: a,
@@ -193,16 +207,16 @@ function Br({ columns: c, rows: s, showRowBorder: i = !0, showCellBorder: a = !0
         children: /* @__PURE__ */ t(Nr, { className: h })
       },
       D
-    )) }, b))
+    )) }, v))
   ] });
 }
-const _s = l.memo(function({
+const _s = /* @__PURE__ */ l.memo(function({
   title: s = "No data",
   description: i = "No items to display",
   action: a,
   customContent: f
 }) {
-  return f ? /* @__PURE__ */ t(ee, { children: f }) : /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center py-[var(--space-2xl)] text-center", children: [
+  return f ? /* @__PURE__ */ t(ee, { children: f }) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center py-[var(--space-2xl)] text-center", children: [
     /* @__PURE__ */ t("p", { className: "text-body-medium-md text-[var(--color-text-primary)]", children: s }),
     i && /* @__PURE__ */ t("p", { className: "text-body-sm text-[var(--color-text-secondary)] mt-[var(--space-xs)]", children: i }),
     a && /* @__PURE__ */ t(
@@ -216,13 +230,13 @@ const _s = l.memo(function({
       }
     )
   ] });
-}), qs = l.memo(function({
+}), qs = /* @__PURE__ */ l.memo(function({
   title: s = "No results found",
   description: i = "Try adjusting your search or filters",
   action: a,
   customContent: f
 }) {
-  return f ? /* @__PURE__ */ t(ee, { children: f }) : /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center py-[var(--space-2xl)] text-center", children: [
+  return f ? /* @__PURE__ */ t(ee, { children: f }) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center py-[var(--space-2xl)] text-center", children: [
     /* @__PURE__ */ t("p", { className: "text-body-medium-md text-[var(--color-text-primary)]", children: s }),
     i && /* @__PURE__ */ t("p", { className: "text-body-sm text-[var(--color-text-secondary)] mt-[var(--space-xs)]", children: i }),
     a && /* @__PURE__ */ t(
@@ -236,12 +250,12 @@ const _s = l.memo(function({
       }
     )
   ] });
-}), Us = l.memo(function({
+}), Us = /* @__PURE__ */ l.memo(function({
   error: s,
   onRetry: i,
   customContent: a
 }) {
-  return a ? /* @__PURE__ */ t(ee, { children: a }) : /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center py-[var(--space-2xl)] text-center", children: [
+  return a ? /* @__PURE__ */ t(ee, { children: a }) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center py-[var(--space-2xl)] text-center", children: [
     /* @__PURE__ */ t("p", { className: "text-body-medium-md text-[var(--color-text-primary)]", children: "Something went wrong" }),
     /* @__PURE__ */ t("p", { className: "text-body-sm text-[var(--color-text-secondary)] mt-[var(--space-xs)]", children: s?.message || "An error occurred while loading data" }),
     i && /* @__PURE__ */ t(
@@ -255,9 +269,9 @@ const _s = l.memo(function({
       }
     )
   ] });
-}), Js = l.memo(function() {
+}), Js = /* @__PURE__ */ l.memo(function() {
   return /* @__PURE__ */ t("div", { className: "absolute top-0 left-0 right-0 h-[2px] overflow-hidden", children: /* @__PURE__ */ t("div", { className: "h-full w-full bg-[var(--color-background-brand)] animate-pulse" }) });
-}), Ks = l.memo(function({
+}), Ks = /* @__PURE__ */ l.memo(function({
   table: s,
   searchKey: i,
   searchPlaceholder: a = "Search...",
@@ -266,15 +280,15 @@ const _s = l.memo(function({
   globalFilter: y = "",
   onGlobalFilterChange: h,
   enableGlobalFaceting: p = !1,
-  enableGrouping: b = !1,
-  showSettingsMenu: I = !1,
+  enableGrouping: v = !1,
+  showSettingsMenu: R = !1,
   enableAutocomplete: D = !1,
   autocompleteSuggestions: T = [],
   autocompleteMinCharacters: C = 2
 }) {
   const A = s.getState().columnFilters.length > 0 || f && y.length > 0;
-  return /* @__PURE__ */ v("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ v("div", { className: "flex flex-1 items-center space-x-2", children: [
+  return /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ b("div", { className: "flex flex-1 items-center space-x-2", children: [
       f && h && /* @__PURE__ */ t(ee, { children: D && T.length > 0 ? /* @__PURE__ */ t(
         Rs,
         {
@@ -306,7 +320,7 @@ const _s = l.memo(function({
       ),
       s.getAllColumns().filter((P) => P.getCanFilter() && P.columnDef.meta?.filterVariant).map((P) => /* @__PURE__ */ t(Qs, { column: P }, P.id)),
       p && /* @__PURE__ */ t(Xs, { table: s }),
-      A && /* @__PURE__ */ v(
+      A && /* @__PURE__ */ b(
         Me,
         {
           variant: "ghost",
@@ -316,22 +330,22 @@ const _s = l.memo(function({
           className: "h-8 px-2 lg:px-3",
           children: [
             "Reset",
-            /* @__PURE__ */ t(H, { name: "x", className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ t(W, { name: "x", className: "ml-2 h-4 w-4" })
           ]
         }
       )
     ] }),
-    I && /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ t(Hr, { table: s, enableGrouping: b }) })
+    R && /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ t(Wr, { table: s, enableGrouping: v }) })
   ] });
-}), Xs = l.memo(function({ table: s }) {
+}), Xs = /* @__PURE__ */ l.memo(function({ table: s }) {
   const [i, a] = l.useState([]), f = s.getAllColumns().filter(
     (h) => h.columnDef.meta?.filterOptions && h.getCanFilter()
   ), x = l.useMemo(() => {
     const h = /* @__PURE__ */ new Map();
     return f.forEach((p) => {
-      const b = p.getFacetedUniqueValues(), I = p.columnDef.meta?.filterOptions || [], D = p.columnDef.meta?.label || p.columnDef.header;
-      b.forEach((T, C) => {
-        const A = I.find((P) => P.value === C);
+      const v = p.getFacetedUniqueValues(), R = p.columnDef.meta?.filterOptions || [], D = p.columnDef.meta?.label || p.columnDef.header;
+      v.forEach((T, C) => {
+        const A = R.find((P) => P.value === C);
         if (A && T > 0) {
           const P = `${D}:${C}`;
           h.set(P, {
@@ -341,48 +355,48 @@ const _s = l.memo(function({
           });
         }
       });
-    }), Array.from(h.entries()).map(([p, b]) => ({
+    }), Array.from(h.entries()).map(([p, v]) => ({
       key: p,
       value: p.split(":")[1],
-      ...b
-    })).sort((p, b) => b.count - p.count);
+      ...v
+    })).sort((p, v) => v.count - p.count);
   }, [f]), y = (h) => {
-    const p = i.includes(h) ? i.filter((b) => b !== h) : [...i, h];
-    a(p), f.forEach((b) => {
-      const I = b.columnDef.meta?.filterOptions || [], D = p.filter(
-        (T) => I.some((C) => C.value === T)
+    const p = i.includes(h) ? i.filter((v) => v !== h) : [...i, h];
+    a(p), f.forEach((v) => {
+      const R = v.columnDef.meta?.filterOptions || [], D = p.filter(
+        (T) => R.some((C) => C.value === T)
       );
-      D.length > 0 ? b.columnDef.meta?.filterVariant === "multiselect" ? b.setFilterValue(D) : b.columnDef.meta?.filterVariant === "select" && b.setFilterValue(D[0]) : b.setFilterValue(void 0);
+      D.length > 0 ? v.columnDef.meta?.filterVariant === "multiselect" ? v.setFilterValue(D) : v.columnDef.meta?.filterVariant === "select" && v.setFilterValue(D[0]) : v.setFilterValue(void 0);
     });
   };
-  return x.length === 0 ? null : /* @__PURE__ */ v(Pr, { children: [
-    /* @__PURE__ */ t(Fr, { asChild: !0, children: /* @__PURE__ */ v(Me, { variant: "ghost", size: "s", className: "h-8 border-dashed", children: [
-      /* @__PURE__ */ t(H, { name: "filter", className: "mr-2 h-4 w-4" }),
+  return x.length === 0 ? null : /* @__PURE__ */ b(Pr, { children: [
+    /* @__PURE__ */ t(Vr, { asChild: !0, children: /* @__PURE__ */ b(Me, { variant: "ghost", size: "s", className: "h-8 border-dashed", children: [
+      /* @__PURE__ */ t(W, { name: "filter", className: "mr-2 h-4 w-4" }),
       "Global Faceting",
-      i.length > 0 && /* @__PURE__ */ v(ee, { children: [
+      i.length > 0 && /* @__PURE__ */ b(ee, { children: [
         /* @__PURE__ */ t("div", { className: "mx-2 h-4 w-px bg-[var(--color-border-primary)]" }),
-        /* @__PURE__ */ v(xe, { className: "rounded-s px-1 font-normal", children: [
+        /* @__PURE__ */ b(xe, { className: "rounded-s px-1 font-normal", children: [
           i.length,
           " selected"
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ t(Vr, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ v($r, { children: [
+    /* @__PURE__ */ t(Fr, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ b($r, { children: [
       /* @__PURE__ */ t(jr, { placeholder: "Search values across all columns..." }),
-      /* @__PURE__ */ v(Ar, { children: [
+      /* @__PURE__ */ b(Ar, { children: [
         /* @__PURE__ */ t(Lr, { children: "No results found" }),
         /* @__PURE__ */ t(Or, { children: x.map((h) => {
           const p = i.includes(h.value);
           return /* @__PURE__ */ t(
-            Wr,
+            Hr,
             {
               onSelect: () => y(h.value),
-              children: /* @__PURE__ */ v("div", { className: "flex items-center justify-between flex-1", children: [
-                /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+              children: /* @__PURE__ */ b("div", { className: "flex items-center justify-between flex-1", children: [
+                /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ t(gt, { checked: p }),
-                  /* @__PURE__ */ v("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ b("div", { className: "flex flex-col", children: [
                     /* @__PURE__ */ t("span", { className: "text-body-sm", children: h.label }),
-                    /* @__PURE__ */ v("span", { className: "text-caption-sm text-[var(--color-text-secondary)]", children: [
+                    /* @__PURE__ */ b("span", { className: "text-caption-sm text-[var(--color-text-secondary)]", children: [
                       "in ",
                       h.column
                     ] })
@@ -397,29 +411,29 @@ const _s = l.memo(function({
       ] })
     ] }) })
   ] });
-}), Qs = l.memo(function({ column: s }) {
+}), Qs = /* @__PURE__ */ l.memo(function({ column: s }) {
   const { filterVariant: i, filterOptions: a, label: f, placeholder: x } = s.columnDef.meta || {}, y = s.getFilterValue(), h = s.getFacetedUniqueValues();
   if (i === "select" && a)
-    return /* @__PURE__ */ v(
-      zs,
+    return /* @__PURE__ */ b(
+      ks,
       {
         value: y || "all",
         onValueChange: (p) => s.setFilterValue(p === "all" ? "" : p),
         children: [
-          /* @__PURE__ */ t(ks, { className: "h-8 w-[150px]", children: /* @__PURE__ */ t(Bs, { placeholder: x || `Filter ${f}` }) }),
-          /* @__PURE__ */ v(Ts, { children: [
-            /* @__PURE__ */ v(Sr, { value: "all", children: [
+          /* @__PURE__ */ t(zs, { className: "h-8 w-[150px]", children: /* @__PURE__ */ t(Bs, { placeholder: x || `Filter ${f}` }) }),
+          /* @__PURE__ */ b(Ts, { children: [
+            /* @__PURE__ */ b(Sr, { value: "all", children: [
               "All ",
               f
             ] }),
             a.map((p) => {
-              const b = h.get(p.value) || 0;
-              return /* @__PURE__ */ t(Sr, { value: p.value, children: /* @__PURE__ */ v("div", { className: "flex items-center justify-between w-full gap-2", children: [
-                /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+              const v = h.get(p.value) || 0;
+              return /* @__PURE__ */ t(Sr, { value: p.value, children: /* @__PURE__ */ b("div", { className: "flex items-center justify-between w-full gap-2", children: [
+                /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
                   p.icon && /* @__PURE__ */ t(p.icon, { className: "h-4 w-4" }),
                   p.label
                 ] }),
-                b > 0 && /* @__PURE__ */ t(xe, { className: "ml-auto text-caption-sm px-1 py-0", children: b })
+                v > 0 && /* @__PURE__ */ t(xe, { className: "ml-auto text-caption-sm px-1 py-0", children: v })
               ] }) }, p.value);
             })
           ] })
@@ -428,42 +442,42 @@ const _s = l.memo(function({
     );
   if (i === "multiselect" && a) {
     const p = y || [];
-    return /* @__PURE__ */ v(Pr, { children: [
-      /* @__PURE__ */ t(Fr, { asChild: !0, children: /* @__PURE__ */ v(Me, { variant: "ghost", size: "s", className: "h-8 border-dashed", children: [
-        /* @__PURE__ */ t(H, { name: "plus-circle", className: "mr-2 h-4 w-4" }),
+    return /* @__PURE__ */ b(Pr, { children: [
+      /* @__PURE__ */ t(Vr, { asChild: !0, children: /* @__PURE__ */ b(Me, { variant: "ghost", size: "s", className: "h-8 border-dashed", children: [
+        /* @__PURE__ */ t(W, { name: "plus-circle", className: "mr-2 h-4 w-4" }),
         f,
-        p.length > 0 && /* @__PURE__ */ v(ee, { children: [
+        p.length > 0 && /* @__PURE__ */ b(ee, { children: [
           /* @__PURE__ */ t("div", { className: "mx-2 h-4 w-px bg-[var(--color-border-primary)]" }),
           /* @__PURE__ */ t(xe, { className: "rounded-s px-1 font-normal lg:hidden", children: p.length }),
-          /* @__PURE__ */ t("div", { className: "hidden space-x-1 lg:flex", children: p.length > 2 ? /* @__PURE__ */ v(xe, { className: "rounded-s px-1 font-normal", children: [
+          /* @__PURE__ */ t("div", { className: "hidden space-x-1 lg:flex", children: p.length > 2 ? /* @__PURE__ */ b(xe, { className: "rounded-s px-1 font-normal", children: [
             p.length,
             " selected"
-          ] }) : a.filter((b) => p.includes(b.value)).map((b) => /* @__PURE__ */ t(xe, { className: "rounded-s px-1 font-normal", children: b.label }, b.value)) })
+          ] }) : a.filter((v) => p.includes(v.value)).map((v) => /* @__PURE__ */ t(xe, { className: "rounded-s px-1 font-normal", children: v.label }, v.value)) })
         ] })
       ] }) }),
-      /* @__PURE__ */ t(Vr, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ v($r, { children: [
+      /* @__PURE__ */ t(Fr, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ b($r, { children: [
         /* @__PURE__ */ t(jr, { placeholder: x || `Search ${f}...` }),
-        /* @__PURE__ */ v(Ar, { children: [
+        /* @__PURE__ */ b(Ar, { children: [
           /* @__PURE__ */ t(Lr, { children: "No results found" }),
-          /* @__PURE__ */ t(Or, { children: a.map((b) => {
-            const I = p.includes(b.value), D = h.get(b.value) || 0;
+          /* @__PURE__ */ t(Or, { children: a.map((v) => {
+            const R = p.includes(v.value), D = h.get(v.value) || 0;
             return /* @__PURE__ */ t(
-              Wr,
+              Hr,
               {
                 onSelect: () => {
-                  const T = I ? p.filter((C) => C !== b.value) : [...p, b.value];
+                  const T = R ? p.filter((C) => C !== v.value) : [...p, v.value];
                   s.setFilterValue(T.length ? T : void 0);
                 },
-                children: /* @__PURE__ */ v("div", { className: "flex items-center justify-between flex-1", children: [
-                  /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ t(gt, { checked: I }),
-                    b.icon && /* @__PURE__ */ t(b.icon, { className: "h-4 w-4" }),
-                    /* @__PURE__ */ t("span", { children: b.label })
+                children: /* @__PURE__ */ b("div", { className: "flex items-center justify-between flex-1", children: [
+                  /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ t(gt, { checked: R }),
+                    v.icon && /* @__PURE__ */ t(v.icon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ t("span", { children: v.label })
                   ] }),
                   D > 0 && /* @__PURE__ */ t(xe, { className: "ml-auto text-caption-sm px-1 py-0", children: D })
                 ] })
               },
-              b.value
+              v.value
             );
           }) })
         ] })
@@ -488,31 +502,31 @@ const _s = l.memo(function({
       className: "h-8 w-[150px]"
     }
   );
-}), Ys = l.memo(function({ header: s, enableColumnOrdering: i, children: a }) {
+}), Ys = /* @__PURE__ */ l.memo(function({ header: s, enableColumnOrdering: i, children: a }) {
   const {
     attributes: f,
     listeners: x,
     setNodeRef: y,
     transform: h,
     transition: p,
-    isDragging: b
+    isDragging: v
   } = Ss({
     id: s.id,
     disabled: !i
-  }), I = {
+  }), R = {
     transform: Ns.Translate.toString(h),
     // Only translate, no scale
     transition: p,
-    opacity: b ? 0.5 : 1
+    opacity: v ? 0.5 : 1
   };
-  return i ? /* @__PURE__ */ v(
+  return i ? /* @__PURE__ */ b(
     "div",
     {
       ref: y,
-      style: I,
-      className: F(
+      style: R,
+      className: V(
         "relative flex items-center",
-        b && "z-50"
+        v && "z-50"
       ),
       children: [
         /* @__PURE__ */ t("div", { className: "flex-1", children: a }),
@@ -523,7 +537,7 @@ const _s = l.memo(function({
             ...f,
             ...x,
             children: /* @__PURE__ */ t(
-              H,
+              W,
               {
                 name: "grip-vertical",
                 className: "h-3 w-3 text-[var(--color-text-tertiary)]"
@@ -534,7 +548,7 @@ const _s = l.memo(function({
       ]
     }
   ) : /* @__PURE__ */ t(ee, { children: a });
-}), Hr = l.memo(function({ table: s, enableGrouping: i = !1 }) {
+}), Wr = /* @__PURE__ */ l.memo(function({ table: s, enableGrouping: i = !1 }) {
   const a = s.getAllColumns().filter((N) => N.getCanSort()).map((N) => ({
     id: N.id,
     label: N.columnDef.meta?.label || N.columnDef.header || N.id
@@ -544,15 +558,15 @@ const _s = l.memo(function({
   })), x = s.getAllColumns().filter((N) => typeof N.accessorFn < "u" && N.getCanHide()).map((N) => ({
     id: N.id,
     label: N.columnDef.meta?.label || N.columnDef.header || N.id
-  })), y = x.filter((N) => s.getColumn(N.id)?.getIsVisible()).map((N) => N.id), h = s.getState().sorting[0], p = h?.id, b = h?.desc ? "desc" : "asc", D = s.getState().grouping[0] || "";
+  })), y = x.filter((N) => s.getColumn(N.id)?.getIsVisible()).map((N) => N.id), h = s.getState().sorting[0], p = h?.id, v = h?.desc ? "desc" : "asc", D = s.getState().grouping[0] || "";
   return /* @__PURE__ */ t(
     Ps,
     {
       sortableColumns: a,
       selectedSortColumn: p,
-      sortDirection: b,
+      sortDirection: v,
       onSortChange: (N) => {
-        s.setSorting([{ id: N, desc: b === "desc" }]);
+        s.setSorting([{ id: N, desc: v === "desc" }]);
       },
       onSortDirectionChange: (N) => {
         h && s.setSorting([{ id: h.id, desc: N === "desc" }]);
@@ -569,17 +583,16 @@ const _s = l.memo(function({
       }
     }
   );
-});
-l.memo(function({
+}), Do = /* @__PURE__ */ l.memo(function({
   column: s,
   title: i,
   className: a
 }) {
   const f = s.columnDef.meta?.align || "left", x = s.columnDef.meta?.truncate !== !1, y = s.getIsSorted();
-  return s.getCanSort() ? /* @__PURE__ */ v(
+  return s.getCanSort() ? /* @__PURE__ */ b(
     "div",
     {
-      className: F(
+      className: V(
         "flex items-center gap-1",
         f === "right" && "justify-end",
         y && "!text-[var(--color-text-brand-bold)]",
@@ -587,7 +600,7 @@ l.memo(function({
       ),
       children: [
         y && /* @__PURE__ */ t(
-          H,
+          W,
           {
             name: y === "desc" ? "arrow-down-wide-narrow" : "arrow-down-narrow-wide",
             className: "h-4 w-4 !text-[var(--color-icon-brand-bold)]"
@@ -596,9 +609,8 @@ l.memo(function({
         x ? /* @__PURE__ */ t(Te, { align: f, children: /* @__PURE__ */ t("span", { children: i }) }) : /* @__PURE__ */ t("span", { children: i })
       ]
     }
-  ) : x ? /* @__PURE__ */ t(Te, { align: f, children: /* @__PURE__ */ t("div", { className: F(f === "right" ? "text-right" : "text-left", a), children: i }) }) : /* @__PURE__ */ t("div", { className: F(f === "right" ? "text-right" : "text-left", a), children: i });
-});
-const Zs = l.memo(function({
+  ) : x ? /* @__PURE__ */ t(Te, { align: f, children: /* @__PURE__ */ t("div", { className: V(f === "right" ? "text-right" : "text-left", a), children: i }) }) : /* @__PURE__ */ t("div", { className: V(f === "right" ? "text-right" : "text-left", a), children: i });
+}), Zs = /* @__PURE__ */ l.memo(function({
   table: s,
   enableGrouping: i = !1,
   hideChildrenForSingleItemGroups: a = {},
@@ -608,22 +620,22 @@ const Zs = l.memo(function({
   paginationVariant: h = "full",
   pageSizeOptions: p = [10, 25, 50, 100]
 }) {
-  const b = s.getState().pagination.pageIndex + 1, I = s.getState().pagination.pageSize, D = i && !s.options.manualPagination ? s.getPrePaginationRowModel().rows.filter((P) => P.depth === 0).length : s.getRowCount(), T = s.getFilteredSelectedRowModel().rows.length, C = (P) => {
+  const v = s.getState().pagination.pageIndex + 1, R = s.getState().pagination.pageSize, D = i && !s.options.manualPagination ? s.getPrePaginationRowModel().rows.filter((P) => P.depth === 0).length : s.getRowCount(), T = s.getFilteredSelectedRowModel().rows.length, C = (P) => {
     s.setPageIndex(P - 1);
   }, A = (P) => {
     s.setPageSize(P);
   };
-  return /* @__PURE__ */ v("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ t("div", { className: "flex-1 text-body-sm text-[var(--color-text-secondary)]", children: f ? /* @__PURE__ */ v("div", { className: "flex items-center gap-[var(--space-m)]", children: [
+  return /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ t("div", { className: "flex-1 text-body-sm text-[var(--color-text-secondary)]", children: f ? /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-m)]", children: [
       f,
-      T > 0 && /* @__PURE__ */ v("span", { children: [
+      T > 0 && /* @__PURE__ */ b("span", { children: [
         "· ",
         T,
         " of ",
         D,
         " row(s) selected"
       ] })
-    ] }) : T > 0 && /* @__PURE__ */ v("span", { children: [
+    ] }) : T > 0 && /* @__PURE__ */ b("span", { children: [
       T,
       " of ",
       D,
@@ -633,9 +645,9 @@ const Zs = l.memo(function({
       Ms,
       {
         variant: h,
-        currentPage: b,
+        currentPage: v,
         totalItems: D,
-        pageSize: I,
+        pageSize: R,
         onPageChange: C,
         onPageSizeChange: A,
         pageSizeOptions: p,
@@ -644,7 +656,7 @@ const Zs = l.memo(function({
       }
     )
   ] });
-}), eo = l.memo(function({
+}), eo = /* @__PURE__ */ l.memo(function({
   onLoadMore: s,
   isLoading: i
 }) {
@@ -678,7 +690,7 @@ function to(c) {
   return i(c), s;
 }
 function Tr(c, s) {
-  const { enableGrouping: i, enableExpanding: a, nestedRowStyling: f, expandingRowColors: x, maxDepth: y } = s, h = c.depth, p = c.getIsGrouped?.(), b = c.getIsExpanded(), I = c.subRows && c.subRows.length > 0, D = I ? b ? "expanded" : "collapsed" : "leaf", T = () => {
+  const { enableGrouping: i, enableExpanding: a, nestedRowStyling: f, expandingRowColors: x, maxDepth: y } = s, h = c.depth, p = c.getIsGrouped?.(), v = c.getIsExpanded(), R = c.subRows && c.subRows.length > 0, D = R ? v ? "expanded" : "collapsed" : "leaf", T = () => {
     let C = c;
     for (; C; ) {
       if (C.getIsExpanded()) return !0;
@@ -706,13 +718,13 @@ function Tr(c, s) {
     if (C === 0 && x.children)
       return x.children;
     if (C > 0) {
-      if (b && x.expandedParent)
+      if (v && x.expandedParent)
         return x.expandedParent;
-      if (!b && x.collapsedParent)
+      if (!v && x.collapsedParent)
         return x.collapsedParent;
     }
   }
-  return p ? b ? "var(--blue-50)" : "var(--color-background-neutral-subtlest)" : i && h === 1 ? "var(--blue-25)" : a && !p ? h === 0 && (!I || !T()) ? "" : (y - h) % 2 === 0 ? "var(--blue-25)" : "var(--blue-50)" : "";
+  return p ? v ? "var(--blue-50)" : "var(--color-background-neutral-subtlest)" : i && h === 1 ? "var(--blue-25)" : a && !p ? h === 0 && (!R || !T()) ? "" : (y - h) % 2 === 0 ? "var(--blue-25)" : "var(--blue-50)" : "";
 }
 function ro(c, s) {
   if (s) {
@@ -723,14 +735,14 @@ function ro(c, s) {
   }
 }
 function Mr(c, s, i, a, f, x) {
-  const y = c.groupingColumnId, h = f[y] ?? !1, p = x[y] ?? !1, I = h && p && c.subRows.length <= 1 ? null : c.subRows.length > 1 ? /* @__PURE__ */ t(
+  const y = c.groupingColumnId, h = f[y] ?? !1, p = x[y] ?? !1, R = h && p && c.subRows.length <= 1 ? null : c.subRows.length > 1 ? /* @__PURE__ */ t(
     "button",
     {
       tabIndex: -1,
       onClick: c.getToggleExpandedHandler(),
       className: "flex h-[var(--size-s)] w-[var(--size-s)] cursor-pointer items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
       children: /* @__PURE__ */ t(
-        H,
+        W,
         {
           name: a ? "chevron-down" : "chevron-right",
           className: "h-3 w-3"
@@ -747,18 +759,18 @@ function Mr(c, s, i, a, f, x) {
       const C = T.columnDef;
       if (C.aggregatedCell) {
         const A = c.getAllCells().find((P) => P.column.id === i);
-        return /* @__PURE__ */ v("div", { className: "flex items-center gap-[var(--space-s)] font-medium text-[var(--color-text-primary)]", children: [
-          I,
-          /* @__PURE__ */ v("div", { className: "flex items-center gap-[var(--space-s)]", children: [
+        return /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)] font-medium text-[var(--color-text-primary)]", children: [
+          R,
+          /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)]", children: [
             A ? be(C.aggregatedCell, A.getContext()) : null,
             D
           ] })
         ] });
       } else {
         const A = c.subRows[0]?.original?.[i];
-        return /* @__PURE__ */ v("div", { className: "flex items-center gap-[var(--space-s)] font-medium text-[var(--color-text-primary)]", children: [
-          I,
-          /* @__PURE__ */ v("div", { className: "flex items-center gap-[var(--space-s)]", children: [
+        return /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)] font-medium text-[var(--color-text-primary)]", children: [
+          R,
+          /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)]", children: [
             /* @__PURE__ */ t("span", { className: "font-medium", children: String(A) }),
             D
           ] })
@@ -766,15 +778,15 @@ function Mr(c, s, i, a, f, x) {
       }
     }
   }
-  return /* @__PURE__ */ v("div", { className: "flex items-center gap-[var(--space-s)] font-medium text-[var(--color-text-primary)]", children: [
-    I,
-    /* @__PURE__ */ v("div", { className: "flex items-center gap-[var(--space-s)]", children: [
+  return /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)] font-medium text-[var(--color-text-primary)]", children: [
+    R,
+    /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)]", children: [
       /* @__PURE__ */ t("span", { className: "font-medium", children: String(c.getGroupingValue(c.groupingColumnId)) }),
       D
     ] })
   ] });
 }
-function Eo({
+function ko({
   columns: c,
   data: s,
   searchKey: i,
@@ -784,8 +796,8 @@ function Eo({
   className: y,
   stickyHeader: h = !1,
   stickyFirstColumn: p = !1,
-  stickyLeftColumns: b = 0,
-  stickyRightColumns: I = 0,
+  stickyLeftColumns: v = 0,
+  stickyRightColumns: R = 0,
   enableResponsiveWrapper: D = !0,
   showScrollIndicators: T = !1,
   minTableWidth: C = "900px",
@@ -809,14 +821,14 @@ function Eo({
   getSubRows: Jr,
   expandingRowColors: O,
   nestedRowStyling: pt,
-  enableGrouping: k = !1,
+  enableGrouping: z = !1,
   groupedColumnMode: Kr = !1,
   enableManualGrouping: Xr = !1,
   groupDisplayColumn: Xe,
   hideChildrenForSingleItemGroups: ye = {},
-  hideExpanderForSingleItemGroups: Ft = {},
+  hideExpanderForSingleItemGroups: Vt = {},
   enableRowPinning: Ee = !1,
-  keepPinnedRows: Vt = !0,
+  keepPinnedRows: Ft = !0,
   enableVirtualization: Qr = !1,
   // virtualContainerHeight = 600,
   // virtualRowHeight = 40,
@@ -831,7 +843,7 @@ function Eo({
   pageSizeOptions: en = [10, 25, 50, 100],
   footerLabel: tn,
   onTableReady: bt,
-  initialState: Fe,
+  initialState: Ve,
   // Controlled state props
   sorting: $t,
   onSortingChange: rn,
@@ -847,17 +859,17 @@ function Eo({
   onPaginationChange: ln,
   expanded: Ce,
   onExpandedChange: yt,
-  renderSectionHeaderRow: Wt,
+  renderSectionHeaderRow: Ht,
   renderSubComponent: J,
   getRowCanExpand: cn,
-  autoExpandChildren: Ht = !1,
+  autoExpandChildren: Wt = !1,
   // Row click props
   onRowClick: K,
   isRowClickable: we,
   clickableRowClassName: Gt,
   groupPreservingSearch: Ze = !1,
   // Active row props
-  activeRowId: Ve,
+  activeRowId: Fe,
   activeRowClassName: _t,
   getRowId: Ct,
   onActiveRowChange: qt,
@@ -902,10 +914,10 @@ function Eo({
   subComponentError: Yt,
   onExpandError: $e
 }) {
-  const st = D || !!(b && b > 0) || !!(I && I > 0), [In, En] = l.useState([]), [Dn, zn] = l.useState({}), [kn, Bn] = l.useState(Fe?.grouping || []), [Tn, Mn] = l.useState(() => {
+  const st = D || !!(v && v > 0) || !!(R && R > 0), [In, En] = l.useState([]), [Dn, kn] = l.useState({}), [zn, Bn] = l.useState(Ve?.grouping || []), [Tn, Mn] = l.useState(() => {
     const e = c.map((r) => r.id || r.accessorKey || `column-${Math.random()}`);
     return fe ? ["select", ...e] : e;
-  }), [Pn, Fn] = l.useState(xt || Fe?.columnSizing || {}), [Vn, $n] = l.useState(() => {
+  }), [Pn, Vn] = l.useState(xt || Ve?.columnSizing || {}), [Fn, $n] = l.useState(() => {
     if (ht && Y) {
       const e = localStorage.getItem(`${Y}-pagination`);
       if (e)
@@ -917,16 +929,16 @@ function Eo({
           console.warn("Failed to parse saved pagination:", r);
         }
     }
-    return Fe?.pagination || { pageIndex: 0, pageSize: 10 };
-  }), [Zt, jn] = l.useState([]), [ze, An] = l.useState({}), [St, er] = l.useState(""), [Ln, tr] = l.useState(Fe?.expanded || {}), [On, Wn] = l.useState(Fe?.rowPinning || { top: [], bottom: [] }), [Hn, ot] = l.useState(""), [X, Nt] = l.useState([-1, 0]), Rt = l.useRef(null), je = l.useRef(/* @__PURE__ */ new Map()), Ae = l.useRef(/* @__PURE__ */ new Map());
+    return Ve?.pagination || { pageIndex: 0, pageSize: 10 };
+  }), [Zt, jn] = l.useState([]), [ke, An] = l.useState({}), [St, er] = l.useState(""), [Ln, tr] = l.useState(Ve?.expanded || {}), [On, Hn] = l.useState(Ve?.rowPinning || { top: [], bottom: [] }), [Wn, ot] = l.useState(""), [X, Nt] = l.useState([-1, 0]), Rt = l.useRef(null), je = l.useRef(/* @__PURE__ */ new Map()), Ae = l.useRef(/* @__PURE__ */ new Map());
   l.useEffect(() => () => {
     je.current.forEach((e) => e.abort()), Ae.current.forEach((e) => e.abort());
   }, []), l.useEffect(() => {
-    wt && wt(ze);
-  }, [ze, wt]), l.useEffect(() => {
-    qt?.(Ve);
-  }, [Ve, qt]);
-  const rr = $t !== void 0, nr = jt !== void 0, sr = At !== void 0, or = Lt !== void 0, ar = xt !== void 0, lr = Ot !== void 0, It = Ce !== void 0, ge = rr ? $t : In, Gn = nr ? jt : Dn, me = sr ? At : kn, Le = or ? Lt : Tn, at = ar ? xt : Pn, re = lr ? Ot : Vn, Q = It ? Ce : Ln, _n = rr ? rn : En, qn = nr ? nn : zn, Un = sr ? sn : Bn, ir = or ? on : Mn, cr = ar ? an : Fn, Jn = lr ? ln : $n, Et = l.useCallback(
+    wt && wt(ke);
+  }, [ke, wt]), l.useEffect(() => {
+    qt?.(Fe);
+  }, [Fe, qt]);
+  const rr = $t !== void 0, nr = jt !== void 0, sr = At !== void 0, or = Lt !== void 0, ar = xt !== void 0, lr = Ot !== void 0, It = Ce !== void 0, ge = rr ? $t : In, Gn = nr ? jt : Dn, me = sr ? At : zn, Le = or ? Lt : Tn, at = ar ? xt : Pn, re = lr ? Ot : Fn, Q = It ? Ce : Ln, _n = rr ? rn : En, qn = nr ? nn : kn, Un = sr ? sn : Bn, ir = or ? on : Mn, cr = ar ? an : Vn, Jn = lr ? ln : $n, Et = l.useCallback(
     (e) => {
       const r = typeof e == "object" && e !== null && !(e instanceof Function) && Object.keys(e).length === 0;
       if (It && yt) {
@@ -956,15 +968,15 @@ function Eo({
     return n.forEach((m) => {
       let S = !1;
       for (const B in m) {
-        const V = m[B];
-        if (V != null && String(V).toLowerCase().includes(u)) {
+        const F = m[B];
+        if (F != null && String(F).toLowerCase().includes(u)) {
           S = !0;
           break;
         }
       }
       S && r.forEach((B) => {
-        const V = m[B];
-        V != null && g.add(String(V));
+        const F = m[B];
+        F != null && g.add(String(F));
       });
     }), (m) => {
       for (const S of r) {
@@ -1019,11 +1031,11 @@ function Eo({
     if (!e.getIsGrouped()) return !0;
     const n = e.groupingColumnId;
     return (ye[n] ?? !1) && e.subRows && e.subRows.length === 1;
-  }, [K, we, ye]), ur = (e) => e ? "![box-shadow:inset_3px_0_0_0_var(--color-border-brand-bold),inset_0_-1px_0_0_var(--color-border-primary-medium)]" : "![box-shadow:inset_3px_0_0_0_var(--color-border-brand-bold)]", ke = l.useCallback((e) => {
-    if (!Ve) return !1;
+  }, [K, we, ye]), ur = (e) => e ? "![box-shadow:inset_3px_0_0_0_var(--color-border-brand-bold),inset_0_-1px_0_0_var(--color-border-primary-medium)]" : "![box-shadow:inset_3px_0_0_0_var(--color-border-brand-bold)]", ze = l.useCallback((e) => {
+    if (!Fe) return !1;
     const r = Ct ? e.id : e.original?.id !== void 0 ? e.original.id : e.id;
-    return String(r) === String(Ve);
-  }, [Ve, Ct]), Oe = l.useMemo(() => p ? 1 : b || 0, [p, b]), Ne = l.useMemo(() => I || 0, [I]), fr = l.useMemo(() => {
+    return String(r) === String(Fe);
+  }, [Fe, Ct]), Oe = l.useMemo(() => p ? 1 : v || 0, [p, v]), Ne = l.useMemo(() => R || 0, [R]), fr = l.useMemo(() => {
     const e = /* @__PURE__ */ new Set();
     return c.forEach((r) => {
       if (r.cell) {
@@ -1031,7 +1043,7 @@ function Eo({
         n && e.add(String(n));
       }
     }), e;
-  }, [c]), zt = l.useMemo(() => {
+  }, [c]), kt = l.useMemo(() => {
     const e = c.map((r) => {
       let n = {
         ...r,
@@ -1078,9 +1090,9 @@ function Eo({
         label: "Select"
       }
     }, ...e] : e;
-  }, [c, fe]), kt = l.useMemo(() => s, [s]), Qn = l.useMemo(() => !Ze || !L ? Rr : dr(L, me, kt), [Ze, L, me, kt, dr]), w = os({
-    data: kt,
-    columns: zt,
+  }, [c, fe]), zt = l.useMemo(() => s, [s]), Qn = l.useMemo(() => !Ze || !L ? Rr : dr(L, me, zt), [Ze, L, me, zt, dr]), w = os({
+    data: zt,
+    columns: kt,
     getRowId: Ct,
     filterFns: {
       fuzzy: Rr,
@@ -1090,7 +1102,7 @@ function Eo({
       sorting: ge,
       columnFilters: Zt,
       columnVisibility: Gn,
-      rowSelection: ze,
+      rowSelection: ke,
       globalFilter: L,
       columnSizing: at,
       expanded: Q,
@@ -1121,11 +1133,11 @@ function Eo({
     // Only paginate top-level rows, not expanded children
     autoResetPageIndex: !1,
     // Prevent pagination from resetting on data/filter/grouping changes
-    enableGrouping: k,
+    enableGrouping: z,
     groupedColumnMode: Kr,
     manualGrouping: Xr,
     enableRowPinning: Ee,
-    keepPinnedRows: Vt,
+    keepPinnedRows: Ft,
     onRowSelectionChange: An,
     onSortingChange: _n,
     onColumnFiltersChange: jn,
@@ -1134,7 +1146,7 @@ function Eo({
     onColumnSizingChange: cr,
     onExpandedChange: Et,
     onGroupingChange: Un,
-    onRowPinningChange: Wn,
+    onRowPinningChange: Hn,
     onColumnOrderChange: ir,
     onPaginationChange: Jn,
     getCoreRowModel: ms(),
@@ -1143,7 +1155,7 @@ function Eo({
     getPaginationRowModel: et || Qr ? void 0 : fs(),
     getSortedRowModel: Kt ? void 0 : us(),
     getExpandedRowModel: _ ? ds() : void 0,
-    getGroupedRowModel: k ? cs() : void 0,
+    getGroupedRowModel: z ? cs() : void 0,
     getFacetedRowModel: is(),
     getFacetedUniqueValues: ls(),
     getFacetedMinMaxValues: as()
@@ -1151,12 +1163,12 @@ function Eo({
     () => to(w.getRowModel().rows),
     [w.getRowModel().rows]
   ), it = l.useMemo(() => {
-    if (!k) return null;
+    if (!z) return null;
     const e = /* @__PURE__ */ new Map();
     return w.getGroupedRowModel?.()?.rows?.forEach((n) => {
       n.subRows && n.subRows.length > 0 && e.set(n.id, n.subRows);
     }), e;
-  }, [k, w]), { flatVisibleRows: ct, rowIdToFlatIndex: gr } = l.useMemo(() => {
+  }, [z, w]), { flatVisibleRows: ct, rowIdToFlatIndex: gr } = l.useMemo(() => {
     const e = [], r = /* @__PURE__ */ new Map(), n = (g) => {
       const m = e.length;
       e.push(g), r.set(g.id, m), g.getIsExpanded() && (g.subRows && g.subRows.length > 0 ? g.subRows : it?.get(g.id) || []).forEach(n);
@@ -1164,11 +1176,11 @@ function Eo({
     return w.getRowModel().rows.filter((g) => J || g.depth === 0).forEach(n), { flatVisibleRows: e, rowIdToFlatIndex: r };
   }, [w, Q, it, J]), mr = l.useRef(void 0);
   l.useEffect(() => {
-    if (!k) return;
+    if (!z) return;
     const r = w.getPrePaginationRowModel().rows.filter((g) => g.depth === 0).length, n = re.pageSize, u = Math.max(1, Math.ceil(r / n));
     mr.current !== u && (mr.current = u, w.setPageCount(u));
   }, [
-    k,
+    z,
     // NOTE: Deliberately NOT including 'table' to avoid re-running on every render
     // We access table methods inside but only re-run when these stable values change:
     re.pageSize,
@@ -1179,18 +1191,18 @@ function Eo({
   ]);
   const hr = l.useRef({});
   l.useEffect(() => {
-    if (!Ht) return;
+    if (!Wt) return;
     const e = w.getState().expanded, r = hr.current, n = { ...e };
     let u = !1;
     w.getRowModel().rows.forEach((g) => {
       const m = g.id, S = e[m] === !0, B = r[m] === !0;
-      S && !B && g.subRows && g.subRows.length > 0 && g.subRows.forEach((V) => {
-        e[V.id] !== !0 && (n[V.id] = !0, u = !0);
+      S && !B && g.subRows && g.subRows.length > 0 && g.subRows.forEach((F) => {
+        e[F.id] !== !0 && (n[F.id] = !0, u = !0);
       });
     }), hr.current = e, u && Et(n);
   }, [
     Q,
-    Ht
+    Wt
     // NOTE: Deliberately NOT including 'table' to avoid re-running on every render
   ]);
   const pr = l.useRef({});
@@ -1211,8 +1223,8 @@ function Eo({
         const m = w.getRow(n);
         if (!m) return;
         if (tt && Qt) {
-          const S = m.getIsGrouped() || m.subRows && m.subRows.length === 0 && m.getCanExpand(), B = rt?.[n] === !0, V = m.subRows && m.subRows.length > 0;
-          if (S && !B && !V) {
+          const S = m.getIsGrouped() || m.subRows && m.subRows.length === 0 && m.getCanExpand(), B = rt?.[n] === !0, F = m.subRows && m.subRows.length > 0;
+          if (S && !B && !F) {
             const o = new AbortController();
             je.current.set(n, o), Promise.resolve(tt(m)).catch((M) => {
               M?.name !== "AbortError" && $e && $e(m, M, "children");
@@ -1223,8 +1235,8 @@ function Eo({
         }
         if (De && J && !m.getIsGrouped() && m.depth === 0 && !(nt?.[n] === !0)) {
           const B = new AbortController();
-          Ae.current.set(n, B), Promise.resolve(De(m)).catch((V) => {
-            V?.name !== "AbortError" && $e && $e(m, V, "subComponent");
+          Ae.current.set(n, B), Promise.resolve(De(m)).catch((F) => {
+            F?.name !== "AbortError" && $e && $e(m, F, "subComponent");
           }).finally(() => {
             Ae.current.delete(n);
           });
@@ -1242,7 +1254,7 @@ function Eo({
     $e
     // NOTE: Deliberately NOT including 'table' to avoid re-running on every render
   ]), l.useEffect(() => {
-    if (!Ze || !L || !k)
+    if (!Ze || !L || !z)
       return;
     const e = {};
     w.getFilteredRowModel().rows.forEach((n) => {
@@ -1251,7 +1263,7 @@ function Eo({
       const u = Object.keys(n).sort().join(","), g = Object.keys(e).sort().join(",");
       return u === g ? n : e;
     });
-  }, [L, Ze, k]);
+  }, [L, Ze, z]);
   const vr = l.useRef(me), br = l.useRef(ge);
   l.useEffect(() => {
     if (!et) return;
@@ -1272,9 +1284,9 @@ function Eo({
       ot(`${e} result${e !== 1 ? "s" : ""} found for "${L}"`);
     }
   }, [L, w]), l.useEffect(() => {
-    const e = Object.keys(ze).filter((r) => ze[r]).length;
+    const e = Object.keys(ke).filter((r) => ke[r]).length;
     e > 0 && ot(`${e} row${e !== 1 ? "s" : ""} selected`);
-  }, [ze]), l.useEffect(() => {
+  }, [ke]), l.useEffect(() => {
     const [e, r] = X, n = ct.length, u = w.getVisibleLeafColumns();
     let g = e, m = r;
     e >= 0 && e >= n && (g = Math.max(n - 1, -1)), r >= u.length && (m = Math.max(u.length - 1, 0)), (g !== e || m !== r) && Nt([g, m]);
@@ -1282,7 +1294,7 @@ function Eo({
     const e = w.getPageCount();
     e > 1 && ot(`Page ${re.pageIndex + 1} of ${e}`);
   }, [re.pageIndex, w]);
-  const We = l.useCallback((e, r) => {
+  const He = l.useCallback((e, r) => {
     if (!r || !e) return e;
     const n = e.toLowerCase(), u = r.toLowerCase(), g = [];
     let m = 0, S = n.indexOf(u);
@@ -1324,9 +1336,9 @@ function Eo({
   }, []), dt = l.useCallback((e, r) => r ? he(e).toLowerCase().includes(r.toLowerCase()) : !1, [he]), ce = l.useCallback((e, r) => {
     if (!r || e == null) return e;
     if (typeof e == "string")
-      return We(e, r);
+      return He(e, r);
     if (typeof e == "number")
-      return We(String(e), r);
+      return He(String(e), r);
     if (Array.isArray(e))
       return e.map((n, u) => /* @__PURE__ */ t(l.Fragment, { children: ce(n, r) }, u));
     if (l.isValidElement(e)) {
@@ -1357,7 +1369,7 @@ function Eo({
       );
     }
     return e;
-  }, [We]), Be = l.useCallback((e) => {
+  }, [He]), Be = l.useCallback((e) => {
     if (!ie || !L)
       return be(e.column.columnDef.cell, e.getContext());
     if (fr.has(e.column.id)) {
@@ -1367,10 +1379,10 @@ function Eo({
     const n = e.getValue();
     if (typeof n == "string" || typeof n == "number") {
       const u = String(n);
-      return We(u, L);
+      return He(u, L);
     }
     return be(e.column.columnDef.cell, e.getContext());
-  }, [ie, L, We, fr, dt, ce]), xr = l.useCallback((e) => {
+  }, [ie, L, He, fr, dt, ce]), xr = l.useCallback((e) => {
     if (!ie || !L)
       return be(e.column.columnDef.aggregatedCell, e.getContext());
     const r = be(e.column.columnDef.aggregatedCell, e.getContext());
@@ -1407,7 +1419,7 @@ function Eo({
       }
     }
   }, rs = l.useCallback((e) => {
-    const [r, n] = X, u = w.getVisibleLeafColumns(), g = ct, m = u.length, S = g.length, B = -1, V = S - 1;
+    const [r, n] = X, u = w.getVisibleLeafColumns(), g = ct, m = u.length, S = g.length, B = -1, F = S - 1;
     let o = r, M = n, $ = !1;
     switch (e.key) {
       case "ArrowRight":
@@ -1417,7 +1429,7 @@ function Eo({
         n > 0 && (M = n - 1, $ = !0);
         break;
       case "ArrowDown":
-        r < V && (o = r + 1, $ = !0);
+        r < F && (o = r + 1, $ = !0);
         break;
       case "ArrowUp":
         r > B && (o = r - 1, $ = !0);
@@ -1426,10 +1438,10 @@ function Eo({
         (e.ctrlKey || e.metaKey) && (o = B), M = 0, $ = !0;
         break;
       case "End":
-        (e.ctrlKey || e.metaKey) && (o = V), M = m - 1, $ = !0;
+        (e.ctrlKey || e.metaKey) && (o = F), M = m - 1, $ = !0;
         break;
       case "PageDown":
-        o = Math.min(r + 10, V), $ = !0;
+        o = Math.min(r + 10, F), $ = !0;
         break;
       case "PageUp":
         o = Math.max(r - 10, B), $ = !0;
@@ -1441,7 +1453,7 @@ function Eo({
           d?.id === "select" && fe && e.key === " " ? (w.toggleAllPageRowsSelected(), $ = !0) : d?.getCanSort() && (d.toggleSorting(), $ = !0);
         } else {
           const d = g[r];
-          d && ((_ || k) && d.getCanExpand() ? (d.toggleExpanded(), $ = !0) : fe && e.key === " " && (d.toggleSelected(), $ = !0), !$ && e.key === "Enter" && K && Se(d) && (Dt(d, e), $ = !0));
+          d && ((_ || z) && d.getCanExpand() ? (d.toggleExpanded(), $ = !0) : fe && e.key === " " && (d.toggleSelected(), $ = !0), !$ && e.key === "Enter" && K && Se(d) && (Dt(d, e), $ = !0));
         }
         break;
       case "Escape":
@@ -1450,23 +1462,23 @@ function Eo({
     }
     if ($ && (e.preventDefault(), e.stopPropagation(), o !== r || M !== n)) {
       Nt([o, M]);
-      const d = o === -1 ? `[data-header-col="${M}"]` : `[data-row="${o}"][data-col="${M}"]`, z = Rt.current?.querySelector(d);
-      z && z.focus();
+      const d = o === -1 ? `[data-header-col="${M}"]` : `[data-row="${o}"][data-col="${M}"]`, k = Rt.current?.querySelector(d);
+      k && k.focus();
     }
-  }, [X, w, ct, _, k, fe]), ns = l.useCallback((e) => {
+  }, [X, w, ct, _, z, fe]), ns = l.useCallback((e) => {
     Rt.current?.contains(e.relatedTarget) || Nt([-1, 0]);
-  }, []), He = l.useMemo(() => {
+  }, []), We = l.useMemo(() => {
     const e = w.getVisibleFlatColumns(), r = /* @__PURE__ */ new Map();
     let n = 0;
     e.forEach((g, m) => {
-      const S = m < Oe, B = m >= e.length - Ne, V = S && m === Oe - 1, o = B && m === e.length - Ne;
+      const S = m < Oe, B = m >= e.length - Ne, F = S && m === Oe - 1, o = B && m === e.length - Ne;
       r.set(g.id, {
         isLeftSticky: S,
         isRightSticky: B,
         leftPosition: n,
         rightPosition: 0,
         // Will be calculated below
-        isRightmostLeftSticky: V,
+        isRightmostLeftSticky: F,
         isLeftmostRightSticky: o,
         columnIndex: m
       }), n += g.getSize();
@@ -1480,10 +1492,10 @@ function Eo({
   }, [w.getVisibleFlatColumns(), Oe, Ne]), Ge = (e, r = !1, n = !0) => {
     if (!e || typeof e.getSize != "function")
       return {};
-    const u = He.data.get(e.id);
+    const u = We.data.get(e.id);
     if (!u || !u.isLeftSticky && !u.isRightSticky)
       return {};
-    const { isLeftSticky: g, isRightSticky: m, leftPosition: S, rightPosition: B, isRightmostLeftSticky: V, isLeftmostRightSticky: o } = u;
+    const { isLeftSticky: g, isRightSticky: m, leftPosition: S, rightPosition: B, isRightmostLeftSticky: F, isLeftmostRightSticky: o } = u;
     if (g) {
       const M = {
         position: "sticky",
@@ -1493,7 +1505,7 @@ function Eo({
         minWidth: `${e.getSize()}px`,
         maxWidth: `${e.getSize()}px`
       };
-      return V && r ? {
+      return F && r ? {
         ...M,
         backgroundImage: "linear-gradient(to right, var(--grey-25) calc(100% - 3px), var(--color-border-primary-medium) calc(100% - 3px), var(--color-border-primary-medium) 100%)",
         backgroundColor: "transparent"
@@ -1518,19 +1530,19 @@ function Eo({
   }, ss = (e) => {
     if (!e || typeof e.getSize != "function")
       return "";
-    const r = He.data.get(e.id);
+    const r = We.data.get(e.id);
     return r ? r.isRightmostLeftSticky ? "border-r-[3px] border-[var(--color-border-primary-medium)]" : r.isLeftmostRightSticky ? "border-l-[3px] border-[var(--color-border-primary-medium)]" : "" : "";
   }, Bt = (e) => {
     if (!e || typeof e.getSize != "function")
       return !1;
-    const r = He.data.get(e.id);
+    const r = We.data.get(e.id);
     return r ? r.isRightmostLeftSticky || r.isLeftmostRightSticky : !1;
   }, Tt = (e) => {
     if (!e || typeof e.getSize != "function" || Ne === 0)
       return !1;
-    const r = He.data.get(e.id);
-    return r ? r.columnIndex === He.allColumns.length - Ne - 1 : !1;
-  }, Cr = (e, r = !1) => !te || !e.getCanResize() || !!E.showCellBorder ? "" : F(
+    const r = We.data.get(e.id);
+    return r ? r.columnIndex === We.allColumns.length - Ne - 1 : !1;
+  }, Cr = (e, r = !1) => !te || !e.getCanResize() || !!E.showCellBorder ? "" : V(
     // Right side indicator - hidden for last column
     !r && [
       "after:content-[''] after:absolute after:right-px after:top-1/2 after:-translate-y-1/2",
@@ -1546,23 +1558,23 @@ function Eo({
     "before:opacity-0 hover:before:opacity-100",
     "before:transition-opacity before:pointer-events-none before:z-10"
   );
-  return /* @__PURE__ */ t(Fs, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(Vs, { children: /* @__PURE__ */ t(
     bs,
     {
       sensors: Zn,
       collisionDetection: xs,
       onDragStart: es,
       onDragEnd: ts,
-      children: /* @__PURE__ */ v("div", { className: F(
+      children: /* @__PURE__ */ b("div", { className: V(
         "border border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] overflow-hidden rounded-l",
         // Remove bottom border when no pagination to avoid double border with last row
         !vt && "border-b-0",
         y
       ), children: [
-        Pe && (f || ie) && /* @__PURE__ */ v("div", { className: "border-b border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] px-[var(--space-l)] py-[var(--space-m)]", children: [
-          f && /* @__PURE__ */ v("div", { className: "flex justify-between items-center", children: [
+        Pe && (f || ie) && /* @__PURE__ */ b("div", { className: "border-b border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] px-[var(--space-l)] py-[var(--space-m)]", children: [
+          f && /* @__PURE__ */ b("div", { className: "flex justify-between items-center", children: [
             /* @__PURE__ */ t("h3", { className: "text-heading-sm font-semibold text-[var(--color-text-primary)]", children: f }),
-            /* @__PURE__ */ t(Hr, { table: w, enableGrouping: k })
+            /* @__PURE__ */ t(Wr, { table: w, enableGrouping: z })
           ] }),
           /* @__PURE__ */ t(
             Ks,
@@ -1576,20 +1588,20 @@ function Eo({
               globalFilter: St,
               onGlobalFilterChange: er,
               enableGlobalFaceting: qr,
-              enableGrouping: k,
+              enableGrouping: z,
               enableAutocomplete: mt,
               autocompleteSuggestions: Xn,
               autocompleteMinCharacters: _r
             }
           )
         ] }),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ b(
           "div",
           {
             ref: Rt,
             onKeyDown: rs,
             onFocus: ns,
-            className: F(
+            className: V(
               "relative",
               st && [
                 "overflow-x-auto",
@@ -1600,7 +1612,7 @@ function Eo({
               ]
             ),
             children: [
-              T && /* @__PURE__ */ v(ee, { children: [
+              T && /* @__PURE__ */ b(ee, { children: [
                 /* @__PURE__ */ t("div", { className: "absolute top-0 left-0 bottom-0 w-8 bg-gradient-to-r from-[var(--color-surface-primary)] to-transparent z-10 pointer-events-none opacity-0 transition-opacity" }),
                 /* @__PURE__ */ t("div", { className: "absolute top-0 right-0 bottom-0 w-8 bg-gradient-to-l from-[var(--color-surface-primary)] to-transparent z-10 pointer-events-none opacity-0 transition-opacity" })
               ] }),
@@ -1611,10 +1623,10 @@ function Eo({
                   "aria-live": "polite",
                   "aria-atomic": "true",
                   className: "sr-only",
-                  children: Hn
+                  children: Wn
                 }
               ),
-              /* @__PURE__ */ v(
+              /* @__PURE__ */ b(
                 Is,
                 {
                   ref: Yn,
@@ -1622,7 +1634,7 @@ function Eo({
                   "aria-label": x || f,
                   "aria-rowcount": s.length,
                   "aria-colcount": w.getVisibleLeafColumns().length,
-                  className: F(
+                  className: V(
                     "border-separate border-spacing-0",
                     // Required for sticky columns to work properly
                     te && "table-fixed"
@@ -1641,7 +1653,7 @@ function Eo({
                       },
                       e.id
                     )) }),
-                    /* @__PURE__ */ t(Es, { className: F(
+                    /* @__PURE__ */ t(Es, { className: V(
                       h && [
                         "sticky top-0 z-20",
                         "after:absolute after:bottom-0 after:left-0 after:right-0 after:h-px after:bg-[var(--color-border-primary-medium)]"
@@ -1659,7 +1671,7 @@ function Eo({
                       }
                     ) : Yr && Qe && Qe.length > 0 ? (
                       // Nested headers rendering
-                      /* @__PURE__ */ v(ee, { children: [
+                      /* @__PURE__ */ b(ee, { children: [
                         /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: Qe.map((e, r) => {
                           const n = e.columns.length, u = Ge(e, !0, E.showRowBorder);
                           return /* @__PURE__ */ t(
@@ -1667,7 +1679,7 @@ function Eo({
                             {
                               colSpan: n,
                               showBorder: E.showCellBorder,
-                              className: F(
+                              className: V(
                                 "text-center bg-[var(--color-background-neutral-subtlest)] font-medium border-b border-[var(--color-border-primary-medium)]",
                                 h && "z-20",
                                 !Pe && r === 0 && "rounded-tl-l",
@@ -1694,7 +1706,7 @@ function Eo({
                               "data-header-col": r,
                               tabIndex: X[0] === -1 && X[1] === r ? 0 : -1,
                               showBorder: g || m || Tt(e.column) ? !1 : E.showCellBorder,
-                              className: F(
+                              className: V(
                                 h && "z-20",
                                 (Oe > 0 || Ne > 0) && "z-30",
                                 te && "relative overflow-visible group",
@@ -1707,7 +1719,7 @@ function Eo({
                                 // For table-fixed layout, all columns need explicit width
                                 ...te && !n.width ? { width: e.column.getSize() } : {}
                               },
-                              children: /* @__PURE__ */ v("div", { className: F(
+                              children: /* @__PURE__ */ b("div", { className: V(
                                 u === "right" ? "text-right" : "text-left"
                               ), children: [
                                 e.isPlaceholder ? null : be(
@@ -1723,7 +1735,7 @@ function Eo({
                                     children: /* @__PURE__ */ t(
                                       "div",
                                       {
-                                        className: F(
+                                        className: V(
                                           "absolute right-1 top-0 h-full w-1",
                                           "hover:bg-[var(--color-border-primary-medium)] active:bg-[var(--color-border-primary-medium)]",
                                           e.column.getIsResizing() && "bg-[var(--color-border-primary-medium)]"
@@ -1756,7 +1768,7 @@ function Eo({
                                 "data-header-col": n,
                                 tabIndex: X[0] === -1 && X[1] === n ? 0 : -1,
                                 showBorder: m || S || Tt(r.column) ? !1 : E.showCellBorder,
-                                className: F(
+                                className: V(
                                   h && "z-20",
                                   (Oe > 0 || Ne > 0) && "z-30",
                                   te && "relative overflow-visible group",
@@ -1772,7 +1784,7 @@ function Eo({
                                   // For table-fixed layout, all columns need explicit width
                                   ...te && !u.width ? { width: r.column.getSize() } : {}
                                 },
-                                children: /* @__PURE__ */ t(Ys, { header: r, enableColumnOrdering: Ye, children: /* @__PURE__ */ v("div", { className: F(
+                                children: /* @__PURE__ */ t(Ys, { header: r, enableColumnOrdering: Ye, children: /* @__PURE__ */ b("div", { className: V(
                                   g === "right" ? "text-right" : "text-left"
                                 ), children: [
                                   r.isPlaceholder ? null : be(
@@ -1788,7 +1800,7 @@ function Eo({
                                       children: /* @__PURE__ */ t(
                                         "div",
                                         {
-                                          className: F(
+                                          className: V(
                                             "absolute right-1 top-0 h-full w-1",
                                             "hover:bg-[var(--color-border-primary-medium)] active:bg-[var(--color-border-primary-medium)]",
                                             r.column.getIsResizing() && "bg-[var(--color-border-primary-medium)]"
@@ -1806,7 +1818,7 @@ function Eo({
                         e.id
                       ))
                     ) }),
-                    /* @__PURE__ */ v(Ds, { children: [
+                    /* @__PURE__ */ b(Ds, { children: [
                       Nn && !A && s.length > 0 && /* @__PURE__ */ t("tr", { className: "absolute top-0 left-0 right-0 z-50 h-0", children: /* @__PURE__ */ t("td", { colSpan: w.getVisibleLeafColumns().length, className: "p-0", children: /* @__PURE__ */ t(Js, {}) }) }),
                       Jt ? /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
                         le,
@@ -1842,12 +1854,12 @@ function Eo({
                         w.getRowModel().rows?.length ? (
                           // Manual cross-page pinning: organize rows with pinned rows at top/bottom of every page
                           (() => {
-                            if (!Ee || !Vt) {
-                              const o = /* @__PURE__ */ new Set(), M = w.getRowModel().rows.filter((d) => J || d.depth === 0), $ = (d, z, W) => {
+                            if (!Ee || !Ft) {
+                              const o = /* @__PURE__ */ new Set(), M = w.getRowModel().rows.filter((d) => J || d.depth === 0), $ = (d, k, H) => {
                                 if (o.has(d.id)) return null;
                                 o.add(d.id);
                                 const q = gr.get(d.id) ?? -1;
-                                return /* @__PURE__ */ v(l.Fragment, { children: [
+                                return /* @__PURE__ */ b(l.Fragment, { children: [
                                   /* @__PURE__ */ t(
                                     G,
                                     {
@@ -1856,7 +1868,7 @@ function Eo({
                                       "aria-rowindex": q + 2,
                                       "aria-selected": fe ? d.getIsSelected() : void 0,
                                       "aria-expanded": d.getCanExpand() ? d.getIsExpanded() : void 0,
-                                      className: F(
+                                      className: V(
                                         "group",
                                         // Selected row styling
                                         d.getIsSelected() && "bg-[var(--blue-25)]",
@@ -1866,13 +1878,13 @@ function Eo({
                                         // Nested row background colors (grouped and expanding)
                                         (() => {
                                           const j = d.getIsGrouped?.() ? "font-medium" : "", ne = Tr(d, {
-                                            enableGrouping: k,
+                                            enableGrouping: z,
                                             enableExpanding: _,
                                             nestedRowStyling: pt,
                                             expandingRowColors: O,
                                             maxDepth: lt
                                           });
-                                          return F(ne ? `bg-[${ne}]` : "", j);
+                                          return V(ne ? `bg-[${ne}]` : "", j);
                                         })(),
                                         // Row click styling with smart hover
                                         K && Se(d) && (Gt || "cursor-pointer hover:[background-image:linear-gradient(rgba(0,0,0,0.02),rgba(0,0,0,0.02))]")
@@ -1880,13 +1892,13 @@ function Eo({
                                       style: {
                                         height: ro(d.depth, pt)
                                       },
-                                      onClick: K && Se(d) ? (R) => Dt(d, R) : void 0,
+                                      onClick: K && Se(d) ? (I) => Dt(d, I) : void 0,
                                       role: "row",
                                       "aria-label": K && Se(d) ? `View details for row ${d.id}` : void 0,
-                                      "aria-current": ke(d) ? "true" : void 0,
-                                      children: d.getVisibleCells().map((R, j) => {
-                                        const ne = Ge(R.column, !1, E.showRowBorder), U = j === 0, _e = _ && d.getCanExpand() || k && d.getIsGrouped(), de = d.getIsExpanded(), ue = d.depth, Mt = k && d.getIsGrouped();
-                                        let Re = Wt?.(d);
+                                      "aria-current": ze(d) ? "true" : void 0,
+                                      children: d.getVisibleCells().map((I, j) => {
+                                        const ne = Ge(I.column, !1, E.showRowBorder), U = j === 0, _e = _ && d.getCanExpand() || z && d.getIsGrouped(), de = d.getIsExpanded(), ue = d.depth, Mt = z && d.getIsGrouped();
+                                        let Re = Ht?.(d);
                                         if (Re == null)
                                           for (const oe of d.getVisibleCells()) {
                                             const ae = oe.column.columnDef.sectionHeaderCell;
@@ -1901,7 +1913,7 @@ function Eo({
                                         const se = Re != null;
                                         if (se && !U)
                                           return null;
-                                        const Z = k && d.depth > 0 && j === 0 && !W;
+                                        const Z = z && d.depth > 0 && j === 0 && !H;
                                         return /* @__PURE__ */ t(
                                           le,
                                           {
@@ -1910,23 +1922,23 @@ function Eo({
                                             "data-row": q,
                                             "data-col": j,
                                             tabIndex: X[0] === q && X[1] === j ? 0 : -1,
-                                            showBorder: Bt(R.column) || Tt(R.column) ? !1 : E.showCellBorder,
+                                            showBorder: Bt(I.column) || Tt(I.column) ? !1 : E.showCellBorder,
                                             showRowBorder: E.showRowBorder,
-                                            verticalAlign: R.column.columnDef.meta?.verticalAlign || Ie,
+                                            verticalAlign: I.column.columnDef.meta?.verticalAlign || Ie,
                                             colSpan: se ? d.getVisibleCells().length : void 0,
                                             "data-section-header": se ? !0 : void 0,
-                                            className: F(
+                                            className: V(
                                               // Active row indicator on first cell
-                                              U && ke(d) && (_t || ur(Z ? !1 : E.showRowBorder)),
+                                              U && ze(d) && (_t || ur(Z ? !1 : E.showRowBorder)),
                                               // Add sticky border classes for body cells (skip for section headers)
-                                              !se && ss(R.column),
+                                              !se && ss(I.column),
                                               // Sticky columns need higher z-index and explicit backgrounds
                                               Object.keys(ne).length > 0 && [
                                                 "z-10",
                                                 // Match row backgrounds for sticky cells to prevent transparency
                                                 (() => {
                                                   const oe = Tr(d, {
-                                                    enableGrouping: k,
+                                                    enableGrouping: z,
                                                     enableExpanding: _,
                                                     nestedRowStyling: pt,
                                                     expandingRowColors: O,
@@ -1938,7 +1950,7 @@ function Eo({
                                               // Section header background
                                               se && "bg-[var(--blue-50)]",
                                               // Remove bottom border from first column child rows (except last), but not when row is active
-                                              Z && !ke(d) && "![box-shadow:none]",
+                                              Z && !ze(d) && "![box-shadow:none]",
                                               // Focus ring for keyboard navigation
                                               "focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-border-brand-bold)]"
                                             ),
@@ -1952,23 +1964,23 @@ function Eo({
                                               Re
                                             ) : Mt ? (
                                               // Grouped row rendering - only show content in first cell
-                                              U ? Mr(d, w, Xe, de, ye, Ft) : R.column.columnDef.meta?.renderInGroupedRows ? (
+                                              U ? Mr(d, w, Xe, de, ye, Vt) : I.column.columnDef.meta?.renderInGroupedRows ? (
                                                 // Render custom cell content for columns with renderInGroupedRows flag
-                                                Be(R)
-                                              ) : R.column.columnDef.aggregatedCell ? (
+                                                Be(I)
+                                              ) : I.column.columnDef.aggregatedCell ? (
                                                 // Render custom aggregatedCell if defined
-                                                xr(R)
+                                                xr(I)
                                               ) : (
                                                 // Calculate and show aggregation for other columns in grouped row
                                                 (() => {
-                                                  const oe = kr(
-                                                    R.column,
+                                                  const oe = zr(
+                                                    I.column,
                                                     d.subRows,
                                                     d.groupingColumnId
                                                   );
                                                   if (!oe) return /* @__PURE__ */ t("div", {});
-                                                  const ae = R.column.columnDef.meta?.align || "left";
-                                                  return /* @__PURE__ */ t(Te, { align: ae, children: /* @__PURE__ */ t("span", { className: F(
+                                                  const ae = I.column.columnDef.meta?.align || "left";
+                                                  return /* @__PURE__ */ t(Te, { align: ae, children: /* @__PURE__ */ t("span", { className: V(
                                                     "text-[var(--color-text-secondary)] text-body-sm",
                                                     ae === "right" ? "tabular-nums" : ""
                                                   ), children: oe }) });
@@ -1976,7 +1988,7 @@ function Eo({
                                               )
                                             ) : (
                                               // Regular row rendering
-                                              /* @__PURE__ */ v("div", { className: "flex items-center gap-[var(--space-s)]", children: [
+                                              /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)]", children: [
                                                 U && _e && /* @__PURE__ */ t(
                                                   "button",
                                                   {
@@ -1984,7 +1996,7 @@ function Eo({
                                                     onClick: d.getToggleExpandedHandler(),
                                                     className: "flex h-[var(--size-s)] w-[var(--size-s)] cursor-pointer items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                     children: /* @__PURE__ */ t(
-                                                      H,
+                                                      W,
                                                       {
                                                         name: de ? "chevron-down" : "chevron-right",
                                                         className: "h-3 w-3"
@@ -1992,7 +2004,7 @@ function Eo({
                                                     )
                                                   }
                                                 ),
-                                                U && Ee && !Mt && /* @__PURE__ */ v("div", { className: "flex items-center gap-1", children: [
+                                                U && Ee && !Mt && /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
                                                   d.getIsPinned() !== "top" && /* @__PURE__ */ t(
                                                     "button",
                                                     {
@@ -2000,7 +2012,7 @@ function Eo({
                                                       onClick: () => d.pin("top"),
                                                       className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                       title: "Pin to top",
-                                                      children: /* @__PURE__ */ t(H, { name: "arrow-up-to-line", className: "h-3 w-3" })
+                                                      children: /* @__PURE__ */ t(W, { name: "arrow-up-to-line", className: "h-3 w-3" })
                                                     }
                                                   ),
                                                   d.getIsPinned() !== "bottom" && /* @__PURE__ */ t(
@@ -2010,7 +2022,7 @@ function Eo({
                                                       onClick: () => d.pin("bottom"),
                                                       className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                       title: "Pin to bottom",
-                                                      children: /* @__PURE__ */ t(H, { name: "arrow-down-to-line", className: "h-3 w-3" })
+                                                      children: /* @__PURE__ */ t(W, { name: "arrow-down-to-line", className: "h-3 w-3" })
                                                     }
                                                   ),
                                                   d.getIsPinned() && /* @__PURE__ */ t(
@@ -2020,25 +2032,25 @@ function Eo({
                                                       onClick: () => d.pin(!1),
                                                       className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                       title: "Unpin row",
-                                                      children: /* @__PURE__ */ t(H, { name: "x", className: "h-3 w-3" })
+                                                      children: /* @__PURE__ */ t(W, { name: "x", className: "h-3 w-3" })
                                                     }
                                                   )
                                                 ] }),
-                                                U && !_e && !Ee && (_ || k) && /* @__PURE__ */ t("div", { className: "h-[var(--size-s)] w-[var(--size-s)]" }),
-                                                /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: k && d.depth > 0 && (R.column.id === d.getParentRow()?.groupingColumnId || R.column.id === Xe) ? (
+                                                U && !_e && !Ee && (_ || z) && /* @__PURE__ */ t("div", { className: "h-[var(--size-s)] w-[var(--size-s)]" }),
+                                                /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: z && d.depth > 0 && (I.column.id === d.getParentRow()?.groupingColumnId || I.column.id === Xe) ? (
                                                   // Hide grouped column and groupDisplayColumn in detail rows
                                                   /* @__PURE__ */ t("div", {})
-                                                ) : R.column.columnDef.meta?.truncate !== !1 ? (
+                                                ) : I.column.columnDef.meta?.truncate !== !1 ? (
                                                   // Wrap in TruncatedCell for overflow handling with tooltip
-                                                  /* @__PURE__ */ t(Te, { align: R.column.columnDef.meta?.align, children: Be(R) })
+                                                  /* @__PURE__ */ t(Te, { align: I.column.columnDef.meta?.align, children: Be(I) })
                                                 ) : (
                                                   // No truncation for this column
-                                                  Be(R)
+                                                  Be(I)
                                                 ) })
                                               ] })
                                             )
                                           },
-                                          R.id
+                                          I.id
                                         );
                                       })
                                     }
@@ -2051,7 +2063,7 @@ function Eo({
                                       showRowBorder: E.showRowBorder,
                                       verticalAlign: Ie,
                                       className: "py-[var(--space-m)]",
-                                      children: /* @__PURE__ */ v("div", { className: "flex items-center justify-center gap-[var(--space-s)]", children: [
+                                      children: /* @__PURE__ */ b("div", { className: "flex items-center justify-center gap-[var(--space-s)]", children: [
                                         /* @__PURE__ */ t(qe, { size: "s" }),
                                         /* @__PURE__ */ t("span", { className: "text-body-sm text-[var(--color-text-secondary)]", children: "Loading..." })
                                       ] })
@@ -2066,9 +2078,9 @@ function Eo({
                                       verticalAlign: Ie,
                                       className: "p-0",
                                       "data-section-header": !0,
-                                      children: Yt?.[d.id] ? /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center py-[var(--space-l)] gap-[var(--space-s)]", children: [
-                                        /* @__PURE__ */ v("div", { className: "flex items-center gap-[var(--space-s)] text-[var(--color-text-danger)]", children: [
-                                          /* @__PURE__ */ t(H, { name: "alert-circle", className: "h-4 w-4" }),
+                                      children: Yt?.[d.id] ? /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center py-[var(--space-l)] gap-[var(--space-s)]", children: [
+                                        /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)] text-[var(--color-text-danger)]", children: [
+                                          /* @__PURE__ */ t(W, { name: "alert-circle", className: "h-4 w-4" }),
                                           /* @__PURE__ */ t("span", { className: "text-body-sm", children: Yt[d.id]?.message || "Failed to load details" })
                                         ] }),
                                         De && /* @__PURE__ */ t(
@@ -2079,7 +2091,7 @@ function Eo({
                                             children: "Try again"
                                           }
                                         )
-                                      ] }) : nt?.[d.id] ? /* @__PURE__ */ v("div", { className: "flex items-center justify-center py-[var(--space-l)]", children: [
+                                      ] }) : nt?.[d.id] ? /* @__PURE__ */ b("div", { className: "flex items-center justify-center py-[var(--space-l)]", children: [
                                         /* @__PURE__ */ t(qe, { size: "s" }),
                                         /* @__PURE__ */ t("span", { className: "ml-[var(--space-s)] text-body-sm text-[var(--color-text-secondary)]", children: "Loading details..." })
                                       ] }) : J(d)
@@ -2087,35 +2099,35 @@ function Eo({
                                   ) }),
                                   (() => {
                                     if (J) return null;
-                                    const R = d.subRows && d.subRows.length > 0 ? d.subRows : it?.get(d.id) || [];
-                                    if (R.length === 0) return null;
+                                    const I = d.subRows && d.subRows.length > 0 ? d.subRows : it?.get(d.id) || [];
+                                    if (I.length === 0) return null;
                                     let j = d.getIsExpanded();
-                                    return !j && Q === !0 && d.getCanExpand() && (j = !0), !j && typeof Q == "object" && Q !== null && Q[d.id] && (j = !0), j ? R.map(
-                                      (ne, U) => $(ne, U, U === R.length - 1)
+                                    return !j && Q === !0 && d.getCanExpand() && (j = !0), !j && typeof Q == "object" && Q !== null && Q[d.id] && (j = !0), j ? I.map(
+                                      (ne, U) => $(ne, U, U === I.length - 1)
                                     ) : null;
                                   })()
                                 ] }, d.id);
                               };
                               return M.map(
-                                (d, z) => $(d, z, z === M.length - 1)
+                                (d, k) => $(d, k, k === M.length - 1)
                               );
                             }
                             const e = w.getCoreRowModel().rows, r = w.getRowModel().rows, n = e.filter((o) => o.getIsPinned() === "top"), u = e.filter((o) => o.getIsPinned() === "bottom"), g = r.filter((o) => !o.getIsPinned()), m = [
                               ...n,
                               ...g,
                               ...u
-                            ], S = /* @__PURE__ */ new Set(), B = m.filter((o) => J || o.depth === 0), V = (o, M, $) => {
+                            ], S = /* @__PURE__ */ new Set(), B = m.filter((o) => J || o.depth === 0), F = (o, M, $) => {
                               if (S.has(o.id)) return null;
                               S.add(o.id);
                               const d = gr.get(o.id) ?? -1;
-                              return /* @__PURE__ */ v(l.Fragment, { children: [
+                              return /* @__PURE__ */ b(l.Fragment, { children: [
                                 /* @__PURE__ */ t(
                                   G,
                                   {
                                     "data-state": o.getIsSelected() && "selected",
                                     showBorder: E.showRowBorder,
                                     "aria-rowindex": d + 2,
-                                    className: F(
+                                    className: V(
                                       "group",
                                       // Selected row styling
                                       o.getIsSelected() && "bg-[var(--blue-25)]",
@@ -2126,10 +2138,10 @@ function Eo({
                                       o.getIsGrouped?.() && o.getIsExpanded() && "bg-[var(--blue-50)] font-medium",
                                       o.getIsGrouped?.() && !o.getIsExpanded() && "bg-[var(--color-background-neutral-subtlest)] font-medium",
                                       // Second level (children of grouped rows) - blue-25
-                                      k && o.depth === 1 && "bg-[var(--blue-25)]",
+                                      z && o.depth === 1 && "bg-[var(--blue-25)]",
                                       // Bottom-up alternating colors for expanding rows (only when expanded)
                                       _ && !o.getIsGrouped?.() && (() => {
-                                        const z = o.subRows && o.subRows.length > 0, W = () => {
+                                        const k = o.subRows && o.subRows.length > 0, H = () => {
                                           let j = o;
                                           for (; j; ) {
                                             if (j.getIsExpanded()) return !0;
@@ -2137,9 +2149,9 @@ function Eo({
                                           }
                                           return !1;
                                         };
-                                        if (o.depth === 0 && (!z || !W()))
+                                        if (o.depth === 0 && (!k || !H()))
                                           return "";
-                                        const q = lt - o.depth, R = q % 2 === 0 ? "bg-[var(--blue-25)]" : "bg-[var(--blue-50)]";
+                                        const q = lt - o.depth, I = q % 2 === 0 ? "bg-[var(--blue-25)]" : "bg-[var(--blue-50)]";
                                         if (O) {
                                           if (q === 0 && O.children)
                                             return `bg-[${O.children}]`;
@@ -2148,18 +2160,18 @@ function Eo({
                                           if (q > 0 && !o.getIsExpanded() && O.collapsedParent)
                                             return `bg-[${O.collapsedParent}]`;
                                         }
-                                        return R;
+                                        return I;
                                       })(),
                                       // Row click styling with smart hover
                                       K && Se(o) && (Gt || "cursor-pointer hover:[background-image:linear-gradient(rgba(0,0,0,0.02),rgba(0,0,0,0.02))]")
                                     ),
-                                    onClick: K && Se(o) ? (z) => Dt(o, z) : void 0,
+                                    onClick: K && Se(o) ? (k) => Dt(o, k) : void 0,
                                     role: "row",
                                     "aria-label": K && Se(o) ? `View details for row ${o.id}` : void 0,
-                                    "aria-current": ke(o) ? "true" : void 0,
-                                    children: o.getVisibleCells().map((z, W) => {
-                                      const q = Ge(z.column, !1, E.showRowBorder), R = W === 0, j = _ && o.getCanExpand() || k && o.getIsGrouped(), ne = o.getIsExpanded(), U = o.depth, _e = k && o.getIsGrouped();
-                                      let de = Wt?.(o);
+                                    "aria-current": ze(o) ? "true" : void 0,
+                                    children: o.getVisibleCells().map((k, H) => {
+                                      const q = Ge(k.column, !1, E.showRowBorder), I = H === 0, j = _ && o.getCanExpand() || z && o.getIsGrouped(), ne = o.getIsExpanded(), U = o.depth, _e = z && o.getIsGrouped();
+                                      let de = Ht?.(o);
                                       if (de == null)
                                         for (const pe of o.getVisibleCells()) {
                                           const ve = pe.column.columnDef.sectionHeaderCell;
@@ -2172,24 +2184,24 @@ function Eo({
                                           }
                                         }
                                       const ue = de != null;
-                                      if (ue && !R)
+                                      if (ue && !I)
                                         return null;
-                                      const se = k && o.depth > 0 && W === 0 && !$;
+                                      const se = z && o.depth > 0 && H === 0 && !$;
                                       return /* @__PURE__ */ t(
                                         le,
                                         {
                                           role: "gridcell",
-                                          "aria-colindex": W + 1,
+                                          "aria-colindex": H + 1,
                                           "data-row": d,
-                                          "data-col": W,
-                                          tabIndex: X[0] === d && X[1] === W ? 0 : -1,
+                                          "data-col": H,
+                                          tabIndex: X[0] === d && X[1] === H ? 0 : -1,
                                           showBorder: E.showCellBorder,
                                           showRowBorder: E.showRowBorder,
-                                          verticalAlign: z.column.columnDef.meta?.verticalAlign || Ie,
+                                          verticalAlign: k.column.columnDef.meta?.verticalAlign || Ie,
                                           colSpan: ue ? o.getVisibleCells().length : void 0,
-                                          className: F(
+                                          className: V(
                                             // Active row indicator on first cell
-                                            R && ke(o) && (_t || ur(se ? !1 : E.showRowBorder)),
+                                            I && ze(o) && (_t || ur(se ? !1 : E.showRowBorder)),
                                             // Focus ring for keyboard navigation
                                             "focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-border-brand-bold)]",
                                             // Sticky columns need higher z-index and explicit backgrounds
@@ -2201,7 +2213,7 @@ function Eo({
                                               // Grouped collapsed rows
                                               o.getIsGrouped?.() && !o.getIsExpanded() && "bg-[var(--color-background-neutral-subtlest)]",
                                               // Second level rows (children of grouped rows)
-                                              k && o.depth === 1 && "bg-[var(--blue-25)]",
+                                              z && o.depth === 1 && "bg-[var(--blue-25)]",
                                               // Bottom-up alternating colors for expanding rows (only when expanded)
                                               _ && !o.getIsGrouped?.() && (() => {
                                                 const pe = o.subRows && o.subRows.length > 0, ve = () => {
@@ -2226,43 +2238,43 @@ function Eo({
                                                 return oe;
                                               })(),
                                               // Default rows (not grouped, not expanding)
-                                              !o.getIsGrouped?.() && !(k && o.depth === 1) && !_ && "bg-[var(--color-surface-primary)]"
+                                              !o.getIsGrouped?.() && !(z && o.depth === 1) && !_ && "bg-[var(--color-surface-primary)]"
                                             ],
                                             // Section header background
                                             ue && "bg-[var(--blue-50)]",
                                             // Remove bottom border from first column child rows (except last), but not when row is active
-                                            se && !ke(o) && "![box-shadow:none]"
+                                            se && !ze(o) && "![box-shadow:none]"
                                           ),
                                           style: {
                                             ...q,
-                                            width: z.column.getSize(),
+                                            width: k.column.getSize(),
                                             // Section header: fixed height with no padding
                                             ...ue ? { height: "32px", padding: "0" } : {},
                                             // Add left padding for nested rows
-                                            paddingLeft: R && U > 0 && !ue ? `calc(var(--space-m) + ${U * 20}px)` : void 0
+                                            paddingLeft: I && U > 0 && !ue ? `calc(var(--space-m) + ${U * 20}px)` : void 0
                                           },
                                           children: ue ? (
                                             // Section header row - render custom content
                                             de
                                           ) : _e ? (
                                             // Grouped row rendering - only show content in first cell
-                                            R ? Mr(o, w, Xe, ne, ye, Ft) : z.column.columnDef.meta?.renderInGroupedRows ? (
+                                            I ? Mr(o, w, Xe, ne, ye, Vt) : k.column.columnDef.meta?.renderInGroupedRows ? (
                                               // Render custom cell content for columns with renderInGroupedRows flag
-                                              Be(z)
-                                            ) : z.column.columnDef.aggregatedCell ? (
+                                              Be(k)
+                                            ) : k.column.columnDef.aggregatedCell ? (
                                               // Render custom aggregatedCell if defined
-                                              xr(z)
+                                              xr(k)
                                             ) : (
                                               // Calculate and show aggregation for other columns in grouped row
                                               (() => {
-                                                const pe = kr(
-                                                  z.column,
+                                                const pe = zr(
+                                                  k.column,
                                                   o.subRows,
                                                   o.groupingColumnId
                                                 );
                                                 if (!pe) return /* @__PURE__ */ t("div", {});
-                                                const ve = z.column.columnDef.meta?.align || "left";
-                                                return /* @__PURE__ */ t(Te, { align: ve, children: /* @__PURE__ */ t("span", { className: F(
+                                                const ve = k.column.columnDef.meta?.align || "left";
+                                                return /* @__PURE__ */ t(Te, { align: ve, children: /* @__PURE__ */ t("span", { className: V(
                                                   "text-[var(--color-text-secondary)] text-body-sm",
                                                   ve === "right" ? "tabular-nums" : ""
                                                 ), children: pe }) });
@@ -2270,14 +2282,14 @@ function Eo({
                                             )
                                           ) : (
                                             // Regular row rendering
-                                            /* @__PURE__ */ v("div", { className: "flex items-center gap-[var(--space-s)]", children: [
-                                              R && j && /* @__PURE__ */ t(
+                                            /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)]", children: [
+                                              I && j && /* @__PURE__ */ t(
                                                 "button",
                                                 {
                                                   onClick: o.getToggleExpandedHandler(),
                                                   className: "flex h-[var(--size-s)] w-[var(--size-s)] cursor-pointer items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                   children: /* @__PURE__ */ t(
-                                                    H,
+                                                    W,
                                                     {
                                                       name: ne ? "chevron-down" : "chevron-right",
                                                       className: "h-3 w-3"
@@ -2285,14 +2297,14 @@ function Eo({
                                                   )
                                                 }
                                               ),
-                                              R && Ee && !_e && /* @__PURE__ */ v("div", { className: "flex items-center gap-1", children: [
+                                              I && Ee && !_e && /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
                                                 o.getIsPinned() !== "top" && /* @__PURE__ */ t(
                                                   "button",
                                                   {
                                                     onClick: () => o.pin("top"),
                                                     className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                     title: "Pin to top",
-                                                    children: /* @__PURE__ */ t(H, { name: "arrow-up-to-line", className: "h-3 w-3" })
+                                                    children: /* @__PURE__ */ t(W, { name: "arrow-up-to-line", className: "h-3 w-3" })
                                                   }
                                                 ),
                                                 o.getIsPinned() !== "bottom" && /* @__PURE__ */ t(
@@ -2301,7 +2313,7 @@ function Eo({
                                                     onClick: () => o.pin("bottom"),
                                                     className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                     title: "Pin to bottom",
-                                                    children: /* @__PURE__ */ t(H, { name: "arrow-down-to-line", className: "h-3 w-3" })
+                                                    children: /* @__PURE__ */ t(W, { name: "arrow-down-to-line", className: "h-3 w-3" })
                                                   }
                                                 ),
                                                 o.getIsPinned() && /* @__PURE__ */ t(
@@ -2310,25 +2322,25 @@ function Eo({
                                                     onClick: () => o.pin(!1),
                                                     className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                     title: "Unpin row",
-                                                    children: /* @__PURE__ */ t(H, { name: "x", className: "h-3 w-3" })
+                                                    children: /* @__PURE__ */ t(W, { name: "x", className: "h-3 w-3" })
                                                   }
                                                 )
                                               ] }),
-                                              R && !j && !Ee && (_ || k) && /* @__PURE__ */ t("div", { className: "h-[var(--size-s)] w-[var(--size-s)]" }),
-                                              /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: k && o.depth > 0 && (z.column.id === o.getParentRow()?.groupingColumnId || z.column.id === Xe) ? (
+                                              I && !j && !Ee && (_ || z) && /* @__PURE__ */ t("div", { className: "h-[var(--size-s)] w-[var(--size-s)]" }),
+                                              /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: z && o.depth > 0 && (k.column.id === o.getParentRow()?.groupingColumnId || k.column.id === Xe) ? (
                                                 // Hide grouped column and groupDisplayColumn in detail rows
                                                 /* @__PURE__ */ t("div", {})
-                                              ) : z.column.columnDef.meta?.truncate !== !1 ? (
+                                              ) : k.column.columnDef.meta?.truncate !== !1 ? (
                                                 // Wrap in TruncatedCell for overflow handling with tooltip
-                                                /* @__PURE__ */ t(Te, { align: z.column.columnDef.meta?.align, children: Be(z) })
+                                                /* @__PURE__ */ t(Te, { align: k.column.columnDef.meta?.align, children: Be(k) })
                                               ) : (
                                                 // No truncation for this column
-                                                Be(z)
+                                                Be(k)
                                               ) })
                                             ] })
                                           )
                                         },
-                                        z.id
+                                        k.id
                                       );
                                     })
                                   }
@@ -2341,7 +2353,7 @@ function Eo({
                                     showRowBorder: E.showRowBorder,
                                     verticalAlign: Ie,
                                     className: "py-[var(--space-m)]",
-                                    children: /* @__PURE__ */ v("div", { className: "flex items-center justify-center gap-[var(--space-s)]", children: [
+                                    children: /* @__PURE__ */ b("div", { className: "flex items-center justify-center gap-[var(--space-s)]", children: [
                                       /* @__PURE__ */ t(qe, { size: "s" }),
                                       /* @__PURE__ */ t("span", { className: "text-body-sm text-[var(--color-text-secondary)]", children: "Loading..." })
                                     ] })
@@ -2356,7 +2368,7 @@ function Eo({
                                     verticalAlign: Ie,
                                     className: "p-0",
                                     "data-section-header": !0,
-                                    children: nt?.[o.id] ? /* @__PURE__ */ v("div", { className: "flex items-center justify-center py-[var(--space-l)]", children: [
+                                    children: nt?.[o.id] ? /* @__PURE__ */ b("div", { className: "flex items-center justify-center py-[var(--space-l)]", children: [
                                       /* @__PURE__ */ t(qe, { size: "s" }),
                                       /* @__PURE__ */ t("span", { className: "ml-[var(--space-s)] text-body-sm text-[var(--color-text-secondary)]", children: "Loading details..." })
                                     ] }) : J(o)
@@ -2364,17 +2376,17 @@ function Eo({
                                 ) }),
                                 (() => {
                                   if (J) return null;
-                                  const z = o.subRows && o.subRows.length > 0 ? o.subRows : it?.get(o.id) || [];
-                                  if (z.length === 0) return null;
-                                  let W = o.getIsExpanded();
-                                  return !W && Q === !0 && o.getCanExpand() && (W = !0), !W && typeof Q == "object" && Q !== null && Q[o.id] && (W = !0), W ? z.map(
-                                    (q, R) => V(q, R, R === z.length - 1)
+                                  const k = o.subRows && o.subRows.length > 0 ? o.subRows : it?.get(o.id) || [];
+                                  if (k.length === 0) return null;
+                                  let H = o.getIsExpanded();
+                                  return !H && Q === !0 && o.getCanExpand() && (H = !0), !H && typeof Q == "object" && Q !== null && Q[o.id] && (H = !0), H ? k.map(
+                                    (q, I) => F(q, I, I === k.length - 1)
                                   ) : null;
                                 })()
                               ] }, o.id);
                             };
                             return B.map(
-                              (o, M) => V(o, M, M === B.length - 1)
+                              (o, M) => F(o, M, M === B.length - 1)
                             );
                           })()
                         ) : (
@@ -2382,7 +2394,7 @@ function Eo({
                           Zt.length > 0 || St !== "" ? /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
                             le,
                             {
-                              colSpan: zt.length,
+                              colSpan: kt.length,
                               className: "text-center",
                               showBorder: !1,
                               showRowBorder: !1,
@@ -2399,7 +2411,7 @@ function Eo({
                           ) }) : /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
                             le,
                             {
-                              colSpan: zt.length,
+                              colSpan: kt.length,
                               className: "text-center",
                               showBorder: !1,
                               showRowBorder: !1,
@@ -2427,7 +2439,7 @@ function Eo({
           Zs,
           {
             table: w,
-            enableGrouping: k,
+            enableGrouping: z,
             hideChildrenForSingleItemGroups: ye,
             footerLabel: tn,
             onNextPageHover: dn,
@@ -2448,12 +2460,14 @@ function Eo({
   ) });
 }
 export {
-  Eo as DataTable,
+  ko as DataTable,
+  Do as DataTableColumnHeader,
   Qs as DataTableFilter,
   Zs as DataTablePagination,
   Br as DataTableSkeleton,
   Ks as DataTableToolbar,
   Rr as fuzzyFilter,
+  Eo as groupPreservingGlobalFilter,
   Ls as multiSelectFilter,
-  ko as useReactTable
+  To as useReactTable
 };