@tedi-design-system/react 18.1.0-rc.2 → 18.1.0-rc.20

package/src/tedi/components/content/table/table.es.js

@@ -1,33 +1,33 @@
-import { jsx as i, jsxs as de } from "react/jsx-runtime";
-import { useReactTable as mn, flexRender as xe } from "../../../../../external/@tanstack/react-table/build/lib/index.es.js";
+import { jsx as i, jsxs as se } from "react/jsx-runtime";
+import { useReactTable as bn, flexRender as Se } from "../../../../../external/@tanstack/react-table/build/lib/index.es.js";
 import k from "../../../../../external/classnames/index.es.js";
-import { useRef as H, useId as fn, useMemo as w, useCallback as N, useState as K, useEffect as ft, Fragment as bn } from "react";
-import { Icon as ht } from "../../base/icon/icon.es.js";
-import { CollapseButton as hn } from "../../buttons/collapse-button/collapse-button.es.js";
-import { Checkbox as bt } from "../../form/checkbox/checkbox.es.js";
-import { Radio as wn } from "../../form/radio/radio.es.js";
-import { TextField as _n } from "../../form/textfield/textfield.es.js";
+import { useRef as A, useId as hn, useMemo as w, useCallback as N, useState as K, useEffect as ht, Fragment as wn } from "react";
+import { Icon as _t } from "../../base/icon/icon.es.js";
+import { CollapseButton as _n } from "../../buttons/collapse-button/collapse-button.es.js";
+import { Checkbox as wt } from "../../form/checkbox/checkbox.es.js";
+import { Radio as vn } from "../../form/radio/radio.es.js";
+import { TextField as Cn } from "../../form/textfield/textfield.es.js";
 import l from "./table.module.scss.es.js";
