@rafal.lemieszewski/tide-ui 0.87.7 → 0.87.8

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

@@ -1,39 +1,39 @@
 import { jsx as t, Fragment as ee, jsxs as b } from "react/jsx-runtime";
 import * as l from "react";
-import { useReactTable as is, getFacetedMinMaxValues as cs, getFacetedUniqueValues as ds, getFacetedRowModel as us, getGroupedRowModel as fs, getExpandedRowModel as gs, getSortedRowModel as ms, getPaginationRowModel as hs, getFilteredRowModel as ps, getCoreRowModel as vs, flexRender as be } from "@tanstack/react-table";
+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 bs, useSensor as Sr, MouseSensor as xs, TouchSensor as ys, DndContext as Cs, closestCenter as ws } from "@dnd-kit/core";
-import { SortableContext as Ss, horizontalListSortingStrategy as Ns, arrayMove as Rs, useSortable as Is } from "@dnd-kit/sortable";
-import { CSS as Es } from "@dnd-kit/utilities";
+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 { 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 Ds } from "../fundamental/autocomplete-search.js";
-import { Table as ks, TableHeader as zs, TableRow as G, TableHead as ut, TableBody as Bs, TableCell as le } from "../fundamental/table.js";
-import { Select as Ts, SelectTrigger as Ps, SelectValue as Ms, SelectContent as Vs, SelectItem as Nr } from "../fundamental/select.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 { Icon as W } from "../fundamental/icon.js";
-import { PlusCircle as Fs, X as Vt, GripVertical as $s, ArrowUpToLine as Rr, ArrowDownToLine as Ir, AlertCircle as js, Filter as As } from "lucide-react";
+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 { 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 Ls } from "../fundamental/pagination.js";
+import { Pagination as Ln } from "../fundamental/pagination.js";
 import { Skeleton as Er } from "../fundamental/skeleton.js";
 import { Spinner as qe } from "../fundamental/spinner.js";
-import { DataTableSettingsMenu as Os } from "./data-table-settings-menu.js";
-import { TooltipProvider as Hs, Tooltip as Ws, TooltipTrigger as Gs, TooltipContent as _s } from "../fundamental/tooltip.js";
-function qs(c, s) {
+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(() => {
     const f = setTimeout(() => {
       a(c);
-    }, s);
+    }, n);
     return () => {
       clearTimeout(f);
     };
-  }, [c, s]), i;
+  }, [c, n]), i;
 }
