@tedi-design-system/react 19.0.0-rc.4 → 19.0.0-rc.5

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

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