@rafal.lemieszewski/tide-ui 0.87.8 → 0.87.9

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

@@ -1,45 +1,45 @@
 import { jsx as t, Fragment as ee, jsxs as b } from "react/jsx-runtime";
-import * as l from "react";
-import { useReactTable as ln, getFacetedMinMaxValues as cn, getFacetedUniqueValues as dn, getFacetedRowModel as un, getGroupedRowModel as fn, getExpandedRowModel as gn, getSortedRowModel as mn, getPaginationRowModel as hn, getFilteredRowModel as pn, getCoreRowModel as vn, flexRender as be } from "@tanstack/react-table";
-import { useReactTable as Lo } from "@tanstack/react-table";
-import { useSensors as bn, useSensor as Sr, MouseSensor as xn, TouchSensor as yn, DndContext as Cn, closestCenter as wn } from "@dnd-kit/core";
-import { SortableContext as Sn, horizontalListSortingStrategy as Nn, arrayMove as Rn, useSortable as In } from "@dnd-kit/sortable";
-import { CSS as En } from "@dnd-kit/utilities";
+import * as i from "react";
+import { useReactTable as dn, getFacetedMinMaxValues as un, getFacetedUniqueValues as fn, getFacetedRowModel as gn, getGroupedRowModel as mn, getExpandedRowModel as hn, getSortedRowModel as pn, getPaginationRowModel as vn, getFilteredRowModel as bn, getCoreRowModel as xn, flexRender as be } from "@tanstack/react-table";
+import { useReactTable as Ho } from "@tanstack/react-table";
+import { useSensors as yn, useSensor as Rr, MouseSensor as Cn, TouchSensor as wn, DndContext as Sn, closestCenter as Nn } from "@dnd-kit/core";
+import { SortableContext as Rn, horizontalListSortingStrategy as In, arrayMove as En, useSortable as Dn } from "@dnd-kit/sortable";
+import { CSS as kn } from "@dnd-kit/utilities";
 import { cn as V } from "../../lib/utils.js";
 import { Button as Pe } from "../fundamental/button.js";
-import { Input as ft } from "../fundamental/input.js";
-import { AutocompleteSearch as Dn } from "../fundamental/autocomplete-search.js";
-import { Table as kn, TableHeader as zn, TableRow as G, TableHead as ut, TableBody as Bn, TableCell as le } from "../fundamental/table.js";
-import { Select as Tn, SelectTrigger as Pn, SelectValue as Mn, SelectContent as Vn, SelectItem as Nr } from "../fundamental/select.js";
-import { Checkbox as gt } from "../fundamental/checkbox.js";
+import { Input as mt } from "../fundamental/input.js";
+import { AutocompleteSearch as zn } from "../fundamental/autocomplete-search.js";
+import { Table as Bn, TableHeader as Tn, TableRow as G, TableHead as gt, TableBody as Pn, TableCell as ie } from "../fundamental/table.js";
+import { Select as Mn, SelectTrigger as Vn, SelectValue as Fn, SelectContent as $n, SelectItem as Ir } from "../fundamental/select.js";
+import { Checkbox as ht } from "../fundamental/checkbox.js";
 import { Icon as W } from "../fundamental/icon.js";
-import { PlusCircle as Fn, X as Vt, GripVertical as $n, ArrowUpToLine as Rr, ArrowDownToLine as Ir, AlertCircle as jn, Filter as An } from "lucide-react";
+import { PlusCircle as jn, X as $t, GripVertical as An, ArrowUpToLine as Er, ArrowDownToLine as Dr, AlertCircle as Ln, Filter as On } from "lucide-react";
 import { Badge as xe } from "../fundamental/badge.js";
-import { Popover as $r, PopoverTrigger as jr, PopoverContent as Ar } from "../fundamental/popover.js";
-import { Command as Lr, CommandInput as Or, CommandList as Hr, CommandEmpty as Wr, CommandGroup as Gr, CommandItem as _r } from "../fundamental/command.js";
-import { Pagination as Ln } from "../fundamental/pagination.js";
-import { Skeleton as Er } from "../fundamental/skeleton.js";
+import { Popover as Ar, PopoverTrigger as Lr, PopoverContent as Or } from "../fundamental/popover.js";
+import { Command as Hr, CommandInput as Wr, CommandList as Gr, CommandEmpty as _r, CommandGroup as qr, CommandItem as Ur } from "../fundamental/command.js";
+import { Pagination as Hn } from "../fundamental/pagination.js";
+import { Skeleton as kr } from "../fundamental/skeleton.js";
 import { Spinner as qe } from "../fundamental/spinner.js";
