@sito/dashboard 0.0.67 → 0.0.68

package/dist/{Table-BtZGG0d7.js → Table-B5vsXjAq.js}

@@ -1,70 +1,70 @@
 import "./Table.css";
-import { jsxs as g, jsx as e, Fragment as G } from "react/jsx-runtime";
-import { useState as _, useRef as j, useEffect as P, useMemo as w, useCallback as v, Fragment as ae } from "react";
-import { u as H, a as V, F as re } from "./FiltersProvider-CY2fsw_F.js";
-import { B as ie } from "./Badge-CIeYthEy.js";
-import { E as oe, c as ce, C as de, a as ue, b as pe, F as me } from "./Filters-DL5jd8ps.js";
+import { jsxs as g, jsx as e, Fragment as X } from "react/jsx-runtime";
+import { useState as O, useRef as V, useEffect as I, useMemo as w, useCallback as x, Fragment as oe } from "react";
+import { u as H, a as j, F as ce } from "./FiltersProvider-gfC9gS8u.js";
+import { B as de } from "./Badge-CIeYthEy.js";
+import { E as ue, c as se, C as ae, a as pe, b as me, F as he } from "./Filters-DL5jd8ps.js";
 import { FilterTypes as W } from "./lib.js";
-import { u as k } from "./TranslationProvider-COebIyxr.js";
-import { A as he, C as fe, S as Z, T as Y } from "./TextInput-BqW5YX-3.js";
-import { u as D } from "./TableOptionsProvider-BfQS8l1N.js";
-import { C as ee } from "./Chip-C5ogKbFn.js";
+import { u as $ } from "./TranslationProvider-BR4s--Vu.js";
+import { A as fe, C as be, S as ee, T as Y } from "./TextInput-DPYxzgm3.js";
+import { u as z } from "./TableOptionsProvider-HHCDcRbO.js";
+import { B as Z } from "./Button-D73-swfo.js";
+import { C as te } from "./Chip-C5ogKbFn.js";
 import { I as q } from "./IconButton-BpsTEj0z.js";
-import { T as ne } from "./Tooltip-B4E-FRwY.js";
-import { S as be } from "./query-CwuehjY1.js";
-import { B as ge } from "./Button-D73-swfo.js";
+import { T as le } from "./Tooltip-B4E-FRwY.js";
+import { S as ge } from "./query-CwuehjY1.js";
 import { D as Ne } from "./Dropdown-CbaxuMbk.js";
 import { L as Ce } from "./Loading-B_c_4XLr.js";
