@new-black/lyra 1.0.1 → 1.0.2

package/dist/lyra65.js

@@ -1,11 +1,11 @@
-import { j as t } from "./lyra87.js";
-import { memo as ce, useId as se, useState as F, useEffect as U, useMemo as pe, useCallback as fe, Fragment as ue } from "react";
-import { Table as oe, TableHeader as xe, TableBody as he, Provider as be, TextContext as ge, Column as je, Row as ve, Cell as $e } from "./lyra86.js";
-import { useReactTable as Te, flexRender as Z } from "./lyra467.js";
-import { clsx as R } from "./lyra447.js";
-import { fixedForwardRef as ye } from "./lyra90.js";
-import { useDictionary as C } from "./lyra92.js";
-import { Checkbox as w, RadioCheckbox as De } from "./lyra21.js";
+import { j as l } from "./lyra87.js";
+import { memo as ue, useId as xe, useState as q, useEffect as G, useMemo as se, useCallback as he, Fragment as be } from "react";
+import { Table as ge, TableHeader as je, TableBody as ve, Provider as $e, TextContext as Te, Column as ye, Row as z, Cell as De } from "./lyra86.js";
+import { useReactTable as Oe, flexRender as w } from "./lyra466.js";
+import { clsx as K } from "./lyra447.js";
+import { fixedForwardRef as Ie } from "./lyra90.js";
+import { useDictionary as te } from "./lyra92.js";
+import { Checkbox as C, RadioCheckbox as Pe } from "./lyra21.js";
 import "./lyra22.js";
 import "./lyra23.js";
 import "./lyra24.js";
@@ -14,9 +14,9 @@ import "./lyra26.js";
 import "./lyra27.js";
 import "./lyra28.js";
 import "./lyra29.js";
-import { SvgIcon as M } from "./lyra63.js";
+import { SvgIcon as N } from "./lyra63.js";
 import "./lyra78.js";
-import "./lyra452.js";
+import "./lyra449.js";
 import "./lyra40.js";
 import { Text as Ee } from "./lyra71.js";
 import "./lyra72.js";
@@ -59,8 +59,8 @@ import "./lyra58.js";
 import "./lyra59.js";
 import "./lyra60.js";
 import "./lyra62.js";
-import { columnStyling as Pe, rowStyles as Ie, cellStyles as Ne } from "./lyra66.js";
-import { DisclosureButton as Oe } from "./lyra67.js";
+import { columnStyling as We, rowStyles as ee, cellStyles as Ae } from "./lyra66.js";
+import { DisclosureButton as He } from "./lyra67.js";
 import "./lyra68.js";
 import "./lyra69.js";
 import "./lyra70.js";
@@ -72,90 +72,92 @@ import "./lyra79.js";
 import "./lyra95.js";
 import "./lyra450.js";
 import "./lyra451.js";
+import "./lyra452.js";
 import "./lyra453.js";
-import "./lyra454.js";
 import "react-dom";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
 import "./lyra45.js";