-const Te = /* @__PURE__ */ l.memo(function({ children: s, align: i = "left" }) {
+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 p = a.current;
@@ -55,34 +55,34 @@ const Te = /* @__PURE__ */ l.memo(function({ children: s, align: i = "left" }) {
     return D.observe(p), () => {
       clearTimeout(v), D.disconnect();
     };
-  }, [s]), l.useEffect(() => {
+  }, [n]), l.useEffect(() => {
     a.current && h(a.current.textContent || "");
-  }, [s]), f ? /* @__PURE__ */ b(Ws, { children: [
-    /* @__PURE__ */ t(Gs, { asChild: !0, children: /* @__PURE__ */ t(
+  }, [n]), f ? /* @__PURE__ */ b(Wn, { children: [
+    /* @__PURE__ */ t(Gn, { asChild: !0, children: /* @__PURE__ */ t(
       "div",
       {
         ref: a,
         className: V("min-w-0 overflow-hidden truncate [&>*]:truncate", i === "right" && "text-right"),
-        children: s
+        children: n
       }
     ) }),
-    /* @__PURE__ */ t(_s, { side: "top", className: "max-w-xs", children: y })
+    /* @__PURE__ */ t(_n, { 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"),
-      children: s
+      children: n
     }
   );
-}), Dr = (c, s, i, a) => {
-  const f = c.getValue(s), x = f != null ? String(f) : "", y = i.toLowerCase();
+}), Dr = (c, n, i, a) => {
+  const f = c.getValue(n), x = f != null ? String(f) : "", y = i.toLowerCase();
   return x.toLowerCase().includes(y) ? !0 : x.toLowerCase().split(" ").some((p) => p.startsWith(y));
-}, Us = (c, s, i) => {
+}, Un = (c, n, i) => {
   if (!i || i.length === 0) return !0;
-  const a = c.getValue(s);
+  const a = c.getValue(n);
   return i.includes(a);
-}, Vo = (c, s, i, a) => {
+}, Vo = (c, n, i, a) => {
   if (!i || i.trim() === "") return !0;
   const f = String(i).toLowerCase(), x = (h) => {
     const p = h.getAllCells().map((v) => v.column.id);
@@ -97,9 +97,9 @@ const Te = /* @__PURE__ */ l.memo(function({ children: s, align: i = "left" }) {
   const y = x(c);
   return a && y && a({ itemRank: 1 }), y;
 };
-function Js(c, s) {
+function Jn(c, n) {
   for (const i of c) {
-    const a = typeof s == "function" ? s(i.original) : i.original?.[s];
+    const a = typeof n == "function" ? n(i.original) : i.original?.[n];
     if (a != null) {
       if (typeof a == "number") return "number";
       if (a instanceof Date) return "date";
@@ -114,29 +114,29 @@ function Js(c, s) {
 }
 function kr(c) {
   if (c.length === 0) return "";
-  const s = Math.min(...c), i = Math.max(...c);
-  return s === i ? String(s) : `${s} – ${i}`;
+  const n = Math.min(...c), i = Math.max(...c);
+  return n === i ? String(n) : `${n} – ${i}`;
 }
-function Ks(c) {
+function Kn(c) {
   return c.length === 0 ? "" : `Avg: ${(c.reduce((a, f) => a + f, 0) / c.length).toFixed(2)}`;
 }
-function Xs(c) {
+function Xn(c) {
   return c.length === 0 ? "" : `Total: ${c.reduce((i, a) => i + a, 0)}`;
 }
 function zr(c) {
   return `${c} ${c === 1 ? "item" : "items"}`;
 }
-function Br(c, s) {
+function Br(c, n) {
   if (c.length === 0) return "";
-  const a = new Set(c).size, f = a === 1 || s.endsWith("s") ? s : s.endsWith("y") ? s.slice(0, -1) + "ies" : s + "s";
+  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 Qs(c) {
+function Qn(c) {
   if (c.length === 0) return "";
-  const s = /* @__PURE__ */ new Map();
-  c.forEach((f) => s.set(f, (s.get(f) || 0) + 1));
+  const n = /* @__PURE__ */ new Map();
+  c.forEach((f) => n.set(f, (n.get(f) || 0) + 1));
   let i = 0, a = "";
-  return s.forEach((f, x) => {
+  return n.forEach((f, x) => {
     f > i && (i = f, a = x);
   }), `${a} (${i})`;
 }
@@ -147,16 +147,16 @@ function Tr(c) {
   const a = new Date(Math.min(...i.map((y) => y.getTime()))), f = new Date(Math.max(...i.map((y) => y.getTime()))), x = (y) => y.toISOString().split("T")[0];
   return a.getTime() === f.getTime() ? x(a) : `${x(a)} – ${x(f)}`;
 }
-function Pr(c, s, i) {
+function Pr(c, n, i) {
   const a = c.columnDef;
   if (c.id === i || a?.meta?.renderInGroupedRows || a?.meta?.aggregation === !1) return null;
   if (typeof a?.meta?.aggregation == "function") {
     const R = "accessorKey" in a ? a.accessorKey : void 0;
-    return a.meta.aggregation(s, R);
+    return a.meta.aggregation(n, R);
   }
   const f = "accessorKey" in a ? a.accessorKey : void 0, x = "accessorFn" in a ? a.accessorFn : void 0, y = f || x;
   if (!y) return null;
-  const h = s.map((R) => typeof y == "function" ? y(R.original, R.index) : R.original?.[y]).filter((R) => R != null);
+  const h = n.map((R) => typeof y == "function" ? y(R.original, R.index) : R.original?.[y]).filter((R) => R != null);
   if (h.length === 0) return null;
   const p = a?.meta?.aggregation;
   if (p && typeof p == "string")
@@ -164,9 +164,9 @@ function Pr(c, s, i) {
       case "range":
         return kr(h);
       case "average":
-        return Ks(h);
+        return Kn(h);
       case "sum":
-        return Xs(h);
+        return Xn(h);
       case "count":
         return zr(h.length);
       case "uniqueCount":
@@ -175,13 +175,13 @@ function Pr(c, s, i) {
           a?.meta?.label || String(c.id)
         );
       case "mostCommon":
-        return Qs(h.map(String));
+        return Qn(h.map(String));
       case "dateRange":
         return Tr(h);
       default:
         return null;
     }
-  switch (Js(s, y)) {
+  switch (Jn(n, y)) {
     case "number":
       return kr(h);
     case "string":
@@ -195,11 +195,11 @@ function Pr(c, s, i) {
       return zr(h.length);
   }
 }
-function Mr({ columns: c, rows: s, showRowBorder: i = !0, showCellBorder: a = !0, skipHeader: f = !1, enableResponsiveWrapper: x = !0 }) {
+function Mr({ columns: c, rows: n, showRowBorder: i = !0, showCellBorder: a = !0, skipHeader: f = !1, enableResponsiveWrapper: x = !0 }) {
   const y = x ? "h-4 w-full max-w-full" : "h-4 w-[120px]", h = x ? "h-4 w-full max-w-full" : "h-4 w-[100px]";
   return /* @__PURE__ */ 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: s }).map((p, v) => /* @__PURE__ */ t(G, { showBorder: i, children: Array.from({ length: c }).map((R, D) => /* @__PURE__ */ t(
+    Array.from({ length: n }).map((p, v) => /* @__PURE__ */ t(G, { showBorder: i, children: Array.from({ length: c }).map((R, D) => /* @__PURE__ */ t(
       le,
       {
         showBorder: a,
@@ -211,14 +211,14 @@ function Mr({ columns: c, rows: s, showRowBorder: i = !0, showCellBorder: a = !0
     )) }, v))
   ] });
 }
-const Ys = /* @__PURE__ */ l.memo(function({
-  title: s = "No data",
+const Yn = /* @__PURE__ */ l.memo(function({
+  title: n = "No data",
   description: i = "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: s }),
+    /* @__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 }),
     a && /* @__PURE__ */ t(
       Pe,
@@ -231,14 +231,14 @@ const Ys = /* @__PURE__ */ l.memo(function({
       }
     )
   ] });
-}), Zs = /* @__PURE__ */ l.memo(function({
-  title: s = "No results found",
+}), Zn = /* @__PURE__ */ l.memo(function({
+  title: n = "No results found",
   description: i = "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: s }),
+    /* @__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 }),
     a && /* @__PURE__ */ t(
       Pe,
@@ -252,13 +252,13 @@ const Ys = /* @__PURE__ */ l.memo(function({
     )
   ] });
 }), eo = /* @__PURE__ */ l.memo(function({
-  error: s,
+  error: n,
   onRetry: i,
   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: s?.message || "An error occurred while loading data" }),
+    /* @__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(
       Pe,
       {
@@ -273,7 +273,7 @@ const Ys = /* @__PURE__ */ l.memo(function({
 }), to = /* @__PURE__ */ l.memo(function() {
   return /* @__PURE__ */ t("div", { className: "absolute top-0 left-0 right-0 h-[2px] overflow-hidden", children: /* @__PURE__ */ t("div", { className: "h-full w-full bg-[var(--color-background-brand)] animate-pulse" }) });
 }), ro = /* @__PURE__ */ l.memo(function({
-  table: s,
+  table: n,
   searchKey: i,
   searchPlaceholder: a = "Search...",
   enableGlobalSearch: f = !1,
@@ -287,11 +287,11 @@ const Ys = /* @__PURE__ */ l.memo(function({
   autocompleteSuggestions: T = [],
   autocompleteMinCharacters: C = 2
 }) {
-  const A = s.getState().columnFilters.length > 0 || f && y.length > 0;
+  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(
-        Ds,
+        Dn,
         {
           value: y,
           onValueChange: h,
@@ -314,19 +314,19 @@ const Ys = /* @__PURE__ */ l.memo(function({
         ft,
         {
           placeholder: a,
-          value: s.getColumn(i)?.getFilterValue() ?? "",
-          onChange: (M) => s.getColumn(i)?.setFilterValue(M.target.value),
+          value: n.getColumn(i)?.getFilterValue() ?? "",
+          onChange: (M) => n.getColumn(i)?.setFilterValue(M.target.value),
           className: "h-8 w-[150px] lg:w-[250px]"
         }
       ),
-      s.getAllColumns().filter((M) => M.getCanFilter() && M.columnDef.meta?.filterVariant).map((M) => /* @__PURE__ */ t(so, { column: M }, M.id)),
-      p && /* @__PURE__ */ t(no, { table: s }),
+      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 }),
       A && /* @__PURE__ */ b(
         Pe,
         {
           variant: "ghost",
           onClick: () => {
-            s.resetColumnFilters(), f && h && h("");
+            n.resetColumnFilters(), f && h && h("");
           },
           className: "h-8 px-2 lg:px-3",
           children: [
@@ -336,10 +336,10 @@ const Ys = /* @__PURE__ */ l.memo(function({
         }
       )
     ] }),
-    R && /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ t(qr, { table: s, enableGrouping: v }) })
+    R && /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ t(qr, { table: n, enableGrouping: v }) })
   ] });
-}), no = /* @__PURE__ */ l.memo(function({ table: s }) {
-  const [i, a] = l.useState([]), f = s.getAllColumns().filter(
+}), so = /* @__PURE__ */ l.memo(function({ table: n }) {
+  const [i, a] = l.useState([]), f = n.getAllColumns().filter(
     (h) => h.columnDef.meta?.filterOptions && h.getCanFilter()
   ), x = l.useMemo(() => {
     const h = /* @__PURE__ */ new Map();
@@ -372,11 +372,11 @@ const Ys = /* @__PURE__ */ l.memo(function({
   };
   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: As, className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ t(W, { name: An, className: "mr-2 h-4 w-4" }),
       "Global Faceting",
       i.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-s px-1 font-normal", children: [
+        /* @__PURE__ */ b(xe, { className: "rounded-[var(--border-radius-s)] px-1 font-normal", children: [
           i.length,
           " selected"
         ] })
@@ -412,17 +412,17 @@ const Ys = /* @__PURE__ */ l.memo(function({
       ] })
     ] }) })
   ] });
-}), so = /* @__PURE__ */ l.memo(function({ column: s }) {
-  const { filterVariant: i, filterOptions: a, label: f, placeholder: x } = s.columnDef.meta || {}, y = s.getFilterValue(), h = s.getFacetedUniqueValues();
+}), 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)
     return /* @__PURE__ */ b(
-      Ts,
+      Tn,
       {
         value: y || "all",
-        onValueChange: (p) => s.setFilterValue(p === "all" ? "" : p),
+        onValueChange: (p) => n.setFilterValue(p === "all" ? "" : p),
         children: [
-          /* @__PURE__ */ t(Ps, { className: "h-8 w-[150px]", children: /* @__PURE__ */ t(Ms, { placeholder: x || `Filter ${f}` }) }),
-          /* @__PURE__ */ b(Vs, { 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: [
               "All ",
               f
@@ -445,15 +445,15 @@ const Ys = /* @__PURE__ */ l.memo(function({
     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: Fs, className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ t(W, { name: Fn, 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)]" }),
-          /* @__PURE__ */ t(xe, { className: "rounded-s px-1 font-normal lg:hidden", children: p.length }),
-          /* @__PURE__ */ t("div", { className: "hidden space-x-1 lg:flex", children: p.length > 2 ? /* @__PURE__ */ b(xe, { className: "rounded-s px-1 font-normal", children: [
+          /* @__PURE__ */ t(xe, { className: "rounded-[var(--border-radius-s)] px-1 font-normal lg:hidden", children: p.length }),
+          /* @__PURE__ */ t("div", { className: "hidden space-x-1 lg:flex", children: p.length > 2 ? /* @__PURE__ */ b(xe, { className: "rounded-[var(--border-radius-s)] px-1 font-normal", children: [
             p.length,
             " selected"
-          ] }) : a.filter((v) => p.includes(v.value)).map((v) => /* @__PURE__ */ t(xe, { className: "rounded-s px-1 font-normal", children: v.label }, v.value)) })
+          ] }) : 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: [
@@ -467,7 +467,7 @@ const Ys = /* @__PURE__ */ l.memo(function({
               {
                 onSelect: () => {
                   const T = R ? p.filter((C) => C !== v.value) : [...p, v.value];
-                  s.setFilterValue(T.length ? T : void 0);
+                  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: [
@@ -490,7 +490,7 @@ const Ys = /* @__PURE__ */ l.memo(function({
     {
       placeholder: x || `Filter ${f}...`,
       value: y || "",
-      onChange: (p) => s.setFilterValue(p.target.value),
+      onChange: (p) => n.setFilterValue(p.target.value),
       className: "h-8 w-[150px]",
       type: "number"
     }
@@ -499,11 +499,11 @@ const Ys = /* @__PURE__ */ l.memo(function({
     {
       placeholder: x || `Filter ${f}...`,
       value: y || "",
-      onChange: (p) => s.setFilterValue(p.target.value),
+      onChange: (p) => n.setFilterValue(p.target.value),
       className: "h-8 w-[150px]"
     }
   );
-}), oo = /* @__PURE__ */ l.memo(function({ header: s, enableColumnOrdering: i, children: a }) {
+}), oo = /* @__PURE__ */ l.memo(function({ header: n, enableColumnOrdering: i, children: a }) {
   const {
     attributes: f,
     listeners: x,
@@ -511,11 +511,11 @@ const Ys = /* @__PURE__ */ l.memo(function({
     transform: h,
     transition: p,
     isDragging: v
-  } = Is({
-    id: s.id,
+  } = In({
+    id: n.id,
     disabled: !i
   }), R = {
-    transform: Es.Translate.toString(h),
+    transform: En.Translate.toString(h),
     // Only translate, no scale
     transition: p,
     opacity: v ? 0.5 : 1
@@ -534,13 +534,13 @@ const Ys = /* @__PURE__ */ l.memo(function({
         i && /* @__PURE__ */ t(
           "div",
           {
-            className: "ml-2 p-1 !cursor-grab active:!cursor-grabbing hover:bg-[var(--color-background-neutral-subtlest-hovered)] rounded-s transition-colors",
+            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",
             ...f,
             ...x,
             children: /* @__PURE__ */ t(
               W,
               {
-                name: $s,
+                name: $n,
                 className: "h-3 w-3 text-[var(--color-text-tertiary)]"
               }
             )
@@ -549,48 +549,48 @@ const Ys = /* @__PURE__ */ l.memo(function({
       ]
     }
   ) : /* @__PURE__ */ t(ee, { children: a });
-}), qr = /* @__PURE__ */ l.memo(function({ table: s, enableGrouping: i = !1 }) {
-  const a = s.getAllColumns().filter((N) => N.getCanSort()).map((N) => ({
+}), 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 = s.getAllColumns().filter((N) => N.getCanGroup?.() || N.columnDef.enableGrouping).map((N) => ({
+  })), 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 = s.getAllColumns().filter((N) => typeof N.accessorFn < "u" && N.getCanHide()).map((N) => ({
+  })), 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) => s.getColumn(N.id)?.getIsVisible()).map((N) => N.id), h = s.getState().sorting[0], p = h?.id, v = h?.desc ? "desc" : "asc", D = s.getState().grouping[0] || "";
+  })), 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] || "";
   return /* @__PURE__ */ t(
-    Os,
+    On,
     {
       sortableColumns: a,
       selectedSortColumn: p,
       sortDirection: v,
       onSortChange: (N) => {
-        s.setSorting([{ id: N, desc: v === "desc" }]);
+        n.setSorting([{ id: N, desc: v === "desc" }]);
       },
       onSortDirectionChange: (N) => {
-        h && s.setSorting([{ id: h.id, desc: N === "desc" }]);
+        h && n.setSorting([{ id: h.id, desc: N === "desc" }]);
       },
       groupableColumns: i ? f : [],
       selectedGroupColumn: D,
       onGroupChange: (N) => {
-        !N || N === "none" ? s.setGrouping([]) : s.setGrouping([N]);
+        !N || N === "none" ? n.setGrouping([]) : n.setGrouping([N]);
       },
       columns: x,
       visibleColumns: y,
       onColumnVisibilityChange: (N, Ue) => {
-        s.getColumn(N)?.toggleVisibility(Ue);
+        n.getColumn(N)?.toggleVisibility(Ue);
       }
     }
   );
 }), Fo = /* @__PURE__ */ l.memo(function({
-  column: s,
+  column: n,
   title: i,
   className: a
 }) {
-  const f = s.columnDef.meta?.align || "left", x = s.columnDef.meta?.truncate !== !1, y = s.getIsSorted();
-  return s.getCanSort() ? /* @__PURE__ */ b(
+  const f = n.columnDef.meta?.align || "left", x = n.columnDef.meta?.truncate !== !1, y = n.getIsSorted();
+  return n.getCanSort() ? /* @__PURE__ */ b(
     "div",
     {
       className: V(
@@ -612,7 +612,7 @@ const Ys = /* @__PURE__ */ l.memo(function({
     }
   ) : x ? /* @__PURE__ */ t(Te, { align: f, children: /* @__PURE__ */ t("div", { className: V(f === "right" ? "text-right" : "text-left", a), children: i }) }) : /* @__PURE__ */ t("div", { className: V(f === "right" ? "text-right" : "text-left", a), children: i });
 }), ao = /* @__PURE__ */ l.memo(function({
-  table: s,
+  table: n,
   enableGrouping: i = !1,
   hideChildrenForSingleItemGroups: a = {},
   footerLabel: f,
@@ -621,10 +621,10 @@ const Ys = /* @__PURE__ */ l.memo(function({
   paginationVariant: h = "full",
   pageSizeOptions: p = [10, 25, 50, 100]
 }) {
-  const v = s.getState().pagination.pageIndex + 1, R = s.getState().pagination.pageSize, D = i && !s.options.manualPagination ? s.getPrePaginationRowModel().rows.filter((M) => M.depth === 0).length : s.getRowCount(), T = s.getFilteredSelectedRowModel().rows.length, C = (M) => {
-    s.setPageIndex(M - 1);
+  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) => {
+    n.setPageIndex(M - 1);
   }, A = (M) => {
-    s.setPageSize(M);
+    n.setPageSize(M);
   };
   return /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ t("div", { className: "flex-1 text-body-sm text-[var(--color-text-secondary)]", children: f ? /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-m)]", children: [
@@ -643,7 +643,7 @@ const Ys = /* @__PURE__ */ l.memo(function({
       " row(s) selected."
     ] }) }),
     /* @__PURE__ */ t(
-      Ls,
+      Ln,
       {
         variant: h,
         currentPage: v,
@@ -658,7 +658,7 @@ const Ys = /* @__PURE__ */ l.memo(function({
     )
   ] });
 }), lo = /* @__PURE__ */ l.memo(function({
-  onLoadMore: s,
+  onLoadMore: n,
   isLoading: i
 }) {
   const a = l.useRef(null);
@@ -667,12 +667,12 @@ const Ys = /* @__PURE__ */ l.memo(function({
     if (!f || i) return;
     const x = new IntersectionObserver(
       (y) => {
-        y[0].isIntersecting && s();
+        y[0].isIntersecting && n();
       },
       { threshold: 0.1 }
     );
     return x.observe(f), () => x.disconnect();
-  }, [s, i]), /* @__PURE__ */ t(
+  }, [n, i]), /* @__PURE__ */ t(
     "div",
     {
       ref: a,
@@ -682,16 +682,16 @@ const Ys = /* @__PURE__ */ l.memo(function({
   );
 });
 function io(c) {
-  let s = 0;
+  let n = 0;
   const i = (a, f) => {
     a.forEach((x) => {
-      x.depth > s && (s = x.depth), x.subRows && x.subRows.length > 0 && i(x.subRows);
+      x.depth > n && (n = x.depth), x.subRows && x.subRows.length > 0 && i(x.subRows);
     });
   };
-  return i(c), s;
+  return i(c), n;
 }
-function Vr(c, s) {
-  const { enableGrouping: i, enableExpanding: a, nestedRowStyling: f, expandingRowColors: x, maxDepth: y } = s, h = c.depth, p = c.getIsGrouped?.(), v = c.getIsExpanded(), R = c.subRows && c.subRows.length > 0, D = R ? v ? "expanded" : "collapsed" : "leaf", T = () => {
+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 = () => {
     let C = c;
     for (; C; ) {
       if (C.getIsExpanded()) return !0;
@@ -727,21 +727,21 @@ function Vr(c, s) {
   }
   return p ? v ? "var(--blue-50)" : "var(--color-background-neutral-subtlest)" : i && h === 1 ? "var(--blue-25)" : a && !p ? h === 0 && (!R || !T()) ? "" : (y - h) % 2 === 0 ? "var(--blue-25)" : "var(--blue-50)" : "";
 }
-function co(c, s) {
-  if (s) {
-    if (s.heights && s.heights[c] !== void 0)
-      return s.heights[c];
-    if (s.defaultHeight)
-      return s.defaultHeight;
+function co(c, n) {
+  if (n) {
+    if (n.heights && n.heights[c] !== void 0)
+      return n.heights[c];
+    if (n.defaultHeight)
+      return n.defaultHeight;
   }
 }
-function Fr(c, s, i, a, f, x) {
+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(
     "button",
     {
       tabIndex: -1,
       onClick: c.getToggleExpandedHandler(),
-      className: "flex h-[var(--size-s)] w-[var(--size-s)] cursor-pointer items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
+      className: "flex h-[var(--size-s)] w-[var(--size-s)] cursor-pointer 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)]",
       children: /* @__PURE__ */ t(
         W,
         {
@@ -755,7 +755,7 @@ function Fr(c, s, i, a, f, x) {
     /* @__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 = s.getAllColumns().find((C) => C.id === i);
+    const T = n.getAllColumns().find((C) => C.id === i);
     if (T) {
       const C = T.columnDef;
       if (C.aggregatedCell) {
@@ -789,7 +789,7 @@ function Fr(c, s, i, a, f, x) {
 }
 function $o({
   columns: c,
-  data: s,
+  data: n,
   searchKey: i,
   searchPlaceholder: a,
   title: f,
@@ -830,39 +830,39 @@ function $o({
   hideExpanderForSingleItemGroups: Ft = {},
   enableRowPinning: Ee = !1,
   keepPinnedRows: $t = !0,
-  enableVirtualization: en = !1,
+  enableVirtualization: es = !1,
   // virtualContainerHeight = 600,
   // virtualRowHeight = 40,
   // virtualOverscan = 10,
   nestedHeaders: Qe = [],
-  enableNestedHeaders: tn = !1,
+  enableNestedHeaders: ts = !1,
   enableColumnOrdering: Ye = !1,
   enableRowSelection: fe = !1,
   showHeader: Me = !0,
   showPagination: vt = !0,
-  paginationVariant: rn = "full",
-  pageSizeOptions: nn = [10, 25, 50, 100],
-  footerLabel: sn,
+  paginationVariant: rs = "full",
+  pageSizeOptions: ss = [10, 25, 50, 100],
+  footerLabel: ns,
   onTableReady: bt,
   initialState: Ve,
   // Controlled state props
   sorting: jt,
-  onSortingChange: on,
+  onSortingChange: os,
   columnVisibility: At,
-  onColumnVisibilityChange: an,
+  onColumnVisibilityChange: as,
   grouping: Lt,
-  onGroupingChange: ln,
+  onGroupingChange: ls,
   columnOrder: Ot,
-  onColumnOrderChange: cn,
+  onColumnOrderChange: is,
   columnSizing: xt,
-  onColumnSizingChange: dn,
+  onColumnSizingChange: cs,
   pagination: Ht,
-  onPaginationChange: un,
+  onPaginationChange: ds,
   expanded: Ce,
   onExpandedChange: yt,
   renderSectionHeaderRow: Wt,
   renderSubComponent: J,
-  getRowCanExpand: fn,
+  getRowCanExpand: us,
   autoExpandChildren: Gt = !1,
   // Row click props
   onRowClick: K,
@@ -876,49 +876,49 @@ function $o({
   onActiveRowChange: Ut,
   // Callback props
   onRowSelectionChange: wt,
-  onNextPageHover: gn,
-  onPreviousPageHover: mn,
+  onNextPageHover: fs,
+  onPreviousPageHover: gs,
   onRowUpdate: uo,
   // Infinite scroll props
   onLoadMore: Jt,
-  hasMoreData: hn,
-  isLoadingMore: pn,
+  hasMoreData: ms,
+  isLoadingMore: hs,
   // Error handling props
   error: Kt,
-  onRetry: vn,
-  errorComponent: bn,
+  onRetry: ps,
+  errorComponent: vs,
   // Empty state props
-  emptyState: xn,
-  emptyStateTitle: yn = "No data",
-  emptyStateDescription: Cn = "No items to display",
-  emptyStateAction: wn,
+  emptyState: bs,
+  emptyStateTitle: xs = "No data",
+  emptyStateDescription: ys = "No items to display",
+  emptyStateAction: Cs,
   // No results state props
-  noResultsState: Sn,
-  noResultsTitle: Nn = "No results found",
-  noResultsDescription: Rn = "Try adjusting your search or filters",
-  noResultsAction: In,
+  noResultsState: ws,
+  noResultsTitle: Ss = "No results found",
+  noResultsDescription: Ns = "Try adjusting your search or filters",
+  noResultsAction: Rs,
   // Refetching props
-  isRefetching: En = !1,
+  isRefetching: Is = !1,
   // Server-side mode props
   manualSorting: Xt = !1,
   manualFiltering: Qt = !1,
   manualPagination: et = !1,
-  rowCount: Dn,
+  rowCount: Es,
   // Server-side expansion props
   manualExpanding: Yt = !1,
   onLoadChildren: tt,
   expandingRowsLoading: rt,
-  subComponentLoading: nt,
+  subComponentLoading: st,
   onSubComponentLoad: De,
   // Server-side error handling props
   expandingRowsError: fo,
   subComponentError: Zt,
   onExpandError: $e
 }) {
-  const st = D || !!(v && v > 0) || !!(R && R > 0), [kn, zn] = l.useState([]), [Bn, Tn] = l.useState({}), [Pn, Mn] = l.useState(Ve?.grouping || []), [Vn, Fn] = l.useState(() => {
+  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 e = c.map((r) => r.id || r.accessorKey || `column-${Math.random()}`);
     return fe ? ["select", ...e] : e;
-  }), [$n, jn] = l.useState(xt || Ve?.columnSizing || {}), [An, Ln] = l.useState(() => {
+  }), [Fs, $s] = l.useState(xt || Ve?.columnSizing || {}), [js, As] = l.useState(() => {
     if (ht && Y) {
       const e = localStorage.getItem(`${Y}-pagination`);
       if (e)
@@ -931,7 +931,7 @@ function $o({
         }
     }
     return Ve?.pagination || { pageIndex: 0, pageSize: 10 };
-  }), [er, On] = l.useState([]), [ke, Hn] = l.useState({}), [St, tr] = l.useState(""), [Wn, rr] = l.useState(Ve?.expanded || {}), [Gn, _n] = l.useState(Ve?.rowPinning || { top: [], bottom: [] }), [qn, 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());
+  }), [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(() => () => {
     je.current.forEach((e) => e.abort()), Ae.current.forEach((e) => e.abort());
   }, []), l.useEffect(() => {
@@ -939,7 +939,7 @@ function $o({
   }, [ke, wt]), l.useEffect(() => {
     Ut?.(Fe);
   }, [Fe, Ut]);
-  const nr = jt !== void 0, sr = At !== void 0, or = Lt !== void 0, ar = Ot !== void 0, lr = xt !== void 0, ir = Ht !== void 0, It = Ce !== void 0, ge = nr ? jt : kn, Un = sr ? At : Bn, me = or ? Lt : Pn, Le = ar ? Ot : Vn, at = lr ? xt : $n, re = ir ? Ht : An, Q = It ? Ce : Wn, Jn = nr ? on : zn, Kn = sr ? an : Tn, Xn = or ? ln : Mn, cr = ar ? cn : Fn, dr = lr ? dn : jn, Qn = ir ? un : Ln, Et = l.useCallback(
+  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(
     (e) => {
       const r = typeof e == "object" && e !== null && !(e instanceof Function) && Object.keys(e).length === 0;
       if (It && yt) {
@@ -947,26 +947,26 @@ function $o({
           return;
         yt(e);
       } else
-        rr(r ? (n) => n === !0 || typeof n == "object" && n !== null && Object.keys(n).length > 0 ? n : e : e);
+        rr(r ? (s) => s === !0 || typeof s == "object" && s !== null && Object.keys(s).length > 0 ? s : e : e);
     },
     [It, yt, Ce]
-  ), Yn = l.useMemo(() => N !== void 0 && N !== 10 ? N : re.pageSize, [N, re.pageSize]), L = qs(St, 300), Zn = l.useMemo(() => {
+  ), Qs = l.useMemo(() => N !== void 0 && N !== 10 ? N : re.pageSize, [N, re.pageSize]), L = qn(St, 300), Ys = l.useMemo(() => {
     if (!mt || !ie)
       return [];
     const e = /* @__PURE__ */ new Set();
-    return s.forEach((r) => {
-      Je && Je.length > 0 ? Je.forEach((n) => {
-        const u = r[n];
+    return n.forEach((r) => {
+      Je && Je.length > 0 ? Je.forEach((s) => {
+        const u = r[s];
         u != null && String(u).trim() !== "" && e.add(String(u));
-      }) : Object.values(r).forEach((n) => {
-        n != null && String(n).trim() !== "" && e.add(String(n));
+      }) : Object.values(r).forEach((s) => {
+        s != null && String(s).trim() !== "" && e.add(String(s));
       });
     }), Array.from(e).sort();
-  }, [s, Je, mt, ie]), ur = l.useCallback((e, r, n) => {
+  }, [n, Je, mt, ie]), ur = l.useCallback((e, r, s) => {
     if (!e || !r || r.length === 0)
       return () => !0;
     const u = e.toLowerCase(), g = /* @__PURE__ */ new Set();
-    return n.forEach((m) => {
+    return s.forEach((m) => {
       let S = !1;
       for (const B in m) {
         const F = m[B];
@@ -1018,8 +1018,8 @@ function $o({
     }
   }, [Ue]), Dt = l.useCallback((e, r) => {
     if (!K) return;
-    const n = r.target;
-    if (!(n.tagName === "BUTTON" || n.tagName === "A" || n.tagName === "INPUT" || n.closest("button") || n.closest("a") || n.closest("input")) && !(we && !we(e))) {
+    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))) {
       if (!we && e.getIsGrouped()) {
         const g = e.groupingColumnId;
         if (!((ye[g] ?? !1) && e.subRows && e.subRows.length === 1)) return;
@@ -1030,8 +1030,8 @@ function $o({
     if (!K) return !1;
     if (we) return we(e);
     if (!e.getIsGrouped()) return !0;
-    const n = e.groupingColumnId;
-    return (ye[n] ?? !1) && e.subRows && e.subRows.length === 1;
+    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) => {
     if (!Fe) return !1;
     const r = Ct ? e.id : e.original?.id !== void 0 ? e.original.id : e.id;
@@ -1040,25 +1040,25 @@ function $o({
     const e = /* @__PURE__ */ new Set();
     return c.forEach((r) => {
       if (r.cell) {
-        const n = r.id || r.accessorKey;
-        n && e.add(String(n));
+        const s = r.id || r.accessorKey;
+        s && e.add(String(s));
       }
     }), e;
   }, [c]), kt = l.useMemo(() => {
     const e = c.map((r) => {
-      let n = {
+      let s = {
         ...r,
         // Set default minimum column width when resizing is enabled
         ...te && !r.minSize ? { minSize: 80 } : {}
       };
       return r.enableGrouping || r.meta?.enableGrouping ? {
-        ...n,
+        ...s,
         enableGrouping: !0,
         getGroupingValue: (u) => {
           const g = r.accessorKey || r.accessorFn;
           return typeof g == "string" && u.original ? u.original[g] : typeof g == "function" && u.original ? g(u.original) : u.getValue?.(r.id) || u[g] || "";
         }
-      } : n;
+      } : s;
     });
     return fe ? [{
       id: "select",
@@ -1066,21 +1066,21 @@ function $o({
       minSize: 48,
       maxSize: 48,
       enableResizing: !1,
-      header: ({ table: n }) => /* @__PURE__ */ t(
+      header: ({ table: s }) => /* @__PURE__ */ t(
         gt,
         {
           tabIndex: -1,
-          checked: n.getIsAllPageRowsSelected() || n.getIsSomePageRowsSelected() && "indeterminate",
-          onCheckedChange: (u) => n.toggleAllPageRowsSelected(!!u),
+          checked: s.getIsAllPageRowsSelected() || s.getIsSomePageRowsSelected() && "indeterminate",
+          onCheckedChange: (u) => s.toggleAllPageRowsSelected(!!u),
           "aria-label": "Select all"
         }
       ),
-      cell: ({ row: n }) => /* @__PURE__ */ t(
+      cell: ({ row: s }) => /* @__PURE__ */ t(
         gt,
         {
           tabIndex: -1,
-          checked: n.getIsSelected(),
-          onCheckedChange: (u) => n.toggleSelected(!!u),
+          checked: s.getIsSelected(),
+          onCheckedChange: (u) => s.toggleSelected(!!u),
           "aria-label": "Select row"
         }
       ),
@@ -1091,24 +1091,24 @@ function $o({
         label: "Select"
       }
     }, ...e] : e;
-  }, [c, fe]), zt = l.useMemo(() => s, [s]), es = l.useMemo(() => !Ze || !L ? Dr : ur(L, me, zt), [Ze, L, me, zt, ur]), w = is({
+  }, [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,
     filterFns: {
       fuzzy: Dr,
-      multiSelect: Us
+      multiSelect: Un
     },
     state: {
       sorting: ge,
       columnFilters: er,
-      columnVisibility: Un,
+      columnVisibility: qs,
       rowSelection: ke,
       globalFilter: L,
       columnSizing: at,
       expanded: Q,
       grouping: me,
-      rowPinning: Gn,
+      rowPinning: Ws,
       columnOrder: Le,
       pagination: re
     },
@@ -1116,20 +1116,20 @@ function $o({
     manualSorting: Xt,
     manualFiltering: Qt,
     manualPagination: et,
-    rowCount: Dn,
+    rowCount: Es,
     // Required for server-side pagination
     enableRowSelection: fe,
     enableColumnPinning: !1,
     // Disable TanStack Table pinning - using CSS approach
     enableGlobalFilter: ie,
     // Enable global filtering
-    globalFilterFn: es,
+    globalFilterFn: Zs,
     // Use group-preserving filter when enabled
     enableColumnResizing: te,
     columnResizeMode: Xr,
     enableExpanding: _,
     getSubRows: Qr,
-    getRowCanExpand: fn,
+    getRowCanExpand: us,
     paginateExpandedRows: !1,
     // Only paginate top-level rows, not expanded children
     autoResetPageIndex: !1,
@@ -1139,46 +1139,46 @@ function $o({
     manualGrouping: Zr,
     enableRowPinning: Ee,
     keepPinnedRows: $t,
-    onRowSelectionChange: Hn,
-    onSortingChange: Jn,
-    onColumnFiltersChange: On,
-    onColumnVisibilityChange: Kn,
+    onRowSelectionChange: Os,
+    onSortingChange: Us,
+    onColumnFiltersChange: Ls,
+    onColumnVisibilityChange: Js,
     onGlobalFilterChange: tr,
     onColumnSizingChange: dr,
     onExpandedChange: Et,
-    onGroupingChange: Xn,
-    onRowPinningChange: _n,
+    onGroupingChange: Ks,
+    onRowPinningChange: Gs,
     onColumnOrderChange: cr,
-    onPaginationChange: Qn,
-    getCoreRowModel: vs(),
+    onPaginationChange: Xs,
+    getCoreRowModel: vn(),
     // Conditionally include row models based on manual mode
-    getFilteredRowModel: Qt ? void 0 : ps(),
-    getPaginationRowModel: et || en ? void 0 : hs(),
-    getSortedRowModel: Xt ? void 0 : ms(),
-    getExpandedRowModel: _ ? gs() : void 0,
-    getGroupedRowModel: z ? fs() : void 0,
-    getFacetedRowModel: us(),
-    getFacetedUniqueValues: ds(),
-    getFacetedMinMaxValues: cs()
+    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),
     [w.getRowModel().rows]
   ), it = l.useMemo(() => {
     if (!z) return null;
     const e = /* @__PURE__ */ new Map();
-    return w.getGroupedRowModel?.()?.rows?.forEach((n) => {
-      n.subRows && n.subRows.length > 0 && e.set(n.id, n.subRows);
+    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(() => {
-    const e = [], r = /* @__PURE__ */ new Map(), n = (g) => {
+    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(n);
+      e.push(g), r.set(g.id, m), g.getIsExpanded() && (g.subRows && g.subRows.length > 0 ? g.subRows : it?.get(g.id) || []).forEach(s);
     };
-    return w.getRowModel().rows.filter((g) => J || g.depth === 0).forEach(n), { flatVisibleRows: e, rowIdToFlatIndex: r };
+    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(() => {
     if (!z) return;
-    const r = w.getPrePaginationRowModel().rows.filter((g) => g.depth === 0).length, n = re.pageSize, u = Math.max(1, Math.ceil(r / n));
+    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));
   }, [
     z,
@@ -1193,14 +1193,14 @@ function $o({
   const pr = l.useRef({});
   l.useEffect(() => {
     if (!Gt) return;
-    const e = w.getState().expanded, r = pr.current, n = { ...e };
+    const e = w.getState().expanded, r = pr.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 && (n[F.id] = !0, u = !0);
+        e[F.id] !== !0 && (s[F.id] = !0, u = !0);
       });
-    }), pr.current = e, u && Et(n);
+    }), pr.current = e, u && Et(s);
   }, [
     Q,
     Gt
@@ -1210,36 +1210,36 @@ function $o({
   l.useEffect(() => {
     if (!tt && !De) return;
     const e = w.getState().expanded, r = vr.current;
-    Object.keys(r).forEach((n) => {
-      const u = r[n], g = e[n];
+    Object.keys(r).forEach((s) => {
+      const u = r[s], g = e[s];
       if (u && !g) {
-        const m = je.current.get(n);
-        m && (m.abort(), je.current.delete(n));
-        const S = Ae.current.get(n);
-        S && (S.abort(), Ae.current.delete(n));
+        const m = je.current.get(s);
+        m && (m.abort(), je.current.delete(s));
+        const S = Ae.current.get(s);
+        S && (S.abort(), Ae.current.delete(s));
       }
-    }), Object.keys(e).forEach((n) => {
-      const u = e[n], g = r[n];
+    }), Object.keys(e).forEach((s) => {
+      const u = e[s], g = r[s];
       if (u && !g) {
-        const m = w.getRow(n);
+        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?.[n] === !0, F = m.subRows && m.subRows.length > 0;
+          const S = m.getIsGrouped() || m.subRows && m.subRows.length === 0 && m.getCanExpand(), B = rt?.[s] === !0, F = m.subRows && m.subRows.length > 0;
           if (S && !B && !F) {
             const o = new AbortController();
-            je.current.set(n, o), Promise.resolve(tt(m)).catch((P) => {
+            je.current.set(s, o), Promise.resolve(tt(m)).catch((P) => {
               P?.name !== "AbortError" && $e && $e(m, P, "children");
             }).finally(() => {
-              je.current.delete(n);
+              je.current.delete(s);
             });
           }
         }
-        if (De && J && !m.getIsGrouped() && m.depth === 0 && !(nt?.[n] === !0)) {
+        if (De && J && !m.getIsGrouped() && m.depth === 0 && !(st?.[s] === !0)) {
           const B = new AbortController();
-          Ae.current.set(n, B), Promise.resolve(De(m)).catch((F) => {
+          Ae.current.set(s, B), Promise.resolve(De(m)).catch((F) => {
             F?.name !== "AbortError" && $e && $e(m, F, "subComponent");
           }).finally(() => {
-            Ae.current.delete(n);
+            Ae.current.delete(s);
           });
         }
       }
@@ -1251,18 +1251,18 @@ function $o({
     Yt,
     J,
     rt,
-    nt,
+    st,
     $e
     // NOTE: Deliberately NOT including 'table' to avoid re-running on every render
   ]), l.useEffect(() => {
     if (!Ze || !L || !z)
       return;
     const e = {};
-    w.getFilteredRowModel().rows.forEach((n) => {
-      n.getIsGrouped() && n.subRows && n.subRows.length > 0 && (e[n.id] = !0);
-    }), Et((n) => {
-      const u = Object.keys(n).sort().join(","), g = Object.keys(e).sort().join(",");
-      return u === g ? n : e;
+    w.getFilteredRowModel().rows.forEach((s) => {
+      s.getIsGrouped() && s.subRows && s.subRows.length > 0 && (e[s.id] = !0);
+    }), Et((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);
@@ -1276,8 +1276,8 @@ function $o({
     if (ge.length > 0) {
       const e = ge[0], r = c.find(
         (g) => g.id === e.id || g.accessorKey === e.id
-      ), n = r?.meta?.label || r?.header || e.id, u = e.desc ? "descending" : "ascending";
-      ot(`Table sorted by ${n}, ${u}`);
+      ), s = r?.meta?.label || r?.header || e.id, u = e.desc ? "descending" : "ascending";
+      ot(`Table sorted by ${s}, ${u}`);
     }
   }, [ge, c]), l.useEffect(() => {
     if (L) {
@@ -1288,17 +1288,17 @@ function $o({
     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, n = ct.length, u = w.getVisibleLeafColumns();
+    const [e, r] = X, s = ct.length, u = w.getVisibleLeafColumns();
     let g = e, m = r;
-    e >= 0 && e >= n && (g = Math.max(n - 1, -1)), r >= u.length && (m = Math.max(u.length - 1, 0)), (g !== e || m !== r) && Nt([g, m]);
-  }, [s.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) && Nt([g, m]);
+  }, [n.length, w, X, ct.length]), l.useEffect(() => {
     const e = w.getPageCount();
     e > 1 && ot(`Page ${re.pageIndex + 1} of ${e}`);
   }, [re.pageIndex, w]);
   const He = l.useCallback((e, r) => {
     if (!r || !e) return e;
-    const n = e.toLowerCase(), u = r.toLowerCase(), g = [];
-    let m = 0, S = n.indexOf(u);
+    const s = e.toLowerCase(), u = r.toLowerCase(), g = [];
+    let m = 0, S = s.indexOf(u);
     for (; S !== -1; )
       S > m && g.push(e.substring(m, S)), g.push(
         /* @__PURE__ */ t(
@@ -1314,7 +1314,7 @@ function $o({
           },
           `highlight-${m}-${S}`
         )
-      ), m = S + r.length, S = n.indexOf(u, m);
+      ), 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) => {
     if (e == null) return "";
@@ -1341,30 +1341,30 @@ function $o({
     if (typeof e == "number")
       return He(String(e), r);
     if (Array.isArray(e))
-      return e.map((n, u) => /* @__PURE__ */ t(l.Fragment, { children: ce(n, r) }, u));
+      return e.map((s, u) => /* @__PURE__ */ t(l.Fragment, { children: ce(s, r) }, u));
     if (l.isValidElement(e)) {
-      const n = e;
-      if (typeof n.type == "function")
+      const s = e;
+      if (typeof s.type == "function")
         try {
-          if (n.type.prototype?.isReactComponent) {
-            const B = n.props.children;
-            return l.cloneElement(n, {}, ce(B, r));
+          if (s.type.prototype?.isReactComponent) {
+            const B = s.props.children;
+            return l.cloneElement(s, {}, ce(B, r));
           }
-          const S = n.type(n.props);
+          const S = s.type(s.props);
           return ce(S, r);
         } catch {
-          const { children: S, ...B } = n.props;
-          return S == null ? n : l.cloneElement(
-            n,
+          const { children: S, ...B } = s.props;
+          return S == null ? s : l.cloneElement(
+            s,
             B,
             ce(S, r)
           );
         }
-      if (n.props.children === void 0 || n.props.children === null)
-        return n;
-      const { children: u, ...g } = n.props;
+      if (s.props.children === void 0 || s.props.children === null)
+        return s;
+      const { children: u, ...g } = s.props;
       return l.cloneElement(
-        n,
+        s,
         g,
         ce(u, r)
       );
@@ -1377,9 +1377,9 @@ function $o({
       const u = be(e.column.columnDef.cell, e.getContext());
       return u == null || !dt(u, L) ? u : ce(u, L);
     }
-    const n = e.getValue();
-    if (typeof n == "string" || typeof n == "number") {
-      const u = String(n);
+    const s = e.getValue();
+    if (typeof s == "string" || typeof s == "number") {
+      const u = String(s);
       return He(u, L);
     }
     return be(e.column.columnDef.cell, e.getContext());
@@ -1388,30 +1388,30 @@ function $o({
       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]), ts = l.useRef(null), rs = bs(
-    Sr(xs, {
+  }, [ie, L, dt, ce, he]), en = l.useRef(null), tn = bn(
+    Sr(xn, {
       activationConstraint: {
         distance: 8
       }
     }),
-    Sr(ys, {
+    Sr(yn, {
       activationConstraint: {
         delay: 200,
         tolerance: 8
       }
     })
-  ), [, Cr] = l.useState(null), ns = (e) => {
+  ), [, Cr] = l.useState(null), rn = (e) => {
     Ye && Cr(e.active.id);
-  }, ss = (e) => {
+  }, sn = (e) => {
     if (!Ye) return;
-    const { active: r, over: n } = e;
-    if (Cr(null), r.id !== n?.id && n?.id) {
-      const u = Le.findIndex((m) => m === r.id), g = Le.findIndex((m) => m === n?.id);
+    const { active: r, over: s } = e;
+    if (Cr(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 = Rs(Le, u, g);
+        const m = Rn(Le, u, g);
         console.log("Column reorder:", {
           activeId: r.id,
-          overId: n.id,
+          overId: s.id,
           oldIndex: u,
           newIndex: g,
           oldOrder: Le,
@@ -1419,15 +1419,15 @@ function $o({
         }), cr(m);
       }
     }
-  }, os = l.useCallback((e) => {
-    const [r, n] = X, u = w.getVisibleLeafColumns(), g = ct, m = u.length, S = g.length, B = -1, F = S - 1;
-    let o = r, P = n, $ = !1;
+  }, nn = l.useCallback((e) => {
+    const [r, s] = X, u = w.getVisibleLeafColumns(), g = ct, m = u.length, S = g.length, B = -1, F = S - 1;
+    let o = r, P = s, $ = !1;
     switch (e.key) {
       case "ArrowRight":
-        n < m - 1 && (P = n + 1, $ = !0);
+        s < m - 1 && (P = s + 1, $ = !0);
         break;
       case "ArrowLeft":
-        n > 0 && (P = n - 1, $ = !0);
+        s > 0 && (P = s - 1, $ = !0);
         break;
       case "ArrowDown":
         r < F && (o = r + 1, $ = !0);
@@ -1450,7 +1450,7 @@ function $o({
       case "Enter":
       case " ":
         if (r === -1) {
-          const d = u[n];
+          const d = u[s];
           d?.id === "select" && fe && e.key === " " ? (w.toggleAllPageRowsSelected(), $ = !0) : d?.getCanSort() && (d.toggleSorting(), $ = !0);
         } else {
           const d = g[r];
@@ -1461,28 +1461,28 @@ function $o({
         document.activeElement instanceof HTMLElement && document.activeElement.blur(), $ = !0;
         break;
     }
-    if ($ && (e.preventDefault(), e.stopPropagation(), o !== r || P !== n)) {
+    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();
     }
-  }, [X, w, ct, _, z, fe]), as = l.useCallback((e) => {
+  }, [X, w, ct, _, z, fe]), on = l.useCallback((e) => {
     Rt.current?.contains(e.relatedTarget) || Nt([-1, 0]);
   }, []), We = l.useMemo(() => {
     const e = w.getVisibleFlatColumns(), r = /* @__PURE__ */ new Map();
-    let n = 0;
+    let s = 0;
     e.forEach((g, m) => {
       const S = m < Oe, B = m >= e.length - Ne, F = S && m === Oe - 1, o = B && m === e.length - Ne;
       r.set(g.id, {
         isLeftSticky: S,
         isRightSticky: B,
-        leftPosition: n,
+        leftPosition: s,
         rightPosition: 0,
         // Will be calculated below
         isRightmostLeftSticky: F,
         isLeftmostRightSticky: o,
         columnIndex: m
-      }), n += g.getSize();
+      }), s += g.getSize();
     });
     let u = 0;
     for (let g = e.length - 1; g >= 0; g--) {
@@ -1490,7 +1490,7 @@ function $o({
       S && (S.rightPosition = u), u += m.getSize();
     }
     return { data: r, allColumns: e };
-  }, [w.getVisibleFlatColumns(), Oe, Ne]), Ge = (e, r = !1, n = !0) => {
+  }, [w.getVisibleFlatColumns(), Oe, Ne]), Ge = (e, r = !1, s = !0) => {
     if (!e || typeof e.getSize != "function")
       return {};
     const u = We.data.get(e.id);
@@ -1528,7 +1528,7 @@ function $o({
       } : P;
     }
     return {};
-  }, ls = (e) => {
+  }, an = (e) => {
     if (!e || typeof e.getSize != "function")
       return "";
     const r = We.data.get(e.id);
@@ -1559,15 +1559,15 @@ function $o({
     "before:opacity-0 hover:before:opacity-100",
     "before:transition-opacity before:pointer-events-none before:z-10"
   );
-  return /* @__PURE__ */ t(Hs, { children: /* @__PURE__ */ t(
-    Cs,
+  return /* @__PURE__ */ t(Hn, { children: /* @__PURE__ */ t(
+    Cn,
     {
-      sensors: rs,
-      collisionDetection: ws,
-      onDragStart: ns,
-      onDragEnd: ss,
+      sensors: tn,
+      collisionDetection: wn,
+      onDragStart: rn,
+      onDragEnd: sn,
       children: /* @__PURE__ */ b("div", { className: V(
-        "border border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] overflow-hidden rounded-l",
+        "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",
         y
@@ -1591,7 +1591,7 @@ function $o({
               enableGlobalFaceting: Kr,
               enableGrouping: z,
               enableAutocomplete: mt,
-              autocompleteSuggestions: Zn,
+              autocompleteSuggestions: Ys,
               autocompleteMinCharacters: Jr
             }
           )
@@ -1600,11 +1600,11 @@ function $o({
           "div",
           {
             ref: Rt,
-            onKeyDown: os,
-            onFocus: as,
+            onKeyDown: nn,
+            onFocus: on,
             className: V(
               "relative",
-              st && [
+              nt && [
                 "overflow-x-auto",
                 "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-[var(--color-border-primary-subtle)]",
                 "hover:scrollbar-thumb-[var(--color-border-primary)]",
@@ -1624,16 +1624,16 @@ function $o({
                   "aria-live": "polite",
                   "aria-atomic": "true",
                   className: "sr-only",
-                  children: qn
+                  children: _s
                 }
               ),
               /* @__PURE__ */ b(
-                ks,
+                kn,
                 {
-                  ref: ts,
+                  ref: en,
                   role: "grid",
                   "aria-label": x || f,
-                  "aria-rowcount": s.length,
+                  "aria-rowcount": n.length,
                   "aria-colcount": w.getVisibleLeafColumns().length,
                   className: V(
                     "border-separate border-spacing-0",
@@ -1642,7 +1642,7 @@ function $o({
                     // Fixed layout for column resizing
                   ),
                   style: {
-                    ...st && { minWidth: C }
+                    ...nt && { minWidth: C }
                   },
                   children: [
                     /* @__PURE__ */ t("colgroup", { children: w.getVisibleLeafColumns().map((e) => /* @__PURE__ */ t(
@@ -1654,7 +1654,7 @@ function $o({
                       },
                       e.id
                     )) }),
-                    /* @__PURE__ */ t(zs, { className: V(
+                    /* @__PURE__ */ t(zn, { 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)]"
@@ -1668,23 +1668,23 @@ function $o({
                         rows: 0,
                         showRowBorder: E.showRowBorder,
                         showCellBorder: E.showCellBorder,
-                        enableResponsiveWrapper: st
+                        enableResponsiveWrapper: nt
                       }
-                    ) : tn && Qe && Qe.length > 0 ? (
+                    ) : ts && Qe && Qe.length > 0 ? (
                       // Nested headers rendering
                       /* @__PURE__ */ b(ee, { children: [
                         /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: Qe.map((e, r) => {
-                          const n = e.columns.length, u = Ge(e, !0, E.showRowBorder);
+                          const s = e.columns.length, u = Ge(e, !0, E.showRowBorder);
                           return /* @__PURE__ */ t(
                             ut,
                             {
-                              colSpan: n,
+                              colSpan: s,
                               showBorder: E.showCellBorder,
                               className: V(
                                 "text-center bg-[var(--color-background-neutral-subtlest)] font-medium border-b border-[var(--color-border-primary-medium)]",
                                 h && "z-20",
-                                !Me && r === 0 && "rounded-tl-l",
-                                !Me && r === Qe.length - 1 && "rounded-tr-l",
+                                !Me && r === 0 && "rounded-tl-[var(--border-radius-l)]",
+                                !Me && r === Qe.length - 1 && "rounded-tr-[var(--border-radius-l)]",
                                 e.className
                               ),
                               style: {
@@ -1697,7 +1697,7 @@ function $o({
                           );
                         }) }),
                         /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: w.getHeaderGroups()[0]?.headers.map((e, r) => {
-                          const n = 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 = Bt(e.column);
                           return /* @__PURE__ */ t(
                             ut,
                             {
@@ -1716,9 +1716,9 @@ function $o({
                                 "focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-border-brand-bold)]"
                               ),
                               style: {
-                                ...n,
+                                ...s,
                                 // For table-fixed layout, all columns need explicit width
-                                ...te && !n.width ? { width: e.column.getSize() } : {}
+                                ...te && !s.width ? { width: e.column.getSize() } : {}
                               },
                               children: /* @__PURE__ */ b("div", { className: V(
                                 u === "right" ? "text-right" : "text-left"
@@ -1754,28 +1754,28 @@ function $o({
                     ) : (
                       // Standard single-level headers
                       w.getHeaderGroups().map((e) => /* @__PURE__ */ t(
-                        Ss,
+                        Sn,
                         {
                           items: e.headers.map((r) => r.id),
-                          strategy: Ns,
-                          children: /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: e.headers.map((r, n) => {
-                            const u = Ge(r.column, !0, E.showRowBorder), g = r.column.columnDef.meta?.align || "left", m = n === e.headers.length - 1, S = Bt(r.column);
+                          strategy: Nn,
+                          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);
                             return /* @__PURE__ */ t(
                               ut,
                               {
                                 scope: "col",
                                 "aria-sort": r.column.getCanSort() ? r.column.getIsSorted() ? r.column.getIsSorted() === "desc" ? "descending" : "ascending" : "none" : void 0,
-                                "aria-colindex": n + 1,
-                                "data-header-col": n,
-                                tabIndex: X[0] === -1 && X[1] === n ? 0 : -1,
+                                "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,
                                 className: V(
                                   h && "z-20",
                                   (Oe > 0 || Ne > 0) && "z-30",
                                   te && "relative overflow-visible group",
                                   Ye && "group",
-                                  !Me && n === 0 && "rounded-tl-l",
-                                  !Me && n === e.headers.length - 1 && "rounded-tr-l",
+                                  !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),
                                   // 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)]"
@@ -1819,8 +1819,8 @@ function $o({
                         e.id
                       ))
                     ) }),
-                    /* @__PURE__ */ b(Bs, { children: [
-                      En && !A && s.length > 0 && /* @__PURE__ */ t("tr", { className: "absolute top-0 left-0 right-0 z-50 h-0", children: /* @__PURE__ */ t("td", { colSpan: w.getVisibleLeafColumns().length, className: "p-0", children: /* @__PURE__ */ t(to, {}) }) }),
+                    /* @__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,
                         {
@@ -1829,23 +1829,23 @@ function $o({
                           showBorder: !1,
                           showRowBorder: !1,
                           verticalAlign: "middle",
-                          children: bn || /* @__PURE__ */ t(
+                          children: vs || /* @__PURE__ */ t(
                             eo,
                             {
                               error: Kt,
-                              onRetry: vn
+                              onRetry: ps
                             }
                           )
                         }
-                      ) }) : A && (M === "replace" || s.length === 0) ? /* @__PURE__ */ t(
+                      ) }) : A && (M === "replace" || n.length === 0) ? /* @__PURE__ */ t(
                         Mr,
                         {
                           columns: w.getVisibleLeafColumns().length,
-                          rows: Yn,
+                          rows: Qs,
                           showRowBorder: E.showRowBorder,
                           showCellBorder: E.showCellBorder,
                           skipHeader: !0,
-                          enableResponsiveWrapper: st
+                          enableResponsiveWrapper: nt
                         }
                       ) : (
                         // DISABLED: Virtualization temporarily disabled to fix React hooks error
@@ -1878,14 +1878,14 @@ 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" : "", ne = Vr(d, {
+                                          const j = d.getIsGrouped?.() ? "font-medium" : "", se = Vr(d, {
                                             enableGrouping: z,
                                             enableExpanding: _,
                                             nestedRowStyling: pt,
                                             expandingRowColors: O,
                                             maxDepth: lt
                                           });
-                                          return V(ne ? `bg-[${ne}]` : "", j);
+                                          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))]")
@@ -1898,7 +1898,7 @@ function $o({
                                       "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 ne = 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();
+                                        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);
                                         if (Re == null)
                                           for (const oe of d.getVisibleCells()) {
@@ -1911,8 +1911,8 @@ function $o({
                                               }
                                             }
                                           }
-                                        const se = Re != null;
-                                        if (se && !U)
+                                        const ne = Re != null;
+                                        if (ne && !U)
                                           return null;
                                         const Z = z && d.depth > 0 && j === 0 && !H;
                                         return /* @__PURE__ */ t(
@@ -1926,15 +1926,15 @@ function $o({
                                             showBorder: Bt(I.column) || Tt(I.column) ? !1 : E.showCellBorder,
                                             showRowBorder: E.showRowBorder,
                                             verticalAlign: I.column.columnDef.meta?.verticalAlign || Ie,
-                                            colSpan: se ? d.getVisibleCells().length : void 0,
-                                            "data-section-header": se ? !0 : void 0,
+                                            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)),
                                               // Add sticky border classes for body cells (skip for section headers)
-                                              !se && ls(I.column),
+                                              !ne && an(I.column),
                                               // Sticky columns need higher z-index and explicit backgrounds
-                                              Object.keys(ne).length > 0 && [
+                                              Object.keys(se).length > 0 && [
                                                 "z-10",
                                                 // Match row backgrounds for sticky cells to prevent transparency
                                                 (() => {
@@ -1949,18 +1949,18 @@ function $o({
                                                 })()
                                               ],
                                               // Section header background
-                                              se && "bg-[var(--blue-50)]",
+                                              ne && "bg-[var(--blue-50)]",
                                               // Remove bottom border from first column child rows (except last), but not when row is active
                                               Z && !ze(d) && "![box-shadow:none]",
                                               // Focus ring for keyboard navigation
                                               "focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-border-brand-bold)]"
                                             ),
                                             style: {
-                                              ...ne,
+                                              ...se,
                                               // Add left padding for nested rows
-                                              paddingLeft: U && ue > 0 && !se ? `calc(var(--space-m) + ${ue * 20}px)` : void 0
+                                              paddingLeft: U && ue > 0 && !ne ? `calc(var(--space-m) + ${ue * 20}px)` : void 0
                                             },
-                                            children: se ? (
+                                            children: ne ? (
                                               // Section header row - render custom content
                                               Re
                                             ) : Pt ? (
@@ -1995,7 +1995,7 @@ function $o({
                                                   {
                                                     tabIndex: -1,
                                                     onClick: d.getToggleExpandedHandler(),
-                                                    className: "flex h-[var(--size-s)] w-[var(--size-s)] cursor-pointer items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
+                                                    className: "flex h-[var(--size-s)] w-[var(--size-s)] cursor-pointer 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)]",
                                                     children: /* @__PURE__ */ t(
                                                       W,
                                                       {
@@ -2011,7 +2011,7 @@ function $o({
                                                     {
                                                       tabIndex: -1,
                                                       onClick: () => d.pin("top"),
-                                                      className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
+                                                      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" })
                                                     }
@@ -2021,7 +2021,7 @@ function $o({
                                                     {
                                                       tabIndex: -1,
                                                       onClick: () => d.pin("bottom"),
-                                                      className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
+                                                      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" })
                                                     }
@@ -2031,7 +2031,7 @@ function $o({
                                                     {
                                                       tabIndex: -1,
                                                       onClick: () => d.pin(!1),
-                                                      className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
+                                                      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" })
                                                     }
@@ -2081,7 +2081,7 @@ function $o({
                                       "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: [
                                         /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)] text-[var(--color-text-danger)]", children: [
-                                          /* @__PURE__ */ t(W, { name: js, className: "h-4 w-4" }),
+                                          /* @__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" })
                                         ] }),
                                         De && /* @__PURE__ */ t(
@@ -2092,7 +2092,7 @@ function $o({
                                             children: "Try again"
                                           }
                                         )
-                                      ] }) : nt?.[d.id] ? /* @__PURE__ */ b("div", { className: "flex items-center justify-center py-[var(--space-l)]", children: [
+                                      ] }) : st?.[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)
@@ -2104,7 +2104,7 @@ function $o({
                                     if (I.length === 0) return null;
                                     let j = d.getIsExpanded();
                                     return !j && Q === !0 && d.getCanExpand() && (j = !0), !j && typeof Q == "object" && Q !== null && Q[d.id] && (j = !0), j ? I.map(
-                                      (ne, U) => $(ne, U, U === I.length - 1)
+                                      (se, U) => $(se, U, U === I.length - 1)
                                     ) : null;
                                   })()
                                 ] }, d.id);
@@ -2113,8 +2113,8 @@ function $o({
                                 (d, k) => $(d, k, k === P.length - 1)
                               );
                             }
-                            const e = w.getCoreRowModel().rows, r = w.getRowModel().rows, n = e.filter((o) => o.getIsPinned() === "top"), u = e.filter((o) => o.getIsPinned() === "bottom"), g = r.filter((o) => !o.getIsPinned()), m = [
-                              ...n,
+                            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 = [
+                              ...s,
                               ...g,
                               ...u
                             ], S = /* @__PURE__ */ new Set(), B = m.filter((o) => J || o.depth === 0), F = (o, P, $) => {
@@ -2171,7 +2171,7 @@ function $o({
                                     "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(), ne = o.getIsExpanded(), U = o.depth, _e = z && o.getIsGrouped();
+                                      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);
                                       if (de == null)
                                         for (const pe of o.getVisibleCells()) {
@@ -2187,7 +2187,7 @@ function $o({
                                       const ue = de != null;
                                       if (ue && !I)
                                         return null;
-                                      const se = z && o.depth > 0 && H === 0 && !$;
+                                      const ne = z && o.depth > 0 && H === 0 && !$;
                                       return /* @__PURE__ */ t(
                                         le,
                                         {
@@ -2202,7 +2202,7 @@ function $o({
                                           colSpan: ue ? o.getVisibleCells().length : void 0,
                                           className: V(
                                             // Active row indicator on first cell
-                                            I && ze(o) && (qt || fr(se ? !1 : E.showRowBorder)),
+                                            I && ze(o) && (qt || fr(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
@@ -2244,7 +2244,7 @@ function $o({
                                             // Section header background
                                             ue && "bg-[var(--blue-50)]",
                                             // Remove bottom border from first column child rows (except last), but not when row is active
-                                            se && !ze(o) && "![box-shadow:none]"
+                                            ne && !ze(o) && "![box-shadow:none]"
                                           ),
                                           style: {
                                             ...q,
@@ -2259,7 +2259,7 @@ function $o({
                                             de
                                           ) : _e ? (
                                             // Grouped row rendering - only show content in first cell
-                                            I ? Fr(o, w, Xe, ne, ye, Ft) : k.column.columnDef.meta?.renderInGroupedRows ? (
+                                            I ? Fr(o, w, Xe, se, ye, Ft) : k.column.columnDef.meta?.renderInGroupedRows ? (
                                               // Render custom cell content for columns with renderInGroupedRows flag
                                               Be(k)
                                             ) : k.column.columnDef.aggregatedCell ? (
@@ -2288,11 +2288,11 @@ function $o({
                                                 "button",
                                                 {
                                                   onClick: o.getToggleExpandedHandler(),
-                                                  className: "flex h-[var(--size-s)] w-[var(--size-s)] cursor-pointer items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
+                                                  className: "flex h-[var(--size-s)] w-[var(--size-s)] cursor-pointer 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)]",
                                                   children: /* @__PURE__ */ t(
                                                     W,
                                                     {
-                                                      name: ne ? "chevron-down" : "chevron-right",
+                                                      name: se ? "chevron-down" : "chevron-right",
                                                       className: "h-3 w-3"
                                                     }
                                                   )
@@ -2303,7 +2303,7 @@ function $o({
                                                   "button",
                                                   {
                                                     onClick: () => o.pin("top"),
-                                                    className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
+                                                    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" })
                                                   }
@@ -2312,7 +2312,7 @@ function $o({
                                                   "button",
                                                   {
                                                     onClick: () => o.pin("bottom"),
-                                                    className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
+                                                    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" })
                                                   }
@@ -2321,7 +2321,7 @@ function $o({
                                                   "button",
                                                   {
                                                     onClick: () => o.pin(!1),
-                                                    className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
+                                                    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" })
                                                   }
@@ -2369,7 +2369,7 @@ function $o({
                                     verticalAlign: Ie,
                                     className: "p-0",
                                     "data-section-header": !0,
-                                    children: nt?.[o.id] ? /* @__PURE__ */ b("div", { className: "flex items-center justify-center py-[var(--space-l)]", children: [
+                                    children: st?.[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)
@@ -2400,12 +2400,12 @@ function $o({
                               showBorder: !1,
                               showRowBorder: !1,
                               verticalAlign: "middle",
-                              children: Sn || /* @__PURE__ */ t(
-                                Zs,
+                              children: ws || /* @__PURE__ */ t(
+                                Zn,
                                 {
-                                  title: Nn,
-                                  description: Rn,
-                                  action: In
+                                  title: Ss,
+                                  description: Ns,
+                                  action: Rs
                                 }
                               )
                             }
@@ -2417,12 +2417,12 @@ function $o({
                               showBorder: !1,
                               showRowBorder: !1,
                               verticalAlign: "middle",
-                              children: xn || /* @__PURE__ */ t(
-                                Ys,
+                              children: bs || /* @__PURE__ */ t(
+                                Yn,
                                 {
-                                  title: yn,
-                                  description: Cn,
-                                  action: wn
+                                  title: xs,
+                                  description: ys,
+                                  action: Cs
                                 }
                               )
                             }
@@ -2442,18 +2442,18 @@ function $o({
             table: w,
             enableGrouping: z,
             hideChildrenForSingleItemGroups: ye,
-            footerLabel: sn,
-            onNextPageHover: gn,
-            onPreviousPageHover: mn,
-            paginationVariant: rn,
-            pageSizeOptions: nn
+            footerLabel: ns,
+            onNextPageHover: fs,
+            onPreviousPageHover: gs,
+            paginationVariant: rs,
+            pageSizeOptions: ss
           }
         ) }),
-        Jt && hn && /* @__PURE__ */ t(
+        Jt && ms && /* @__PURE__ */ t(
           lo,
           {
             onLoadMore: () => Jt(re.pageIndex),
-            isLoading: pn
+            isLoading: hs
           }
         )
       ] })
@@ -2463,12 +2463,12 @@ function $o({
 export {
   $o as DataTable,
   Fo as DataTableColumnHeader,
-  so as DataTableFilter,
+  no as DataTableFilter,
   ao as DataTablePagination,
   Mr as DataTableSkeleton,
   ro as DataTableToolbar,
   Dr as fuzzyFilter,
   Vo as groupPreservingGlobalFilter,
-  Us as multiSelectFilter,
+  Un as multiSelectFilter,
   Lo as useReactTable
 };