@sito/dashboard 0.0.43 → 0.0.44

package/dist/dashboard.js

@@ -1,7 +1,7 @@
 import "./main.css";
-import { jsx as t, jsxs as b, Fragment as M } from "react/jsx-runtime";
-import { forwardRef as U, useState as P, useRef as D, useEffect as I, useCallback as k, createContext as W, useContext as q, useReducer as ae, useMemo as w } from "react";
-function se(e) {
+import { jsx as t, jsxs as N, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as j, useState as P, useRef as B, useEffect as R, useCallback as k, createContext as I, useContext as W, useReducer as ne, useMemo as S } from "react";
+function ae(e) {
   const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -14,7 +14,7 @@ function se(e) {
     }
   );
 }
-function re(e) {
+function se(e) {
   const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -27,7 +27,7 @@ function re(e) {
     }
   );
 }
-function le(e) {
+function re(e) {
   const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -40,7 +40,7 @@ function le(e) {
     }
   );
 }
-function oe(e) {
+function le(e) {
   const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -53,11 +53,11 @@ function oe(e) {
     }
   );
 }
-const ce = (e) => {
+const oe = (e) => {
   const { className: a = "" } = e;
   return /* @__PURE__ */ t("svg", { className: a, viewBox: "0 0 16 16", children: /* @__PURE__ */ t("path", { d: "M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z" }) });
 };
-function Q(e) {
+function G(e) {
   const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -70,8 +70,8 @@ function Q(e) {
     }
   );
 }
-var R = /* @__PURE__ */ ((e) => (e.error = "error", e.good = "good", e.default = "default", e))(R || {});
-const V = (e) => {
+var U = /* @__PURE__ */ ((e) => (e.error = "error", e.good = "good", e.default = "default", e))(U || {});
+const K = (e) => {
   switch (e) {
     case "error":
       return "input-error";
@@ -80,7 +80,7 @@ const V = (e) => {
     default:
       return "input-normal";
   }
-}, X = (e) => {
+}, Q = (e) => {
   switch (e) {
     case "error":
       return "input-label-error";
@@ -89,7 +89,7 @@ const V = (e) => {
     default:
       return "input-label-normal";
   }
-}, Y = (e) => {
+}, X = (e) => {
   switch (e) {
     case "error":
       return "input-helper-text-error";
@@ -99,243 +99,243 @@ const V = (e) => {
       return "input-helper-text-normal";
   }
 };
-const J = U(function(e, a) {
+const q = j(function(e, a) {
   const {
-    value: r,
+    value: s,
     onChange: n,
-    options: s,
-    containerClassName: l = "",
-    inputClassName: o = "",
+    options: r,
+    containerClassName: o = "",
+    inputClassName: c = "",
     labelClassName: i = "",
-    helperText: c = "",
-    helperTextClassName: N = "",
-    placeholder: d = "",
-    label: u = "",
-    name: v = "",
-    id: m = "",
-    state: p = R.default,
-    children: g,
-    ...f
+    helperText: l = "",
+    helperTextClassName: h = "",
+    placeholder: u = "",
+    label: p = "",
+    name: C = "",
+    id: g = "",
+    state: v = U.default,
+    children: f,
+    ...d
   } = e;
-  return /* @__PURE__ */ b("div", { className: `select-input-container ${l}`, children: [
+  return /* @__PURE__ */ N("div", { className: `select-input-container ${o}`, children: [
     /* @__PURE__ */ t(
       "select",
       {
-        ...f,
-        id: m,
+        ...d,
+        id: g,
         ref: a,
-        name: v,
-        value: r,
+        name: C,
+        value: s,
         onChange: n,
-        className: `select-input ${V(p)} peer ${o}`,
-        children: s == null ? void 0 : s.map((C) => /* @__PURE__ */ t("option", { value: C.id, children: C.value ?? C.name ?? C.id }, C.id))
+        className: `select-input ${K(v)} peer ${c}`,
+        children: r == null ? void 0 : r.map((m) => /* @__PURE__ */ t("option", { value: m.id, children: m.value ?? m.name ?? m.id }, m.id))
       }
     ),
     /* @__PURE__ */ t(
       "label",
       {
-        htmlFor: v,
-        className: `select-input-label ${X(p)} ${i}`,
-        children: u
+        htmlFor: C,
+        className: `select-input-label ${Q(v)} ${i}`,
+        children: p
       }
     ),
-    g,
+    f,
     /* @__PURE__ */ t(
       "p",
       {
-        className: `select-input-helper-text ${Y(p)} ${N}`,
-        children: p !== "error" && p !== "good" ? d : c
+        className: `select-input-helper-text ${X(v)} ${h}`,
+        children: v !== "error" && v !== "good" ? u : l
       }
     )
   ] });
 });
-const j = U(function(e, a) {
+const D = j(function(e, a) {
   const {
-    children: r,
-    state: n = R.default,
-    label: s = "",
-    containerClassName: l = "",
-    inputClassName: o = "",
+    children: s,
+    state: n = U.default,
+    label: r = "",
+    containerClassName: o = "",
+    inputClassName: c = "",
     labelClassName: i = "",
-    helperText: c = "",
-    helperTextClassName: N = "",
-    value: d = "",
-    ...u
+    helperText: l = "",
+    helperTextClassName: h = "",
+    value: u = "",
+    ...p
   } = e;
-  return /* @__PURE__ */ b("div", { className: `text-input-container ${l}`, children: [
+  return /* @__PURE__ */ N("div", { className: `text-input-container ${o}`, children: [
     /* @__PURE__ */ t(
       "input",
       {
         ref: a,
-        value: d,
-        className: `text-input ${V(n)} peer ${o} ${d ? "has-value" : ""} ${u.placeholder ? "has-placeholder" : ""}`,
-        ...u
+        value: u,
+        className: `text-input ${K(n)} peer ${c} ${u ? "has-value" : ""} ${p.placeholder ? "has-placeholder" : ""}`,
+        ...p
       }
     ),
-    !!s && /* @__PURE__ */ b(
+    !!r && /* @__PURE__ */ N(
       "label",
       {
-        htmlFor: u.name,
-        className: `text-input-label ${X(n)} ${i}`,
+        htmlFor: p.name,
+        className: `text-input-label ${Q(n)} ${i}`,
         children: [
-          s,
-          u.required ? " *" : ""
+          r,
+          p.required ? " *" : ""
         ]
       }
     ),
-    r,
-    !!c && /* @__PURE__ */ t(
+    s,
+    !!l && /* @__PURE__ */ t(
       "p",
       {
-        className: `text-input-helper-text ${Y(n)} ${N}`,
-        children: c
+        className: `text-input-helper-text ${X(n)} ${h}`,
+        children: l
       }
     )
   ] });
 });
-const ie = U(function(e, a) {
+const ce = j(function(e, a) {
   const {
-    checked: r,
+    checked: s,
     onChange: n,
-    state: s = R.default,
-    name: l = "",
-    id: o = "",
+    state: r = U.default,
+    name: o = "",
+    id: c = "",
     type: i = "text",
-    label: c = "",
-    containerClassName: N = "",
-    inputClassName: d = "",
-    labelClassName: u = "",
-    helperText: v = "",
-    helperTextClassName: m = "",
-    ...p
+    label: l = "",
+    containerClassName: h = "",
+    inputClassName: u = "",
+    labelClassName: p = "",
+    helperText: C = "",
+    helperTextClassName: g = "",
+    ...v
   } = e;
-  return /* @__PURE__ */ b("label", { className: `input-check-container ${N}`, children: [
+  return /* @__PURE__ */ N("label", { className: `input-check-container ${h}`, children: [
     /* @__PURE__ */ t(
       "input",
       {
-        id: o,
+        id: c,
         ref: a,
-        name: l,
+        name: o,
         type: "checkbox",
-        checked: r,
+        checked: s,
         onChange: n,
-        className: `input-check ${d}`,
-        ...p
+        className: `input-check ${u}`,
+        ...v
       }
     ),
-    /* @__PURE__ */ t("span", { className: `input-check-label ${u}`, children: c })
+    /* @__PURE__ */ t("span", { className: `input-check-label ${p}`, children: l })
   ] });
 });
-const de = U(function(e, a) {
+const ie = j(function(e, a) {
   const {
-    state: r,
+    state: s,
     value: n,
-    onChange: s,
-    options: l = [],
-    name: o = "",
+    onChange: r,
+    options: o = [],
+    name: c = "",
     id: i = "",
-    label: c = "",
-    containerClassName: N = "",
-    inputContainerClassName: d = "",
-    helperText: u = "",
-    placeholder: v = "",
-    multiple: m = !1,
-    ...p
-  } = e, [g, f] = P(""), [C, y] = P(!1), S = l.filter((h) => {
-    const x = String(h.value).toLowerCase().includes(g == null ? void 0 : g.toLowerCase());
-    return n && n.length ? n != null && n.some ? !(n != null && n.some((H) => H.id === h.id)) : (n == null ? void 0 : n.id) !== h.id : x;
-  }), A = D(null);
-  I(() => {
-    const h = (O) => {
-      A.current && !A.current.contains(O.target) && y(!1);
-    }, x = (O) => {
-      O.key === "Escape" && y(!1);
+    label: l = "",
+    containerClassName: h = "",
+    inputContainerClassName: u = "",
+    helperText: p = "",
+    placeholder: C = "",
+    multiple: g = !1,
+    ...v
+  } = e, [f, d] = P(""), [m, w] = P(!1), y = o.filter((b) => {
+    const x = String(b.value).toLowerCase().includes(f == null ? void 0 : f.toLowerCase());
+    return n && n.length ? n != null && n.some ? !(n != null && n.some((H) => H.id === b.id)) : (n == null ? void 0 : n.id) !== b.id : x;
+  }), _ = B(null);
+  R(() => {
+    const b = (z) => {
+      _.current && !_.current.contains(z.target) && w(!1);
+    }, x = (z) => {
+      z.key === "Escape" && w(!1);
     };
-    return document.addEventListener("mousedown", h), document.addEventListener("keydown", x), () => {
-      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", x);
+    return document.addEventListener("mousedown", b), document.addEventListener("keydown", x), () => {
+      document.removeEventListener("mousedown", b), document.removeEventListener("keydown", x);
     };
   }, []);
-  const B = (h) => {
-    f(h.target.value);
-  }, G = k(
-    (h) => {
-      f(""), h ? m ? Array.isArray(n) && n.length ? s([...n, h]) : s([h]) : s(h) : s(null), y(!1);
+  const A = (b) => {
+    d(b.target.value);
+  }, J = k(
+    (b) => {
+      d(""), b ? g ? Array.isArray(n) && n.length ? r([...n, b]) : r([b]) : r(b) : r(null), w(!1);
     },
-    [m, s, n]
-  ), ne = k(
-    (h) => {
-      const x = n.filter((O, H) => H !== h);
-      x.length ? s(x) : s(null);
+    [g, r, n]
+  ), te = k(
+    (b) => {
+      const x = n.filter((z, H) => H !== b);
+      x.length ? r(x) : r(null);
     },
-    [s, n]
+    [r, n]
   );
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ N(
     "div",
     {
-      className: `autocomplete-input-container ${N}`,
-      ref: A,
+      className: `autocomplete-input-container ${h}`,
+      ref: _,
       children: [
         /* @__PURE__ */ t(
-          j,
+          D,
           {
-            state: r,
-            name: o,
+            state: s,
+            name: c,
             id: i,
-            value: !m && n ? n.value ?? n.name : g,
-            onChange: B,
-            placeholder: v,
-            helperText: u,
-            onFocus: () => y(!0),
-            label: c,
-            containerClassName: `autocomplete-text-input ${d}`,
+            value: !g && n ? n.value ?? n.name : f,
+            onChange: A,
+            placeholder: C,
+            helperText: p,
+            onFocus: () => w(!0),
+            label: l,
+            containerClassName: `autocomplete-text-input ${u}`,
             ref: a,
-            ...p,
-            children: !m && n && /* @__PURE__ */ t(
+            ...v,
+            children: !g && n && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "autocomplete-delete-button",
-                onClick: (h) => {
-                  G(), h.stopPropagation();
+                onClick: (b) => {
+                  J(), b.stopPropagation();
                 },
-                children: /* @__PURE__ */ t(Q, {})
+                children: /* @__PURE__ */ t(G, {})
               }
             )
           }
         ),
-        C && /* @__PURE__ */ t("ul", { className: "autocomplete-suggestions-container", children: S.map((h) => /* @__PURE__ */ t(
+        m && /* @__PURE__ */ t("ul", { className: "autocomplete-suggestions-container", children: y.map((b) => /* @__PURE__ */ t(
           "li",
           {
-            className: "autocomplete-suggestion-item hover:bg-primary/20",
+            className: "autocomplete-suggestion-item",
             onClick: (x) => {
-              G(h), x.stopPropagation();
+              J(b), x.stopPropagation();
             },
-            children: h.value ?? h.name
+            children: b.value ?? b.name
           },
-          h.id ?? h.value ?? h.name
+          b.id ?? b.value ?? b.name
         )) }),
-        m && Array.isArray(n) && n.length ? /* @__PURE__ */ t("ul", { className: "autocomplete-value-container", children: n.map((h, x) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+        g && Array.isArray(n) && n.length ? /* @__PURE__ */ t("ul", { className: "autocomplete-value-container", children: n.map((b, x) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
           Te,
           {
-            label: String(h.value ?? h.name),
-            onDelete: (O) => {
-              ne(x), O.stopPropagation();
+            label: String(b.value ?? b.name),
+            onDelete: (z) => {
+              te(x), z.stopPropagation();
             }
           }
-        ) }, h.id ?? h.value ?? h.name)) }) : null
+        ) }, b.id ?? b.value ?? b.name)) }) : null
       ]
     }
   );
 });
-function ue(e) {
+function de(e) {
   const {
     color: a = "stroke-blue-800",
-    className: r = "",
+    className: s = "",
     loaderClass: n = "",
-    strokeWidth: s = "4",
-    ...l
+    strokeWidth: r = "4",
+    ...o
   } = e;
-  return /* @__PURE__ */ t("div", { ...l, className: `loading ${r}`, children: /* @__PURE__ */ t("div", { className: "loader-container", children: /* @__PURE__ */ t("div", { className: `loader ${n}`, children: /* @__PURE__ */ t("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { ...o, className: `loading ${s}`, children: /* @__PURE__ */ t("div", { className: "loader-container", children: /* @__PURE__ */ t("div", { className: `loader ${n}`, children: /* @__PURE__ */ t("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ t(
     "circle",
     {
       className: `path ${a}`,
@@ -343,86 +343,86 @@ function ue(e) {
       cy: "50",
       r: "20",
       fill: "none",
-      strokeWidth: s,
+      strokeWidth: r,
       strokeMiterlimit: "10"
     }
   ) }) }) }) });
 }
-const Z = W({});
+const Y = I({});
 function Be(e) {
-  const { children: a, t: r } = e;
-  return /* @__PURE__ */ t(Z.Provider, { value: { t: r }, children: a });
+  const { children: a, t: s } = e;
+  return /* @__PURE__ */ t(Y.Provider, { value: { t: s }, children: a });
 }
-const E = () => {
-  const e = q(Z);
+const O = () => {
+  const e = W(Y);
   if (e === void 0)
     throw new Error("translationContext must be used within a Provider");
   return e;
 };
-var L = /* @__PURE__ */ ((e) => (e[e.text = 0] = "text", e[e.number = 1] = "number", e[e.select = 2] = "select", e[e.autocomplete = 3] = "autocomplete", e[e.date = 4] = "date", e[e.check = 5] = "check", e))(L || {}), F = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(F || {});
-const pe = [20, 50, 100], ee = W({}), Me = (e) => {
-  const { children: a } = e, [r, n] = P(0), [s, l] = P(20), [o, i] = P(0), [c, N] = P("id"), [d, u] = P(F.DESC), [v, m] = P({}), p = k(
-    (C, y) => {
-      let S = d;
-      if (c === C)
-        switch (d) {
-          case F.ASC:
-            S = F.DESC;
+var E = /* @__PURE__ */ ((e) => (e[e.text = 0] = "text", e[e.number = 1] = "number", e[e.select = 2] = "select", e[e.autocomplete = 3] = "autocomplete", e[e.date = 4] = "date", e[e.check = 5] = "check", e))(E || {}), T = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(T || {});
+const ue = [20, 50, 100], Z = I({}), Me = (e) => {
+  const { children: a } = e, [s, n] = P(0), [r, o] = P(20), [c, i] = P(0), [l, h] = P("id"), [u, p] = P(T.DESC), [C, g] = P({}), v = k(
+    (m, w) => {
+      let y = u;
+      if (l === m)
+        switch (u) {
+          case T.ASC:
+            y = T.DESC;
             break;
           default:
-            S = F.ASC;
+            y = T.ASC;
             break;
         }
-      N(C), u(S), y && y(C, S);
+      h(m), p(y), w && w(m, y);
     },
-    [c, d]
-  ), g = k((C) => {
-    const y = Object.entries(C).reduce(
-      (S, [A, B]) => (B && typeof B.value < "u" && (S[A] = B.value), S),
+    [l, u]
+  ), f = k((m) => {
+    const w = Object.entries(m).reduce(
+      (y, [_, A]) => (A && typeof A.value < "u" && (y[_] = A.value), y),
       {}
     );
-    m(y);
-  }, []), f = {
-    onSort: p,
-    total: r,
+    g(w);
+  }, []), d = {
+    onSort: v,
+    total: s,
     setTotal: n,
-    sortingBy: c,
-    setSortingBy: N,
-    sortingOrder: d,
-    setSortingOrder: u,
-    pageSize: s,
-    pageSizes: pe,
-    setPageSize: l,
-    currentPage: o,
+    sortingBy: l,
+    setSortingBy: h,
+    sortingOrder: u,
+    setSortingOrder: p,
+    pageSize: r,
+    pageSizes: ue,
+    setPageSize: o,
+    currentPage: c,
     setCurrentPage: i,
-    filters: v,
-    onFilterApply: g
+    filters: C,
+    onFilterApply: f
   };
-  return /* @__PURE__ */ t(ee.Provider, { value: f, children: a });
-}, T = () => {
-  const e = q(ee);
+  return /* @__PURE__ */ t(Z.Provider, { value: d, children: a });
+}, L = () => {
+  const e = W(Z);
   if (e === void 0)
     throw new Error("tableOptionsContext must be used within a Provider");
   return e;
 };
 var $ = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", e))($ || {});
-const he = (e) => {
+const pe = (e) => {
   if (e) {
-    const a = {}, r = Object.keys(e);
-    return r == null || r.forEach((n) => {
+    const a = {}, s = Object.keys(e);
+    return s == null || s.forEach((n) => {
       a[n] = { value: e[n] };
     }), a;
   }
   return {};
 };
-function me(e, a) {
-  const { type: r } = a;
-  switch (r) {
+function he(e, a) {
+  const { type: s } = a;
+  switch (s) {
     case $.reset: {
-      const { filters: n } = a, s = {};
-      return n == null || n.forEach(({ propertyName: l, defaultValue: o }) => {
-        s[l] = { value: o };
-      }), { ...e, ...s };
+      const { filters: n } = a, r = {};
+      return n == null || n.forEach(({ propertyName: o, defaultValue: c }) => {
+        r[o] = { value: c };
+      }), { ...e, ...r };
     }
     case $.update: {
       const { toUpdate: n } = a;
@@ -432,61 +432,61 @@ function me(e, a) {
       return e;
   }
 }
-const te = W({}), be = (e) => {
-  const { children: a } = e, { filters: r } = T(), [n, s] = ae(
-    me,
-    he(r)
-  ), l = {
+const ee = I({}), me = (e) => {
+  const { children: a } = e, { filters: s } = L(), [n, r] = ne(
+    he,
+    pe(s)
+  ), o = {
     currentFilters: n,
-    setCurrentFilters: s
+    setCurrentFilters: r
   };
-  return /* @__PURE__ */ t(te.Provider, { value: l, children: a });
-}, _ = () => {
-  const e = q(te);
+  return /* @__PURE__ */ t(ee.Provider, { value: o, children: a });
+}, F = () => {
+  const e = W(ee);
   if (e === void 0)
     throw new Error("tableOptionsContext must be used within a Provider");
   return e;
 };
-function ve(e) {
-  const { t: a } = E(), { entity: r = "", columns: n = [], hasAction: s = !0, onSortCallback: l } = e, { onSort: o, sortingOrder: i, sortingBy: c } = T(), N = w(() => {
-    var d;
-    return (d = n.sort((u, v) => (v.pos ?? 0) - (u.pos ?? 0)).filter((u) => u.display !== "none")) == null ? void 0 : d.map((u) => ({
-      id: u.key,
-      label: u.label,
-      className: u.className ?? "",
-      sortable: u.sortable ?? !0,
-      sortOptions: u.sortOptions
+function be(e) {
+  const { t: a } = O(), { entity: s = "", columns: n = [], hasAction: r = !0, onSortCallback: o } = e, { onSort: c, sortingOrder: i, sortingBy: l } = L(), h = S(() => {
+    var u;
+    return (u = n.sort((p, C) => (C.pos ?? 0) - (p.pos ?? 0)).filter((p) => p.display !== "none")) == null ? void 0 : u.map((p) => ({
+      id: p.key,
+      label: p.label,
+      className: p.className ?? "",
+      sortable: p.sortable ?? !0,
+      sortOptions: p.sortOptions
     }));
-  }, [n, r, a]);
-  return /* @__PURE__ */ t("thead", { className: "table-headers-row", children: /* @__PURE__ */ b("tr", { children: [
-    N.map((d) => {
-      var u, v, m, p, g, f, C, y;
+  }, [n, s, a]);
+  return /* @__PURE__ */ t("thead", { className: "table-headers-row", children: /* @__PURE__ */ N("tr", { children: [
+    h.map((u) => {
+      var p, C, g, v, f, d, m, w;
       return /* @__PURE__ */ t(
         "th",
         {
           scope: "col",
-          className: `table-headers-column ${d.className}`,
-          children: /* @__PURE__ */ b(
+          className: `table-headers-column ${u.className}`,
+          children: /* @__PURE__ */ N(
             "button",
             {
-              disabled: !d.sortable,
-              onClick: () => o(d.id, l),
+              disabled: !u.sortable,
+              onClick: () => c(u.id, o),
               className: "table-headers-cell",
               children: [
-                /* @__PURE__ */ t("span", { className: "table-headers-label", children: d.label }),
-                d.sortable && /* @__PURE__ */ t(
+                /* @__PURE__ */ t("span", { className: "table-headers-label", children: u.label }),
+                u.sortable && /* @__PURE__ */ t(
                   "span",
                   {
-                    className: `${c === d.id ? "table-headers-sort-on" : "table-headers-sort"}`,
-                    children: i === F.ASC ? ((v = (u = d.sortOptions) == null ? void 0 : u.icons) == null ? void 0 : v.asc) ?? /* @__PURE__ */ t(
-                      re,
+                    className: `${l === u.id ? "table-headers-sort-on" : "table-headers-sort"}`,
+                    children: i === T.ASC ? ((C = (p = u.sortOptions) == null ? void 0 : p.icons) == null ? void 0 : C.asc) ?? /* @__PURE__ */ t(
+                      se,
                       {
-                        className: ((p = (m = d.sortOptions) == null ? void 0 : m.icons) == null ? void 0 : p.className) ?? "table-headers-sort-indicator"
+                        className: ((v = (g = u.sortOptions) == null ? void 0 : g.icons) == null ? void 0 : v.className) ?? "table-headers-sort-indicator"
                       }
-                    ) : ((f = (g = d.sortOptions) == null ? void 0 : g.icons) == null ? void 0 : f.desc) ?? /* @__PURE__ */ t(
-                      se,
+                    ) : ((d = (f = u.sortOptions) == null ? void 0 : f.icons) == null ? void 0 : d.desc) ?? /* @__PURE__ */ t(
+                      ae,
                       {
-                        className: ((y = (C = d.sortOptions) == null ? void 0 : C.icons) == null ? void 0 : y.className) ?? "table-headers-sort-indicator"
+                        className: ((w = (m = u.sortOptions) == null ? void 0 : m.icons) == null ? void 0 : w.className) ?? "table-headers-sort-indicator"
                       }
                     )
                   }
@@ -495,19 +495,19 @@ function ve(e) {
             }
           )
         },
-        d.id
+        u.id
       );
     }),
-    s && /* @__PURE__ */ t("th", { scope: "col", className: "table-headers-action", children: a("_accessibility:labels.actions") })
+    r && /* @__PURE__ */ t("th", { scope: "col", className: "table-headers-action", children: a("_accessibility:labels.actions") })
   ] }) });
 }
-function ge() {
-  const { t: e } = E();
+function Ne() {
+  const { t: e } = O();
   return /* @__PURE__ */ t("div", { className: "table-empty", children: /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.empty") }) });
 }
-const Ne = () => {
-  const { t: e } = E(), { total: a, pageSize: r, currentPage: n, setCurrentPage: s } = T();
-  return /* @__PURE__ */ b("div", { className: "table-navigation-pages", children: [
+const ve = () => {
+  const { t: e } = O(), { total: a, pageSize: s, currentPage: n, setCurrentPage: r } = L();
+  return /* @__PURE__ */ N("div", { className: "table-navigation-pages", children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -515,29 +515,29 @@ const Ne = () => {
         disabled: n === 0,
         "aria-label": e("_accessibility:buttons.previous"),
         name: e("_accessibility:buttons.previous"),
-        onClick: () => s(n - 1),
-        children: /* @__PURE__ */ t(oe, { className: "w-2.5" })
+        onClick: () => r(n - 1),
+        children: /* @__PURE__ */ t(le, { className: "w-2.5" })
       }
     ),
     /* @__PURE__ */ t(
       "button",
       {
-        disabled: Math.floor(a / ((n + 1) * r)) === 0,
+        disabled: Math.floor(a / ((n + 1) * s)) === 0,
         className: "table-navigation-buttons",
         name: e("_accessibility:buttons.next"),
         "aria-label": e("_accessibility:buttons.next"),
-        onClick: () => s(n + 1),
-        children: /* @__PURE__ */ t(le, { className: "w-2.5" })
+        onClick: () => r(n + 1),
+        children: /* @__PURE__ */ t(re, { className: "w-2.5" })
       }
     )
   ] });
-}, fe = () => {
-  const { t: e } = E(), { total: a, pageSize: r, pageSizes: n, currentPage: s } = T(), l = (s + 1) * r > a ? a : (s + 1) * r;
-  return /* @__PURE__ */ b("div", { className: "table-navigation-sizes", children: [
-    n[0] < a && /* @__PURE__ */ t(M, { children: /* @__PURE__ */ b("p", { children: [
-      s * r + 1,
+}, ge = () => {
+  const { t: e } = O(), { total: a, pageSize: s, pageSizes: n, currentPage: r } = L(), o = (r + 1) * s > a ? a : (r + 1) * s;
+  return /* @__PURE__ */ N("div", { className: "table-navigation-sizes", children: [
+    n[0] < a && /* @__PURE__ */ t(M, { children: /* @__PURE__ */ N("p", { children: [
+      r * s + 1,
       " - ",
-      l,
+      o,
       " ",
       e("_accessibility:components.table.of")
     ] }) }),
@@ -545,275 +545,286 @@ const Ne = () => {
   ] });
 };
 function Ce() {
-  const { t: e } = E(), { pageSizes: a, pageSize: r, setPageSize: n } = T(), s = w(
-    () => a == null ? void 0 : a.map((l) => ({ id: l, value: l })),
+  const { t: e } = O(), { pageSizes: a, pageSize: s, setPageSize: n } = L(), r = S(
+    () => a == null ? void 0 : a.map((o) => ({ id: o, value: o })),
     [a]
   );
-  return /* @__PURE__ */ b("div", { className: "page-size", children: [
+  return /* @__PURE__ */ N("div", { className: "page-size", children: [
     /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.pageSizes") }),
     /* @__PURE__ */ t(
-      J,
+      q,
       {
-        value: r,
-        options: s,
+        value: s,
+        options: r,
         inputClassName: "page-size-input",
         containerClassName: "page-size-input-container",
         helperTextClassName: "hidden",
-        onChange: (l) => n(Number(l.target.value))
+        onChange: (o) => n(Number(o.target.value))
       }
     )
   ] });
 }
-function ye() {
-  const { t: e } = E(), { total: a, pageSize: r, currentPage: n, setCurrentPage: s } = T(), l = w(() => {
-    const o = Math.ceil(a / r);
-    return Array.from({ length: o }, (i, c) => ({
-      id: c,
-      value: c + 1
+function fe() {
+  const { t: e } = O(), { total: a, pageSize: s, currentPage: n, setCurrentPage: r } = L(), o = S(() => {
+    const c = Math.ceil(a / s);
+    return Array.from({ length: c }, (i, l) => ({
+      id: l,
+      value: l + 1
     }));
-  }, [a, r]);
-  return /* @__PURE__ */ b("div", { className: "jump-to-page", children: [
+  }, [a, s]);
+  return /* @__PURE__ */ N("div", { className: "jump-to-page", children: [
     /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.jumpToPage") }),
     /* @__PURE__ */ t(
-      J,
+      q,
       {
         value: n,
-        options: l,
+        options: o,
         inputClassName: "jump-to-page-input",
         containerClassName: "jump-to-page-input-container",
         helperTextClassName: "hidden",
-        onChange: (o) => s(Number(o.target.value))
+        onChange: (c) => r(Number(c.target.value))
       }
     )
   ] });
 }
 function we() {
-  return /* @__PURE__ */ b("div", { className: "table-footer", children: [
-    /* @__PURE__ */ t(ye, {}),
-    /* @__PURE__ */ t(Ce, {}),
+  return /* @__PURE__ */ N("div", { className: "table-footer", children: [
     /* @__PURE__ */ t(fe, {}),
-    /* @__PURE__ */ t(Ne, {})
+    /* @__PURE__ */ t(Ce, {}),
+    /* @__PURE__ */ t(ge, {}),
+    /* @__PURE__ */ t(ve, {})
   ] });
 }
-function xe(e) {
-  const { propertyName: a, options: r, label: n } = e, { currentFilters: s, setCurrentFilters: l } = _(), o = w(() => {
-    var c;
-    return ((c = s[a]) == null ? void 0 : c.value) ?? r[0];
-  }, [s]), i = k((c) => {
-    l({
+function ye(e) {
+  const { propertyName: a, options: s, label: n } = e, { currentFilters: r, setCurrentFilters: o } = F(), c = S(() => {
+    var l;
+    return ((l = r[a]) == null ? void 0 : l.value) ?? s[0];
+  }, [r]), i = k((l) => {
+    o({
       type: $.update,
-      toUpdate: { [a]: { value: c.target.value } }
+      toUpdate: { [a]: { value: l.target.value } }
     });
   }, []);
   return /* @__PURE__ */ t(
-    J,
+    q,
     {
-      value: o,
+      value: c,
       label: n,
-      options: r,
+      options: s,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
       onChange: i
     }
   );
 }
-const ke = (e) => {
-  const { propertyName: a, label: r } = e, { currentFilters: n, setCurrentFilters: s } = _(), l = w(() => {
+const xe = (e) => {
+  const { propertyName: a, label: s } = e, { currentFilters: n, setCurrentFilters: r } = F(), o = S(() => {
     var i;
     return ((i = n[a]) == null ? void 0 : i.value) ?? "";
-  }, [n]), o = k((i) => {
-    s({
+  }, [n]), c = k((i) => {
+    r({
       type: $.update,
       toUpdate: { [a]: { value: i.target.value } }
     });
   }, []);
   return /* @__PURE__ */ t(
-    j,
+    D,
     {
-      value: l ?? "",
-      label: r,
-      onChange: o,
+      value: o ?? "",
+      label: s,
+      onChange: c,
       containerClassName: "input-widget-container",
       helperTextClassName: ""
     }
   );
-}, $e = (e) => {
-  const { propertyName: a, label: r } = e, { currentFilters: n, setCurrentFilters: s } = _(), l = w(() => {
+}, ke = (e) => {
+  const { propertyName: a, label: s } = e, { currentFilters: n, setCurrentFilters: r } = F(), o = S(() => {
     var i;
     return ((i = n[a]) == null ? void 0 : i.value) ?? "";
-  }, [n]), o = k((i) => {
-    s({
+  }, [n]), c = k((i) => {
+    r({
       type: $.update,
       toUpdate: { [a]: { value: i.target.checked } }
     });
   }, []);
-  return /* @__PURE__ */ t(ie, { label: r, checked: l ?? !1, onChange: o });
+  return /* @__PURE__ */ t(ce, { label: s, checked: o ?? !1, onChange: c });
 };
-function Se(e) {
-  const { propertyName: a, label: r, options: n, multiple: s = !0 } = e, { currentFilters: l, setCurrentFilters: o } = _(), i = w(() => l[a] ?? n[0], [l]), c = k(
-    (N) => {
-      o({
+function $e(e) {
+  const { propertyName: a, label: s, options: n, multiple: r = !0 } = e, { currentFilters: o, setCurrentFilters: c } = F(), i = S(() => o[a] ?? n[0], [o]), l = k(
+    (h) => {
+      c({
         type: $.update,
         toUpdate: {
           [a]: {
-            value: N
+            value: h
           }
         }
       });
     },
-    [s]
+    [r]
   );
   return /* @__PURE__ */ t(
-    de,
+    ie,
     {
       value: i == null ? void 0 : i.value,
-      label: r,
+      label: s,
       options: n,
-      multiple: s,
+      multiple: r,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
-      onChange: c
+      onChange: l
     }
   );
 }
-const K = (e) => {
-  var u, v, m, p;
-  const { propertyName: a, label: r, inputType: n } = e, { t: s } = E(), { currentFilters: l, setCurrentFilters: o } = _(), i = D(null), c = D(null), N = k((g) => {
-    var f;
-    o({
+const V = (e) => {
+  var p, C, g, v;
+  const { propertyName: a, label: s, inputType: n } = e, { t: r } = O(), { currentFilters: o, setCurrentFilters: c } = F(), i = B(null), l = B(null), h = k((f) => {
+    var d;
+    c({
       type: $.update,
       toUpdate: {
         [a]: {
-          value: { end: ((f = c == null ? void 0 : c.current) == null ? void 0 : f.value) ?? null, start: g.target.value }
+          value: { end: ((d = l == null ? void 0 : l.current) == null ? void 0 : d.value) ?? null, start: f.target.value }
         }
       }
     });
-  }, []), d = k((g) => {
-    var f;
-    o({
+  }, []), u = k((f) => {
+    var d;
+    c({
       type: $.update,
       toUpdate: {
         [a]: {
           value: {
-            start: ((f = i == null ? void 0 : i.current) == null ? void 0 : f.value) ?? null,
-            end: g.target.value
+            start: ((d = i == null ? void 0 : i.current) == null ? void 0 : d.value) ?? null,
+            end: f.target.value
           }
         }
       }
     });
   }, []);
-  return /* @__PURE__ */ b("div", { className: "relative", children: [
-    /* @__PURE__ */ t("p", { className: "text-input-label input-widget-label input-label-normal", children: r }),
-    /* @__PURE__ */ b("div", { className: "range-widget-row", children: [
+  return /* @__PURE__ */ N("div", { className: "range-widget-container", children: [
+    /* @__PURE__ */ t("p", { className: "text-input-label input-widget-label input-label-normal", children: s }),
+    /* @__PURE__ */ N("div", { className: "range-widget-row", children: [
       /* @__PURE__ */ t(
-        j,
+        D,
         {
-          value: ((v = (u = l[a]) == null ? void 0 : u.value) == null ? void 0 : v.start) ?? "",
-          placeholder: s("_accessibility:components.table.filters.range.start"),
+          value: ((C = (p = o[a]) == null ? void 0 : p.value) == null ? void 0 : C.start) ?? "",
+          placeholder: r("_accessibility:components.table.filters.range.start"),
           type: n,
           ref: i,
-          onChange: N,
+          onChange: h,
           containerClassName: "input-widget-container",
           helperTextClassName: ""
         }
       ),
       /* @__PURE__ */ t(
-        j,
+        D,
         {
-          value: ((p = (m = l[a]) == null ? void 0 : m.value) == null ? void 0 : p.end) ?? "",
-          placeholder: s("_accessibility:components.table.filters.range.end"),
+          value: ((v = (g = o[a]) == null ? void 0 : g.value) == null ? void 0 : v.end) ?? "",
+          placeholder: r("_accessibility:components.table.filters.range.end"),
           type: n,
-          ref: c,
-          onChange: d,
+          ref: l,
+          onChange: u,
           containerClassName: "input-widget-container",
           helperTextClassName: ""
         }
       )
     ] })
   ] });
-}, Pe = (e) => {
+}, Se = (e) => {
   switch (e.type) {
-    case L.text:
-      return /* @__PURE__ */ t(ke, { ...e });
-    case L.number:
+    case E.text:
+      return /* @__PURE__ */ t(xe, { ...e });
+    case E.number:
       return /* @__PURE__ */ t(
-        K,
+        V,
         {
           ...e,
           inputType: "number"
         }
       );
-    case L.date:
+    case E.date:
       return /* @__PURE__ */ t(
-        K,
+        V,
         {
           ...e,
           inputType: "date"
         }
       );
-    case L.select:
-      return /* @__PURE__ */ t(xe, { ...e });
-    case L.autocomplete:
-      return /* @__PURE__ */ t(Se, { ...e });
-    case L.check:
+    case E.select:
+      return /* @__PURE__ */ t(ye, { ...e });
+    case E.autocomplete:
       return /* @__PURE__ */ t($e, { ...e });
+    case E.check:
+      return /* @__PURE__ */ t(ke, { ...e });
   }
   return /* @__PURE__ */ t(M, {});
 };
-const ze = (e) => {
-  const { align: a = "right", filters: r = [], icon: n } = e, [s, l] = P(!1), { onFilterApply: o, filters: i } = T(), { currentFilters: c, setCurrentFilters: N } = _(), { t: d } = E(), u = D(null), v = D(null);
-  return I(() => {
-    const m = ({ target: p }) => {
-      var g, f;
-      v.current && (!s || (g = v.current) != null && g.contains(p) || (f = u == null ? void 0 : u.current) != null && f.contains(p) || l(!1));
+const Pe = (e) => {
+  var C, g, v, f;
+  const { filters: a = [], options: s } = e, [n, r] = P(!1), { onFilterApply: o, filters: c } = L(), { currentFilters: i, setCurrentFilters: l } = F(), { t: h } = O(), u = B(null), p = B(null);
+  return R(() => {
+    const d = ({ target: m }) => {
+      var w, y;
+      p.current && (!n || (w = p.current) != null && w.contains(m) || (y = u == null ? void 0 : u.current) != null && y.contains(m) || r(!1));
     };
-    return document.addEventListener("click", m), () => document.removeEventListener("click", m);
-  }), I(() => {
-    const m = (p) => {
-      !s || p.code !== "Escape" || l(!1);
+    return document.addEventListener("click", d), () => document.removeEventListener("click", d);
+  }), R(() => {
+    const d = (m) => {
+      !n || m.code !== "Escape" || r(!1);
     };
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }), /* @__PURE__ */ b("div", { className: "filter-dropdown-main", children: [
-    /* @__PURE__ */ b(
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+  }), /* @__PURE__ */ N("div", { className: "filter-dropdown-main", children: [
+    ((C = s == null ? void 0 : s.button) == null ? void 0 : C.hide) !== !0 && /* @__PURE__ */ N(
       "button",
       {
         ref: u,
         className: "filter-dropdown-button normal filter-dropdown-trigger",
         "aria-haspopup": "true",
-        onClick: () => l(!s),
-        "aria-expanded": s,
+        onClick: () => {
+          var d, m, w;
+          return ((w = (d = s == null ? void 0 : s.dropdown) == null ? void 0 : d.setOpened) == null ? void 0 : w.call(d, !((m = s == null ? void 0 : s.dropdown) != null && m.opened))) ?? r(!n);
+        },
+        "aria-expanded": ((g = s == null ? void 0 : s.dropdown) == null ? void 0 : g.opened) ?? n,
         children: [
-          /* @__PURE__ */ t("span", { className: "sr-only", children: d("_accessibility:buttons.filters") }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: h("_accessibility:buttons.filters") }),
           /* @__PURE__ */ t("wbr", {}),
-          n ?? /* @__PURE__ */ t(ce, { className: "filter-dropdown-trigger-icon" })
+          ((v = s == null ? void 0 : s.button) == null ? void 0 : v.icon) ?? /* @__PURE__ */ t(oe, { className: "filter-dropdown-trigger-icon" })
         ]
       }
     ),
     /* @__PURE__ */ t(
       "div",
       {
-        className: `filter-dropdown-transition ${s ? "opened" : "closed"} ${a === "right" ? "right" : "left"}`,
-        children: /* @__PURE__ */ b("div", { ref: v, children: [
-          /* @__PURE__ */ t("div", { className: "filter-title", children: d("_accessibility:buttons.filters") }),
-          /* @__PURE__ */ t("ul", { className: "filter-container", children: r.map((m) => /* @__PURE__ */ t("li", { className: "filter-container-item", children: Pe(m) }, m.propertyName)) }),
-          /* @__PURE__ */ t("div", { className: "filter-footer", children: /* @__PURE__ */ b("ul", { className: "filter-buttons-row", children: [
+        className: `filter-dropdown-backdrop ${(f = s == null ? void 0 : s.dropdown) != null && f.opened || n ? "opened" : "closed"}`,
+        children: /* @__PURE__ */ N("div", { className: "filter-popup", children: [
+          /* @__PURE__ */ t("div", { className: "filter-title", children: h("_accessibility:buttons.filters") }),
+          /* @__PURE__ */ t("ul", { className: "filter-container", children: a.map((d) => /* @__PURE__ */ t("li", { className: "filter-container-item", children: Se(d) }, d.propertyName)) }),
+          /* @__PURE__ */ t("div", { className: "filter-footer", children: /* @__PURE__ */ N("ul", { className: "filter-buttons-row", children: [
             /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
               "button",
               {
-                onClick: () => N({ type: $.reset, filters: r }),
+                onClick: () => l({
+                  type: $.reset,
+                  filters: a
+                }),
                 className: "filter-dropdown-button small filter-dropdown-cancel",
-                children: d("_accessibility:buttons.clear")
+                children: h("_accessibility:buttons.clear")
               }
             ) }),
             /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
               "button",
               {
-                className: "filter-dropdown-button small filter-dropdown-submit bg-primary hover:bg-light-primary",
+                className: "filter-dropdown-button small filter-dropdown-submit",
                 onClick: () => {
-                  l(!1), o(c);
+                  var d, m;
+                  ((m = (d = s == null ? void 0 : s.dropdown) == null ? void 0 : d.setOpened) == null ? void 0 : m.call(d, !1)) ?? r(!1), o(i);
                 },
-                onBlur: () => l(!1),
-                children: d("_accessibility:buttons.applyFilters")
+                onBlur: () => {
+                  var d, m;
+                  return ((m = (d = s == null ? void 0 : s.dropdown) == null ? void 0 : d.setOpened) == null ? void 0 : m.call(d, !1)) ?? r(!1);
+                },
+                children: h("_accessibility:buttons.applyFilters")
               }
             ) })
           ] }) })
@@ -821,80 +832,95 @@ const ze = (e) => {
       }
     )
   ] });
-}, Ee = (e) => e, Oe = (e) => {
-  const { columns: a, softDeleteProperty: r = "deleted", data: n, actions: s } = e, l = w(
-    () => a.sort((o, i) => (i.pos ?? 0) - (o.pos ?? 0)).filter((o) => o.display !== "none"),
+}, Oe = (e) => {
+  var i;
+  const { columns: a, title: s, isLoading: n, toolbar: r, filterOptions: o } = e, c = S(() => a ? a.sort((l, h) => (h.pos ?? 0) - (l.pos ?? 0)).filter((l) => !!l.filterOptions).map((l) => {
+    var h;
+    return {
+      ...l.filterOptions,
+      label: ((h = l.filterOptions) == null ? void 0 : h.label) ?? l.label,
+      propertyName: l.key
+    };
+  }) : [], [a]);
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: `table-header ${s && (r || !((i = o == null ? void 0 : o.button) != null && i.hide)) ? "two" : "one"}`,
+      children: [
+        s && /* @__PURE__ */ t("h1", { className: "table-header-title", children: s }),
+        n ? null : /* @__PURE__ */ N("div", { className: "table-header-right", children: [
+          r,
+          !!c && !!c.length && /* @__PURE__ */ t(
+            Pe,
+            {
+              filters: c,
+              options: o
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, ze = (e) => e, Ee = (e) => {
+  const { columns: a, softDeleteProperty: s = "deleted", data: n, actions: r } = e, o = S(
+    () => a.sort((c, i) => (i.pos ?? 0) - (c.pos ?? 0)).filter((c) => c.display !== "none"),
     [a]
   );
-  return n == null ? void 0 : n.map((o) => {
+  return n == null ? void 0 : n.map((c) => {
     var i;
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ N(
       "tr",
       {
-        className: `table-row ${o[r] ? "deleted-class" : ""}`,
+        className: `table-row ${c[s] ? "deleted-class" : ""}`,
         children: [
-          l == null ? void 0 : l.map((c, N) => /* @__PURE__ */ t(
+          o == null ? void 0 : o.map((l, h) => /* @__PURE__ */ t(
             "td",
             {
-              className: `table-row-cell ${N === 0 ? "basic" : ""} ${c.className ?? ""}`,
-              children: c.renderBody ? c.renderBody(o[c.key], o) : Ee(o[c.key])
+              className: `table-row-cell ${h === 0 ? "basic" : ""} ${l.className ?? ""}`,
+              children: l.renderBody ? l.renderBody(c[l.key], c) : ze(c[l.key])
             },
-            c.key
+            l.key
           )),
-          s ? /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "table-row-cell-action", children: (i = s(o).filter((c) => !c.hidden)) == null ? void 0 : i.map((c) => /* @__PURE__ */ t(Le, { content: c.tooltip, children: /* @__PURE__ */ t("button", { onClick: () => c.onClick(o), children: c.icon }) }, c.id)) }) }) : null
+          r ? /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "table-row-cell-action", children: (i = r(c).filter((l) => !l.hidden)) == null ? void 0 : i.map((l) => /* @__PURE__ */ t(Le, { content: l.tooltip, children: /* @__PURE__ */ t("button", { onClick: () => l.onClick(c), children: l.icon }) }, l.id)) }) }) : null
         ]
       },
-      o.id
+      c.id
     );
   });
 };
 function De(e) {
   const {
-    title: a = "",
-    data: r,
-    onSort: n,
-    entity: s = "",
-    isLoading: l = !1,
+    data: a,
+    onSort: s,
+    entity: n = "",
+    isLoading: r = !1,
     actions: o,
-    columns: i = [],
-    contentClassName: c = "",
-    className: N = "",
-    toolbar: d = /* @__PURE__ */ t(M, {}),
-    softDeleteProperty: u = "deleted"
-  } = e, v = w(() => i ? i.sort((p, g) => (g.pos ?? 0) - (p.pos ?? 0)).filter((p) => !!p.filterOptions).map((p) => {
-    var g;
-    return {
-      ...p.filterOptions,
-      label: ((g = p.filterOptions) == null ? void 0 : g.label) ?? p.label,
-      propertyName: p.key
-    };
-  }) : [], [i]), m = w(() => !(r != null && r.length), [r]);
-  return /* @__PURE__ */ t(be, { children: /* @__PURE__ */ b("div", { className: `${N} table-main`, children: [
-    /* @__PURE__ */ b("div", { className: "table-header", children: [
-      /* @__PURE__ */ t("h1", { className: "table-header-title", children: a }),
-      l ? null : /* @__PURE__ */ b("div", { className: "table-header-right", children: [
-        d,
-        !!v && !!v.length && /* @__PURE__ */ t(ze, { filters: v })
-      ] })
-    ] }),
-    l ? /* @__PURE__ */ t(ue, { className: "table-loading" }) : /* @__PURE__ */ t(M, { children: m ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ b(M, { children: [
-      /* @__PURE__ */ t("div", { className: `${c} table-body`, children: /* @__PURE__ */ b("table", { className: "table-content", children: [
+    columns: c = [],
+    contentClassName: i = "",
+    className: l = "",
+    softDeleteProperty: h = "deleted",
+    ...u
+  } = e, p = S(() => !(a != null && a.length), [a]);
+  return /* @__PURE__ */ t(me, { children: /* @__PURE__ */ N("div", { className: `${l} table-main`, children: [
+    /* @__PURE__ */ t(Oe, { columns: c, isLoading: r, ...u }),
+    r ? /* @__PURE__ */ t(de, { className: "table-loading" }) : /* @__PURE__ */ t(M, { children: p ? /* @__PURE__ */ t(Ne, {}) : /* @__PURE__ */ N(M, { children: [
+      /* @__PURE__ */ t("div", { className: `${i} table-body`, children: /* @__PURE__ */ N("table", { className: "table-content", children: [
         /* @__PURE__ */ t(
-          ve,
+          be,
           {
-            entity: s,
-            columns: i,
-            onSortCallback: n,
+            entity: n,
+            columns: c,
+            onSortCallback: s,
             hasAction: !!o
           }
         ),
         /* @__PURE__ */ t("tbody", { children: /* @__PURE__ */ t(
-          Oe,
+          Ee,
           {
-            data: r,
+            data: a,
             actions: o,
-            columns: i,
-            softDeleteProperty: u
+            columns: c,
+            softDeleteProperty: h
           }
         ) })
       ] }) }),
@@ -903,83 +929,57 @@ function De(e) {
   ] }) });
 }
 function Le(e) {
-  const { content: a, children: r } = e;
-  return /* @__PURE__ */ b("div", { className: "tooltip-container", children: [
-    r,
+  const { content: a, children: s } = e;
+  return /* @__PURE__ */ N("div", { className: "tooltip-container", children: [
+    s,
     /* @__PURE__ */ t("div", { className: "tooltip-text", children: a })
   ] });
 }
-var z = /* @__PURE__ */ ((e) => (e.empty = "empty", e.outlined = "outlined", e.default = "default", e))(z || {});
 function Te(e) {
-  const {
-    label: a,
-    onDelete: r,
-    className: n = "",
-    spanClassName: s = "",
-    variant: l = z.default
-  } = e, o = w(() => {
-    switch (l) {
-      case z.empty:
-        return "text-primary bg-transparent";
-      case z.outlined:
-        return "border border-primary";
-      case z.default:
-      default:
-        return "text-white bg-primary";
-    }
-  }, [l]), i = w(() => {
-    switch (l) {
-      case z.empty:
-      case z.outlined:
-        return "chip-delete-button-svg";
-      case z.default:
-      default:
-        return "filled-chip-delete-button-svg";
-    }
-  }, [l]);
-  return /* @__PURE__ */ b("div", { className: `chip-main ${o} ${n}`, children: [
-    /* @__PURE__ */ t("span", { className: s, children: a }),
-    r ? /* @__PURE__ */ t("button", { type: "button", className: "chip-delete-button", onClick: r, children: /* @__PURE__ */ t(Q, { className: i }) }) : null
+  const { label: a, onDelete: s, className: n = "", spanClassName: r = "" } = e;
+  return /* @__PURE__ */ N("div", { className: `chip-main ${n}`, children: [
+    /* @__PURE__ */ t("span", { className: r, children: a }),
+    s ? /* @__PURE__ */ t("button", { type: "button", className: "chip-delete-button", onClick: s, children: /* @__PURE__ */ t(G, {}) }) : null
   ] });
 }
 export {
-  de as AutocompleteInput,
-  ie as CheckInput,
-  se as ChevronDown,
-  oe as ChevronLeft,
-  le as ChevronRight,
-  re as ChevronUp,
+  ie as AutocompleteInput,
+  ce as CheckInput,
+  ae as ChevronDown,
+  le as ChevronLeft,
+  re as ChevronRight,
+  se as ChevronUp,
   Te as Chip,
-  z as ChipVariant,
-  Q as Close,
-  ve as Columns,
-  fe as CountOfTotal,
-  ge as Empty,
-  ze as FilterPopup,
-  L as FilterTypes,
-  ce as Filters,
+  G as Close,
+  be as Columns,
+  ge as CountOfTotal,
+  Ne as Empty,
+  Pe as FilterPopup,
+  E as FilterTypes,
+  oe as Filters,
   $ as FiltersActions,
-  be as FiltersProvider,
+  me as FiltersProvider,
   we as Footer,
-  ue as Loading,
-  Ne as Navigation,
+  de as Loading,
+  ve as Navigation,
   Ce as PageSize,
-  Oe as Rows,
-  J as SelectInput,
-  F as SortOrder,
-  R as State,
+  Ee as Rows,
+  q as SelectInput,
+  T as SortOrder,
+  U as State,
   De as Table,
+  Oe as TableHeader,
   Me as TableOptionsProvider,
-  j as TextInput,
+  D as TextInput,
   Le as Tooltip,
   Be as TranslationProvider,
-  me as filtersReducer,
-  Y as helperTextStateClassName,
-  he as initializer,
-  V as inputStateClassName,
-  X as labelStateClassName,
-  Pe as renderFilterComponent,
-  _ as useFilters,
-  T as useTableOptions,
-  E as useTranslation
+  he as filtersReducer,
+  X as helperTextStateClassName,
+  pe as initializer,
+  K as inputStateClassName,
+  Q as labelStateClassName,
+  Se as renderFilterComponent,
+  F as useFilters,
+  L as useTableOptions,
+  O as useTranslation
 };