@duro-app/ui 0.49.0 → 0.50.0

package/dist/table.d.ts

@@ -0,0 +1,25 @@
+import { Pagination } from './components/Table/Pagination';
+import { SortIndicator } from './components/Table/SortIndicator';
+import { ColumnFilter } from './components/Table/ColumnFilter';
+import { SortChip } from './components/Table/SortChip';
+import { FromTanstack } from './components/Table/FromTanstack';
+/** The full table: the presentational parts plus the TanStack integration. */
+export declare const Table: {
+    Pagination: typeof Pagination;
+    SortIndicator: typeof SortIndicator;
+    ColumnFilter: typeof ColumnFilter;
+    SortChip: typeof SortChip;
+    /** Renders a styled Table directly from a TanStack table instance. */
+    FromTanstack: typeof FromTanstack;
+    Container: typeof import('./components/Table/Table').Container;
+    Root: typeof import('./components/Table/Table').Root;
+    Header: typeof import('./components/Table/Table').Header;
+    Body: typeof import('./components/Table/Table').Body;
+    Row: typeof import('./components/Table/Table').Row;
+    HeaderCell: typeof import('./components/Table/Table').HeaderCell;
+    Cell: typeof import('./components/Table/Table').Cell;
+};
+export { useDataTable } from './components/Table/useDataTable';
+export { VirtualTable, type VirtualTableRange } from './components/VirtualTable/VirtualTable';
+export type { TableVariant, TableSize } from './components/Table/Table';
+//# sourceMappingURL=table.d.ts.map

package/dist/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../src/table.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAMH,OAAO,0CAA0C,CAAA;AAGjD,OAAO,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAC,YAAY,EAAC,MAAM,iCAAiC,CAAA;AAC5D,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,iCAAiC,CAAA;AAE5D,8EAA8E;AAC9E,eAAO,MAAM,KAAK;;;;;IAMhB,sEAAsE;;;;;;;;;CAEvE,CAAA;AAED,OAAO,EAAC,YAAY,EAAC,MAAM,iCAAiC,CAAA;AAI5D,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,wCAAwC,CAAA;AAE3F,YAAY,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,0BAA0B,CAAA"}

package/dist/table.js

