@sito/dashboard 0.0.36 → 0.0.39

package/dist/dashboard.js

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