@sito/dashboard 0.0.42 → 0.0.44

package/dist/dashboard.js

@@ -1,7 +1,7 @@
 import "./main.css";
-import { jsx as t, jsxs as v, Fragment as D } from "react/jsx-runtime";
-import { forwardRef as I, useState as P, useRef as M, useEffect as H, useCallback as S, createContext as W, useContext as V, useReducer as ae, useMemo as y } 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 K(e) {
+function G(e) {
   const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -71,7 +71,7 @@ function K(e) {
   );
 }
 var U = /* @__PURE__ */ ((e) => (e.error = "error", e.good = "good", e.default = "default", e))(U || {});
-const Q = (e) => {
+const K = (e) => {
   switch (e) {
     case "error":
       return "input-error";
@@ -80,7 +80,7 @@ const Q = (e) => {
     default:
       return "input-normal";
   }
-}, X = (e) => {
+}, Q = (e) => {
   switch (e) {
     case "error":
       return "input-label-error";
@@ -89,7 +89,7 @@ const Q = (e) => {
     default:
       return "input-label-normal";
   }
-}, Y = (e) => {
+}, X = (e) => {
   switch (e) {
     case "error":
       return "input-helper-text-error";
@@ -99,167 +99,155 @@ const Q = (e) => {
       return "input-helper-text-normal";
   }
 };
-const q = I(function(e, a) {
+const q = j(function(e, a) {
   const {
-    value: r,
+    value: s,
     onChange: n,
-    options: s,
-    containerClassName: l = "",
-    inputClassName: o = "",
-    labelClassName: c = "",
-    helperText: i = "",
-    helperTextClassName: N = "",
+    options: r,
+    containerClassName: o = "",
+    inputClassName: c = "",
+    labelClassName: i = "",
+    helperText: l = "",
+    helperTextClassName: h = "",
     placeholder: u = "",
-    label: h = "",
-    name: m = "",
-    id: d = "",
-    state: p = U.default,
-    children: g,
-    ...C
+    label: p = "",
+    name: C = "",
+    id: g = "",
+    state: v = U.default,
+    children: f,
+    ...d
   } = e;
-  return /* @__PURE__ */ v("div", { className: `select-input-container ${l}`, children: [
+  return /* @__PURE__ */ N("div", { className: `select-input-container ${o}`, children: [
     /* @__PURE__ */ t(
       "select",
       {
-        ...C,
-        id: d,
+        ...d,
+        id: g,
         ref: a,
-        name: m,
-        value: r,
+        name: C,
+        value: s,
         onChange: n,
-        className: `select-input ${Q(p)} peer ${o}`,
-        children: s == null ? void 0 : s.map((f) => /* @__PURE__ */ t("option", { value: f.id, children: f.value ?? f.name ?? f.id }, f.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: m,
-        className: `select-input-label ${X(p)} ${c}`,
-        children: h
+        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" ? u : i
+        className: `select-input-helper-text ${X(v)} ${h}`,
+        children: v !== "error" && v !== "good" ? u : l
       }
     )
   ] });
 });
-const j = I(function(e, a) {
+const D = j(function(e, a) {
   const {
-    children: r,
-    value: n,
-    onChange: s,
-    state: l = U.default,
-    name: o = "",
-    id: c = "",
-    type: i = "text",
-    label: N = "",
-    required: u = !1,
-    placeholder: h = "",
-    containerClassName: m = "",
-    inputClassName: d = "",
-    labelClassName: p = "",
-    helperText: g = "",
-    helperTextClassName: C = "",
-    ...f
+    children: s,
+    state: n = U.default,
+    label: r = "",
+    containerClassName: o = "",
+    inputClassName: c = "",
+    labelClassName: i = "",
+    helperText: l = "",
+    helperTextClassName: h = "",
+    value: u = "",
+    ...p
   } = e;
-  return /* @__PURE__ */ v("div", { className: `text-input-container ${m}`, children: [
+  return /* @__PURE__ */ N("div", { className: `text-input-container ${o}`, children: [
     /* @__PURE__ */ t(
       "input",
       {
         ref: a,
-        type: i,
-        name: o,
-        id: c,
-        className: `text-input ${Q(l)} peer ${d}`,
-        placeholder: "",
-        required: u,
-        value: n,
-        onChange: s,
-        ...f
+        value: u,
+        className: `text-input ${K(n)} peer ${c} ${u ? "has-value" : ""} ${p.placeholder ? "has-placeholder" : ""}`,
+        ...p
       }
     ),
-    /* @__PURE__ */ v(
+    !!r && /* @__PURE__ */ N(
       "label",
       {
-        htmlFor: o,
-        className: `text-input-label ${X(l)} ${p}`,
+        htmlFor: p.name,
+        className: `text-input-label ${Q(n)} ${i}`,
         children: [
-          N,
-          u ? " *" : ""
+          r,
+          p.required ? " *" : ""
         ]
       }
     ),
-    r,
-    /* @__PURE__ */ t(
+    s,
+    !!l && /* @__PURE__ */ t(
       "p",
       {
-        className: `text-input-helper-text ${Y(l)} ${C}`,
-        children: l !== "error" && l !== "good" ? h : g
+        className: `text-input-helper-text ${X(n)} ${h}`,
+        children: l
       }
     )
   ] });
 });
-const ie = I(function(e, a) {
+const ce = j(function(e, a) {
   const {
-    checked: r,
+    checked: s,
     onChange: n,
-    state: s = U.default,
-    name: l = "",
-    id: o = "",
-    type: c = "text",
-    label: i = "",
-    containerClassName: N = "",
+    state: r = U.default,
+    name: o = "",
+    id: c = "",
+    type: i = "text",
+    label: l = "",
+    containerClassName: h = "",
     inputClassName: u = "",
-    labelClassName: h = "",
-    helperText: m = "",
-    helperTextClassName: d = "",
-    ...p
+    labelClassName: p = "",
+    helperText: C = "",
+    helperTextClassName: g = "",
+    ...v
   } = e;
-  return /* @__PURE__ */ v("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 ${u}`,
-        ...p
+        ...v
       }
     ),
-    /* @__PURE__ */ t("span", { className: `input-check-label ${h}`, children: i })
+    /* @__PURE__ */ t("span", { className: `input-check-label ${p}`, children: l })
   ] });
 });
-const de = I(function(e, a) {
+const ie = j(function(e, a) {
   const {
-    state: r,
+    state: s,
     value: n,
-    onChange: s,
-    options: l = [],
-    name: o = "",
-    id: c = "",
-    label: i = "",
-    containerClassName: N = "",
+    onChange: r,
+    options: o = [],
+    name: c = "",
+    id: i = "",
+    label: l = "",
+    containerClassName: h = "",
     inputContainerClassName: u = "",
-    helperText: h = "",
-    placeholder: m = "",
-    multiple: d = !1,
-    ...p
-  } = e, [g, C] = P(""), [f, w] = P(!1), $ = l.filter((b) => {
-    const x = String(b.value).toLowerCase().includes(g == null ? void 0 : g.toLowerCase());
-    return n && n.length ? n != null && n.some ? !(n != null && n.some((R) => R.id === b.id)) : (n == null ? void 0 : n.id) !== b.id : x;
-  }), A = M(null);
-  H(() => {
+    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) => {
-      A.current && !A.current.contains(z.target) && w(!1);
+      _.current && !_.current.contains(z.target) && w(!1);
     }, x = (z) => {
       z.key === "Escape" && w(!1);
     };
@@ -267,42 +255,42 @@ const de = I(function(e, a) {
       document.removeEventListener("mousedown", b), document.removeEventListener("keydown", x);
     };
   }, []);
-  const B = (b) => {
-    C(b.target.value);
-  }, J = S(
+  const A = (b) => {
+    d(b.target.value);
+  }, J = k(
     (b) => {
-      C(""), b ? d ? Array.isArray(n) && n.length ? s([...n, b]) : s([b]) : s(b) : s(null), w(!1);
+      d(""), b ? g ? Array.isArray(n) && n.length ? r([...n, b]) : r([b]) : r(b) : r(null), w(!1);
     },
-    [d, s, n]
-  ), ne = S(
+    [g, r, n]
+  ), te = k(
     (b) => {
-      const x = n.filter((z, R) => R !== b);
-      x.length ? s(x) : s(null);
+      const x = n.filter((z, H) => H !== b);
+      x.length ? r(x) : r(null);
     },
-    [s, n]
+    [r, n]
   );
-  return /* @__PURE__ */ v(
+  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,
-            id: c,
-            value: !d && n ? n : g,
-            onChange: B,
-            placeholder: m,
-            helperText: h,
+            state: s,
+            name: c,
+            id: i,
+            value: !g && n ? n.value ?? n.name : f,
+            onChange: A,
+            placeholder: C,
+            helperText: p,
             onFocus: () => w(!0),
-            label: i,
+            label: l,
             containerClassName: `autocomplete-text-input ${u}`,
             ref: a,
-            ...p,
-            children: !d && n && /* @__PURE__ */ t(
+            ...v,
+            children: !g && n && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
@@ -310,15 +298,15 @@ const de = I(function(e, a) {
                 onClick: (b) => {
                   J(), b.stopPropagation();
                 },
-                children: /* @__PURE__ */ t(K, {})
+                children: /* @__PURE__ */ t(G, {})
               }
             )
           }
         ),
-        f && /* @__PURE__ */ t("ul", { className: "autocomplete-suggestions-container", children: $.map((b) => /* @__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) => {
               J(b), x.stopPropagation();
             },
@@ -326,12 +314,12 @@ const de = I(function(e, a) {
           },
           b.id ?? b.value ?? b.name
         )) }),
-        d && Array.isArray(n) && n.length ? /* @__PURE__ */ t("ul", { className: "autocomplete-value-container", children: n.map((b, 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(b.value ?? b.name),
             onDelete: (z) => {
-              ne(x), z.stopPropagation();
+              te(x), z.stopPropagation();
             }
           }
         ) }, b.id ?? b.value ?? b.name)) }) : null
@@ -339,15 +327,15 @@ const de = I(function(e, a) {
     }
   );
 });
-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}`,
@@ -355,88 +343,88 @@ 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 L = () => {
-  const e = V(Z);
+const O = () => {
+  const e = W(Y);
   if (e === void 0)
     throw new Error("translationContext must be used within a Provider");
   return e;
 };
-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 || {}), F = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(F || {});
-const pe = [20, 50, 100], ee = W({}), De = (e) => {
-  const { children: a } = e, [r, n] = P(0), [s, l] = P(20), [o, c] = P(0), [i, N] = P("id"), [u, h] = P(F.DESC), [m, d] = P({}), p = S(
-    (f, w) => {
-      let $ = u;
-      if (i === f)
+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 F.ASC:
-            $ = F.DESC;
+          case T.ASC:
+            y = T.DESC;
             break;
           default:
-            $ = F.ASC;
+            y = T.ASC;
             break;
         }
-      N(f), h($), w && w(f, $);
+      h(m), p(y), w && w(m, y);
     },
-    [i, u]
-  ), g = S((f) => {
-    const w = Object.entries(f).reduce(
-      ($, [A, B]) => (B && typeof B.value < "u" && ($[A] = B.value), $),
+    [l, u]
+  ), f = k((m) => {
+    const w = Object.entries(m).reduce(
+      (y, [_, A]) => (A && typeof A.value < "u" && (y[_] = A.value), y),
       {}
     );
-    d(w);
-  }, []), C = {
-    onSort: p,
-    total: r,
+    g(w);
+  }, []), d = {
+    onSort: v,
+    total: s,
     setTotal: n,
-    sortingBy: i,
-    setSortingBy: N,
+    sortingBy: l,
+    setSortingBy: h,
     sortingOrder: u,
-    setSortingOrder: h,
-    pageSize: s,
-    pageSizes: pe,
-    setPageSize: l,
-    currentPage: o,
-    setCurrentPage: c,
-    filters: m,
-    onFilterApply: g
+    setSortingOrder: p,
+    pageSize: r,
+    pageSizes: ue,
+    setPageSize: o,
+    currentPage: c,
+    setCurrentPage: i,
+    filters: C,
+    onFilterApply: f
   };
-  return /* @__PURE__ */ t(ee.Provider, { value: C, children: a });
-}, T = () => {
-  const e = V(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 k = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", e))(k || {});
-const he = (e) => {
+var $ = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", 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) {
-    case k.reset: {
-      const { filters: n } = a, s = {};
-      return n == null || n.forEach(({ propertyName: l, defaultValue: o }) => {
-        s[l] = { value: o };
-      }), { ...e, ...s };
+function he(e, a) {
+  const { type: s } = a;
+  switch (s) {
+    case $.reset: {
+      const { filters: n } = a, r = {};
+      return n == null || n.forEach(({ propertyName: o, defaultValue: c }) => {
+        r[o] = { value: c };
+      }), { ...e, ...r };
     }
-    case k.update: {
+    case $.update: {
       const { toUpdate: n } = a;
       return { ...e, ...n };
     }
@@ -444,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 = V(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 ge(e) {
-  const { t: a } = L(), { entity: r = "", columns: n = [], hasAction: s = !0, onSortCallback: l } = e, { onSort: o, sortingOrder: c, sortingBy: i } = T(), N = y(() => {
+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((h, m) => (m.pos ?? 0) - (h.pos ?? 0)).filter((h) => h.display !== "none")) == null ? void 0 : u.map((h) => ({
-      id: h.key,
-      label: h.label,
-      className: h.className ?? "",
-      sortable: h.sortable ?? !0,
-      sortOptions: h.sortOptions
+    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__ */ v("tr", { children: [
-    N.map((u) => {
-      var h, m, d, p, g, C, f, w;
+  }, [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 ${u.className}`,
-          children: /* @__PURE__ */ v(
+          children: /* @__PURE__ */ N(
             "button",
             {
               disabled: !u.sortable,
-              onClick: () => o(u.id, l),
+              onClick: () => c(u.id, o),
               className: "table-headers-cell",
               children: [
                 /* @__PURE__ */ t("span", { className: "table-headers-label", children: u.label }),
                 u.sortable && /* @__PURE__ */ t(
                   "span",
                   {
-                    className: `${i === u.id ? "table-headers-sort-on" : "table-headers-sort"}`,
-                    children: c === F.ASC ? ((m = (h = u.sortOptions) == null ? void 0 : h.icons) == null ? void 0 : m.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 = (d = u.sortOptions) == null ? void 0 : d.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"
                       }
-                    ) : ((C = (g = u.sortOptions) == null ? void 0 : g.icons) == null ? void 0 : C.desc) ?? /* @__PURE__ */ t(
-                      se,
+                    ) : ((d = (f = u.sortOptions) == null ? void 0 : f.icons) == null ? void 0 : d.desc) ?? /* @__PURE__ */ t(
+                      ae,
                       {
-                        className: ((w = (f = u.sortOptions) == null ? void 0 : f.icons) == null ? void 0 : w.className) ?? "table-headers-sort-indicator"
+                        className: ((w = (m = u.sortOptions) == null ? void 0 : m.icons) == null ? void 0 : w.className) ?? "table-headers-sort-indicator"
                       }
                     )
                   }
@@ -510,16 +498,16 @@ function ge(e) {
         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 ve() {
-  const { t: e } = L();
+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 } = L(), { total: a, pageSize: r, currentPage: n, setCurrentPage: s } = T();
-  return /* @__PURE__ */ v("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",
       {
@@ -527,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 } = L(), { total: a, pageSize: r, pageSizes: n, currentPage: s } = T(), l = (s + 1) * r > a ? a : (s + 1) * r;
-  return /* @__PURE__ */ v("div", { className: "table-navigation-sizes", children: [
-    n[0] < a && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ v("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")
     ] }) }),
@@ -557,267 +545,286 @@ const Ne = () => {
   ] });
 };
 function Ce() {
-  const { t: e } = L(), { pageSizes: a, pageSize: r, setPageSize: n } = T(), s = y(
-    () => 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__ */ v("div", { className: "page-size", children: [
+  return /* @__PURE__ */ N("div", { className: "page-size", children: [
     /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.pageSizes") }),
     /* @__PURE__ */ t(
       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 } = L(), { total: a, pageSize: r, currentPage: n, setCurrentPage: s } = T(), l = y(() => {
-    const o = Math.ceil(a / r);
-    return Array.from({ length: o }, (c, i) => ({
-      id: i,
-      value: i + 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__ */ v("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(
       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__ */ v("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 = y(() => {
-    var i;
-    return ((i = s[a]) == null ? void 0 : i.value) ?? r[0];
-  }, [s]), c = S((i) => {
-    l({
-      type: k.update,
-      toUpdate: { [a]: { value: i.target.value } }
+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: l.target.value } }
     });
   }, []);
   return /* @__PURE__ */ t(
     q,
     {
-      value: o,
+      value: c,
       label: n,
-      options: r,
+      options: s,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
-      onChange: c
+      onChange: i
     }
   );
 }
-const Se = (e) => {
-  const { propertyName: a, label: r } = e, { currentFilters: n, setCurrentFilters: s } = _(), l = y(() => {
-    var c;
-    return ((c = n[a]) == null ? void 0 : c.value) ?? "";
-  }, [n]), o = S((c) => {
-    s({
-      type: k.update,
-      toUpdate: { [a]: { value: c.target.value } }
+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]), 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: ""
     }
   );
 }, ke = (e) => {
-  const { propertyName: a, label: r } = e, { currentFilters: n, setCurrentFilters: s } = _(), l = y(() => {
-    var c;
-    return ((c = n[a]) == null ? void 0 : c.value) ?? "";
-  }, [n]), o = S((c) => {
-    s({
-      type: k.update,
-      toUpdate: { [a]: { value: c.target.checked } }
+  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]), 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 $e(e) {
-  const { propertyName: a, label: r, options: n, multiple: s = !0 } = e, { currentFilters: l, setCurrentFilters: o } = _(), c = y(() => l[a] ?? n[0], [l]), i = S(
-    (N) => {
-      o({
-        type: k.update,
+  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: c == null ? void 0 : c.value,
-      label: r,
+      value: i == null ? void 0 : i.value,
+      label: s,
       options: n,
-      multiple: s,
+      multiple: r,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
-      onChange: i
+      onChange: l
     }
   );
 }
-const G = (e) => {
-  const { propertyName: a, label: r, inputType: n } = e, { currentFilters: s, setCurrentFilters: l } = _(), o = M(null), c = M(null), i = y(() => {
-    var d, p, g;
-    const m = (p = (d = s[a]) == null ? void 0 : d.value) == null ? void 0 : p.start;
-    return m ? n === "date" ? new Date(String(m)).toISOString().slice(0, 10) : (g = s[a]) == null ? void 0 : g.value : "";
-  }, [s]), N = y(() => {
-    var d, p, g;
-    const m = (p = (d = s[a]) == null ? void 0 : d.value) == null ? void 0 : p.end;
-    return m ? n === "date" ? new Date(String(m)).toISOString().slice(0, 10) : (g = s[a]) == null ? void 0 : g.value : "";
-  }, [s]), u = S((m) => {
+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;
-    l({
-      type: k.update,
+    c({
+      type: $.update,
       toUpdate: {
         [a]: {
-          value: { end: ((d = c == null ? void 0 : c.current) == null ? void 0 : d.value) ?? null, start: m.target.value }
+          value: { end: ((d = l == null ? void 0 : l.current) == null ? void 0 : d.value) ?? null, start: f.target.value }
         }
       }
     });
-  }, []), h = S((m) => {
+  }, []), u = k((f) => {
     var d;
-    l({
-      type: k.update,
+    c({
+      type: $.update,
       toUpdate: {
         [a]: {
           value: {
-            start: ((d = o == null ? void 0 : o.current) == null ? void 0 : d.value) ?? null,
-            end: m.target.value
+            start: ((d = i == null ? void 0 : i.current) == null ? void 0 : d.value) ?? null,
+            end: f.target.value
           }
         }
       }
     });
   }, []);
-  return /* @__PURE__ */ v("div", { className: "flex gap-2 items-center", children: [
-    /* @__PURE__ */ t(
-      j,
-      {
-        value: i ?? "",
-        label: r,
-        type: n,
-        ref: o,
-        onChange: u,
-        containerClassName: "input-widget-container",
-        helperTextClassName: ""
-      }
-    ),
-    /* @__PURE__ */ t(
-      j,
-      {
-        value: N ?? "",
-        label: r,
-        type: n,
-        ref: c,
-        onChange: h,
-        containerClassName: "input-widget-container",
-        helperTextClassName: ""
-      }
-    )
+  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(
+        D,
+        {
+          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: h,
+          containerClassName: "input-widget-container",
+          helperTextClassName: ""
+        }
+      ),
+      /* @__PURE__ */ t(
+        D,
+        {
+          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: l,
+          onChange: u,
+          containerClassName: "input-widget-container",
+          helperTextClassName: ""
+        }
+      )
+    ] })
   ] });
-}, Pe = (e) => {
+}, Se = (e) => {
   switch (e.type) {
     case E.text:
-      return /* @__PURE__ */ t(Se, { ...e });
+      return /* @__PURE__ */ t(xe, { ...e });
     case E.number:
-      return /* @__PURE__ */ t(G, { ...e });
+      return /* @__PURE__ */ t(
+        V,
+        {
+          ...e,
+          inputType: "number"
+        }
+      );
     case E.date:
-      return /* @__PURE__ */ t(G, { ...e });
+      return /* @__PURE__ */ t(
+        V,
+        {
+          ...e,
+          inputType: "date"
+        }
+      );
     case E.select:
-      return /* @__PURE__ */ t(xe, { ...e });
+      return /* @__PURE__ */ t(ye, { ...e });
     case E.autocomplete:
       return /* @__PURE__ */ t($e, { ...e });
     case E.check:
       return /* @__PURE__ */ t(ke, { ...e });
   }
-  return /* @__PURE__ */ t(D, {});
+  return /* @__PURE__ */ t(M, {});
 };
-const Oe = (e) => {
-  const { align: a = "right", filters: r = [], icon: n } = e, [s, l] = P(!1), { onFilterApply: o, filters: c } = T(), { currentFilters: i, setCurrentFilters: N } = _(), { t: u } = L(), h = M(null), m = M(null);
-  return H(() => {
-    const d = ({ target: p }) => {
-      var g, C;
-      m.current && (!s || (g = m.current) != null && g.contains(p) || (C = h == null ? void 0 : h.current) != null && C.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", d), () => document.removeEventListener("click", d);
-  }), H(() => {
-    const d = (p) => {
-      !s || p.code !== "Escape" || l(!1);
+  }), R(() => {
+    const d = (m) => {
+      !n || m.code !== "Escape" || r(!1);
     };
     return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
-  }), /* @__PURE__ */ v("div", { className: "filter-dropdown-main", children: [
-    /* @__PURE__ */ v(
+  }), /* @__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: h,
+        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: u("_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__ */ v("div", { ref: m, children: [
-          /* @__PURE__ */ t("div", { className: "filter-title", children: u("_accessibility:buttons.filters") }),
-          /* @__PURE__ */ t("ul", { className: "filter-container", children: r.map((d) => /* @__PURE__ */ t("li", { className: "filter-container-item", children: Pe(d) }, d.propertyName)) }),
-          /* @__PURE__ */ t("div", { className: "filter-footer", children: /* @__PURE__ */ v("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: k.reset, filters: r }),
+                onClick: () => l({
+                  type: $.reset,
+                  filters: a
+                }),
                 className: "filter-dropdown-button small filter-dropdown-cancel",
-                children: u("_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(i);
+                  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: () => {
+                  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);
                 },
-                onBlur: () => l(!1),
-                children: u("_accessibility:buttons.applyFilters")
+                children: h("_accessibility:buttons.applyFilters")
               }
             ) })
           ] }) })
@@ -825,77 +832,92 @@ const Oe = (e) => {
       }
     )
   ] });
+}, 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: r = "deleted", data: n, actions: s } = e, l = y(
-    () => a.sort((o, c) => (c.pos ?? 0) - (o.pos ?? 0)).filter((o) => o.display !== "none"),
+  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) => {
-    var c;
-    return /* @__PURE__ */ v(
+  return n == null ? void 0 : n.map((c) => {
+    var i;
+    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((i, N) => /* @__PURE__ */ t(
+          o == null ? void 0 : o.map((l, h) => /* @__PURE__ */ t(
             "td",
             {
-              className: `table-row-cell ${N === 0 ? "basic" : ""} ${i.className ?? ""}`,
-              children: i.renderBody ? i.renderBody(o[i.key], o) : ze(o[i.key])
+              className: `table-row-cell ${h === 0 ? "basic" : ""} ${l.className ?? ""}`,
+              children: l.renderBody ? l.renderBody(c[l.key], c) : ze(c[l.key])
             },
-            i.key
+            l.key
           )),
-          s ? /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "table-row-cell-action", children: (c = s(o).filter((i) => !i.hidden)) == null ? void 0 : c.map((i) => /* @__PURE__ */ t(Le, { content: i.tooltip, children: /* @__PURE__ */ t("button", { onClick: () => i.onClick(o), children: i.icon }) }, i.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 Me(e) {
+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: c = [],
     contentClassName: i = "",
-    className: N = "",
-    toolbar: u = /* @__PURE__ */ t(D, {}),
-    softDeleteProperty: h = "deleted"
-  } = e, m = y(() => c ? c.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
-    };
-  }) : [], [c]), d = y(() => !(r != null && r.length), [r]);
-  return /* @__PURE__ */ t(be, { children: /* @__PURE__ */ v("div", { className: `${N} table-main`, children: [
-    /* @__PURE__ */ v("div", { className: "table-header", children: [
-      /* @__PURE__ */ t("h1", { className: "table-header-title", children: a }),
-      l ? null : /* @__PURE__ */ v("div", { className: "table-header-right", children: [
-        u,
-        !!m && !!m.length && /* @__PURE__ */ t(Oe, { filters: m })
-      ] })
-    ] }),
-    l ? /* @__PURE__ */ t(ue, { className: "table-loading" }) : /* @__PURE__ */ t(D, { children: d ? /* @__PURE__ */ t(ve, {}) : /* @__PURE__ */ v(D, { children: [
-      /* @__PURE__ */ t("div", { className: `${i} table-body`, children: /* @__PURE__ */ v("table", { className: "table-content", children: [
+    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(
-          ge,
+          be,
           {
-            entity: s,
+            entity: n,
             columns: c,
-            onSortCallback: n,
+            onSortCallback: s,
             hasAction: !!o
           }
         ),
         /* @__PURE__ */ t("tbody", { children: /* @__PURE__ */ t(
           Ee,
           {
-            data: r,
+            data: a,
             actions: o,
             columns: c,
             softDeleteProperty: h
@@ -907,83 +929,57 @@ function Me(e) {
   ] }) });
 }
 function Le(e) {
-  const { content: a, children: r } = e;
-  return /* @__PURE__ */ v("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 O = /* @__PURE__ */ ((e) => (e.empty = "empty", e.outlined = "outlined", e.default = "default", e))(O || {});
 function Te(e) {
-  const {
-    label: a,
-    onDelete: r,
-    className: n = "",
-    spanClassName: s = "",
-    variant: l = O.default
-  } = e, o = y(() => {
-    switch (l) {
-      case O.empty:
-        return "text-primary bg-transparent";
-      case O.outlined:
-        return "border border-primary";
-      case O.default:
-      default:
-        return "text-white bg-primary";
-    }
-  }, [l]), c = y(() => {
-    switch (l) {
-      case O.empty:
-      case O.outlined:
-        return "chip-delete-button-svg";
-      case O.default:
-      default:
-        return "filled-chip-delete-button-svg";
-    }
-  }, [l]);
-  return /* @__PURE__ */ v("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(K, { className: c }) }) : 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,
-  O as ChipVariant,
-  K as Close,
-  ge as Columns,
-  fe as CountOfTotal,
-  ve as Empty,
-  Oe as FilterPopup,
+  G as Close,
+  be as Columns,
+  ge as CountOfTotal,
+  Ne as Empty,
+  Pe as FilterPopup,
   E as FilterTypes,
-  ce as Filters,
-  k as FiltersActions,
-  be as FiltersProvider,
+  oe as Filters,
+  $ as FiltersActions,
+  me as FiltersProvider,
   we as Footer,
-  ue as Loading,
-  Ne as Navigation,
+  de as Loading,
+  ve as Navigation,
   Ce as PageSize,
   Ee as Rows,
   q as SelectInput,
-  F as SortOrder,
+  T as SortOrder,
   U as State,
-  Me as Table,
-  De as TableOptionsProvider,
-  j as TextInput,
+  De as Table,
+  Oe as TableHeader,
+  Me as TableOptionsProvider,
+  D as TextInput,
   Le as Tooltip,
   Be as TranslationProvider,
-  me as filtersReducer,
-  Y as helperTextStateClassName,
-  he as initializer,
-  Q as inputStateClassName,
-  X as labelStateClassName,
-  Pe as renderFilterComponent,
-  _ as useFilters,
-  T as useTableOptions,
-  L 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
 };