-function we(n) {
+function we(s) {
   const {
     id: t,
     icon: r,
-    tooltip: s,
+    tooltip: n,
     onClick: l,
     children: a,
-    hidden: u = !1,
+    hidden: d = !1,
     disabled: i = !1,
-    showText: d = !1,
+    showText: c = !1,
     showTooltips: o = !0,
     className: m = ""
-  } = n;
-  return u ? null : /* @__PURE__ */ g(
+  } = s;
+  return d ? null : /* @__PURE__ */ g(
     "button",
     {
       id: t,
-      className: `action ${d ? "text-action" : "icon-action"} ${m}`,
+      className: `action ${c ? "text-action" : "icon-action"} ${m}`,
       disabled: i,
       onClick: () => l?.(),
       "aria-disabled": i,
       "data-tooltip-id": "tooltip",
-      "data-tooltip-content": o ? s : "",
+      "data-tooltip-content": o ? n : "",
       children: [
         r,
         " ",
-        d && s,
+        c && n,
         a
       ]
     }
   );
 }
-function xe(n) {
+function xe(s) {
   const {
     actions: t = [],
     className: r = "",
-    itemClassName: s = "",
+    itemClassName: n = "",
     actionClassName: l = "",
     showTooltips: a = !0,
-    showActionTexts: u = !1
-  } = n;
+    showActionTexts: d = !1
+  } = s;
   return /* @__PURE__ */ e("ul", { className: `actions-container ${r}`, children: t.map((i) => /* @__PURE__ */ e(
     "li",
     {
-      className: `actions-container-item ${s}`,
+      className: `actions-container-item ${n}`,
       children: /* @__PURE__ */ e(
         we,
         {
           showTooltips: a,
-          showText: u,
+          showText: d,
           className: l,
           ...i
         }
@@ -73,19 +73,22 @@ function xe(n) {
     i.id
   )) });
 }
-const ve = (n) => {
-  const { actions: t = [], className: r = "" } = n, { t: s } = k(), [l, a] = _(!1), [u, i] = _(null);
+const ve = (s) => {
+  const { actions: t = [], className: r = "" } = s, { t: n } = $(), [l, a] = O(!1), [d, i] = O(null);
   return /* @__PURE__ */ g("div", { className: `actions-dropdown ${r}`, children: [
     /* @__PURE__ */ e(
       q,
       {
-        icon: /* @__PURE__ */ e(oe, {}),
-        onClick: (d) => {
-          i(d.currentTarget), a((o) => !o);
+        icon: /* @__PURE__ */ e(ue, {}),
+        onClick: (c) => {
+          c.stopPropagation(), i(c.currentTarget), a((o) => !o);
         },
+        onMouseDown: (c) => c.stopPropagation(),
         className: "actions-dropdown-trigger",
+        "aria-label": n("_accessibility:buttons.openActions"),
+        name: n("_accessibility:buttons.openActions"),
         "data-tooltip-id": "tooltip",
-        "data-tooltip-content": s("_accessibility:buttons.openActions")
+        "data-tooltip-content": n("_accessibility:buttons.openActions")
       }
     ),
     /* @__PURE__ */ e(
@@ -93,7 +96,7 @@ const ve = (n) => {
       {
         open: l,
         onClose: () => a(!1),
-        anchorEl: u,
+        anchorEl: d,
         children: /* @__PURE__ */ e(
           xe,
           {
@@ -109,130 +112,130 @@ const ve = (n) => {
     )
   ] });
 };
-function se(n) {
-  return [...n].sort((t, r) => (r.pos ?? 0) - (t.pos ?? 0)).filter((t) => t.display !== "none");
+function re(s) {
+  return [...s].sort((t, r) => (r.pos ?? 0) - (t.pos ?? 0)).filter((t) => t.display !== "none");
 }
-function ye(n) {
-  const { t } = k(), {
+function ye(s) {
+  const { t } = $(), {
     entity: r = "",
-    columns: s = [],
+    columns: n = [],
     hasAction: l = !0,
     onSortCallback: a,
-    selectionState: u,
+    selectionState: d,
     onToggleAllRows: i
-  } = n, d = j(null);
-  P(() => {
-    d.current && (d.current.indeterminate = !!(u?.hasSomeSelected && !u?.allSelected));
-  }, [u]);
-  const { onSort: o, sortingOrder: m, sortingBy: h } = D(), f = w(() => se(s).map((c) => ({
-    id: c.key,
-    label: c.label,
-    className: c.className ?? "",
-    sortable: c.sortable ?? !0,
-    sortOptions: c.sortOptions
-  })), [s, r, t]);
+  } = s, c = V(null);
+  I(() => {
+    c.current && (c.current.indeterminate = !!(d?.hasSomeSelected && !d?.allSelected));
+  }, [d]);
+  const { onSort: o, sortingOrder: m, sortingBy: h } = z(), f = w(() => re(n).map((u) => ({
+    id: u.key,
+    label: u.label,
+    className: u.className ?? "",
+    sortable: u.sortable ?? !0,
+    sortOptions: u.sortOptions
+  })), [n, r, t]);
   return /* @__PURE__ */ e("thead", { className: "table-headers-row", children: /* @__PURE__ */ g("tr", { children: [
     /* @__PURE__ */ e("th", { scope: "col", className: "table-headers-column table-headers-checkbox", children: i ? /* @__PURE__ */ e(
       "input",
       {
         type: "checkbox",
-        ref: d,
-        checked: u?.allSelected ?? !1,
+        ref: c,
+        checked: d?.allSelected ?? !1,
         onChange: i,
         "aria-label": t("_accessibility:components.table.selectAllRows")
       }
     ) : null }),
     l && /* @__PURE__ */ e("th", { scope: "col", className: "table-headers-action", children: /* @__PURE__ */ e("span", { children: t("_accessibility:labels.actions") }) }),
-    f.map((c) => /* @__PURE__ */ e(
+    f.map((u) => /* @__PURE__ */ e(
       "th",
       {
         scope: "col",
-        className: `table-headers-column ${c.className}`,
+        className: `table-headers-column ${u.className}`,
         children: /* @__PURE__ */ g(
-          ge,
+          Z,
           {
-            disabled: !c.sortable,
-            onClick: () => o(c.id, a),
+            disabled: !u.sortable,
+            onClick: () => o(u.id, a),
             className: "table-headers-cell",
             children: [
-              /* @__PURE__ */ e("span", { className: "table-headers-label", children: c.label }),
-              c.sortable && h === c.id && /* @__PURE__ */ e("span", { children: m === be.ASC ? c.sortOptions?.icons?.asc ?? /* @__PURE__ */ e(
-                ce,
+              /* @__PURE__ */ e("span", { className: "table-headers-label", children: u.label }),
+              u.sortable && h === u.id && /* @__PURE__ */ e("span", { children: m === ge.ASC ? u.sortOptions?.icons?.asc ?? /* @__PURE__ */ e(
+                se,
                 {
-                  className: c.sortOptions?.icons?.className ?? "table-headers-sort-indicator"
+                  className: u.sortOptions?.icons?.className ?? "table-headers-sort-indicator"
                 }
-              ) : c.sortOptions?.icons?.desc ?? /* @__PURE__ */ e(
-                de,
+              ) : u.sortOptions?.icons?.desc ?? /* @__PURE__ */ e(
+                ae,
                 {
-                  className: c.sortOptions?.icons?.className ?? "table-headers-sort-indicator"
+                  className: u.sortOptions?.icons?.className ?? "table-headers-sort-indicator"
                 }
               ) })
             ]
           }
         )
       },
-      c.id
+      u.id
     ))
   ] }) });
 }
-const Se = (n) => {
-  const { items: t, text: r, id: s, onClearFilter: l } = n;
+const Se = (s) => {
+  const { items: t, text: r, id: n, onClearFilter: l } = s;
   return /* @__PURE__ */ e(
-    ee,
+    te,
     {
       text: `${r}: ${t.map((a) => a.value ?? a.name).join(", ")}`,
-      onDelete: () => l(s)
+      onDelete: () => l(n)
     }
   );
-}, Re = (n) => {
-  const { end: t, start: r, text: s, id: l, onClearFilter: a } = n;
+}, Re = (s) => {
+  const { end: t, start: r, text: n, id: l, onClearFilter: a } = s;
   return /* @__PURE__ */ e(
-    ee,
+    te,
     {
-      text: `${s}: ${r || "♾️"} - ${t || "♾️"}`,
+      text: `${n}: ${r || "♾️"} - ${t || "♾️"}`,
       onDelete: () => a(l)
     }
   );
-}, Te = (n) => {
-  const { filtersDefinition: t } = n, r = w(() => {
+}, Te = (s) => {
+  const { filtersDefinition: t } = s, r = w(() => {
     const i = {};
-    return t.forEach((d) => {
-      i[d.propertyName] = d.label ?? d.propertyName;
+    return t.forEach((c) => {
+      i[c.propertyName] = c.label ?? c.propertyName;
     }), i;
-  }, [t]), { filters: s, clearFilters: l } = D(), a = w(() => Object.keys(s), [s]), u = v(
-    (i) => s[i]?.end || s[i]?.start ? /* @__PURE__ */ e(
+  }, [t]), { filters: n, clearFilters: l } = z(), a = w(() => Object.keys(n), [n]), d = x(
+    (i) => n[i]?.end || n[i]?.start ? /* @__PURE__ */ e(
       Re,
       {
         id: i,
         text: r[i],
-        start: s[i].start,
-        end: s[i].end,
+        start: n[i].start,
+        end: n[i].end,
         onClearFilter: l
       }
-    ) : Array.isArray(s[i]) ? /* @__PURE__ */ e(
+    ) : Array.isArray(n[i]) ? /* @__PURE__ */ e(
       Se,
       {
         id: i,
         text: r[i],
-        items: s[i],
+        items: n[i],
         onClearFilter: l
       }
     ) : /* @__PURE__ */ e(
-      ee,
+      te,
       {
-        text: `${r[i]}: ${s[i]?.value ?? s[i]?.name ?? s[i]}`,
+        text: `${r[i]}: ${n[i]?.value ?? n[i]?.name ?? n[i]}`,
         onDelete: () => l(i)
       }
     ),
-    [s, r]
+    [n, r]
   );
-  return /* @__PURE__ */ e("ul", { className: "active-filters-main", children: a?.map((i) => /* @__PURE__ */ e("li", { children: u(i) }, i)) });
+  return /* @__PURE__ */ e("ul", { className: "active-filters-main", children: a?.map((i) => /* @__PURE__ */ e("li", { children: d(i) }, i)) });
 };
-function Ae(n) {
-  const { propertyName: t, label: r, placeholder: s, options: l, multiple: a = !0 } = n, { currentFilters: u, setCurrentFilters: i } = H(), d = w(() => u[t] ?? l[0], [u]), o = v(
+function Ae(s) {
+  const { propertyName: t, label: r, placeholder: n, options: l, multiple: a = !0 } = s, { currentFilters: d, setCurrentFilters: i } = H(), c = w(() => d[t] ?? l[0], [d]), o = x(
     (m) => {
       i({
-        type: V.update,
+        type: j.update,
         toUpdate: {
           [t]: {
             value: m
@@ -243,79 +246,79 @@ function Ae(n) {
     [a]
   );
   return /* @__PURE__ */ e(
-    he,
+    fe,
     {
-      value: d?.value,
+      value: c?.value,
       label: r,
       options: l,
       multiple: a,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
       onChange: o,
-      placeholder: s
+      placeholder: n
     }
   );
 }
-const Ee = (n) => {
-  const { propertyName: t, label: r } = n, { currentFilters: s, setCurrentFilters: l } = H(), a = w(() => s[t]?.value ?? "", [s]), u = v((i) => {
+const Ee = (s) => {
+  const { propertyName: t, label: r } = s, { currentFilters: n, setCurrentFilters: l } = H(), a = w(() => n[t]?.value ?? "", [n]), d = x((i) => {
     l({
-      type: V.update,
+      type: j.update,
       toUpdate: { [t]: { value: i.target.checked } }
     });
   }, []);
-  return /* @__PURE__ */ e(fe, { label: r, checked: a ?? !1, onChange: u });
+  return /* @__PURE__ */ e(be, { label: r, checked: a ?? !1, onChange: d });
 };
-function Fe(n) {
-  const { propertyName: t, options: r, label: s, placeholder: l } = n, { currentFilters: a, setCurrentFilters: u } = H(), i = w(() => a[t]?.value ?? r[0], [a]), d = v((o) => {
-    u({
-      type: V.update,
+function Fe(s) {
+  const { propertyName: t, options: r, label: n, placeholder: l } = s, { currentFilters: a, setCurrentFilters: d } = H(), i = w(() => a[t]?.value ?? r[0], [a]), c = x((o) => {
+    d({
+      type: j.update,
       toUpdate: { [t]: { value: o.target.value } }
     });
   }, []);
   return /* @__PURE__ */ e(
-    Z,
+    ee,
     {
       value: i,
-      label: s,
+      label: n,
       options: r,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
-      onChange: d,
+      onChange: c,
       placeholder: l
     }
   );
 }
-const ke = (n) => {
-  const { propertyName: t, label: r, placeholder: s } = n, { currentFilters: l, setCurrentFilters: a } = H(), u = w(() => l[t]?.value ?? "", [l]), i = v((d) => {
+const ke = (s) => {
+  const { propertyName: t, label: r, placeholder: n } = s, { currentFilters: l, setCurrentFilters: a } = H(), d = w(() => l[t]?.value ?? "", [l]), i = x((c) => {
     a({
-      type: V.update,
-      toUpdate: { [t]: { value: d.target.value } }
+      type: j.update,
+      toUpdate: { [t]: { value: c.target.value } }
     });
   }, []);
   return /* @__PURE__ */ e(
     Y,
     {
-      value: u ?? "",
+      value: d ?? "",
       label: r,
       onChange: i,
       containerClassName: "input-widget-container",
       helperTextClassName: "",
-      placeholder: s
+      placeholder: n
     }
   );
-}, te = (n) => {
-  const { propertyName: t, label: r, inputType: s } = n, { t: l } = k(), { currentFilters: a, setCurrentFilters: u } = H(), i = j(null), d = j(null), o = v((h) => {
-    u({
-      type: V.update,
+}, ne = (s) => {
+  const { propertyName: t, label: r, inputType: n } = s, { t: l } = $(), { currentFilters: a, setCurrentFilters: d } = H(), i = V(null), c = V(null), o = x((h) => {
+    d({
+      type: j.update,
       toUpdate: {
         [t]: {
-          value: { end: d?.current?.value ?? null, start: h.target.value }
+          value: { end: c?.current?.value ?? null, start: h.target.value }
         }
       }
     });
-  }, []), m = v((h) => {
-    u({
-      type: V.update,
+  }, []), m = x((h) => {
+    d({
+      type: j.update,
       toUpdate: {
         [t]: {
           value: {
@@ -334,7 +337,7 @@ const ke = (n) => {
         {
           value: a[t]?.value?.start ?? "",
           placeholder: l("_accessibility:components.table.filters.range.start"),
-          type: s,
+          type: n,
           ref: i,
           onChange: o,
           containerClassName: "input-widget-container",
@@ -346,8 +349,8 @@ const ke = (n) => {
         {
           value: a[t]?.value?.end ?? "",
           placeholder: l("_accessibility:components.table.filters.range.end"),
-          type: s,
-          ref: d,
+          type: n,
+          ref: c,
           onChange: m,
           containerClassName: "input-widget-container",
           helperTextClassName: ""
@@ -355,175 +358,182 @@ const ke = (n) => {
       )
     ] })
   ] });
-}, $e = (n) => {
-  switch (n.type) {
+}, $e = (s) => {
+  switch (s.type) {
     case W.text:
-      return /* @__PURE__ */ e(ke, { ...n });
+      return /* @__PURE__ */ e(ke, { ...s });
     case W.number:
       return /* @__PURE__ */ e(
-        te,
+        ne,
         {
-          ...n,
+          ...s,
           inputType: "number"
         }
       );
     case W.date:
       return /* @__PURE__ */ e(
-        te,
+        ne,
         {
-          ...n,
+          ...s,
           inputType: "date"
         }
       );
     case W.select:
-      return /* @__PURE__ */ e(Fe, { ...n });
+      return /* @__PURE__ */ e(Fe, { ...s });
     case W.autocomplete:
-      return /* @__PURE__ */ e(Ae, { ...n });
+      return /* @__PURE__ */ e(Ae, { ...s });
     case W.check:
-      return /* @__PURE__ */ e(Ee, { ...n });
+      return /* @__PURE__ */ e(Ee, { ...s });
   }
-  return /* @__PURE__ */ e(G, {});
-}, Oe = (n) => {
-  const { filters: t = [], show: r, handleShow: s } = n, { onFilterApply: l } = D(), { currentFilters: a, setCurrentFilters: u } = H(), { t: i } = k(), d = j(null);
-  return P(() => {
+  return /* @__PURE__ */ e(X, {});
+}, _e = (s) => {
+  const { filters: t = [], show: r, handleShow: n } = s, { onFilterApply: l } = z(), { currentFilters: a, setCurrentFilters: d } = H(), { t: i } = $(), c = V(null);
+  return I(() => {
     const o = ({ target: h }) => {
-      d.current && (h?.closest(".filter-dropdown-trigger") || !r || d.current.contains(h) || s(!1));
+      c.current && (h?.closest(".filter-dropdown-trigger") || !r || c.current.contains(h) || n(!1));
     }, m = ({ code: h }) => {
-      !r || h !== "Escape" || s(!1);
+      !r || h !== "Escape" || n(!1);
     };
     return document.addEventListener("click", o), document.addEventListener("keydown", m), () => {
       document.removeEventListener("click", o), document.removeEventListener("keydown", m);
     };
-  }, [s, r]), /* @__PURE__ */ e("div", { className: `filter-dropdown-backdrop ${r ? "opened" : "closed"}`, children: /* @__PURE__ */ g("div", { className: "filter-popup", ref: d, children: [
+  }, [n, r]), /* @__PURE__ */ e("div", { className: `filter-dropdown-backdrop ${r ? "opened" : "closed"}`, children: /* @__PURE__ */ g("div", { className: "filter-popup", ref: c, children: [
     /* @__PURE__ */ e("div", { className: "filter-title", children: i("_accessibility:buttons.filters") }),
     /* @__PURE__ */ e("ul", { className: "filter-container", children: t.map((o) => /* @__PURE__ */ e("li", { className: "filter-container-item", children: $e(o) }, o.propertyName)) }),
     /* @__PURE__ */ e("div", { className: "filter-footer", children: /* @__PURE__ */ g("ul", { className: "filter-buttons-row", children: [
       /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-        "button",
+        Z,
         {
-          onClick: () => u({
-            type: V.reset,
+          type: "button",
+          variant: "submit",
+          onClick: () => d({
+            type: j.reset,
             filters: t
           }),
-          className: "filter-dropdown-button small filter-dropdown-cancel",
+          className: "filter-dropdown-button filter-dropdown-cancel",
           children: i("_accessibility:buttons.clear")
         }
       ) }),
       /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-        "button",
+        Z,
         {
-          className: "filter-dropdown-button small filter-dropdown-submit",
+          type: "button",
+          variant: "submit",
+          color: "primary",
+          className: "filter-dropdown-button filter-dropdown-submit",
           onClick: () => {
-            s(!1), l(a);
+            n(!1), l(a);
           },
           children: i("_accessibility:buttons.applyFilters")
         }
       ) })
     ] }) })
   ] }) });
-}, _e = () => {
-  const { t: n } = k(), { total: t, pageSize: r, pageSizes: s, currentPage: l } = D(), a = (l + 1) * r > t ? t : (l + 1) * r;
+}, Oe = () => {
+  const { t: s } = $(), { total: t, pageSize: r, pageSizes: n, currentPage: l } = z(), a = (l + 1) * r > t ? t : (l + 1) * r;
   return /* @__PURE__ */ g("div", { className: "table-navigation-sizes", children: [
-    s[0] < t && /* @__PURE__ */ e(G, { children: /* @__PURE__ */ g("p", { children: [
+    n[0] < t && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ g("p", { children: [
       l * r + 1,
       " - ",
       a,
       " ",
-      n("_accessibility:components.table.of")
+      s("_accessibility:components.table.of")
     ] }) }),
     /* @__PURE__ */ e("p", { children: t })
   ] });
 };
-function Me() {
-  const { t: n } = k(), { total: t, pageSize: r, currentPage: s, setCurrentPage: l } = D(), a = w(() => {
-    const u = Math.ceil(t / r);
-    return Array.from({ length: u }, (i, d) => ({
-      id: d,
-      value: d + 1
+function Pe() {
+  const { t: s } = $(), { total: t, pageSize: r, currentPage: n, setCurrentPage: l } = z(), a = w(() => {
+    const d = Math.ceil(t / r);
+    return Array.from({ length: d }, (i, c) => ({
+      id: c,
+      value: c + 1
     }));
   }, [t, r]);
   return /* @__PURE__ */ g("div", { className: "jump-to-page", children: [
-    /* @__PURE__ */ e("p", { children: n("_accessibility:components.table.jumpToPage") }),
+    /* @__PURE__ */ e("p", { children: s("_accessibility:components.table.jumpToPage") }),
     /* @__PURE__ */ e(
-      Z,
+      ee,
       {
-        value: s,
+        value: n,
         options: a,
         inputClassName: "jump-to-page-input",
         containerClassName: "jump-to-page-input-container",
         helperTextClassName: "hidden",
-        onChange: (u) => l(Number(u.target.value))
+        onChange: (d) => l(Number(d.target.value))
       }
     )
   ] });
 }
-const Pe = () => {
-  const { t: n } = k(), { total: t, pageSize: r, currentPage: s, setCurrentPage: l } = D();
+const Me = () => {
+  const { t: s } = $(), { total: t, pageSize: r, currentPage: n, setCurrentPage: l } = z(), a = Math.ceil(t / r), d = n < a - 1;
   return /* @__PURE__ */ g("div", { className: "table-navigation-pages", children: [
     /* @__PURE__ */ e(
       q,
       {
-        icon: /* @__PURE__ */ e(ue, { className: "table-navigation-icon" }),
+        icon: /* @__PURE__ */ e(pe, { className: "table-navigation-icon" }),
         className: "table-navigation-buttons",
-        disabled: s === 0,
-        "aria-label": n("_accessibility:buttons.previous"),
-        name: n("_accessibility:buttons.previous"),
-        onClick: () => l(s - 1)
+        disabled: n === 0,
+        "aria-label": s("_accessibility:buttons.previous"),
+        name: s("_accessibility:buttons.previous"),
+        onClick: () => l(n - 1)
       }
     ),
     /* @__PURE__ */ e(
       q,
       {
-        icon: /* @__PURE__ */ e(pe, { className: "table-navigation-icon" }),
-        disabled: Math.floor(t / ((s + 1) * r)) === 0,
+        icon: /* @__PURE__ */ e(me, { className: "table-navigation-icon" }),
+        disabled: !d,
         className: "table-navigation-buttons",
-        name: n("_accessibility:buttons.next"),
-        "aria-label": n("_accessibility:buttons.next"),
-        onClick: () => l(s + 1)
+        name: s("_accessibility:buttons.next"),
+        "aria-label": s("_accessibility:buttons.next"),
+        onClick: () => {
+          d && l(n + 1);
+        }
       }
     )
   ] });
 };
 function Ie() {
-  const { t: n } = k(), { pageSizes: t, pageSize: r, setPageSize: s } = D(), l = w(
+  const { t: s } = $(), { pageSizes: t, pageSize: r, setPageSize: n } = z(), l = w(
     () => t?.map((a) => ({ id: a, value: a })),
     [t]
   );
   return /* @__PURE__ */ g("div", { className: "page-size", children: [
-    /* @__PURE__ */ e("p", { children: n("_accessibility:components.table.pageSizes") }),
+    /* @__PURE__ */ e("p", { children: s("_accessibility:components.table.pageSizes") }),
     /* @__PURE__ */ e(
-      Z,
+      ee,
       {
         value: r,
         options: l,
         inputClassName: "page-size-input",
         containerClassName: "page-size-input-container",
         helperTextClassName: "hidden",
-        onChange: (a) => s(Number(a.target.value))
+        onChange: (a) => n(Number(a.target.value))
       }
     )
   ] });
 }
-function ze() {
+function De() {
   return /* @__PURE__ */ g("div", { className: "table-footer", children: [
-    /* @__PURE__ */ e(Me, {}),
+    /* @__PURE__ */ e(Pe, {}),
     /* @__PURE__ */ e(Ie, {}),
-    /* @__PURE__ */ e(_e, {}),
-    /* @__PURE__ */ e(Pe, {})
+    /* @__PURE__ */ e(Oe, {}),
+    /* @__PURE__ */ e(Me, {})
   ] });
 }
-const De = (n) => n, Le = (n) => {
-  const { t } = k(), {
+const ze = (s) => s, Le = (s) => {
+  const { t } = $(), {
     columns: r,
-    softDeleteProperty: s = "deletedAt",
+    softDeleteProperty: n = "deletedAt",
     data: l,
     actions: a,
-    selectedRows: u,
+    selectedRows: d,
     expandedRows: i = [],
-    onRowSelectionChange: d,
+    onRowSelectionChange: c,
     onRowExpand: o
-  } = n, m = w(
-    () => se(r),
+  } = s, m = w(
+    () => re(r),
     [r]
   ), h = w(
     () => new Map(
@@ -532,58 +542,72 @@ const De = (n) => n, Le = (n) => {
     [i]
   );
   return l?.map((f) => {
-    const c = u.has(f.id), S = h.get(f.id), A = !!S, U = m.length + 1 + (a ? 1 : 0);
-    return /* @__PURE__ */ g(ae, { children: [
+    const u = d.has(f.id), S = h.get(f.id), T = !!S, U = m.length + 1 + (a ? 1 : 0);
+    return /* @__PURE__ */ g(oe, { children: [
       /* @__PURE__ */ g(
         "tr",
         {
-          className: `table-row ${o ? "expandable" : ""} ${f[s] ? "deleted-class" : ""} ${c ? "selected" : ""} ${A ? "expanded" : ""}`,
+          className: `table-row ${o ? "expandable" : ""} ${f[n] ? "deleted-class" : ""} ${u ? "selected" : ""} ${T ? "expanded" : ""}`,
           onClick: () => o?.(f),
           children: [
             /* @__PURE__ */ e("td", { className: "table-row-cell table-row-checkbox", children: /* @__PURE__ */ e(
               "input",
               {
                 type: "checkbox",
-                checked: c,
-                onClick: (x) => x.stopPropagation(),
-                onChange: () => d(f),
+                checked: u,
+                onClick: (v) => v.stopPropagation(),
+                onChange: () => c(f),
                 "aria-label": t("_accessibility:components.table.selectRow")
               }
             ) }),
             a ? /* @__PURE__ */ e("td", { className: "w-px", children: /* @__PURE__ */ e("div", { className: "table-row-cell-action", children: (() => {
-              const x = a(f).filter(
+              const v = a(f).filter(
                 (N) => !N.hidden
-              ), I = x.filter(
+              ), P = v.filter(
                 (N) => N.sticky
-              ), $ = x.filter(
+              ), A = v.filter(
                 (N) => !N.sticky
               );
-              return /* @__PURE__ */ g(G, { children: [
-                I.map((N) => /* @__PURE__ */ e(ne, { content: N.tooltip, children: /* @__PURE__ */ e(
+              return /* @__PURE__ */ g(X, { children: [
+                P.map((N) => /* @__PURE__ */ e(le, { content: N.tooltip, children: /* @__PURE__ */ e(
                   q,
                   {
                     icon: N.icon,
                     className: "row-table-action",
-                    onClick: (O) => {
-                      O.stopPropagation(), N.onClick(f);
+                    onClick: (_) => {
+                      _.stopPropagation(), N.onClick(f);
                     }
                   }
                 ) }, N.id)),
-                $.length > 0 && /* @__PURE__ */ e(ve, { actions: $ })
+                A.length > 0 && /* @__PURE__ */ e(ve, { actions: A })
               ] });
             })() }) }) : null,
-            m?.map((x, I) => /* @__PURE__ */ e(
-              "td",
-              {
-                className: `table-row-cell ${I === 0 ? "basic" : ""} ${x.className ?? ""}`,
-                children: x.renderBody ? x.renderBody(f[x.key], f) : De(f[x.key])
-              },
-              x.key
-            ))
+            m?.map((v, P) => {
+              const A = f[v.key], N = v.renderBody ? v.renderBody(A, f) : ze(A);
+              return /* @__PURE__ */ e(
+                "td",
+                {
+                  className: `table-row-cell ${P === 0 ? "basic" : ""} ${v.className ?? ""}`,
+                  children: o && P === 0 ? /* @__PURE__ */ g("div", { className: "table-row-expand-content", children: [
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: "table-row-expand-indicator",
+                        "aria-hidden": !0,
+                        "data-state": T ? "expanded" : "collapsed",
+                        children: T ? /* @__PURE__ */ e(se, { className: "table-row-expand-chevron" }) : /* @__PURE__ */ e(ae, { className: "table-row-expand-chevron" })
+                      }
+                    ),
+                    /* @__PURE__ */ e("div", { className: "table-row-expand-value", children: N })
+                  ] }) : N
+                },
+                v.key
+              );
+            })
           ]
         }
       ),
-      A && S?.content !== null && typeof S?.content < "u" && /* @__PURE__ */ e("tr", { className: "table-row-expanded", children: /* @__PURE__ */ e("td", { className: "table-row-expanded-cell", colSpan: U, children: /* @__PURE__ */ e(
+      T && S?.content !== null && typeof S?.content < "u" && /* @__PURE__ */ e("tr", { className: "table-row-expanded", children: /* @__PURE__ */ e("td", { className: "table-row-expanded-cell", colSpan: U, children: /* @__PURE__ */ e(
         "div",
         {
           className: `table-row-expanded-content ${S.isVisible ? "open" : "closed"}`,
@@ -593,18 +617,18 @@ const De = (n) => n, Le = (n) => {
     ] }, f.id);
   });
 };
-function je() {
-  const { t: n } = k();
-  return /* @__PURE__ */ e("div", { className: "table-empty", children: /* @__PURE__ */ e("p", { children: n("_accessibility:components.table.empty") }) });
+function Ve() {
+  const { t: s } = $();
+  return /* @__PURE__ */ e("div", { className: "table-empty", children: /* @__PURE__ */ e("p", { children: s("_accessibility:components.table.empty") }) });
 }
-const Ve = (n) => {
-  const { columns: t, title: r, isLoading: s, toolbar: l, filterOptions: a } = n, { countOfFilters: u } = D(), { t: i } = k(), d = w(() => t ? t.sort((c, S) => (S.pos ?? 0) - (c.pos ?? 0)).filter((c) => !!c.filterOptions).map((c) => ({
-    ...c.filterOptions,
-    label: c.filterOptions?.label ?? c.label,
-    propertyName: c.key
-  })) : [], [t]), [o, m] = _(!1), h = v(
-    (c) => {
-      a?.dropdown?.setOpened ? a.dropdown.setOpened(c ?? !1) : m(c ?? !1);
+const je = (s) => {
+  const { columns: t, title: r, isLoading: n, toolbar: l, filterOptions: a } = s, { countOfFilters: d } = z(), { t: i } = $(), c = w(() => t ? [...t].sort((u, S) => (S.pos ?? 0) - (u.pos ?? 0)).filter((u) => !!u.filterOptions).map((u) => ({
+    ...u.filterOptions,
+    label: u.filterOptions?.label ?? u.label,
+    propertyName: u.key
+  })) : [], [t]), [o, m] = O(!1), h = x(
+    (u) => {
+      a?.dropdown?.setOpened ? a.dropdown.setOpened(u ?? !1) : m(u ?? !1);
     },
     [a]
   ), f = w(
@@ -614,22 +638,22 @@ const Ve = (n) => {
   return /* @__PURE__ */ g("div", { className: `table-header ${f ? "showing-filters" : ""}`, children: [
     /* @__PURE__ */ g("div", { children: [
       r && /* @__PURE__ */ e("h1", { className: "table-header-title", children: r }),
-      s ? null : /* @__PURE__ */ g("div", { className: "table-header-content", children: [
+      n ? null : /* @__PURE__ */ g("div", { className: "table-header-content", children: [
         l,
         a?.button?.hide !== !0 && /* @__PURE__ */ g(
           q,
           {
-            icon: a?.button?.icon ?? /* @__PURE__ */ e(me, { className: "filter-dropdown-trigger-icon" }),
+            icon: a?.button?.icon ?? /* @__PURE__ */ e(he, { className: "filter-dropdown-trigger-icon" }),
             className: "filter-dropdown-button normal filter-dropdown-trigger",
             "aria-haspopup": "true",
             onClick: () => h(!f),
             "aria-expanded": f,
             children: [
               /* @__PURE__ */ e(
-                ie,
+                de,
                 {
-                  count: u,
-                  className: `${u > 0 ? "show" : "hide"} `
+                  count: d,
+                  className: `${d > 0 ? "show" : "hide"} `
                 }
               ),
               /* @__PURE__ */ e("span", { className: "table-header-sr", children: i("_accessibility:buttons.filters") }),
@@ -639,27 +663,27 @@ const Ve = (n) => {
         )
       ] })
     ] }),
-    !!d && !!d.length && /* @__PURE__ */ e(
-      Oe,
+    !!c && !!c.length && /* @__PURE__ */ e(
+      _e,
       {
-        filters: d,
+        filters: c,
         show: f,
         handleShow: h,
         options: a
       }
     ),
-    /* @__PURE__ */ e(Te, { filtersDefinition: d })
+    /* @__PURE__ */ e(Te, { filtersDefinition: c })
   ] });
 };
 function Ue({
-  count: n,
+  count: s,
   multiActions: t,
   onActionClick: r
 }) {
-  const { t: s } = k();
+  const { t: n } = $();
   return /* @__PURE__ */ g("div", { className: "table-selection-bar", children: [
-    /* @__PURE__ */ e("p", { className: "table-selection-bar-count", children: s("_accessibility:components.table.selectedCount", { count: n }) }),
-    t.length > 0 && /* @__PURE__ */ e("div", { className: "table-selection-bar-actions", children: t.map((l) => /* @__PURE__ */ e(ne, { content: l.tooltip, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("p", { className: "table-selection-bar-count", children: n("_accessibility:components.table.selectedCount", { count: s }) }),
+    t.length > 0 && /* @__PURE__ */ e("div", { className: "table-selection-bar-actions", children: t.map((l) => /* @__PURE__ */ e(le, { content: l.tooltip, children: /* @__PURE__ */ e(
       q,
       {
         icon: l.icon,
@@ -672,127 +696,127 @@ function Ue({
 }
 const Q = 220;
 function Be({
-  data: n,
+  data: s,
   allowMultipleExpandedRows: t,
   controlledExpandedRowId: r,
-  onExpandedRowChange: s,
+  onExpandedRowChange: n,
   onRowExpand: l,
   findRowById: a
 }) {
-  const [u, i] = _(null), [d, o] = _(null), [m, h] = _(null), [f, c] = _(null), [S, A] = _(!1), [U, x] = _(/* @__PURE__ */ new Set()), [I, $] = _([]), N = j(null), O = j(null), z = j(/* @__PURE__ */ new Map()), E = typeof r < "u", F = t && !E, y = E ? r ?? null : u, B = v(() => {
-    O.current && (clearTimeout(O.current), O.current = null);
-  }, []), T = v(
+  const [d, i] = O(null), [c, o] = O(null), [m, h] = O(null), [f, u] = O(null), [S, T] = O(!1), [U, v] = O(/* @__PURE__ */ new Set()), [P, A] = O([]), N = V(null), _ = V(null), D = V(/* @__PURE__ */ new Map()), F = typeof r < "u", k = t && !F, y = F ? r ?? null : d, B = x(() => {
+    _.current && (clearTimeout(_.current), _.current = null);
+  }, []), E = x(
     (p) => {
       if (typeof p < "u") {
-        const b = z.current.get(p);
+        const b = D.current.get(p);
         if (!b) return;
-        clearTimeout(b), z.current.delete(p);
+        clearTimeout(b), D.current.delete(p);
         return;
       }
-      z.current.forEach(
+      D.current.forEach(
         (b) => clearTimeout(b)
-      ), z.current.clear();
+      ), D.current.clear();
     },
     []
-  ), J = v(
+  ), G = x(
     (p) => {
-      T(p), $((b) => b.some(
+      E(p), A((b) => b.some(
         (R) => R.rowId === p
       ) ? b.map(
         (R) => R.rowId === p ? { ...R, isVisible: !1 } : R
-      ) : b), z.current.set(
+      ) : b), D.current.set(
         p,
         setTimeout(() => {
-          $(
+          A(
             (b) => b.filter((C) => C.rowId !== p)
-          ), z.current.delete(p);
+          ), D.current.delete(p);
         }, Q)
       );
     },
-    [T]
-  ), K = v(
+    [E]
+  ), K = x(
     (p, b) => {
-      T(p), $((C) => C.some(
+      E(p), A((C) => C.some(
         (M) => M.rowId === p
       ) ? C.map(
         (M) => M.rowId === p ? { ...M, content: b, isVisible: !1 } : M
       ) : [...C, { rowId: p, content: b, isVisible: !1 }]), requestAnimationFrame(() => {
-        $(
+        A(
           (C) => C.map(
             (R) => R.rowId === p ? { ...R, isVisible: !0 } : R
           )
         );
       });
     },
-    [T]
+    [E]
   );
-  P(() => {
-    if (!F) return;
-    const p = new Set(n.map((b) => b.id));
-    x((b) => {
+  I(() => {
+    if (!k) return;
+    const p = new Set(s.map((b) => b.id));
+    v((b) => {
       const C = /* @__PURE__ */ new Set();
       return b.forEach((R) => {
         if (p.has(R)) {
           C.add(R);
           return;
         }
-        T(R);
+        E(R);
       }), C;
-    }), $((b) => (b.forEach((C) => {
-      p.has(C.rowId) || T(C.rowId);
+    }), A((b) => (b.forEach((C) => {
+      p.has(C.rowId) || E(C.rowId);
     }), b.filter(
       (C) => p.has(C.rowId)
     )));
-  }, [n, F, T]), P(() => {
-    if (F) return;
+  }, [s, k, E]), I(() => {
+    if (k) return;
     if (y === null) {
-      o(null), E && (N.current = null);
+      o(null), F && (N.current = null);
       return;
     }
-    a(y) || (E || i(null), o(null), E && (N.current = null));
+    a(y) || (F || i(null), o(null), F && (N.current = null));
   }, [
-    n,
+    s,
     y,
     a,
-    E,
-    F
-  ]), P(() => {
-    if (!F) {
-      if (B(), y === null || d === null) {
+    F,
+    k
+  ]), I(() => {
+    if (!k) {
+      if (B(), y === null || c === null) {
         if (m === null) {
-          A(!1), c(null);
+          T(!1), u(null);
           return;
         }
-        A(!1), O.current = setTimeout(() => {
-          h(null), c(null), O.current = null;
+        T(!1), _.current = setTimeout(() => {
+          h(null), u(null), _.current = null;
         }, Q);
         return;
       }
       if (m === null) {
-        h(y), c(d), requestAnimationFrame(() => A(!0));
+        h(y), u(c), requestAnimationFrame(() => T(!0));
         return;
       }
       if (m === y) {
-        c(d), requestAnimationFrame(() => A(!0));
+        u(c), requestAnimationFrame(() => T(!0));
         return;
       }
-      A(!1), O.current = setTimeout(() => {
-        h(y), c(d), requestAnimationFrame(() => A(!0)), O.current = null;
+      T(!1), _.current = setTimeout(() => {
+        h(y), u(c), requestAnimationFrame(() => T(!0)), _.current = null;
       }, Q);
     }
   }, [
     B,
-    d,
+    c,
     y,
-    F,
+    k,
     m
-  ]), P(
+  ]), I(
     () => () => {
-      B(), T();
+      B(), E();
     },
-    [B, T]
-  ), P(() => {
-    if (!E) return;
+    [B, E]
+  ), I(() => {
+    if (!F) return;
     if (y === null) {
       o(null), N.current = null;
       return;
@@ -804,52 +828,52 @@ function Be({
     }
     const b = N.current;
     o(l?.(p, b) ?? null), N.current = p;
-  }, [y, a, E, l]);
-  const le = v(
+  }, [y, a, F, l]);
+  const ie = x(
     (p) => {
-      if (F) {
+      if (k) {
         if (U.has(p.id)) {
-          x((X) => {
-            const L = new Set(X);
+          v((J) => {
+            const L = new Set(J);
             return L.delete(p.id), L;
-          }), J(p.id), s?.(null, p);
+          }), G(p.id), n?.(null, p);
           return;
         }
-        x((X) => {
-          const L = new Set(X);
+        v((J) => {
+          const L = new Set(J);
           return L.add(p.id), L;
         });
         const M = l?.(p, null) ?? null;
-        M !== null && typeof M < "u" ? K(p.id, M) : (T(p.id), $(
-          (X) => X.filter((L) => L.rowId !== p.id)
-        )), s?.(p, null);
+        M !== null && typeof M < "u" ? K(p.id, M) : (E(p.id), A(
+          (J) => J.filter((L) => L.rowId !== p.id)
+        )), n?.(p, null);
         return;
       }
       const b = y === p.id, C = b ? p : a(y);
-      if (E) {
-        s?.(b ? null : p, C);
+      if (F) {
+        n?.(b ? null : p, C);
         return;
       }
       if (b) {
-        i(null), o(null), s?.(null, p);
+        i(null), o(null), n?.(null, p);
         return;
       }
-      i(p.id), o(l?.(p, C) ?? null), s?.(p, C);
+      i(p.id), o(l?.(p, C) ?? null), n?.(p, C);
     },
     [
       y,
-      J,
-      T,
+      G,
+      E,
       K,
       a,
       U,
-      E,
       F,
-      s,
+      k,
+      n,
       l
     ]
   );
-  return { expandedRowsToRender: w(() => F ? I : m === null || f === null || typeof f > "u" ? [] : [
+  return { expandedRowsToRender: w(() => k ? P : m === null || f === null || typeof f > "u" ? [] : [
     {
       rowId: m,
       content: f,
@@ -857,27 +881,27 @@ function Be({
     }
   ], [
     S,
-    F,
+    k,
     f,
     m,
-    I
-  ]), onRowExpandChange: le };
+    P
+  ]), onRowExpandChange: ie };
 }
 function We({
-  actions: n,
+  actions: s,
   selectedRowsData: t
 }) {
-  const r = w(() => !n || !t.length ? [] : t.reduce(
-    (l, a, u) => {
-      const i = n(a).filter(
+  const r = w(() => !s || !t.length ? [] : t.reduce(
+    (l, a, d) => {
+      const i = s(a).filter(
         (o) => o.multiple && !o.hidden
       );
-      if (u === 0) return i;
-      const d = new Map(
+      if (d === 0) return i;
+      const c = new Map(
         l.map((o) => [o.id, o])
       );
       return i.reduce((o, m) => {
-        const h = d.get(m.id);
+        const h = c.get(m.id);
         return h && o.push({
           ...h,
           ...m,
@@ -886,7 +910,7 @@ function We({
       }, []);
     },
     []
-  ), [n, t]), s = v(
+  ), [s, t]), n = x(
     (l) => {
       if (t.length) {
         if (l.onMultipleClick) {
@@ -898,32 +922,32 @@ function We({
     },
     [t]
   );
-  return { multiActions: r, handleMultipleActionClick: s };
+  return { multiActions: r, handleMultipleActionClick: n };
 }
 function qe({
-  data: n,
+  data: s,
   onRowSelect: t,
   onSelectedRowsChange: r
 }) {
-  const [s, l] = _(/* @__PURE__ */ new Set()), a = w(
-    () => n?.filter((o) => s.has(o.id)) ?? [],
-    [n, s]
+  const [n, l] = O(/* @__PURE__ */ new Set()), a = w(
+    () => s?.filter((o) => n.has(o.id)) ?? [],
+    [s, n]
   );
-  P(() => {
-    if (!n?.length) {
+  I(() => {
+    if (!s?.length) {
       l(/* @__PURE__ */ new Set());
       return;
     }
     l((o) => {
-      const m = /* @__PURE__ */ new Set(), h = new Set(n.map((f) => f.id));
+      const m = /* @__PURE__ */ new Set(), h = new Set(s.map((f) => f.id));
       return o.forEach((f) => {
         h.has(f) && m.add(f);
       }), m;
     });
-  }, [n]), P(() => {
+  }, [s]), I(() => {
     r && r(a);
   }, [a, r]);
-  const u = v(
+  const d = x(
     (o) => {
       l((m) => {
         const h = new Set(m);
@@ -931,89 +955,89 @@ function qe({
       });
     },
     [t]
-  ), i = v(() => {
+  ), i = x(() => {
     l((o) => {
-      const m = new Set(o), h = n ?? [], f = h.every(
-        (c) => m.has(c.id)
+      const m = new Set(o), h = s ?? [], f = h.every(
+        (u) => m.has(u.id)
       );
-      return h.forEach((c) => {
-        const S = m.has(c.id);
-        f ? S && (m.delete(c.id), t?.(c, !1)) : S || (m.add(c.id), t?.(c, !0));
+      return h.forEach((u) => {
+        const S = m.has(u.id);
+        f ? S && (m.delete(u.id), t?.(u, !1)) : S || (m.add(u.id), t?.(u, !0));
       }), m;
     });
-  }, [n, t]), d = w(() => {
-    if (!n?.length)
+  }, [s, t]), c = w(() => {
+    if (!s?.length)
       return { allSelected: !1, hasSomeSelected: !1 };
-    const o = n.every((h) => s.has(h.id)), m = n.some((h) => s.has(h.id));
+    const o = s.every((h) => n.has(h.id)), m = s.some((h) => n.has(h.id));
     return { allSelected: o, hasSomeSelected: m };
-  }, [n, s]);
+  }, [s, n]);
   return {
-    selectedRows: s,
+    selectedRows: n,
     selectedRowsData: a,
-    selectionState: d,
-    onRowSelectionChange: u,
+    selectionState: c,
+    onRowSelectionChange: d,
     onToggleAllRows: i
   };
 }
-function dt(n) {
+function dt(s) {
   const {
     data: t,
     onSort: r,
-    entity: s = "",
+    entity: n = "",
     isLoading: l = !1,
     actions: a,
-    columns: u = [],
+    columns: d = [],
     contentClassName: i = "",
-    className: d = "",
+    className: c = "",
     softDeleteProperty: o = "deletedAt",
     onRowSelect: m,
     onSelectedRowsChange: h,
     allowMultipleExpandedRows: f = !1,
-    expandedRowId: c,
+    expandedRowId: u,
     onExpandedRowChange: S,
-    onRowExpand: A,
+    onRowExpand: T,
     ...U
-  } = n, x = w(() => !t?.length, [t]), I = v(
-    (J) => J === null ? null : t.find((K) => K.id === J) ?? null,
+  } = s, v = w(() => !t?.length, [t]), P = x(
+    (G) => G === null ? null : t.find((K) => K.id === G) ?? null,
     [t]
   ), {
-    selectedRows: $,
+    selectedRows: A,
     selectedRowsData: N,
-    selectionState: O,
-    onRowSelectionChange: z,
-    onToggleAllRows: E
-  } = qe({ data: t, onRowSelect: m, onSelectedRowsChange: h }), { expandedRowsToRender: F, onRowExpandChange: y } = Be({
+    selectionState: _,
+    onRowSelectionChange: D,
+    onToggleAllRows: F
+  } = qe({ data: t, onRowSelect: m, onSelectedRowsChange: h }), { expandedRowsToRender: k, onRowExpandChange: y } = Be({
     data: t,
     allowMultipleExpandedRows: f,
-    controlledExpandedRowId: c,
+    controlledExpandedRowId: u,
     onExpandedRowChange: S,
-    onRowExpand: A,
-    findRowById: I
-  }), { multiActions: B, handleMultipleActionClick: T } = We({
+    onRowExpand: T,
+    findRowById: P
+  }), { multiActions: B, handleMultipleActionClick: E } = We({
     actions: a,
     selectedRowsData: N
   });
-  return /* @__PURE__ */ e(re, { children: /* @__PURE__ */ g("div", { className: `${d} table-main`, children: [
-    /* @__PURE__ */ e(Ve, { columns: u, isLoading: l, ...U }),
-    l ? /* @__PURE__ */ e(Ce, { className: "table-loading" }) : /* @__PURE__ */ e(G, { children: x ? /* @__PURE__ */ e(je, {}) : /* @__PURE__ */ g(G, { children: [
+  return /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ g("div", { className: `${c} table-main`, children: [
+    /* @__PURE__ */ e(je, { columns: d, isLoading: l, ...U }),
+    l ? /* @__PURE__ */ e(Ce, { className: "table-loading" }) : /* @__PURE__ */ e(X, { children: v ? /* @__PURE__ */ e(Ve, {}) : /* @__PURE__ */ g(X, { children: [
       !!N.length && /* @__PURE__ */ e(
         Ue,
         {
           count: N.length,
           multiActions: B,
-          onActionClick: T
+          onActionClick: E
         }
       ),
       /* @__PURE__ */ e("div", { className: `${i} table-body`, children: /* @__PURE__ */ g("table", { className: "table-content", children: [
         /* @__PURE__ */ e(
           ye,
           {
-            entity: s,
-            columns: u,
+            entity: n,
+            columns: d,
             onSortCallback: r,
             hasAction: !!a,
-            selectionState: O,
-            onToggleAllRows: E
+            selectionState: _,
+            onToggleAllRows: F
           }
         ),
         /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e(
@@ -1021,32 +1045,32 @@ function dt(n) {
           {
             data: t,
             actions: a,
-            columns: u,
+            columns: d,
             softDeleteProperty: o,
-            selectedRows: $,
-            expandedRows: F,
-            onRowSelectionChange: z,
-            onRowExpand: A ? y : void 0
+            selectedRows: A,
+            expandedRows: k,
+            onRowSelectionChange: D,
+            onRowExpand: T ? y : void 0
           }
         ) })
       ] }) }),
-      /* @__PURE__ */ e(ze, {})
+      /* @__PURE__ */ e(De, {})
     ] }) })
   ] }) });
 }
 export {
   Te as A,
   ye as C,
-  Oe as F,
-  Pe as N,
+  _e as F,
+  Me as N,
   Ie as P,
   Re as R,
-  je as T,
+  Ve as T,
   Se as a,
-  _e as b,
-  ze as c,
+  Oe as b,
+  De as c,
   Le as d,
-  Ve as e,
+  je as e,
   Ue as f,
   dt as g,
   we as h,