@sito/dashboard 0.0.41 → 0.0.43

package/dist/dashboard.js

@@ -1,6 +1,6 @@
 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";
+import { jsx as t, jsxs as b, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as U, useState as P, useRef as D, useEffect as I, useCallback as k, createContext as W, useContext as q, useReducer as ae, useMemo as w } from "react";
 function se(e) {
   const { className: a = "" } = e;
   return /* @__PURE__ */ t(
@@ -57,7 +57,7 @@ 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) {
+function Q(e) {
   const { className: a = "" } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -70,8 +70,8 @@ function K(e) {
     }
   );
 }
-var U = /* @__PURE__ */ ((e) => (e.error = "error", e.good = "good", e.default = "default", e))(U || {});
-const Q = (e) => {
+var R = /* @__PURE__ */ ((e) => (e.error = "error", e.good = "good", e.default = "default", e))(R || {});
+const V = (e) => {
   switch (e) {
     case "error":
       return "input-error";
@@ -99,44 +99,44 @@ const Q = (e) => {
       return "input-helper-text-normal";
   }
 };
-const q = I(function(e, a) {
+const J = U(function(e, a) {
   const {
     value: r,
     onChange: n,
     options: s,
     containerClassName: l = "",
     inputClassName: o = "",
-    labelClassName: c = "",
-    helperText: i = "",
+    labelClassName: i = "",
+    helperText: c = "",
     helperTextClassName: N = "",
-    placeholder: u = "",
-    label: h = "",
-    name: m = "",
-    id: d = "",
-    state: p = U.default,
+    placeholder: d = "",
+    label: u = "",
+    name: v = "",
+    id: m = "",
+    state: p = R.default,
     children: g,
-    ...C
+    ...f
   } = e;
-  return /* @__PURE__ */ v("div", { className: `select-input-container ${l}`, children: [
+  return /* @__PURE__ */ b("div", { className: `select-input-container ${l}`, children: [
     /* @__PURE__ */ t(
       "select",
       {
-        ...C,
-        id: d,
+        ...f,
+        id: m,
         ref: a,
-        name: m,
+        name: v,
         value: r,
         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 ${V(p)} peer ${o}`,
+        children: s == null ? void 0 : s.map((C) => /* @__PURE__ */ t("option", { value: C.id, children: C.value ?? C.name ?? C.id }, C.id))
       }
     ),
     /* @__PURE__ */ t(
       "label",
       {
-        htmlFor: m,
-        className: `select-input-label ${X(p)} ${c}`,
-        children: h
+        htmlFor: v,
+        className: `select-input-label ${X(p)} ${i}`,
+        children: u
       }
     ),
     g,
@@ -144,84 +144,72 @@ const q = I(function(e, a) {
       "p",
       {
         className: `select-input-helper-text ${Y(p)} ${N}`,
-        children: p !== "error" && p !== "good" ? u : i
+        children: p !== "error" && p !== "good" ? d : c
       }
     )
   ] });
 });
-const j = I(function(e, a) {
+const j = U(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
+    state: n = R.default,
+    label: s = "",
+    containerClassName: l = "",
+    inputClassName: o = "",
+    labelClassName: i = "",
+    helperText: c = "",
+    helperTextClassName: N = "",
+    value: d = "",
+    ...u
   } = e;
-  return /* @__PURE__ */ v("div", { className: `text-input-container ${m}`, children: [
+  return /* @__PURE__ */ b("div", { className: `text-input-container ${l}`, 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: d,
+        className: `text-input ${V(n)} peer ${o} ${d ? "has-value" : ""} ${u.placeholder ? "has-placeholder" : ""}`,
+        ...u
       }
     ),
-    /* @__PURE__ */ v(
+    !!s && /* @__PURE__ */ b(
       "label",
       {
-        htmlFor: o,
-        className: `text-input-label ${X(l)} ${p}`,
+        htmlFor: u.name,
+        className: `text-input-label ${X(n)} ${i}`,
         children: [
-          N,
-          u ? " *" : ""
+          s,
+          u.required ? " *" : ""
         ]
       }
     ),
     r,
-    /* @__PURE__ */ t(
+    !!c && /* @__PURE__ */ t(
       "p",
       {
-        className: `text-input-helper-text ${Y(l)} ${C}`,
-        children: l !== "error" && l !== "good" ? h : g
+        className: `text-input-helper-text ${Y(n)} ${N}`,
+        children: c
       }
     )
   ] });
 });
-const ie = I(function(e, a) {
+const ie = U(function(e, a) {
   const {
     checked: r,
     onChange: n,
-    state: s = U.default,
+    state: s = R.default,
     name: l = "",
     id: o = "",
-    type: c = "text",
-    label: i = "",
+    type: i = "text",
+    label: c = "",
     containerClassName: N = "",
-    inputClassName: u = "",
-    labelClassName: h = "",
-    helperText: m = "",
-    helperTextClassName: d = "",
+    inputClassName: d = "",
+    labelClassName: u = "",
+    helperText: v = "",
+    helperTextClassName: m = "",
     ...p
   } = e;
-  return /* @__PURE__ */ v("label", { className: `input-check-container ${N}`, children: [
+  return /* @__PURE__ */ b("label", { className: `input-check-container ${N}`, children: [
     /* @__PURE__ */ t(
       "input",
       {
@@ -231,57 +219,57 @@ const ie = I(function(e, a) {
         type: "checkbox",
         checked: r,
         onChange: n,
-        className: `input-check ${u}`,
+        className: `input-check ${d}`,
         ...p
       }
     ),
-    /* @__PURE__ */ t("span", { className: `input-check-label ${h}`, children: i })
+    /* @__PURE__ */ t("span", { className: `input-check-label ${u}`, children: c })
   ] });
 });
-const de = I(function(e, a) {
+const de = U(function(e, a) {
   const {
     state: r,
     value: n,
     onChange: s,
     options: l = [],
     name: o = "",
-    id: c = "",
-    label: i = "",
+    id: i = "",
+    label: c = "",
     containerClassName: N = "",
-    inputContainerClassName: u = "",
-    helperText: h = "",
-    placeholder: m = "",
-    multiple: d = !1,
+    inputContainerClassName: d = "",
+    helperText: u = "",
+    placeholder: v = "",
+    multiple: m = !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(() => {
-    const b = (z) => {
-      A.current && !A.current.contains(z.target) && w(!1);
-    }, x = (z) => {
-      z.key === "Escape" && w(!1);
+  } = e, [g, f] = P(""), [C, y] = P(!1), S = l.filter((h) => {
+    const x = String(h.value).toLowerCase().includes(g == null ? void 0 : g.toLowerCase());
+    return n && n.length ? n != null && n.some ? !(n != null && n.some((H) => H.id === h.id)) : (n == null ? void 0 : n.id) !== h.id : x;
+  }), A = D(null);
+  I(() => {
+    const h = (O) => {
+      A.current && !A.current.contains(O.target) && y(!1);
+    }, x = (O) => {
+      O.key === "Escape" && y(!1);
     };
-    return document.addEventListener("mousedown", b), document.addEventListener("keydown", x), () => {
-      document.removeEventListener("mousedown", b), document.removeEventListener("keydown", x);
+    return document.addEventListener("mousedown", h), document.addEventListener("keydown", x), () => {
+      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", x);
     };
   }, []);
-  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);
+  const B = (h) => {
+    f(h.target.value);
+  }, G = k(
+    (h) => {
+      f(""), h ? m ? Array.isArray(n) && n.length ? s([...n, h]) : s([h]) : s(h) : s(null), y(!1);
     },
-    [d, s, n]
-  ), ne = S(
-    (b) => {
-      const x = n.filter((z, R) => R !== b);
+    [m, s, n]
+  ), ne = k(
+    (h) => {
+      const x = n.filter((O, H) => H !== h);
       x.length ? s(x) : s(null);
     },
     [s, n]
   );
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ b(
     "div",
     {
       className: `autocomplete-input-container ${N}`,
@@ -292,49 +280,49 @@ const de = I(function(e, a) {
           {
             state: r,
             name: o,
-            id: c,
-            value: !d && n ? n : g,
+            id: i,
+            value: !m && n ? n.value ?? n.name : g,
             onChange: B,
-            placeholder: m,
-            helperText: h,
-            onFocus: () => w(!0),
-            label: i,
-            containerClassName: `autocomplete-text-input ${u}`,
+            placeholder: v,
+            helperText: u,
+            onFocus: () => y(!0),
+            label: c,
+            containerClassName: `autocomplete-text-input ${d}`,
             ref: a,
             ...p,
-            children: !d && n && /* @__PURE__ */ t(
+            children: !m && n && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 className: "autocomplete-delete-button",
-                onClick: (b) => {
-                  J(), b.stopPropagation();
+                onClick: (h) => {
+                  G(), h.stopPropagation();
                 },
-                children: /* @__PURE__ */ t(K, {})
+                children: /* @__PURE__ */ t(Q, {})
               }
             )
           }
         ),
-        f && /* @__PURE__ */ t("ul", { className: "autocomplete-suggestions-container", children: $.map((b) => /* @__PURE__ */ t(
+        C && /* @__PURE__ */ t("ul", { className: "autocomplete-suggestions-container", children: S.map((h) => /* @__PURE__ */ t(
           "li",
           {
             className: "autocomplete-suggestion-item hover:bg-primary/20",
             onClick: (x) => {
-              J(b), x.stopPropagation();
+              G(h), x.stopPropagation();
             },
-            children: b.value ?? b.name
+            children: h.value ?? h.name
           },
-          b.id ?? b.value ?? b.name
+          h.id ?? h.value ?? h.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(
+        m && Array.isArray(n) && n.length ? /* @__PURE__ */ t("ul", { className: "autocomplete-value-container", children: n.map((h, x) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
           Te,
           {
-            label: String(b.value ?? b.name),
-            onDelete: (z) => {
-              ne(x), z.stopPropagation();
+            label: String(h.value ?? h.name),
+            onDelete: (O) => {
+              ne(x), O.stopPropagation();
             }
           }
-        ) }, b.id ?? b.value ?? b.name)) }) : null
+        ) }, h.id ?? h.value ?? h.name)) }) : null
       ]
     }
   );
@@ -365,59 +353,59 @@ function Be(e) {
   const { children: a, t: r } = e;
   return /* @__PURE__ */ t(Z.Provider, { value: { t: r }, children: a });
 }
-const L = () => {
-  const e = V(Z);
+const E = () => {
+  const e = q(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 || {}), 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) {
+var L = /* @__PURE__ */ ((e) => (e[e.text = 0] = "text", e[e.number = 1] = "number", e[e.select = 2] = "select", e[e.autocomplete = 3] = "autocomplete", e[e.date = 4] = "date", e[e.check = 5] = "check", e))(L || {}), F = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(F || {});
+const pe = [20, 50, 100], ee = W({}), Me = (e) => {
+  const { children: a } = e, [r, n] = P(0), [s, l] = P(20), [o, i] = P(0), [c, N] = P("id"), [d, u] = P(F.DESC), [v, m] = P({}), p = k(
+    (C, y) => {
+      let S = d;
+      if (c === C)
+        switch (d) {
           case F.ASC:
-            $ = F.DESC;
+            S = F.DESC;
             break;
           default:
-            $ = F.ASC;
+            S = F.ASC;
             break;
         }
-      N(f), h($), w && w(f, $);
+      N(C), u(S), y && y(C, S);
     },
-    [i, u]
-  ), g = S((f) => {
-    const w = Object.entries(f).reduce(
-      ($, [A, B]) => (B && typeof B.value < "u" && ($[A] = B.value), $),
+    [c, d]
+  ), g = k((C) => {
+    const y = Object.entries(C).reduce(
+      (S, [A, B]) => (B && typeof B.value < "u" && (S[A] = B.value), S),
       {}
     );
-    d(w);
-  }, []), C = {
+    m(y);
+  }, []), f = {
     onSort: p,
     total: r,
     setTotal: n,
-    sortingBy: i,
+    sortingBy: c,
     setSortingBy: N,
-    sortingOrder: u,
-    setSortingOrder: h,
+    sortingOrder: d,
+    setSortingOrder: u,
     pageSize: s,
     pageSizes: pe,
     setPageSize: l,
     currentPage: o,
-    setCurrentPage: c,
-    filters: m,
+    setCurrentPage: i,
+    filters: v,
     onFilterApply: g
   };
-  return /* @__PURE__ */ t(ee.Provider, { value: C, children: a });
+  return /* @__PURE__ */ t(ee.Provider, { value: f, children: a });
 }, T = () => {
-  const e = V(ee);
+  const e = q(ee);
   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 || {});
+var $ = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", e))($ || {});
 const he = (e) => {
   if (e) {
     const a = {}, r = Object.keys(e);
@@ -430,13 +418,13 @@ const he = (e) => {
 function me(e, a) {
   const { type: r } = a;
   switch (r) {
-    case k.reset: {
+    case $.reset: {
       const { filters: n } = a, s = {};
       return n == null || n.forEach(({ propertyName: l, defaultValue: o }) => {
         s[l] = { value: o };
       }), { ...e, ...s };
     }
-    case k.update: {
+    case $.update: {
       const { toUpdate: n } = a;
       return { ...e, ...n };
     }
@@ -454,51 +442,51 @@ const te = W({}), be = (e) => {
   };
   return /* @__PURE__ */ t(te.Provider, { value: l, children: a });
 }, _ = () => {
-  const e = V(te);
+  const e = q(te);
   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(() => {
-    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
+function ve(e) {
+  const { t: a } = E(), { entity: r = "", columns: n = [], hasAction: s = !0, onSortCallback: l } = e, { onSort: o, sortingOrder: i, sortingBy: c } = T(), N = w(() => {
+    var d;
+    return (d = n.sort((u, v) => (v.pos ?? 0) - (u.pos ?? 0)).filter((u) => u.display !== "none")) == null ? void 0 : d.map((u) => ({
+      id: u.key,
+      label: u.label,
+      className: u.className ?? "",
+      sortable: u.sortable ?? !0,
+      sortOptions: u.sortOptions
     }));
   }, [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("thead", { className: "table-headers-row", children: /* @__PURE__ */ b("tr", { children: [
+    N.map((d) => {
+      var u, v, m, p, g, f, C, y;
       return /* @__PURE__ */ t(
         "th",
         {
           scope: "col",
-          className: `table-headers-column ${u.className}`,
-          children: /* @__PURE__ */ v(
+          className: `table-headers-column ${d.className}`,
+          children: /* @__PURE__ */ b(
             "button",
             {
-              disabled: !u.sortable,
-              onClick: () => o(u.id, l),
+              disabled: !d.sortable,
+              onClick: () => o(d.id, l),
               className: "table-headers-cell",
               children: [
-                /* @__PURE__ */ t("span", { className: "table-headers-label", children: u.label }),
-                u.sortable && /* @__PURE__ */ t(
+                /* @__PURE__ */ t("span", { className: "table-headers-label", children: d.label }),
+                d.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(
+                    className: `${c === d.id ? "table-headers-sort-on" : "table-headers-sort"}`,
+                    children: i === F.ASC ? ((v = (u = d.sortOptions) == null ? void 0 : u.icons) == null ? void 0 : v.asc) ?? /* @__PURE__ */ t(
                       re,
                       {
-                        className: ((p = (d = u.sortOptions) == null ? void 0 : d.icons) == null ? void 0 : p.className) ?? "table-headers-sort-indicator"
+                        className: ((p = (m = d.sortOptions) == null ? void 0 : m.icons) == null ? void 0 : p.className) ?? "table-headers-sort-indicator"
                       }
-                    ) : ((C = (g = u.sortOptions) == null ? void 0 : g.icons) == null ? void 0 : C.desc) ?? /* @__PURE__ */ t(
+                    ) : ((f = (g = d.sortOptions) == null ? void 0 : g.icons) == null ? void 0 : f.desc) ?? /* @__PURE__ */ t(
                       se,
                       {
-                        className: ((w = (f = u.sortOptions) == null ? void 0 : f.icons) == null ? void 0 : w.className) ?? "table-headers-sort-indicator"
+                        className: ((y = (C = d.sortOptions) == null ? void 0 : C.icons) == null ? void 0 : y.className) ?? "table-headers-sort-indicator"
                       }
                     )
                   }
@@ -507,19 +495,19 @@ function ge(e) {
             }
           )
         },
-        u.id
+        d.id
       );
     }),
     s && /* @__PURE__ */ t("th", { scope: "col", className: "table-headers-action", children: a("_accessibility:labels.actions") })
   ] }) });
 }
-function ve() {
-  const { t: e } = L();
+function ge() {
+  const { t: e } = E();
   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 { t: e } = E(), { total: a, pageSize: r, currentPage: n, setCurrentPage: s } = T();
+  return /* @__PURE__ */ b("div", { className: "table-navigation-pages", children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -544,9 +532,9 @@ const Ne = () => {
     )
   ] });
 }, 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: [
+  const { t: e } = E(), { total: a, pageSize: r, pageSizes: n, currentPage: s } = T(), l = (s + 1) * r > a ? a : (s + 1) * r;
+  return /* @__PURE__ */ b("div", { className: "table-navigation-sizes", children: [
+    n[0] < a && /* @__PURE__ */ t(M, { children: /* @__PURE__ */ b("p", { children: [
       s * r + 1,
       " - ",
       l,
@@ -557,14 +545,14 @@ const Ne = () => {
   ] });
 };
 function Ce() {
-  const { t: e } = L(), { pageSizes: a, pageSize: r, setPageSize: n } = T(), s = y(
+  const { t: e } = E(), { pageSizes: a, pageSize: r, setPageSize: n } = T(), s = w(
     () => a == null ? void 0 : a.map((l) => ({ id: l, value: l })),
     [a]
   );
-  return /* @__PURE__ */ v("div", { className: "page-size", children: [
+  return /* @__PURE__ */ b("div", { className: "page-size", children: [
     /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.pageSizes") }),
     /* @__PURE__ */ t(
-      q,
+      J,
       {
         value: r,
         options: s,
@@ -577,17 +565,17 @@ function Ce() {
   ] });
 }
 function ye() {
-  const { t: e } = L(), { total: a, pageSize: r, currentPage: n, setCurrentPage: s } = T(), l = y(() => {
+  const { t: e } = E(), { total: a, pageSize: r, currentPage: n, setCurrentPage: s } = T(), l = w(() => {
     const o = Math.ceil(a / r);
-    return Array.from({ length: o }, (c, i) => ({
-      id: i,
-      value: i + 1
+    return Array.from({ length: o }, (i, c) => ({
+      id: c,
+      value: c + 1
     }));
   }, [a, r]);
-  return /* @__PURE__ */ v("div", { className: "jump-to-page", children: [
+  return /* @__PURE__ */ b("div", { className: "jump-to-page", children: [
     /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.jumpToPage") }),
     /* @__PURE__ */ t(
-      q,
+      J,
       {
         value: n,
         options: l,
@@ -600,7 +588,7 @@ function ye() {
   ] });
 }
 function we() {
-  return /* @__PURE__ */ v("div", { className: "table-footer", children: [
+  return /* @__PURE__ */ b("div", { className: "table-footer", children: [
     /* @__PURE__ */ t(ye, {}),
     /* @__PURE__ */ t(Ce, {}),
     /* @__PURE__ */ t(fe, {}),
@@ -608,35 +596,35 @@ function we() {
   ] });
 }
 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) => {
+  const { propertyName: a, options: r, label: n } = e, { currentFilters: s, setCurrentFilters: l } = _(), o = w(() => {
+    var c;
+    return ((c = s[a]) == null ? void 0 : c.value) ?? r[0];
+  }, [s]), i = k((c) => {
     l({
-      type: k.update,
-      toUpdate: { [a]: { value: i.target.value } }
+      type: $.update,
+      toUpdate: { [a]: { value: c.target.value } }
     });
   }, []);
   return /* @__PURE__ */ t(
-    q,
+    J,
     {
       value: o,
       label: n,
       options: r,
       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) => {
+const ke = (e) => {
+  const { propertyName: a, label: r } = e, { currentFilters: n, setCurrentFilters: s } = _(), l = w(() => {
+    var i;
+    return ((i = n[a]) == null ? void 0 : i.value) ?? "";
+  }, [n]), o = k((i) => {
     s({
-      type: k.update,
-      toUpdate: { [a]: { value: c.target.value } }
+      type: $.update,
+      toUpdate: { [a]: { value: i.target.value } }
     });
   }, []);
   return /* @__PURE__ */ t(
@@ -649,23 +637,23 @@ const Se = (e) => {
       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) => {
+}, $e = (e) => {
+  const { propertyName: a, label: r } = e, { currentFilters: n, setCurrentFilters: s } = _(), l = w(() => {
+    var i;
+    return ((i = n[a]) == null ? void 0 : i.value) ?? "";
+  }, [n]), o = k((i) => {
     s({
-      type: k.update,
-      toUpdate: { [a]: { value: c.target.checked } }
+      type: $.update,
+      toUpdate: { [a]: { value: i.target.checked } }
     });
   }, []);
   return /* @__PURE__ */ t(ie, { label: r, checked: l ?? !1, onChange: o });
 };
-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(
+function Se(e) {
+  const { propertyName: a, label: r, options: n, multiple: s = !0 } = e, { currentFilters: l, setCurrentFilters: o } = _(), i = w(() => l[a] ?? n[0], [l]), c = k(
     (N) => {
       o({
-        type: k.update,
+        type: $.update,
         toUpdate: {
           [a]: {
             value: N
@@ -678,116 +666,124 @@ function $e(e) {
   return /* @__PURE__ */ t(
     de,
     {
-      value: c == null ? void 0 : c.value,
+      value: i == null ? void 0 : i.value,
       label: r,
       options: n,
       multiple: s,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
-      onChange: i
+      onChange: c
     }
   );
 }
-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,
+const K = (e) => {
+  var u, v, m, p;
+  const { propertyName: a, label: r, inputType: n } = e, { t: s } = E(), { currentFilters: l, setCurrentFilters: o } = _(), i = D(null), c = D(null), N = k((g) => {
+    var f;
+    o({
+      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: ((f = c == null ? void 0 : c.current) == null ? void 0 : f.value) ?? null, start: g.target.value }
         }
       }
     });
-  }, []), h = S((m) => {
-    var d;
-    l({
-      type: k.update,
+  }, []), d = k((g) => {
+    var f;
+    o({
+      type: $.update,
       toUpdate: {
         [a]: {
           value: {
-            start: ((d = o == null ? void 0 : o.current) == null ? void 0 : d.value) ?? null,
-            end: m.target.value
+            start: ((f = i == null ? void 0 : i.current) == null ? void 0 : f.value) ?? null,
+            end: g.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__ */ b("div", { className: "relative", children: [
+    /* @__PURE__ */ t("p", { className: "text-input-label input-widget-label input-label-normal", children: r }),
+    /* @__PURE__ */ b("div", { className: "range-widget-row", children: [
+      /* @__PURE__ */ t(
+        j,
+        {
+          value: ((v = (u = l[a]) == null ? void 0 : u.value) == null ? void 0 : v.start) ?? "",
+          placeholder: s("_accessibility:components.table.filters.range.start"),
+          type: n,
+          ref: i,
+          onChange: N,
+          containerClassName: "input-widget-container",
+          helperTextClassName: ""
+        }
+      ),
+      /* @__PURE__ */ t(
+        j,
+        {
+          value: ((p = (m = l[a]) == null ? void 0 : m.value) == null ? void 0 : p.end) ?? "",
+          placeholder: s("_accessibility:components.table.filters.range.end"),
+          type: n,
+          ref: c,
+          onChange: d,
+          containerClassName: "input-widget-container",
+          helperTextClassName: ""
+        }
+      )
+    ] })
   ] });
 }, Pe = (e) => {
   switch (e.type) {
-    case E.text:
-      return /* @__PURE__ */ t(Se, { ...e });
-    case E.number:
-      return /* @__PURE__ */ t(G, { ...e });
-    case E.date:
-      return /* @__PURE__ */ t(G, { ...e });
-    case E.select:
+    case L.text:
+      return /* @__PURE__ */ t(ke, { ...e });
+    case L.number:
+      return /* @__PURE__ */ t(
+        K,
+        {
+          ...e,
+          inputType: "number"
+        }
+      );
+    case L.date:
+      return /* @__PURE__ */ t(
+        K,
+        {
+          ...e,
+          inputType: "date"
+        }
+      );
+    case L.select:
       return /* @__PURE__ */ t(xe, { ...e });
-    case E.autocomplete:
+    case L.autocomplete:
+      return /* @__PURE__ */ t(Se, { ...e });
+    case L.check:
       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 ze = (e) => {
+  const { align: a = "right", filters: r = [], icon: n } = e, [s, l] = P(!1), { onFilterApply: o, filters: i } = T(), { currentFilters: c, setCurrentFilters: N } = _(), { t: d } = E(), u = D(null), v = D(null);
+  return I(() => {
+    const m = ({ target: p }) => {
+      var g, f;
+      v.current && (!s || (g = v.current) != null && g.contains(p) || (f = u == null ? void 0 : u.current) != null && f.contains(p) || l(!1));
     };
-    return document.addEventListener("click", d), () => document.removeEventListener("click", d);
-  }), H(() => {
-    const d = (p) => {
+    return document.addEventListener("click", m), () => document.removeEventListener("click", m);
+  }), I(() => {
+    const m = (p) => {
       !s || p.code !== "Escape" || l(!1);
     };
-    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
-  }), /* @__PURE__ */ v("div", { className: "filter-dropdown-main", children: [
-    /* @__PURE__ */ v(
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }), /* @__PURE__ */ b("div", { className: "filter-dropdown-main", children: [
+    /* @__PURE__ */ b(
       "button",
       {
-        ref: h,
+        ref: u,
         className: "filter-dropdown-button normal filter-dropdown-trigger",
         "aria-haspopup": "true",
         onClick: () => l(!s),
         "aria-expanded": s,
         children: [
-          /* @__PURE__ */ t("span", { className: "sr-only", children: u("_accessibility:buttons.filters") }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: d("_accessibility:buttons.filters") }),
           /* @__PURE__ */ t("wbr", {}),
           n ?? /* @__PURE__ */ t(ce, { className: "filter-dropdown-trigger-icon" })
         ]
@@ -797,16 +793,16 @@ const Oe = (e) => {
       "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: [
+        children: /* @__PURE__ */ b("div", { ref: v, children: [
+          /* @__PURE__ */ t("div", { className: "filter-title", children: d("_accessibility:buttons.filters") }),
+          /* @__PURE__ */ t("ul", { className: "filter-container", children: r.map((m) => /* @__PURE__ */ t("li", { className: "filter-container-item", children: Pe(m) }, m.propertyName)) }),
+          /* @__PURE__ */ t("div", { className: "filter-footer", children: /* @__PURE__ */ b("ul", { className: "filter-buttons-row", children: [
             /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
               "button",
               {
-                onClick: () => N({ type: k.reset, filters: r }),
+                onClick: () => N({ type: $.reset, filters: r }),
                 className: "filter-dropdown-button small filter-dropdown-cancel",
-                children: u("_accessibility:buttons.clear")
+                children: d("_accessibility:buttons.clear")
               }
             ) }),
             /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
@@ -814,10 +810,10 @@ const Oe = (e) => {
               {
                 className: "filter-dropdown-button small filter-dropdown-submit bg-primary hover:bg-light-primary",
                 onClick: () => {
-                  l(!1), o(i);
+                  l(!1), o(c);
                 },
                 onBlur: () => l(!1),
-                children: u("_accessibility:buttons.applyFilters")
+                children: d("_accessibility:buttons.applyFilters")
               }
             ) })
           ] }) })
@@ -825,34 +821,34 @@ const Oe = (e) => {
       }
     )
   ] });
-}, 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"),
+}, Ee = (e) => e, Oe = (e) => {
+  const { columns: a, softDeleteProperty: r = "deleted", data: n, actions: s } = e, l = w(
+    () => a.sort((o, i) => (i.pos ?? 0) - (o.pos ?? 0)).filter((o) => o.display !== "none"),
     [a]
   );
   return n == null ? void 0 : n.map((o) => {
-    var c;
-    return /* @__PURE__ */ v(
+    var i;
+    return /* @__PURE__ */ b(
       "tr",
       {
         className: `table-row ${o[r] ? "deleted-class" : ""}`,
         children: [
-          l == null ? void 0 : l.map((i, N) => /* @__PURE__ */ t(
+          l == null ? void 0 : l.map((c, N) => /* @__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 ${N === 0 ? "basic" : ""} ${c.className ?? ""}`,
+              children: c.renderBody ? c.renderBody(o[c.key], o) : Ee(o[c.key])
             },
-            i.key
+            c.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
+          s ? /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "table-row-cell-action", children: (i = s(o).filter((c) => !c.hidden)) == null ? void 0 : i.map((c) => /* @__PURE__ */ t(Le, { content: c.tooltip, children: /* @__PURE__ */ t("button", { onClick: () => c.onClick(o), children: c.icon }) }, c.id)) }) }) : null
         ]
       },
       o.id
     );
   });
 };
-function Me(e) {
+function De(e) {
   const {
     title: a = "",
     data: r,
@@ -860,45 +856,45 @@ function Me(e) {
     entity: s = "",
     isLoading: l = !1,
     actions: o,
-    columns: c = [],
-    contentClassName: i = "",
+    columns: i = [],
+    contentClassName: c = "",
     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) => {
+    toolbar: d = /* @__PURE__ */ t(M, {}),
+    softDeleteProperty: u = "deleted"
+  } = e, v = w(() => i ? i.sort((p, g) => (g.pos ?? 0) - (p.pos ?? 0)).filter((p) => !!p.filterOptions).map((p) => {
     var g;
     return {
       ...p.filterOptions,
       label: ((g = p.filterOptions) == null ? void 0 : g.label) ?? p.label,
       propertyName: p.key
     };
-  }) : [], [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: [
+  }) : [], [i]), m = w(() => !(r != null && r.length), [r]);
+  return /* @__PURE__ */ t(be, { children: /* @__PURE__ */ b("div", { className: `${N} table-main`, children: [
+    /* @__PURE__ */ b("div", { className: "table-header", children: [
       /* @__PURE__ */ t("h1", { className: "table-header-title", children: a }),
-      l ? null : /* @__PURE__ */ v("div", { className: "table-header-right", children: [
-        u,
-        !!m && !!m.length && /* @__PURE__ */ t(Oe, { filters: m })
+      l ? null : /* @__PURE__ */ b("div", { className: "table-header-right", children: [
+        d,
+        !!v && !!v.length && /* @__PURE__ */ t(ze, { filters: v })
       ] })
     ] }),
-    l ? /* @__PURE__ */ t(ue, { className: "table-loading" }) : /* @__PURE__ */ t(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: [
+    l ? /* @__PURE__ */ t(ue, { className: "table-loading" }) : /* @__PURE__ */ t(M, { children: m ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ b(M, { children: [
+      /* @__PURE__ */ t("div", { className: `${c} table-body`, children: /* @__PURE__ */ b("table", { className: "table-content", children: [
         /* @__PURE__ */ t(
-          ge,
+          ve,
           {
             entity: s,
-            columns: c,
+            columns: i,
             onSortCallback: n,
             hasAction: !!o
           }
         ),
         /* @__PURE__ */ t("tbody", { children: /* @__PURE__ */ t(
-          Ee,
+          Oe,
           {
             data: r,
             actions: o,
-            columns: c,
-            softDeleteProperty: h
+            columns: i,
+            softDeleteProperty: u
           }
         ) })
       ] }) }),
@@ -908,42 +904,42 @@ function Me(e) {
 }
 function Le(e) {
   const { content: a, children: r } = e;
-  return /* @__PURE__ */ v("div", { className: "tooltip-container", children: [
+  return /* @__PURE__ */ b("div", { className: "tooltip-container", children: [
     r,
     /* @__PURE__ */ t("div", { className: "tooltip-text", children: a })
   ] });
 }
-var O = /* @__PURE__ */ ((e) => (e.empty = "empty", e.outlined = "outlined", e.default = "default", e))(O || {});
+var z = /* @__PURE__ */ ((e) => (e.empty = "empty", e.outlined = "outlined", e.default = "default", e))(z || {});
 function Te(e) {
   const {
     label: a,
     onDelete: r,
     className: n = "",
     spanClassName: s = "",
-    variant: l = O.default
-  } = e, o = y(() => {
+    variant: l = z.default
+  } = e, o = w(() => {
     switch (l) {
-      case O.empty:
+      case z.empty:
         return "text-primary bg-transparent";
-      case O.outlined:
+      case z.outlined:
         return "border border-primary";
-      case O.default:
+      case z.default:
       default:
         return "text-white bg-primary";
     }
-  }, [l]), c = y(() => {
+  }, [l]), i = w(() => {
     switch (l) {
-      case O.empty:
-      case O.outlined:
+      case z.empty:
+      case z.outlined:
         return "chip-delete-button-svg";
-      case O.default:
+      case z.default:
       default:
         return "filled-chip-delete-button-svg";
     }
   }, [l]);
-  return /* @__PURE__ */ v("div", { className: `chip-main ${o} ${n}`, children: [
+  return /* @__PURE__ */ b("div", { className: `chip-main ${o} ${n}`, children: [
     /* @__PURE__ */ t("span", { className: s, children: a }),
-    r ? /* @__PURE__ */ t("button", { type: "button", className: "chip-delete-button", onClick: r, children: /* @__PURE__ */ t(K, { className: c }) }) : null
+    r ? /* @__PURE__ */ t("button", { type: "button", className: "chip-delete-button", onClick: r, children: /* @__PURE__ */ t(Q, { className: i }) }) : null
   ] });
 }
 export {
@@ -954,36 +950,36 @@ export {
   le as ChevronRight,
   re as ChevronUp,
   Te as Chip,
-  O as ChipVariant,
-  K as Close,
-  ge as Columns,
+  z as ChipVariant,
+  Q as Close,
+  ve as Columns,
   fe as CountOfTotal,
-  ve as Empty,
-  Oe as FilterPopup,
-  E as FilterTypes,
+  ge as Empty,
+  ze as FilterPopup,
+  L as FilterTypes,
   ce as Filters,
-  k as FiltersActions,
+  $ as FiltersActions,
   be as FiltersProvider,
   we as Footer,
   ue as Loading,
   Ne as Navigation,
   Ce as PageSize,
-  Ee as Rows,
-  q as SelectInput,
+  Oe as Rows,
+  J as SelectInput,
   F as SortOrder,
-  U as State,
-  Me as Table,
-  De as TableOptionsProvider,
+  R as State,
+  De as Table,
+  Me 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 inputStateClassName,
   X as labelStateClassName,
   Pe as renderFilterComponent,
   _ as useFilters,
   T as useTableOptions,
-  L as useTranslation
+  E as useTranslation
 };