@new-black/lyra 1.0.32 → 1.0.33

package/dist/lyra67.js

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