-import { TableColumnsMenu as vn } from "./table-columns-menu/table-columns-menu.es.js";
-import { TableContext as Cn } from "./table-context.es.js";
-import { TableHeaderButton as xn } from "./table-header-button/table-header-button.es.js";
-import { TableToolbar as Sn } from "./table-toolbar/table-toolbar.es.js";
-import { useTablePersistence as Dn } from "./use-table-persistence.es.js";
-import { useLabels as Rn } from "../../../providers/label-provider/use-labels.es.js";
-import { getCoreRowModel as yn, getFilteredRowModel as In, getSortedRowModel as kn, getExpandedRowModel as En, getPaginationRowModel as Tn } from "../../../../../external/@tanstack/table-core/build/lib/index.es.js";
-import { Pagination as Nn } from "../../navigation/pagination/pagination.es.js";
-const eo = (R, E) => (V) => {
+import { TableColumnsMenu as xn } from "./table-columns-menu/table-columns-menu.es.js";
+import { TableContext as Sn } from "./table-context.es.js";
+import { TableHeaderButton as Dn } from "./table-header-button/table-header-button.es.js";
+import { TableToolbar as Rn } from "./table-toolbar/table-toolbar.es.js";
+import { useTablePersistence as yn } from "./use-table-persistence.es.js";
+import { useLabels as In } from "../../../providers/label-provider/use-labels.es.js";
+import { getCoreRowModel as kn, getFilteredRowModel as Tn, getSortedRowModel as En, getExpandedRowModel as Nn, getPaginationRowModel as On } from "../../../../../external/@tanstack/table-core/build/lib/index.es.js";
+import { Pagination as $n } from "../../navigation/pagination/pagination.es.js";
+const no = (R, T) => (V) => {
   const x = V.index;
   if (x < 0 || x >= R.length) return 1;
-  const O = E(R[x]);
-  if (x > 0 && E(R[x - 1]) === O) return 0;
-  let T = 1;
-  for (let A = x + 1; A < R.length && E(R[A]) === O; A++)
-    T++;
-  return T;
-}, wt = "data-tedi-drag-handle", On = ({
+  const O = T(R[x]);
+  if (x > 0 && T(R[x - 1]) === O) return 0;
+  let E = 1;
+  for (let F = x + 1; F < R.length && T(R[F]) === O; F++)
+    E++;
+  return E;
+}, vt = "data-tedi-drag-handle", Ln = ({
   label: R,
-  onHandlePointerDown: E,
+  onHandlePointerDown: T,
   id: V,
   pickedUp: x,
   onKeyDown: O
@@ -41,29 +41,29 @@ const eo = (R, E) => (V) => {
     }),
     "aria-label": R,
     "aria-pressed": x,
-    onClick: (T) => T.stopPropagation(),
-    onMouseDown: E,
-    onTouchStart: E,
+    onClick: (E) => E.stopPropagation(),
+    onMouseDown: T,
+    onTouchStart: T,
     onKeyDown: O,
-    [wt]: "",
-    children: /* @__PURE__ */ i(ht, { name: "drag_indicator", size: 18, color: "inherit" })
+    [vt]: "",
+    children: /* @__PURE__ */ i(_t, { name: "drag_indicator", size: 18, color: "inherit" })
   }
-), $n = (R) => {
+), Pn = (R) => {
   const {
-    row: E,
+    row: T,
     rowClassName: V,
     rowStyle: x,
     isActiveRow: O,
-    clickable: T,
-    onClick: A,
-    onKeyDownHandler: De,
-    ariaRowIndex: Re,
+    clickable: E,
+    onClick: F,
+    onKeyDownHandler: Re,
+    ariaRowIndex: ye,
     columnProps: oe,
     draggable: ce,
     dragHandleLabel: ue,
     dragHandlers: u,
-    dragHandleId: ye,
-    dragHandlePickedUp: Ie,
+    dragHandleId: Ie,
+    dragHandlePickedUp: ke,
     dragOverColumnId: ge
   } = R;
   return /* @__PURE__ */ i(
@@ -77,15 +77,15 @@ const eo = (R, E) => (V) => {
       onDragLeave: u == null ? void 0 : u.onDragLeave,
       onDragEnd: u == null ? void 0 : u.onDragEnd,
       onDrop: u == null ? void 0 : u.onDrop,
-      onClick: T && A ? () => A(E) : void 0,
-      onKeyDown: T ? De : void 0,
-      tabIndex: T ? 0 : void 0,
-      role: T ? "button" : void 0,
-      "aria-rowindex": Re,
+      onClick: E && F ? () => F(T) : void 0,
+      onKeyDown: E ? Re : void 0,
+      tabIndex: E ? 0 : void 0,
+      role: E ? "button" : void 0,
+      "aria-rowindex": ye,
       "aria-current": O ? "true" : void 0,
-      children: E.getVisibleCells().map(($) => {
+      children: T.getVisibleCells().map(($) => {
         var pe;
-        const g = $.column.columnDef.meta, F = oe == null ? void 0 : oe($.column.id), le = ce && $.column.id === Se, z = !!ge && $.column.id === ge, G = (pe = g == null ? void 0 : g.rowSpan) == null ? void 0 : pe.call(g, $.row);
+        const g = $.column.columnDef.meta, z = oe == null ? void 0 : oe($.column.id), le = ce && $.column.id === De, B = !!ge && $.column.id === ge, G = (pe = g == null ? void 0 : g.rowSpan) == null ? void 0 : pe.call(g, $.row);
         return G === 0 ? null : /* @__PURE__ */ i(
           "td",
           {
@@ -96,102 +96,102 @@ const eo = (R, E) => (V) => {
                 [l[`tedi-table__cell--align-${g == null ? void 0 : g.align}`]]: g == null ? void 0 : g.align,
                 [l[`tedi-table__cell--valign-${g == null ? void 0 : g.vAlign}`]]: g == null ? void 0 : g.vAlign,
                 [l["tedi-table__cell--drag-handle"]]: le,
-                [l["tedi-table__cell--drag-over"]]: z
+                [l["tedi-table__cell--drag-over"]]: B
               },
-              F == null ? void 0 : F.className
+              z == null ? void 0 : z.className
             ),
-            style: F == null ? void 0 : F.style,
+            style: z == null ? void 0 : z.style,
             children: le ? /* @__PURE__ */ i(
-              On,
+              Ln,
               {
                 label: ue,
                 onHandlePointerDown: (u == null ? void 0 : u.onHandlePointerDown) ?? (() => {
                 }),
                 onKeyDown: u == null ? void 0 : u.onKeyDown,
-                id: ye,
-                pickedUp: Ie
+                id: Ie,
+                pickedUp: ke
               }
-            ) : xe($.column.columnDef.cell, $.getContext())
+            ) : Se($.column.columnDef.cell, $.getContext())
           },
           $.id
         );
       })
     }
   );
-}, Ve = "__select__", Ge = "__expand__", Se = "__drag__", se = () => !0, Ln = {
-  text: se,
-  select: se,
-  "multi-select": se,
-  "date-range": se,
-  "date-range-period": se
+}, Me = "__select__", je = "__expand__", De = "__drag__", de = () => !0, An = {
+  text: de,
+  select: de,
+  "multi-select": de,
+  "date-range": de,
+  "date-range-period": de
 };
-function Pn(R) {
+function Fn(R) {
   return Array.isArray(R.columns);
 }
-function _t(R) {
+function Ct(R) {
   const {
-    id: E,
+    id: T,
     data: V,
     columns: x,
     size: O = "medium",
-    caption: T,
-    state: A,
-    defaultState: De,
-    onStateChange: Re,
+    caption: E,
+    state: F,
+    defaultState: Re,
+    onStateChange: ye,
     persist: oe,
     emptyState: ce,
     emptyStateRole: ue,
     className: u,
-    children: ye,
-    striped: Ie = !1,
+    children: Ie,
+    striped: ke = !1,
     verticalBorders: ge = !1,
     borderless: $ = !1,
     stickyFirstColumn: g = !1,
-    stickyHeader: F = !1,
+    stickyHeader: z = !1,
     maxHeight: le,
-    onRowClick: z,
+    onRowClick: B,
     activeRowId: G,
     rowHover: pe,
-    enableRowSelection: Me,
-    selectionMode: ke = "multiple",
-    highlightSelectedRows: vt = !0,
+    enableRowSelection: We,
+    selectionMode: Te = "multiple",
+    highlightSelectedRows: xt = !0,
     enableColumnFilters: Ee = !1,
-    renderSubComponent: W,
-    getRowCanExpand: je,
-    getSubRows: We,
-    getRowId: Ct,
-    expandTrigger: Te = "button",
-    paginateExpandedRows: xt = !1,
+    renderSubComponent: X,
+    getRowCanExpand: Xe,
+    getSubRows: Ye,
+    getRowId: St,
+    expandTrigger: Ne = "button",
+    paginateExpandedRows: Dt = !1,
     pagination: M,
-    autoResetPageIndex: St = !0,
-    manualPagination: X = !1,
-    manualSorting: Ne = !1,
-    manualFiltering: Oe = !1,
-    pageCount: Xe,
+    autoResetPageIndex: Rt,
+    manualPagination: j = !1,
+    manualSorting: Oe = !1,
+    manualFiltering: $e = !1,
+    pageCount: qe,
     rowCount: me,
-    checkboxProps: $e,
-    radioProps: Ye,
-    collapseProps: qe,
-    rowProps: Le,
-    columnProps: j,
+    checkboxProps: Le,
+    radioProps: Je,
+    collapseProps: Qe,
+    rowProps: Pe,
+    columnProps: W,
     reorderableRows: S = !1,
     onRowDrop: L,
     reorderableColumns: Y = !1
-  } = R, { getLabel: b } = Rn(), Je = ce ?? b("table.no-data"), q = H(b);
+  } = R, { getLabel: b } = In(), Ze = ce ?? b("table.no-data"), q = A(b);
   q.current = b;
-  const Dt = fn(), p = E ?? Dt, h = w(() => M ? M === !0 ? { pageSize: 10, pageSizeOptions: [10, 25, 50], paginationProps: void 0 } : {
+  const yt = hn(), p = T ?? yt, h = w(() => M ? M === !0 ? { pageSize: 10, pageSizeOptions: [10, 25, 50], paginationProps: void 0 } : {
     pageSize: M.pageSize ?? 10,
     pageSizeOptions: M.pageSizeOptions === void 0 ? [10, 25, 50] : M.pageSizeOptions,
     paginationProps: M.paginationProps
-  } : null, [M]), y = h !== null, Rt = w(() => {
+  } : null, [M]), y = h !== null, It = w(() => {
     const e = h == null ? void 0 : h.pageSizeOptions;
     return Array.isArray(e) && e.length > 0 ? e : void 0;
-  }, [h]), [P, D] = Dn({
+  }, [h]), [P, D] = yn({
     persist: oe,
-    controlled: A,
-    defaultState: De,
-    onStateChange: Re
-  }), yt = N(
+    controlled: F,
+    defaultState: Re,
+    onStateChange: ye
+  }), kt = N(
     (e) => {
       D((n) => {
         const t = n.columnVisibility ?? {};
@@ -199,7 +199,7 @@ function _t(R) {
       });
     },
     [D]
-  ), It = N(
+  ), Tt = N(
     (e) => {
       D((n) => {
         const t = n.rowSelection ?? {};
@@ -207,7 +207,7 @@ function _t(R) {
       });
     },
     [D]
-  ), kt = N(
+  ), Et = N(
     (e) => {
       D((n) => {
         const t = n.expanded ?? {};
@@ -215,7 +215,7 @@ function _t(R) {
       });
     },
     [D]
-  ), Et = N(
+  ), Nt = N(
     (e) => {
       D((n) => {
         const t = n.columnFilters ?? [];
@@ -223,7 +223,7 @@ function _t(R) {
       });
     },
     [D]
-  ), Tt = N(
+  ), Ot = N(
     (e) => {
       D((n) => {
         const t = n.columnOrder ?? [];
@@ -231,7 +231,7 @@ function _t(R) {
       });
     },
     [D]
-  ), Nt = N(
+  ), $t = N(
     (e) => {
       D((n) => {
         const t = n.sorting ?? [];
@@ -239,7 +239,7 @@ function _t(R) {
       });
     },
     [D]
-  ), Ot = N(
+  ), Lt = N(
     (e) => {
       D((n) => {
         const t = n.pagination ?? {
@@ -250,31 +250,31 @@ function _t(R) {
       });
     },
     [D, h]
-  ), ae = !!(W || We), Qe = !!Me, $t = w(() => yn(), []), Lt = w(() => Oe ? void 0 : In(), [Oe]), Pt = w(() => Ne ? void 0 : kn(), [Ne]), At = w(() => ae ? En() : void 0, [ae]), Ft = w(
-    () => y && !X ? Tn() : void 0,
-    [y, X]
-  ), zt = w(() => {
+  ), ae = !!(X || Ye), et = !!We, Pt = w(() => kn(), []), At = w(() => $e ? void 0 : Tn(), [$e]), Ft = w(() => Oe ? void 0 : En(), [Oe]), zt = w(() => ae ? Nn() : void 0, [ae]), Bt = w(
+    () => y && !j ? On() : void 0,
+    [y, j]
+  ), Ut = w(() => {
     const e = [];
     if (S && e.push({
-      id: Se,
+      id: De,
       enableSorting: !1,
       enableHiding: !1,
       enableColumnFilter: !1,
       size: 40,
       header: "",
       cell: () => null
-    }), Qe) {
-      const n = ke === "single", t = `${p}-select`;
+    }), et) {
+      const n = Te === "single", t = `${p}-select`;
       e.push({
-        id: Ve,
+        id: Me,
         enableSorting: !1,
         enableHiding: !1,
         enableColumnFilter: !1,
         size: 40,
         header: n ? "" : ({ table: o }) => /* @__PURE__ */ i(
-          bt,
+          wt,
           {
-            ...$e,
+            ...Le,
             id: `${p}-select-all`,
             name: `${p}-select-all`,
             label: q.current("table.select-all", o.getIsAllPageRowsSelected()),
@@ -286,9 +286,9 @@ function _t(R) {
           }
         ),
         cell: ({ row: o }) => n ? /* @__PURE__ */ i(
-          wn,
+          vn,
           {
-            ...Ye,
+            ...Je,
             id: `${p}-select-${o.id}`,
             name: t,
             label: q.current("table.select-row", o.getIsSelected()),
@@ -301,9 +301,9 @@ function _t(R) {
             }
           }
         ) : /* @__PURE__ */ i(
-          bt,
+          wt,
           {
-            ...$e,
+            ...Le,
             id: `${p}-select-${o.id}`,
             name: `${p}-select-${o.id}`,
             label: q.current("table.select-row", o.getIsSelected()),
@@ -318,7 +318,7 @@ function _t(R) {
       });
     }
     return ae && e.push({
-      id: Ge,
+      id: je,
       enableSorting: !1,
       enableHiding: !1,
       enableColumnFilter: !1,
@@ -335,13 +335,13 @@ function _t(R) {
               (o.key === "Enter" || o.key === " ") && o.stopPropagation();
             },
             children: /* @__PURE__ */ i(
-              hn,
+              _n,
               {
-                arrowType: Te === "row" ? "default" : "secondary",
-                ...qe,
+                arrowType: Ne === "row" ? "default" : "secondary",
+                ...Qe,
                 hideText: !0,
                 id: `${p}-expand-${n.id}`,
-                "aria-controls": W ? t : void 0,
+                "aria-controls": X ? t : void 0,
                 openText: q.current("table.expand-row"),
                 closeText: q.current("table.collapse-row"),
                 open: n.getIsExpanded(),
@@ -354,87 +354,99 @@ function _t(R) {
     }), [...e, ...x];
   }, [
     x,
-    Qe,
-    ke,
-    ae,
-    W,
+    et,
     Te,
+    ae,
+    X,
+    Ne,
     S,
     p,
-    $e,
-    Ye,
-    qe
-  ]), Bt = w(() => ({}), []), Ut = w(() => ({}), []), Ht = w(() => [], []), Kt = w(() => [], []), Vt = w(() => [], []), Gt = w(
+    Le,
+    Je,
+    Qe
+  ]), Ht = w(() => ({}), []), Kt = w(() => ({}), []), Vt = w(() => [], []), Gt = w(() => [], []), Mt = w(() => [], []), jt = w(
     () => ({ pageIndex: 0, pageSize: (h == null ? void 0 : h.pageSize) ?? 10 }),
     [h]
-  ), s = mn({
+  ), d = bn({
     data: V,
-    columns: zt,
+    columns: Ut,
     state: {
       columnVisibility: P.columnVisibility,
-      columnOrder: P.columnOrder ?? Kt,
-      rowSelection: P.rowSelection ?? Bt,
-      expanded: P.expanded ?? Ut,
-      columnFilters: P.columnFilters ?? Ht,
-      sorting: P.sorting ?? Vt,
-      pagination: y ? P.pagination ?? Gt : void 0
+      columnOrder: P.columnOrder ?? Gt,
+      rowSelection: P.rowSelection ?? Ht,
+      expanded: P.expanded ?? Kt,
+      columnFilters: P.columnFilters ?? Vt,
+      sorting: P.sorting ?? Mt,
+      pagination: y ? P.pagination ?? jt : void 0
     },
-    enableRowSelection: Me,
-    enableMultiRowSelection: ke !== "single",
+    enableRowSelection: We,
+    enableMultiRowSelection: Te !== "single",
     enableColumnFilters: Ee,
-    autoResetPageIndex: St,
-    paginateExpandedRows: y && !X ? xt : !0,
-    manualPagination: X,
-    manualSorting: Ne,
-    manualFiltering: Oe,
+    autoResetPageIndex: Rt ?? !j,
+    paginateExpandedRows: y && !j ? Dt : !0,
+    manualPagination: j,
+    manualSorting: Oe,
+    manualFiltering: $e,
     // `pageCount` only matters in manual mode; TanStack ignores it otherwise.
-    pageCount: X && Xe !== void 0 ? Xe : void 0,
-    rowCount: X && me !== void 0 ? me : void 0,
-    getRowCanExpand: W ? je ?? (() => !0) : je,
-    getSubRows: We,
-    getRowId: Ct,
-    onColumnVisibilityChange: yt,
-    onColumnOrderChange: Tt,
-    onRowSelectionChange: It,
-    onExpandedChange: kt,
-    onColumnFiltersChange: Et,
-    onSortingChange: Nt,
-    onPaginationChange: y ? Ot : void 0,
-    filterFns: Ln,
-    getCoreRowModel: $t,
-    getFilteredRowModel: Lt,
-    getExpandedRowModel: At,
-    getSortedRowModel: Pt,
-    getPaginationRowModel: Ft
-  }), Mt = w(
-    () => ({ table: s, size: O, id: p, state: P }),
-    [s, O, p, P]
-  ), jt = N((e) => s.setPageIndex(e - 1), [s]), Wt = N((e) => s.setPageSize(e), [s]), Xt = s.getHeaderGroups().length > 1, fe = Te === "row" && ae, Yt = pe ?? (!!z || fe), qt = k(
+    pageCount: j && qe !== void 0 ? qe : void 0,
+    rowCount: j && me !== void 0 ? me : void 0,
+    getRowCanExpand: X ? Xe ?? (() => !0) : Xe,
+    getSubRows: Ye,
+    getRowId: St,
+    onColumnVisibilityChange: kt,
+    onColumnOrderChange: Ot,
+    onRowSelectionChange: Tt,
+    onExpandedChange: Et,
+    onColumnFiltersChange: Nt,
+    onSortingChange: $t,
+    onPaginationChange: y ? Lt : void 0,
+    filterFns: An,
+    getCoreRowModel: Pt,
+    getFilteredRowModel: At,
+    getExpandedRowModel: zt,
+    getSortedRowModel: Ft,
+    getPaginationRowModel: Bt
+  }), Wt = w(
+    () => ({ table: d, size: O, id: p, state: P }),
+    [d, O, p, P]
+  ), Ae = A(null), fe = N(() => {
+    Ae.current && (Ae.current.scrollTop = 0);
+  }, []), Xt = N(
+    (e) => {
+      d.setPageIndex(e - 1), fe();
+    },
+    [d, fe]
+  ), Yt = N(
+    (e) => {
+      d.setPageSize(e), fe();
+    },
+    [d, fe]
+  ), qt = d.getHeaderGroups().length > 1, be = Ne === "row" && ae, Jt = pe ?? (!!B || be), Qt = k(
     l["tedi-table"],
     l[`tedi-table--${O}`],
     {
-      [l["tedi-table--striped"]]: Ie,
+      [l["tedi-table--striped"]]: ke,
       [l["tedi-table--vertical-borders"]]: ge,
       [l["tedi-table--borderless"]]: $,
       [l["tedi-table--sticky-first-column"]]: g,
-      [l["tedi-table--sticky-header"]]: F,
-      [l["tedi-table--clickable-rows"]]: !!z || fe,
-      [l["tedi-table--row-hover"]]: Yt,
+      [l["tedi-table--sticky-header"]]: z,
+      [l["tedi-table--clickable-rows"]]: !!B || be,
+      [l["tedi-table--row-hover"]]: Jt,
       [l["tedi-table--has-pagination"]]: y,
-      [l["tedi-table--grouped-headers"]]: Xt
+      [l["tedi-table--grouped-headers"]]: qt
     },
     u
-  ), _ = s.getRowModel().rows, be = s.getHeaderGroups(), Ze = s.getFooterGroups(), et = s.getVisibleLeafColumns(), he = et.length, Jt = Ze.some(
+  ), _ = d.getRowModel().rows, he = d.getHeaderGroups(), tt = d.getFooterGroups(), nt = d.getVisibleLeafColumns(), we = nt.length, Zt = tt.some(
     (e) => e.headers.some((n) => n.column.columnDef.footer !== void 0)
-  ), tt = (e) => !!z || fe && e.getCanExpand(), nt = (e) => {
-    fe && e.getCanExpand() && e.toggleExpanded(), z == null || z(e);
-  }, Qt = (e) => (n) => {
-    tt(e) && n.target === n.currentTarget && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), nt(e));
-  }, ot = be.length + (Ee ? 1 : 0), lt = s.getState().pagination, Zt = y ? lt.pageIndex * lt.pageSize : 0, en = y ? me ?? s.getFilteredRowModel().rows.length : _.length, tn = y ? ot + en : void 0, [at, Pe] = K(null), [nn, we] = K(null), J = H(null), Q = H(null), [it, Ae] = K(null), [rt, _e] = K(null), Z = H(null), ee = H(null), [dt, Fe] = K(null), ve = H([]), [st, ze] = K(null), ie = H(-1), [on, B] = K(""), Ce = H(null), [ln, ct] = K(0), Be = w(
+  ), ot = (e) => !!B || be && e.getCanExpand(), lt = (e) => {
+    be && e.getCanExpand() && e.toggleExpanded(), B == null || B(e);
+  }, en = (e) => (n) => {
+    ot(e) && n.target === n.currentTarget && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), lt(e));
+  }, at = he.length + (Ee ? 1 : 0), it = d.getState().pagination, tn = y ? it.pageIndex * it.pageSize : 0, nn = y ? me ?? d.getFilteredRowModel().rows.length : _.length, on = y ? at + nn : void 0, [rt, Fe] = K(null), [ln, _e] = K(null), J = A(null), Q = A(null), [st, ze] = K(null), [dt, ve] = K(null), Z = A(null), ee = A(null), [ct, Be] = K(null), Ce = A([]), [ut, Ue] = K(null), ie = A(-1), [an, U] = K(""), xe = A(null), [rn, gt] = K(0), He = w(
     () => S ? new Map(_.map((e) => [e.id, e.index])) : /* @__PURE__ */ new Map(),
     [S, _]
   );
-  ft(() => {
+  ht(() => {
     if (!S && !Y) return;
     const e = () => {
       Q.current = null, ee.current = null;
@@ -443,7 +455,7 @@ function _t(R) {
       window.removeEventListener("mouseup", e), window.removeEventListener("touchend", e);
     };
   }, [S, Y]);
-  const an = N(
+  const sn = N(
     (e) => ({
       onHandlePointerDown: () => {
         Q.current = e;
@@ -466,38 +478,38 @@ function _t(R) {
           f.className = o.className, f.style.cssText = `width:${a.width}px;table-layout:fixed;border-collapse:collapse;`;
           const v = document.createElement("tbody"), C = t.cloneNode(!0);
           C.classList.add(l["tedi-table__row--drag-preview"]);
-          const d = Array.from(C.children);
+          const s = Array.from(C.children);
           r.forEach((te, I) => {
-            const U = d[I];
-            if (!U) return;
+            const H = s[I];
+            if (!H) return;
             const re = te.getBoundingClientRect();
-            U.style.width = `${re.width}px`, U.style.minWidth = `${re.width}px`, U.style.maxWidth = `${re.width}px`;
+            H.style.width = `${re.width}px`, H.style.minWidth = `${re.width}px`, H.style.maxWidth = `${re.width}px`;
           }), v.appendChild(C), f.appendChild(v), c.appendChild(f), document.body.appendChild(c), n.dataTransfer.setDragImage(c, 24, a.height / 2), window.setTimeout(() => c.remove(), 0);
         }
-        J.current = e, Pe(e);
+        J.current = e, Fe(e);
       },
       onDragOver: (n) => {
-        !J.current || J.current === e || (n.preventDefault(), n.dataTransfer.dropEffect = "move", we(e));
+        !J.current || J.current === e || (n.preventDefault(), n.dataTransfer.dropEffect = "move", _e(e));
       },
       onDragLeave: () => {
-        we((n) => n === e ? null : n);
+        _e((n) => n === e ? null : n);
       },
       onDragEnd: () => {
-        J.current = null, Q.current = null, Pe(null), we(null);
+        J.current = null, Q.current = null, Fe(null), _e(null);
       },
       onDrop: (n) => {
         n.preventDefault();
         const t = J.current, o = e;
-        if (J.current = null, Q.current = null, Pe(null), we(null), !t || t === o) return;
-        const a = Be.get(t), r = Be.get(o);
+        if (J.current = null, Q.current = null, Fe(null), _e(null), !t || t === o) return;
+        const a = He.get(t), r = He.get(o);
         a === void 0 || r === void 0 || L == null || L({ fromId: t, toId: o, fromIndex: a, toIndex: r });
       }
     }),
-    [Be, L]
-  ), ut = (e, n, t) => {
+    [He, L]
+  ), pt = (e, n, t) => {
     const o = e.slice(), [a] = o.splice(n, 1);
     return o.splice(t, 0, a), o;
-  }, rn = N(
+  }, dn = N(
     (e) => ({
       onHandlePointerDown: () => {
         ee.current = e;
@@ -519,63 +531,63 @@ function _t(R) {
         const f = document.createElement("thead"), v = document.createElement("tr");
         v.className = l["tedi-table__row"];
         const C = t.cloneNode(!0);
-        C.classList.add(l["tedi-table__header-cell--drag-preview"]), C.style.width = `${o.width}px`, v.appendChild(C), f.appendChild(v), r.appendChild(f), a.appendChild(r), document.body.appendChild(a), n.dataTransfer.setDragImage(a, o.width / 2, o.height / 2), window.setTimeout(() => a.remove(), 0), Z.current = e, Ae(e);
+        C.classList.add(l["tedi-table__header-cell--drag-preview"]), C.style.width = `${o.width}px`, v.appendChild(C), f.appendChild(v), r.appendChild(f), a.appendChild(r), document.body.appendChild(a), n.dataTransfer.setDragImage(a, o.width / 2, o.height / 2), window.setTimeout(() => a.remove(), 0), Z.current = e, ze(e);
       },
       onDragOver: (n) => {
-        !Z.current || Z.current === e || (n.preventDefault(), n.dataTransfer.dropEffect = "move", _e(e));
+        !Z.current || Z.current === e || (n.preventDefault(), n.dataTransfer.dropEffect = "move", ve(e));
       },
       onDragLeave: () => {
-        _e((n) => n === e ? null : n);
+        ve((n) => n === e ? null : n);
       },
       onDragEnd: () => {
-        Z.current = null, ee.current = null, Ae(null), _e(null);
+        Z.current = null, ee.current = null, ze(null), ve(null);
       },
       onDrop: (n) => {
         n.preventDefault();
         const t = Z.current, o = e;
-        if (Z.current = null, ee.current = null, Ae(null), _e(null), !t || t === o) return;
-        const a = s.getState().columnOrder, r = a.length > 0 ? a : s.getAllLeafColumns().map((v) => v.id), c = r.indexOf(t), f = r.indexOf(o);
-        c < 0 || f < 0 || s.setColumnOrder(ut(r, c, f));
+        if (Z.current = null, ee.current = null, ze(null), ve(null), !t || t === o) return;
+        const a = d.getState().columnOrder, r = a.length > 0 ? a : d.getAllLeafColumns().map((v) => v.id), c = r.indexOf(t), f = r.indexOf(o);
+        c < 0 || f < 0 || d.setColumnOrder(pt(r, c, f));
       }
     }),
-    [s]
-  ), dn = (e) => `${p}-col-reorder-${e}`, sn = (e) => `${p}-row-reorder-${e}`, gt = () => s.getVisibleLeafColumns().filter((e) => !e.parent && e.id !== Se && e.id !== Ve && e.id !== Ge).map((e) => e.id), Ue = (e) => {
-    const n = s.getColumn(e), t = n == null ? void 0 : n.columnDef.meta;
+    [d]
+  ), cn = (e) => `${p}-col-reorder-${e}`, un = (e) => `${p}-row-reorder-${e}`, mt = () => d.getVisibleLeafColumns().filter((e) => !e.parent && e.id !== De && e.id !== Me && e.id !== je).map((e) => e.id), Ke = (e) => {
+    const n = d.getColumn(e), t = n == null ? void 0 : n.columnDef.meta;
     return (t == null ? void 0 : t.label) ?? (typeof (n == null ? void 0 : n.columnDef.header) == "string" ? n.columnDef.header : e);
-  }, pt = (e, n) => {
-    const t = gt(), o = t.indexOf(n);
+  }, ft = (e, n) => {
+    const t = mt(), o = t.indexOf(n);
     if (o < 0) return;
     const a = o + e;
     if (a < 0 || a >= t.length) return;
-    const r = ut(t, o, a), c = s.getState().columnOrder.length > 0 ? [...s.getState().columnOrder] : s.getAllLeafColumns().map((d) => d.id), f = new Set(t);
+    const r = pt(t, o, a), c = d.getState().columnOrder.length > 0 ? [...d.getState().columnOrder] : d.getAllLeafColumns().map((s) => s.id), f = new Set(t);
     let v = 0;
-    const C = c.map((d) => f.has(d) ? r[v++] : d);
-    for (const d of r) C.includes(d) || C.push(d);
-    s.setColumnOrder(C), B(b("table.reorder.move", Ue(n), a + 1)), Ce.current = { kind: "column", id: n }, ct((d) => d + 1);
-  }, cn = (e, n) => {
+    const C = c.map((s) => f.has(s) ? r[v++] : s);
+    for (const s of r) C.includes(s) || C.push(s);
+    d.setColumnOrder(C), U(b("table.reorder.move", Ke(n), a + 1)), xe.current = { kind: "column", id: n }, gt((s) => s + 1);
+  }, gn = (e, n) => {
     if (!Y) return;
-    const t = dt;
+    const t = ct;
     switch (e.key) {
       case " ":
       case "Enter":
         if (e.preventDefault(), t === null)
-          ve.current = [...s.getState().columnOrder ?? []], Fe(n), B(b("table.reorder.pickup", Ue(n)));
+          Ce.current = [...d.getState().columnOrder ?? []], Be(n), U(b("table.reorder.pickup", Ke(n)));
         else {
-          const o = gt().indexOf(t) + 1;
-          Fe(null), ve.current = [], B(b("table.reorder.drop", Ue(t), o));
+          const o = mt().indexOf(t) + 1;
+          Be(null), Ce.current = [], U(b("table.reorder.drop", Ke(t), o));
         }
         break;
       case "Escape":
-        t !== null && (e.preventDefault(), s.setColumnOrder(ve.current), Fe(null), ve.current = [], B(b("table.reorder.cancel")));
+        t !== null && (e.preventDefault(), d.setColumnOrder(Ce.current), Be(null), Ce.current = [], U(b("table.reorder.cancel")));
         break;
       case "ArrowLeft":
-        t !== null && (e.preventDefault(), pt(-1, t));
+        t !== null && (e.preventDefault(), ft(-1, t));
         break;
       case "ArrowRight":
-        t !== null && (e.preventDefault(), pt(1, t));
+        t !== null && (e.preventDefault(), ft(1, t));
         break;
     }
-  }, mt = (e, n) => {
+  }, bt = (e, n) => {
     const t = _.findIndex((c) => c.original === n);
     if (t < 0) return;
     const o = t + e;
@@ -586,18 +598,18 @@ function _t(R) {
       toId: r.id,
       fromIndex: a.index,
       toIndex: r.index
-    }), B(b("table.row-reorder.move", o + 1)), Ce.current = { kind: "row", original: n }, ct((c) => c + 1);
-  }, un = (e, n) => {
+    }), U(b("table.row-reorder.move", o + 1)), xe.current = { kind: "row", original: n }, gt((c) => c + 1);
+  }, pn = (e, n) => {
     if (!S) return;
-    const t = st;
+    const t = ut;
     switch (e.key) {
       case " ":
       case "Enter":
         if (e.preventDefault(), t === null)
-          ze(n.original), ie.current = n.index, B(b("table.row-reorder.pickup", _.indexOf(n) + 1));
+          Ue(n.original), ie.current = n.index, U(b("table.row-reorder.pickup", _.indexOf(n) + 1));
         else {
           const o = _.findIndex((a) => a.original === t) + 1;
-          ze(null), ie.current = -1, B(b("table.row-reorder.drop", o));
+          Ue(null), ie.current = -1, U(b("table.row-reorder.drop", o));
         }
         break;
       case "Escape":
@@ -613,22 +625,22 @@ function _t(R) {
               toIndex: ie.current
             });
           }
-          ze(null), ie.current = -1, B(b("table.row-reorder.cancel"));
+          Ue(null), ie.current = -1, U(b("table.row-reorder.cancel"));
         }
         break;
       case "ArrowUp":
-        t !== null && (e.preventDefault(), mt(-1, t));
+        t !== null && (e.preventDefault(), bt(-1, t));
         break;
       case "ArrowDown":
-        t !== null && (e.preventDefault(), mt(1, t));
+        t !== null && (e.preventDefault(), bt(1, t));
         break;
     }
   };
-  return ft(() => {
+  return ht(() => {
     var t;
-    const e = Ce.current;
+    const e = xe.current;
     if (!e) return;
-    Ce.current = null;
+    xe.current = null;
     let n;
     if (e.kind === "column")
       n = `${p}-col-reorder-${e.id}`;
@@ -637,34 +649,35 @@ function _t(R) {
       n = o ? `${p}-row-reorder-${o.id}` : null;
     }
     n && ((t = document.getElementById(n)) == null || t.focus());
-  }, [ln, _, p]), /* @__PURE__ */ i(Cn.Provider, { value: Mt, children: /* @__PURE__ */ de("div", { className: qt, "data-name": "tedi-table", children: [
-    ye,
-    (S || Y) && /* @__PURE__ */ i("div", { className: l["tedi-table__sr-only"], "aria-live": "polite", "aria-atomic": "true", children: on }),
+  }, [rn, _, p]), /* @__PURE__ */ i(Sn.Provider, { value: Wt, children: /* @__PURE__ */ se("div", { className: Qt, "data-name": "tedi-table", children: [
+    Ie,
+    (S || Y) && /* @__PURE__ */ i("div", { className: l["tedi-table__sr-only"], "aria-live": "polite", "aria-atomic": "true", children: an }),
     /* @__PURE__ */ i(
       "div",
       {
+        ref: Ae,
         className: l["tedi-table__scroll"],
         style: le !== void 0 ? { maxHeight: le, overflowY: "auto" } : void 0,
-        children: /* @__PURE__ */ de(
+        children: /* @__PURE__ */ se(
           "table",
           {
-            id: E,
+            id: T,
             className: l["tedi-table__table"],
-            "aria-rowcount": tn,
-            "aria-colcount": he > 0 ? he : void 0,
+            "aria-rowcount": on,
+            "aria-colcount": we > 0 ? we : void 0,
             children: [
-              T && /* @__PURE__ */ i("caption", { className: l["tedi-table__caption"], children: T }),
-              /* @__PURE__ */ de("thead", { className: l["tedi-table__head"], children: [
-                be.map((e, n) => /* @__PURE__ */ i(
+              E && /* @__PURE__ */ i("caption", { className: l["tedi-table__caption"], children: E }),
+              /* @__PURE__ */ se("thead", { className: l["tedi-table__head"], children: [
+                he.map((e, n) => /* @__PURE__ */ i(
                   "tr",
                   {
                     className: l["tedi-table__row"],
                     "aria-rowindex": y ? n + 1 : void 0,
                     children: e.headers.map((t) => {
-                      const o = t.subHeaders.length > 0, a = !!t.column.parent, r = Pn(t.column.columnDef), c = !r && !a;
+                      const o = t.subHeaders.length > 0, a = !!t.column.parent, r = Fn(t.column.columnDef), c = !r && !a;
                       if (t.isPlaceholder && !c || !t.isPlaceholder && c && n > 0)
                         return null;
-                      const f = c ? be.length - n : 1, v = t.column.getIsSorted(), C = t.column.getCanSort() ? v === "asc" ? "ascending" : v === "desc" ? "descending" : "none" : void 0, d = t.column.columnDef.meta, te = (d == null ? void 0 : d.label) ?? (typeof t.column.columnDef.header == "string" ? t.column.columnDef.header : void 0), I = j == null ? void 0 : j(t.column.id), U = t.column.getSize(), re = t.column.id === Se || t.column.id === Ve || t.column.id === Ge, ne = Y && c && !re, m = ne ? rn(t.column.id) : void 0, gn = ne && it === t.column.id, pn = ne && rt === t.column.id && it !== t.column.id, He = ne && dt === t.column.id;
+                      const f = c ? he.length - n : 1, v = t.column.getIsSorted(), C = t.column.getCanSort() ? v === "asc" ? "ascending" : v === "desc" ? "descending" : "none" : void 0, s = t.column.columnDef.meta, te = (s == null ? void 0 : s.label) ?? (typeof t.column.columnDef.header == "string" ? t.column.columnDef.header : void 0), I = W == null ? void 0 : W(t.column.id), H = t.column.getSize(), re = t.column.id === De || t.column.id === Me || t.column.id === je, ne = Y && c && !re, m = ne ? dn(t.column.id) : void 0, mn = ne && st === t.column.id, fn = ne && dt === t.column.id && st !== t.column.id, Ve = ne && ct === t.column.id;
                       return /* @__PURE__ */ i(
                         "th",
                         {
@@ -680,39 +693,39 @@ function _t(R) {
                             l["tedi-table__header-cell"],
                             {
                               [l["tedi-table__header-cell--group"]]: o,
-                              [l["tedi-table__header-cell--dragging"]]: gn,
-                              [l["tedi-table__header-cell--drag-over"]]: pn,
-                              [l["tedi-table__header-cell--picked-up"]]: He,
-                              [l[`tedi-table__cell--align-${d == null ? void 0 : d.align}`]]: d == null ? void 0 : d.align,
-                              [l[`tedi-table__cell--valign-${d == null ? void 0 : d.vAlign}`]]: d == null ? void 0 : d.vAlign
+                              [l["tedi-table__header-cell--dragging"]]: mn,
+                              [l["tedi-table__header-cell--drag-over"]]: fn,
+                              [l["tedi-table__header-cell--picked-up"]]: Ve,
+                              [l[`tedi-table__cell--align-${s == null ? void 0 : s.align}`]]: s == null ? void 0 : s.align,
+                              [l[`tedi-table__cell--valign-${s == null ? void 0 : s.vAlign}`]]: s == null ? void 0 : s.vAlign
                             },
                             I == null ? void 0 : I.className
                           ),
                           scope: "col",
                           "aria-sort": C,
                           "aria-label": te ?? (r ? void 0 : t.column.id),
-                          style: U || I != null && I.style ? { ...U ? { width: U } : null, ...I == null ? void 0 : I.style } : void 0,
-                          children: ne && m ? /* @__PURE__ */ de("span", { className: l["tedi-table__header-cell-inner"], children: [
+                          style: H || I != null && I.style ? { ...H ? { width: H } : null, ...I == null ? void 0 : I.style } : void 0,
+                          children: ne && m ? /* @__PURE__ */ se("span", { className: l["tedi-table__header-cell-inner"], children: [
                             /* @__PURE__ */ i(
                               "button",
                               {
                                 type: "button",
-                                id: dn(t.column.id),
+                                id: cn(t.column.id),
                                 className: k(l["tedi-table__drag-handle"], {
-                                  [l["tedi-table__drag-handle--picked-up"]]: He
+                                  [l["tedi-table__drag-handle--picked-up"]]: Ve
                                 }),
                                 "aria-label": b("table.drag-column", te ?? t.column.id),
-                                "aria-pressed": He,
-                                onClick: (Ke) => Ke.stopPropagation(),
+                                "aria-pressed": Ve,
+                                onClick: (Ge) => Ge.stopPropagation(),
                                 onMouseDown: m.onHandlePointerDown,
                                 onTouchStart: m.onHandlePointerDown,
-                                onKeyDown: (Ke) => cn(Ke, t.column.id),
-                                [wt]: "",
-                                children: /* @__PURE__ */ i(ht, { name: "drag_indicator", size: 18, color: "inherit" })
+                                onKeyDown: (Ge) => gn(Ge, t.column.id),
+                                [vt]: "",
+                                children: /* @__PURE__ */ i(_t, { name: "drag_indicator", size: 18, color: "inherit" })
                               }
                             ),
-                            xe(t.column.columnDef.header, t.getContext())
-                          ] }) : xe(t.column.columnDef.header, t.getContext())
+                            Se(t.column.columnDef.header, t.getContext())
+                          ] }) : Se(t.column.columnDef.header, t.getContext())
                         },
                         t.id
                       );
@@ -724,9 +737,9 @@ function _t(R) {
                   "tr",
                   {
                     className: k(l["tedi-table__row"], l["tedi-table__row--filter"]),
-                    "aria-rowindex": y ? be.length + 1 : void 0,
-                    children: et.map((e) => {
-                      const n = e.columnDef.meta, t = (n == null ? void 0 : n.label) ?? (typeof e.columnDef.header == "string" ? e.columnDef.header : e.id), o = `${p}-filter-${e.id}`, a = j == null ? void 0 : j(e.id);
+                    "aria-rowindex": y ? he.length + 1 : void 0,
+                    children: nt.map((e) => {
+                      const n = e.columnDef.meta, t = (n == null ? void 0 : n.label) ?? (typeof e.columnDef.header == "string" ? e.columnDef.header : e.id), o = `${p}-filter-${e.id}`, a = W == null ? void 0 : W(e.id);
                       return /* @__PURE__ */ i(
                         "th",
                         {
@@ -734,7 +747,7 @@ function _t(R) {
                           style: a == null ? void 0 : a.style,
                           scope: "col",
                           children: e.getCanFilter() && /* @__PURE__ */ i(
-                            _n,
+                            Cn,
                             {
                               size: "small",
                               placeholder: b("table.filter-placeholder"),
@@ -757,57 +770,57 @@ function _t(R) {
               /* @__PURE__ */ i("tbody", { className: l["tedi-table__body"], children: _.length === 0 ? /* @__PURE__ */ i("tr", { className: l["tedi-table__row"], children: /* @__PURE__ */ i(
                 "td",
                 {
-                  colSpan: Math.max(1, he),
+                  colSpan: Math.max(1, we),
                   className: k(l["tedi-table__cell"], l["tedi-table__cell--placeholder"]),
-                  children: ue ? /* @__PURE__ */ i("div", { role: ue, children: Je }) : Je
+                  children: ue ? /* @__PURE__ */ i("div", { role: ue, children: Ze }) : Ze
                 }
               ) }) : _.map((e, n) => {
-                const t = tt(e), o = G !== void 0 && e.id === G, a = Le == null ? void 0 : Le(e), r = k(
+                const t = ot(e), o = G !== void 0 && e.id === G, a = Pe == null ? void 0 : Pe(e), r = k(
                   l["tedi-table__row"],
                   {
-                    [l["tedi-table__row--selected"]]: vt && e.getIsSelected(),
+                    [l["tedi-table__row--selected"]]: xt && e.getIsSelected(),
                     [l["tedi-table__row--active"]]: o,
                     [l["tedi-table__row--clickable"]]: t,
                     [l["tedi-table__row--sub-row"]]: e.depth > 0
                   },
                   a == null ? void 0 : a.className
-                ), c = y ? ot + Zt + n + 1 : void 0, f = `${p}-sub-${e.id}`, v = S && at === e.id, C = S && nn === e.id && at !== e.id, d = S && st === e.original, te = {
+                ), c = y ? at + tn + n + 1 : void 0, f = `${p}-sub-${e.id}`, v = S && rt === e.id, C = S && ln === e.id && rt !== e.id, s = S && ut === e.original, te = {
                   row: e,
                   rowClassName: k(r, {
                     [l["tedi-table__row--dragging"]]: v,
                     [l["tedi-table__row--drag-over"]]: C,
-                    [l["tedi-table__row--picked-up"]]: d
+                    [l["tedi-table__row--picked-up"]]: s
                   }),
                   rowStyle: a == null ? void 0 : a.style,
                   isActiveRow: o,
                   clickable: t,
-                  onClick: nt,
-                  onKeyDownHandler: Qt(e),
+                  onClick: lt,
+                  onKeyDownHandler: en(e),
                   ariaRowIndex: c,
-                  columnProps: j,
+                  columnProps: W,
                   draggable: S,
                   dragHandleLabel: b("table.drag-row"),
-                  dragHandlers: S ? { ...an(e.id), onKeyDown: (I) => un(I, e) } : void 0,
-                  dragHandleId: S ? sn(e.id) : void 0,
-                  dragHandlePickedUp: d,
-                  dragOverColumnId: Y ? rt : null
+                  dragHandlers: S ? { ...sn(e.id), onKeyDown: (I) => pn(I, e) } : void 0,
+                  dragHandleId: S ? un(e.id) : void 0,
+                  dragHandlePickedUp: s,
+                  dragOverColumnId: Y ? dt : null
                 };
-                return /* @__PURE__ */ de(bn, { children: [
-                  /* @__PURE__ */ i($n, { ...te }),
-                  W && e.getIsExpanded() && /* @__PURE__ */ i("tr", { className: k(l["tedi-table__row"], l["tedi-table__row--sub-component"]), children: /* @__PURE__ */ i(
+                return /* @__PURE__ */ se(wn, { children: [
+                  /* @__PURE__ */ i(Pn, { ...te }),
+                  X && e.getIsExpanded() && /* @__PURE__ */ i("tr", { className: k(l["tedi-table__row"], l["tedi-table__row--sub-component"]), children: /* @__PURE__ */ i(
                     "td",
                     {
                       id: f,
                       role: "region",
                       "aria-label": b("table.row-details"),
-                      colSpan: Math.max(1, he),
+                      colSpan: Math.max(1, we),
                       className: k(l["tedi-table__cell"], l["tedi-table__cell--sub-component"]),
-                      children: W(e)
+                      children: X(e)
                     }
                   ) })
                 ] }, e.id);
               }) }),
-              Jt && /* @__PURE__ */ i("tfoot", { className: l["tedi-table__foot"], children: Ze.map((e) => /* @__PURE__ */ i("tr", { className: l["tedi-table__row"], children: e.headers.map((n) => {
+              Zt && /* @__PURE__ */ i("tfoot", { className: l["tedi-table__foot"], children: tt.map((e) => /* @__PURE__ */ i("tr", { className: l["tedi-table__row"], children: e.headers.map((n) => {
                 const t = n.column.columnDef.meta;
                 return /* @__PURE__ */ i(
                   "td",
@@ -817,7 +830,7 @@ function _t(R) {
                       [l[`tedi-table__cell--align-${t == null ? void 0 : t.align}`]]: t == null ? void 0 : t.align,
                       [l[`tedi-table__cell--valign-${t == null ? void 0 : t.vAlign}`]]: t == null ? void 0 : t.vAlign
                     }),
-                    children: n.isPlaceholder ? null : xe(n.column.columnDef.footer, n.getContext())
+                    children: n.isPlaceholder ? null : Se(n.column.columnDef.footer, n.getContext())
                   },
                   n.id
                 );
@@ -828,27 +841,27 @@ function _t(R) {
       }
     ),
     y && /* @__PURE__ */ i("div", { className: l["tedi-table__pagination"], children: /* @__PURE__ */ i(
-      Nn,
+      $n,
       {
         ...h == null ? void 0 : h.paginationProps,
-        pageCount: Math.max(1, s.getPageCount()),
-        page: s.getState().pagination.pageIndex + 1,
-        onPageChange: jt,
-        totalItems: me ?? s.getFilteredRowModel().rows.length,
-        pageSize: s.getState().pagination.pageSize,
-        pageSizeOptions: Rt,
-        onPageSizeChange: Wt
+        pageCount: Math.max(1, d.getPageCount()),
+        page: d.getState().pagination.pageIndex + 1,
+        onPageChange: Xt,
+        totalItems: me ?? d.getFilteredRowModel().rows.length,
+        pageSize: d.getState().pagination.pageSize,
+        pageSizeOptions: It,
+        onPageSizeChange: Yt
       }
     ) })
   ] }) });
 }
-_t.displayName = "Table";
-const to = Object.assign(_t, {
-  Toolbar: Sn,
-  ColumnsMenu: vn,
-  HeaderButton: xn
+Ct.displayName = "Table";
+const oo = Object.assign(Ct, {
+  Toolbar: Rn,
+  ColumnsMenu: xn,
+  HeaderButton: Dn
 });
 export {
-  to as Table,
-  eo as groupRowSpan
+  oo as Table,
+  no as groupRowSpan
 };