@new-black/lyra 1.0.34 → 1.0.35

package/dist/lyra68.js

@@ -1,11 +1,11 @@
 import { j as i } from "./lyra93.js";
-import { memo as Pe, useId as Ae, useState as V, useEffect as _, useCallback as Q, useMemo as de, Fragment as We } from "react";
-import { Table as He, TableHeader as Ve, TableBody as _e, Provider as ke, TextContext as Ue, Column as oe, Row as le, Cell as Be } from "./lyra92.js";
-import { useReactTable as Le, flexRender as R } from "./lyra506.js";
+import { memo as He, useId as We, useState as k, useEffect as V, useCallback as Y, useMemo as me, Fragment as ke } from "react";
+import { Table as Ve, TableHeader as _e, TableBody as Ue, Provider as Be, TextContext as Le, Column as Me, Row as ce, Cell as Xe } from "./lyra92.js";
+import { useReactTable as qe, flexRender as o } from "./lyra472.js";
 import { clsx as w } from "./lyra453.js";
-import { fixedForwardRef as Xe } from "./lyra96.js";
-import { useDictionary as ae } from "./lyra98.js";
-import { Checkbox as me, RadioCheckbox as qe } from "./lyra21.js";
+import { fixedForwardRef as Ge } from "./lyra96.js";
+import { useDictionary as fe } from "./lyra98.js";
+import { Checkbox as ne, RadioCheckbox as Je } from "./lyra21.js";
 import "./lyra22.js";
 import "./lyra23.js";
 import "./lyra24.js";
@@ -16,9 +16,9 @@ import "./lyra28.js";
 import "./lyra29.js";
 import { SvgIcon as F } from "./lyra66.js";
 import "./lyra81.js";
-import "./lyra457.js";
+import "./lyra461.js";
 import "./lyra40.js";
-import { Text as Ge } from "./lyra74.js";
+import { Text as Qe } from "./lyra74.js";
 import "./lyra75.js";
 import "./lyra44.js";
 import "./lyra31.js";
@@ -61,8 +61,8 @@ import "./lyra61.js";
 import "./lyra62.js";
 import "./lyra63.js";
 import "./lyra65.js";
-import { columnStyling as Je, rowStyles as ne, cellStyles as Me } from "./lyra69.js";
-import { DisclosureButton as Qe } from "./lyra70.js";
+import { columnStyling as Ye, rowStyles as ae, cellStyles as Ze } from "./lyra69.js";
+import { DisclosureButton as Ne } from "./lyra70.js";
 import "./lyra71.js";
 import "./lyra72.js";
 import "./lyra73.js";
@@ -74,105 +74,106 @@ import "./lyra82.js";
 import "./lyra101.js";
 import "./lyra89.js";
 import "./lyra90.js";
-import "./lyra458.js";
 import "./lyra459.js";
 import "./lyra460.js";
-import "./lyra461.js";
+import "./lyra462.js";
+import "./lyra463.js";
 import "react-dom";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
 import "./lyra45.js";
 import "./lyra46.js";
