@duro-app/ui 5.11.0 → 5.12.0

package/dist/table.js

@@ -1,9 +1,9 @@
-import { M as F, m as xt, R as rt, H as kt, n as pt, o as bt, p as ft, q as mt, b as ht, t as yt, r as St, v as Tt } from "./Table-ColfpgKV.js";
+import { M as F, m as gt, R as it, H as kt, n as pt, o as bt, p as ft, q as mt, b as ht, t as yt, r as St, v as Tt } from "./Table-ColfpgKV.js";
 import { jsx as u, jsxs as q } from "react/jsx-runtime";
 import { c as H, m as p, d as b } from "./compiler-runtime-BuugS4D0.js";
-import { flexRender as E, useReactTable as it, getPaginationRowModel as Ct, getFilteredRowModel as vt, getSortedRowModel as at, getCoreRowModel as st } from "@tanstack/react-table";
-import { useState as G, useCallback as wt, useRef as K, useEffect as Z, useLayoutEffect as Vt } from "react";
-import { useVirtualizer as $t } from "@tanstack/react-virtual";
+import { flexRender as E, useReactTable as rt, getPaginationRowModel as Ct, getFilteredRowModel as vt, getSortedRowModel as at, getCoreRowModel as st } from "@tanstack/react-table";
+import { useState as G, useCallback as wt, useRef as K, useEffect as Z, useLayoutEffect as zt } from "react";
+import { useVirtualizer as Vt } from "@tanstack/react-virtual";
 const A = {
   root: {
     "display-k1xSpc": "display-x78zum5",
@@ -54,22 +54,22 @@ function dt(o) {
   t[0] !== e ? (n = e.getState(), t[0] = e, t[1] = n) : n = t[1];
   const {
     pageIndex: l,
-    pageSize: r
+    pageSize: i
   } = n.pagination;
-  let i;
-  t[2] !== e ? (i = e.getPageCount(), t[2] = e, t[3] = i) : i = t[3];
-  const s = i;
-  if (e.getFilteredRowModel().rows.length <= r)
+  let r;
+  t[2] !== e ? (r = e.getPageCount(), t[2] = e, t[3] = r) : r = t[3];
+  const s = r;
+  if (e.getFilteredRowModel().rows.length <= i)
     return null;
   let k;
   t[4] !== e ? (k = !e.getCanPreviousPage() && A.buttonDisabled, t[4] = e, t[5] = k) : k = t[5];
   let c;
   t[6] !== k ? (c = [A.button, k], t[6] = k, t[7] = c) : c = t[7];
-  let x, y;
-  t[8] !== e ? (x = () => e.previousPage(), y = e.getCanPreviousPage(), t[8] = e, t[9] = x, t[10] = y) : (x = t[9], y = t[10]);
+  let g, y;
+  t[8] !== e ? (g = () => e.previousPage(), y = e.getCanPreviousPage(), t[8] = e, t[9] = g, t[10] = y) : (g = t[9], y = t[10]);
   const T = !y;
   let f;
-  t[11] !== c || t[12] !== x || t[13] !== T ? (f = /* @__PURE__ */ u("button", { "data-element-src": "Table/Pagination.tsx:65", ...p(b.button, c), onClick: x, disabled: T, type: "button", children: "Previous" }), t[11] = c, t[12] = x, t[13] = T, t[14] = f) : f = t[14];
+  t[11] !== c || t[12] !== g || t[13] !== T ? (f = /* @__PURE__ */ u("button", { "data-element-src": "Table/Pagination.tsx:65", ...p(b.button, c), onClick: g, disabled: T, type: "button", children: "Previous" }), t[11] = c, t[12] = g, t[13] = T, t[14] = f) : f = t[14];
   const m = l + 1;
   let S;
   t[15] !== s || t[16] !== m ? (S = /* @__PURE__ */ q("span", { "data-element-src": "Table/Pagination.tsx:72", ...p(b.span, A.pageInfo), children: [
@@ -79,13 +79,13 @@ function dt(o) {
   ] }), t[15] = s, t[16] = m, t[17] = S) : S = t[17];
   let h;
   t[18] !== e ? (h = !e.getCanNextPage() && A.buttonDisabled, t[18] = e, t[19] = h) : h = t[19];
-  let V;
-  t[20] !== h ? (V = [A.button, h], t[20] = h, t[21] = V) : V = t[21];
+  let z;
+  t[20] !== h ? (z = [A.button, h], t[20] = h, t[21] = z) : z = t[21];
   let v, M;
   t[22] !== e ? (v = () => e.nextPage(), M = e.getCanNextPage(), t[22] = e, t[23] = v, t[24] = M) : (v = t[23], M = t[24]);
-  const $ = !M;
+  const V = !M;
   let a;
-  t[25] !== V || t[26] !== v || t[27] !== $ ? (a = /* @__PURE__ */ u("button", { "data-element-src": "Table/Pagination.tsx:75", ...p(b.button, V), onClick: v, disabled: $, type: "button", children: "Next" }), t[25] = V, t[26] = v, t[27] = $, t[28] = a) : a = t[28];
+  t[25] !== z || t[26] !== v || t[27] !== V ? (a = /* @__PURE__ */ u("button", { "data-element-src": "Table/Pagination.tsx:75", ...p(b.button, z), onClick: v, disabled: V, type: "button", children: "Next" }), t[25] = z, t[26] = v, t[27] = V, t[28] = a) : a = t[28];
   let R;
   return t[29] !== S || t[30] !== a || t[31] !== f ? (R = /* @__PURE__ */ q("div", { "data-element-src": "Table/Pagination.tsx:64", ...p(b.div, A.root), children: [
     f,
@@ -115,18 +115,18 @@ const _ = {
     $$css: "Table/SortIndicator.tsx:24"
   }
 };
-function zt(o) {
+function $t(o) {
   const t = H.c(5), {
     column: e
   } = o;
   if (!e.getCanSort())
     return null;
   const n = e.getIsSorted(), l = n ? _.active : _.inactive;
-  let r;
-  t[0] !== l ? (r = [_.root, l], t[0] = l, t[1] = r) : r = t[1];
-  const i = n === "asc" ? "▲" : n === "desc" ? "▼" : "⇅";
+  let i;
+  t[0] !== l ? (i = [_.root, l], t[0] = l, t[1] = i) : i = t[1];
+  const r = n === "asc" ? "▲" : n === "desc" ? "▼" : "⇅";
   let s;
-  return t[2] !== r || t[3] !== i ? (s = /* @__PURE__ */ u("span", { "data-element-src": "Table/SortIndicator.tsx:48", ...p(b.span, r), "data-sort-indicator": "", children: i }), t[2] = r, t[3] = i, t[4] = s) : s = t[4], s;
+  return t[2] !== i || t[3] !== r ? (s = /* @__PURE__ */ u("span", { "data-element-src": "Table/SortIndicator.tsx:48", ...p(b.span, i), "data-sort-indicator": "", children: r }), t[2] = i, t[3] = r, t[4] = s) : s = t[4], s;
 }
 const Mt = {
   input: {
@@ -156,49 +156,49 @@ function Rt(o) {
     return null;
   let l;
   t[0] !== e ? (l = e.getFilterValue() ?? "", t[0] = e, t[1] = l) : l = t[1];
-  const r = l;
-  let i;
-  t[2] !== e ? (i = (k) => e.setFilterValue(k.target.value || void 0), t[2] = e, t[3] = i) : i = t[3];
+  const i = l;
+  let r;
+  t[2] !== e ? (r = (k) => e.setFilterValue(k.target.value || void 0), t[2] = e, t[3] = r) : r = t[3];
   const s = n ?? "Filter...";
   let C;
-  return t[4] !== r || t[5] !== i || t[6] !== s ? (C = /* @__PURE__ */ u("input", { "data-element-src": "Table/ColumnFilter.tsx:39", ...p(b.input, Mt.input), type: "text", value: r, onChange: i, placeholder: s, dir: "auto" }), t[4] = r, t[5] = i, t[6] = s, t[7] = C) : C = t[7], C;
+  return t[4] !== i || t[5] !== r || t[6] !== s ? (C = /* @__PURE__ */ u("input", { "data-element-src": "Table/ColumnFilter.tsx:39", ...p(b.input, Mt.input), type: "text", value: i, onChange: r, placeholder: s, dir: "auto" }), t[4] = i, t[5] = r, t[6] = s, t[7] = C) : C = t[7], C;
 }
 function tt(o) {
   const t = H.c(21), {
     options: e,
     value: n,
     onChange: l,
-    label: r
-  } = o, i = r === void 0 ? "Sort by" : r;
+    label: i
+  } = o, r = i === void 0 ? "Sort by" : i;
   let s;
   t[0] !== e || t[1] !== n ? (s = n ? e.find((m) => m.id === n.id) : null, t[0] = e, t[1] = n, t[2] = s) : s = t[2];
-  const C = s, k = C ? `${i}: ${C.label} ${n.desc ? "↓" : "↑"}` : i;
+  const C = s, k = C ? `${r}: ${C.label} ${n.desc ? "↓" : "↑"}` : r;
   let c;
   t[3] !== k ? (c = /* @__PURE__ */ u(F.Trigger, { children: k }), t[3] = k, t[4] = c) : c = t[4];
-  let x;
+  let g;
   if (t[5] !== l || t[6] !== e || t[7] !== n) {
     let m;
     t[9] !== l || t[10] !== n ? (m = (S) => {
-      const h = n?.id === S.id, V = h ? !n.desc : !1;
+      const h = n?.id === S.id, z = h ? !n.desc : !1;
       return /* @__PURE__ */ q(F.Item, { onClick: () => l({
         id: S.id,
-        desc: V
+        desc: z
       }), children: [
         S.label,
         h ? ` ${n.desc ? "↓" : "↑"}` : ""
       ] }, S.id);
-    }, t[9] = l, t[10] = n, t[11] = m) : m = t[11], x = e.map(m), t[5] = l, t[6] = e, t[7] = n, t[8] = x;
+    }, t[9] = l, t[10] = n, t[11] = m) : m = t[11], g = e.map(m), t[5] = l, t[6] = e, t[7] = n, t[8] = g;
   } else
-    x = t[8];
+    g = t[8];
   let y;
   t[12] !== l || t[13] !== n ? (y = n !== null && /* @__PURE__ */ u(F.Item, { onClick: () => l(null), children: "Clear sort" }), t[12] = l, t[13] = n, t[14] = y) : y = t[14];
   let T;
-  t[15] !== x || t[16] !== y ? (T = /* @__PURE__ */ q(F.Popup, { children: [
-    x,
+  t[15] !== g || t[16] !== y ? (T = /* @__PURE__ */ q(F.Popup, { children: [
+    g,
     y
-  ] }), t[15] = x, t[16] = y, t[17] = T) : T = t[17];
+  ] }), t[15] = g, t[16] = y, t[17] = T) : T = t[17];
   let f;
-  return t[18] !== c || t[19] !== T ? (f = /* @__PURE__ */ u("div", { "data-element-src": "Table/SortChip.tsx:32", ...p(b.div, xt.sortChip), children: /* @__PURE__ */ q(F.Root, { children: [
+  return t[18] !== c || t[19] !== T ? (f = /* @__PURE__ */ u("div", { "data-element-src": "Table/SortChip.tsx:32", ...p(b.div, gt.sortChip), children: /* @__PURE__ */ q(F.Root, { children: [
     c,
     T
   ] }) }), t[18] = c, t[19] = T, t[20] = f) : f = t[20], f;
@@ -209,46 +209,46 @@ function ct(o) {
     table: e,
     variant: n,
     size: l,
-    responsive: r,
-    minColumnWidth: i,
+    responsive: i,
+    minColumnWidth: r,
     sortChip: s,
     pagination: C,
     rowKey: k,
     onRowClick: c,
-    rowAriaLabel: x
-  } = o, y = n === void 0 ? "default" : n, T = l === void 0 ? "md" : l, f = r === void 0 ? !0 : r;
+    rowAriaLabel: g
+  } = o, y = n === void 0 ? "default" : n, T = l === void 0 ? "md" : l, f = i === void 0 ? !0 : i;
   let m;
   t[0] !== s || t[1] !== e ? (m = s ? qt(e) : void 0, t[0] = s, t[1] = e, t[2] = m) : m = t[2];
   const S = m;
   let h;
   t[3] !== C || t[4] !== e ? (h = C ? /* @__PURE__ */ u(dt, { table: e }) : void 0, t[3] = C, t[4] = e, t[5] = h) : h = t[5];
-  const V = h;
+  const z = h;
   let v;
   t[6] !== e ? (v = e.getHeaderGroups().map(jt), t[6] = e, t[7] = v) : v = t[7];
   let M;
   t[8] !== v ? (M = /* @__PURE__ */ u(pt, { children: v }), t[8] = v, t[9] = M) : M = t[9];
-  let $;
-  if (t[10] !== c || t[11] !== x || t[12] !== k || t[13] !== e) {
+  let V;
+  if (t[10] !== c || t[11] !== g || t[12] !== k || t[13] !== e) {
     let j;
-    t[15] !== c || t[16] !== x || t[17] !== k ? (j = (D) => {
-      const O = k?.(D) ?? D.id;
-      return /* @__PURE__ */ u(rt, { onClick: c ? () => c(D) : void 0, "aria-label": x?.(D), children: D.getVisibleCells().map(It) }, O);
-    }, t[15] = c, t[16] = x, t[17] = k, t[18] = j) : j = t[18], $ = e.getRowModel().rows.map(j), t[10] = c, t[11] = x, t[12] = k, t[13] = e, t[14] = $;
+    t[15] !== c || t[16] !== g || t[17] !== k ? (j = (B) => {
+      const O = k?.(B) ?? B.id;
+      return /* @__PURE__ */ u(it, { onClick: c ? () => c(B) : void 0, "aria-label": g?.(B), children: B.getVisibleCells().map(It) }, O);
+    }, t[15] = c, t[16] = g, t[17] = k, t[18] = j) : j = t[18], V = e.getRowModel().rows.map(j), t[10] = c, t[11] = g, t[12] = k, t[13] = e, t[14] = V;
   } else
-    $ = t[14];
+    V = t[14];
   let a;
-  t[19] !== $ ? (a = /* @__PURE__ */ u(bt, { children: $ }), t[19] = $, t[20] = a) : a = t[20];
+  t[19] !== V ? (a = /* @__PURE__ */ u(bt, { children: V }), t[19] = V, t[20] = a) : a = t[20];
   let R;
-  return t[21] !== i || t[22] !== V || t[23] !== f || t[24] !== T || t[25] !== S || t[26] !== M || t[27] !== a || t[28] !== y ? (R = /* @__PURE__ */ q(ft, { variant: y, size: T, responsive: f, minColumnWidth: i, sortChip: S, pagination: V, children: [
+  return t[21] !== r || t[22] !== z || t[23] !== f || t[24] !== T || t[25] !== S || t[26] !== M || t[27] !== a || t[28] !== y ? (R = /* @__PURE__ */ q(ft, { variant: y, size: T, responsive: f, minColumnWidth: r, sortChip: S, pagination: z, children: [
     M,
     a
-  ] }), t[21] = i, t[22] = V, t[23] = f, t[24] = T, t[25] = S, t[26] = M, t[27] = a, t[28] = y, t[29] = R) : R = t[29], R;
+  ] }), t[21] = r, t[22] = z, t[23] = f, t[24] = T, t[25] = S, t[26] = M, t[27] = a, t[28] = y, t[29] = R) : R = t[29], R;
 }
 function It(o) {
   return /* @__PURE__ */ u(mt, { isActions: o.column.columnDef.meta?.isActions === !0, children: E(o.column.columnDef.cell, o.getContext()) }, o.id);
 }
 function jt(o) {
-  return /* @__PURE__ */ u(rt, { children: o.headers.map(Wt) }, o.id);
+  return /* @__PURE__ */ u(it, { children: o.headers.map(Wt) }, o.id);
 }
 function Wt(o) {
   const t = o.column.columnDef, e = t.meta, n = typeof t.header == "string" ? t.header : void 0, l = e?.stackLabel ?? n ?? "";
@@ -257,10 +257,10 @@ function Wt(o) {
 ct.displayName = "FromTanstack";
 function qt(o) {
   const t = o.getAllColumns().filter((l) => l.getCanSort()).map((l) => {
-    const r = typeof l.columnDef.header == "string" ? l.columnDef.header : l.id;
+    const i = typeof l.columnDef.header == "string" ? l.columnDef.header : l.id;
     return {
       id: l.id,
-      label: l.columnDef.meta?.stackLabel ?? r
+      label: l.columnDef.meta?.stackLabel ?? i
     };
   });
   if (t.length === 0) return null;
@@ -277,18 +277,18 @@ function Yt(o, t, e = {}) {
   const {
     enableSorting: n = !1,
     enableFiltering: l = !1,
-    enableRowSelection: r = !1,
-    onRowSelectionChange: i
-  } = e, s = e.pagination != null, [C, k] = G([]), [c, x] = G([]), [y, T] = G({
+    enableRowSelection: i = !1,
+    onRowSelectionChange: r
+  } = e, s = e.pagination != null, [C, k] = G([]), [c, g] = G([]), [y, T] = G({
     pageIndex: e.pagination?.pageIndex ?? 0,
     pageSize: e.pagination?.pageSize ?? 10
   }), [f, m] = G({}), S = wt((h) => {
-    m((V) => {
-      const v = typeof h == "function" ? h(V) : h;
-      return i?.(v), v;
+    m((z) => {
+      const v = typeof h == "function" ? h(z) : h;
+      return r?.(v), v;
     });
-  }, [i]);
-  return it({
+  }, [r]);
+  return rt({
     data: o,
     columns: t,
     state: {
@@ -302,10 +302,10 @@ function Yt(o, t, e = {}) {
     getFilteredRowModel: vt(),
     getPaginationRowModel: Ct(),
     onSortingChange: k,
-    onColumnFiltersChange: x,
+    onColumnFiltersChange: g,
     onPaginationChange: T,
     enableSorting: n,
-    enableRowSelection: typeof r == "function" ? r : !!r,
+    enableRowSelection: typeof i == "function" ? i : !!i,
     onRowSelectionChange: S,
     // When pagination is disabled, set a very large page size to show all rows
     ...!s && {
@@ -313,44 +313,47 @@ function Yt(o, t, e = {}) {
     }
   });
 }
-const Dt = {
+const Bt = {
   "overflowY-kORKVm": "overflowY-x1odjw0f",
   "overscrollBehavior-kZeWKH": "overscrollBehavior-xish69e",
-  $$css: "VirtualTable/styles.css.ts:23"
-}, Bt = {
+  $$css: "VirtualTable/styles.css.ts:27"
+}, Pt = {
   "position-kVAEAm": "position-x1n2onr6",
   "width-kzqmXN": "width-xh8yej3",
-  $$css: "VirtualTable/styles.css.ts:66"
-}, Pt = {
+  "boxSizing-kB7OPa": "boxSizing-x9f619",
+  $$css: "VirtualTable/styles.css.ts:70"
+}, Dt = {
   "position-kVAEAm": "position-x10l6tqk",
   "top-k87sOh": "top-x13vifvy",
   "left-kbCHJM": "left-xu96u03",
   "transform-k3aq6I": "transform-xsqj5wx",
-  $$css: "VirtualTable/styles.css.ts:85"
+  $$css: "VirtualTable/styles.css.ts:93"
 }, At = {
   "flexShrink-kmuXW": "flexShrink-xs83m0k",
   "flexBasis-kCS8Yb": "flexBasis-x1r8uery",
   "minWidth-k7Eaqz": "minWidth-xeuugli",
-  $$css: "VirtualTable/styles.css.ts:104"
-}, g = {
+  $$css: "VirtualTable/styles.css.ts:112"
+}, x = {
   wrap: {
     "position-kVAEAm": "position-x1n2onr6",
     "width-kzqmXN": "width-xh8yej3",
+    "boxSizing-kB7OPa": "boxSizing-x9f619",
     $$css: "VirtualTable/styles.css.ts:9"
   },
   scroll: {
     "position-kVAEAm": "position-x1n2onr6",
     "width-kzqmXN": "width-xh8yej3",
+    "boxSizing-kB7OPa": "boxSizing-x9f619",
     "borderWidth-kMzoRj": "borderWidth-x1qc3l2q",
     "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
     "borderColor-kVAM5u": "borderColor-x15ykms2",
     "borderRadius-kaIpWk": "borderRadius-xwbokb3",
     "backgroundColor-kWkggS": "backgroundColor-xuw63hu",
-    $$css: "VirtualTable/styles.css.ts:13"
+    $$css: "VirtualTable/styles.css.ts:15"
   },
-  scrollMax: (o) => [Dt, {
+  scrollMax: (o) => [Bt, {
     "maxHeight-kskxy": o != null ? "maxHeight-x1jols5v" : o,
-    $$css: "VirtualTable/styles.css.ts:23"
+    $$css: "VirtualTable/styles.css.ts:27"
   }, {
     "--x-maxHeight": ((t) => typeof t == "number" ? t + "px" : t ?? void 0)(o)
   }],
@@ -359,7 +362,7 @@ const Dt = {
     "top-k87sOh": "top-x13vifvy",
     "zIndex-kY2c9j": "zIndex-xqft9t",
     "backgroundColor-kWkggS": "backgroundColor-xuw63hu",
-    $$css: "VirtualTable/styles.css.ts:28"
+    $$css: "VirtualTable/styles.css.ts:32"
   },
   headRow: {
     "display-k1xSpc": "display-x78zum5",
@@ -367,7 +370,7 @@ const Dt = {
     "borderBottomWidth-kt9PQ7": "borderBottomWidth-x12yxxv5",
     "borderBottomStyle-kfdmCh": "borderBottomStyle-x1q0q8m5",
     "borderBottomColor-kL6WhQ": "borderBottomColor-x19cyuh1",
-    $$css: "VirtualTable/styles.css.ts:34"
+    $$css: "VirtualTable/styles.css.ts:38"
   },
   headCell: {
     "display-k1xSpc": "display-x78zum5",
@@ -384,22 +387,22 @@ const Dt = {
     "textTransform-kP9fke": "textTransform-xtvhhri",
     "letterSpacing-kb6lSQ": "letterSpacing-x3gc2hl",
     "color-kMwMTN": "color-x4opovt",
-    $$css: "VirtualTable/styles.css.ts:41"
+    $$css: "VirtualTable/styles.css.ts:45"
   },
   headCellSortable: {
     "cursor-kkrTdU": "cursor-x1ypdohk",
     "userSelect-kfSwDN": "userSelect-x87ps6o",
     "color-kMwMTN": "color-x4opovt color-xtolcfe",
-    $$css: "VirtualTable/styles.css.ts:57"
+    $$css: "VirtualTable/styles.css.ts:61"
   },
   sortMark: {
     "fontSize-kGuDYH": "fontSize-x1f81oxx",
     "color-kMwMTN": "color-xf715ks",
-    $$css: "VirtualTable/styles.css.ts:62"
+    $$css: "VirtualTable/styles.css.ts:66"
   },
-  bodyTotal: (o) => [Bt, {
+  bodyTotal: (o) => [Pt, {
     "height-kZKoxP": o != null ? "height-x16ye13r" : o,
-    $$css: "VirtualTable/styles.css.ts:66"
+    $$css: "VirtualTable/styles.css.ts:70"
   }, {
     "--x-height": ((t) => typeof t == "number" ? t + "px" : t ?? void 0)(o)
   }],
@@ -408,17 +411,18 @@ const Dt = {
     "flexDirection-kXwgrk": "flexDirection-x1q0g3np",
     "alignItems-kGNEyG": "alignItems-x6s0dn4",
     "width-kzqmXN": "width-xh8yej3",
+    "boxSizing-kB7OPa": "boxSizing-x9f619",
     "borderBottomWidth-kt9PQ7": "borderBottomWidth-x12yxxv5",
     "borderBottomStyle-kfdmCh": "borderBottomStyle-x1q0q8m5",
     "borderBottomColor-kL6WhQ": "borderBottomColor-x19cyuh1",
-    $$css: "VirtualTable/styles.css.ts:71"
+    $$css: "VirtualTable/styles.css.ts:77"
   },
   rowClickable: {
     "cursor-kkrTdU": "cursor-x1ypdohk",
     "backgroundColor-kWkggS": "backgroundColor-xjbqb8w backgroundColor-x14zl4n5",
-    $$css: "VirtualTable/styles.css.ts:80"
+    $$css: "VirtualTable/styles.css.ts:88"
   },
-  rowAbsolute: (o) => [Pt, {
+  rowAbsolute: (o) => [Dt, {
     "--x-transform": `translateY(${o}px)` != null ? `translateY(${o}px)` : void 0
   }],
   cell: {
@@ -432,38 +436,40 @@ const Dt = {
     "overflow-kVQacm": "overflow-xb3r6kr",
     "textOverflow-kg5iWk": "textOverflow-xlyipyv",
     "whiteSpace-khDVqt": "whiteSpace-xuxw1ft",
-    $$css: "VirtualTable/styles.css.ts:91"
+    $$css: "VirtualTable/styles.css.ts:99"
   },
   cellFlex: (o) => [At, {
     "flexGrow-kzQI83": o != null ? "flexGrow-xw36f2b" : o,
-    $$css: "VirtualTable/styles.css.ts:104"
+    $$css: "VirtualTable/styles.css.ts:112"
   }, {
     "--x-flexGrow": o ?? void 0
   }],
   stackScroll: {
     "position-kVAEAm": "position-x1n2onr6",
     "width-kzqmXN": "width-xh8yej3",
+    "boxSizing-kB7OPa": "boxSizing-x9f619",
     "backgroundColor-kWkggS": "backgroundColor-xjbqb8w",
-    $$css: "VirtualTable/styles.css.ts:113"
+    $$css: "VirtualTable/styles.css.ts:121"
   },
   stackBody: {
     "display-k1xSpc": "display-x78zum5",
     "flexDirection-kXwgrk": "flexDirection-xdt5ytf",
     "gap-kOIVth": "gap-x175yhtj",
-    $$css: "VirtualTable/styles.css.ts:118"
+    $$css: "VirtualTable/styles.css.ts:128"
   },
   stackRow: {
     "display-k1xSpc": "display-x78zum5",
     "flexDirection-kXwgrk": "flexDirection-xdt5ytf",
     "gap-kOIVth": "gap-xl5ne8a",
     "width-kzqmXN": "width-xh8yej3",
+    "boxSizing-kB7OPa": "boxSizing-x9f619",
     "padding-kmVPX3": "padding-xlm5w08",
     "borderWidth-kMzoRj": "borderWidth-x1qc3l2q",
     "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
     "borderColor-kVAM5u": "borderColor-x15ykms2",
     "borderRadius-kaIpWk": "borderRadius-x17rit4p",
     "backgroundColor-kWkggS": "backgroundColor-xuw63hu",
-    $$css: "VirtualTable/styles.css.ts:123"
+    $$css: "VirtualTable/styles.css.ts:133"
   },
   stackCell: {
     "display-k1xSpc": "display-xrvj5dj",
@@ -473,18 +479,18 @@ const Dt = {
     "fontFamily-kMv6JI": "fontFamily-xce2pww",
     "fontSize-kGuDYH": "fontSize-x1tzajr0",
     "color-kMwMTN": "color-x95150z",
-    $$css: "VirtualTable/styles.css.ts:135"
+    $$css: "VirtualTable/styles.css.ts:147"
   },
   stackCellLabel: {
     "color-kMwMTN": "color-x4opovt",
     "fontWeight-k63SB2": "fontWeight-x120ksxs",
     "fontSize-kGuDYH": "fontSize-x1f81oxx",
-    $$css: "VirtualTable/styles.css.ts:144"
+    $$css: "VirtualTable/styles.css.ts:156"
   },
   stackCellValue: {
     "minWidth-k7Eaqz": "minWidth-xeuugli",
     "overflowWrap-kHjlTd": "overflowWrap-x1mzt3pk",
-    $$css: "VirtualTable/styles.css.ts:149"
+    $$css: "VirtualTable/styles.css.ts:161"
   },
   empty: {
     "paddingTop-kLKAdn": "paddingTop-x1v4wg84",
@@ -493,7 +499,7 @@ const Dt = {
     "color-kMwMTN": "color-x4opovt",
     "fontFamily-kMv6JI": "fontFamily-xce2pww",
     "fontSize-kGuDYH": "fontSize-x1tzajr0",
-    $$css: "VirtualTable/styles.css.ts:153"
+    $$css: "VirtualTable/styles.css.ts:165"
   },
   pos: {
     "position-kVAEAm": "position-x10l6tqk",
@@ -512,66 +518,66 @@ const Dt = {
     "fontFamily-kMv6JI": "fontFamily-xce2pww",
     "fontSize-kGuDYH": "fontSize-x1f81oxx",
     "pointerEvents-kfzvcC": "pointerEvents-x47corl",
-    $$css: "VirtualTable/styles.css.ts:162"
+    $$css: "VirtualTable/styles.css.ts:174"
   }
-}, Gt = typeof window < "u" ? Vt : Z;
+}, Gt = typeof window < "u" ? zt : Z;
 function Xt({
   data: o,
   columns: t,
   sorting: e,
   onSortingChange: n,
   getRowId: l,
-  onRowClick: r,
-  rowLabel: i,
+  onRowClick: i,
+  rowLabel: r,
   initialPage: s,
   onVisiblePageChange: C,
   rangeLabel: k,
   pageSize: c = 50,
-  estimateRowHeight: x = yt.touchTarget,
+  estimateRowHeight: g = yt.touchTarget,
   maxHeight: y = "70vh",
   virtualizeThreshold: T = 150,
   stackBelow: f = "sm",
   responsive: m = !0,
   emptyLabel: S
 }) {
-  const [h, V] = G([]), $ = it({
+  const [h, z] = G([]), V = rt({
     data: o,
     columns: t,
     state: {
       sorting: e ?? h
     },
-    onSortingChange: n ?? V,
+    onSortingChange: n ?? z,
     getRowId: l,
     getCoreRowModel: st(),
     getSortedRowModel: at()
-  }), a = $.getRowModel().rows, R = K(null), [j, D] = G(!1), O = typeof f == "number" ? f : ht[f];
+  }), a = V.getRowModel().rows, R = K(null), [j, B] = G(!1), O = typeof f == "number" ? f : ht[f];
   Gt(() => {
     if (!m) {
-      D(!1);
+      B(!1);
       return;
     }
     const d = R.current;
     if (!d || typeof ResizeObserver > "u") return;
     const w = (I) => {
-      I > 0 && D(I < O);
+      I > 0 && B(I < O);
     };
     w(d.getBoundingClientRect().width);
     const W = new ResizeObserver((I) => {
-      const z = I[0];
-      if (!z) return;
-      const L = z.contentBoxSize?.[0];
-      w(L ? L.inlineSize : z.contentRect.width);
+      const $ = I[0];
+      if (!$) return;
+      const L = $.contentBoxSize?.[0];
+      w(L ? L.inlineSize : $.contentRect.width);
     });
     return W.observe(d), () => W.disconnect();
   }, [m, O]);
-  const B = a.length > T && !j, et = K(null), Y = $t({
+  const P = a.length > T && !j, et = K(null), Y = Vt({
     count: a.length,
     getScrollElement: () => et.current,
-    estimateSize: () => x,
+    estimateSize: () => g,
     overscan: 12
   }), Q = K(!0);
   Z(() => {
-    if (!B) {
+    if (!P) {
       Q.current = !1;
       return;
     }
@@ -582,57 +588,57 @@ function Xt({
       Q.current = !1;
     }, 300);
     return () => clearTimeout(d);
-  }, [B]);
-  const N = Y.getVirtualItems(), U = N[0]?.index ?? 0, ot = N.length ? N[N.length - 1].index : 0, lt = Math.max(1, Math.ceil(a.length / c)), P = Math.floor(Math.max(0, U) / c) + 1, X = {
+  }, [P]);
+  const N = Y.getVirtualItems(), U = N[0]?.index ?? 0, ot = N.length ? N[N.length - 1].index : 0, lt = Math.max(1, Math.ceil(a.length / c)), D = Math.floor(Math.max(0, U) / c) + 1, X = {
     from: a.length ? U + 1 : 0,
     to: a.length ? ot + 1 : 0,
     total: a.length,
-    page: P,
+    page: D,
     pages: lt
   }, J = K(null);
   Z(() => {
-    if (!(!B || !C)) {
+    if (!(!P || !C)) {
       if (Q.current) {
-        J.current = P;
+        J.current = D;
         return;
       }
-      J.current !== P && (J.current = P, C({
+      J.current !== D && (J.current = D, C({
         from: a.length ? U + 1 : 0,
         to: a.length ? ot + 1 : 0,
         total: a.length,
-        page: P,
+        page: D,
         pages: lt
       }));
     }
-  }, [P, B]);
+  }, [D, P]);
   const ut = (d) => {
     const w = d.meta;
     return typeof w?.stackLabel == "string" ? w.stackLabel : typeof w?.label == "string" ? w.label : typeof d.header == "string" ? d.header : "";
-  }, nt = (d, w, W, I) => j ? /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:242", role: "row", "aria-label": i?.(d.original), onClick: r ? () => r(d.original) : void 0, ...p(b.div, g.stackRow, !!r && g.rowClickable), children: d.getVisibleCells().map((z) => {
-    const L = ut(z.column.columnDef);
-    return /* @__PURE__ */ q("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:252", role: "cell", ...p(b.div, g.stackCell), children: [
-      L ? /* @__PURE__ */ u("span", { "data-element-src": "VirtualTable/VirtualTable.tsx:253", ...p(b.span, g.stackCellLabel), children: L }) : null,
-      /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:254", ...p(b.div, g.stackCellValue), children: E(z.column.columnDef.cell, z.getContext()) })
-    ] }, z.id);
-  }) }, d.id) : /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:262", ref: I, "data-index": w, role: "row", "aria-label": i?.(d.original), onClick: r ? () => r(d.original) : void 0, ...p(b.div, g.row, !!r && g.rowClickable, W), children: d.getVisibleCells().map((z) => /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:272", role: "cell", ...p(b.div, g.cell, g.cellFlex(z.column.getSize())), children: E(z.column.columnDef.cell, z.getContext()) }, z.id)) }, d.id), gt = k?.(X) ?? (a.length ? `${X.from}–${X.to} / ${X.total}` : "");
-  return /* @__PURE__ */ q("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:287", ref: R, ...p(b.div, g.wrap), children: [
-    /* @__PURE__ */ q("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:288", ref: et, role: "table", ...p(b.div, j ? g.stackScroll : g.scroll, B && g.scrollMax(St(y))), children: [
-      j ? null : /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:297", role: "rowgroup", ...p(b.div, g.head), children: $.getHeaderGroups().map((d) => /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:299", role: "row", ...p(b.div, g.headRow), children: d.headers.map((w) => {
+  }, nt = (d, w, W, I) => j ? /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:242", role: "row", "aria-label": r?.(d.original), onClick: i ? () => i(d.original) : void 0, ...p(b.div, x.stackRow, !!i && x.rowClickable), children: d.getVisibleCells().map(($) => {
+    const L = ut($.column.columnDef);
+    return /* @__PURE__ */ q("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:252", role: "cell", ...p(b.div, x.stackCell), children: [
+      L ? /* @__PURE__ */ u("span", { "data-element-src": "VirtualTable/VirtualTable.tsx:253", ...p(b.span, x.stackCellLabel), children: L }) : null,
+      /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:254", ...p(b.div, x.stackCellValue), children: E($.column.columnDef.cell, $.getContext()) })
+    ] }, $.id);
+  }) }, d.id) : /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:262", ref: I, "data-index": w, role: "row", "aria-label": r?.(d.original), onClick: i ? () => i(d.original) : void 0, ...p(b.div, x.row, !!i && x.rowClickable, W), children: d.getVisibleCells().map(($) => /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:272", role: "cell", ...p(b.div, x.cell, x.cellFlex($.column.getSize())), children: E($.column.columnDef.cell, $.getContext()) }, $.id)) }, d.id), xt = k?.(X) ?? (a.length ? `${X.from}–${X.to} / ${X.total}` : "");
+  return /* @__PURE__ */ q("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:287", ref: R, ...p(b.div, x.wrap), children: [
+    /* @__PURE__ */ q("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:288", ref: et, role: "table", ...p(b.div, j ? x.stackScroll : x.scroll, P && x.scrollMax(St(y))), children: [
+      j ? null : /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:297", role: "rowgroup", ...p(b.div, x.head), children: V.getHeaderGroups().map((d) => /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:299", role: "row", ...p(b.div, x.headRow), children: d.headers.map((w) => {
         const W = w.column, I = W.getIsSorted();
-        return /* @__PURE__ */ q("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:304", role: "columnheader", "aria-sort": I === "asc" ? "ascending" : I === "desc" ? "descending" : void 0, onClick: W.getCanSort() ? W.getToggleSortingHandler() : void 0, ...p(b.div, g.headCell, W.getCanSort() && g.headCellSortable, g.cellFlex(w.getSize())), children: [
+        return /* @__PURE__ */ q("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:304", role: "columnheader", "aria-sort": I === "asc" ? "ascending" : I === "desc" ? "descending" : void 0, onClick: W.getCanSort() ? W.getToggleSortingHandler() : void 0, ...p(b.div, x.headCell, W.getCanSort() && x.headCellSortable, x.cellFlex(w.getSize())), children: [
           w.isPlaceholder ? null : E(W.columnDef.header, w.getContext()),
-          I ? /* @__PURE__ */ u("span", { "data-element-src": "VirtualTable/VirtualTable.tsx:325", ...p(b.span, g.sortMark), children: I === "asc" ? "↑" : "↓" }) : null
+          I ? /* @__PURE__ */ u("span", { "data-element-src": "VirtualTable/VirtualTable.tsx:325", ...p(b.span, x.sortMark), children: I === "asc" ? "↑" : "↓" }) : null
         ] }, w.id);
       }) }, d.id)) }),
-      a.length === 0 ? /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:338", ...p(b.div, g.empty), children: S }) : /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:340", role: "rowgroup", ...p(b.div, j ? g.stackBody : B ? g.bodyTotal(Y.getTotalSize()) : void 0), children: B ? N.map((d) => nt(a[d.index], d.index, g.rowAbsolute(d.start), Y.measureElement)) : a.map((d, w) => nt(d, w)) })
+      a.length === 0 ? /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:338", ...p(b.div, x.empty), children: S }) : /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:340", role: "rowgroup", ...p(b.div, j ? x.stackBody : P ? x.bodyTotal(Y.getTotalSize()) : void 0), children: P ? N.map((d) => nt(a[d.index], d.index, x.rowAbsolute(d.start), Y.measureElement)) : a.map((d, w) => nt(d, w)) })
     ] }),
-    B && a.length > 0 ? /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:365", "aria-live": "polite", ...p(b.div, g.pos), children: gt }) : null
+    P && a.length > 0 ? /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:365", "aria-live": "polite", ...p(b.div, x.pos), children: xt }) : null
   ] });
 }
 const Kt = {
   ...Tt,
   Pagination: dt,
-  SortIndicator: zt,
+  SortIndicator: $t,
   ColumnFilter: Rt,
   SortChip: tt,
   /** Renders a styled Table directly from a TanStack table instance. */