@tedi-design-system/react 19.0.0 → 19.0.1-rc.2

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

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