-import { TablePagination as Ye } from "./lyra507.js";
-import { TableReorganizeColumns as Ze } from "./lyra508.js";
-import { getCoreRowModel as Ne, getExpandedRowModel as Se, getPaginationRowModel as Ke, noop as re } from "./lyra509.js";
-const z = 10, Re = 0, Y = "-footer", Fe = ({
-  autoResetExpanded: n,
-  autoResetPageIndex: u,
-  childrenDepthCutoff: c = 5,
+import { TablePagination as Se } from "./lyra473.js";
+import { TableReorganizeColumns as Ke } from "./lyra474.js";
+import { getCoreRowModel as Re, getExpandedRowModel as oe, getPaginationRowModel as Fe, noop as ue } from "./lyra475.js";
+const z = 10, ze = 0, Z = "-footer", we = ({
+  autoResetExpanded: c,
+  autoResetPageIndex: s,
+  childrenDepthCutoff: n = 5,
   columns: h,
   data: d,
   disallowEmptySelection: A = !1,
-  expandedRowsState: v,
-  getNestedDataForRow: s,
+  expandedRowsState: j,
+  getNestedDataForRow: x,
   getRowId: $,
-  hideSelectAll: k,
-  isLoading: W,
-  isRowNested: H,
+  hideSelectAll: _,
+  isLoading: H,
+  isRowNested: W,
   isRowSelectable: D,
   limit: U = z,
   onExpand: I,
-  onNext: fe,
-  onPrevious: pe,
-  onRowPress: o,
-  onRowSelectionChange: T,
-  onSortingChange: ue,
-  options: x,
+  onNext: pe,
+  onPrevious: se,
+  onRowPress: B,
+  onRowSelectionChange: y,
+  onSortingChange: xe,
+  options: a,
   reorganizeColumns: l,
-  rowFooter: y,
-  rowFooterClassNames: B,
-  rowFooterColSpan: L,
+  rowFooter: T,
+  rowFooterClassNames: L,
+  rowFooterColSpan: M,
   selectedRowIds: g,
-  selectionMode: f = "none",
+  selectionMode: u = "none",
   setLimit: X,
   setStart: q,
-  showNext: se,
-  showPrevious: xe,
+  showNext: he,
+  showPrevious: ge,
   sortingState: O,
-  start: he = Re,
+  start: be = ze,
   total: E,
-  ...ge
-}, be) => {
-  const Z = Ae(), N = ae(), [je, ve] = V(Date.now()), [a, $e] = V({
-    pageIndex: Math.floor(he / (U || z)) ?? 0,
+  ...ve
+}, je) => {
+  var de, le;
+  const N = We(), S = fe(), [$e, ye] = k(Date.now()), [r, Te] = k({
+    pageIndex: Math.floor(be / (U || z)) ?? 0,
     pageSize: U || z
   });
-  _(() => {
-    ve(Date.now());
-  }, [d]), _(() => {
-    q == null || q(a.pageIndex * a.pageSize), a.pageSize !== U && (X == null || X(a.pageSize));
-  }, [U, a.pageIndex, a.pageSize, X, q]);
-  const te = Q(
+  V(() => {
+    ye(Date.now());
+  }, [d]), V(() => {
+    q == null || q(r.pageIndex * r.pageSize), r.pageSize !== U && (X == null || X(r.pageSize));
+  }, [U, r.pageIndex, r.pageSize, X, q]);
+  const te = Y(
     (e) => D ? D(e) : !0,
     [D]
-  ), Te = Q(
-    (e) => H ? H(e) : !s || e.depth > c ? !1 : (s(e.original, e.index) ?? []).length > 0,
-    [c, s, H]
-  ), ye = de(() => {
+  ), De = Y(
+    (e) => W ? W(e) : !x || e.depth > n ? !1 : (x(e.original, e.index) ?? []).length > 0,
+    [n, x, W]
+  ), Ie = me(() => {
     const e = h.filter((t) => l != null && l.columnOrder ? l.columnOrder.includes(t.id) : !0).map((t) => {
       const {
         align: m,
-        cellType: r = "default",
+        cellType: f = "default",
         isRowHeader: p,
-        maxWidth: j,
-        minWidth: K,
-        width: M,
-        ...Ee
+        maxWidth: v,
+        minWidth: R,
+        width: Q,
+        ...Ae
       } = t;
       return {
-        ...Ee,
+        ...Ae,
         enableSorting: t.enableSorting ?? !1,
         meta: {
           ...t.meta,
           align: m,
-          cellType: r,
+          cellType: f,
           isRowHeader: p,
-          minWidth: K,
-          maxWidth: j,
-          width: M
+          minWidth: R,
+          maxWidth: v,
+          width: Q
         }
       };
     });
-    return f && f !== "none" ? [
+    return u && u !== "none" ? [
       {
         id: "select",
         width: "1rem",
         cell: ({ row: t }) => /* @__PURE__ */ i.jsx("div", { className: "w-4 max-w-4", children: te(t) ? /* @__PURE__ */ i.jsxs("div", { children: [
-          f === "multiple" ? /* @__PURE__ */ i.jsx(me, { slot: "selection", "aria-label": "Select row" }) : null,
-          f === "single" ? /* @__PURE__ */ i.jsx(qe, { slot: "selection", "aria-label": N.selectValue(t.id) }) : null
-        ] }) : null }, `select-col-${Z}-${t.id}`),
-        header: f === "multiple" && !k ? /* @__PURE__ */ i.jsx("div", { className: "w-4 max-w-4", children: /* @__PURE__ */ i.jsx(me, { slot: "selection", "aria-label": N.selectAllRows }) }) : void 0,
+          u === "multiple" ? /* @__PURE__ */ i.jsx(ne, { slot: "selection", "aria-label": "Select row" }) : null,
+          u === "single" ? /* @__PURE__ */ i.jsx(Je, { slot: "selection", "aria-label": S.selectValue(t.id) }) : null
+        ] }) : null }, `select-col-${N}-${t.id}`),
+        header: u === "multiple" && !_ ? /* @__PURE__ */ i.jsx("div", { className: "w-4 max-w-4", children: /* @__PURE__ */ i.jsx(ne, { slot: "selection", "aria-label": S.selectAllRows }) }) : void 0,
         enableSorting: !1,
         enableHiding: !1,
         meta: { width: "1rem" }
@@ -181,388 +182,395 @@ const z = 10, Re = 0, Y = "-footer", Fe = ({
     ] : e;
   }, [
     h,
+    S,
+    _,
     N,
-    k,
-    Z,
     te,
     l == null ? void 0 : l.columnOrder,
-    f
-  ]), De = Q(
+    u
+  ]), Oe = Y(
     (e) => {
-      if (!y)
+      if (!T)
         return;
-      const t = y(e);
+      const t = T(e);
       if (!(t == null || !t))
         return t;
     },
-    [y]
-  ), [G, S] = V(v ?? {});
-  _(() => {
-    v && S(v);
-  }, [v]);
-  const [ie, J] = V(
+    [T]
+  ), [G, K] = k(j ?? {});
+  V(() => {
+    j && K(j);
+  }, [j]);
+  const [ie, J] = k(
     new Set(g != null && g.length ? g : [])
   );
-  _(() => {
+  V(() => {
     g && J(new Set(g != null && g.length ? g : []));
   }, [g]);
-  const b = Le({
+  const b = qe({
     data: d,
     getRowId: $,
-    columns: ye,
+    columns: Ie,
     rowCount: E || d.length,
     state: {
       sorting: O,
       columnOrder: l == null ? void 0 : l.columnOrder,
-      pagination: a,
+      pagination: r,
       expanded: G
     },
-    getCoreRowModel: Ne(),
-    getExpandedRowModel: Se(),
-    getPaginationRowModel: Ke(),
+    getCoreRowModel: Re(),
+    getExpandedRowModel: oe(),
+    getPaginationRowModel: Fe(),
     onColumnOrderChange: l == null ? void 0 : l.onChangeOrderOfColumns,
-    onSortingChange: ue,
+    onSortingChange: xe,
     enableHiding: !0,
     onPaginationChange: (e) => {
-      S({}), I == null || I({}), $e(e);
+      K({}), I == null || I({}), Te(e);
     },
     manualSorting: !0,
-    getRowCanExpand: Te,
+    getRowCanExpand: De,
     paginateExpandedRows: !1,
-    getSubRows: s,
+    getSubRows: x,
     onExpandedChange: (e) => {
       const t = typeof e == "function" ? e(G) : e;
-      S(t), I == null || I(t);
+      K(t), I == null || I(t);
     },
     enableExpanding: !0,
     manualPagination: d && E ? d.length !== E : !1,
-    autoResetPageIndex: u,
-    autoResetExpanded: n
-  }), Ie = de(
+    autoResetPageIndex: s,
+    autoResetExpanded: c
+  }), Ee = me(
     () => b.getFooterGroups().some((e) => e.headers.some((t) => !!t.column.columnDef.footer)),
     [b]
-  ), Oe = Q(
+  ), Pe = Y(
     (e) => {
       const t = E || d.length;
-      return t % a.pageSize !== 0 && a.pageIndex === Math.trunc(t / a.pageSize) && e.index % a.pageSize === t % a.pageSize - 1 ? !0 : e.index % a.pageSize === a.pageSize - 1;
+      return t % r.pageSize !== 0 && r.pageIndex === Math.trunc(t / r.pageSize) && e.index % r.pageSize === t % r.pageSize - 1 ? !0 : e.index % r.pageSize === r.pageSize - 1;
     },
-    [d.length, a.pageIndex, a.pageSize, E]
+    [d.length, r.pageIndex, r.pageSize, E]
   );
   return /* @__PURE__ */ i.jsxs("div", { className: "relative flex flex-col", children: [
-    /* @__PURE__ */ i.jsxs("div", { className: "relative flex flex-col overflow-x-auto", children: [
-      l != null && l.active ? /* @__PURE__ */ i.jsx("div", { className: "absolute z-20 h-full w-full rounded bg-overlay-white", children: /* @__PURE__ */ i.jsx(Ze, { ...l, allColumns: h }) }) : null,
-      /* @__PURE__ */ i.jsxs(
-        He,
-        {
-          ref: be,
-          selectedKeys: ie,
-          "aria-label": ge["aria-label"],
-          selectionMode: f ?? "none",
-          disallowEmptySelection: A,
-          selectionBehavior: f === "multiple" ? "toggle" : "replace",
-          onSelectionChange: (e) => {
-            if (f === "none")
-              return;
-            const t = new Set(
-              d.map((m, r) => $ ? $(m, r) : `${r}`)
-            );
-            if (f === "single" && e !== "all" && (A ? e.size === 1 : e.size <= 1) && // ignore footer rows in single selection mode to avoid clearing selection unintentionally
-            !Array.from(e).some((m) => ee(m)) && (J(P(e)), T == null || T(Array.from(P(e)).map(String))), f === "multiple") {
-              const m = new Set(
-                Array.from(ie).map(String).filter((p) => !t.has(p))
-              );
-              if (e === "all") {
-                const p = new Set(
-                  d.map((K, M) => $ ? $(K, M) : `${M}`)
-                ), j = /* @__PURE__ */ new Set([...m, ...p]);
-                J(P(j)), T == null || T(Array.from(P(j)).map(String));
-                return;
-              }
-              const r = /* @__PURE__ */ new Set([...m, ...e]);
-              J(P(r)), T == null || T(Array.from(P(r)).map(String));
-            }
-          },
-          sortDescriptor: O != null && O.length ? {
-            column: O[0].id,
-            direction: O[0].desc ? "descending" : "ascending"
-          } : void 0,
-          onSortChange: (e) => {
-            W || b.setSorting([
-              {
-                id: "" + e.column,
-                desc: e.direction === "descending"
-              }
-            ]);
-          },
-          onRowAction: o ? (e) => {
-            if (!ee(e) && o) {
-              const t = b.getRow(e);
-              t && !W && o(t.original, t);
-            }
-          } : void 0,
-          className: "relative w-full caption-top text-base",
-          children: [
-            /* @__PURE__ */ i.jsx(
-              Ve,
-              {
-                columns: b.getFlatHeaders(),
-                dependencies: [
-                  d,
-                  G,
-                  y,
-                  L,
-                  B,
-                  v,
-                  l == null ? void 0 : l.columnOrder
-                ],
-                children: (e) => {
-                  var t, m, r, p, j;
-                  return /* @__PURE__ */ i.jsx(
-                    we,
-                    {
-                      id: e.id,
-                      isRowHeader: ((t = e.column.columnDef.meta) == null ? void 0 : t.isRowHeader) ?? e.index === 0,
-                      allowsSorting: e.column.getCanSort(),
-                      width: (m = e.column.columnDef.meta) == null ? void 0 : m.width,
-                      minWidth: (r = e.column.columnDef.meta) == null ? void 0 : r.minWidth,
-                      maxWidth: (p = e.column.columnDef.meta) == null ? void 0 : p.maxWidth,
-                      align: (j = e.column.columnDef.meta) == null ? void 0 : j.align,
-                      backgroundColor: x == null ? void 0 : x.backgroundColor,
-                      children: e.isPlaceholder ? null : R(e.column.columnDef.header, e.getContext())
-                    },
-                    e.id
+    /* @__PURE__ */ i.jsxs(
+      "div",
+      {
+        className: "relative flex flex-col overflow-x-auto",
+        style: (de = a == null ? void 0 : a.stickyHeader) != null && de.enabled ? { maxHeight: (le = a == null ? void 0 : a.stickyHeader) == null ? void 0 : le.tableContentMaxHeight } : void 0,
+        children: [
+          l != null && l.active ? /* @__PURE__ */ i.jsx("div", { className: "absolute z-20 h-full w-full rounded bg-overlay-white", children: /* @__PURE__ */ i.jsx(Ke, { ...l, allColumns: h }) }) : null,
+          /* @__PURE__ */ i.jsxs(
+            Ve,
+            {
+              ref: je,
+              selectedKeys: ie,
+              "aria-label": ve["aria-label"],
+              selectionMode: u ?? "none",
+              disallowEmptySelection: A,
+              selectionBehavior: u === "multiple" ? "toggle" : "replace",
+              onSelectionChange: (e) => {
+                if (u === "none")
+                  return;
+                const t = new Set(
+                  d.map((m, f) => $ ? $(m, f) : `${f}`)
+                );
+                if (u === "single" && e !== "all" && (A ? e.size === 1 : e.size <= 1) && // ignore footer rows in single selection mode to avoid clearing selection unintentionally
+                !Array.from(e).some((m) => ee(m)) && (J(P(e)), y == null || y(Array.from(P(e)).map(String))), u === "multiple") {
+                  const m = new Set(
+                    Array.from(ie).map(String).filter((p) => !t.has(p))
                   );
+                  if (e === "all") {
+                    const p = new Set(
+                      d.map((R, Q) => $ ? $(R, Q) : `${Q}`)
+                    ), v = /* @__PURE__ */ new Set([...m, ...p]);
+                    J(P(v)), y == null || y(Array.from(P(v)).map(String));
+                    return;
+                  }
+                  const f = /* @__PURE__ */ new Set([...m, ...e]);
+                  J(P(f)), y == null || y(Array.from(P(f)).map(String));
                 }
-              }
-            ),
-            /* @__PURE__ */ i.jsx(
-              _e,
-              {
-                items: b.getRowModel().rows,
-                renderEmptyState: () => /* @__PURE__ */ i.jsx(et, { emptyMessage: x == null ? void 0 : x.emptyMessage }),
-                dependencies: [
-                  d,
-                  G,
-                  y,
-                  b.getState(),
-                  L,
-                  B,
-                  v,
-                  l == null ? void 0 : l.columnOrder
-                ],
-                children: (e) => /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                  /* @__PURE__ */ i.jsx(
-                    ce,
-                    {
-                      id: e.id,
-                      depth: e.depth,
-                      hasPressEvent: !!o,
-                      columns: e.getVisibleCells(),
-                      rowFooter: De(e),
-                      rowFooterClassNames: B,
-                      rowFooterColSpan: L ?? e.getVisibleCells().length,
-                      dependencies: [
-                        d,
-                        y,
-                        y == null ? void 0 : y(e),
-                        b.getState(),
-                        L,
-                        v,
-                        e.getIsExpanded(),
-                        B,
-                        e.getVisibleCells(),
-                        l == null ? void 0 : l.columnOrder
-                      ],
-                      children: (t) => {
-                        var m, r, p;
-                        return /* @__PURE__ */ i.jsx(
-                          C,
-                          {
-                            isFirstColumn: f && f !== "none" ? t.column.getIndex() === 1 : t.column.getIndex() === 0,
-                            textValue: t.getValue(),
-                            align: (m = t.column.columnDef.meta) == null ? void 0 : m.align,
-                            cellType: (r = t.column.columnDef.meta) == null ? void 0 : r.cellType,
-                            isNested: e.getCanExpand(),
-                            onExpand: e.getToggleExpandedHandler(),
-                            isExpanded: e.getIsExpanded(),
-                            level: e.depth,
-                            isTableNested: s !== void 0,
-                            style: (p = t.column.columnDef.meta) != null && p.width ? { width: t.column.columnDef.meta.width } : void 0,
-                            children: R(t.column.columnDef.cell, t.getContext())
-                          },
-                          t.id
-                        );
-                      }
-                    },
-                    e.id
-                  ),
-                  Oe(e) && Ie ? b.getFooterGroups().map((t) => /* @__PURE__ */ i.jsx(
-                    ce,
-                    {
-                      id: `${t.id}${Y}`,
-                      depth: e.depth,
-                      hasPressEvent: !1,
-                      columns: t.headers,
-                      children: (m) => {
-                        var r, p, j;
-                        return /* @__PURE__ */ i.jsx(
-                          C,
-                          {
-                            isFirstColumn: f && f !== "none" ? m.column.getIndex() === 1 : m.column.getIndex() === 0,
-                            align: (r = m.column.columnDef.meta) == null ? void 0 : r.align,
-                            cellType: (p = m.column.columnDef.meta) == null ? void 0 : p.cellType,
-                            isNested: !1,
-                            onExpand: re,
-                            isExpanded: e.getIsExpanded(),
-                            level: e.depth,
-                            isTableNested: s !== void 0,
-                            style: (j = m.column.columnDef.meta) != null && j.width ? { width: m.column.columnDef.meta.width } : void 0,
-                            children: R(m.column.columnDef.footer, m.getContext())
-                          },
-                          m.id
-                        );
-                      }
-                    },
-                    `${t.id}${Y}`
-                  )) : null
-                ] })
-              }
-            )
-          ]
-        },
-        `table-${Z}-${je}`
-      )
-    ] }),
-    /* @__PURE__ */ i.jsx(ke, { values: [[Ue, { slot: null }]], children: /* @__PURE__ */ i.jsx(
-      Ye,
+              },
+              sortDescriptor: O != null && O.length ? {
+                column: O[0].id,
+                direction: O[0].desc ? "descending" : "ascending"
+              } : void 0,
+              onSortChange: (e) => {
+                H || b.setSorting([
+                  {
+                    id: "" + e.column,
+                    desc: e.direction === "descending"
+                  }
+                ]);
+              },
+              onRowAction: B ? (e) => {
+                if (!ee(e) && B) {
+                  const t = b.getRow(e);
+                  t && !H && B(t.original, t);
+                }
+              } : void 0,
+              className: "relative w-full caption-top text-base",
+              children: [
+                /* @__PURE__ */ i.jsx(
+                  _e,
+                  {
+                    columns: b.getFlatHeaders(),
+                    dependencies: [
+                      d,
+                      G,
+                      T,
+                      M,
+                      L,
+                      j,
+                      l == null ? void 0 : l.columnOrder
+                    ],
+                    children: (e) => {
+                      var t, m, f, p, v;
+                      return /* @__PURE__ */ i.jsx(
+                        et,
+                        {
+                          id: e.id,
+                          isRowHeader: ((t = e.column.columnDef.meta) == null ? void 0 : t.isRowHeader) ?? e.index === 0,
+                          allowsSorting: e.column.getCanSort(),
+                          width: (m = e.column.columnDef.meta) == null ? void 0 : m.width,
+                          minWidth: (f = e.column.columnDef.meta) == null ? void 0 : f.minWidth,
+                          maxWidth: (p = e.column.columnDef.meta) == null ? void 0 : p.maxWidth,
+                          align: (v = e.column.columnDef.meta) == null ? void 0 : v.align,
+                          backgroundColor: a == null ? void 0 : a.backgroundColor,
+                          children: e.isPlaceholder ? null : o(e.column.columnDef.header, e.getContext())
+                        },
+                        e.id
+                      );
+                    }
+                  }
+                ),
+                /* @__PURE__ */ i.jsx(
+                  Ue,
+                  {
+                    items: b.getRowModel().rows,
+                    renderEmptyState: () => /* @__PURE__ */ i.jsx(it, { emptyMessage: a == null ? void 0 : a.emptyMessage }),
+                    dependencies: [
+                      d,
+                      G,
+                      T,
+                      b.getState(),
+                      M,
+                      L,
+                      j,
+                      l == null ? void 0 : l.columnOrder
+                    ],
+                    children: (e) => /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                      /* @__PURE__ */ i.jsx(
+                        re,
+                        {
+                          id: e.id,
+                          depth: e.depth,
+                          hasPressEvent: !!B,
+                          columns: e.getVisibleCells(),
+                          rowFooter: Oe(e),
+                          rowFooterClassNames: L,
+                          rowFooterColSpan: M ?? e.getVisibleCells().length,
+                          dependencies: [
+                            d,
+                            T,
+                            T == null ? void 0 : T(e),
+                            b.getState(),
+                            M,
+                            j,
+                            e.getIsExpanded(),
+                            L,
+                            e.getVisibleCells(),
+                            l == null ? void 0 : l.columnOrder
+                          ],
+                          children: (t) => {
+                            var m, f, p;
+                            return /* @__PURE__ */ i.jsx(
+                              C,
+                              {
+                                isFirstColumn: u && u !== "none" ? t.column.getIndex() === 1 : t.column.getIndex() === 0,
+                                textValue: t.getValue(),
+                                align: (m = t.column.columnDef.meta) == null ? void 0 : m.align,
+                                cellType: (f = t.column.columnDef.meta) == null ? void 0 : f.cellType,
+                                isNested: e.getCanExpand(),
+                                onExpand: e.getToggleExpandedHandler(),
+                                isExpanded: e.getIsExpanded(),
+                                level: e.depth,
+                                isTableNested: x !== void 0,
+                                style: (p = t.column.columnDef.meta) != null && p.width ? { width: t.column.columnDef.meta.width } : void 0,
+                                children: o(t.column.columnDef.cell, t.getContext())
+                              },
+                              t.id
+                            );
+                          }
+                        },
+                        e.id
+                      ),
+                      Pe(e) && Ee ? b.getFooterGroups().map((t) => /* @__PURE__ */ i.jsx(
+                        re,
+                        {
+                          id: `${t.id}${Z}`,
+                          depth: e.depth,
+                          hasPressEvent: !1,
+                          columns: t.headers,
+                          children: (m) => {
+                            var f, p, v;
+                            return /* @__PURE__ */ i.jsx(
+                              C,
+                              {
+                                isFirstColumn: u && u !== "none" ? m.column.getIndex() === 1 : m.column.getIndex() === 0,
+                                align: (f = m.column.columnDef.meta) == null ? void 0 : f.align,
+                                cellType: (p = m.column.columnDef.meta) == null ? void 0 : p.cellType,
+                                isNested: !1,
+                                onExpand: ue,
+                                isExpanded: e.getIsExpanded(),
+                                level: e.depth,
+                                isTableNested: x !== void 0,
+                                style: (v = m.column.columnDef.meta) != null && v.width ? { width: m.column.columnDef.meta.width } : void 0,
+                                children: o(m.column.columnDef.footer, m.getContext())
+                              },
+                              m.id
+                            );
+                          }
+                        },
+                        `${t.id}${Z}`
+                      )) : null
+                    ] })
+                  }
+                )
+              ]
+            },
+            `table-${N}-${$e}`
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ i.jsx(Be, { values: [[Le, { slot: null }]], children: /* @__PURE__ */ i.jsx(
+      Se,
       {
         table: b,
-        hidePagination: x == null ? void 0 : x.hidePagination,
+        hidePagination: a == null ? void 0 : a.hidePagination,
         data: d,
-        showNext: se,
-        showPrevious: xe,
-        onNext: fe,
-        onPrevious: pe,
+        showNext: he,
+        showPrevious: ge,
+        onNext: pe,
+        onPrevious: se,
         total: E,
-        isLoading: W,
-        hideLimitSelect: x == null ? void 0 : x.hideLimitSelect
+        isLoading: H,
+        hideLimitSelect: a == null ? void 0 : a.hideLimitSelect
       }
     ) })
   ] });
-}, ze = Xe(Fe);
-ze.displayName = "Table";
-function we(n) {
-  const { column: u, inner: c } = Je();
+}, Ce = Ge(we);
+Ce.displayName = "Table";
+function et(c) {
+  const { column: s, inner: n } = Ye();
   return /* @__PURE__ */ i.jsx(
-    oe,
+    Me,
     {
-      ...n,
-      className: u({
-        backgroundColor: n.backgroundColor || "primary"
+      ...c,
+      className: s({
+        backgroundColor: c.backgroundColor || "primary"
       }),
       style: {
-        minWidth: n.minWidth,
-        maxWidth: n.maxWidth,
-        width: n.width
+        minWidth: c.minWidth,
+        maxWidth: c.maxWidth,
+        width: c.width
       },
-      children: ({ allowsSorting: h, sortDirection: d }) => /* @__PURE__ */ i.jsxs("div", { className: c({ align: n.align || "start" }), children: [
-        n.children,
+      children: ({ allowsSorting: h, sortDirection: d }) => /* @__PURE__ */ i.jsxs("div", { className: n({ align: c.align || "start" }), children: [
+        c.children,
         h && (d === "descending" ? /* @__PURE__ */ i.jsx(F, { name: "arrow-down", "aria-hidden": "true" }) : d === "ascending" ? /* @__PURE__ */ i.jsx(F, { name: "arrow-up", "aria-hidden": "true" }) : /* @__PURE__ */ i.jsx(F, { name: "arrow-down-up", "aria-hidden": "true" }))
       ] })
     }
   );
 }
-function ce({
-  depth: n,
-  rowFooter: u,
-  rowFooterClassNames: c,
+function re({
+  depth: c,
+  rowFooter: s,
+  rowFooterClassNames: n,
   rowFooterColSpan: h,
   ...d
 }) {
-  return /* @__PURE__ */ i.jsxs(We, { children: [
+  return /* @__PURE__ */ i.jsxs(ke, { children: [
     /* @__PURE__ */ i.jsx(
-      le,
+      ce,
       {
         ...d,
-        className: w(ne({ hasPressEvent: d.hasPressEvent }), d.className)
+        className: w(ae({ hasPressEvent: d.hasPressEvent }), d.className)
       }
     ),
-    u ? /* @__PURE__ */ i.jsx(
-      le,
+    s ? /* @__PURE__ */ i.jsx(
+      ce,
       {
-        id: `${d.id}${Y}`,
-        className: w(ne({ hasPressEvent: !1 }), c == null ? void 0 : c.row),
+        id: `${d.id}${Z}`,
+        className: w(ae({ hasPressEvent: !1 }), n == null ? void 0 : n.row),
         dependencies: [
           ...d.dependencies ?? [],
-          u,
+          s,
           h,
-          c == null ? void 0 : c.row,
-          c == null ? void 0 : c.cell
+          n == null ? void 0 : n.row,
+          n == null ? void 0 : n.cell
         ],
         children: /* @__PURE__ */ i.jsx(
           C,
           {
             isFirstColumn: !1,
             isNested: !1,
-            onExpand: re,
+            onExpand: ue,
             isExpanded: !1,
-            level: n,
+            level: c,
             isTableNested: !1,
             colSpan: h,
-            className: c == null ? void 0 : c.cell,
-            children: u
+            className: n == null ? void 0 : n.cell,
+            children: s
           }
         )
       }
     ) : null
   ] }, d.id);
 }
-function Ce({
-  colSpan: n,
-  isExpanded: u,
-  isFirstColumn: c,
+function tt({
+  colSpan: c,
+  isExpanded: s,
+  isFirstColumn: n,
   isNested: h,
   isTableNested: d,
   level: A,
-  onExpand: v,
-  ...s
+  onExpand: j,
+  ...x
 }) {
-  const [$, k] = V(null), { cell: W, inner: H } = Me({
-    align: s.align,
-    type: s.cellType
+  const [$, _] = k(null), { cell: H, inner: W } = Ze({
+    align: x.align,
+    type: x.cellType
   });
-  return _(() => {
-    n && $ && ($.colSpan = n);
-  }, [$, n]), /* @__PURE__ */ i.jsx(
-    Be,
+  return V(() => {
+    c && $ && ($.colSpan = c);
+  }, [$, c]), /* @__PURE__ */ i.jsx(
+    Xe,
     {
-      ...s,
-      className: w(W(), s.className),
+      ...x,
+      className: w(H(), x.className),
       ref: (D) => {
-        D && k(D);
+        D && _(D);
       },
       children: /* @__PURE__ */ i.jsxs(
         "div",
         {
           style: {
-            paddingInlineStart: c && A ? `${A * 2}rem` : void 0
+            paddingInlineStart: n && A ? `${A * 2}rem` : void 0
           },
-          className: H({
+          className: W({
             className: d ? "-my-1 items-start gap-2" : void 0
           }),
           children: [
-            d && c ? /* @__PURE__ */ i.jsx("div", { children: h ? /* @__PURE__ */ i.jsx(Qe, { isOpen: u ?? !1, toggleIsOpen: v }) : /* @__PURE__ */ i.jsx("div", { className: "h-6 w-6", children: " " }) }) : null,
-            s.children
+            d && n ? /* @__PURE__ */ i.jsx("div", { children: h ? /* @__PURE__ */ i.jsx(Ne, { isOpen: s ?? !1, toggleIsOpen: j }) : /* @__PURE__ */ i.jsx("div", { className: "h-6 w-6", children: " " }) }) : null,
+            x.children
           ]
         }
       )
     }
   );
 }
-const C = Pe(Ce), et = ({ emptyMessage: n }) => {
-  const u = ae();
-  return /* @__PURE__ */ i.jsx("div", { className: "flex w-full justify-start border-t border-default p-4", children: /* @__PURE__ */ i.jsx(Ge, { color: "tertiary", variant: "body-small", children: n ?? u.noResultsFound }) });
-}, ee = (n) => `${n}`.endsWith(Y), P = (n) => new Set(Array.from(n).filter((u) => !ee(u)));
+const C = He(tt), it = ({ emptyMessage: c }) => {
+  const s = fe();
+  return /* @__PURE__ */ i.jsx("div", { className: "flex w-full justify-start border-t border-default p-4", children: /* @__PURE__ */ i.jsx(Qe, { color: "tertiary", variant: "body-small", children: c ?? s.noResultsFound }) });
+}, ee = (c) => `${c}`.endsWith(Z), P = (c) => new Set(Array.from(c).filter((s) => !ee(s)));
 export {
-  ze as Table
+  Ce as Table
 };