@@ -0,0 +1,647 @@
+import { c as H, m as p, d as b, M as F, s as gt, R as nt, H as xt, a as kt, B as pt, b as bt, C as mt, e as ft } from "./Table-xlMa_Kqe.js";
+import { jsx as u, jsxs as D } from "react/jsx-runtime";
+import { flexRender as E, useReactTable as rt, getPaginationRowModel as ht, getFilteredRowModel as yt, getSortedRowModel as it, getCoreRowModel as at } from "@tanstack/react-table";
+import { useState as G, useCallback as St, useRef as X, useEffect as _, useLayoutEffect as Tt } from "react";
+import { useVirtualizer as Ct } from "@tanstack/react-virtual";
+const wt = {
+  sm: 640
+}, q = {
+  root: {
+    "display-k1xSpc": "display-x78zum5",
+    "alignItems-kGNEyG": "alignItems-x6s0dn4",
+    "justifyContent-kjj79g": "justifyContent-xl56j7k",
+    "gap-kOIVth": "gap-x175yhtj",
+    "paddingTop-kLKAdn": "paddingTop-x5882n6",
+    "paddingBottom-kGO01o": "paddingBottom-x1dr83cj",
+    $$css: "Table/Pagination.tsx:9"
+  },
+  button: {
+    "display-k1xSpc": "display-x3nfvp2",
+    "alignItems-kGNEyG": "alignItems-x6s0dn4",
+    "justifyContent-kjj79g": "justifyContent-xl56j7k",
+    "paddingTop-kLKAdn": "paddingTop-x1i738hq",
+    "paddingBottom-kGO01o": "paddingBottom-x6sojwk",
+    "paddingLeft-kE3dHu": "paddingLeft-x6xq64o",
+    "paddingRight-kpe85a": "paddingRight-xpkaq21",
+    "borderWidth-kMzoRj": "borderWidth-xmkeg23",
+    "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
+    "borderColor-kVAM5u": "borderColor-x15ykms2",
+    "borderRadius-kaIpWk": "borderRadius-x1kogg8i",
+    "backgroundColor-kWkggS": "backgroundColor-xjbqb8w backgroundColor-x14zl4n5",
+    "color-kMwMTN": "color-x95150z",
+    "fontSize-kGuDYH": "fontSize-x1tzajr0",
+    "cursor-kkrTdU": "cursor-x1ypdohk",
+    "transitionProperty-k1ekBW": "transitionProperty-x15406qy",
+    "transitionDuration-kIyJzY": "transitionDuration-xx6bhzk",
+    $$css: "Table/Pagination.tsx:17"
+  },
+  buttonDisabled: {
+    "opacity-kSiTet": "opacity-xti2d7y",
+    "cursor-kkrTdU": "cursor-x1h6gzvc",
+    "backgroundColor-kWkggS": "backgroundColor-xjbqb8w",
+    $$css: "Table/Pagination.tsx:39"
+  },
+  pageInfo: {
+    "fontSize-kGuDYH": "fontSize-x1tzajr0",
+    "color-kMwMTN": "color-x4opovt",
+    $$css: "Table/Pagination.tsx:44"
+  }
+};
+function st(o) {
+  const t = H.c(33), {
+    table: e
+  } = o;
+  let n;
+  t[0] !== e ? (n = e.getState(), t[0] = e, t[1] = n) : n = t[1];
+  const {
+    pageIndex: l,
+    pageSize: r
+  } = 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)
+    return null;
+  let k;
+  t[4] !== e ? (k = !e.getCanPreviousPage() && q.buttonDisabled, t[4] = e, t[5] = k) : k = t[5];
+  let c;
+  t[6] !== k ? (c = [q.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]);
+  const T = !y;
+  let m;
+  t[11] !== c || t[12] !== x || t[13] !== T ? (m = /* @__PURE__ */ u("button", { "data-element-src": "Table/Pagination.tsx:63", ...p(b.button, c), onClick: x, disabled: T, type: "button", children: "Previous" }), t[11] = c, t[12] = x, t[13] = T, t[14] = m) : m = t[14];
+  const f = l + 1;
+  let S;
+  t[15] !== s || t[16] !== f ? (S = /* @__PURE__ */ D("span", { "data-element-src": "Table/Pagination.tsx:70", ...p(b.span, q.pageInfo), children: [
+    f,
+    " / ",
+    s
+  ] }), t[15] = s, t[16] = f, t[17] = S) : S = t[17];
+  let h;
+  t[18] !== e ? (h = !e.getCanNextPage() && q.buttonDisabled, t[18] = e, t[19] = h) : h = t[19];
+  let V;
+  t[20] !== h ? (V = [q.button, h], t[20] = h, t[21] = V) : V = t[21];
+  let w, M;
+  t[22] !== e ? (w = () => e.nextPage(), M = e.getCanNextPage(), t[22] = e, t[23] = w, t[24] = M) : (w = t[23], M = t[24]);
+  const $ = !M;
+  let a;
+  t[25] !== V || t[26] !== w || t[27] !== $ ? (a = /* @__PURE__ */ u("button", { "data-element-src": "Table/Pagination.tsx:73", ...p(b.button, V), onClick: w, disabled: $, type: "button", children: "Next" }), t[25] = V, t[26] = w, t[27] = $, t[28] = a) : a = t[28];
+  let R;
+  return t[29] !== S || t[30] !== a || t[31] !== m ? (R = /* @__PURE__ */ D("div", { "data-element-src": "Table/Pagination.tsx:62", ...p(b.div, q.root), children: [
+    m,
+    S,
+    a
+  ] }), t[29] = S, t[30] = a, t[31] = m, t[32] = R) : R = t[32], R;
+}
+const J = {
+  root: {
+    "display-k1xSpc": "display-x3nfvp2",
+    "alignItems-kGNEyG": "alignItems-x6s0dn4",
+    "marginLeft-koQZXg": "marginLeft-x1iog12x",
+    "fontSize-kGuDYH": "fontSize-x1k6wstc",
+    "userSelect-kfSwDN": "userSelect-x87ps6o",
+    "opacity-kSiTet": "opacity-xg01cxk",
+    "transitionProperty-k1ekBW": "transitionProperty-x19991ni",
+    "transitionDuration-kIyJzY": "transitionDuration-xgdialr",
+    $$css: "Table/SortIndicator.tsx:7"
+  },
+  active: {
+    "opacity-kSiTet": "opacity-x1hc1fzr",
+    "color-kMwMTN": "color-xf715ks",
+    $$css: "Table/SortIndicator.tsx:18"
+  },
+  inactive: {
+    "color-kMwMTN": "color-x4opovt",
+    $$css: "Table/SortIndicator.tsx:22"
+  }
+};
+function vt(o) {
+  const t = H.c(5), {
+    column: e
+  } = o;
+  if (!e.getCanSort())
+    return null;
+  const n = e.getIsSorted(), l = n ? J.active : J.inactive;
+  let r;
+  t[0] !== l ? (r = [J.root, l], t[0] = l, t[1] = r) : r = t[1];
+  const i = n === "asc" ? "▲" : n === "desc" ? "▼" : "⇅";
+  let s;
+  return t[2] !== r || t[3] !== i ? (s = /* @__PURE__ */ u("span", { "data-element-src": "Table/SortIndicator.tsx:46", ...p(b.span, r), "data-sort-indicator": "", children: i }), t[2] = r, t[3] = i, t[4] = s) : s = t[4], s;
+}
+const Vt = {
+  input: {
+    "width-kzqmXN": "width-xh8yej3",
+    "paddingTop-kLKAdn": "paddingTop-x1nn3v0j",
+    "paddingBottom-kGO01o": "paddingBottom-x1120s5i",
+    "paddingLeft-kE3dHu": "paddingLeft-xzmizx3",
+    "paddingRight-kpe85a": "paddingRight-x7ulw7g",
+    "marginTop-keoZOQ": "marginTop-xuerg7n",
+    "borderWidth-kMzoRj": "borderWidth-xmkeg23",
+    "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
+    "borderColor-kVAM5u": "borderColor-x15ykms2",
+    "borderRadius-kaIpWk": "borderRadius-xwi0hqr",
+    "backgroundColor-kWkggS": "backgroundColor-xr5vhjl",
+    "color-kMwMTN": "color-x95150z",
+    "fontSize-kGuDYH": "fontSize-x1f81oxx",
+    "outline-kI3sdo": "outline-x1a2a7pz",
+    $$css: "Table/ColumnFilter.tsx:9"
+  }
+};
+function $t(o) {
+  const t = H.c(8), {
+    column: e,
+    placeholder: n
+  } = o;
+  if (!e.getCanFilter())
+    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 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:38", ...p(b.input, Vt.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;
+}
+function Z(o) {
+  const t = H.c(21), {
+    options: e,
+    value: n,
+    onChange: l,
+    label: r
+  } = o, i = r === void 0 ? "Sort by" : r;
+  let s;
+  t[0] !== e || t[1] !== n ? (s = n ? e.find((f) => f.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;
+  let c;
+  t[3] !== k ? (c = /* @__PURE__ */ u(F.Trigger, { children: k }), t[3] = k, t[4] = c) : c = t[4];
+  let x;
+  if (t[5] !== l || t[6] !== e || t[7] !== n) {
+    let f;
+    t[9] !== l || t[10] !== n ? (f = (S) => {
+      const h = n?.id === S.id, V = h ? !n.desc : !1;
+      return /* @__PURE__ */ D(F.Item, { onClick: () => l({
+        id: S.id,
+        desc: V
+      }), children: [
+        S.label,
+        h ? ` ${n.desc ? "↓" : "↑"}` : ""
+      ] }, S.id);
+    }, t[9] = l, t[10] = n, t[11] = f) : f = t[11], x = e.map(f), t[5] = l, t[6] = e, t[7] = n, t[8] = x;
+  } else
+    x = 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__ */ D(F.Popup, { children: [
+    x,
+    y
+  ] }), t[15] = x, t[16] = y, t[17] = T) : T = t[17];
+  let m;
+  return t[18] !== c || t[19] !== T ? (m = /* @__PURE__ */ u("div", { "data-element-src": "Table/SortChip.tsx:32", ...p(b.div, gt.sortChip), children: /* @__PURE__ */ D(F.Root, { children: [
+    c,
+    T
+  ] }) }), t[18] = c, t[19] = T, t[20] = m) : m = t[20], m;
+}
+Z.displayName = "SortChip";
+function dt(o) {
+  const t = H.c(30), {
+    table: e,
+    variant: n,
+    size: l,
+    responsive: r,
+    minColumnWidth: i,
+    sortChip: s,
+    pagination: C,
+    rowKey: k,
+    onRowClick: c,
+    rowAriaLabel: x
+  } = o, y = n === void 0 ? "default" : n, T = l === void 0 ? "md" : l, m = r === void 0 ? !0 : r;
+  let f;
+  t[0] !== s || t[1] !== e ? (f = s ? It(e) : void 0, t[0] = s, t[1] = e, t[2] = f) : f = t[2];
+  const S = f;
+  let h;
+  t[3] !== C || t[4] !== e ? (h = C ? /* @__PURE__ */ u(st, { table: e }) : void 0, t[3] = C, t[4] = e, t[5] = h) : h = t[5];
+  const V = h;
+  let w;
+  t[6] !== e ? (w = e.getHeaderGroups().map(Mt), t[6] = e, t[7] = w) : w = t[7];
+  let M;
+  t[8] !== w ? (M = /* @__PURE__ */ u(kt, { children: w }), t[8] = w, t[9] = M) : M = t[9];
+  let $;
+  if (t[10] !== c || t[11] !== x || t[12] !== k || t[13] !== e) {
+    let j;
+    t[15] !== c || t[16] !== x || t[17] !== k ? (j = (P) => {
+      const W = k?.(P) ?? P.id;
+      return /* @__PURE__ */ u(nt, { onClick: c ? () => c(P) : void 0, "aria-label": x?.(P), children: P.getVisibleCells().map(zt) }, W);
+    }, 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] = $;
+  } else
+    $ = t[14];
+  let a;
+  t[19] !== $ ? (a = /* @__PURE__ */ u(pt, { children: $ }), t[19] = $, t[20] = a) : a = t[20];
+  let R;
+  return t[21] !== i || t[22] !== V || t[23] !== m || t[24] !== T || t[25] !== S || t[26] !== M || t[27] !== a || t[28] !== y ? (R = /* @__PURE__ */ D(bt, { variant: y, size: T, responsive: m, minColumnWidth: i, sortChip: S, pagination: V, children: [
+    M,
+    a
+  ] }), t[21] = i, t[22] = V, t[23] = m, t[24] = T, t[25] = S, t[26] = M, t[27] = a, t[28] = y, t[29] = R) : R = t[29], R;
+}
+function zt(o) {
+  return /* @__PURE__ */ u(mt, { isActions: o.column.columnDef.meta?.isActions === !0, children: E(o.column.columnDef.cell, o.getContext()) }, o.id);
+}
+function Mt(o) {
+  return /* @__PURE__ */ u(nt, { children: o.headers.map(Rt) }, o.id);
+}
+function Rt(o) {
+  const t = o.column.columnDef, e = t.meta, n = typeof t.header == "string" ? t.header : void 0, l = e?.stackLabel ?? n ?? "";
+  return /* @__PURE__ */ u(xt, { label: l, "aria-label": e?.isActions ? l || "Actions" : void 0, children: o.isPlaceholder ? null : E(t.header, o.getContext()) }, o.id);
+}
+dt.displayName = "FromTanstack";
+function It(o) {
+  const t = o.getAllColumns().filter((l) => l.getCanSort()).map((l) => {
+    const r = typeof l.columnDef.header == "string" ? l.columnDef.header : l.id;
+    return {
+      id: l.id,
+      label: l.columnDef.meta?.stackLabel ?? r
+    };
+  });
+  if (t.length === 0) return null;
+  const e = o.getState().sorting[0], n = e ? {
+    id: e.id,
+    desc: e.desc
+  } : null;
+  return /* @__PURE__ */ u(Z, { options: t, value: n, onChange: (l) => o.setSorting(l ? [{
+    id: l.id,
+    desc: l.desc
+  }] : []) });
+}
+function Ft(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({
+    pageIndex: e.pagination?.pageIndex ?? 0,
+    pageSize: e.pagination?.pageSize ?? 10
+  }), [m, f] = G({}), S = St((h) => {
+    f((V) => {
+      const w = typeof h == "function" ? h(V) : h;
+      return i?.(w), w;
+    });
+  }, [i]);
+  return rt({
+    data: o,
+    columns: t,
+    state: {
+      sorting: C,
+      columnFilters: c,
+      pagination: y,
+      rowSelection: m
+    },
+    getCoreRowModel: at(),
+    getSortedRowModel: it(),
+    getFilteredRowModel: yt(),
+    getPaginationRowModel: ht(),
+    onSortingChange: k,
+    onColumnFiltersChange: x,
+    onPaginationChange: T,
+    enableSorting: n,
+    enableRowSelection: typeof r == "function" ? r : !!r,
+    onRowSelectionChange: S,
+    // When pagination is disabled, set a very large page size to show all rows
+    ...!s && {
+      autoResetPageIndex: !1
+    }
+  });
+}
+const jt = {
+  "overflowY-kORKVm": "overflowY-x1odjw0f",
+  "overscrollBehavior-kZeWKH": "overscrollBehavior-xish69e",
+  $$css: "VirtualTable/styles.css.ts:21"
+}, Wt = {
+  "position-kVAEAm": "position-x1n2onr6",
+  "width-kzqmXN": "width-xh8yej3",
+  $$css: "VirtualTable/styles.css.ts:64"
+}, Bt = {
+  "position-kVAEAm": "position-x10l6tqk",
+  "top-k87sOh": "top-x13vifvy",
+  "left-kbCHJM": "left-xu96u03",
+  "transform-k3aq6I": "transform-xsqj5wx",
+  $$css: "VirtualTable/styles.css.ts:83"
+}, Dt = {
+  "flexShrink-kmuXW": "flexShrink-xs83m0k",
+  "flexBasis-kCS8Yb": "flexBasis-x1r8uery",
+  "minWidth-k7Eaqz": "minWidth-xeuugli",
+  $$css: "VirtualTable/styles.css.ts:102"
+}, g = {
+  wrap: {
+    "position-kVAEAm": "position-x1n2onr6",
+    "width-kzqmXN": "width-xh8yej3",
+    $$css: "VirtualTable/styles.css.ts:7"
+  },
+  scroll: {
+    "position-kVAEAm": "position-x1n2onr6",
+    "width-kzqmXN": "width-xh8yej3",
+    "borderWidth-kMzoRj": "borderWidth-xmkeg23",
+    "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
+    "borderColor-kVAM5u": "borderColor-x15ykms2",
+    "borderRadius-kaIpWk": "borderRadius-xwbokb3",
+    "backgroundColor-kWkggS": "backgroundColor-xuw63hu",
+    $$css: "VirtualTable/styles.css.ts:11"
+  },
+  scrollMax: (o) => [jt, {
+    "maxHeight-kskxy": o != null ? "maxHeight-x1jols5v" : o,
+    $$css: "VirtualTable/styles.css.ts:21"
+  }, {
+    "--x-maxHeight": ((t) => typeof t == "number" ? t + "px" : t ?? void 0)(o)
+  }],
+  head: {
+    "position-kVAEAm": "position-x7wzq59",
+    "top-k87sOh": "top-x13vifvy",
+    "zIndex-kY2c9j": "zIndex-x1vjfegm",
+    "backgroundColor-kWkggS": "backgroundColor-xuw63hu",
+    $$css: "VirtualTable/styles.css.ts:26"
+  },
+  headRow: {
+    "display-k1xSpc": "display-x78zum5",
+    "flexDirection-kXwgrk": "flexDirection-x1q0g3np",
+    "borderBottomWidth-kt9PQ7": "borderBottomWidth-xso031l",
+    "borderBottomStyle-kfdmCh": "borderBottomStyle-x1q0q8m5",
+    "borderBottomColor-kL6WhQ": "borderBottomColor-x19cyuh1",
+    $$css: "VirtualTable/styles.css.ts:32"
+  },
+  headCell: {
+    "display-k1xSpc": "display-x78zum5",
+    "flexDirection-kXwgrk": "flexDirection-x1q0g3np",
+    "alignItems-kGNEyG": "alignItems-x6s0dn4",
+    "gap-kOIVth": "gap-xl5ne8a",
+    "paddingTop-kLKAdn": "paddingTop-xc2wovk",
+    "paddingBottom-kGO01o": "paddingBottom-x1dr83cj",
+    "paddingLeft-kE3dHu": "paddingLeft-x2rk66v",
+    "paddingRight-kpe85a": "paddingRight-x7huf2v",
+    "fontFamily-kMv6JI": "fontFamily-xce2pww",
+    "fontSize-kGuDYH": "fontSize-x1f81oxx",
+    "fontWeight-k63SB2": "fontWeight-x1x12jc5",
+    "textTransform-kP9fke": "textTransform-xtvhhri",
+    "letterSpacing-kb6lSQ": "letterSpacing-x3gc2hl",
+    "color-kMwMTN": "color-x4opovt",
+    $$css: "VirtualTable/styles.css.ts:39"
+  },
+  headCellSortable: {
+    "cursor-kkrTdU": "cursor-x1ypdohk",
+    "userSelect-kfSwDN": "userSelect-x87ps6o",
+    "color-kMwMTN": "color-x4opovt color-xtolcfe",
+    $$css: "VirtualTable/styles.css.ts:55"
+  },
+  sortMark: {
+    "fontSize-kGuDYH": "fontSize-x1f81oxx",
+    "color-kMwMTN": "color-xf715ks",
+    $$css: "VirtualTable/styles.css.ts:60"
+  },
+  bodyTotal: (o) => [Wt, {
+    "height-kZKoxP": o != null ? "height-x16ye13r" : o,
+    $$css: "VirtualTable/styles.css.ts:64"
+  }, {
+    "--x-height": ((t) => typeof t == "number" ? t + "px" : t ?? void 0)(o)
+  }],
+  row: {
+    "display-k1xSpc": "display-x78zum5",
+    "flexDirection-kXwgrk": "flexDirection-x1q0g3np",
+    "alignItems-kGNEyG": "alignItems-x6s0dn4",
+    "width-kzqmXN": "width-xh8yej3",
+    "borderBottomWidth-kt9PQ7": "borderBottomWidth-xso031l",
+    "borderBottomStyle-kfdmCh": "borderBottomStyle-x1q0q8m5",
+    "borderBottomColor-kL6WhQ": "borderBottomColor-x19cyuh1",
+    $$css: "VirtualTable/styles.css.ts:69"
+  },
+  rowClickable: {
+    "cursor-kkrTdU": "cursor-x1ypdohk",
+    "backgroundColor-kWkggS": "backgroundColor-xjbqb8w backgroundColor-x14zl4n5",
+    $$css: "VirtualTable/styles.css.ts:78"
+  },
+  rowAbsolute: (o) => [Bt, {
+    "--x-transform": `translateY(${o}px)` != null ? `translateY(${o}px)` : void 0
+  }],
+  cell: {
+    "paddingTop-kLKAdn": "paddingTop-xc2wovk",
+    "paddingBottom-kGO01o": "paddingBottom-x1dr83cj",
+    "paddingLeft-kE3dHu": "paddingLeft-x2rk66v",
+    "paddingRight-kpe85a": "paddingRight-x7huf2v",
+    "fontFamily-kMv6JI": "fontFamily-xce2pww",
+    "fontSize-kGuDYH": "fontSize-x1tzajr0",
+    "color-kMwMTN": "color-x95150z",
+    "overflow-kVQacm": "overflow-xb3r6kr",
+    "textOverflow-kg5iWk": "textOverflow-xlyipyv",
+    "whiteSpace-khDVqt": "whiteSpace-xuxw1ft",
+    $$css: "VirtualTable/styles.css.ts:89"
+  },
+  cellFlex: (o) => [Dt, {
+    "flexGrow-kzQI83": o != null ? "flexGrow-xw36f2b" : o,
+    $$css: "VirtualTable/styles.css.ts:102"
+  }, {
+    "--x-flexGrow": o ?? void 0
+  }],
+  stackScroll: {
+    "position-kVAEAm": "position-x1n2onr6",
+    "width-kzqmXN": "width-xh8yej3",
+    "backgroundColor-kWkggS": "backgroundColor-xjbqb8w",
+    $$css: "VirtualTable/styles.css.ts:111"
+  },
+  stackBody: {
+    "display-k1xSpc": "display-x78zum5",
+    "flexDirection-kXwgrk": "flexDirection-xdt5ytf",
+    "gap-kOIVth": "gap-x175yhtj",
+    $$css: "VirtualTable/styles.css.ts:116"
+  },
+  stackRow: {
+    "display-k1xSpc": "display-x78zum5",
+    "flexDirection-kXwgrk": "flexDirection-xdt5ytf",
+    "gap-kOIVth": "gap-xl5ne8a",
+    "width-kzqmXN": "width-xh8yej3",
+    "padding-kmVPX3": "padding-xlm5w08",
+    "borderWidth-kMzoRj": "borderWidth-xmkeg23",
+    "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
+    "borderColor-kVAM5u": "borderColor-x15ykms2",
+    "borderRadius-kaIpWk": "borderRadius-x17rit4p",
+    "backgroundColor-kWkggS": "backgroundColor-xuw63hu",
+    $$css: "VirtualTable/styles.css.ts:121"
+  },
+  stackCell: {
+    "display-k1xSpc": "display-xrvj5dj",
+    "gridTemplateColumns-kumcoG": "gridTemplateColumns-xl463y0",
+    "gap-kOIVth": "gap-x175yhtj",
+    "alignItems-kGNEyG": "alignItems-x6s0dn4",
+    "fontFamily-kMv6JI": "fontFamily-xce2pww",
+    "fontSize-kGuDYH": "fontSize-x1tzajr0",
+    "color-kMwMTN": "color-x95150z",
+    $$css: "VirtualTable/styles.css.ts:133"
+  },
+  stackCellLabel: {
+    "color-kMwMTN": "color-x4opovt",
+    "fontWeight-k63SB2": "fontWeight-x120ksxs",
+    "fontSize-kGuDYH": "fontSize-x1f81oxx",
+    $$css: "VirtualTable/styles.css.ts:142"
+  },
+  stackCellValue: {
+    "minWidth-k7Eaqz": "minWidth-xeuugli",
+    "overflowWrap-kHjlTd": "overflowWrap-x1mzt3pk",
+    $$css: "VirtualTable/styles.css.ts:147"
+  },
+  empty: {
+    "paddingTop-kLKAdn": "paddingTop-x1v4wg84",
+    "paddingBottom-kGO01o": "paddingBottom-x8ouyoa",
+    "textAlign-k9WMMc": "textAlign-x2b8uid",
+    "color-kMwMTN": "color-x4opovt",
+    "fontFamily-kMv6JI": "fontFamily-xce2pww",
+    "fontSize-kGuDYH": "fontSize-x1tzajr0",
+    $$css: "VirtualTable/styles.css.ts:151"
+  },
+  pos: {
+    "position-kVAEAm": "position-x10l6tqk",
+    "right-kCIrl2": "right-x192tdk8",
+    "bottom-krVfgx": "bottom-x85g1lr",
+    "paddingTop-kLKAdn": "paddingTop-xyqdw3p",
+    "paddingBottom-kGO01o": "paddingBottom-xg8j3zb",
+    "paddingLeft-kE3dHu": "paddingLeft-x6xq64o",
+    "paddingRight-kpe85a": "paddingRight-xpkaq21",
+    "borderRadius-kaIpWk": "borderRadius-x1k4pcc6",
+    "backgroundColor-kWkggS": "backgroundColor-xlyqa1p",
+    "borderWidth-kMzoRj": "borderWidth-xmkeg23",
+    "borderStyle-ksu8eU": "borderStyle-x1y0btm7",
+    "borderColor-kVAM5u": "borderColor-x15ykms2",
+    "color-kMwMTN": "color-x4opovt",
+    "fontFamily-kMv6JI": "fontFamily-xce2pww",
+    "fontSize-kGuDYH": "fontSize-x1f81oxx",
+    "pointerEvents-kfzvcC": "pointerEvents-x47corl",
+    $$css: "VirtualTable/styles.css.ts:160"
+  }
+}, Pt = typeof window < "u" ? Tt : _;
+function Et({
+  data: o,
+  columns: t,
+  sorting: e,
+  onSortingChange: n,
+  getRowId: l,
+  onRowClick: r,
+  rowLabel: i,
+  initialPage: s,
+  onVisiblePageChange: C,
+  rangeLabel: k,
+  pageSize: c = 50,
+  estimateRowHeight: x = 44,
+  maxHeight: y = "70vh",
+  virtualizeThreshold: T = 150,
+  stackBelow: m = wt.sm,
+  responsive: f = !0,
+  emptyLabel: S
+}) {
+  const [h, V] = G([]), $ = rt({
+    data: o,
+    columns: t,
+    state: {
+      sorting: e ?? h
+    },
+    onSortingChange: n ?? V,
+    getRowId: l,
+    getCoreRowModel: at(),
+    getSortedRowModel: it()
+  }), a = $.getRowModel().rows, R = X(null), [j, P] = G(!1);
+  Pt(() => {
+    if (!f) {
+      P(!1);
+      return;
+    }
+    const d = R.current;
+    if (!d || typeof ResizeObserver > "u") return;
+    const v = (I) => {
+      I > 0 && P(I < m);
+    };
+    v(d.getBoundingClientRect().width);
+    const B = new ResizeObserver((I) => {
+      const z = I[0];
+      if (!z) return;
+      const L = z.contentBoxSize?.[0];
+      v(L ? L.inlineSize : z.contentRect.width);
+    });
+    return B.observe(d), () => B.disconnect();
+  }, [f, m]);
+  const W = a.length > T && !j, tt = X(null), O = Ct({
+    count: a.length,
+    getScrollElement: () => tt.current,
+    estimateSize: () => x,
+    overscan: 12
+  }), K = X(!0);
+  _(() => {
+    if (!W) {
+      K.current = !1;
+      return;
+    }
+    s && s > 1 && O.scrollToIndex((s - 1) * c, {
+      align: "start"
+    });
+    const d = setTimeout(() => {
+      K.current = !1;
+    }, 300);
+    return () => clearTimeout(d);
+  }, [W]);
+  const N = O.getVirtualItems(), Q = N[0]?.index ?? 0, et = N.length ? N[N.length - 1].index : 0, ot = Math.max(1, Math.ceil(a.length / c)), A = Math.floor(Math.max(0, Q) / c) + 1, Y = {
+    from: a.length ? Q + 1 : 0,
+    to: a.length ? et + 1 : 0,
+    total: a.length,
+    page: A,
+    pages: ot
+  }, U = X(null);
+  _(() => {
+    if (!(!W || !C)) {
+      if (K.current) {
+        U.current = A;
+        return;
+      }
+      U.current !== A && (U.current = A, C({
+        from: a.length ? Q + 1 : 0,
+        to: a.length ? et + 1 : 0,
+        total: a.length,
+        page: A,
+        pages: ot
+      }));
+    }
+  }, [A, W]);
+  const ct = (d) => {
+    const v = d.meta;
+    return typeof v?.stackLabel == "string" ? v.stackLabel : typeof v?.label == "string" ? v.label : typeof d.header == "string" ? d.header : "";
+  }, lt = (d, v, B, I) => j ? /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:240", 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 = ct(z.column.columnDef);
+    return /* @__PURE__ */ D("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:250", role: "cell", ...p(b.div, g.stackCell), children: [
+      L ? /* @__PURE__ */ u("span", { "data-element-src": "VirtualTable/VirtualTable.tsx:251", ...p(b.span, g.stackCellLabel), children: L }) : null,
+      /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:252", ...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:260", ref: I, "data-index": v, role: "row", "aria-label": i?.(d.original), onClick: r ? () => r(d.original) : void 0, ...p(b.div, g.row, !!r && g.rowClickable, B), children: d.getVisibleCells().map((z) => /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:270", role: "cell", ...p(b.div, g.cell, g.cellFlex(z.column.getSize())), children: E(z.column.columnDef.cell, z.getContext()) }, z.id)) }, d.id), ut = k?.(Y) ?? (a.length ? `${Y.from}–${Y.to} / ${Y.total}` : "");
+  return /* @__PURE__ */ D("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:285", ref: R, ...p(b.div, g.wrap), children: [
+    /* @__PURE__ */ D("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:286", ref: tt, role: "table", ...p(b.div, j ? g.stackScroll : g.scroll, W && g.scrollMax(y)), children: [
+      j ? null : /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:295", role: "rowgroup", ...p(b.div, g.head), children: $.getHeaderGroups().map((d) => /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:297", role: "row", ...p(b.div, g.headRow), children: d.headers.map((v) => {
+        const B = v.column, I = B.getIsSorted();
+        return /* @__PURE__ */ D("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:302", role: "columnheader", "aria-sort": I === "asc" ? "ascending" : I === "desc" ? "descending" : void 0, onClick: B.getCanSort() ? B.getToggleSortingHandler() : void 0, ...p(b.div, g.headCell, B.getCanSort() && g.headCellSortable, g.cellFlex(v.getSize())), children: [
+          v.isPlaceholder ? null : E(B.columnDef.header, v.getContext()),
+          I ? /* @__PURE__ */ u("span", { "data-element-src": "VirtualTable/VirtualTable.tsx:323", ...p(b.span, g.sortMark), children: I === "asc" ? "↑" : "↓" }) : null
+        ] }, v.id);
+      }) }, d.id)) }),
+      a.length === 0 ? /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:336", ...p(b.div, g.empty), children: S }) : /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:338", role: "rowgroup", ...p(b.div, j ? g.stackBody : W ? g.bodyTotal(O.getTotalSize()) : void 0), children: W ? N.map((d) => lt(a[d.index], d.index, g.rowAbsolute(d.start), O.measureElement)) : a.map((d, v) => lt(d, v)) })
+    ] }),
+    W && a.length > 0 ? /* @__PURE__ */ u("div", { "data-element-src": "VirtualTable/VirtualTable.tsx:363", "aria-live": "polite", ...p(b.div, g.pos), children: ut }) : null
+  ] });
+}
+const Ht = {
+  ...ft,
+  Pagination: st,
+  SortIndicator: vt,
+  ColumnFilter: $t,
+  SortChip: Z,
+  /** Renders a styled Table directly from a TanStack table instance. */
+  FromTanstack: dt
+};
+export {
+  Ht as Table,
+  Et as VirtualTable,
+  Ft as useDataTable
+};
+//# sourceMappingURL=table.js.map