-import { DataTableSettingsMenu as On } from "./data-table-settings-menu.js";
-import { TooltipProvider as Hn, Tooltip as Wn, TooltipTrigger as Gn, TooltipContent as _n } from "../fundamental/tooltip.js";
-function qn(c, n) {
-  const [i, a] = l.useState(c);
-  return l.useEffect(() => {
+import { DataTableSettingsMenu as Wn } from "./data-table-settings-menu.js";
+import { TooltipProvider as Gn, Tooltip as _n, TooltipTrigger as qn, TooltipContent as Un } from "../fundamental/tooltip.js";
+function Jn(c, n) {
+  const [l, a] = i.useState(c);
+  return i.useEffect(() => {
     const f = setTimeout(() => {
       a(c);
     }, n);
     return () => {
       clearTimeout(f);
     };
-  }, [c, n]), i;
+  }, [c, n]), l;
 }
-const Te = /* @__PURE__ */ l.memo(function({ children: n, align: i = "left" }) {
-  const a = l.useRef(null), [f, x] = l.useState(!1), [y, h] = l.useState("");
-  return l.useEffect(() => {
+const Te = /* @__PURE__ */ i.memo(function({ children: n, align: l = "left" }) {
+  const a = i.useRef(null), [f, x] = i.useState(!1), [y, h] = i.useState("");
+  return i.useEffect(() => {
     const p = a.current;
     if (!p) return;
     let v;
-    const R = () => {
+    const I = () => {
       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;
@@ -51,44 +51,44 @@ const Te = /* @__PURE__ */ l.memo(function({ children: n, 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(R);
-    return D.observe(p), () => {
-      clearTimeout(v), D.disconnect();
+    const k = new ResizeObserver(I);
+    return k.observe(p), () => {
+      clearTimeout(v), k.disconnect();
     };
-  }, [n]), l.useEffect(() => {
+  }, [n]), i.useEffect(() => {
     a.current && h(a.current.textContent || "");
-  }, [n]), f ? /* @__PURE__ */ b(Wn, { children: [
-    /* @__PURE__ */ t(Gn, { asChild: !0, children: /* @__PURE__ */ t(
+  }, [n]), f ? /* @__PURE__ */ b(_n, { children: [
+    /* @__PURE__ */ t(qn, { asChild: !0, children: /* @__PURE__ */ t(
       "div",
       {
         ref: a,
-        className: V("min-w-0 overflow-hidden truncate [&>*]:truncate", i === "right" && "text-right"),
+        className: V("min-w-0 overflow-hidden truncate [&>*]:truncate", l === "right" && "text-right"),
         children: n
       }
     ) }),
-    /* @__PURE__ */ t(_n, { side: "top", className: "max-w-xs", children: y })
+    /* @__PURE__ */ t(Un, { side: "top", className: "max-w-xs", children: y })
   ] }) : /* @__PURE__ */ t(
     "div",
     {
       ref: a,
-      className: V("min-w-0 overflow-hidden truncate [&>*]:truncate", i === "right" && "text-right"),
+      className: V("min-w-0 overflow-hidden truncate [&>*]:truncate", l === "right" && "text-right"),
       children: n
     }
   );
-}), Dr = (c, n, i, a) => {
-  const f = c.getValue(n), x = f != null ? String(f) : "", y = i.toLowerCase();
+}), zr = (c, n, l, a) => {
+  const f = c.getValue(n), x = f != null ? String(f) : "", y = l.toLowerCase();
   return x.toLowerCase().includes(y) ? !0 : x.toLowerCase().split(" ").some((p) => p.startsWith(y));
-}, Un = (c, n, i) => {
-  if (!i || i.length === 0) return !0;
+}, Kn = (c, n, l) => {
+  if (!l || l.length === 0) return !0;
   const a = c.getValue(n);
-  return i.includes(a);
-}, Vo = (c, n, i, a) => {
-  if (!i || i.trim() === "") return !0;
-  const f = String(i).toLowerCase(), x = (h) => {
+  return l.includes(a);
+}, $o = (c, n, l, a) => {
+  if (!l || l.trim() === "") return !0;
+  const f = String(l).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))
+      const I = h.getValue(v);
+      if (I != null && String(I).toLowerCase().includes(f))
         return !0;
     }
     return !1;
@@ -97,9 +97,9 @@ const Te = /* @__PURE__ */ l.memo(function({ children: n, align: i = "left" }) {
   const y = x(c);
   return a && y && a({ itemRank: 1 }), y;
 };
-function Jn(c, n) {
-  for (const i of c) {
-    const a = typeof n == "function" ? n(i.original) : i.original?.[n];
+function Xn(c, n) {
+  for (const l of c) {
+    const a = typeof n == "function" ? n(l.original) : l.original?.[n];
     if (a != null) {
       if (typeof a == "number") return "number";
       if (a instanceof Date) return "date";
@@ -112,114 +112,114 @@ function Jn(c, n) {
   }
   return "unknown";
 }
-function kr(c) {
+function Br(c) {
   if (c.length === 0) return "";
-  const n = Math.min(...c), i = Math.max(...c);
-  return n === i ? String(n) : `${n} – ${i}`;
+  const n = Math.min(...c), l = Math.max(...c);
+  return n === l ? String(n) : `${n} – ${l}`;
 }
-function Kn(c) {
+function Qn(c) {
   return c.length === 0 ? "" : `Avg: ${(c.reduce((a, f) => a + f, 0) / c.length).toFixed(2)}`;
 }
-function Xn(c) {
-  return c.length === 0 ? "" : `Total: ${c.reduce((i, a) => i + a, 0)}`;
+function Yn(c) {
+  return c.length === 0 ? "" : `Total: ${c.reduce((l, a) => l + a, 0)}`;
 }
-function zr(c) {
+function Tr(c) {
   return `${c} ${c === 1 ? "item" : "items"}`;
 }
-function Br(c, n) {
+function Pr(c, n) {
   if (c.length === 0) return "";
   const a = new Set(c).size, f = a === 1 || n.endsWith("s") ? n : n.endsWith("y") ? n.slice(0, -1) + "ies" : n + "s";
   return `${a} ${f.toLowerCase()}`;
 }
-function Qn(c) {
+function Zn(c) {
   if (c.length === 0) return "";
   const n = /* @__PURE__ */ new Map();
   c.forEach((f) => n.set(f, (n.get(f) || 0) + 1));
-  let i = 0, a = "";
+  let l = 0, a = "";
   return n.forEach((f, x) => {
-    f > i && (i = f, a = x);
-  }), `${a} (${i})`;
+    f > l && (l = f, a = x);
+  }), `${a} (${l})`;
 }
-function Tr(c) {
+function Mr(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];
+  const l = c.map((y) => y instanceof Date ? y : new Date(y)).filter((y) => !isNaN(y.getTime()));
+  if (l.length === 0) return "";
+  const a = new Date(Math.min(...l.map((y) => y.getTime()))), f = new Date(Math.max(...l.map((y) => y.getTime()))), x = (y) => y.toISOString().split("T")[0];
   return a.getTime() === f.getTime() ? x(a) : `${x(a)} – ${x(f)}`;
 }
-function Pr(c, n, i) {
+function Vr(c, n, l) {
   const a = c.columnDef;
-  if (c.id === i || a?.meta?.renderInGroupedRows || a?.meta?.aggregation === !1) return null;
+  if (c.id === l || a?.meta?.renderInGroupedRows || a?.meta?.aggregation === !1) return null;
   if (typeof a?.meta?.aggregation == "function") {
-    const R = "accessorKey" in a ? a.accessorKey : void 0;
-    return a.meta.aggregation(n, R);
+    const I = "accessorKey" in a ? a.accessorKey : void 0;
+    return a.meta.aggregation(n, I);
   }
   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 = n.map((R) => typeof y == "function" ? y(R.original, R.index) : R.original?.[y]).filter((R) => R != null);
+  const h = n.map((I) => typeof y == "function" ? y(I.original, I.index) : I.original?.[y]).filter((I) => I != null);
   if (h.length === 0) return null;
   const p = a?.meta?.aggregation;
   if (p && typeof p == "string")
     switch (p) {
       case "range":
-        return kr(h);
+        return Br(h);
       case "average":
-        return Kn(h);
+        return Qn(h);
       case "sum":
-        return Xn(h);
+        return Yn(h);
       case "count":
-        return zr(h.length);
+        return Tr(h.length);
       case "uniqueCount":
-        return Br(
+        return Pr(
           h.map(String),
           a?.meta?.label || String(c.id)
         );
       case "mostCommon":
-        return Qn(h.map(String));
+        return Zn(h.map(String));
       case "dateRange":
-        return Tr(h);
+        return Mr(h);
       default:
         return null;
     }
-  switch (Jn(n, y)) {
+  switch (Xn(n, y)) {
     case "number":
-      return kr(h);
+      return Br(h);
     case "string":
-      return Br(
+      return Pr(
         h.map(String),
         a?.meta?.label || String(c.id)
       );
     case "date":
-      return Tr(h);
+      return Mr(h);
     default:
-      return zr(h.length);
+      return Tr(h.length);
   }
 }
-function Mr({ columns: c, rows: n, showRowBorder: i = !0, showCellBorder: a = !0, skipHeader: f = !1, enableResponsiveWrapper: x = !0 }) {
+function Fr({ columns: c, rows: n, showRowBorder: l = !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__ */ 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(Er, { className: y }) }, v)) }),
-    Array.from({ length: n }).map((p, v) => /* @__PURE__ */ t(G, { showBorder: i, children: Array.from({ length: c }).map((R, D) => /* @__PURE__ */ t(
-      le,
+    !f && /* @__PURE__ */ t(G, { showBorder: l, children: Array.from({ length: c }).map((p, v) => /* @__PURE__ */ t(gt, { showBorder: a, className: "overflow-hidden", children: /* @__PURE__ */ t(kr, { className: y }) }, v)) }),
+    Array.from({ length: n }).map((p, v) => /* @__PURE__ */ t(G, { showBorder: l, children: Array.from({ length: c }).map((I, k) => /* @__PURE__ */ t(
+      ie,
       {
         showBorder: a,
-        showRowBorder: i,
+        showRowBorder: l,
         className: "text-body-sm overflow-hidden",
-        children: /* @__PURE__ */ t(Er, { className: h })
+        children: /* @__PURE__ */ t(kr, { className: h })
       },
-      D
+      k
     )) }, v))
   ] });
 }
-const Yn = /* @__PURE__ */ l.memo(function({
+const eo = /* @__PURE__ */ i.memo(function({
   title: n = "No data",
-  description: i = "No items to display",
+  description: l = "No items to display",
   action: a,
   customContent: f
 }) {
   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: n }),
-    i && /* @__PURE__ */ t("p", { className: "text-body-sm text-[var(--color-text-secondary)] mt-[var(--space-xs)]", children: i }),
+    l && /* @__PURE__ */ t("p", { className: "text-body-sm text-[var(--color-text-secondary)] mt-[var(--space-xs)]", children: l }),
     a && /* @__PURE__ */ t(
       Pe,
       {
@@ -231,15 +231,15 @@ const Yn = /* @__PURE__ */ l.memo(function({
       }
     )
   ] });
-}), Zn = /* @__PURE__ */ l.memo(function({
+}), to = /* @__PURE__ */ i.memo(function({
   title: n = "No results found",
-  description: i = "Try adjusting your search or filters",
+  description: l = "Try adjusting your search or filters",
   action: a,
   customContent: f
 }) {
   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: n }),
-    i && /* @__PURE__ */ t("p", { className: "text-body-sm text-[var(--color-text-secondary)] mt-[var(--space-xs)]", children: i }),
+    l && /* @__PURE__ */ t("p", { className: "text-body-sm text-[var(--color-text-secondary)] mt-[var(--space-xs)]", children: l }),
     a && /* @__PURE__ */ t(
       Pe,
       {
@@ -251,30 +251,30 @@ const Yn = /* @__PURE__ */ l.memo(function({
       }
     )
   ] });
-}), eo = /* @__PURE__ */ l.memo(function({
+}), ro = /* @__PURE__ */ i.memo(function({
   error: n,
-  onRetry: i,
+  onRetry: l,
   customContent: a
 }) {
   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: n?.message || "An error occurred while loading data" }),
-    i && /* @__PURE__ */ t(
+    l && /* @__PURE__ */ t(
       Pe,
       {
         variant: "default",
         size: "s",
         className: "mt-[var(--space-m)]",
-        onClick: i,
+        onClick: l,
         children: "Try again"
       }
     )
   ] });
-}), to = /* @__PURE__ */ l.memo(function() {
+}), so = /* @__PURE__ */ i.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" }) });
-}), ro = /* @__PURE__ */ l.memo(function({
+}), no = /* @__PURE__ */ i.memo(function({
   table: n,
-  searchKey: i,
+  searchKey: l,
   searchPlaceholder: a = "Search...",
   enableGlobalSearch: f = !1,
   globalSearchPlaceholder: x = "Search all columns...",
@@ -282,16 +282,16 @@ const Yn = /* @__PURE__ */ l.memo(function({
   onGlobalFilterChange: h,
   enableGlobalFaceting: p = !1,
   enableGrouping: v = !1,
-  showSettingsMenu: R = !1,
-  enableAutocomplete: D = !1,
+  showSettingsMenu: I = !1,
+  enableAutocomplete: k = !1,
   autocompleteSuggestions: T = [],
   autocompleteMinCharacters: C = 2
 }) {
   const A = n.getState().columnFilters.length > 0 || f && y.length > 0;
   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(
-        Dn,
+      f && h && /* @__PURE__ */ t(ee, { children: k && T.length > 0 ? /* @__PURE__ */ t(
+        zn,
         {
           value: y,
           onValueChange: h,
@@ -302,7 +302,7 @@ const Yn = /* @__PURE__ */ l.memo(function({
           onSelect: h
         }
       ) : /* @__PURE__ */ t(
-        ft,
+        mt,
         {
           placeholder: x,
           value: y,
@@ -310,17 +310,17 @@ const Yn = /* @__PURE__ */ l.memo(function({
           className: "h-8 w-[150px] lg:w-[250px]"
         }
       ) }),
-      i && !f && /* @__PURE__ */ t(
-        ft,
+      l && !f && /* @__PURE__ */ t(
+        mt,
         {
           placeholder: a,
-          value: n.getColumn(i)?.getFilterValue() ?? "",
-          onChange: (M) => n.getColumn(i)?.setFilterValue(M.target.value),
+          value: n.getColumn(l)?.getFilterValue() ?? "",
+          onChange: (M) => n.getColumn(l)?.setFilterValue(M.target.value),
           className: "h-8 w-[150px] lg:w-[250px]"
         }
       ),
-      n.getAllColumns().filter((M) => M.getCanFilter() && M.columnDef.meta?.filterVariant).map((M) => /* @__PURE__ */ t(no, { column: M }, M.id)),
-      p && /* @__PURE__ */ t(so, { table: n }),
+      n.getAllColumns().filter((M) => M.getCanFilter() && M.columnDef.meta?.filterVariant).map((M) => /* @__PURE__ */ t(ao, { column: M }, M.id)),
+      p && /* @__PURE__ */ t(oo, { table: n }),
       A && /* @__PURE__ */ b(
         Pe,
         {
@@ -331,27 +331,27 @@ const Yn = /* @__PURE__ */ l.memo(function({
           className: "h-8 px-2 lg:px-3",
           children: [
             "Reset",
-            /* @__PURE__ */ t(W, { name: Vt, className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ t(W, { name: $t, className: "ml-2 h-4 w-4" })
           ]
         }
       )
     ] }),
-    R && /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ t(qr, { table: n, enableGrouping: v }) })
+    I && /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ t(Jr, { table: n, enableGrouping: v }) })
   ] });
-}), so = /* @__PURE__ */ l.memo(function({ table: n }) {
-  const [i, a] = l.useState([]), f = n.getAllColumns().filter(
+}), oo = /* @__PURE__ */ i.memo(function({ table: n }) {
+  const [l, a] = i.useState([]), f = n.getAllColumns().filter(
     (h) => h.columnDef.meta?.filterOptions && h.getCanFilter()
-  ), x = l.useMemo(() => {
+  ), x = i.useMemo(() => {
     const h = /* @__PURE__ */ new Map();
     return f.forEach((p) => {
-      const v = p.getFacetedUniqueValues(), R = p.columnDef.meta?.filterOptions || [], D = p.columnDef.meta?.label || p.columnDef.header;
+      const v = p.getFacetedUniqueValues(), I = p.columnDef.meta?.filterOptions || [], k = p.columnDef.meta?.label || p.columnDef.header;
       v.forEach((T, C) => {
-        const A = R.find((M) => M.value === C);
+        const A = I.find((M) => M.value === C);
         if (A && T > 0) {
-          const M = `${D}:${C}`;
+          const M = `${k}:${C}`;
           h.set(M, {
             count: T,
-            column: D,
+            column: k,
             label: A.label
           });
         }
@@ -362,39 +362,39 @@ const Yn = /* @__PURE__ */ l.memo(function({
       ...v
     })).sort((p, v) => v.count - p.count);
   }, [f]), y = (h) => {
-    const p = i.includes(h) ? i.filter((v) => v !== h) : [...i, h];
+    const p = l.includes(h) ? l.filter((v) => v !== h) : [...l, h];
     a(p), f.forEach((v) => {
-      const R = v.columnDef.meta?.filterOptions || [], D = p.filter(
-        (T) => R.some((C) => C.value === T)
+      const I = v.columnDef.meta?.filterOptions || [], k = p.filter(
+        (T) => I.some((C) => C.value === T)
       );
-      D.length > 0 ? v.columnDef.meta?.filterVariant === "multiselect" ? v.setFilterValue(D) : v.columnDef.meta?.filterVariant === "select" && v.setFilterValue(D[0]) : v.setFilterValue(void 0);
+      k.length > 0 ? v.columnDef.meta?.filterVariant === "multiselect" ? v.setFilterValue(k) : v.columnDef.meta?.filterVariant === "select" && v.setFilterValue(k[0]) : v.setFilterValue(void 0);
     });
   };
-  return x.length === 0 ? null : /* @__PURE__ */ b($r, { children: [
-    /* @__PURE__ */ t(jr, { asChild: !0, children: /* @__PURE__ */ b(Pe, { variant: "ghost", size: "s", className: "h-8 border-dashed", children: [
-      /* @__PURE__ */ t(W, { name: An, className: "mr-2 h-4 w-4" }),
+  return x.length === 0 ? null : /* @__PURE__ */ b(Ar, { children: [
+    /* @__PURE__ */ t(Lr, { asChild: !0, children: /* @__PURE__ */ b(Pe, { variant: "ghost", size: "s", className: "h-8 border-dashed", children: [
+      /* @__PURE__ */ t(W, { name: On, className: "mr-2 h-4 w-4" }),
       "Global Faceting",
-      i.length > 0 && /* @__PURE__ */ b(ee, { children: [
+      l.length > 0 && /* @__PURE__ */ b(ee, { children: [
         /* @__PURE__ */ t("div", { className: "mx-2 h-4 w-px bg-[var(--color-border-primary)]" }),
         /* @__PURE__ */ b(xe, { className: "rounded-[var(--border-radius-s)] px-1 font-normal", children: [
-          i.length,
+          l.length,
           " selected"
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ t(Ar, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ b(Lr, { children: [
-      /* @__PURE__ */ t(Or, { placeholder: "Search values across all columns..." }),
-      /* @__PURE__ */ b(Hr, { children: [
-        /* @__PURE__ */ t(Wr, { children: "No results found" }),
-        /* @__PURE__ */ t(Gr, { children: x.map((h) => {
-          const p = i.includes(h.value);
+    /* @__PURE__ */ t(Or, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ b(Hr, { children: [
+      /* @__PURE__ */ t(Wr, { placeholder: "Search values across all columns..." }),
+      /* @__PURE__ */ b(Gr, { children: [
+        /* @__PURE__ */ t(_r, { children: "No results found" }),
+        /* @__PURE__ */ t(qr, { children: x.map((h) => {
+          const p = l.includes(h.value);
           return /* @__PURE__ */ t(
-            _r,
+            Ur,
             {
               onSelect: () => y(h.value),
               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__ */ t(ht, { checked: p }),
                   /* @__PURE__ */ b("div", { className: "flex flex-col", children: [
                     /* @__PURE__ */ t("span", { className: "text-body-sm", children: h.label }),
                     /* @__PURE__ */ b("span", { className: "text-caption-sm text-[var(--color-text-secondary)]", children: [
@@ -412,24 +412,24 @@ const Yn = /* @__PURE__ */ l.memo(function({
       ] })
     ] }) })
   ] });
-}), no = /* @__PURE__ */ l.memo(function({ column: n }) {
-  const { filterVariant: i, filterOptions: a, label: f, placeholder: x } = n.columnDef.meta || {}, y = n.getFilterValue(), h = n.getFacetedUniqueValues();
-  if (i === "select" && a)
+}), ao = /* @__PURE__ */ i.memo(function({ column: n }) {
+  const { filterVariant: l, filterOptions: a, label: f, placeholder: x } = n.columnDef.meta || {}, y = n.getFilterValue(), h = n.getFacetedUniqueValues();
+  if (l === "select" && a)
     return /* @__PURE__ */ b(
-      Tn,
+      Mn,
       {
         value: y || "all",
         onValueChange: (p) => n.setFilterValue(p === "all" ? "" : p),
         children: [
-          /* @__PURE__ */ t(Pn, { className: "h-8 w-[150px]", children: /* @__PURE__ */ t(Mn, { placeholder: x || `Filter ${f}` }) }),
-          /* @__PURE__ */ b(Vn, { children: [
-            /* @__PURE__ */ b(Nr, { value: "all", children: [
+          /* @__PURE__ */ t(Vn, { className: "h-8 w-[150px]", children: /* @__PURE__ */ t(Fn, { placeholder: x || `Filter ${f}` }) }),
+          /* @__PURE__ */ b($n, { children: [
+            /* @__PURE__ */ b(Ir, { value: "all", children: [
               "All ",
               f
             ] }),
             a.map((p) => {
               const v = h.get(p.value) || 0;
-              return /* @__PURE__ */ t(Nr, { value: p.value, children: /* @__PURE__ */ b("div", { className: "flex items-center justify-between w-full gap-2", children: [
+              return /* @__PURE__ */ t(Ir, { 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
@@ -441,11 +441,11 @@ const Yn = /* @__PURE__ */ l.memo(function({
         ]
       }
     );
-  if (i === "multiselect" && a) {
+  if (l === "multiselect" && a) {
     const p = y || [];
-    return /* @__PURE__ */ b($r, { children: [
-      /* @__PURE__ */ t(jr, { asChild: !0, children: /* @__PURE__ */ b(Pe, { variant: "ghost", size: "s", className: "h-8 border-dashed", children: [
-        /* @__PURE__ */ t(W, { name: Fn, className: "mr-2 h-4 w-4" }),
+    return /* @__PURE__ */ b(Ar, { children: [
+      /* @__PURE__ */ t(Lr, { asChild: !0, children: /* @__PURE__ */ b(Pe, { variant: "ghost", size: "s", className: "h-8 border-dashed", children: [
+        /* @__PURE__ */ t(W, { name: jn, className: "mr-2 h-4 w-4" }),
         f,
         p.length > 0 && /* @__PURE__ */ b(ee, { children: [
           /* @__PURE__ */ t("div", { className: "mx-2 h-4 w-px bg-[var(--color-border-primary)]" }),
@@ -456,26 +456,26 @@ const Yn = /* @__PURE__ */ l.memo(function({
           ] }) : a.filter((v) => p.includes(v.value)).map((v) => /* @__PURE__ */ t(xe, { className: "rounded-[var(--border-radius-s)] px-1 font-normal", children: v.label }, v.value)) })
         ] })
       ] }) }),
-      /* @__PURE__ */ t(Ar, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ b(Lr, { children: [
-        /* @__PURE__ */ t(Or, { placeholder: x || `Search ${f}...` }),
-        /* @__PURE__ */ b(Hr, { children: [
-          /* @__PURE__ */ t(Wr, { children: "No results found" }),
-          /* @__PURE__ */ t(Gr, { children: a.map((v) => {
-            const R = p.includes(v.value), D = h.get(v.value) || 0;
+      /* @__PURE__ */ t(Or, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ b(Hr, { children: [
+        /* @__PURE__ */ t(Wr, { placeholder: x || `Search ${f}...` }),
+        /* @__PURE__ */ b(Gr, { children: [
+          /* @__PURE__ */ t(_r, { children: "No results found" }),
+          /* @__PURE__ */ t(qr, { children: a.map((v) => {
+            const I = p.includes(v.value), k = h.get(v.value) || 0;
             return /* @__PURE__ */ t(
-              _r,
+              Ur,
               {
                 onSelect: () => {
-                  const T = R ? p.filter((C) => C !== v.value) : [...p, v.value];
+                  const T = I ? p.filter((C) => C !== v.value) : [...p, v.value];
                   n.setFilterValue(T.length ? T : void 0);
                 },
                 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 }),
+                    /* @__PURE__ */ t(ht, { checked: I }),
                     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 })
+                  k > 0 && /* @__PURE__ */ t(xe, { className: "ml-auto text-caption-sm px-1 py-0", children: k })
                 ] })
               },
               v.value
@@ -485,8 +485,8 @@ const Yn = /* @__PURE__ */ l.memo(function({
       ] }) })
     ] });
   }
-  return i === "number" ? /* @__PURE__ */ t(
-    ft,
+  return l === "number" ? /* @__PURE__ */ t(
+    mt,
     {
       placeholder: x || `Filter ${f}...`,
       value: y || "",
@@ -495,7 +495,7 @@ const Yn = /* @__PURE__ */ l.memo(function({
       type: "number"
     }
   ) : /* @__PURE__ */ t(
-    ft,
+    mt,
     {
       placeholder: x || `Filter ${f}...`,
       value: y || "",
@@ -503,7 +503,7 @@ const Yn = /* @__PURE__ */ l.memo(function({
       className: "h-8 w-[150px]"
     }
   );
-}), oo = /* @__PURE__ */ l.memo(function({ header: n, enableColumnOrdering: i, children: a }) {
+}), io = /* @__PURE__ */ i.memo(function({ header: n, enableColumnOrdering: l, children: a }) {
   const {
     attributes: f,
     listeners: x,
@@ -511,27 +511,27 @@ const Yn = /* @__PURE__ */ l.memo(function({
     transform: h,
     transition: p,
     isDragging: v
-  } = In({
+  } = Dn({
     id: n.id,
-    disabled: !i
-  }), R = {
-    transform: En.Translate.toString(h),
+    disabled: !l
+  }), I = {
+    transform: kn.Translate.toString(h),
     // Only translate, no scale
     transition: p,
     opacity: v ? 0.5 : 1
   };
-  return i ? /* @__PURE__ */ b(
+  return l ? /* @__PURE__ */ b(
     "div",
     {
       ref: y,
-      style: R,
+      style: I,
       className: V(
         "relative flex items-center",
         v && "z-50"
       ),
       children: [
         /* @__PURE__ */ t("div", { className: "flex-1", children: a }),
-        i && /* @__PURE__ */ t(
+        l && /* @__PURE__ */ t(
           "div",
           {
             className: "ml-2 p-1 !cursor-grab active:!cursor-grabbing hover:bg-[var(--color-background-neutral-subtlest-hovered)] rounded-[var(--border-radius-s)] transition-colors",
@@ -540,7 +540,7 @@ const Yn = /* @__PURE__ */ l.memo(function({
             children: /* @__PURE__ */ t(
               W,
               {
-                name: $n,
+                name: An,
                 className: "h-3 w-3 text-[var(--color-text-tertiary)]"
               }
             )
@@ -549,44 +549,44 @@ const Yn = /* @__PURE__ */ l.memo(function({
       ]
     }
   ) : /* @__PURE__ */ t(ee, { children: a });
-}), qr = /* @__PURE__ */ l.memo(function({ table: n, enableGrouping: i = !1 }) {
-  const a = n.getAllColumns().filter((N) => N.getCanSort()).map((N) => ({
-    id: N.id,
-    label: N.columnDef.meta?.label || N.columnDef.header || N.id
-  })), f = n.getAllColumns().filter((N) => N.getCanGroup?.() || N.columnDef.enableGrouping).map((N) => ({
-    id: N.id,
-    label: N.columnDef.meta?.label || N.columnDef.header || N.id
-  })), x = n.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) => n.getColumn(N.id)?.getIsVisible()).map((N) => N.id), h = n.getState().sorting[0], p = h?.id, v = h?.desc ? "desc" : "asc", D = n.getState().grouping[0] || "";
+}), Jr = /* @__PURE__ */ i.memo(function({ table: n, enableGrouping: l = !1 }) {
+  const a = n.getAllColumns().filter((R) => R.getCanSort()).map((R) => ({
+    id: R.id,
+    label: R.columnDef.meta?.label || R.columnDef.header || R.id
+  })), f = n.getAllColumns().filter((R) => R.getCanGroup?.() || R.columnDef.enableGrouping).map((R) => ({
+    id: R.id,
+    label: R.columnDef.meta?.label || R.columnDef.header || R.id
+  })), x = n.getAllColumns().filter((R) => typeof R.accessorFn < "u" && R.getCanHide()).map((R) => ({
+    id: R.id,
+    label: R.columnDef.meta?.label || R.columnDef.header || R.id
+  })), y = x.filter((R) => n.getColumn(R.id)?.getIsVisible()).map((R) => R.id), h = n.getState().sorting[0], p = h?.id, v = h?.desc ? "desc" : "asc", k = n.getState().grouping[0] || "";
   return /* @__PURE__ */ t(
-    On,
+    Wn,
     {
       sortableColumns: a,
       selectedSortColumn: p,
       sortDirection: v,
-      onSortChange: (N) => {
-        n.setSorting([{ id: N, desc: v === "desc" }]);
+      onSortChange: (R) => {
+        n.setSorting([{ id: R, desc: v === "desc" }]);
       },
-      onSortDirectionChange: (N) => {
-        h && n.setSorting([{ id: h.id, desc: N === "desc" }]);
+      onSortDirectionChange: (R) => {
+        h && n.setSorting([{ id: h.id, desc: R === "desc" }]);
       },
-      groupableColumns: i ? f : [],
-      selectedGroupColumn: D,
-      onGroupChange: (N) => {
-        !N || N === "none" ? n.setGrouping([]) : n.setGrouping([N]);
+      groupableColumns: l ? f : [],
+      selectedGroupColumn: k,
+      onGroupChange: (R) => {
+        !R || R === "none" ? n.setGrouping([]) : n.setGrouping([R]);
       },
       columns: x,
       visibleColumns: y,
-      onColumnVisibilityChange: (N, Ue) => {
-        n.getColumn(N)?.toggleVisibility(Ue);
+      onColumnVisibilityChange: (R, Ue) => {
+        n.getColumn(R)?.toggleVisibility(Ue);
       }
     }
   );
-}), Fo = /* @__PURE__ */ l.memo(function({
+}), jo = /* @__PURE__ */ i.memo(function({
   column: n,
-  title: i,
+  title: l,
   className: a
 }) {
   const f = n.columnDef.meta?.align || "left", x = n.columnDef.meta?.truncate !== !1, y = n.getIsSorted();
@@ -607,13 +607,13 @@ const Yn = /* @__PURE__ */ l.memo(function({
             className: "h-4 w-4 !text-[var(--color-icon-brand-bold)]"
           }
         ),
-        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("span", { children: l }) }) : /* @__PURE__ */ t("span", { children: l })
       ]
     }
-  ) : 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 });
-}), ao = /* @__PURE__ */ l.memo(function({
+  ) : x ? /* @__PURE__ */ t(Te, { align: f, children: /* @__PURE__ */ t("div", { className: V(f === "right" ? "text-right" : "text-left", a), children: l }) }) : /* @__PURE__ */ t("div", { className: V(f === "right" ? "text-right" : "text-left", a), children: l });
+}), lo = /* @__PURE__ */ i.memo(function({
   table: n,
-  enableGrouping: i = !1,
+  enableGrouping: l = !1,
   hideChildrenForSingleItemGroups: a = {},
   footerLabel: f,
   onNextPageHover: x,
@@ -621,7 +621,7 @@ const Yn = /* @__PURE__ */ l.memo(function({
   paginationVariant: h = "full",
   pageSizeOptions: p = [10, 25, 50, 100]
 }) {
-  const v = n.getState().pagination.pageIndex + 1, R = n.getState().pagination.pageSize, D = i && !n.options.manualPagination ? n.getPrePaginationRowModel().rows.filter((M) => M.depth === 0).length : n.getRowCount(), T = n.getFilteredSelectedRowModel().rows.length, C = (M) => {
+  const v = n.getState().pagination.pageIndex + 1, I = n.getState().pagination.pageSize, k = l && !n.options.manualPagination ? n.getPrePaginationRowModel().rows.filter((M) => M.depth === 0).length : n.getRowCount(), T = n.getFilteredSelectedRowModel().rows.length, C = (M) => {
     n.setPageIndex(M - 1);
   }, A = (M) => {
     n.setPageSize(M);
@@ -633,22 +633,22 @@ const Yn = /* @__PURE__ */ l.memo(function({
         "· ",
         T,
         " of ",
-        D,
+        k,
         " row(s) selected"
       ] })
     ] }) : T > 0 && /* @__PURE__ */ b("span", { children: [
       T,
       " of ",
-      D,
+      k,
       " row(s) selected."
     ] }) }),
     /* @__PURE__ */ t(
-      Ln,
+      Hn,
       {
         variant: h,
         currentPage: v,
-        totalItems: D,
-        pageSize: R,
+        totalItems: k,
+        pageSize: I,
         onPageChange: C,
         onPageSizeChange: A,
         pageSizeOptions: p,
@@ -657,14 +657,14 @@ const Yn = /* @__PURE__ */ l.memo(function({
       }
     )
   ] });
-}), lo = /* @__PURE__ */ l.memo(function({
+}), co = /* @__PURE__ */ i.memo(function({
   onLoadMore: n,
-  isLoading: i
+  isLoading: l
 }) {
-  const a = l.useRef(null);
-  return l.useEffect(() => {
+  const a = i.useRef(null);
+  return i.useEffect(() => {
     const f = a.current;
-    if (!f || i) return;
+    if (!f || l) return;
     const x = new IntersectionObserver(
       (y) => {
         y[0].isIntersecting && n();
@@ -672,26 +672,26 @@ const Yn = /* @__PURE__ */ l.memo(function({
       { threshold: 0.1 }
     );
     return x.observe(f), () => x.disconnect();
-  }, [n, i]), /* @__PURE__ */ t(
+  }, [n, l]), /* @__PURE__ */ t(
     "div",
     {
       ref: a,
       className: "flex justify-center py-[var(--space-m)] border-t border-[var(--color-border-primary-subtle)]",
-      children: i && /* @__PURE__ */ t(qe, { size: "s" })
+      children: l && /* @__PURE__ */ t(qe, { size: "s" })
     }
   );
 });
-function io(c) {
+function uo(c) {
   let n = 0;
-  const i = (a, f) => {
+  const l = (a, f) => {
     a.forEach((x) => {
-      x.depth > n && (n = x.depth), x.subRows && x.subRows.length > 0 && i(x.subRows);
+      x.depth > n && (n = x.depth), x.subRows && x.subRows.length > 0 && l(x.subRows);
     });
   };
-  return i(c), n;
+  return l(c), n;
 }
-function Vr(c, n) {
-  const { enableGrouping: i, enableExpanding: a, nestedRowStyling: f, expandingRowColors: x, maxDepth: y } = n, h = c.depth, p = c.getIsGrouped?.(), v = c.getIsExpanded(), R = c.subRows && c.subRows.length > 0, D = R ? v ? "expanded" : "collapsed" : "leaf", T = () => {
+function $r(c, n) {
+  const { enableGrouping: l, enableExpanding: a, nestedRowStyling: f, expandingRowColors: x, maxDepth: y } = n, h = c.depth, p = c.getIsGrouped?.(), v = c.getIsExpanded(), I = c.subRows && c.subRows.length > 0, k = I ? v ? "expanded" : "collapsed" : "leaf", T = () => {
     let C = c;
     for (; C; ) {
       if (C.getIsExpanded()) return !0;
@@ -704,11 +704,11 @@ function Vr(c, n) {
     if (typeof C == "string")
       return C;
     if (typeof C == "object") {
-      if (D === "expanded" && C.expanded)
+      if (k === "expanded" && C.expanded)
         return C.expanded;
-      if (D === "collapsed" && C.collapsed)
+      if (k === "collapsed" && C.collapsed)
         return C.collapsed;
-      if (D === "leaf" && C.leaf)
+      if (k === "leaf" && C.leaf)
         return C.leaf;
       if (C.default)
         return C.default;
@@ -725,9 +725,9 @@ function Vr(c, n) {
         return x.collapsedParent;
     }
   }
-  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)" : "";
+  return p ? v ? "var(--blue-50)" : "var(--color-background-neutral-subtlest)" : l && h === 1 ? "var(--blue-25)" : a && !p ? h === 0 && (!I || !T()) ? "" : (y - h) % 2 === 0 ? "var(--blue-25)" : "var(--blue-50)" : "";
 }
-function co(c, n) {
+function fo(c, n) {
   if (n) {
     if (n.heights && n.heights[c] !== void 0)
       return n.heights[c];
@@ -735,8 +735,8 @@ function co(c, n) {
       return n.defaultHeight;
   }
 }
-function Fr(c, n, i, a, f, x) {
-  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(
+function jr(c, n, l, 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(
     "button",
     {
       tabIndex: -1,
@@ -753,44 +753,44 @@ function Fr(c, n, i, a, f, x) {
   ) : (
     // Spacer to maintain alignment when there's only 1 item
     /* @__PURE__ */ t("div", { className: "h-[var(--size-s)] w-[var(--size-s)]" })
-  ), D = c.subRows.length > 1 ? /* @__PURE__ */ t(xe, { appearance: "subtle", size: "s", truncate: !1, children: c.subRows.length }) : null;
-  if (i) {
-    const T = n.getAllColumns().find((C) => C.id === i);
+  ), k = c.subRows.length > 1 ? /* @__PURE__ */ t(xe, { appearance: "subtle", size: "s", truncate: !1, children: c.subRows.length }) : null;
+  if (l) {
+    const T = n.getAllColumns().find((C) => C.id === l);
     if (T) {
       const C = T.columnDef;
       if (C.aggregatedCell) {
-        const A = c.getAllCells().find((M) => M.column.id === i);
+        const A = c.getAllCells().find((M) => M.column.id === l);
         return /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)] font-medium text-[var(--color-text-primary)]", children: [
-          R,
+          I,
           /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)]", children: [
             A ? be(C.aggregatedCell, A.getContext()) : null,
-            D
+            k
           ] })
         ] });
       } else {
-        const A = c.subRows[0]?.original?.[i];
+        const A = c.subRows[0]?.original?.[l];
         return /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)] font-medium text-[var(--color-text-primary)]", children: [
-          R,
+          I,
           /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)]", children: [
             /* @__PURE__ */ t("span", { className: "font-medium", children: String(A) }),
-            D
+            k
           ] })
         ] });
       }
     }
   }
   return /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)] font-medium text-[var(--color-text-primary)]", children: [
-    R,
+    I,
     /* @__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
+      k
     ] })
   ] });
 }
-function $o({
+function Ao({
   columns: c,
   data: n,
-  searchKey: i,
+  searchKey: l,
   searchPlaceholder: a,
   title: f,
   caption: x,
@@ -798,128 +798,130 @@ function $o({
   stickyHeader: h = !1,
   stickyFirstColumn: p = !1,
   stickyLeftColumns: v = 0,
-  stickyRightColumns: R = 0,
-  enableResponsiveWrapper: D = !0,
+  stickyRightColumns: I = 0,
+  enableResponsiveWrapper: k = !0,
   showScrollIndicators: T = !1,
   minTableWidth: C = "900px",
   isLoading: A = !1,
   loadingBehavior: M = "replace",
-  loadingRowCount: N = 10,
+  loadingRowCount: R = 10,
   borderStyle: Ue = "both",
   defaultVerticalAlign: Ie = "middle",
-  enableGlobalSearch: ie = !1,
-  globalSearchPlaceholder: Ur = "Search all columns...",
-  enableAutocomplete: mt = !1,
+  enableGlobalSearch: le = !1,
+  globalSearchPlaceholder: Kr = "Search all columns...",
+  enableAutocomplete: pt = !1,
   globalSearchColumns: Je,
-  autocompleteMinCharacters: Jr = 2,
-  enableGlobalFaceting: Kr = !1,
+  autocompleteMinCharacters: Xr = 2,
+  enableGlobalFaceting: Qr = !1,
   enableColumnResizing: te = !1,
-  columnResizeMode: Xr = "onChange",
+  columnResizeMode: Yr = "onChange",
   enableColumnResizePersistence: Ke = !1,
-  enablePaginationPersistence: ht = !1,
+  enablePaginationPersistence: vt = !1,
   storageKey: Y = "data-table-columns",
   enableExpanding: _ = !1,
-  getSubRows: Qr,
+  getSubRows: Zr,
   expandingRowColors: O,
-  nestedRowStyling: pt,
+  nestedRowStyling: bt,
   enableGrouping: z = !1,
-  groupedColumnMode: Yr = !1,
-  enableManualGrouping: Zr = !1,
+  groupedColumnMode: es = !1,
+  enableManualGrouping: ts = !1,
   groupDisplayColumn: Xe,
   hideChildrenForSingleItemGroups: ye = {},
-  hideExpanderForSingleItemGroups: Ft = {},
+  hideExpanderForSingleItemGroups: jt = {},
   enableRowPinning: Ee = !1,
-  keepPinnedRows: $t = !0,
-  enableVirtualization: es = !1,
+  keepPinnedRows: At = !0,
+  enableVirtualization: rs = !1,
   // virtualContainerHeight = 600,
   // virtualRowHeight = 40,
   // virtualOverscan = 10,
   nestedHeaders: Qe = [],
-  enableNestedHeaders: ts = !1,
+  enableNestedHeaders: ss = !1,
   enableColumnOrdering: Ye = !1,
   enableRowSelection: fe = !1,
   showHeader: Me = !0,
-  showPagination: vt = !0,
-  paginationVariant: rs = "full",
-  pageSizeOptions: ss = [10, 25, 50, 100],
-  footerLabel: ns,
-  onTableReady: bt,
+  showPagination: xt = !0,
+  paginationVariant: ns = "full",
+  pageSizeOptions: os = [10, 25, 50, 100],
+  footerLabel: as,
+  onTableReady: yt,
   initialState: Ve,
   // Controlled state props
-  sorting: jt,
-  onSortingChange: os,
-  columnVisibility: At,
-  onColumnVisibilityChange: as,
-  grouping: Lt,
-  onGroupingChange: ls,
-  columnOrder: Ot,
-  onColumnOrderChange: is,
-  columnSizing: xt,
-  onColumnSizingChange: cs,
-  pagination: Ht,
-  onPaginationChange: ds,
+  sorting: Lt,
+  onSortingChange: is,
+  columnVisibility: Ot,
+  onColumnVisibilityChange: ls,
+  grouping: Ht,
+  onGroupingChange: cs,
+  columnOrder: Wt,
+  onColumnOrderChange: ds,
+  columnSizing: Ct,
+  onColumnSizingChange: us,
+  pagination: Gt,
+  onPaginationChange: fs,
   expanded: Ce,
-  onExpandedChange: yt,
-  renderSectionHeaderRow: Wt,
+  onExpandedChange: wt,
+  renderSectionHeaderRow: _t,
   renderSubComponent: J,
-  getRowCanExpand: us,
-  autoExpandChildren: Gt = !1,
+  getRowCanExpand: gs,
+  autoExpandChildren: qt = !1,
   // Row click props
   onRowClick: K,
+  onRowMouseEnter: Ze,
+  onRowMouseLeave: et,
   isRowClickable: we,
-  clickableRowClassName: _t,
-  groupPreservingSearch: Ze = !1,
+  clickableRowClassName: Ut,
+  groupPreservingSearch: tt = !1,
   // Active row props
   activeRowId: Fe,
-  activeRowClassName: qt,
-  getRowId: Ct,
-  onActiveRowChange: Ut,
+  activeRowClassName: Jt,
+  getRowId: St,
+  onActiveRowChange: Kt,
   // Callback props
-  onRowSelectionChange: wt,
-  onNextPageHover: fs,
-  onPreviousPageHover: gs,
-  onRowUpdate: uo,
+  onRowSelectionChange: Nt,
+  onNextPageHover: ms,
+  onPreviousPageHover: hs,
+  onRowUpdate: go,
   // Infinite scroll props
-  onLoadMore: Jt,
-  hasMoreData: ms,
-  isLoadingMore: hs,
+  onLoadMore: Xt,
+  hasMoreData: ps,
+  isLoadingMore: vs,
   // Error handling props
-  error: Kt,
-  onRetry: ps,
-  errorComponent: vs,
+  error: Qt,
+  onRetry: bs,
+  errorComponent: xs,
   // Empty state props
-  emptyState: bs,
-  emptyStateTitle: xs = "No data",
-  emptyStateDescription: ys = "No items to display",
-  emptyStateAction: Cs,
+  emptyState: ys,
+  emptyStateTitle: Cs = "No data",
+  emptyStateDescription: ws = "No items to display",
+  emptyStateAction: Ss,
   // No results state props
-  noResultsState: ws,
-  noResultsTitle: Ss = "No results found",
-  noResultsDescription: Ns = "Try adjusting your search or filters",
-  noResultsAction: Rs,
+  noResultsState: Ns,
+  noResultsTitle: Rs = "No results found",
+  noResultsDescription: Is = "Try adjusting your search or filters",
+  noResultsAction: Es,
   // Refetching props
-  isRefetching: Is = !1,
+  isRefetching: Ds = !1,
   // Server-side mode props
-  manualSorting: Xt = !1,
-  manualFiltering: Qt = !1,
-  manualPagination: et = !1,
-  rowCount: Es,
+  manualSorting: Yt = !1,
+  manualFiltering: Zt = !1,
+  manualPagination: rt = !1,
+  rowCount: ks,
   // Server-side expansion props
-  manualExpanding: Yt = !1,
-  onLoadChildren: tt,
-  expandingRowsLoading: rt,
-  subComponentLoading: st,
+  manualExpanding: er = !1,
+  onLoadChildren: st,
+  expandingRowsLoading: nt,
+  subComponentLoading: ot,
   onSubComponentLoad: De,
   // Server-side error handling props
-  expandingRowsError: fo,
-  subComponentError: Zt,
+  expandingRowsError: mo,
+  subComponentError: tr,
   onExpandError: $e
 }) {
-  const nt = D || !!(v && v > 0) || !!(R && R > 0), [Ds, ks] = l.useState([]), [zs, Bs] = l.useState({}), [Ts, Ps] = l.useState(Ve?.grouping || []), [Ms, Vs] = l.useState(() => {
+  const at = k || !!(v && v > 0) || !!(I && I > 0), [zs, Bs] = i.useState([]), [Ts, Ps] = i.useState({}), [Ms, Vs] = i.useState(Ve?.grouping || []), [Fs, $s] = i.useState(() => {
     const e = c.map((r) => r.id || r.accessorKey || `column-${Math.random()}`);
     return fe ? ["select", ...e] : e;
-  }), [Fs, $s] = l.useState(xt || Ve?.columnSizing || {}), [js, As] = l.useState(() => {
-    if (ht && Y) {
+  }), [js, As] = i.useState(Ct || Ve?.columnSizing || {}), [Ls, Os] = i.useState(() => {
+    if (vt && Y) {
       const e = localStorage.getItem(`${Y}-pagination`);
       if (e)
         try {
@@ -931,27 +933,27 @@ function $o({
         }
     }
     return Ve?.pagination || { pageIndex: 0, pageSize: 10 };
-  }), [er, Ls] = l.useState([]), [ke, Os] = l.useState({}), [St, tr] = l.useState(""), [Hs, rr] = l.useState(Ve?.expanded || {}), [Ws, Gs] = l.useState(Ve?.rowPinning || { top: [], bottom: [] }), [_s, 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(() => () => {
+  }), [rr, Hs] = i.useState([]), [ke, Ws] = i.useState({}), [Rt, sr] = i.useState(""), [Gs, nr] = i.useState(Ve?.expanded || {}), [_s, qs] = i.useState(Ve?.rowPinning || { top: [], bottom: [] }), [Us, it] = i.useState(""), [X, It] = i.useState([-1, 0]), Et = i.useRef(null), je = i.useRef(/* @__PURE__ */ new Map()), Ae = i.useRef(/* @__PURE__ */ new Map());
+  i.useEffect(() => () => {
     je.current.forEach((e) => e.abort()), Ae.current.forEach((e) => e.abort());
-  }, []), l.useEffect(() => {
-    wt && wt(ke);
-  }, [ke, wt]), l.useEffect(() => {
-    Ut?.(Fe);
-  }, [Fe, Ut]);
-  const sr = jt !== void 0, nr = At !== void 0, or = Lt !== void 0, ar = Ot !== void 0, lr = xt !== void 0, ir = Ht !== void 0, It = Ce !== void 0, ge = sr ? jt : Ds, qs = nr ? At : zs, me = or ? Lt : Ts, Le = ar ? Ot : Ms, at = lr ? xt : Fs, re = ir ? Ht : js, Q = It ? Ce : Hs, Us = sr ? os : ks, Js = nr ? as : Bs, Ks = or ? ls : Ps, cr = ar ? is : Vs, dr = lr ? cs : $s, Xs = ir ? ds : As, Et = l.useCallback(
+  }, []), i.useEffect(() => {
+    Nt && Nt(ke);
+  }, [ke, Nt]), i.useEffect(() => {
+    Kt?.(Fe);
+  }, [Fe, Kt]);
+  const or = Lt !== void 0, ar = Ot !== void 0, ir = Ht !== void 0, lr = Wt !== void 0, cr = Ct !== void 0, dr = Gt !== void 0, Dt = Ce !== void 0, ge = or ? Lt : zs, Js = ar ? Ot : Ts, me = ir ? Ht : Ms, Le = lr ? Wt : Fs, lt = cr ? Ct : js, re = dr ? Gt : Ls, Q = Dt ? Ce : Gs, Ks = or ? is : Bs, Xs = ar ? ls : Ps, Qs = ir ? cs : Vs, ur = lr ? ds : $s, fr = cr ? us : As, Ys = dr ? fs : Os, kt = i.useCallback(
     (e) => {
       const r = typeof e == "object" && e !== null && !(e instanceof Function) && Object.keys(e).length === 0;
-      if (It && yt) {
+      if (Dt && wt) {
         if (r && (Ce === !0 || typeof Ce == "object" && Ce !== null && Object.keys(Ce).length > 0))
           return;
-        yt(e);
+        wt(e);
       } else
-        rr(r ? (s) => s === !0 || typeof s == "object" && s !== null && Object.keys(s).length > 0 ? s : e : e);
+        nr(r ? (s) => s === !0 || typeof s == "object" && s !== null && Object.keys(s).length > 0 ? s : e : e);
     },
-    [It, yt, Ce]
-  ), Qs = l.useMemo(() => N !== void 0 && N !== 10 ? N : re.pageSize, [N, re.pageSize]), L = qn(St, 300), Ys = l.useMemo(() => {
-    if (!mt || !ie)
+    [Dt, wt, Ce]
+  ), Zs = i.useMemo(() => R !== void 0 && R !== 10 ? R : re.pageSize, [R, re.pageSize]), L = Jn(Rt, 300), en = i.useMemo(() => {
+    if (!pt || !le)
       return [];
     const e = /* @__PURE__ */ new Set();
     return n.forEach((r) => {
@@ -962,7 +964,7 @@ function $o({
         s != null && String(s).trim() !== "" && e.add(String(s));
       });
     }), Array.from(e).sort();
-  }, [n, Je, mt, ie]), ur = l.useCallback((e, r, s) => {
+  }, [n, Je, pt, le]), gr = i.useCallback((e, r, s) => {
     if (!e || !r || r.length === 0)
       return () => !0;
     const u = e.toLowerCase(), g = /* @__PURE__ */ new Set();
@@ -988,22 +990,22 @@ function $o({
       return !1;
     };
   }, []);
-  l.useEffect(() => {
+  i.useEffect(() => {
     if (Ke && Y) {
       const e = localStorage.getItem(`${Y}-sizing`);
       if (e)
         try {
-          dr(JSON.parse(e));
+          fr(JSON.parse(e));
         } catch (r) {
           console.warn("Failed to parse saved column sizing:", r);
         }
     }
-  }, [Ke, Y]), l.useEffect(() => {
-    Ke && Y && Object.keys(at).length > 0 && localStorage.setItem(`${Y}-sizing`, JSON.stringify(at));
-  }, [at, Ke, Y]), l.useEffect(() => {
-    ht && Y && localStorage.setItem(`${Y}-pagination`, JSON.stringify(re));
-  }, [re, ht, Y]);
-  const E = l.useMemo(() => {
+  }, [Ke, Y]), i.useEffect(() => {
+    Ke && Y && Object.keys(lt).length > 0 && localStorage.setItem(`${Y}-sizing`, JSON.stringify(lt));
+  }, [lt, Ke, Y]), i.useEffect(() => {
+    vt && Y && localStorage.setItem(`${Y}-pagination`, JSON.stringify(re));
+  }, [re, vt, Y]);
+  const E = i.useMemo(() => {
     switch (Ue) {
       case "horizontal":
         return { showRowBorder: !0, showCellBorder: !1 };
@@ -1016,7 +1018,7 @@ function $o({
       default:
         return { showRowBorder: !0, showCellBorder: !0 };
     }
-  }, [Ue]), Dt = l.useCallback((e, r) => {
+  }, [Ue]), zt = i.useCallback((e, r) => {
     if (!K) return;
     const s = r.target;
     if (!(s.tagName === "BUTTON" || s.tagName === "A" || s.tagName === "INPUT" || s.closest("button") || s.closest("a") || s.closest("input")) && !(we && !we(e))) {
@@ -1026,17 +1028,17 @@ function $o({
       }
       K(e, r);
     }
-  }, [K, we, ye]), Se = l.useCallback((e) => {
+  }, [K, we, ye]), Se = i.useCallback((e) => {
     if (!K) return !1;
     if (we) return we(e);
     if (!e.getIsGrouped()) return !0;
     const s = e.groupingColumnId;
     return (ye[s] ?? !1) && e.subRows && e.subRows.length === 1;
-  }, [K, we, ye]), fr = (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) => {
+  }, [K, we, ye]), mr = (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 = i.useCallback((e) => {
     if (!Fe) return !1;
-    const r = Ct ? e.id : e.original?.id !== void 0 ? e.original.id : e.id;
+    const r = St ? e.id : e.original?.id !== void 0 ? e.original.id : e.id;
     return String(r) === String(Fe);
-  }, [Fe, Ct]), Oe = l.useMemo(() => p ? 1 : v || 0, [p, v]), Ne = l.useMemo(() => R || 0, [R]), gr = l.useMemo(() => {
+  }, [Fe, St]), Oe = i.useMemo(() => p ? 1 : v || 0, [p, v]), Ne = i.useMemo(() => I || 0, [I]), hr = i.useMemo(() => {
     const e = /* @__PURE__ */ new Set();
     return c.forEach((r) => {
       if (r.cell) {
@@ -1044,7 +1046,7 @@ function $o({
         s && e.add(String(s));
       }
     }), e;
-  }, [c]), kt = l.useMemo(() => {
+  }, [c]), Bt = i.useMemo(() => {
     const e = c.map((r) => {
       let s = {
         ...r,
@@ -1067,7 +1069,7 @@ function $o({
       maxSize: 48,
       enableResizing: !1,
       header: ({ table: s }) => /* @__PURE__ */ t(
-        gt,
+        ht,
         {
           tabIndex: -1,
           checked: s.getIsAllPageRowsSelected() || s.getIsSomePageRowsSelected() && "indeterminate",
@@ -1076,7 +1078,7 @@ function $o({
         }
       ),
       cell: ({ row: s }) => /* @__PURE__ */ t(
-        gt,
+        ht,
         {
           tabIndex: -1,
           checked: s.getIsSelected(),
@@ -1091,95 +1093,95 @@ function $o({
         label: "Select"
       }
     }, ...e] : e;
-  }, [c, fe]), zt = l.useMemo(() => n, [n]), Zs = l.useMemo(() => !Ze || !L ? Dr : ur(L, me, zt), [Ze, L, me, zt, ur]), w = ln({
-    data: zt,
-    columns: kt,
-    getRowId: Ct,
+  }, [c, fe]), Tt = i.useMemo(() => n, [n]), tn = i.useMemo(() => !tt || !L ? zr : gr(L, me, Tt), [tt, L, me, Tt, gr]), w = dn({
+    data: Tt,
+    columns: Bt,
+    getRowId: St,
     filterFns: {
-      fuzzy: Dr,
-      multiSelect: Un
+      fuzzy: zr,
+      multiSelect: Kn
     },
     state: {
       sorting: ge,
-      columnFilters: er,
-      columnVisibility: qs,
+      columnFilters: rr,
+      columnVisibility: Js,
       rowSelection: ke,
       globalFilter: L,
-      columnSizing: at,
+      columnSizing: lt,
       expanded: Q,
       grouping: me,
-      rowPinning: Ws,
+      rowPinning: _s,
       columnOrder: Le,
       pagination: re
     },
     // Server-side mode configuration
-    manualSorting: Xt,
-    manualFiltering: Qt,
-    manualPagination: et,
-    rowCount: Es,
+    manualSorting: Yt,
+    manualFiltering: Zt,
+    manualPagination: rt,
+    rowCount: ks,
     // Required for server-side pagination
     enableRowSelection: fe,
     enableColumnPinning: !1,
     // Disable TanStack Table pinning - using CSS approach
-    enableGlobalFilter: ie,
+    enableGlobalFilter: le,
     // Enable global filtering
-    globalFilterFn: Zs,
+    globalFilterFn: tn,
     // Use group-preserving filter when enabled
     enableColumnResizing: te,
-    columnResizeMode: Xr,
+    columnResizeMode: Yr,
     enableExpanding: _,
-    getSubRows: Qr,
-    getRowCanExpand: us,
+    getSubRows: Zr,
+    getRowCanExpand: gs,
     paginateExpandedRows: !1,
     // Only paginate top-level rows, not expanded children
     autoResetPageIndex: !1,
     // Prevent pagination from resetting on data/filter/grouping changes
     enableGrouping: z,
-    groupedColumnMode: Yr,
-    manualGrouping: Zr,
+    groupedColumnMode: es,
+    manualGrouping: ts,
     enableRowPinning: Ee,
-    keepPinnedRows: $t,
-    onRowSelectionChange: Os,
-    onSortingChange: Us,
-    onColumnFiltersChange: Ls,
-    onColumnVisibilityChange: Js,
-    onGlobalFilterChange: tr,
-    onColumnSizingChange: dr,
-    onExpandedChange: Et,
-    onGroupingChange: Ks,
-    onRowPinningChange: Gs,
-    onColumnOrderChange: cr,
-    onPaginationChange: Xs,
-    getCoreRowModel: vn(),
+    keepPinnedRows: At,
+    onRowSelectionChange: Ws,
+    onSortingChange: Ks,
+    onColumnFiltersChange: Hs,
+    onColumnVisibilityChange: Xs,
+    onGlobalFilterChange: sr,
+    onColumnSizingChange: fr,
+    onExpandedChange: kt,
+    onGroupingChange: Qs,
+    onRowPinningChange: qs,
+    onColumnOrderChange: ur,
+    onPaginationChange: Ys,
+    getCoreRowModel: xn(),
     // Conditionally include row models based on manual mode
-    getFilteredRowModel: Qt ? void 0 : pn(),
-    getPaginationRowModel: et || es ? void 0 : hn(),
-    getSortedRowModel: Xt ? void 0 : mn(),
-    getExpandedRowModel: _ ? gn() : void 0,
-    getGroupedRowModel: z ? fn() : void 0,
-    getFacetedRowModel: un(),
-    getFacetedUniqueValues: dn(),
-    getFacetedMinMaxValues: cn()
-  }), lt = l.useMemo(
-    () => io(w.getRowModel().rows),
+    getFilteredRowModel: Zt ? void 0 : bn(),
+    getPaginationRowModel: rt || rs ? void 0 : vn(),
+    getSortedRowModel: Yt ? void 0 : pn(),
+    getExpandedRowModel: _ ? hn() : void 0,
+    getGroupedRowModel: z ? mn() : void 0,
+    getFacetedRowModel: gn(),
+    getFacetedUniqueValues: fn(),
+    getFacetedMinMaxValues: un()
+  }), ct = i.useMemo(
+    () => uo(w.getRowModel().rows),
     [w.getRowModel().rows]
-  ), it = l.useMemo(() => {
+  ), dt = i.useMemo(() => {
     if (!z) return null;
     const e = /* @__PURE__ */ new Map();
     return w.getGroupedRowModel?.()?.rows?.forEach((s) => {
       s.subRows && s.subRows.length > 0 && e.set(s.id, s.subRows);
     }), e;
-  }, [z, w]), { flatVisibleRows: ct, rowIdToFlatIndex: mr } = l.useMemo(() => {
+  }, [z, w]), { flatVisibleRows: ut, rowIdToFlatIndex: pr } = i.useMemo(() => {
     const e = [], r = /* @__PURE__ */ new Map(), s = (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(s);
+      e.push(g), r.set(g.id, m), g.getIsExpanded() && (g.subRows && g.subRows.length > 0 ? g.subRows : dt?.get(g.id) || []).forEach(s);
     };
     return w.getRowModel().rows.filter((g) => J || g.depth === 0).forEach(s), { flatVisibleRows: e, rowIdToFlatIndex: r };
-  }, [w, Q, it, J]), hr = l.useRef(void 0);
-  l.useEffect(() => {
+  }, [w, Q, dt, J]), vr = i.useRef(void 0);
+  i.useEffect(() => {
     if (!z) return;
     const r = w.getPrePaginationRowModel().rows.filter((g) => g.depth === 0).length, s = re.pageSize, u = Math.max(1, Math.ceil(r / s));
-    hr.current !== u && (hr.current = u, w.setPageCount(u));
+    vr.current !== u && (vr.current = u, w.setPageCount(u));
   }, [
     z,
     // NOTE: Deliberately NOT including 'table' to avoid re-running on every render
@@ -1190,26 +1192,26 @@ function $o({
     w.getPrePaginationRowModel().rows.length
     // Row count changes
   ]);
-  const pr = l.useRef({});
-  l.useEffect(() => {
-    if (!Gt) return;
-    const e = w.getState().expanded, r = pr.current, s = { ...e };
+  const br = i.useRef({});
+  i.useEffect(() => {
+    if (!qt) return;
+    const e = w.getState().expanded, r = br.current, s = { ...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((F) => {
         e[F.id] !== !0 && (s[F.id] = !0, u = !0);
       });
-    }), pr.current = e, u && Et(s);
+    }), br.current = e, u && kt(s);
   }, [
     Q,
-    Gt
+    qt
     // NOTE: Deliberately NOT including 'table' to avoid re-running on every render
   ]);
-  const vr = l.useRef({});
-  l.useEffect(() => {
-    if (!tt && !De) return;
-    const e = w.getState().expanded, r = vr.current;
+  const xr = i.useRef({});
+  i.useEffect(() => {
+    if (!st && !De) return;
+    const e = w.getState().expanded, r = xr.current;
     Object.keys(r).forEach((s) => {
       const u = r[s], g = e[s];
       if (u && !g) {
@@ -1223,18 +1225,18 @@ function $o({
       if (u && !g) {
         const m = w.getRow(s);
         if (!m) return;
-        if (tt && Yt) {
-          const S = m.getIsGrouped() || m.subRows && m.subRows.length === 0 && m.getCanExpand(), B = rt?.[s] === !0, F = m.subRows && m.subRows.length > 0;
+        if (st && er) {
+          const S = m.getIsGrouped() || m.subRows && m.subRows.length === 0 && m.getCanExpand(), B = nt?.[s] === !0, F = m.subRows && m.subRows.length > 0;
           if (S && !B && !F) {
             const o = new AbortController();
-            je.current.set(s, o), Promise.resolve(tt(m)).catch((P) => {
+            je.current.set(s, o), Promise.resolve(st(m)).catch((P) => {
               P?.name !== "AbortError" && $e && $e(m, P, "children");
             }).finally(() => {
               je.current.delete(s);
             });
           }
         }
-        if (De && J && !m.getIsGrouped() && m.depth === 0 && !(st?.[s] === !0)) {
+        if (De && J && !m.getIsGrouped() && m.depth === 0 && !(ot?.[s] === !0)) {
           const B = new AbortController();
           Ae.current.set(s, B), Promise.resolve(De(m)).catch((F) => {
             F?.name !== "AbortError" && $e && $e(m, F, "subComponent");
@@ -1243,59 +1245,59 @@ function $o({
           });
         }
       }
-    }), vr.current = e;
+    }), xr.current = e;
   }, [
     Q,
-    tt,
+    st,
     De,
-    Yt,
+    er,
     J,
-    rt,
-    st,
+    nt,
+    ot,
     $e
     // NOTE: Deliberately NOT including 'table' to avoid re-running on every render
-  ]), l.useEffect(() => {
-    if (!Ze || !L || !z)
+  ]), i.useEffect(() => {
+    if (!tt || !L || !z)
       return;
     const e = {};
     w.getFilteredRowModel().rows.forEach((s) => {
       s.getIsGrouped() && s.subRows && s.subRows.length > 0 && (e[s.id] = !0);
-    }), Et((s) => {
+    }), kt((s) => {
       const u = Object.keys(s).sort().join(","), g = Object.keys(e).sort().join(",");
       return u === g ? s : e;
     });
-  }, [L, Ze, z]);
-  const br = l.useRef(me), xr = l.useRef(ge);
-  l.useEffect(() => {
-    if (!et) return;
-    const e = JSON.stringify(me) !== JSON.stringify(br.current), r = JSON.stringify(ge) !== JSON.stringify(xr.current);
-    (e || r) && w.setPageIndex(0), br.current = me, xr.current = ge;
-  }, [me, ge, et, w]), l.useEffect(() => {
-    bt && bt(w);
-  }, [w, bt]), l.useEffect(() => {
+  }, [L, tt, z]);
+  const yr = i.useRef(me), Cr = i.useRef(ge);
+  i.useEffect(() => {
+    if (!rt) return;
+    const e = JSON.stringify(me) !== JSON.stringify(yr.current), r = JSON.stringify(ge) !== JSON.stringify(Cr.current);
+    (e || r) && w.setPageIndex(0), yr.current = me, Cr.current = ge;
+  }, [me, ge, rt, w]), i.useEffect(() => {
+    yt && yt(w);
+  }, [w, yt]), i.useEffect(() => {
     if (ge.length > 0) {
       const e = ge[0], r = c.find(
         (g) => g.id === e.id || g.accessorKey === e.id
       ), s = r?.meta?.label || r?.header || e.id, u = e.desc ? "descending" : "ascending";
-      ot(`Table sorted by ${s}, ${u}`);
+      it(`Table sorted by ${s}, ${u}`);
     }
-  }, [ge, c]), l.useEffect(() => {
+  }, [ge, c]), i.useEffect(() => {
     if (L) {
       const e = w.getFilteredRowModel().rows.length;
-      ot(`${e} result${e !== 1 ? "s" : ""} found for "${L}"`);
+      it(`${e} result${e !== 1 ? "s" : ""} found for "${L}"`);
     }
-  }, [L, w]), l.useEffect(() => {
+  }, [L, w]), i.useEffect(() => {
     const e = Object.keys(ke).filter((r) => ke[r]).length;
-    e > 0 && ot(`${e} row${e !== 1 ? "s" : ""} selected`);
-  }, [ke]), l.useEffect(() => {
-    const [e, r] = X, s = ct.length, u = w.getVisibleLeafColumns();
+    e > 0 && it(`${e} row${e !== 1 ? "s" : ""} selected`);
+  }, [ke]), i.useEffect(() => {
+    const [e, r] = X, s = ut.length, u = w.getVisibleLeafColumns();
     let g = e, m = r;
-    e >= 0 && e >= s && (g = Math.max(s - 1, -1)), r >= u.length && (m = Math.max(u.length - 1, 0)), (g !== e || m !== r) && Nt([g, m]);
-  }, [n.length, w, X, ct.length]), l.useEffect(() => {
+    e >= 0 && e >= s && (g = Math.max(s - 1, -1)), r >= u.length && (m = Math.max(u.length - 1, 0)), (g !== e || m !== r) && It([g, m]);
+  }, [n.length, w, X, ut.length]), i.useEffect(() => {
     const e = w.getPageCount();
-    e > 1 && ot(`Page ${re.pageIndex + 1} of ${e}`);
+    e > 1 && it(`Page ${re.pageIndex + 1} of ${e}`);
   }, [re.pageIndex, w]);
-  const He = l.useCallback((e, r) => {
+  const He = i.useCallback((e, r) => {
     if (!r || !e) return e;
     const s = e.toLowerCase(), u = r.toLowerCase(), g = [];
     let m = 0, S = s.indexOf(u);
@@ -1316,11 +1318,11 @@ function $o({
         )
       ), m = S + r.length, S = s.indexOf(u, m);
     return m < e.length && g.push(e.substring(m)), /* @__PURE__ */ t(ee, { children: g });
-  }, []), he = l.useCallback((e) => {
+  }, []), he = i.useCallback((e) => {
     if (e == null) return "";
     if (typeof e == "string" || typeof e == "number") return String(e);
     if (Array.isArray(e)) return e.map(he).join("");
-    if (l.isValidElement(e)) {
+    if (i.isValidElement(e)) {
       const r = e;
       if (typeof r.type == "function")
         try {
@@ -1334,27 +1336,27 @@ function $o({
       return he(r.props.children);
     }
     return "";
-  }, []), dt = l.useCallback((e, r) => r ? he(e).toLowerCase().includes(r.toLowerCase()) : !1, [he]), ce = l.useCallback((e, r) => {
+  }, []), ft = i.useCallback((e, r) => r ? he(e).toLowerCase().includes(r.toLowerCase()) : !1, [he]), ce = i.useCallback((e, r) => {
     if (!r || e == null) return e;
     if (typeof e == "string")
       return He(e, r);
     if (typeof e == "number")
       return He(String(e), r);
     if (Array.isArray(e))
-      return e.map((s, u) => /* @__PURE__ */ t(l.Fragment, { children: ce(s, r) }, u));
-    if (l.isValidElement(e)) {
+      return e.map((s, u) => /* @__PURE__ */ t(i.Fragment, { children: ce(s, r) }, u));
+    if (i.isValidElement(e)) {
       const s = e;
       if (typeof s.type == "function")
         try {
           if (s.type.prototype?.isReactComponent) {
             const B = s.props.children;
-            return l.cloneElement(s, {}, ce(B, r));
+            return i.cloneElement(s, {}, ce(B, r));
           }
           const S = s.type(s.props);
           return ce(S, r);
         } catch {
           const { children: S, ...B } = s.props;
-          return S == null ? s : l.cloneElement(
+          return S == null ? s : i.cloneElement(
             s,
             B,
             ce(S, r)
@@ -1363,19 +1365,19 @@ function $o({
       if (s.props.children === void 0 || s.props.children === null)
         return s;
       const { children: u, ...g } = s.props;
-      return l.cloneElement(
+      return i.cloneElement(
         s,
         g,
         ce(u, r)
       );
     }
     return e;
-  }, [He]), Be = l.useCallback((e) => {
-    if (!ie || !L)
+  }, [He]), Be = i.useCallback((e) => {
+    if (!le || !L)
       return be(e.column.columnDef.cell, e.getContext());
-    if (gr.has(e.column.id)) {
+    if (hr.has(e.column.id)) {
       const u = be(e.column.columnDef.cell, e.getContext());
-      return u == null || !dt(u, L) ? u : ce(u, L);
+      return u == null || !ft(u, L) ? u : ce(u, L);
     }
     const s = e.getValue();
     if (typeof s == "string" || typeof s == "number") {
@@ -1383,32 +1385,32 @@ function $o({
       return He(u, L);
     }
     return be(e.column.columnDef.cell, e.getContext());
-  }, [ie, L, He, gr, dt, ce]), yr = l.useCallback((e) => {
-    if (!ie || !L)
+  }, [le, L, He, hr, ft, ce]), wr = i.useCallback((e) => {
+    if (!le || !L)
       return be(e.column.columnDef.aggregatedCell, e.getContext());
     const r = be(e.column.columnDef.aggregatedCell, e.getContext());
-    return r == null || !dt(r, L) ? r : ce(r, L);
-  }, [ie, L, dt, ce, he]), en = l.useRef(null), tn = bn(
-    Sr(xn, {
+    return r == null || !ft(r, L) ? r : ce(r, L);
+  }, [le, L, ft, ce, he]), rn = i.useRef(null), sn = yn(
+    Rr(Cn, {
       activationConstraint: {
         distance: 8
       }
     }),
-    Sr(yn, {
+    Rr(wn, {
       activationConstraint: {
         delay: 200,
         tolerance: 8
       }
     })
-  ), [, Cr] = l.useState(null), rn = (e) => {
-    Ye && Cr(e.active.id);
-  }, sn = (e) => {
+  ), [, Sr] = i.useState(null), nn = (e) => {
+    Ye && Sr(e.active.id);
+  }, on = (e) => {
     if (!Ye) return;
     const { active: r, over: s } = e;
-    if (Cr(null), r.id !== s?.id && s?.id) {
+    if (Sr(null), r.id !== s?.id && s?.id) {
       const u = Le.findIndex((m) => m === r.id), g = Le.findIndex((m) => m === s?.id);
       if (u !== -1 && g !== -1) {
-        const m = Rn(Le, u, g);
+        const m = En(Le, u, g);
         console.log("Column reorder:", {
           activeId: r.id,
           overId: s.id,
@@ -1416,11 +1418,11 @@ function $o({
           newIndex: g,
           oldOrder: Le,
           newOrder: m
-        }), cr(m);
+        }), ur(m);
       }
     }
-  }, nn = l.useCallback((e) => {
-    const [r, s] = X, u = w.getVisibleLeafColumns(), g = ct, m = u.length, S = g.length, B = -1, F = S - 1;
+  }, an = i.useCallback((e) => {
+    const [r, s] = X, u = w.getVisibleLeafColumns(), g = ut, m = u.length, S = g.length, B = -1, F = S - 1;
     let o = r, P = s, $ = !1;
     switch (e.key) {
       case "ArrowRight":
@@ -1454,7 +1456,7 @@ function $o({
           d?.id === "select" && fe && e.key === " " ? (w.toggleAllPageRowsSelected(), $ = !0) : d?.getCanSort() && (d.toggleSorting(), $ = !0);
         } else {
           const d = g[r];
-          d && ((_ || z) && 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) && (zt(d, e), $ = !0));
         }
         break;
       case "Escape":
@@ -1462,13 +1464,13 @@ function $o({
         break;
     }
     if ($ && (e.preventDefault(), e.stopPropagation(), o !== r || P !== s)) {
-      Nt([o, P]);
-      const d = o === -1 ? `[data-header-col="${P}"]` : `[data-row="${o}"][data-col="${P}"]`, k = Rt.current?.querySelector(d);
-      k && k.focus();
+      It([o, P]);
+      const d = o === -1 ? `[data-header-col="${P}"]` : `[data-row="${o}"][data-col="${P}"]`, D = Et.current?.querySelector(d);
+      D && D.focus();
     }
-  }, [X, w, ct, _, z, fe]), on = l.useCallback((e) => {
-    Rt.current?.contains(e.relatedTarget) || Nt([-1, 0]);
-  }, []), We = l.useMemo(() => {
+  }, [X, w, ut, _, z, fe]), ln = i.useCallback((e) => {
+    Et.current?.contains(e.relatedTarget) || It([-1, 0]);
+  }, []), We = i.useMemo(() => {
     const e = w.getVisibleFlatColumns(), r = /* @__PURE__ */ new Map();
     let s = 0;
     e.forEach((g, m) => {
@@ -1528,22 +1530,22 @@ function $o({
       } : P;
     }
     return {};
-  }, an = (e) => {
+  }, cn = (e) => {
     if (!e || typeof e.getSize != "function")
       return "";
     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) => {
+  }, Pt = (e) => {
     if (!e || typeof e.getSize != "function")
       return !1;
     const r = We.data.get(e.id);
     return r ? r.isRightmostLeftSticky || r.isLeftmostRightSticky : !1;
-  }, Tt = (e) => {
+  }, Mt = (e) => {
     if (!e || typeof e.getSize != "function" || Ne === 0)
       return !1;
     const r = We.data.get(e.id);
     return r ? r.columnIndex === We.allColumns.length - Ne - 1 : !1;
-  }, wr = (e, r = !1) => !te || !e.getCanResize() || !!E.showCellBorder ? "" : V(
+  }, Nr = (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",
@@ -1559,52 +1561,52 @@ function $o({
     "before:opacity-0 hover:before:opacity-100",
     "before:transition-opacity before:pointer-events-none before:z-10"
   );
-  return /* @__PURE__ */ t(Hn, { children: /* @__PURE__ */ t(
-    Cn,
+  return /* @__PURE__ */ t(Gn, { children: /* @__PURE__ */ t(
+    Sn,
     {
-      sensors: tn,
-      collisionDetection: wn,
-      onDragStart: rn,
-      onDragEnd: sn,
+      sensors: sn,
+      collisionDetection: Nn,
+      onDragStart: nn,
+      onDragEnd: on,
       children: /* @__PURE__ */ b("div", { className: V(
         "border border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] overflow-hidden rounded-[var(--border-radius-l)]",
         // Remove bottom border when no pagination to avoid double border with last row
-        !vt && "border-b-0",
+        !xt && "border-b-0",
         y
       ), children: [
-        Me && (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: [
+        Me && (f || le) && /* @__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(qr, { table: w, enableGrouping: z })
+            /* @__PURE__ */ t(Jr, { table: w, enableGrouping: z })
           ] }),
           /* @__PURE__ */ t(
-            ro,
+            no,
             {
               table: w,
-              searchKey: i,
+              searchKey: l,
               searchPlaceholder: a,
               showSettingsMenu: !1,
-              enableGlobalSearch: ie,
-              globalSearchPlaceholder: Ur,
-              globalFilter: St,
-              onGlobalFilterChange: tr,
-              enableGlobalFaceting: Kr,
+              enableGlobalSearch: le,
+              globalSearchPlaceholder: Kr,
+              globalFilter: Rt,
+              onGlobalFilterChange: sr,
+              enableGlobalFaceting: Qr,
               enableGrouping: z,
-              enableAutocomplete: mt,
-              autocompleteSuggestions: Ys,
-              autocompleteMinCharacters: Jr
+              enableAutocomplete: pt,
+              autocompleteSuggestions: en,
+              autocompleteMinCharacters: Xr
             }
           )
         ] }),
         /* @__PURE__ */ b(
           "div",
           {
-            ref: Rt,
-            onKeyDown: nn,
-            onFocus: on,
+            ref: Et,
+            onKeyDown: an,
+            onFocus: ln,
             className: V(
               "relative",
-              nt && [
+              at && [
                 "overflow-x-auto",
                 "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-[var(--color-border-primary-subtle)]",
                 "hover:scrollbar-thumb-[var(--color-border-primary)]",
@@ -1624,13 +1626,13 @@ function $o({
                   "aria-live": "polite",
                   "aria-atomic": "true",
                   className: "sr-only",
-                  children: _s
+                  children: Us
                 }
               ),
               /* @__PURE__ */ b(
-                kn,
+                Bn,
                 {
-                  ref: en,
+                  ref: rn,
                   role: "grid",
                   "aria-label": x || f,
                   "aria-rowcount": n.length,
@@ -1642,7 +1644,7 @@ function $o({
                     // Fixed layout for column resizing
                   ),
                   style: {
-                    ...nt && { minWidth: C }
+                    ...at && { minWidth: C }
                   },
                   children: [
                     /* @__PURE__ */ t("colgroup", { children: w.getVisibleLeafColumns().map((e) => /* @__PURE__ */ t(
@@ -1654,29 +1656,29 @@ function $o({
                       },
                       e.id
                     )) }),
-                    /* @__PURE__ */ t(zn, { className: V(
+                    /* @__PURE__ */ t(Tn, { 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)]"
                       ],
                       // Remove bottom border from last header row when pagination is enabled to avoid double border
-                      vt && "[&_tr:last-child]:border-b-0"
+                      xt && "[&_tr:last-child]:border-b-0"
                     ), children: A ? /* @__PURE__ */ t(
-                      Mr,
+                      Fr,
                       {
                         columns: w.getVisibleLeafColumns().length,
                         rows: 0,
                         showRowBorder: E.showRowBorder,
                         showCellBorder: E.showCellBorder,
-                        enableResponsiveWrapper: nt
+                        enableResponsiveWrapper: at
                       }
-                    ) : ts && Qe && Qe.length > 0 ? (
+                    ) : ss && Qe && Qe.length > 0 ? (
                       // Nested headers rendering
                       /* @__PURE__ */ b(ee, { children: [
                         /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: Qe.map((e, r) => {
                           const s = e.columns.length, u = Ge(e, !0, E.showRowBorder);
                           return /* @__PURE__ */ t(
-                            ut,
+                            gt,
                             {
                               colSpan: s,
                               showBorder: E.showCellBorder,
@@ -1697,21 +1699,21 @@ function $o({
                           );
                         }) }),
                         /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: w.getHeaderGroups()[0]?.headers.map((e, r) => {
-                          const s = Ge(e.column, !0, E.showRowBorder), u = e.column.columnDef.meta?.align || "left", g = r === w.getHeaderGroups()[0].headers.length - 1, m = Bt(e.column);
+                          const s = Ge(e.column, !0, E.showRowBorder), u = e.column.columnDef.meta?.align || "left", g = r === w.getHeaderGroups()[0].headers.length - 1, m = Pt(e.column);
                           return /* @__PURE__ */ t(
-                            ut,
+                            gt,
                             {
                               scope: "col",
                               "aria-sort": e.column.getCanSort() ? e.column.getIsSorted() ? e.column.getIsSorted() === "desc" ? "descending" : "ascending" : "none" : void 0,
                               "aria-colindex": r + 1,
                               "data-header-col": r,
                               tabIndex: X[0] === -1 && X[1] === r ? 0 : -1,
-                              showBorder: g || m || Tt(e.column) ? !1 : E.showCellBorder,
+                              showBorder: g || m || Mt(e.column) ? !1 : E.showCellBorder,
                               className: V(
                                 h && "z-20",
                                 (Oe > 0 || Ne > 0) && "z-30",
                                 te && "relative overflow-visible group",
-                                wr(e.column, g),
+                                Nr(e.column, g),
                                 // 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)]"
                               ),
@@ -1754,21 +1756,21 @@ function $o({
                     ) : (
                       // Standard single-level headers
                       w.getHeaderGroups().map((e) => /* @__PURE__ */ t(
-                        Sn,
+                        Rn,
                         {
                           items: e.headers.map((r) => r.id),
-                          strategy: Nn,
+                          strategy: In,
                           children: /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: e.headers.map((r, s) => {
-                            const u = Ge(r.column, !0, E.showRowBorder), g = r.column.columnDef.meta?.align || "left", m = s === e.headers.length - 1, S = Bt(r.column);
+                            const u = Ge(r.column, !0, E.showRowBorder), g = r.column.columnDef.meta?.align || "left", m = s === e.headers.length - 1, S = Pt(r.column);
                             return /* @__PURE__ */ t(
-                              ut,
+                              gt,
                               {
                                 scope: "col",
                                 "aria-sort": r.column.getCanSort() ? r.column.getIsSorted() ? r.column.getIsSorted() === "desc" ? "descending" : "ascending" : "none" : void 0,
                                 "aria-colindex": s + 1,
                                 "data-header-col": s,
                                 tabIndex: X[0] === -1 && X[1] === s ? 0 : -1,
-                                showBorder: m || S || Tt(r.column) ? !1 : E.showCellBorder,
+                                showBorder: m || S || Mt(r.column) ? !1 : E.showCellBorder,
                                 className: V(
                                   h && "z-20",
                                   (Oe > 0 || Ne > 0) && "z-30",
@@ -1776,7 +1778,7 @@ function $o({
                                   Ye && "group",
                                   !Me && s === 0 && "rounded-tl-[var(--border-radius-l)]",
                                   !Me && s === e.headers.length - 1 && "rounded-tr-[var(--border-radius-l)]",
-                                  wr(r.column, m),
+                                  Nr(r.column, m),
                                   // 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)]"
                                 ),
@@ -1785,7 +1787,7 @@ function $o({
                                   // For table-fixed layout, all columns need explicit width
                                   ...te && !u.width ? { width: r.column.getSize() } : {}
                                 },
-                                children: /* @__PURE__ */ t(oo, { header: r, enableColumnOrdering: Ye, children: /* @__PURE__ */ b("div", { className: V(
+                                children: /* @__PURE__ */ t(io, { header: r, enableColumnOrdering: Ye, children: /* @__PURE__ */ b("div", { className: V(
                                   g === "right" ? "text-right" : "text-left"
                                 ), children: [
                                   r.isPlaceholder ? null : be(
@@ -1819,33 +1821,33 @@ function $o({
                         e.id
                       ))
                     ) }),
-                    /* @__PURE__ */ b(Bn, { children: [
-                      Is && !A && n.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(to, {}) }) }),
-                      Kt ? /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
-                        le,
+                    /* @__PURE__ */ b(Pn, { children: [
+                      Ds && !A && n.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(so, {}) }) }),
+                      Qt ? /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
+                        ie,
                         {
                           colSpan: w.getVisibleLeafColumns().length,
                           className: "text-center",
                           showBorder: !1,
                           showRowBorder: !1,
                           verticalAlign: "middle",
-                          children: vs || /* @__PURE__ */ t(
-                            eo,
+                          children: xs || /* @__PURE__ */ t(
+                            ro,
                             {
-                              error: Kt,
-                              onRetry: ps
+                              error: Qt,
+                              onRetry: bs
                             }
                           )
                         }
                       ) }) : A && (M === "replace" || n.length === 0) ? /* @__PURE__ */ t(
-                        Mr,
+                        Fr,
                         {
                           columns: w.getVisibleLeafColumns().length,
-                          rows: Qs,
+                          rows: Zs,
                           showRowBorder: E.showRowBorder,
                           showCellBorder: E.showCellBorder,
                           skipHeader: !0,
-                          enableResponsiveWrapper: nt
+                          enableResponsiveWrapper: at
                         }
                       ) : (
                         // DISABLED: Virtualization temporarily disabled to fix React hooks error
@@ -1855,12 +1857,12 @@ function $o({
                         w.getRowModel().rows?.length ? (
                           // Manual cross-page pinning: organize rows with pinned rows at top/bottom of every page
                           (() => {
-                            if (!Ee || !$t) {
-                              const o = /* @__PURE__ */ new Set(), P = w.getRowModel().rows.filter((d) => J || d.depth === 0), $ = (d, k, H) => {
+                            if (!Ee || !At) {
+                              const o = /* @__PURE__ */ new Set(), P = w.getRowModel().rows.filter((d) => J || d.depth === 0), $ = (d, D, H) => {
                                 if (o.has(d.id)) return null;
                                 o.add(d.id);
-                                const q = mr.get(d.id) ?? -1;
-                                return /* @__PURE__ */ b(l.Fragment, { children: [
+                                const q = pr.get(d.id) ?? -1;
+                                return /* @__PURE__ */ b(i.Fragment, { children: [
                                   /* @__PURE__ */ t(
                                     G,
                                     {
@@ -1878,35 +1880,37 @@ function $o({
                                         d.getIsPinned() === "bottom" && "!bg-[var(--color-background-neutral-selected)] !border-t-2 !border-[var(--color-border-primary-medium)]",
                                         // Nested row background colors (grouped and expanding)
                                         (() => {
-                                          const j = d.getIsGrouped?.() ? "font-medium" : "", se = Vr(d, {
+                                          const j = d.getIsGrouped?.() ? "font-medium" : "", se = $r(d, {
                                             enableGrouping: z,
                                             enableExpanding: _,
-                                            nestedRowStyling: pt,
+                                            nestedRowStyling: bt,
                                             expandingRowColors: O,
-                                            maxDepth: lt
+                                            maxDepth: ct
                                           });
                                           return V(se ? `bg-[${se}]` : "", j);
                                         })(),
                                         // Row click styling with smart hover
-                                        K && Se(d) && (_t || "cursor-pointer hover:[background-image:linear-gradient(rgba(0,0,0,0.02),rgba(0,0,0,0.02))]")
+                                        K && Se(d) && (Ut || "cursor-pointer hover:[background-image:linear-gradient(rgba(0,0,0,0.02),rgba(0,0,0,0.02))]")
                                       ),
                                       style: {
-                                        height: co(d.depth, pt)
+                                        height: fo(d.depth, bt)
                                       },
-                                      onClick: K && Se(d) ? (I) => Dt(d, I) : void 0,
+                                      onClick: K && Se(d) ? (N) => zt(d, N) : void 0,
+                                      onMouseEnter: Ze ? (N) => Ze(d.original, N) : void 0,
+                                      onMouseLeave: et ? (N) => et(d.original, N) : void 0,
                                       role: "row",
                                       "aria-label": K && Se(d) ? `View details for row ${d.id}` : void 0,
                                       "aria-current": ze(d) ? "true" : void 0,
-                                      children: d.getVisibleCells().map((I, j) => {
-                                        const se = Ge(I.column, !1, E.showRowBorder), U = j === 0, _e = _ && d.getCanExpand() || z && d.getIsGrouped(), de = d.getIsExpanded(), ue = d.depth, Pt = z && d.getIsGrouped();
-                                        let Re = Wt?.(d);
+                                      children: d.getVisibleCells().map((N, j) => {
+                                        const se = Ge(N.column, !1, E.showRowBorder), U = j === 0, _e = _ && d.getCanExpand() || z && d.getIsGrouped(), de = d.getIsExpanded(), ue = d.depth, Vt = z && d.getIsGrouped();
+                                        let Re = _t?.(d);
                                         if (Re == null)
                                           for (const oe of d.getVisibleCells()) {
                                             const ae = oe.column.columnDef.sectionHeaderCell;
                                             if (ae) {
-                                              const Mt = ae(oe.getContext());
-                                              if (Mt != null) {
-                                                Re = Mt;
+                                              const Ft = ae(oe.getContext());
+                                              if (Ft != null) {
+                                                Re = Ft;
                                                 break;
                                               }
                                             }
@@ -1916,34 +1920,34 @@ function $o({
                                           return null;
                                         const Z = z && d.depth > 0 && j === 0 && !H;
                                         return /* @__PURE__ */ t(
-                                          le,
+                                          ie,
                                           {
                                             role: "gridcell",
                                             "aria-colindex": j + 1,
                                             "data-row": q,
                                             "data-col": j,
                                             tabIndex: X[0] === q && X[1] === j ? 0 : -1,
-                                            showBorder: Bt(I.column) || Tt(I.column) ? !1 : E.showCellBorder,
+                                            showBorder: Pt(N.column) || Mt(N.column) ? !1 : E.showCellBorder,
                                             showRowBorder: E.showRowBorder,
-                                            verticalAlign: I.column.columnDef.meta?.verticalAlign || Ie,
+                                            verticalAlign: N.column.columnDef.meta?.verticalAlign || Ie,
                                             colSpan: ne ? d.getVisibleCells().length : void 0,
                                             "data-section-header": ne ? !0 : void 0,
                                             className: V(
                                               // Active row indicator on first cell
-                                              U && ze(d) && (qt || fr(Z ? !1 : E.showRowBorder)),
+                                              U && ze(d) && (Jt || mr(Z ? !1 : E.showRowBorder)),
                                               // Add sticky border classes for body cells (skip for section headers)
-                                              !ne && an(I.column),
+                                              !ne && cn(N.column),
                                               // Sticky columns need higher z-index and explicit backgrounds
                                               Object.keys(se).length > 0 && [
                                                 "z-10",
                                                 // Match row backgrounds for sticky cells to prevent transparency
                                                 (() => {
-                                                  const oe = Vr(d, {
+                                                  const oe = $r(d, {
                                                     enableGrouping: z,
                                                     enableExpanding: _,
-                                                    nestedRowStyling: pt,
+                                                    nestedRowStyling: bt,
                                                     expandingRowColors: O,
-                                                    maxDepth: lt
+                                                    maxDepth: ct
                                                   });
                                                   return oe ? `bg-[${oe}]` : "bg-[var(--color-surface-primary)]";
                                                 })()
@@ -1963,24 +1967,24 @@ function $o({
                                             children: ne ? (
                                               // Section header row - render custom content
                                               Re
-                                            ) : Pt ? (
+                                            ) : Vt ? (
                                               // Grouped row rendering - only show content in first cell
-                                              U ? Fr(d, w, Xe, de, ye, Ft) : I.column.columnDef.meta?.renderInGroupedRows ? (
+                                              U ? jr(d, w, Xe, de, ye, jt) : N.column.columnDef.meta?.renderInGroupedRows ? (
                                                 // Render custom cell content for columns with renderInGroupedRows flag
-                                                Be(I)
-                                              ) : I.column.columnDef.aggregatedCell ? (
+                                                Be(N)
+                                              ) : N.column.columnDef.aggregatedCell ? (
                                                 // Render custom aggregatedCell if defined
-                                                yr(I)
+                                                wr(N)
                                               ) : (
                                                 // Calculate and show aggregation for other columns in grouped row
                                                 (() => {
-                                                  const oe = Pr(
-                                                    I.column,
+                                                  const oe = Vr(
+                                                    N.column,
                                                     d.subRows,
                                                     d.groupingColumnId
                                                   );
                                                   if (!oe) return /* @__PURE__ */ t("div", {});
-                                                  const ae = I.column.columnDef.meta?.align || "left";
+                                                  const ae = N.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" : ""
@@ -2005,7 +2009,7 @@ function $o({
                                                     )
                                                   }
                                                 ),
-                                                U && Ee && !Pt && /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
+                                                U && Ee && !Vt && /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
                                                   d.getIsPinned() !== "top" && /* @__PURE__ */ t(
                                                     "button",
                                                     {
@@ -2013,7 +2017,7 @@ function $o({
                                                       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-[var(--border-radius-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(W, { name: Rr, className: "h-3 w-3" })
+                                                      children: /* @__PURE__ */ t(W, { name: Er, className: "h-3 w-3" })
                                                     }
                                                   ),
                                                   d.getIsPinned() !== "bottom" && /* @__PURE__ */ t(
@@ -2023,7 +2027,7 @@ function $o({
                                                       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-[var(--border-radius-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(W, { name: Ir, className: "h-3 w-3" })
+                                                      children: /* @__PURE__ */ t(W, { name: Dr, className: "h-3 w-3" })
                                                     }
                                                   ),
                                                   d.getIsPinned() && /* @__PURE__ */ t(
@@ -2033,31 +2037,31 @@ function $o({
                                                       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-[var(--border-radius-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(W, { name: Vt, className: "h-3 w-3" })
+                                                      children: /* @__PURE__ */ t(W, { name: $t, className: "h-3 w-3" })
                                                     }
                                                   )
                                                 ] }),
                                                 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) ? (
+                                                /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: z && d.depth > 0 && (N.column.id === d.getParentRow()?.groupingColumnId || N.column.id === Xe) ? (
                                                   // Hide grouped column and groupDisplayColumn in detail rows
                                                   /* @__PURE__ */ t("div", {})
-                                                ) : I.column.columnDef.meta?.truncate !== !1 ? (
+                                                ) : N.column.columnDef.meta?.truncate !== !1 ? (
                                                   // Wrap in TruncatedCell for overflow handling with tooltip
-                                                  /* @__PURE__ */ t(Te, { align: I.column.columnDef.meta?.align, children: Be(I) })
+                                                  /* @__PURE__ */ t(Te, { align: N.column.columnDef.meta?.align, children: Be(N) })
                                                 ) : (
                                                   // No truncation for this column
-                                                  Be(I)
+                                                  Be(N)
                                                 ) })
                                               ] })
                                             )
                                           },
-                                          I.id
+                                          N.id
                                         );
                                       })
                                     }
                                   ),
-                                  rt?.[d.id] && d.getIsExpanded() && /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: /* @__PURE__ */ t(
-                                    le,
+                                  nt?.[d.id] && d.getIsExpanded() && /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: /* @__PURE__ */ t(
+                                    ie,
                                     {
                                       colSpan: d.getVisibleCells().length,
                                       showBorder: E.showCellBorder,
@@ -2071,7 +2075,7 @@ function $o({
                                     }
                                   ) }),
                                   J && d.getIsExpanded() && d.depth === 0 && /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: /* @__PURE__ */ t(
-                                    le,
+                                    ie,
                                     {
                                       colSpan: d.getVisibleCells().length,
                                       showBorder: E.showCellBorder,
@@ -2079,10 +2083,10 @@ function $o({
                                       verticalAlign: Ie,
                                       className: "p-0",
                                       "data-section-header": !0,
-                                      children: Zt?.[d.id] ? /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center py-[var(--space-l)] gap-[var(--space-s)]", children: [
+                                      children: tr?.[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: jn, className: "h-4 w-4" }),
-                                          /* @__PURE__ */ t("span", { className: "text-body-sm", children: Zt[d.id]?.message || "Failed to load details" })
+                                          /* @__PURE__ */ t(W, { name: Ln, className: "h-4 w-4" }),
+                                          /* @__PURE__ */ t("span", { className: "text-body-sm", children: tr[d.id]?.message || "Failed to load details" })
                                         ] }),
                                         De && /* @__PURE__ */ t(
                                           "button",
@@ -2092,7 +2096,7 @@ function $o({
                                             children: "Try again"
                                           }
                                         )
-                                      ] }) : st?.[d.id] ? /* @__PURE__ */ b("div", { className: "flex items-center justify-center py-[var(--space-l)]", children: [
+                                      ] }) : ot?.[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)
@@ -2100,17 +2104,17 @@ function $o({
                                   ) }),
                                   (() => {
                                     if (J) return null;
-                                    const I = d.subRows && d.subRows.length > 0 ? d.subRows : it?.get(d.id) || [];
-                                    if (I.length === 0) return null;
+                                    const N = d.subRows && d.subRows.length > 0 ? d.subRows : dt?.get(d.id) || [];
+                                    if (N.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 ? I.map(
-                                      (se, U) => $(se, U, U === I.length - 1)
+                                    return !j && Q === !0 && d.getCanExpand() && (j = !0), !j && typeof Q == "object" && Q !== null && Q[d.id] && (j = !0), j ? N.map(
+                                      (se, U) => $(se, U, U === N.length - 1)
                                     ) : null;
                                   })()
                                 ] }, d.id);
                               };
                               return P.map(
-                                (d, k) => $(d, k, k === P.length - 1)
+                                (d, D) => $(d, D, D === P.length - 1)
                               );
                             }
                             const e = w.getCoreRowModel().rows, r = w.getRowModel().rows, s = e.filter((o) => o.getIsPinned() === "top"), u = e.filter((o) => o.getIsPinned() === "bottom"), g = r.filter((o) => !o.getIsPinned()), m = [
@@ -2120,8 +2124,8 @@ function $o({
                             ], S = /* @__PURE__ */ new Set(), B = m.filter((o) => J || o.depth === 0), F = (o, P, $) => {
                               if (S.has(o.id)) return null;
                               S.add(o.id);
-                              const d = mr.get(o.id) ?? -1;
-                              return /* @__PURE__ */ b(l.Fragment, { children: [
+                              const d = pr.get(o.id) ?? -1;
+                              return /* @__PURE__ */ b(i.Fragment, { children: [
                                 /* @__PURE__ */ t(
                                   G,
                                   {
@@ -2142,7 +2146,7 @@ function $o({
                                       z && o.depth === 1 && "bg-[var(--blue-25)]",
                                       // Bottom-up alternating colors for expanding rows (only when expanded)
                                       _ && !o.getIsGrouped?.() && (() => {
-                                        const k = o.subRows && o.subRows.length > 0, H = () => {
+                                        const D = o.subRows && o.subRows.length > 0, H = () => {
                                           let j = o;
                                           for (; j; ) {
                                             if (j.getIsExpanded()) return !0;
@@ -2150,9 +2154,9 @@ function $o({
                                           }
                                           return !1;
                                         };
-                                        if (o.depth === 0 && (!k || !H()))
+                                        if (o.depth === 0 && (!D || !H()))
                                           return "";
-                                        const q = lt - o.depth, I = q % 2 === 0 ? "bg-[var(--blue-25)]" : "bg-[var(--blue-50)]";
+                                        const q = ct - o.depth, N = q % 2 === 0 ? "bg-[var(--blue-25)]" : "bg-[var(--blue-50)]";
                                         if (O) {
                                           if (q === 0 && O.children)
                                             return `bg-[${O.children}]`;
@@ -2161,18 +2165,20 @@ function $o({
                                           if (q > 0 && !o.getIsExpanded() && O.collapsedParent)
                                             return `bg-[${O.collapsedParent}]`;
                                         }
-                                        return I;
+                                        return N;
                                       })(),
                                       // Row click styling with smart hover
-                                      K && Se(o) && (_t || "cursor-pointer hover:[background-image:linear-gradient(rgba(0,0,0,0.02),rgba(0,0,0,0.02))]")
+                                      K && Se(o) && (Ut || "cursor-pointer hover:[background-image:linear-gradient(rgba(0,0,0,0.02),rgba(0,0,0,0.02))]")
                                     ),
-                                    onClick: K && Se(o) ? (k) => Dt(o, k) : void 0,
+                                    onClick: K && Se(o) ? (D) => zt(o, D) : void 0,
+                                    onMouseEnter: Ze ? (D) => Ze(o.original, D) : void 0,
+                                    onMouseLeave: et ? (D) => et(o.original, D) : void 0,
                                     role: "row",
                                     "aria-label": K && Se(o) ? `View details for row ${o.id}` : void 0,
                                     "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(), se = o.getIsExpanded(), U = o.depth, _e = z && o.getIsGrouped();
-                                      let de = Wt?.(o);
+                                    children: o.getVisibleCells().map((D, H) => {
+                                      const q = Ge(D.column, !1, E.showRowBorder), N = H === 0, j = _ && o.getCanExpand() || z && o.getIsGrouped(), se = o.getIsExpanded(), U = o.depth, _e = z && o.getIsGrouped();
+                                      let de = _t?.(o);
                                       if (de == null)
                                         for (const pe of o.getVisibleCells()) {
                                           const ve = pe.column.columnDef.sectionHeaderCell;
@@ -2185,11 +2191,11 @@ function $o({
                                           }
                                         }
                                       const ue = de != null;
-                                      if (ue && !I)
+                                      if (ue && !N)
                                         return null;
                                       const ne = z && o.depth > 0 && H === 0 && !$;
                                       return /* @__PURE__ */ t(
-                                        le,
+                                        ie,
                                         {
                                           role: "gridcell",
                                           "aria-colindex": H + 1,
@@ -2198,11 +2204,11 @@ function $o({
                                           tabIndex: X[0] === d && X[1] === H ? 0 : -1,
                                           showBorder: E.showCellBorder,
                                           showRowBorder: E.showRowBorder,
-                                          verticalAlign: k.column.columnDef.meta?.verticalAlign || Ie,
+                                          verticalAlign: D.column.columnDef.meta?.verticalAlign || Ie,
                                           colSpan: ue ? o.getVisibleCells().length : void 0,
                                           className: V(
                                             // Active row indicator on first cell
-                                            I && ze(o) && (qt || fr(ne ? !1 : E.showRowBorder)),
+                                            N && ze(o) && (Jt || mr(ne ? !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
@@ -2227,7 +2233,7 @@ function $o({
                                                 };
                                                 if (o.depth === 0 && (!pe || !ve()))
                                                   return "";
-                                                const Z = lt - o.depth, oe = Z % 2 === 0 ? "bg-[var(--blue-25)]" : "bg-[var(--blue-50)]";
+                                                const Z = ct - o.depth, oe = Z % 2 === 0 ? "bg-[var(--blue-25)]" : "bg-[var(--blue-50)]";
                                                 if (O) {
                                                   if (Z === 0 && O.children)
                                                     return `bg-[${O.children}]`;
@@ -2248,33 +2254,33 @@ function $o({
                                           ),
                                           style: {
                                             ...q,
-                                            width: k.column.getSize(),
+                                            width: D.column.getSize(),
                                             // Section header: fixed height with no padding
                                             ...ue ? { height: "32px", padding: "0" } : {},
                                             // Add left padding for nested rows
-                                            paddingLeft: I && U > 0 && !ue ? `calc(var(--space-m) + ${U * 20}px)` : void 0
+                                            paddingLeft: N && 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
-                                            I ? Fr(o, w, Xe, se, ye, Ft) : k.column.columnDef.meta?.renderInGroupedRows ? (
+                                            N ? jr(o, w, Xe, se, ye, jt) : D.column.columnDef.meta?.renderInGroupedRows ? (
                                               // Render custom cell content for columns with renderInGroupedRows flag
-                                              Be(k)
-                                            ) : k.column.columnDef.aggregatedCell ? (
+                                              Be(D)
+                                            ) : D.column.columnDef.aggregatedCell ? (
                                               // Render custom aggregatedCell if defined
-                                              yr(k)
+                                              wr(D)
                                             ) : (
                                               // Calculate and show aggregation for other columns in grouped row
                                               (() => {
-                                                const pe = Pr(
-                                                  k.column,
+                                                const pe = Vr(
+                                                  D.column,
                                                   o.subRows,
                                                   o.groupingColumnId
                                                 );
                                                 if (!pe) return /* @__PURE__ */ t("div", {});
-                                                const ve = k.column.columnDef.meta?.align || "left";
+                                                const ve = D.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" : ""
@@ -2284,7 +2290,7 @@ function $o({
                                           ) : (
                                             // Regular row rendering
                                             /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)]", children: [
-                                              I && j && /* @__PURE__ */ t(
+                                              N && j && /* @__PURE__ */ t(
                                                 "button",
                                                 {
                                                   onClick: o.getToggleExpandedHandler(),
@@ -2298,14 +2304,14 @@ function $o({
                                                   )
                                                 }
                                               ),
-                                              I && Ee && !_e && /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
+                                              N && 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-[var(--border-radius-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(W, { name: Rr, className: "h-3 w-3" })
+                                                    children: /* @__PURE__ */ t(W, { name: Er, className: "h-3 w-3" })
                                                   }
                                                 ),
                                                 o.getIsPinned() !== "bottom" && /* @__PURE__ */ t(
@@ -2314,7 +2320,7 @@ function $o({
                                                     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-[var(--border-radius-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(W, { name: Ir, className: "h-3 w-3" })
+                                                    children: /* @__PURE__ */ t(W, { name: Dr, className: "h-3 w-3" })
                                                   }
                                                 ),
                                                 o.getIsPinned() && /* @__PURE__ */ t(
@@ -2323,31 +2329,31 @@ function $o({
                                                     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-[var(--border-radius-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(W, { name: Vt, className: "h-3 w-3" })
+                                                    children: /* @__PURE__ */ t(W, { name: $t, className: "h-3 w-3" })
                                                   }
                                                 )
                                               ] }),
-                                              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) ? (
+                                              N && !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 && (D.column.id === o.getParentRow()?.groupingColumnId || D.column.id === Xe) ? (
                                                 // Hide grouped column and groupDisplayColumn in detail rows
                                                 /* @__PURE__ */ t("div", {})
-                                              ) : k.column.columnDef.meta?.truncate !== !1 ? (
+                                              ) : D.column.columnDef.meta?.truncate !== !1 ? (
                                                 // Wrap in TruncatedCell for overflow handling with tooltip
-                                                /* @__PURE__ */ t(Te, { align: k.column.columnDef.meta?.align, children: Be(k) })
+                                                /* @__PURE__ */ t(Te, { align: D.column.columnDef.meta?.align, children: Be(D) })
                                               ) : (
                                                 // No truncation for this column
-                                                Be(k)
+                                                Be(D)
                                               ) })
                                             ] })
                                           )
                                         },
-                                        k.id
+                                        D.id
                                       );
                                     })
                                   }
                                 ),
-                                rt?.[o.id] && o.getIsExpanded() && /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: /* @__PURE__ */ t(
-                                  le,
+                                nt?.[o.id] && o.getIsExpanded() && /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: /* @__PURE__ */ t(
+                                  ie,
                                   {
                                     colSpan: o.getVisibleCells().length,
                                     showBorder: E.showCellBorder,
@@ -2361,7 +2367,7 @@ function $o({
                                   }
                                 ) }),
                                 J && o.getIsExpanded() && o.depth === 0 && /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: /* @__PURE__ */ t(
-                                  le,
+                                  ie,
                                   {
                                     colSpan: o.getVisibleCells().length,
                                     showBorder: E.showCellBorder,
@@ -2369,7 +2375,7 @@ function $o({
                                     verticalAlign: Ie,
                                     className: "p-0",
                                     "data-section-header": !0,
-                                    children: st?.[o.id] ? /* @__PURE__ */ b("div", { className: "flex items-center justify-center py-[var(--space-l)]", children: [
+                                    children: ot?.[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)
@@ -2377,11 +2383,11 @@ function $o({
                                 ) }),
                                 (() => {
                                   if (J) return null;
-                                  const k = o.subRows && o.subRows.length > 0 ? o.subRows : it?.get(o.id) || [];
-                                  if (k.length === 0) return null;
+                                  const D = o.subRows && o.subRows.length > 0 ? o.subRows : dt?.get(o.id) || [];
+                                  if (D.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)
+                                  return !H && Q === !0 && o.getCanExpand() && (H = !0), !H && typeof Q == "object" && Q !== null && Q[o.id] && (H = !0), H ? D.map(
+                                    (q, N) => F(q, N, N === D.length - 1)
                                   ) : null;
                                 })()
                               ] }, o.id);
@@ -2392,37 +2398,37 @@ function $o({
                           })()
                         ) : (
                           // Empty or no results state
-                          er.length > 0 || St !== "" ? /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
-                            le,
+                          rr.length > 0 || Rt !== "" ? /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
+                            ie,
                             {
-                              colSpan: kt.length,
+                              colSpan: Bt.length,
                               className: "text-center",
                               showBorder: !1,
                               showRowBorder: !1,
                               verticalAlign: "middle",
-                              children: ws || /* @__PURE__ */ t(
-                                Zn,
+                              children: Ns || /* @__PURE__ */ t(
+                                to,
                                 {
-                                  title: Ss,
-                                  description: Ns,
-                                  action: Rs
+                                  title: Rs,
+                                  description: Is,
+                                  action: Es
                                 }
                               )
                             }
                           ) }) : /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
-                            le,
+                            ie,
                             {
-                              colSpan: kt.length,
+                              colSpan: Bt.length,
                               className: "text-center",
                               showBorder: !1,
                               showRowBorder: !1,
                               verticalAlign: "middle",
-                              children: bs || /* @__PURE__ */ t(
-                                Yn,
+                              children: ys || /* @__PURE__ */ t(
+                                eo,
                                 {
-                                  title: xs,
-                                  description: ys,
-                                  action: Cs
+                                  title: Cs,
+                                  description: ws,
+                                  action: Ss
                                 }
                               )
                             }
@@ -2436,24 +2442,24 @@ function $o({
             ]
           }
         ),
-        vt && /* @__PURE__ */ t("div", { className: "bg-[var(--color-surface-primary)] px-[var(--space-l)] py-[var(--space-m)]", children: /* @__PURE__ */ t(
-          ao,
+        xt && /* @__PURE__ */ t("div", { className: "bg-[var(--color-surface-primary)] px-[var(--space-l)] py-[var(--space-m)]", children: /* @__PURE__ */ t(
+          lo,
           {
             table: w,
             enableGrouping: z,
             hideChildrenForSingleItemGroups: ye,
-            footerLabel: ns,
-            onNextPageHover: fs,
-            onPreviousPageHover: gs,
-            paginationVariant: rs,
-            pageSizeOptions: ss
+            footerLabel: as,
+            onNextPageHover: ms,
+            onPreviousPageHover: hs,
+            paginationVariant: ns,
+            pageSizeOptions: os
           }
         ) }),
-        Jt && ms && /* @__PURE__ */ t(
-          lo,
+        Xt && ps && /* @__PURE__ */ t(
+          co,
           {
-            onLoadMore: () => Jt(re.pageIndex),
-            isLoading: hs
+            onLoadMore: () => Xt(re.pageIndex),
+            isLoading: vs
           }
         )
       ] })
@@ -2461,14 +2467,14 @@ function $o({
   ) });
 }
 export {
-  $o as DataTable,
-  Fo as DataTableColumnHeader,
-  no as DataTableFilter,
-  ao as DataTablePagination,
-  Mr as DataTableSkeleton,
-  ro as DataTableToolbar,
-  Dr as fuzzyFilter,
-  Vo as groupPreservingGlobalFilter,
-  Un as multiSelectFilter,
-  Lo as useReactTable
+  Ao as DataTable,
+  jo as DataTableColumnHeader,
+  ao as DataTableFilter,
+  lo as DataTablePagination,
+  Fr as DataTableSkeleton,
+  no as DataTableToolbar,
+  zr as fuzzyFilter,
+  $o as groupPreservingGlobalFilter,
+  Kn as multiSelectFilter,
+  Ho as useReactTable
 };