@rafal.lemieszewski/tide-ui 0.85.1 → 0.87.0

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

@@ -1,27 +1,28 @@
 import { jsx as t, Fragment as ee, jsxs as b } from "react/jsx-runtime";
 import * as l from "react";
-import { useReactTable as os, getFacetedMinMaxValues as as, getFacetedUniqueValues as ls, getFacetedRowModel as is, getGroupedRowModel as cs, getExpandedRowModel as ds, getSortedRowModel as us, getPaginationRowModel as fs, getFilteredRowModel as gs, getCoreRowModel as ms, flexRender as be } from "@tanstack/react-table";
-import { useReactTable as To } from "@tanstack/react-table";
-import { useSensors as hs, useSensor as wr, MouseSensor as ps, TouchSensor as vs, DndContext as bs, closestCenter as xs } from "@dnd-kit/core";
-import { SortableContext as ys, horizontalListSortingStrategy as Cs, arrayMove as ws, useSortable as Ss } from "@dnd-kit/sortable";
-import { CSS as Ns } from "@dnd-kit/utilities";
+import { 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 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 { cn as V } from "../../lib/utils.js";
-import { Button as Me } from "../fundamental/button.js";
+import { Button as Pe } from "../fundamental/button.js";
 import { Input as ft } from "../fundamental/input.js";
-import { AutocompleteSearch as Rs } from "../fundamental/autocomplete-search.js";
-import { Table as Is, TableHeader as Es, TableRow as G, TableHead as ut, TableBody as Ds, TableCell as le } from "../fundamental/table.js";
-import { Select as ks, SelectTrigger as zs, SelectValue as Bs, SelectContent as Ts, SelectItem as Sr } from "../fundamental/select.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 { 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 { Badge as xe } from "../fundamental/badge.js";
-import { Popover as Pr, PopoverTrigger as Vr, PopoverContent as Fr } from "../fundamental/popover.js";
-import { Command as $r, CommandInput as jr, CommandList as Ar, CommandEmpty as Lr, CommandGroup as Or, CommandItem as Hr } from "../fundamental/command.js";
-import { Pagination as Ms } from "../fundamental/pagination.js";
-import { Skeleton as Nr } from "../fundamental/skeleton.js";
+import { 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 { Skeleton as Er } from "../fundamental/skeleton.js";
 import { Spinner as qe } from "../fundamental/spinner.js";
-import { DataTableSettingsMenu as Ps } from "./data-table-settings-menu.js";
-import { TooltipProvider as Vs, Tooltip as Fs, TooltipTrigger as $s, TooltipContent as js } from "../fundamental/tooltip.js";
-function As(c, s) {
+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) {
   const [i, a] = l.useState(c);
   return l.useEffect(() => {
     const f = setTimeout(() => {
@@ -56,8 +57,8 @@ const Te = /* @__PURE__ */ l.memo(function({ children: s, align: i = "left" }) {
     };
   }, [s]), l.useEffect(() => {
     a.current && h(a.current.textContent || "");
-  }, [s]), f ? /* @__PURE__ */ b(Fs, { children: [
-    /* @__PURE__ */ t($s, { asChild: !0, children: /* @__PURE__ */ t(
+  }, [s]), f ? /* @__PURE__ */ b(Ws, { children: [
+    /* @__PURE__ */ t(Gs, { asChild: !0, children: /* @__PURE__ */ t(
       "div",
       {
         ref: a,
@@ -65,7 +66,7 @@ const Te = /* @__PURE__ */ l.memo(function({ children: s, align: i = "left" }) {
         children: s
       }
     ) }),
-    /* @__PURE__ */ t(js, { side: "top", className: "max-w-xs", children: y })
+    /* @__PURE__ */ t(_s, { side: "top", className: "max-w-xs", children: y })
   ] }) : /* @__PURE__ */ t(
     "div",
     {
@@ -74,14 +75,14 @@ const Te = /* @__PURE__ */ l.memo(function({ children: s, align: i = "left" }) {
       children: s
     }
   );
-}), Rr = (c, s, i, a) => {
+}), Dr = (c, s, i, a) => {
   const f = c.getValue(s), x = f != null ? String(f) : "", y = i.toLowerCase();
   return x.toLowerCase().includes(y) ? !0 : x.toLowerCase().split(" ").some((p) => p.startsWith(y));
-}, Ls = (c, s, i) => {
+}, Us = (c, s, i) => {
   if (!i || i.length === 0) return !0;
   const a = c.getValue(s);
   return i.includes(a);
-}, Eo = (c, s, i, a) => {
+}, Vo = (c, s, i, a) => {
   if (!i || i.trim() === "") return !0;
   const f = String(i).toLowerCase(), x = (h) => {
     const p = h.getAllCells().map((v) => v.column.id);
@@ -96,7 +97,7 @@ const Te = /* @__PURE__ */ l.memo(function({ children: s, align: i = "left" }) {
   const y = x(c);
   return a && y && a({ itemRank: 1 }), y;
 };
-function Os(c, s) {
+function Js(c, s) {
   for (const i of c) {
     const a = typeof s == "function" ? s(i.original) : i.original?.[s];
     if (a != null) {
@@ -111,26 +112,26 @@ function Os(c, s) {
   }
   return "unknown";
 }
-function Ir(c) {
+function kr(c) {
   if (c.length === 0) return "";
   const s = Math.min(...c), i = Math.max(...c);
   return s === i ? String(s) : `${s} – ${i}`;
 }
-function Hs(c) {
+function Ks(c) {
   return c.length === 0 ? "" : `Avg: ${(c.reduce((a, f) => a + f, 0) / c.length).toFixed(2)}`;
 }
-function Ws(c) {
+function Xs(c) {
   return c.length === 0 ? "" : `Total: ${c.reduce((i, a) => i + a, 0)}`;
 }
-function Er(c) {
+function zr(c) {
   return `${c} ${c === 1 ? "item" : "items"}`;
 }
-function Dr(c, s) {
+function Br(c, s) {
   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";
   return `${a} ${f.toLowerCase()}`;
 }
-function Gs(c) {
+function Qs(c) {
   if (c.length === 0) return "";
   const s = /* @__PURE__ */ new Map();
   c.forEach((f) => s.set(f, (s.get(f) || 0) + 1));
@@ -139,14 +140,14 @@ function Gs(c) {
     f > i && (i = f, a = x);
   }), `${a} (${i})`;
 }
-function kr(c) {
+function Tr(c) {
   if (c.length === 0) return "";
   const i = c.map((y) => y instanceof Date ? y : new Date(y)).filter((y) => !isNaN(y.getTime()));
   if (i.length === 0) return "";
   const a = new Date(Math.min(...i.map((y) => y.getTime()))), f = new Date(Math.max(...i.map((y) => y.getTime()))), x = (y) => y.toISOString().split("T")[0];
   return a.getTime() === f.getTime() ? x(a) : `${x(a)} – ${x(f)}`;
 }
-function zr(c, s, i) {
+function Pr(c, s, i) {
   const a = c.columnDef;
   if (c.id === i || a?.meta?.renderInGroupedRows || a?.meta?.aggregation === !1) return null;
   if (typeof a?.meta?.aggregation == "function") {
@@ -161,56 +162,56 @@ function zr(c, s, i) {
   if (p && typeof p == "string")
     switch (p) {
       case "range":
-        return Ir(h);
+        return kr(h);
       case "average":
-        return Hs(h);
+        return Ks(h);
       case "sum":
-        return Ws(h);
+        return Xs(h);
       case "count":
-        return Er(h.length);
+        return zr(h.length);
       case "uniqueCount":
-        return Dr(
+        return Br(
           h.map(String),
           a?.meta?.label || String(c.id)
         );
       case "mostCommon":
-        return Gs(h.map(String));
+        return Qs(h.map(String));
       case "dateRange":
-        return kr(h);
+        return Tr(h);
       default:
         return null;
     }
-  switch (Os(s, y)) {
+  switch (Js(s, y)) {
     case "number":
-      return Ir(h);
+      return kr(h);
     case "string":
-      return Dr(
+      return Br(
         h.map(String),
         a?.meta?.label || String(c.id)
       );
     case "date":
-      return kr(h);
+      return Tr(h);
     default:
-      return Er(h.length);
+      return zr(h.length);
   }
 }
-function Br({ columns: c, rows: s, showRowBorder: i = !0, showCellBorder: a = !0, skipHeader: f = !1, enableResponsiveWrapper: x = !0 }) {
+function Mr({ columns: c, rows: s, showRowBorder: i = !0, showCellBorder: a = !0, skipHeader: f = !1, enableResponsiveWrapper: x = !0 }) {
   const y = x ? "h-4 w-full max-w-full" : "h-4 w-[120px]", h = x ? "h-4 w-full max-w-full" : "h-4 w-[100px]";
   return /* @__PURE__ */ b(ee, { children: [
-    !f && /* @__PURE__ */ t(G, { showBorder: i, children: Array.from({ length: c }).map((p, v) => /* @__PURE__ */ t(ut, { showBorder: a, className: "overflow-hidden", children: /* @__PURE__ */ t(Nr, { className: y }) }, v)) }),
+    !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(
       le,
       {
         showBorder: a,
         showRowBorder: i,
         className: "text-body-sm overflow-hidden",
-        children: /* @__PURE__ */ t(Nr, { className: h })
+        children: /* @__PURE__ */ t(Er, { className: h })
       },
       D
     )) }, v))
   ] });
 }
-const _s = /* @__PURE__ */ l.memo(function({
+const Ys = /* @__PURE__ */ l.memo(function({
   title: s = "No data",
   description: i = "No items to display",
   action: a,
@@ -220,7 +221,7 @@ const _s = /* @__PURE__ */ l.memo(function({
     /* @__PURE__ */ t("p", { className: "text-body-medium-md text-[var(--color-text-primary)]", children: s }),
     i && /* @__PURE__ */ t("p", { className: "text-body-sm text-[var(--color-text-secondary)] mt-[var(--space-xs)]", children: i }),
     a && /* @__PURE__ */ t(
-      Me,
+      Pe,
       {
         variant: "primary",
         size: "s",
@@ -230,7 +231,7 @@ const _s = /* @__PURE__ */ l.memo(function({
       }
     )
   ] });
-}), qs = /* @__PURE__ */ l.memo(function({
+}), Zs = /* @__PURE__ */ l.memo(function({
   title: s = "No results found",
   description: i = "Try adjusting your search or filters",
   action: a,
@@ -240,7 +241,7 @@ const _s = /* @__PURE__ */ l.memo(function({
     /* @__PURE__ */ t("p", { className: "text-body-medium-md text-[var(--color-text-primary)]", children: s }),
     i && /* @__PURE__ */ t("p", { className: "text-body-sm text-[var(--color-text-secondary)] mt-[var(--space-xs)]", children: i }),
     a && /* @__PURE__ */ t(
-      Me,
+      Pe,
       {
         variant: "default",
         size: "s",
@@ -250,7 +251,7 @@ const _s = /* @__PURE__ */ l.memo(function({
       }
     )
   ] });
-}), Us = /* @__PURE__ */ l.memo(function({
+}), eo = /* @__PURE__ */ l.memo(function({
   error: s,
   onRetry: i,
   customContent: a
@@ -259,7 +260,7 @@ const _s = /* @__PURE__ */ l.memo(function({
     /* @__PURE__ */ t("p", { className: "text-body-medium-md text-[var(--color-text-primary)]", children: "Something went wrong" }),
     /* @__PURE__ */ t("p", { className: "text-body-sm text-[var(--color-text-secondary)] mt-[var(--space-xs)]", children: s?.message || "An error occurred while loading data" }),
     i && /* @__PURE__ */ t(
-      Me,
+      Pe,
       {
         variant: "default",
         size: "s",
@@ -269,9 +270,9 @@ const _s = /* @__PURE__ */ l.memo(function({
       }
     )
   ] });
-}), Js = /* @__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" }) });
-}), Ks = /* @__PURE__ */ l.memo(function({
+}), ro = /* @__PURE__ */ l.memo(function({
   table: s,
   searchKey: i,
   searchPlaceholder: a = "Search...",
@@ -290,7 +291,7 @@ const _s = /* @__PURE__ */ l.memo(function({
   return /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ b("div", { className: "flex flex-1 items-center space-x-2", children: [
       f && h && /* @__PURE__ */ t(ee, { children: D && T.length > 0 ? /* @__PURE__ */ t(
-        Rs,
+        Ds,
         {
           value: y,
           onValueChange: h,
@@ -305,7 +306,7 @@ const _s = /* @__PURE__ */ l.memo(function({
         {
           placeholder: x,
           value: y,
-          onChange: (P) => h(P.target.value),
+          onChange: (M) => h(M.target.value),
           className: "h-8 w-[150px] lg:w-[250px]"
         }
       ) }),
@@ -314,14 +315,14 @@ const _s = /* @__PURE__ */ l.memo(function({
         {
           placeholder: a,
           value: s.getColumn(i)?.getFilterValue() ?? "",
-          onChange: (P) => s.getColumn(i)?.setFilterValue(P.target.value),
+          onChange: (M) => s.getColumn(i)?.setFilterValue(M.target.value),
           className: "h-8 w-[150px] lg:w-[250px]"
         }
       ),
-      s.getAllColumns().filter((P) => P.getCanFilter() && P.columnDef.meta?.filterVariant).map((P) => /* @__PURE__ */ t(Qs, { column: P }, P.id)),
-      p && /* @__PURE__ */ t(Xs, { table: s }),
+      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 }),
       A && /* @__PURE__ */ b(
-        Me,
+        Pe,
         {
           variant: "ghost",
           onClick: () => {
@@ -330,14 +331,14 @@ const _s = /* @__PURE__ */ l.memo(function({
           className: "h-8 px-2 lg:px-3",
           children: [
             "Reset",
-            /* @__PURE__ */ t(W, { name: "x", className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ t(W, { name: Vt, className: "ml-2 h-4 w-4" })
           ]
         }
       )
     ] }),
-    R && /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ t(Wr, { table: s, enableGrouping: v }) })
+    R && /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ t(qr, { table: s, enableGrouping: v }) })
   ] });
-}), Xs = /* @__PURE__ */ l.memo(function({ table: s }) {
+}), no = /* @__PURE__ */ l.memo(function({ table: s }) {
   const [i, a] = l.useState([]), f = s.getAllColumns().filter(
     (h) => h.columnDef.meta?.filterOptions && h.getCanFilter()
   ), x = l.useMemo(() => {
@@ -345,10 +346,10 @@ const _s = /* @__PURE__ */ l.memo(function({
     return f.forEach((p) => {
       const v = p.getFacetedUniqueValues(), R = p.columnDef.meta?.filterOptions || [], D = p.columnDef.meta?.label || p.columnDef.header;
       v.forEach((T, C) => {
-        const A = R.find((P) => P.value === C);
+        const A = R.find((M) => M.value === C);
         if (A && T > 0) {
-          const P = `${D}:${C}`;
-          h.set(P, {
+          const M = `${D}:${C}`;
+          h.set(M, {
             count: T,
             column: D,
             label: A.label
@@ -369,9 +370,9 @@ const _s = /* @__PURE__ */ l.memo(function({
       D.length > 0 ? v.columnDef.meta?.filterVariant === "multiselect" ? v.setFilterValue(D) : v.columnDef.meta?.filterVariant === "select" && v.setFilterValue(D[0]) : v.setFilterValue(void 0);
     });
   };
-  return x.length === 0 ? null : /* @__PURE__ */ b(Pr, { children: [
-    /* @__PURE__ */ t(Vr, { asChild: !0, children: /* @__PURE__ */ b(Me, { variant: "ghost", size: "s", className: "h-8 border-dashed", children: [
-      /* @__PURE__ */ t(W, { name: "filter", className: "mr-2 h-4 w-4" }),
+  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" }),
       "Global Faceting",
       i.length > 0 && /* @__PURE__ */ b(ee, { children: [
         /* @__PURE__ */ t("div", { className: "mx-2 h-4 w-px bg-[var(--color-border-primary)]" }),
@@ -381,14 +382,14 @@ const _s = /* @__PURE__ */ l.memo(function({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ t(Fr, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ b($r, { children: [
-      /* @__PURE__ */ t(jr, { placeholder: "Search values across all columns..." }),
-      /* @__PURE__ */ b(Ar, { children: [
-        /* @__PURE__ */ t(Lr, { children: "No results found" }),
-        /* @__PURE__ */ t(Or, { children: x.map((h) => {
+    /* @__PURE__ */ t(Ar, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ b(Lr, { children: [
+      /* @__PURE__ */ t(Or, { placeholder: "Search values across all columns..." }),
+      /* @__PURE__ */ b(Hr, { children: [
+        /* @__PURE__ */ t(Wr, { children: "No results found" }),
+        /* @__PURE__ */ t(Gr, { children: x.map((h) => {
           const p = i.includes(h.value);
           return /* @__PURE__ */ t(
-            Hr,
+            _r,
             {
               onSelect: () => y(h.value),
               children: /* @__PURE__ */ b("div", { className: "flex items-center justify-between flex-1", children: [
@@ -411,24 +412,24 @@ const _s = /* @__PURE__ */ l.memo(function({
       ] })
     ] }) })
   ] });
-}), Qs = /* @__PURE__ */ l.memo(function({ column: s }) {
+}), 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();
   if (i === "select" && a)
     return /* @__PURE__ */ b(
-      ks,
+      Ts,
       {
         value: y || "all",
         onValueChange: (p) => s.setFilterValue(p === "all" ? "" : p),
         children: [
-          /* @__PURE__ */ t(zs, { className: "h-8 w-[150px]", children: /* @__PURE__ */ t(Bs, { placeholder: x || `Filter ${f}` }) }),
-          /* @__PURE__ */ b(Ts, { children: [
-            /* @__PURE__ */ b(Sr, { value: "all", children: [
+          /* @__PURE__ */ t(Ps, { className: "h-8 w-[150px]", children: /* @__PURE__ */ t(Ms, { placeholder: x || `Filter ${f}` }) }),
+          /* @__PURE__ */ b(Vs, { children: [
+            /* @__PURE__ */ b(Nr, { value: "all", children: [
               "All ",
               f
             ] }),
             a.map((p) => {
               const v = h.get(p.value) || 0;
-              return /* @__PURE__ */ t(Sr, { value: p.value, children: /* @__PURE__ */ b("div", { className: "flex items-center justify-between w-full gap-2", children: [
+              return /* @__PURE__ */ t(Nr, { value: p.value, children: /* @__PURE__ */ b("div", { className: "flex items-center justify-between w-full gap-2", children: [
                 /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
                   p.icon && /* @__PURE__ */ t(p.icon, { className: "h-4 w-4" }),
                   p.label
@@ -442,9 +443,9 @@ const _s = /* @__PURE__ */ l.memo(function({
     );
   if (i === "multiselect" && a) {
     const p = y || [];
-    return /* @__PURE__ */ b(Pr, { children: [
-      /* @__PURE__ */ t(Vr, { asChild: !0, children: /* @__PURE__ */ b(Me, { variant: "ghost", size: "s", className: "h-8 border-dashed", children: [
-        /* @__PURE__ */ t(W, { name: "plus-circle", className: "mr-2 h-4 w-4" }),
+    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" }),
         f,
         p.length > 0 && /* @__PURE__ */ b(ee, { children: [
           /* @__PURE__ */ t("div", { className: "mx-2 h-4 w-px bg-[var(--color-border-primary)]" }),
@@ -455,14 +456,14 @@ const _s = /* @__PURE__ */ l.memo(function({
           ] }) : a.filter((v) => p.includes(v.value)).map((v) => /* @__PURE__ */ t(xe, { className: "rounded-s px-1 font-normal", children: v.label }, v.value)) })
         ] })
       ] }) }),
-      /* @__PURE__ */ t(Fr, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ b($r, { children: [
-        /* @__PURE__ */ t(jr, { placeholder: x || `Search ${f}...` }),
-        /* @__PURE__ */ b(Ar, { children: [
-          /* @__PURE__ */ t(Lr, { children: "No results found" }),
-          /* @__PURE__ */ t(Or, { children: a.map((v) => {
+      /* @__PURE__ */ t(Ar, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ b(Lr, { children: [
+        /* @__PURE__ */ t(Or, { placeholder: x || `Search ${f}...` }),
+        /* @__PURE__ */ b(Hr, { children: [
+          /* @__PURE__ */ t(Wr, { children: "No results found" }),
+          /* @__PURE__ */ t(Gr, { children: a.map((v) => {
             const R = p.includes(v.value), D = h.get(v.value) || 0;
             return /* @__PURE__ */ t(
-              Hr,
+              _r,
               {
                 onSelect: () => {
                   const T = R ? p.filter((C) => C !== v.value) : [...p, v.value];
@@ -502,7 +503,7 @@ const _s = /* @__PURE__ */ l.memo(function({
       className: "h-8 w-[150px]"
     }
   );
-}), Ys = /* @__PURE__ */ l.memo(function({ header: s, enableColumnOrdering: i, children: a }) {
+}), oo = /* @__PURE__ */ l.memo(function({ header: s, enableColumnOrdering: i, children: a }) {
   const {
     attributes: f,
     listeners: x,
@@ -510,11 +511,11 @@ const _s = /* @__PURE__ */ l.memo(function({
     transform: h,
     transition: p,
     isDragging: v
-  } = Ss({
+  } = Is({
     id: s.id,
     disabled: !i
   }), R = {
-    transform: Ns.Translate.toString(h),
+    transform: Es.Translate.toString(h),
     // Only translate, no scale
     transition: p,
     opacity: v ? 0.5 : 1
@@ -539,7 +540,7 @@ const _s = /* @__PURE__ */ l.memo(function({
             children: /* @__PURE__ */ t(
               W,
               {
-                name: "grip-vertical",
+                name: $s,
                 className: "h-3 w-3 text-[var(--color-text-tertiary)]"
               }
             )
@@ -548,7 +549,7 @@ const _s = /* @__PURE__ */ l.memo(function({
       ]
     }
   ) : /* @__PURE__ */ t(ee, { children: a });
-}), Wr = /* @__PURE__ */ l.memo(function({ table: s, enableGrouping: i = !1 }) {
+}), qr = /* @__PURE__ */ l.memo(function({ table: s, enableGrouping: i = !1 }) {
   const a = s.getAllColumns().filter((N) => N.getCanSort()).map((N) => ({
     id: N.id,
     label: N.columnDef.meta?.label || N.columnDef.header || N.id
@@ -560,7 +561,7 @@ const _s = /* @__PURE__ */ l.memo(function({
     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] || "";
   return /* @__PURE__ */ t(
-    Ps,
+    Os,
     {
       sortableColumns: a,
       selectedSortColumn: p,
@@ -583,7 +584,7 @@ const _s = /* @__PURE__ */ l.memo(function({
       }
     }
   );
-}), Do = /* @__PURE__ */ l.memo(function({
+}), Fo = /* @__PURE__ */ l.memo(function({
   column: s,
   title: i,
   className: a
@@ -610,7 +611,7 @@ const _s = /* @__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 });
-}), Zs = /* @__PURE__ */ l.memo(function({
+}), ao = /* @__PURE__ */ l.memo(function({
   table: s,
   enableGrouping: i = !1,
   hideChildrenForSingleItemGroups: a = {},
@@ -620,10 +621,10 @@ const _s = /* @__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((P) => P.depth === 0).length : s.getRowCount(), T = s.getFilteredSelectedRowModel().rows.length, C = (P) => {
-    s.setPageIndex(P - 1);
-  }, A = (P) => {
-    s.setPageSize(P);
+  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);
+  }, A = (M) => {
+    s.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: [
@@ -642,7 +643,7 @@ const _s = /* @__PURE__ */ l.memo(function({
       " row(s) selected."
     ] }) }),
     /* @__PURE__ */ t(
-      Ms,
+      Ls,
       {
         variant: h,
         currentPage: v,
@@ -656,7 +657,7 @@ const _s = /* @__PURE__ */ l.memo(function({
       }
     )
   ] });
-}), eo = /* @__PURE__ */ l.memo(function({
+}), lo = /* @__PURE__ */ l.memo(function({
   onLoadMore: s,
   isLoading: i
 }) {
@@ -680,7 +681,7 @@ const _s = /* @__PURE__ */ l.memo(function({
     }
   );
 });
-function to(c) {
+function io(c) {
   let s = 0;
   const i = (a, f) => {
     a.forEach((x) => {
@@ -689,7 +690,7 @@ function to(c) {
   };
   return i(c), s;
 }
-function Tr(c, s) {
+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 = () => {
     let C = c;
     for (; C; ) {
@@ -726,7 +727,7 @@ function Tr(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 ro(c, s) {
+function co(c, s) {
   if (s) {
     if (s.heights && s.heights[c] !== void 0)
       return s.heights[c];
@@ -734,7 +735,7 @@ function ro(c, s) {
       return s.defaultHeight;
   }
 }
-function Mr(c, s, i, a, f, x) {
+function Fr(c, s, 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",
     {
@@ -758,7 +759,7 @@ function Mr(c, s, i, a, f, x) {
     if (T) {
       const C = T.columnDef;
       if (C.aggregatedCell) {
-        const A = c.getAllCells().find((P) => P.column.id === i);
+        const A = c.getAllCells().find((M) => M.column.id === i);
         return /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)] font-medium text-[var(--color-text-primary)]", children: [
           R,
           /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--space-s)]", children: [
@@ -786,7 +787,7 @@ function Mr(c, s, i, a, f, x) {
     ] })
   ] });
 }
-function ko({
+function $o({
   columns: c,
   data: s,
   searchKey: i,
@@ -802,122 +803,122 @@ function ko({
   showScrollIndicators: T = !1,
   minTableWidth: C = "900px",
   isLoading: A = !1,
-  loadingBehavior: P = "replace",
+  loadingBehavior: M = "replace",
   loadingRowCount: N = 10,
   borderStyle: Ue = "both",
   defaultVerticalAlign: Ie = "middle",
   enableGlobalSearch: ie = !1,
-  globalSearchPlaceholder: Gr = "Search all columns...",
+  globalSearchPlaceholder: Ur = "Search all columns...",
   enableAutocomplete: mt = !1,
   globalSearchColumns: Je,
-  autocompleteMinCharacters: _r = 2,
-  enableGlobalFaceting: qr = !1,
+  autocompleteMinCharacters: Jr = 2,
+  enableGlobalFaceting: Kr = !1,
   enableColumnResizing: te = !1,
-  columnResizeMode: Ur = "onChange",
+  columnResizeMode: Xr = "onChange",
   enableColumnResizePersistence: Ke = !1,
   enablePaginationPersistence: ht = !1,
   storageKey: Y = "data-table-columns",
   enableExpanding: _ = !1,
-  getSubRows: Jr,
+  getSubRows: Qr,
   expandingRowColors: O,
   nestedRowStyling: pt,
   enableGrouping: z = !1,
-  groupedColumnMode: Kr = !1,
-  enableManualGrouping: Xr = !1,
+  groupedColumnMode: Yr = !1,
+  enableManualGrouping: Zr = !1,
   groupDisplayColumn: Xe,
   hideChildrenForSingleItemGroups: ye = {},
-  hideExpanderForSingleItemGroups: Vt = {},
+  hideExpanderForSingleItemGroups: Ft = {},
   enableRowPinning: Ee = !1,
-  keepPinnedRows: Ft = !0,
-  enableVirtualization: Qr = !1,
+  keepPinnedRows: $t = !0,
+  enableVirtualization: en = !1,
   // virtualContainerHeight = 600,
   // virtualRowHeight = 40,
   // virtualOverscan = 10,
   nestedHeaders: Qe = [],
-  enableNestedHeaders: Yr = !1,
+  enableNestedHeaders: tn = !1,
   enableColumnOrdering: Ye = !1,
   enableRowSelection: fe = !1,
-  showHeader: Pe = !0,
+  showHeader: Me = !0,
   showPagination: vt = !0,
-  paginationVariant: Zr = "full",
-  pageSizeOptions: en = [10, 25, 50, 100],
-  footerLabel: tn,
+  paginationVariant: rn = "full",
+  pageSizeOptions: nn = [10, 25, 50, 100],
+  footerLabel: sn,
   onTableReady: bt,
   initialState: Ve,
   // Controlled state props
-  sorting: $t,
-  onSortingChange: rn,
-  columnVisibility: jt,
-  onColumnVisibilityChange: nn,
-  grouping: At,
-  onGroupingChange: sn,
-  columnOrder: Lt,
-  onColumnOrderChange: on,
+  sorting: jt,
+  onSortingChange: on,
+  columnVisibility: At,
+  onColumnVisibilityChange: an,
+  grouping: Lt,
+  onGroupingChange: ln,
+  columnOrder: Ot,
+  onColumnOrderChange: cn,
   columnSizing: xt,
-  onColumnSizingChange: an,
-  pagination: Ot,
-  onPaginationChange: ln,
+  onColumnSizingChange: dn,
+  pagination: Ht,
+  onPaginationChange: un,
   expanded: Ce,
   onExpandedChange: yt,
-  renderSectionHeaderRow: Ht,
+  renderSectionHeaderRow: Wt,
   renderSubComponent: J,
-  getRowCanExpand: cn,
-  autoExpandChildren: Wt = !1,
+  getRowCanExpand: fn,
+  autoExpandChildren: Gt = !1,
   // Row click props
   onRowClick: K,
   isRowClickable: we,
-  clickableRowClassName: Gt,
+  clickableRowClassName: _t,
   groupPreservingSearch: Ze = !1,
   // Active row props
   activeRowId: Fe,
-  activeRowClassName: _t,
+  activeRowClassName: qt,
   getRowId: Ct,
-  onActiveRowChange: qt,
+  onActiveRowChange: Ut,
   // Callback props
   onRowSelectionChange: wt,
-  onNextPageHover: dn,
-  onPreviousPageHover: un,
-  onRowUpdate: no,
+  onNextPageHover: gn,
+  onPreviousPageHover: mn,
+  onRowUpdate: uo,
   // Infinite scroll props
-  onLoadMore: Ut,
-  hasMoreData: fn,
-  isLoadingMore: gn,
+  onLoadMore: Jt,
+  hasMoreData: hn,
+  isLoadingMore: pn,
   // Error handling props
-  error: Jt,
-  onRetry: mn,
-  errorComponent: hn,
+  error: Kt,
+  onRetry: vn,
+  errorComponent: bn,
   // Empty state props
-  emptyState: pn,
-  emptyStateTitle: vn = "No data",
-  emptyStateDescription: bn = "No items to display",
-  emptyStateAction: xn,
+  emptyState: xn,
+  emptyStateTitle: yn = "No data",
+  emptyStateDescription: Cn = "No items to display",
+  emptyStateAction: wn,
   // No results state props
-  noResultsState: yn,
-  noResultsTitle: Cn = "No results found",
-  noResultsDescription: wn = "Try adjusting your search or filters",
-  noResultsAction: Sn,
+  noResultsState: Sn,
+  noResultsTitle: Nn = "No results found",
+  noResultsDescription: Rn = "Try adjusting your search or filters",
+  noResultsAction: In,
   // Refetching props
-  isRefetching: Nn = !1,
+  isRefetching: En = !1,
   // Server-side mode props
-  manualSorting: Kt = !1,
-  manualFiltering: Xt = !1,
+  manualSorting: Xt = !1,
+  manualFiltering: Qt = !1,
   manualPagination: et = !1,
-  rowCount: Rn,
+  rowCount: Dn,
   // Server-side expansion props
-  manualExpanding: Qt = !1,
+  manualExpanding: Yt = !1,
   onLoadChildren: tt,
   expandingRowsLoading: rt,
   subComponentLoading: nt,
   onSubComponentLoad: De,
   // Server-side error handling props
-  expandingRowsError: so,
-  subComponentError: Yt,
+  expandingRowsError: fo,
+  subComponentError: Zt,
   onExpandError: $e
 }) {
-  const st = D || !!(v && v > 0) || !!(R && R > 0), [In, En] = l.useState([]), [Dn, kn] = l.useState({}), [zn, Bn] = l.useState(Ve?.grouping || []), [Tn, Mn] = l.useState(() => {
+  const 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 e = c.map((r) => r.id || r.accessorKey || `column-${Math.random()}`);
     return fe ? ["select", ...e] : e;
-  }), [Pn, Vn] = l.useState(xt || Ve?.columnSizing || {}), [Fn, $n] = l.useState(() => {
+  }), [$n, jn] = l.useState(xt || Ve?.columnSizing || {}), [An, Ln] = l.useState(() => {
     if (ht && Y) {
       const e = localStorage.getItem(`${Y}-pagination`);
       if (e)
@@ -930,15 +931,15 @@ function ko({
         }
     }
     return Ve?.pagination || { pageIndex: 0, pageSize: 10 };
-  }), [Zt, jn] = l.useState([]), [ke, An] = l.useState({}), [St, er] = l.useState(""), [Ln, tr] = l.useState(Ve?.expanded || {}), [On, Hn] = l.useState(Ve?.rowPinning || { top: [], bottom: [] }), [Wn, ot] = l.useState(""), [X, Nt] = l.useState([-1, 0]), Rt = l.useRef(null), je = l.useRef(/* @__PURE__ */ new Map()), Ae = l.useRef(/* @__PURE__ */ new Map());
+  }), [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());
   l.useEffect(() => () => {
     je.current.forEach((e) => e.abort()), Ae.current.forEach((e) => e.abort());
   }, []), l.useEffect(() => {
     wt && wt(ke);
   }, [ke, wt]), l.useEffect(() => {
-    qt?.(Fe);
-  }, [Fe, qt]);
-  const rr = $t !== void 0, nr = jt !== void 0, sr = At !== void 0, or = Lt !== void 0, ar = xt !== void 0, lr = Ot !== void 0, It = Ce !== void 0, ge = rr ? $t : In, Gn = nr ? jt : Dn, me = sr ? At : zn, Le = or ? Lt : Tn, at = ar ? xt : Pn, re = lr ? Ot : Fn, Q = It ? Ce : Ln, _n = rr ? rn : En, qn = nr ? nn : kn, Un = sr ? sn : Bn, ir = or ? on : Mn, cr = ar ? an : Vn, Jn = lr ? ln : $n, Et = l.useCallback(
+    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(
     (e) => {
       const r = typeof e == "object" && e !== null && !(e instanceof Function) && Object.keys(e).length === 0;
       if (It && yt) {
@@ -946,10 +947,10 @@ function ko({
           return;
         yt(e);
       } else
-        tr(r ? (n) => n === !0 || typeof n == "object" && n !== null && Object.keys(n).length > 0 ? n : e : e);
+        rr(r ? (n) => n === !0 || typeof n == "object" && n !== null && Object.keys(n).length > 0 ? n : e : e);
     },
     [It, yt, Ce]
-  ), Kn = l.useMemo(() => N !== void 0 && N !== 10 ? N : re.pageSize, [N, re.pageSize]), L = As(St, 300), Xn = l.useMemo(() => {
+  ), Yn = l.useMemo(() => N !== void 0 && N !== 10 ? N : re.pageSize, [N, re.pageSize]), L = qs(St, 300), Zn = l.useMemo(() => {
     if (!mt || !ie)
       return [];
     const e = /* @__PURE__ */ new Set();
@@ -961,7 +962,7 @@ function ko({
         n != null && String(n).trim() !== "" && e.add(String(n));
       });
     }), Array.from(e).sort();
-  }, [s, Je, mt, ie]), dr = l.useCallback((e, r, n) => {
+  }, [s, Je, mt, ie]), ur = l.useCallback((e, r, n) => {
     if (!e || !r || r.length === 0)
       return () => !0;
     const u = e.toLowerCase(), g = /* @__PURE__ */ new Set();
@@ -992,7 +993,7 @@ function ko({
       const e = localStorage.getItem(`${Y}-sizing`);
       if (e)
         try {
-          cr(JSON.parse(e));
+          dr(JSON.parse(e));
         } catch (r) {
           console.warn("Failed to parse saved column sizing:", r);
         }
@@ -1031,11 +1032,11 @@ function ko({
     if (!e.getIsGrouped()) return !0;
     const n = e.groupingColumnId;
     return (ye[n] ?? !1) && e.subRows && e.subRows.length === 1;
-  }, [K, we, ye]), ur = (e) => e ? "![box-shadow:inset_3px_0_0_0_var(--color-border-brand-bold),inset_0_-1px_0_0_var(--color-border-primary-medium)]" : "![box-shadow:inset_3px_0_0_0_var(--color-border-brand-bold)]", ze = l.useCallback((e) => {
+  }, [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;
     return String(r) === String(Fe);
-  }, [Fe, Ct]), Oe = l.useMemo(() => p ? 1 : v || 0, [p, v]), Ne = l.useMemo(() => R || 0, [R]), fr = l.useMemo(() => {
+  }, [Fe, Ct]), Oe = l.useMemo(() => p ? 1 : v || 0, [p, v]), Ne = l.useMemo(() => R || 0, [R]), gr = l.useMemo(() => {
     const e = /* @__PURE__ */ new Set();
     return c.forEach((r) => {
       if (r.cell) {
@@ -1090,77 +1091,77 @@ function ko({
         label: "Select"
       }
     }, ...e] : e;
-  }, [c, fe]), zt = l.useMemo(() => s, [s]), Qn = l.useMemo(() => !Ze || !L ? Rr : dr(L, me, zt), [Ze, L, me, zt, dr]), w = os({
+  }, [c, fe]), zt = l.useMemo(() => s, [s]), es = l.useMemo(() => !Ze || !L ? Dr : ur(L, me, zt), [Ze, L, me, zt, ur]), w = is({
     data: zt,
     columns: kt,
     getRowId: Ct,
     filterFns: {
-      fuzzy: Rr,
-      multiSelect: Ls
+      fuzzy: Dr,
+      multiSelect: Us
     },
     state: {
       sorting: ge,
-      columnFilters: Zt,
-      columnVisibility: Gn,
+      columnFilters: er,
+      columnVisibility: Un,
       rowSelection: ke,
       globalFilter: L,
       columnSizing: at,
       expanded: Q,
       grouping: me,
-      rowPinning: On,
+      rowPinning: Gn,
       columnOrder: Le,
       pagination: re
     },
     // Server-side mode configuration
-    manualSorting: Kt,
-    manualFiltering: Xt,
+    manualSorting: Xt,
+    manualFiltering: Qt,
     manualPagination: et,
-    rowCount: Rn,
+    rowCount: Dn,
     // Required for server-side pagination
     enableRowSelection: fe,
     enableColumnPinning: !1,
     // Disable TanStack Table pinning - using CSS approach
     enableGlobalFilter: ie,
     // Enable global filtering
-    globalFilterFn: Qn,
+    globalFilterFn: es,
     // Use group-preserving filter when enabled
     enableColumnResizing: te,
-    columnResizeMode: Ur,
+    columnResizeMode: Xr,
     enableExpanding: _,
-    getSubRows: Jr,
-    getRowCanExpand: cn,
+    getSubRows: Qr,
+    getRowCanExpand: fn,
     paginateExpandedRows: !1,
     // Only paginate top-level rows, not expanded children
     autoResetPageIndex: !1,
     // Prevent pagination from resetting on data/filter/grouping changes
     enableGrouping: z,
-    groupedColumnMode: Kr,
-    manualGrouping: Xr,
+    groupedColumnMode: Yr,
+    manualGrouping: Zr,
     enableRowPinning: Ee,
-    keepPinnedRows: Ft,
-    onRowSelectionChange: An,
-    onSortingChange: _n,
-    onColumnFiltersChange: jn,
-    onColumnVisibilityChange: qn,
-    onGlobalFilterChange: er,
-    onColumnSizingChange: cr,
+    keepPinnedRows: $t,
+    onRowSelectionChange: Hn,
+    onSortingChange: Jn,
+    onColumnFiltersChange: On,
+    onColumnVisibilityChange: Kn,
+    onGlobalFilterChange: tr,
+    onColumnSizingChange: dr,
     onExpandedChange: Et,
-    onGroupingChange: Un,
-    onRowPinningChange: Hn,
-    onColumnOrderChange: ir,
-    onPaginationChange: Jn,
-    getCoreRowModel: ms(),
+    onGroupingChange: Xn,
+    onRowPinningChange: _n,
+    onColumnOrderChange: cr,
+    onPaginationChange: Qn,
+    getCoreRowModel: vs(),
     // Conditionally include row models based on manual mode
-    getFilteredRowModel: Xt ? void 0 : gs(),
-    getPaginationRowModel: et || Qr ? void 0 : fs(),
-    getSortedRowModel: Kt ? void 0 : us(),
-    getExpandedRowModel: _ ? ds() : void 0,
-    getGroupedRowModel: z ? cs() : void 0,
-    getFacetedRowModel: is(),
-    getFacetedUniqueValues: ls(),
-    getFacetedMinMaxValues: as()
+    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()
   }), lt = l.useMemo(
-    () => to(w.getRowModel().rows),
+    () => io(w.getRowModel().rows),
     [w.getRowModel().rows]
   ), it = l.useMemo(() => {
     if (!z) return null;
@@ -1168,17 +1169,17 @@ function ko({
     return w.getGroupedRowModel?.()?.rows?.forEach((n) => {
       n.subRows && n.subRows.length > 0 && e.set(n.id, n.subRows);
     }), e;
-  }, [z, w]), { flatVisibleRows: ct, rowIdToFlatIndex: gr } = l.useMemo(() => {
+  }, [z, w]), { flatVisibleRows: ct, rowIdToFlatIndex: mr } = l.useMemo(() => {
     const e = [], r = /* @__PURE__ */ new Map(), n = (g) => {
       const m = e.length;
       e.push(g), r.set(g.id, m), g.getIsExpanded() && (g.subRows && g.subRows.length > 0 ? g.subRows : it?.get(g.id) || []).forEach(n);
     };
     return w.getRowModel().rows.filter((g) => J || g.depth === 0).forEach(n), { flatVisibleRows: e, rowIdToFlatIndex: r };
-  }, [w, Q, it, J]), mr = l.useRef(void 0);
+  }, [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));
-    mr.current !== u && (mr.current = u, w.setPageCount(u));
+    hr.current !== u && (hr.current = u, w.setPageCount(u));
   }, [
     z,
     // NOTE: Deliberately NOT including 'table' to avoid re-running on every render
@@ -1189,26 +1190,26 @@ function ko({
     w.getPrePaginationRowModel().rows.length
     // Row count changes
   ]);
-  const hr = l.useRef({});
+  const pr = l.useRef({});
   l.useEffect(() => {
-    if (!Wt) return;
-    const e = w.getState().expanded, r = hr.current, n = { ...e };
+    if (!Gt) return;
+    const e = w.getState().expanded, r = pr.current, n = { ...e };
     let u = !1;
     w.getRowModel().rows.forEach((g) => {
       const m = g.id, S = e[m] === !0, B = r[m] === !0;
       S && !B && g.subRows && g.subRows.length > 0 && g.subRows.forEach((F) => {
         e[F.id] !== !0 && (n[F.id] = !0, u = !0);
       });
-    }), hr.current = e, u && Et(n);
+    }), pr.current = e, u && Et(n);
   }, [
     Q,
-    Wt
+    Gt
     // NOTE: Deliberately NOT including 'table' to avoid re-running on every render
   ]);
-  const pr = l.useRef({});
+  const vr = l.useRef({});
   l.useEffect(() => {
     if (!tt && !De) return;
-    const e = w.getState().expanded, r = pr.current;
+    const e = w.getState().expanded, r = vr.current;
     Object.keys(r).forEach((n) => {
       const u = r[n], g = e[n];
       if (u && !g) {
@@ -1222,12 +1223,12 @@ function ko({
       if (u && !g) {
         const m = w.getRow(n);
         if (!m) return;
-        if (tt && Qt) {
+        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;
           if (S && !B && !F) {
             const o = new AbortController();
-            je.current.set(n, o), Promise.resolve(tt(m)).catch((M) => {
-              M?.name !== "AbortError" && $e && $e(m, M, "children");
+            je.current.set(n, o), Promise.resolve(tt(m)).catch((P) => {
+              P?.name !== "AbortError" && $e && $e(m, P, "children");
             }).finally(() => {
               je.current.delete(n);
             });
@@ -1242,12 +1243,12 @@ function ko({
           });
         }
       }
-    }), pr.current = e;
+    }), vr.current = e;
   }, [
     Q,
     tt,
     De,
-    Qt,
+    Yt,
     J,
     rt,
     nt,
@@ -1264,11 +1265,11 @@ function ko({
       return u === g ? n : e;
     });
   }, [L, Ze, z]);
-  const vr = l.useRef(me), br = l.useRef(ge);
+  const br = l.useRef(me), xr = l.useRef(ge);
   l.useEffect(() => {
     if (!et) return;
-    const e = JSON.stringify(me) !== JSON.stringify(vr.current), r = JSON.stringify(ge) !== JSON.stringify(br.current);
-    (e || r) && w.setPageIndex(0), vr.current = me, br.current = ge;
+    const e = JSON.stringify(me) !== JSON.stringify(br.current), r = JSON.stringify(ge) !== JSON.stringify(xr.current);
+    (e || r) && w.setPageIndex(0), br.current = me, xr.current = ge;
   }, [me, ge, et, w]), l.useEffect(() => {
     bt && bt(w);
   }, [w, bt]), l.useEffect(() => {
@@ -1372,7 +1373,7 @@ function ko({
   }, [He]), Be = l.useCallback((e) => {
     if (!ie || !L)
       return be(e.column.columnDef.cell, e.getContext());
-    if (fr.has(e.column.id)) {
+    if (gr.has(e.column.id)) {
       const u = be(e.column.columnDef.cell, e.getContext());
       return u == null || !dt(u, L) ? u : ce(u, L);
     }
@@ -1382,32 +1383,32 @@ function ko({
       return He(u, L);
     }
     return be(e.column.columnDef.cell, e.getContext());
-  }, [ie, L, He, fr, dt, ce]), xr = l.useCallback((e) => {
+  }, [ie, L, He, gr, dt, ce]), yr = l.useCallback((e) => {
     if (!ie || !L)
       return be(e.column.columnDef.aggregatedCell, e.getContext());
     const r = be(e.column.columnDef.aggregatedCell, e.getContext());
     return r == null || !dt(r, L) ? r : ce(r, L);
-  }, [ie, L, dt, ce, he]), Yn = l.useRef(null), Zn = hs(
-    wr(ps, {
+  }, [ie, L, dt, ce, he]), ts = l.useRef(null), rs = bs(
+    Sr(xs, {
       activationConstraint: {
         distance: 8
       }
     }),
-    wr(vs, {
+    Sr(ys, {
       activationConstraint: {
         delay: 200,
         tolerance: 8
       }
     })
-  ), [, yr] = l.useState(null), es = (e) => {
-    Ye && yr(e.active.id);
-  }, ts = (e) => {
+  ), [, Cr] = l.useState(null), ns = (e) => {
+    Ye && Cr(e.active.id);
+  }, ss = (e) => {
     if (!Ye) return;
     const { active: r, over: n } = e;
-    if (yr(null), r.id !== n?.id && n?.id) {
+    if (Cr(null), r.id !== n?.id && n?.id) {
       const u = Le.findIndex((m) => m === r.id), g = Le.findIndex((m) => m === n?.id);
       if (u !== -1 && g !== -1) {
-        const m = ws(Le, u, g);
+        const m = Rs(Le, u, g);
         console.log("Column reorder:", {
           activeId: r.id,
           overId: n.id,
@@ -1415,18 +1416,18 @@ function ko({
           newIndex: g,
           oldOrder: Le,
           newOrder: m
-        }), ir(m);
+        }), cr(m);
       }
     }
-  }, rs = l.useCallback((e) => {
+  }, 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, M = n, $ = !1;
+    let o = r, P = n, $ = !1;
     switch (e.key) {
       case "ArrowRight":
-        n < m - 1 && (M = n + 1, $ = !0);
+        n < m - 1 && (P = n + 1, $ = !0);
         break;
       case "ArrowLeft":
-        n > 0 && (M = n - 1, $ = !0);
+        n > 0 && (P = n - 1, $ = !0);
         break;
       case "ArrowDown":
         r < F && (o = r + 1, $ = !0);
@@ -1435,10 +1436,10 @@ function ko({
         r > B && (o = r - 1, $ = !0);
         break;
       case "Home":
-        (e.ctrlKey || e.metaKey) && (o = B), M = 0, $ = !0;
+        (e.ctrlKey || e.metaKey) && (o = B), P = 0, $ = !0;
         break;
       case "End":
-        (e.ctrlKey || e.metaKey) && (o = F), M = m - 1, $ = !0;
+        (e.ctrlKey || e.metaKey) && (o = F), P = m - 1, $ = !0;
         break;
       case "PageDown":
         o = Math.min(r + 10, F), $ = !0;
@@ -1460,12 +1461,12 @@ function ko({
         document.activeElement instanceof HTMLElement && document.activeElement.blur(), $ = !0;
         break;
     }
-    if ($ && (e.preventDefault(), e.stopPropagation(), o !== r || M !== n)) {
-      Nt([o, M]);
-      const d = o === -1 ? `[data-header-col="${M}"]` : `[data-row="${o}"][data-col="${M}"]`, k = Rt.current?.querySelector(d);
+    if ($ && (e.preventDefault(), e.stopPropagation(), o !== r || P !== n)) {
+      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]), ns = l.useCallback((e) => {
+  }, [X, w, ct, _, z, fe]), as = l.useCallback((e) => {
     Rt.current?.contains(e.relatedTarget) || Nt([-1, 0]);
   }, []), We = l.useMemo(() => {
     const e = w.getVisibleFlatColumns(), r = /* @__PURE__ */ new Map();
@@ -1497,7 +1498,7 @@ function ko({
       return {};
     const { isLeftSticky: g, isRightSticky: m, leftPosition: S, rightPosition: B, isRightmostLeftSticky: F, isLeftmostRightSticky: o } = u;
     if (g) {
-      const M = {
+      const P = {
         position: "sticky",
         left: `${S}px`,
         ...r && { backgroundColor: "var(--grey-25)" },
@@ -1506,13 +1507,13 @@ function ko({
         maxWidth: `${e.getSize()}px`
       };
       return F && r ? {
-        ...M,
+        ...P,
         backgroundImage: "linear-gradient(to right, var(--grey-25) calc(100% - 3px), var(--color-border-primary-medium) calc(100% - 3px), var(--color-border-primary-medium) 100%)",
         backgroundColor: "transparent"
-      } : M;
+      } : P;
     }
     if (m) {
-      const M = {
+      const P = {
         position: "sticky",
         right: `${B}px`,
         ...r && { backgroundColor: "var(--grey-25)" },
@@ -1521,13 +1522,13 @@ function ko({
         maxWidth: `${e.getSize()}px`
       };
       return o && r ? {
-        ...M,
+        ...P,
         backgroundImage: "linear-gradient(to right, var(--color-border-primary-medium) 0, var(--color-border-primary-medium) 3px, var(--grey-25) 3px)",
         backgroundColor: "transparent"
-      } : M;
+      } : P;
     }
     return {};
-  }, ss = (e) => {
+  }, ls = (e) => {
     if (!e || typeof e.getSize != "function")
       return "";
     const r = We.data.get(e.id);
@@ -1542,7 +1543,7 @@ function ko({
       return !1;
     const r = We.data.get(e.id);
     return r ? r.columnIndex === We.allColumns.length - Ne - 1 : !1;
-  }, Cr = (e, r = !1) => !te || !e.getCanResize() || !!E.showCellBorder ? "" : V(
+  }, wr = (e, r = !1) => !te || !e.getCanResize() || !!E.showCellBorder ? "" : V(
     // Right side indicator - hidden for last column
     !r && [
       "after:content-[''] after:absolute after:right-px after:top-1/2 after:-translate-y-1/2",
@@ -1558,40 +1559,40 @@ function ko({
     "before:opacity-0 hover:before:opacity-100",
     "before:transition-opacity before:pointer-events-none before:z-10"
   );
-  return /* @__PURE__ */ t(Vs, { children: /* @__PURE__ */ t(
-    bs,
+  return /* @__PURE__ */ t(Hs, { children: /* @__PURE__ */ t(
+    Cs,
     {
-      sensors: Zn,
-      collisionDetection: xs,
-      onDragStart: es,
-      onDragEnd: ts,
+      sensors: rs,
+      collisionDetection: ws,
+      onDragStart: ns,
+      onDragEnd: ss,
       children: /* @__PURE__ */ b("div", { className: V(
         "border border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] overflow-hidden rounded-l",
         // Remove bottom border when no pagination to avoid double border with last row
         !vt && "border-b-0",
         y
       ), children: [
-        Pe && (f || ie) && /* @__PURE__ */ b("div", { className: "border-b border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] px-[var(--space-l)] py-[var(--space-m)]", children: [
+        Me && (f || ie) && /* @__PURE__ */ b("div", { className: "border-b border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] px-[var(--space-l)] py-[var(--space-m)]", children: [
           f && /* @__PURE__ */ b("div", { className: "flex justify-between items-center", children: [
             /* @__PURE__ */ t("h3", { className: "text-heading-sm font-semibold text-[var(--color-text-primary)]", children: f }),
-            /* @__PURE__ */ t(Wr, { table: w, enableGrouping: z })
+            /* @__PURE__ */ t(qr, { table: w, enableGrouping: z })
           ] }),
           /* @__PURE__ */ t(
-            Ks,
+            ro,
             {
               table: w,
               searchKey: i,
               searchPlaceholder: a,
               showSettingsMenu: !1,
               enableGlobalSearch: ie,
-              globalSearchPlaceholder: Gr,
+              globalSearchPlaceholder: Ur,
               globalFilter: St,
-              onGlobalFilterChange: er,
-              enableGlobalFaceting: qr,
+              onGlobalFilterChange: tr,
+              enableGlobalFaceting: Kr,
               enableGrouping: z,
               enableAutocomplete: mt,
-              autocompleteSuggestions: Xn,
-              autocompleteMinCharacters: _r
+              autocompleteSuggestions: Zn,
+              autocompleteMinCharacters: Jr
             }
           )
         ] }),
@@ -1599,8 +1600,8 @@ function ko({
           "div",
           {
             ref: Rt,
-            onKeyDown: rs,
-            onFocus: ns,
+            onKeyDown: os,
+            onFocus: as,
             className: V(
               "relative",
               st && [
@@ -1623,13 +1624,13 @@ function ko({
                   "aria-live": "polite",
                   "aria-atomic": "true",
                   className: "sr-only",
-                  children: Wn
+                  children: qn
                 }
               ),
               /* @__PURE__ */ b(
-                Is,
+                ks,
                 {
-                  ref: Yn,
+                  ref: ts,
                   role: "grid",
                   "aria-label": x || f,
                   "aria-rowcount": s.length,
@@ -1653,7 +1654,7 @@ function ko({
                       },
                       e.id
                     )) }),
-                    /* @__PURE__ */ t(Es, { className: V(
+                    /* @__PURE__ */ t(zs, { 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)]"
@@ -1661,7 +1662,7 @@ function ko({
                       // Remove bottom border from last header row when pagination is enabled to avoid double border
                       vt && "[&_tr:last-child]:border-b-0"
                     ), children: A ? /* @__PURE__ */ t(
-                      Br,
+                      Mr,
                       {
                         columns: w.getVisibleLeafColumns().length,
                         rows: 0,
@@ -1669,7 +1670,7 @@ function ko({
                         showCellBorder: E.showCellBorder,
                         enableResponsiveWrapper: st
                       }
-                    ) : Yr && Qe && Qe.length > 0 ? (
+                    ) : tn && Qe && Qe.length > 0 ? (
                       // Nested headers rendering
                       /* @__PURE__ */ b(ee, { children: [
                         /* @__PURE__ */ t(G, { showBorder: E.showRowBorder, children: Qe.map((e, r) => {
@@ -1682,8 +1683,8 @@ function ko({
                               className: V(
                                 "text-center bg-[var(--color-background-neutral-subtlest)] font-medium border-b border-[var(--color-border-primary-medium)]",
                                 h && "z-20",
-                                !Pe && r === 0 && "rounded-tl-l",
-                                !Pe && r === Qe.length - 1 && "rounded-tr-l",
+                                !Me && r === 0 && "rounded-tl-l",
+                                !Me && r === Qe.length - 1 && "rounded-tr-l",
                                 e.className
                               ),
                               style: {
@@ -1710,7 +1711,7 @@ function ko({
                                 h && "z-20",
                                 (Oe > 0 || Ne > 0) && "z-30",
                                 te && "relative overflow-visible group",
-                                Cr(e.column, g),
+                                wr(e.column, g),
                                 // Focus ring for keyboard navigation
                                 "focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-border-brand-bold)]"
                               ),
@@ -1753,10 +1754,10 @@ function ko({
                     ) : (
                       // Standard single-level headers
                       w.getHeaderGroups().map((e) => /* @__PURE__ */ t(
-                        ys,
+                        Ss,
                         {
                           items: e.headers.map((r) => r.id),
-                          strategy: Cs,
+                          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);
                             return /* @__PURE__ */ t(
@@ -1773,9 +1774,9 @@ function ko({
                                   (Oe > 0 || Ne > 0) && "z-30",
                                   te && "relative overflow-visible group",
                                   Ye && "group",
-                                  !Pe && n === 0 && "rounded-tl-l",
-                                  !Pe && n === e.headers.length - 1 && "rounded-tr-l",
-                                  Cr(r.column, m),
+                                  !Me && n === 0 && "rounded-tl-l",
+                                  !Me && n === e.headers.length - 1 && "rounded-tr-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)]"
                                 ),
@@ -1784,7 +1785,7 @@ function ko({
                                   // For table-fixed layout, all columns need explicit width
                                   ...te && !u.width ? { width: r.column.getSize() } : {}
                                 },
-                                children: /* @__PURE__ */ t(Ys, { header: r, enableColumnOrdering: Ye, children: /* @__PURE__ */ b("div", { className: V(
+                                children: /* @__PURE__ */ t(oo, { header: r, enableColumnOrdering: Ye, children: /* @__PURE__ */ b("div", { className: V(
                                   g === "right" ? "text-right" : "text-left"
                                 ), children: [
                                   r.isPlaceholder ? null : be(
@@ -1818,9 +1819,9 @@ function ko({
                         e.id
                       ))
                     ) }),
-                    /* @__PURE__ */ b(Ds, { children: [
-                      Nn && !A && s.length > 0 && /* @__PURE__ */ t("tr", { className: "absolute top-0 left-0 right-0 z-50 h-0", children: /* @__PURE__ */ t("td", { colSpan: w.getVisibleLeafColumns().length, className: "p-0", children: /* @__PURE__ */ t(Js, {}) }) }),
-                      Jt ? /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
+                    /* @__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, {}) }) }),
+                      Kt ? /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
                         le,
                         {
                           colSpan: w.getVisibleLeafColumns().length,
@@ -1828,19 +1829,19 @@ function ko({
                           showBorder: !1,
                           showRowBorder: !1,
                           verticalAlign: "middle",
-                          children: hn || /* @__PURE__ */ t(
-                            Us,
+                          children: bn || /* @__PURE__ */ t(
+                            eo,
                             {
-                              error: Jt,
-                              onRetry: mn
+                              error: Kt,
+                              onRetry: vn
                             }
                           )
                         }
-                      ) }) : A && (P === "replace" || s.length === 0) ? /* @__PURE__ */ t(
-                        Br,
+                      ) }) : A && (M === "replace" || s.length === 0) ? /* @__PURE__ */ t(
+                        Mr,
                         {
                           columns: w.getVisibleLeafColumns().length,
-                          rows: Kn,
+                          rows: Yn,
                           showRowBorder: E.showRowBorder,
                           showCellBorder: E.showCellBorder,
                           skipHeader: !0,
@@ -1854,11 +1855,11 @@ function ko({
                         w.getRowModel().rows?.length ? (
                           // Manual cross-page pinning: organize rows with pinned rows at top/bottom of every page
                           (() => {
-                            if (!Ee || !Ft) {
-                              const o = /* @__PURE__ */ new Set(), M = w.getRowModel().rows.filter((d) => J || d.depth === 0), $ = (d, k, H) => {
+                            if (!Ee || !$t) {
+                              const o = /* @__PURE__ */ new Set(), P = w.getRowModel().rows.filter((d) => J || d.depth === 0), $ = (d, k, H) => {
                                 if (o.has(d.id)) return null;
                                 o.add(d.id);
-                                const q = gr.get(d.id) ?? -1;
+                                const q = mr.get(d.id) ?? -1;
                                 return /* @__PURE__ */ b(l.Fragment, { children: [
                                   /* @__PURE__ */ t(
                                     G,
@@ -1877,7 +1878,7 @@ function ko({
                                         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 = Tr(d, {
+                                          const j = d.getIsGrouped?.() ? "font-medium" : "", ne = Vr(d, {
                                             enableGrouping: z,
                                             enableExpanding: _,
                                             nestedRowStyling: pt,
@@ -1887,25 +1888,25 @@ function ko({
                                           return V(ne ? `bg-[${ne}]` : "", j);
                                         })(),
                                         // Row click styling with smart hover
-                                        K && Se(d) && (Gt || "cursor-pointer hover:[background-image:linear-gradient(rgba(0,0,0,0.02),rgba(0,0,0,0.02))]")
+                                        K && Se(d) && (_t || "cursor-pointer hover:[background-image:linear-gradient(rgba(0,0,0,0.02),rgba(0,0,0,0.02))]")
                                       ),
                                       style: {
-                                        height: ro(d.depth, pt)
+                                        height: co(d.depth, pt)
                                       },
                                       onClick: K && Se(d) ? (I) => Dt(d, I) : void 0,
                                       role: "row",
                                       "aria-label": K && Se(d) ? `View details for row ${d.id}` : void 0,
                                       "aria-current": ze(d) ? "true" : void 0,
                                       children: d.getVisibleCells().map((I, j) => {
-                                        const ne = Ge(I.column, !1, E.showRowBorder), U = j === 0, _e = _ && d.getCanExpand() || z && d.getIsGrouped(), de = d.getIsExpanded(), ue = d.depth, Mt = z && d.getIsGrouped();
-                                        let Re = Ht?.(d);
+                                        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();
+                                        let Re = Wt?.(d);
                                         if (Re == null)
                                           for (const oe of d.getVisibleCells()) {
                                             const ae = oe.column.columnDef.sectionHeaderCell;
                                             if (ae) {
-                                              const Pt = ae(oe.getContext());
-                                              if (Pt != null) {
-                                                Re = Pt;
+                                              const Mt = ae(oe.getContext());
+                                              if (Mt != null) {
+                                                Re = Mt;
                                                 break;
                                               }
                                             }
@@ -1929,15 +1930,15 @@ function ko({
                                             "data-section-header": se ? !0 : void 0,
                                             className: V(
                                               // Active row indicator on first cell
-                                              U && ze(d) && (_t || ur(Z ? !1 : E.showRowBorder)),
+                                              U && ze(d) && (qt || fr(Z ? !1 : E.showRowBorder)),
                                               // Add sticky border classes for body cells (skip for section headers)
-                                              !se && ss(I.column),
+                                              !se && ls(I.column),
                                               // Sticky columns need higher z-index and explicit backgrounds
                                               Object.keys(ne).length > 0 && [
                                                 "z-10",
                                                 // Match row backgrounds for sticky cells to prevent transparency
                                                 (() => {
-                                                  const oe = Tr(d, {
+                                                  const oe = Vr(d, {
                                                     enableGrouping: z,
                                                     enableExpanding: _,
                                                     nestedRowStyling: pt,
@@ -1962,18 +1963,18 @@ function ko({
                                             children: se ? (
                                               // Section header row - render custom content
                                               Re
-                                            ) : Mt ? (
+                                            ) : Pt ? (
                                               // Grouped row rendering - only show content in first cell
-                                              U ? Mr(d, w, Xe, de, ye, Vt) : I.column.columnDef.meta?.renderInGroupedRows ? (
+                                              U ? Fr(d, w, Xe, de, ye, Ft) : I.column.columnDef.meta?.renderInGroupedRows ? (
                                                 // Render custom cell content for columns with renderInGroupedRows flag
                                                 Be(I)
                                               ) : I.column.columnDef.aggregatedCell ? (
                                                 // Render custom aggregatedCell if defined
-                                                xr(I)
+                                                yr(I)
                                               ) : (
                                                 // Calculate and show aggregation for other columns in grouped row
                                                 (() => {
-                                                  const oe = zr(
+                                                  const oe = Pr(
                                                     I.column,
                                                     d.subRows,
                                                     d.groupingColumnId
@@ -2004,7 +2005,7 @@ function ko({
                                                     )
                                                   }
                                                 ),
-                                                U && Ee && !Mt && /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
+                                                U && Ee && !Pt && /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
                                                   d.getIsPinned() !== "top" && /* @__PURE__ */ t(
                                                     "button",
                                                     {
@@ -2012,7 +2013,7 @@ function ko({
                                                       onClick: () => d.pin("top"),
                                                       className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                       title: "Pin to top",
-                                                      children: /* @__PURE__ */ t(W, { name: "arrow-up-to-line", className: "h-3 w-3" })
+                                                      children: /* @__PURE__ */ t(W, { name: Rr, className: "h-3 w-3" })
                                                     }
                                                   ),
                                                   d.getIsPinned() !== "bottom" && /* @__PURE__ */ t(
@@ -2022,7 +2023,7 @@ function ko({
                                                       onClick: () => d.pin("bottom"),
                                                       className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                       title: "Pin to bottom",
-                                                      children: /* @__PURE__ */ t(W, { name: "arrow-down-to-line", className: "h-3 w-3" })
+                                                      children: /* @__PURE__ */ t(W, { name: Ir, className: "h-3 w-3" })
                                                     }
                                                   ),
                                                   d.getIsPinned() && /* @__PURE__ */ t(
@@ -2032,7 +2033,7 @@ function ko({
                                                       onClick: () => d.pin(!1),
                                                       className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                       title: "Unpin row",
-                                                      children: /* @__PURE__ */ t(W, { name: "x", className: "h-3 w-3" })
+                                                      children: /* @__PURE__ */ t(W, { name: Vt, className: "h-3 w-3" })
                                                     }
                                                   )
                                                 ] }),
@@ -2078,10 +2079,10 @@ function ko({
                                       verticalAlign: Ie,
                                       className: "p-0",
                                       "data-section-header": !0,
-                                      children: Yt?.[d.id] ? /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center py-[var(--space-l)] gap-[var(--space-s)]", children: [
+                                      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: "alert-circle", className: "h-4 w-4" }),
-                                          /* @__PURE__ */ t("span", { className: "text-body-sm", children: Yt[d.id]?.message || "Failed to load details" })
+                                          /* @__PURE__ */ t(W, { name: js, className: "h-4 w-4" }),
+                                          /* @__PURE__ */ t("span", { className: "text-body-sm", children: Zt[d.id]?.message || "Failed to load details" })
                                         ] }),
                                         De && /* @__PURE__ */ t(
                                           "button",
@@ -2108,18 +2109,18 @@ function ko({
                                   })()
                                 ] }, d.id);
                               };
-                              return M.map(
-                                (d, k) => $(d, k, k === M.length - 1)
+                              return P.map(
+                                (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,
                               ...g,
                               ...u
-                            ], S = /* @__PURE__ */ new Set(), B = m.filter((o) => J || o.depth === 0), F = (o, M, $) => {
+                            ], S = /* @__PURE__ */ new Set(), B = m.filter((o) => J || o.depth === 0), F = (o, P, $) => {
                               if (S.has(o.id)) return null;
                               S.add(o.id);
-                              const d = gr.get(o.id) ?? -1;
+                              const d = mr.get(o.id) ?? -1;
                               return /* @__PURE__ */ b(l.Fragment, { children: [
                                 /* @__PURE__ */ t(
                                   G,
@@ -2163,7 +2164,7 @@ function ko({
                                         return I;
                                       })(),
                                       // Row click styling with smart hover
-                                      K && Se(o) && (Gt || "cursor-pointer hover:[background-image:linear-gradient(rgba(0,0,0,0.02),rgba(0,0,0,0.02))]")
+                                      K && Se(o) && (_t || "cursor-pointer hover:[background-image:linear-gradient(rgba(0,0,0,0.02),rgba(0,0,0,0.02))]")
                                     ),
                                     onClick: K && Se(o) ? (k) => Dt(o, k) : void 0,
                                     role: "row",
@@ -2171,7 +2172,7 @@ function ko({
                                     "aria-current": ze(o) ? "true" : void 0,
                                     children: o.getVisibleCells().map((k, H) => {
                                       const q = Ge(k.column, !1, E.showRowBorder), I = H === 0, j = _ && o.getCanExpand() || z && o.getIsGrouped(), ne = o.getIsExpanded(), U = o.depth, _e = z && o.getIsGrouped();
-                                      let de = Ht?.(o);
+                                      let de = Wt?.(o);
                                       if (de == null)
                                         for (const pe of o.getVisibleCells()) {
                                           const ve = pe.column.columnDef.sectionHeaderCell;
@@ -2201,7 +2202,7 @@ function ko({
                                           colSpan: ue ? o.getVisibleCells().length : void 0,
                                           className: V(
                                             // Active row indicator on first cell
-                                            I && ze(o) && (_t || ur(se ? !1 : E.showRowBorder)),
+                                            I && ze(o) && (qt || fr(se ? !1 : E.showRowBorder)),
                                             // Focus ring for keyboard navigation
                                             "focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-border-brand-bold)]",
                                             // Sticky columns need higher z-index and explicit backgrounds
@@ -2258,16 +2259,16 @@ function ko({
                                             de
                                           ) : _e ? (
                                             // Grouped row rendering - only show content in first cell
-                                            I ? Mr(o, w, Xe, ne, ye, Vt) : k.column.columnDef.meta?.renderInGroupedRows ? (
+                                            I ? Fr(o, w, Xe, ne, ye, Ft) : k.column.columnDef.meta?.renderInGroupedRows ? (
                                               // Render custom cell content for columns with renderInGroupedRows flag
                                               Be(k)
                                             ) : k.column.columnDef.aggregatedCell ? (
                                               // Render custom aggregatedCell if defined
-                                              xr(k)
+                                              yr(k)
                                             ) : (
                                               // Calculate and show aggregation for other columns in grouped row
                                               (() => {
-                                                const pe = zr(
+                                                const pe = Pr(
                                                   k.column,
                                                   o.subRows,
                                                   o.groupingColumnId
@@ -2304,7 +2305,7 @@ function ko({
                                                     onClick: () => o.pin("top"),
                                                     className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                     title: "Pin to top",
-                                                    children: /* @__PURE__ */ t(W, { name: "arrow-up-to-line", className: "h-3 w-3" })
+                                                    children: /* @__PURE__ */ t(W, { name: Rr, className: "h-3 w-3" })
                                                   }
                                                 ),
                                                 o.getIsPinned() !== "bottom" && /* @__PURE__ */ t(
@@ -2313,7 +2314,7 @@ function ko({
                                                     onClick: () => o.pin("bottom"),
                                                     className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                     title: "Pin to bottom",
-                                                    children: /* @__PURE__ */ t(W, { name: "arrow-down-to-line", className: "h-3 w-3" })
+                                                    children: /* @__PURE__ */ t(W, { name: Ir, className: "h-3 w-3" })
                                                   }
                                                 ),
                                                 o.getIsPinned() && /* @__PURE__ */ t(
@@ -2322,7 +2323,7 @@ function ko({
                                                     onClick: () => o.pin(!1),
                                                     className: "opacity-0 group-hover:opacity-100 flex h-[var(--size-s)] w-[var(--size-s)] items-center justify-center rounded-s text-[var(--color-text-secondary)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]",
                                                     title: "Unpin row",
-                                                    children: /* @__PURE__ */ t(W, { name: "x", className: "h-3 w-3" })
+                                                    children: /* @__PURE__ */ t(W, { name: Vt, className: "h-3 w-3" })
                                                   }
                                                 )
                                               ] }),
@@ -2386,12 +2387,12 @@ function ko({
                               ] }, o.id);
                             };
                             return B.map(
-                              (o, M) => F(o, M, M === B.length - 1)
+                              (o, P) => F(o, P, P === B.length - 1)
                             );
                           })()
                         ) : (
                           // Empty or no results state
-                          Zt.length > 0 || St !== "" ? /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
+                          er.length > 0 || St !== "" ? /* @__PURE__ */ t(G, { showBorder: !1, className: "h-[300px]", children: /* @__PURE__ */ t(
                             le,
                             {
                               colSpan: kt.length,
@@ -2399,12 +2400,12 @@ function ko({
                               showBorder: !1,
                               showRowBorder: !1,
                               verticalAlign: "middle",
-                              children: yn || /* @__PURE__ */ t(
-                                qs,
+                              children: Sn || /* @__PURE__ */ t(
+                                Zs,
                                 {
-                                  title: Cn,
-                                  description: wn,
-                                  action: Sn
+                                  title: Nn,
+                                  description: Rn,
+                                  action: In
                                 }
                               )
                             }
@@ -2416,12 +2417,12 @@ function ko({
                               showBorder: !1,
                               showRowBorder: !1,
                               verticalAlign: "middle",
-                              children: pn || /* @__PURE__ */ t(
-                                _s,
+                              children: xn || /* @__PURE__ */ t(
+                                Ys,
                                 {
-                                  title: vn,
-                                  description: bn,
-                                  action: xn
+                                  title: yn,
+                                  description: Cn,
+                                  action: wn
                                 }
                               )
                             }
@@ -2436,23 +2437,23 @@ function ko({
           }
         ),
         vt && /* @__PURE__ */ t("div", { className: "bg-[var(--color-surface-primary)] px-[var(--space-l)] py-[var(--space-m)]", children: /* @__PURE__ */ t(
-          Zs,
+          ao,
           {
             table: w,
             enableGrouping: z,
             hideChildrenForSingleItemGroups: ye,
-            footerLabel: tn,
-            onNextPageHover: dn,
-            onPreviousPageHover: un,
-            paginationVariant: Zr,
-            pageSizeOptions: en
+            footerLabel: sn,
+            onNextPageHover: gn,
+            onPreviousPageHover: mn,
+            paginationVariant: rn,
+            pageSizeOptions: nn
           }
         ) }),
-        Ut && fn && /* @__PURE__ */ t(
-          eo,
+        Jt && hn && /* @__PURE__ */ t(
+          lo,
           {
-            onLoadMore: () => Ut(re.pageIndex),
-            isLoading: gn
+            onLoadMore: () => Jt(re.pageIndex),
+            isLoading: pn
           }
         )
       ] })
@@ -2460,14 +2461,14 @@ function ko({
   ) });
 }
 export {
-  ko as DataTable,
-  Do as DataTableColumnHeader,
-  Qs as DataTableFilter,
-  Zs as DataTablePagination,
-  Br as DataTableSkeleton,
-  Ks as DataTableToolbar,
-  Rr as fuzzyFilter,
-  Eo as groupPreservingGlobalFilter,
-  Ls as multiSelectFilter,
-  To as useReactTable
+  $o as DataTable,
+  Fo as DataTableColumnHeader,
+  so as DataTableFilter,
+  ao as DataTablePagination,
+  Mr as DataTableSkeleton,
+  ro as DataTableToolbar,
+  Dr as fuzzyFilter,
+  Vo as groupPreservingGlobalFilter,
+  Us as multiSelectFilter,
+  Lo as useReactTable
 };