-import { TablePagination as We } from "./lyra468.js";
-import { TableReorganizeColumns as Ae } from "./lyra469.js";
-import { getCoreRowModel as He, getExpandedRowModel as ke, getPaginationRowModel as Ve, noop as _e } from "./lyra470.js";
-const q = 10, Be = 0, Fe = ({
-  columns: m,
-  data: a,
-  getNestedDataForRow: b,
-  expandedRowsState: u,
-  isLoading: o,
-  isRowNested: A = (v) => !b || v.depth > 5 ? !1 : (b(v.original, v.index) ?? []).length > 0,
-  limit: s = q,
-  onExpand: g,
-  onNext: H,
-  onPrevious: S,
-  onRowPress: k,
-  onSortingChange: z,
-  options: x,
-  reorganizeColumns: i,
-  setLimit: E,
-  setStart: P,
-  showNext: ee,
-  showPrevious: te,
-  sortingState: $,
-  start: re = Be,
-  total: I,
-  selectionMode: d = "none",
-  selectedRowIds: p,
-  onRowSelectionChange: h,
-  hideSelectAll: G,
-  getRowId: y,
-  isRowSelectable: J = () => !0,
-  allowEmptySelection: Q = !1,
-  rowFooter: V,
-  rowFooterClassNames: T,
-  ...le
-}, me) => {
-  const v = se(), N = C(), [j, ie] = F({
-    pageIndex: Math.floor(re / (s || q)) ?? 0,
-    pageSize: s || q
+import { TablePagination as Ve } from "./lyra467.js";
+import { TableReorganizeColumns as ke } from "./lyra468.js";
+import { getCoreRowModel as _e, getExpandedRowModel as Be, getPaginationRowModel as Ue, noop as Me } from "./lyra469.js";
+const L = 10, qe = 0, Ge = ({
+  columns: c,
+  data: i,
+  childrenDepthCutoff: n = 5,
+  getNestedDataForRow: p,
+  expandedRowsState: m,
+  isLoading: D,
+  isRowNested: J = ($) => !p || $.depth > n ? !1 : (p($.original, $.index) ?? []).length > 0,
+  limit: x = L,
+  onExpand: s,
+  onNext: Q,
+  onPrevious: X,
+  onRowPress: O,
+  onSortingChange: E,
+  options: b,
+  reorganizeColumns: d,
+  setLimit: W,
+  setStart: A,
+  showNext: de,
+  showPrevious: ie,
+  sortingState: I,
+  start: me = qe,
+  total: H,
+  selectionMode: r = "none",
+  selectedRowIds: h,
+  onRowSelectionChange: g,
+  hideSelectAll: R,
+  getRowId: P,
+  isRowSelectable: S = () => !0,
+  disallowEmptySelection: o = !1,
+  rowFooter: j,
+  rowFooterClassNames: V,
+  rowFooterColSpan: k,
+  ...ce
+}, ne) => {
+  const $ = xe(), _ = te(), [v, re] = q({
+    pageIndex: Math.floor(me / (x || L)) ?? 0,
+    pageSize: x || L
   });
-  U(() => {
-    P == null || P(j.pageIndex * j.pageSize), j.pageSize !== s && (E == null || E(j.pageSize));
-  }, [s, j.pageIndex, j.pageSize, E, P]);
-  const ae = pe(() => {
-    const e = m.filter((r) => i != null && i.columnOrder ? i.columnOrder.includes(r.id) : !0).map((r) => {
+  G(() => {
+    A == null || A(v.pageIndex * v.pageSize), v.pageSize !== x && (W == null || W(v.pageSize));
+  }, [x, v.pageIndex, v.pageSize, W, A]);
+  const ae = se(() => {
+    const e = c.filter((t) => d != null && d.columnOrder ? d.columnOrder.includes(t.id) : !0).map((t) => {
       const {
-        align: l,
-        cellType: n = "default",
-        isRowHeader: c,
-        maxWidth: f,
-        minWidth: B,
-        width: W,
-        ...ne
-      } = r;
+        align: f,
+        cellType: a = "default",
+        isRowHeader: u,
+        maxWidth: y,
+        minWidth: Z,
+        width: M,
+        ...pe
+      } = t;
       return {
-        ...ne,
-        enableSorting: r.enableSorting ?? !1,
+        ...pe,
+        enableSorting: t.enableSorting ?? !1,
         meta: {
-          ...r.meta,
-          align: l,
-          cellType: n,
-          isRowHeader: c,
-          minWidth: B,
-          maxWidth: f,
-          width: W
+          ...t.meta,
+          align: f,
+          cellType: a,
+          isRowHeader: u,
+          minWidth: Z,
+          maxWidth: y,
+          width: M
         }
       };
     });
-    return d && d !== "none" ? [
+    return r && r !== "none" ? [
       {
         id: "select",
         width: "1rem",
-        cell: ({ row: r }) => /* @__PURE__ */ t.jsx("div", { className: "w-4 max-w-4", children: J(r) ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          d === "multiple" ? /* @__PURE__ */ t.jsx(w, { slot: "selection", "aria-label": "Select row" }) : null,
-          d === "single" ? /* @__PURE__ */ t.jsx(De, { slot: "selection", "aria-label": N.selectValue(r.id) }) : null
-        ] }) : null }, `select-col-${v}-${r.id}`),
-        header: d === "multiple" && !G ? /* @__PURE__ */ t.jsx("div", { className: "w-4 max-w-4", children: /* @__PURE__ */ t.jsx(w, { slot: "selection", "aria-label": N.selectAllRows }) }) : void 0,
+        cell: ({ row: t }) => /* @__PURE__ */ l.jsx("div", { className: "w-4 max-w-4", children: S(t) ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          r === "multiple" ? /* @__PURE__ */ l.jsx(C, { slot: "selection", "aria-label": "Select row" }) : null,
+          r === "single" ? /* @__PURE__ */ l.jsx(Pe, { slot: "selection", "aria-label": _.selectValue(t.id) }) : null
+        ] }) : null }, `select-col-${$}-${t.id}`),
+        header: r === "multiple" && !R ? /* @__PURE__ */ l.jsx("div", { className: "w-4 max-w-4", children: /* @__PURE__ */ l.jsx(C, { slot: "selection", "aria-label": _.selectAllRows }) }) : void 0,
         enableSorting: !1,
         enableHiding: !1,
         meta: { width: "1rem" }
@@ -163,278 +165,345 @@ const q = 10, Be = 0, Fe = ({
       ...e
     ] : e;
   }, [
-    m,
-    N,
-    G,
-    v,
-    J,
-    i == null ? void 0 : i.columnOrder,
-    d
-  ]), de = fe(
+    c,
+    _,
+    R,
+    $,
+    S,
+    d == null ? void 0 : d.columnOrder,
+    r
+  ]), fe = he(
     (e) => {
-      if (!V)
+      if (!j)
         return;
-      const r = V(e);
-      if (!(r == null || !r))
-        return r;
+      const t = j(e);
+      if (!(t == null || !t))
+        return t;
     },
-    [V]
-  ), [X, _] = F(u ?? {});
-  U(() => {
-    u && _(u);
-  }, [u]);
-  const [Y, O] = F(
-    new Set(p != null && p.length ? p : [])
+    [j]
+  ), [B, Y] = q(m ?? {});
+  G(() => {
+    m && Y(m);
+  }, [m]);
+  const [F, U] = q(
+    new Set(h != null && h.length ? h : [])
   );
-  U(() => {
-    p && O(new Set(p != null && p.length ? p : []));
-  }, [p]);
-  const D = Te({
-    data: a,
-    getRowId: y,
+  G(() => {
+    h && U(new Set(h != null && h.length ? h : []));
+  }, [h]);
+  const T = Oe({
+    data: i,
+    getRowId: P,
     columns: ae,
-    rowCount: I || a.length,
+    rowCount: H || i.length,
     state: {
-      sorting: $,
-      columnOrder: i == null ? void 0 : i.columnOrder,
-      pagination: j,
-      expanded: X
+      sorting: I,
+      columnOrder: d == null ? void 0 : d.columnOrder,
+      pagination: v,
+      expanded: B
     },
-    getCoreRowModel: He(),
-    getExpandedRowModel: ke(),
-    getPaginationRowModel: Ve(),
-    onColumnOrderChange: i == null ? void 0 : i.onChangeOrderOfColumns,
-    onSortingChange: z,
+    getCoreRowModel: _e(),
+    getExpandedRowModel: Be(),
+    getPaginationRowModel: Ue(),
+    onColumnOrderChange: d == null ? void 0 : d.onChangeOrderOfColumns,
+    onSortingChange: E,
     enableHiding: !0,
     onPaginationChange: (e) => {
-      _({}), g == null || g({}), ie(e);
+      Y({}), s == null || s({}), re(e);
     },
     manualSorting: !0,
-    getRowCanExpand: A,
+    getRowCanExpand: J,
     paginateExpandedRows: !0,
-    getSubRows: b,
+    getSubRows: p,
     onExpandedChange: (e) => {
-      const r = typeof e == "function" ? e(X) : e;
-      _(r), g == null || g(r);
+      const t = typeof e == "function" ? e(B) : e;
+      Y(t), s == null || s(t);
     },
     enableExpanding: !0,
-    manualPagination: a && I ? a.length !== I : !1
+    manualPagination: i && H ? i.length !== H : !1
   });
-  return /* @__PURE__ */ t.jsxs("div", { className: "relative flex flex-col", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "relative flex flex-col overflow-x-auto", children: [
-      i != null && i.active ? /* @__PURE__ */ t.jsx("div", { className: "absolute z-20 h-full w-full  rounded bg-overlay-white", children: /* @__PURE__ */ t.jsx(Ae, { ...i, allColumns: m }) }) : null,
-      /* @__PURE__ */ t.jsxs(
-        oe,
+  return /* @__PURE__ */ l.jsxs("div", { className: "relative flex flex-col", children: [
+    /* @__PURE__ */ l.jsxs("div", { className: "relative flex flex-col overflow-x-auto", children: [
+      d != null && d.active ? /* @__PURE__ */ l.jsx("div", { className: "absolute z-20 h-full w-full rounded bg-overlay-white", children: /* @__PURE__ */ l.jsx(ke, { ...d, allColumns: c }) }) : null,
+      /* @__PURE__ */ l.jsxs(
+        ge,
         {
-          ref: me,
-          selectedKeys: Y,
-          "aria-label": le["aria-label"],
-          selectionMode: d ?? "none",
-          disallowEmptySelection: !Q,
-          selectionBehavior: d === "multiple" ? "toggle" : "replace",
+          ref: ne,
+          selectedKeys: F,
+          "aria-label": ce["aria-label"],
+          selectionMode: r ?? "none",
+          disallowEmptySelection: o,
+          selectionBehavior: r === "multiple" ? "toggle" : "replace",
           onSelectionChange: (e) => {
-            if (d === "none")
+            if (r === "none")
               return;
-            const r = new Set(
-              a.map((l, n) => y ? y(l, n) : `${n}`)
+            const t = new Set(
+              i.map((f, a) => P ? P(f, a) : `${a}`)
             );
-            if (d === "single" && e !== "all" && (Q ? e.size <= 1 : e.size == 1) && (O(e), h == null || h(Array.from(e).map(String))), d === "multiple") {
-              const l = new Set(
-                Array.from(Y).map(String).filter((c) => !r.has(c))
+            if (r === "single" && e !== "all" && (o ? e.size === 1 : e.size <= 1) && (U(e), g == null || g(Array.from(e).map(String))), r === "multiple") {
+              const f = new Set(
+                Array.from(F).map(String).filter((u) => !t.has(u))
               );
               if (e === "all") {
-                const c = new Set(
-                  a.map((B, W) => y ? y(B, W) : `${W}`)
-                ), f = /* @__PURE__ */ new Set([...l, ...c]);
-                O(f), h == null || h(Array.from(f).map(String));
+                const u = new Set(
+                  i.map((Z, M) => P ? P(Z, M) : `${M}`)
+                ), y = /* @__PURE__ */ new Set([...f, ...u]);
+                U(y), g == null || g(Array.from(y).map(String));
                 return;
               }
-              const n = /* @__PURE__ */ new Set([...l, ...e]);
-              O(n), h == null || h(Array.from(n).map(String));
+              const a = /* @__PURE__ */ new Set([...f, ...e]);
+              U(a), g == null || g(Array.from(a).map(String));
             }
           },
-          sortDescriptor: $ != null && $.length ? {
-            column: $[0].id,
-            direction: $[0].desc ? "descending" : "ascending"
+          sortDescriptor: I != null && I.length ? {
+            column: I[0].id,
+            direction: I[0].desc ? "descending" : "ascending"
           } : void 0,
           onSortChange: (e) => {
-            o || D.setSorting([
+            D || T.setSorting([
               {
                 id: "" + e.column,
                 desc: e.direction === "descending"
               }
             ]);
           },
-          onRowAction: k ? (e) => {
-            const r = D.getRow(e);
-            r && !o && k(r.original, r);
+          onRowAction: O ? (e) => {
+            if (!`${e}`.endsWith("-footer") && O) {
+              const t = T.getRow(e);
+              t && !D && O(t.original, t);
+            }
           } : void 0,
           className: "relative w-full caption-top text-base",
           children: [
-            /* @__PURE__ */ t.jsx(xe, { columns: D.getFlatHeaders(), children: (e) => {
-              var r, l, n, c, f;
-              return /* @__PURE__ */ t.jsx(
-                Me,
-                {
-                  id: e.id,
-                  isRowHeader: ((r = e.column.columnDef.meta) == null ? void 0 : r.isRowHeader) ?? e.index === 0,
-                  allowsSorting: e.column.getCanSort(),
-                  width: (l = e.column.columnDef.meta) == null ? void 0 : l.width,
-                  minWidth: (n = e.column.columnDef.meta) == null ? void 0 : n.minWidth,
-                  maxWidth: (c = e.column.columnDef.meta) == null ? void 0 : c.maxWidth,
-                  align: (f = e.column.columnDef.meta) == null ? void 0 : f.align,
-                  backgroundColor: x == null ? void 0 : x.backgroundColor,
-                  children: e.isPlaceholder ? null : Z(e.column.columnDef.header, e.getContext())
-                },
-                e.id
-              );
-            } }),
-            /* @__PURE__ */ t.jsx(
-              he,
+            /* @__PURE__ */ l.jsx(
+              je,
               {
-                items: D.getRowModel().rows,
-                renderEmptyState: () => /* @__PURE__ */ t.jsx(Ge, { emptyMessage: x == null ? void 0 : x.emptyMessage }),
+                columns: T.getFlatHeaders(),
+                dependencies: [
+                  i,
+                  B,
+                  j,
+                  k,
+                  V,
+                  m,
+                  d == null ? void 0 : d.columnOrder
+                ],
                 children: (e) => {
-                  const r = de(e);
-                  return /* @__PURE__ */ t.jsxs(ue, { children: [
-                    /* @__PURE__ */ t.jsx(
-                      L,
-                      {
-                        id: e.id,
-                        hasPressEvent: !!k,
-                        columns: e.getVisibleCells(),
-                        children: (l) => {
-                          var n, c, f;
-                          return /* @__PURE__ */ t.jsx(
-                            K,
-                            {
-                              isFirstColumn: d && d !== "none" ? l.column.getIndex() === 1 : l.column.getIndex() === 0,
-                              textValue: l.getValue(),
-                              align: (n = l.column.columnDef.meta) == null ? void 0 : n.align,
-                              cellType: (c = l.column.columnDef.meta) == null ? void 0 : c.cellType,
-                              isNested: e.getCanExpand(),
-                              onExpand: e.getToggleExpandedHandler(),
-                              isExpanded: e.getIsExpanded(),
-                              level: e.depth,
-                              isTableNested: b !== void 0,
-                              style: (f = l.column.columnDef.meta) != null && f.width ? { width: l.column.columnDef.meta.width } : void 0,
-                              children: Z(l.column.columnDef.cell, l.getContext())
-                            },
-                            l.id
-                          );
-                        }
-                      }
-                    ),
-                    r ? /* @__PURE__ */ t.jsx(
-                      L,
-                      {
-                        hasPressEvent: !1,
-                        id: `${e.id}-footer`,
-                        className: T == null ? void 0 : T.row,
-                        children: /* @__PURE__ */ t.jsx(
-                          K,
-                          {
-                            isFirstColumn: !1,
-                            isNested: !1,
-                            onExpand: _e,
-                            isExpanded: !1,
-                            level: e.depth,
-                            isTableNested: !1,
-                            className: T == null ? void 0 : T.cell,
-                            children: r
-                          }
-                        )
-                      }
-                    ) : null
-                  ] }, e.id);
+                  var t, f, a, u, y;
+                  return /* @__PURE__ */ l.jsx(
+                    Qe,
+                    {
+                      id: e.id,
+                      isRowHeader: ((t = e.column.columnDef.meta) == null ? void 0 : t.isRowHeader) ?? e.index === 0,
+                      allowsSorting: e.column.getCanSort(),
+                      width: (f = e.column.columnDef.meta) == null ? void 0 : f.width,
+                      minWidth: (a = e.column.columnDef.meta) == null ? void 0 : a.minWidth,
+                      maxWidth: (u = e.column.columnDef.meta) == null ? void 0 : u.maxWidth,
+                      align: (y = e.column.columnDef.meta) == null ? void 0 : y.align,
+                      backgroundColor: b == null ? void 0 : b.backgroundColor,
+                      children: e.isPlaceholder ? null : w(e.column.columnDef.header, e.getContext())
+                    },
+                    e.id
+                  );
                 }
               }
+            ),
+            /* @__PURE__ */ l.jsx(
+              ve,
+              {
+                items: T.getRowModel().rows,
+                renderEmptyState: () => /* @__PURE__ */ l.jsx(Ze, { emptyMessage: b == null ? void 0 : b.emptyMessage }),
+                dependencies: [
+                  i,
+                  B,
+                  j,
+                  T.getState(),
+                  k,
+                  V,
+                  m,
+                  d == null ? void 0 : d.columnOrder
+                ],
+                children: (e) => /* @__PURE__ */ l.jsx(
+                  Xe,
+                  {
+                    id: e.id,
+                    depth: e.depth,
+                    hasPressEvent: !!O,
+                    columns: e.getVisibleCells(),
+                    rowFooter: fe(e),
+                    rowFooterClassNames: V,
+                    rowFooterColSpan: k ?? e.getVisibleCells().length,
+                    dependencies: [
+                      i,
+                      j,
+                      j == null ? void 0 : j(e),
+                      T.getState(),
+                      k,
+                      m,
+                      e.getIsExpanded(),
+                      V,
+                      e.getVisibleCells(),
+                      d == null ? void 0 : d.columnOrder
+                    ],
+                    children: (t) => {
+                      var f, a, u;
+                      return /* @__PURE__ */ l.jsx(
+                        le,
+                        {
+                          isFirstColumn: r && r !== "none" ? t.column.getIndex() === 1 : t.column.getIndex() === 0,
+                          textValue: t.getValue(),
+                          align: (f = t.column.columnDef.meta) == null ? void 0 : f.align,
+                          cellType: (a = t.column.columnDef.meta) == null ? void 0 : a.cellType,
+                          isNested: e.getCanExpand(),
+                          onExpand: e.getToggleExpandedHandler(),
+                          isExpanded: e.getIsExpanded(),
+                          level: e.depth,
+                          isTableNested: p !== void 0,
+                          style: (u = t.column.columnDef.meta) != null && u.width ? { width: t.column.columnDef.meta.width } : void 0,
+                          children: w(t.column.columnDef.cell, t.getContext())
+                        },
+                        t.id
+                      );
+                    }
+                  },
+                  e.id
+                )
+              }
             )
           ]
         },
-        `table-${v}`
+        `table-${$}`
       )
     ] }),
-    /* @__PURE__ */ t.jsx(be, { values: [[ge, { slot: null }]], children: /* @__PURE__ */ t.jsx(
-      We,
+    /* @__PURE__ */ l.jsx($e, { values: [[Te, { slot: null }]], children: /* @__PURE__ */ l.jsx(
+      Ve,
       {
-        table: D,
-        hidePagination: x == null ? void 0 : x.hidePagination,
-        data: a,
-        showNext: ee,
-        showPrevious: te,
-        onNext: H,
-        onPrevious: S,
-        total: I,
-        isLoading: o
+        table: T,
+        hidePagination: b == null ? void 0 : b.hidePagination,
+        data: i,
+        showNext: de,
+        showPrevious: ie,
+        onNext: Q,
+        onPrevious: X,
+        total: H,
+        isLoading: D
       }
     ) })
   ] });
-}, Ue = ye(Fe);
-Ue.displayName = "Table";
-function Me(m) {
-  const { column: a, inner: b } = Pe();
-  return /* @__PURE__ */ t.jsx(
-    je,
+}, Je = Ie(Ge);
+Je.displayName = "Table";
+function Qe(c) {
+  const { column: i, inner: n } = We();
+  return /* @__PURE__ */ l.jsx(
+    ye,
     {
-      ...m,
-      className: a({
-        backgroundColor: m.backgroundColor || "primary"
+      ...c,
+      className: i({
+        backgroundColor: c.backgroundColor || "primary"
       }),
       style: {
-        minWidth: m.minWidth,
-        maxWidth: m.maxWidth,
-        width: m.width
+        minWidth: c.minWidth,
+        maxWidth: c.maxWidth,
+        width: c.width
       },
-      children: ({ allowsSorting: u, sortDirection: o }) => /* @__PURE__ */ t.jsxs("div", { className: b({ align: m.align || "start" }), children: [
-        m.children,
-        u && (o === "descending" ? /* @__PURE__ */ t.jsx(M, { name: "arrow-down", "aria-hidden": "true" }) : o === "ascending" ? /* @__PURE__ */ t.jsx(M, { name: "arrow-up", "aria-hidden": "true" }) : /* @__PURE__ */ t.jsx(M, { name: "arrow-down-up", "aria-hidden": "true" }))
+      children: ({ allowsSorting: p, sortDirection: m }) => /* @__PURE__ */ l.jsxs("div", { className: n({ align: c.align || "start" }), children: [
+        c.children,
+        p && (m === "descending" ? /* @__PURE__ */ l.jsx(N, { name: "arrow-down", "aria-hidden": "true" }) : m === "ascending" ? /* @__PURE__ */ l.jsx(N, { name: "arrow-up", "aria-hidden": "true" }) : /* @__PURE__ */ l.jsx(N, { name: "arrow-down-up", "aria-hidden": "true" }))
       ] })
     }
   );
 }
-function L(m) {
-  return /* @__PURE__ */ t.jsx(
-    ve,
-    {
-      ...m,
-      className: R(Ie({ hasPressEvent: m.hasPressEvent }), m.className)
-    }
-  );
+function Xe({
+  depth: c,
+  rowFooter: i,
+  rowFooterClassNames: n,
+  rowFooterColSpan: p,
+  ...m
+}) {
+  return /* @__PURE__ */ l.jsxs(be, { children: [
+    /* @__PURE__ */ l.jsx(
+      z,
+      {
+        ...m,
+        className: K(ee({ hasPressEvent: m.hasPressEvent }), m.className)
+      }
+    ),
+    i ? /* @__PURE__ */ l.jsx(
+      z,
+      {
+        id: `${m.id}-footer`,
+        className: K(ee({ hasPressEvent: !1 }), n == null ? void 0 : n.row),
+        dependencies: [
+          ...m.dependencies ?? [],
+          i,
+          p,
+          n == null ? void 0 : n.row,
+          n == null ? void 0 : n.cell
+        ],
+        children: /* @__PURE__ */ l.jsx(
+          le,
+          {
+            isFirstColumn: !1,
+            isNested: !1,
+            onExpand: Me,
+            isExpanded: !1,
+            level: c,
+            isTableNested: !1,
+            colSpan: p,
+            className: n == null ? void 0 : n.cell,
+            children: i
+          }
+        )
+      }
+    ) : null
+  ] }, m.id);
 }
-function qe({
-  isExpanded: m,
-  isFirstColumn: a,
-  isNested: b,
-  isTableNested: u,
-  level: o,
-  onExpand: A,
-  ...s
+function Ye({
+  colSpan: c,
+  isExpanded: i,
+  isFirstColumn: n,
+  isNested: p,
+  isTableNested: m,
+  level: D,
+  onExpand: J,
+  ...x
 }) {
-  const { cell: g, inner: H } = Ne({
-    align: s.align,
-    type: s.cellType
+  const [s, Q] = q(null), { cell: X, inner: O } = Ae({
+    align: x.align,
+    type: x.cellType
   });
-  return /* @__PURE__ */ t.jsx($e, { ...s, className: R(g(), s.className), children: /* @__PURE__ */ t.jsxs(
-    "div",
+  return G(() => {
+    c && s && (s.colSpan = c);
+  }, [s, c]), /* @__PURE__ */ l.jsx(
+    De,
     {
-      style: {
-        paddingInlineStart: a && o ? `${o * 2}rem` : void 0
+      ...x,
+      className: K(X(), x.className),
+      ref: (E) => {
+        E && Q(E);
       },
-      className: H({
-        className: u ? "-my-1 items-start gap-2" : void 0
-      }),
-      children: [
-        u && a ? /* @__PURE__ */ t.jsx(t.Fragment, { children: b ? /* @__PURE__ */ t.jsx(Oe, { isOpen: m ?? !1, toggleIsOpen: A }) : /* @__PURE__ */ t.jsx("div", { className: "h-6 w-6", children: " " }) }) : null,
-        s.children
-      ]
+      children: /* @__PURE__ */ l.jsxs(
+        "div",
+        {
+          style: {
+            paddingInlineStart: n && D ? `${D * 2}rem` : void 0
+          },
+          className: O({
+            className: m ? "-my-1 items-start gap-2" : void 0
+          }),
+          children: [
+            m && n ? /* @__PURE__ */ l.jsx(l.Fragment, { children: p ? /* @__PURE__ */ l.jsx(He, { isOpen: i ?? !1, toggleIsOpen: J }) : /* @__PURE__ */ l.jsx("div", { className: "h-6 w-6", children: " " }) }) : null,
+            x.children
+          ]
+        }
+      )
     }
-  ) });
+  );
 }
-const K = ce(qe), Ge = ({ emptyMessage: m }) => {
-  const a = C();
-  return /* @__PURE__ */ t.jsx("div", { className: "flex w-full justify-start border-t border-default p-4", children: /* @__PURE__ */ t.jsx(Ee, { color: "tertiary", variant: "body-small", children: m ?? a.noResultsFound }) });
+const le = ue(Ye), Ze = ({ emptyMessage: c }) => {
+  const i = te();
+  return /* @__PURE__ */ l.jsx("div", { className: "flex w-full justify-start border-t border-default p-4", children: /* @__PURE__ */ l.jsx(Ee, { color: "tertiary", variant: "body-small", children: c ?? i.noResultsFound }) });
 };
 export {
-  Ue as Table
+  Je as Table
 };