@sito/dashboard 0.0.61 → 0.0.63

package/dist/dashboard.js

@@ -1,272 +1,66 @@
 import "./main.css";
-import { jsx as c, jsxs as N, Fragment as le } from "react/jsx-runtime";
-import { forwardRef as fe, useState as j, useEffect as K, useRef as J, useCallback as M, createContext as Pe, useContext as Te, useMemo as F, useReducer as ut } from "react";
-function dt(e) {
-  const { className: t = "" } = e;
-  return /* @__PURE__ */ c(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 512 512",
-      fill: "currentColor",
-      children: /* @__PURE__ */ c("path", { d: "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" })
-    }
-  );
-}
-function ht(e) {
-  const { className: t = "" } = e;
-  return /* @__PURE__ */ c(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 512 512",
-      fill: "currentColor",
-      children: /* @__PURE__ */ c("path", { d: "M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z" })
-    }
-  );
-}
-function ft(e) {
-  const { className: t = "" } = e;
-  return /* @__PURE__ */ c(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 320 512",
-      fill: "currentColor",
-      children: /* @__PURE__ */ c("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })
-    }
-  );
-}
-function pt(e) {
-  const { className: t = "" } = e;
-  return /* @__PURE__ */ c(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 320 512",
-      fill: "currentColor",
-      children: /* @__PURE__ */ c("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" })
-    }
-  );
-}
-const mt = (e) => {
-  const { className: t = "" } = e;
-  return /* @__PURE__ */ c("svg", { className: t, viewBox: "0 0 16 16", children: /* @__PURE__ */ c("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 Re(e) {
-  const { className: t = "" } = e;
-  return /* @__PURE__ */ c(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 384 512",
-      fill: "currentColor",
-      children: /* @__PURE__ */ c("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
-    }
-  );
-}
-function bt(e) {
-  const { className: t = "" } = e;
-  return /* @__PURE__ */ c(
-    "svg",
-    {
-      className: t,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 640 640",
-      fill: "currentColor",
-      children: /* @__PURE__ */ c("path", { d: "M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z" })
-    }
-  );
-}
-var Ne = /* @__PURE__ */ ((e) => (e.error = "error", e.good = "good", e.default = "default", e))(Ne || {});
-const Ke = (e) => {
-  switch (e) {
-    case "error":
-      return "input-error";
-    case "good":
-      return "input-good";
-    default:
-      return "input-normal";
-  }
-}, Ye = (e) => {
-  switch (e) {
-    case "error":
-      return "input-label-error";
-    case "good":
-      return "input-label-good";
-    default:
-      return "input-label-normal";
-  }
-}, Ze = (e) => {
-  switch (e) {
-    case "error":
-      return "input-helper-text-error";
-    case "good":
-      return "input-helper-text-good";
-    default:
-      return "input-helper-text-normal";
-  }
+import { jsx as i, jsxs as k, Fragment as $e } from "react/jsx-runtime";
+import { useRef as Q, useEffect as V, forwardRef as Ee, useState as I, useCallback as F, createContext as He, useReducer as Dt, useContext as qe, useMemo as D, Fragment as zt } from "react";
+const _t = (e) => {
+  const { count: t, className: r = "" } = e, n = Q(null);
+  return V(() => {
+    var s, a;
+    (s = n.current) != null && s.parentNode && (((a = n.current) == null ? void 0 : a.parentNode).style.position = "relative");
+  }, [n]), /* @__PURE__ */ i("span", { ref: n, className: `${r} badge-main`, children: t });
 };
-const Oe = fe(function(e, t) {
-  const {
-    value: r,
-    onChange: n,
-    options: s,
-    containerClassName: a = "",
-    inputClassName: o = "",
-    labelClassName: i = "",
-    helperText: l = "",
-    helperTextClassName: d = "",
-    placeholder: u = "",
-    label: h = "",
-    name: b = "",
-    id: g = "",
-    state: m = Ne.default,
-    children: f,
-    ...C
-  } = e;
-  return /* @__PURE__ */ N("div", { className: `select-input-container ${a}`, children: [
-    /* @__PURE__ */ c(
-      "select",
-      {
-        ...C,
-        id: g,
-        ref: t,
-        name: b,
-        value: r,
-        onChange: n,
-        className: `select-input ${Ke(m)} peer ${o}`,
-        children: s == null ? void 0 : s.map((v) => /* @__PURE__ */ c("option", { value: v.id, children: v.value ?? v.name ?? v.id }, v.id))
-      }
-    ),
-    /* @__PURE__ */ c(
-      "label",
-      {
-        htmlFor: b,
-        className: `select-input-label ${Ye(m)} ${i}`,
-        children: h
-      }
-    ),
-    f,
-    (u || l) && /* @__PURE__ */ c(
-      "p",
-      {
-        className: `select-input-helper-text ${Ze(m)} ${d}`,
-        children: m !== "error" && m !== "good" ? u : l
-      }
-    )
-  ] });
-});
-const Ce = fe(function(e, t) {
-  const {
-    children: r,
-    state: n = Ne.default,
-    label: s = "",
-    containerClassName: a = "",
-    inputClassName: o = "",
-    labelClassName: i = "",
-    helperText: l = "",
-    helperTextClassName: d = "",
-    value: u = "",
-    ...h
-  } = e;
-  return /* @__PURE__ */ N("div", { className: `text-input-container ${a}`, children: [
-    /* @__PURE__ */ c(
-      "input",
-      {
-        ref: t,
-        value: u,
-        className: `text-input ${Ke(n)} peer ${o} ${u ? "has-value" : ""} ${h.placeholder ? "has-placeholder" : ""}`,
-        ...h
-      }
-    ),
-    !!s && /* @__PURE__ */ N(
-      "label",
-      {
-        htmlFor: h.name,
-        className: `text-input-label ${Ye(n)} ${i}`,
-        children: [
-          s,
-          h.required ? " *" : ""
-        ]
-      }
-    ),
-    r,
-    !!l && /* @__PURE__ */ c(
-      "p",
-      {
-        className: `text-input-helper-text ${Ze(n)} ${d}`,
-        children: l
-      }
-    )
-  ] });
-});
-const gt = fe(function(e, t) {
+function fe(e) {
   const {
-    checked: r,
-    onChange: n,
-    state: s = Ne.default,
-    name: a = "",
-    id: o = "",
-    type: i = "text",
-    label: l = "",
-    containerClassName: d = "",
-    inputClassName: u = "",
-    labelClassName: h = "",
-    helperText: b = "",
-    helperTextClassName: g = "",
-    ...m
+    text: t,
+    onDelete: r,
+    children: n,
+    icon: s,
+    variant: a = "default",
+    iconClassName: l = "",
+    className: c = "",
+    textClassName: o = ""
   } = e;
-  return /* @__PURE__ */ N("label", { className: `input-check-container ${d}`, children: [
-    /* @__PURE__ */ c(
-      "input",
+  return /* @__PURE__ */ k("div", { className: `chip-main ${a} ${c}`, children: [
+    /* @__PURE__ */ i("span", { className: o, children: t }),
+    n,
+    r ? /* @__PURE__ */ i(
+      "button",
       {
-        id: o,
-        ref: t,
-        name: a,
-        type: "checkbox",
-        checked: r,
-        onChange: n,
-        className: `input-check ${u}`,
-        ...m
+        type: "button",
+        className: `chip-delete-button ${l}`,
+        onClick: r,
+        children: s ?? /* @__PURE__ */ i(Qe, {})
       }
-    ),
-    /* @__PURE__ */ c("span", { className: `input-check-label ${h}`, children: l })
+    ) : null
   ] });
-});
-var vt = !1;
-function Ct(e) {
+}
+var Wt = !1;
+function Bt(e) {
   if (e.sheet)
     return e.sheet;
   for (var t = 0; t < document.styleSheets.length; t++)
     if (document.styleSheets[t].ownerNode === e)
       return document.styleSheets[t];
 }
-function wt(e) {
+function jt(e) {
   var t = document.createElement("style");
   return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
 }
-var Nt = /* @__PURE__ */ function() {
+var Vt = /* @__PURE__ */ function() {
   function e(r) {
     var n = this;
     this._insertTag = function(s) {
       var a;
       n.tags.length === 0 ? n.insertionPoint ? a = n.insertionPoint.nextSibling : n.prepend ? a = n.container.firstChild : a = n.before : a = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(s, a), n.tags.push(s);
-    }, this.isSpeedy = r.speedy === void 0 ? !vt : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
+    }, this.isSpeedy = r.speedy === void 0 ? !Wt : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
   }
   var t = e.prototype;
   return t.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, t.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(wt(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(jt(this));
     var s = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var a = Ct(s);
+      var a = Bt(s);
       try {
         a.insertRule(n, a.cssRules.length);
       } catch {
@@ -280,66 +74,66 @@ var Nt = /* @__PURE__ */ function() {
       return (s = n.parentNode) == null ? void 0 : s.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), L = "-ms-", we = "-moz-", $ = "-webkit-", Je = "comm", Fe = "rule", Le = "decl", yt = "@import", Qe = "@keyframes", xt = "@layer", $t = Math.abs, ye = String.fromCharCode, St = Object.assign;
-function kt(e, t) {
-  return O(e, 0) ^ 45 ? (((t << 2 ^ O(e, 0)) << 2 ^ O(e, 1)) << 2 ^ O(e, 2)) << 2 ^ O(e, 3) : 0;
+}(), j = "-ms-", Le = "-moz-", E = "-webkit-", pt = "comm", Ke = "rule", Ye = "decl", Gt = "@import", mt = "@keyframes", Ut = "@layer", Ht = Math.abs, De = String.fromCharCode, qt = Object.assign;
+function Kt(e, t) {
+  return B(e, 0) ^ 45 ? (((t << 2 ^ B(e, 0)) << 2 ^ B(e, 1)) << 2 ^ B(e, 2)) << 2 ^ B(e, 3) : 0;
 }
-function Xe(e) {
+function bt(e) {
   return e.trim();
 }
-function Et(e, t) {
+function Yt(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function S(e, t, r) {
+function R(e, t, r) {
   return e.replace(t, r);
 }
-function Ee(e, t) {
+function Ge(e, t) {
   return e.indexOf(t);
 }
-function O(e, t) {
+function B(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function ue(e, t, r) {
+function Se(e, t, r) {
   return e.slice(t, r);
 }
-function V(e) {
+function se(e) {
   return e.length;
 }
-function Me(e) {
+function Ze(e) {
   return e.length;
 }
-function me(e, t) {
+function Pe(e, t) {
   return t.push(e), e;
 }
-function At(e, t) {
+function Zt(e, t) {
   return e.map(t).join("");
 }
-var xe = 1, ae = 1, et = 0, I = 0, T = 0, ce = "";
-function $e(e, t, r, n, s, a, o) {
-  return { value: e, root: t, parent: r, type: n, props: s, children: a, line: xe, column: ae, length: o, return: "" };
+var ze = 1, ge = 1, gt = 0, U = 0, M = 0, ve = "";
+function _e(e, t, r, n, s, a, l) {
+  return { value: e, root: t, parent: r, type: n, props: s, children: a, line: ze, column: ge, length: l, return: "" };
 }
-function oe(e, t) {
-  return St($e("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+function Ne(e, t) {
+  return qt(_e("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function Pt() {
-  return T;
+function Jt() {
+  return M;
 }
-function Tt() {
-  return T = I > 0 ? O(ce, --I) : 0, ae--, T === 10 && (ae = 1, xe--), T;
+function Xt() {
+  return M = U > 0 ? B(ve, --U) : 0, ge--, M === 10 && (ge = 1, ze--), M;
 }
-function W() {
-  return T = I < et ? O(ce, I++) : 0, ae++, T === 10 && (ae = 1, xe++), T;
+function H() {
+  return M = U < gt ? B(ve, U++) : 0, ge++, M === 10 && (ge = 1, ze++), M;
 }
-function Y() {
-  return O(ce, I);
+function ie() {
+  return B(ve, U);
 }
-function be() {
-  return I;
+function Oe() {
+  return U;
 }
-function pe(e, t) {
-  return ue(ce, e, t);
+function Re(e, t) {
+  return Se(ve, e, t);
 }
-function de(e) {
+function ke(e) {
   switch (e) {
     case 0:
     case 9:
@@ -371,240 +165,240 @@ function de(e) {
   }
   return 0;
 }
-function tt(e) {
-  return xe = ae = 1, et = V(ce = e), I = 0, [];
+function vt(e) {
+  return ze = ge = 1, gt = se(ve = e), U = 0, [];
 }
-function nt(e) {
-  return ce = "", e;
+function Ct(e) {
+  return ve = "", e;
 }
-function ge(e) {
-  return Xe(pe(I - 1, Ae(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function Fe(e) {
+  return bt(Re(U - 1, Ue(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Rt(e) {
-  for (; (T = Y()) && T < 33; )
-    W();
-  return de(e) > 2 || de(T) > 3 ? "" : " ";
+function Qt(e) {
+  for (; (M = ie()) && M < 33; )
+    H();
+  return ke(e) > 2 || ke(M) > 3 ? "" : " ";
 }
-function Ot(e, t) {
-  for (; --t && W() && !(T < 48 || T > 102 || T > 57 && T < 65 || T > 70 && T < 97); )
+function en(e, t) {
+  for (; --t && H() && !(M < 48 || M > 102 || M > 57 && M < 65 || M > 70 && M < 97); )
     ;
-  return pe(e, be() + (t < 6 && Y() == 32 && W() == 32));
+  return Re(e, Oe() + (t < 6 && ie() == 32 && H() == 32));
 }
-function Ae(e) {
-  for (; W(); )
-    switch (T) {
+function Ue(e) {
+  for (; H(); )
+    switch (M) {
       case e:
-        return I;
+        return U;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Ae(T);
+        e !== 34 && e !== 39 && Ue(M);
         break;
       case 40:
-        e === 41 && Ae(e);
+        e === 41 && Ue(e);
         break;
       case 92:
-        W();
+        H();
         break;
     }
-  return I;
+  return U;
 }
-function Ft(e, t) {
-  for (; W() && e + T !== 47 + 10; )
-    if (e + T === 42 + 42 && Y() === 47)
+function tn(e, t) {
+  for (; H() && e + M !== 47 + 10; )
+    if (e + M === 42 + 42 && ie() === 47)
       break;
-  return "/*" + pe(t, I - 1) + "*" + ye(e === 47 ? e : W());
+  return "/*" + Re(t, U - 1) + "*" + De(e === 47 ? e : H());
 }
-function Lt(e) {
-  for (; !de(Y()); )
-    W();
-  return pe(e, I);
+function nn(e) {
+  for (; !ke(ie()); )
+    H();
+  return Re(e, U);
 }
-function Mt(e) {
-  return nt(ve("", null, null, null, [""], e = tt(e), 0, [0], e));
+function rn(e) {
+  return Ct(Me("", null, null, null, [""], e = vt(e), 0, [0], e));
 }
-function ve(e, t, r, n, s, a, o, i, l) {
-  for (var d = 0, u = 0, h = o, b = 0, g = 0, m = 0, f = 1, C = 1, v = 1, y = 0, E = "", k = s, x = a, A = n, p = E; C; )
-    switch (m = y, y = W()) {
+function Me(e, t, r, n, s, a, l, c, o) {
+  for (var d = 0, u = 0, m = l, b = 0, g = 0, f = 0, h = 1, C = 1, y = 1, v = 0, $ = "", T = s, A = a, P = n, N = $; C; )
+    switch (f = v, v = H()) {
       case 40:
-        if (m != 108 && O(p, h - 1) == 58) {
-          Ee(p += S(ge(y), "&", "&\f"), "&\f") != -1 && (v = -1);
+        if (f != 108 && B(N, m - 1) == 58) {
+          Ge(N += R(Fe(v), "&", "&\f"), "&\f") != -1 && (y = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        p += ge(y);
+        N += Fe(v);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        p += Rt(m);
+        N += Qt(f);
         break;
       case 92:
-        p += Ot(be() - 1, 7);
+        N += en(Oe() - 1, 7);
         continue;
       case 47:
-        switch (Y()) {
+        switch (ie()) {
           case 42:
           case 47:
-            me(Dt(Ft(W(), be()), t, r), l);
+            Pe(sn(tn(H(), Oe()), t, r), o);
             break;
           default:
-            p += "/";
+            N += "/";
         }
         break;
-      case 123 * f:
-        i[d++] = V(p) * v;
-      case 125 * f:
+      case 123 * h:
+        c[d++] = se(N) * y;
+      case 125 * h:
       case 59:
       case 0:
-        switch (y) {
+        switch (v) {
           case 0:
           case 125:
             C = 0;
           case 59 + u:
-            v == -1 && (p = S(p, /\f/g, "")), g > 0 && V(p) - h && me(g > 32 ? Ie(p + ";", n, r, h - 1) : Ie(S(p, " ", "") + ";", n, r, h - 2), l);
+            y == -1 && (N = R(N, /\f/g, "")), g > 0 && se(N) - m && Pe(g > 32 ? st(N + ";", n, r, m - 1) : st(R(N, " ", "") + ";", n, r, m - 2), o);
             break;
           case 59:
-            p += ";";
+            N += ";";
           default:
-            if (me(A = ze(p, t, r, d, u, s, i, E, k = [], x = [], h), a), y === 123)
+            if (Pe(P = rt(N, t, r, d, u, s, c, $, T = [], A = [], m), a), v === 123)
               if (u === 0)
-                ve(p, t, A, A, k, a, h, i, x);
+                Me(N, t, P, P, T, a, m, c, A);
               else
-                switch (b === 99 && O(p, 3) === 110 ? 100 : b) {
+                switch (b === 99 && B(N, 3) === 110 ? 100 : b) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    ve(e, A, A, n && me(ze(e, A, A, 0, 0, s, i, E, s, k = [], h), x), s, x, h, i, n ? k : x);
+                    Me(e, P, P, n && Pe(rt(e, P, P, 0, 0, s, c, $, s, T = [], m), A), s, A, m, c, n ? T : A);
                     break;
                   default:
-                    ve(p, A, A, A, [""], x, 0, i, x);
+                    Me(N, P, P, P, [""], A, 0, c, A);
                 }
         }
-        d = u = g = 0, f = v = 1, E = p = "", h = o;
+        d = u = g = 0, h = y = 1, $ = N = "", m = l;
         break;
       case 58:
-        h = 1 + V(p), g = m;
+        m = 1 + se(N), g = f;
       default:
-        if (f < 1) {
-          if (y == 123)
-            --f;
-          else if (y == 125 && f++ == 0 && Tt() == 125)
+        if (h < 1) {
+          if (v == 123)
+            --h;
+          else if (v == 125 && h++ == 0 && Xt() == 125)
             continue;
         }
-        switch (p += ye(y), y * f) {
+        switch (N += De(v), v * h) {
           case 38:
-            v = u > 0 ? 1 : (p += "\f", -1);
+            y = u > 0 ? 1 : (N += "\f", -1);
             break;
           case 44:
-            i[d++] = (V(p) - 1) * v, v = 1;
+            c[d++] = (se(N) - 1) * y, y = 1;
             break;
           case 64:
-            Y() === 45 && (p += ge(W())), b = Y(), u = h = V(E = p += Lt(be())), y++;
+            ie() === 45 && (N += Fe(H())), b = ie(), u = m = se($ = N += nn(Oe())), v++;
             break;
           case 45:
-            m === 45 && V(p) == 2 && (f = 0);
+            f === 45 && se(N) == 2 && (h = 0);
         }
     }
   return a;
 }
-function ze(e, t, r, n, s, a, o, i, l, d, u) {
-  for (var h = s - 1, b = s === 0 ? a : [""], g = Me(b), m = 0, f = 0, C = 0; m < n; ++m)
-    for (var v = 0, y = ue(e, h + 1, h = $t(f = o[m])), E = e; v < g; ++v)
-      (E = Xe(f > 0 ? b[v] + " " + y : S(y, /&\f/g, b[v]))) && (l[C++] = E);
-  return $e(e, t, r, s === 0 ? Fe : i, l, d, u);
+function rt(e, t, r, n, s, a, l, c, o, d, u) {
+  for (var m = s - 1, b = s === 0 ? a : [""], g = Ze(b), f = 0, h = 0, C = 0; f < n; ++f)
+    for (var y = 0, v = Se(e, m + 1, m = Ht(h = l[f])), $ = e; y < g; ++y)
+      ($ = bt(h > 0 ? b[y] + " " + v : R(v, /&\f/g, b[y]))) && (o[C++] = $);
+  return _e(e, t, r, s === 0 ? Ke : c, o, d, u);
 }
-function Dt(e, t, r) {
-  return $e(e, t, r, Je, ye(Pt()), ue(e, 2, -2), 0);
+function sn(e, t, r) {
+  return _e(e, t, r, pt, De(Jt()), Se(e, 2, -2), 0);
 }
-function Ie(e, t, r, n) {
-  return $e(e, t, r, Le, ue(e, 0, n), ue(e, n + 1, -1), n);
+function st(e, t, r, n) {
+  return _e(e, t, r, Ye, Se(e, 0, n), Se(e, n + 1, -1), n);
 }
-function se(e, t) {
-  for (var r = "", n = Me(e), s = 0; s < n; s++)
+function be(e, t) {
+  for (var r = "", n = Ze(e), s = 0; s < n; s++)
     r += t(e[s], s, e, t) || "";
   return r;
 }
-function zt(e, t, r, n) {
+function an(e, t, r, n) {
   switch (e.type) {
-    case xt:
+    case Ut:
       if (e.children.length)
         break;
-    case yt:
-    case Le:
+    case Gt:
+    case Ye:
       return e.return = e.return || e.value;
-    case Je:
+    case pt:
       return "";
-    case Qe:
-      return e.return = e.value + "{" + se(e.children, n) + "}";
-    case Fe:
+    case mt:
+      return e.return = e.value + "{" + be(e.children, n) + "}";
+    case Ke:
       e.value = e.props.join(",");
   }
-  return V(r = se(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+  return se(r = be(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
-function It(e) {
-  var t = Me(e);
+function cn(e) {
+  var t = Ze(e);
   return function(r, n, s, a) {
-    for (var o = "", i = 0; i < t; i++)
-      o += e[i](r, n, s, a) || "";
-    return o;
+    for (var l = "", c = 0; c < t; c++)
+      l += e[c](r, n, s, a) || "";
+    return l;
   };
 }
-function _t(e) {
+function ln(e) {
   return function(t) {
     t.root || (t = t.return) && e(t);
   };
 }
-function Wt(e) {
+function on(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var Bt = function(t, r, n) {
-  for (var s = 0, a = 0; s = a, a = Y(), s === 38 && a === 12 && (r[n] = 1), !de(a); )
-    W();
-  return pe(t, I);
-}, jt = function(t, r) {
+var un = function(t, r, n) {
+  for (var s = 0, a = 0; s = a, a = ie(), s === 38 && a === 12 && (r[n] = 1), !ke(a); )
+    H();
+  return Re(t, U);
+}, dn = function(t, r) {
   var n = -1, s = 44;
   do
-    switch (de(s)) {
+    switch (ke(s)) {
       case 0:
-        s === 38 && Y() === 12 && (r[n] = 1), t[n] += Bt(I - 1, r, n);
+        s === 38 && ie() === 12 && (r[n] = 1), t[n] += un(U - 1, r, n);
         break;
       case 2:
-        t[n] += ge(s);
+        t[n] += Fe(s);
         break;
       case 4:
         if (s === 44) {
-          t[++n] = Y() === 58 ? "&\f" : "", r[n] = t[n].length;
+          t[++n] = ie() === 58 ? "&\f" : "", r[n] = t[n].length;
           break;
         }
       default:
-        t[n] += ye(s);
+        t[n] += De(s);
     }
-  while (s = W());
+  while (s = H());
   return t;
-}, Gt = function(t, r) {
-  return nt(jt(tt(t), r));
-}, _e = /* @__PURE__ */ new WeakMap(), Ut = function(t) {
+}, fn = function(t, r) {
+  return Ct(dn(vt(t), r));
+}, at = /* @__PURE__ */ new WeakMap(), hn = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   t.length < 1)) {
     for (var r = t.value, n = t.parent, s = t.column === n.column && t.line === n.line; n.type !== "rule"; )
       if (n = n.parent, !n)
         return;
-    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !_e.get(n)) && !s) {
-      _e.set(t, !0);
-      for (var a = [], o = Gt(r, a), i = n.props, l = 0, d = 0; l < o.length; l++)
-        for (var u = 0; u < i.length; u++, d++)
-          t.props[d] = a[l] ? o[l].replace(/&\f/g, i[u]) : i[u] + " " + o[l];
+    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !at.get(n)) && !s) {
+      at.set(t, !0);
+      for (var a = [], l = fn(r, a), c = n.props, o = 0, d = 0; o < l.length; o++)
+        for (var u = 0; u < c.length; u++, d++)
+          t.props[d] = a[o] ? l[o].replace(/&\f/g, c[u]) : c[u] + " " + l[o];
     }
   }
-}, Ht = function(t) {
+}, pn = function(t) {
   if (t.type === "decl") {
     var r = t.value;
     // charcode for l
@@ -612,10 +406,10 @@ var Bt = function(t, r, n) {
     r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
   }
 };
-function rt(e, t) {
-  switch (kt(e, t)) {
+function wt(e, t) {
+  switch (Kt(e, t)) {
     case 5103:
-      return $ + "print-" + e + e;
+      return E + "print-" + e + e;
     case 5737:
     case 4201:
     case 3177:
@@ -641,44 +435,44 @@ function rt(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return $ + e + e;
+      return E + e + e;
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return $ + e + we + e + L + e + e;
+      return E + e + Le + e + j + e + e;
     case 6828:
     case 4268:
-      return $ + e + L + e + e;
+      return E + e + j + e + e;
     case 6165:
-      return $ + e + L + "flex-" + e + e;
+      return E + e + j + "flex-" + e + e;
     case 5187:
-      return $ + e + S(e, /(\w+).+(:[^]+)/, $ + "box-$1$2" + L + "flex-$1$2") + e;
+      return E + e + R(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + j + "flex-$1$2") + e;
     case 5443:
-      return $ + e + L + "flex-item-" + S(e, /flex-|-self/, "") + e;
+      return E + e + j + "flex-item-" + R(e, /flex-|-self/, "") + e;
     case 4675:
-      return $ + e + L + "flex-line-pack" + S(e, /align-content|flex-|-self/, "") + e;
+      return E + e + j + "flex-line-pack" + R(e, /align-content|flex-|-self/, "") + e;
     case 5548:
-      return $ + e + L + S(e, "shrink", "negative") + e;
+      return E + e + j + R(e, "shrink", "negative") + e;
     case 5292:
-      return $ + e + L + S(e, "basis", "preferred-size") + e;
+      return E + e + j + R(e, "basis", "preferred-size") + e;
     case 6060:
-      return $ + "box-" + S(e, "-grow", "") + $ + e + L + S(e, "grow", "positive") + e;
+      return E + "box-" + R(e, "-grow", "") + E + e + j + R(e, "grow", "positive") + e;
     case 4554:
-      return $ + S(e, /([^-])(transform)/g, "$1" + $ + "$2") + e;
+      return E + R(e, /([^-])(transform)/g, "$1" + E + "$2") + e;
     case 6187:
-      return S(S(S(e, /(zoom-|grab)/, $ + "$1"), /(image-set)/, $ + "$1"), e, "") + e;
+      return R(R(R(e, /(zoom-|grab)/, E + "$1"), /(image-set)/, E + "$1"), e, "") + e;
     case 5495:
     case 3959:
-      return S(e, /(image-set\([^]*)/, $ + "$1$`$1");
+      return R(e, /(image-set\([^]*)/, E + "$1$`$1");
     case 4968:
-      return S(S(e, /(.+:)(flex-)?(.*)/, $ + "box-pack:$3" + L + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + $ + e + e;
+      return R(R(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + j + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return S(e, /(.+)-inline(.+)/, $ + "$1$2") + e;
+      return R(e, /(.+)-inline(.+)/, E + "$1$2") + e;
     case 8116:
     case 7059:
     case 5753:
@@ -691,108 +485,108 @@ function rt(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (V(e) - 1 - t > 6)
-        switch (O(e, t + 1)) {
+      if (se(e) - 1 - t > 6)
+        switch (B(e, t + 1)) {
           case 109:
-            if (O(e, t + 4) !== 45)
+            if (B(e, t + 4) !== 45)
               break;
           case 102:
-            return S(e, /(.+:)(.+)-([^]+)/, "$1" + $ + "$2-$3$1" + we + (O(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return R(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + Le + (B(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~Ee(e, "stretch") ? rt(S(e, "stretch", "fill-available"), t) + e : e;
+            return ~Ge(e, "stretch") ? wt(R(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
-      if (O(e, t + 1) !== 115)
+      if (B(e, t + 1) !== 115)
         break;
     case 6444:
-      switch (O(e, V(e) - 3 - (~Ee(e, "!important") && 10))) {
+      switch (B(e, se(e) - 3 - (~Ge(e, "!important") && 10))) {
         case 107:
-          return S(e, ":", ":" + $) + e;
+          return R(e, ":", ":" + E) + e;
         case 101:
-          return S(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + $ + (O(e, 14) === 45 ? "inline-" : "") + "box$3$1" + $ + "$2$3$1" + L + "$2box$3") + e;
+          return R(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + (B(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + j + "$2box$3") + e;
       }
       break;
     case 5936:
-      switch (O(e, t + 11)) {
+      switch (B(e, t + 11)) {
         case 114:
-          return $ + e + L + S(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return E + e + j + R(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return $ + e + L + S(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return E + e + j + R(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return $ + e + L + S(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return E + e + j + R(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return $ + e + L + e + e;
+      return E + e + j + e + e;
   }
   return e;
 }
-var Vt = function(t, r, n, s) {
+var mn = function(t, r, n, s) {
   if (t.length > -1 && !t.return)
     switch (t.type) {
-      case Le:
-        t.return = rt(t.value, t.length);
+      case Ye:
+        t.return = wt(t.value, t.length);
         break;
-      case Qe:
-        return se([oe(t, {
-          value: S(t.value, "@", "@" + $)
+      case mt:
+        return be([Ne(t, {
+          value: R(t.value, "@", "@" + E)
         })], s);
-      case Fe:
+      case Ke:
         if (t.length)
-          return At(t.props, function(a) {
-            switch (Et(a, /(::plac\w+|:read-\w+)/)) {
+          return Zt(t.props, function(a) {
+            switch (Yt(a, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                return se([oe(t, {
-                  props: [S(a, /:(read-\w+)/, ":" + we + "$1")]
+                return be([Ne(t, {
+                  props: [R(a, /:(read-\w+)/, ":" + Le + "$1")]
                 })], s);
               case "::placeholder":
-                return se([oe(t, {
-                  props: [S(a, /:(plac\w+)/, ":" + $ + "input-$1")]
-                }), oe(t, {
-                  props: [S(a, /:(plac\w+)/, ":" + we + "$1")]
-                }), oe(t, {
-                  props: [S(a, /:(plac\w+)/, L + "input-$1")]
+                return be([Ne(t, {
+                  props: [R(a, /:(plac\w+)/, ":" + E + "input-$1")]
+                }), Ne(t, {
+                  props: [R(a, /:(plac\w+)/, ":" + Le + "$1")]
+                }), Ne(t, {
+                  props: [R(a, /:(plac\w+)/, j + "input-$1")]
                 })], s);
             }
             return "";
           });
     }
-}, qt = [Vt], Kt = function(t) {
+}, bn = [mn], gn = function(t) {
   var r = t.key;
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(n, function(f) {
-      var C = f.getAttribute("data-emotion");
-      C.indexOf(" ") !== -1 && (document.head.appendChild(f), f.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(n, function(h) {
+      var C = h.getAttribute("data-emotion");
+      C.indexOf(" ") !== -1 && (document.head.appendChild(h), h.setAttribute("data-s", ""));
     });
   }
-  var s = t.stylisPlugins || qt, a = {}, o, i = [];
-  o = t.container || document.head, Array.prototype.forEach.call(
+  var s = t.stylisPlugins || bn, a = {}, l, c = [];
+  l = t.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
-    function(f) {
-      for (var C = f.getAttribute("data-emotion").split(" "), v = 1; v < C.length; v++)
-        a[C[v]] = !0;
-      i.push(f);
+    function(h) {
+      for (var C = h.getAttribute("data-emotion").split(" "), y = 1; y < C.length; y++)
+        a[C[y]] = !0;
+      c.push(h);
     }
   );
-  var l, d = [Ut, Ht];
+  var o, d = [hn, pn];
   {
-    var u, h = [zt, _t(function(f) {
-      u.insert(f);
-    })], b = It(d.concat(s, h)), g = function(C) {
-      return se(Mt(C), b);
+    var u, m = [an, ln(function(h) {
+      u.insert(h);
+    })], b = cn(d.concat(s, m)), g = function(C) {
+      return be(rn(C), b);
     };
-    l = function(C, v, y, E) {
-      u = y, g(C ? C + "{" + v.styles + "}" : v.styles), E && (m.inserted[v.name] = !0);
+    o = function(C, y, v, $) {
+      u = v, g(C ? C + "{" + y.styles + "}" : y.styles), $ && (f.inserted[y.name] = !0);
     };
   }
-  var m = {
+  var f = {
     key: r,
-    sheet: new Nt({
+    sheet: new Vt({
       key: r,
-      container: o,
+      container: l,
       nonce: t.nonce,
       speedy: t.speedy,
       prepend: t.prepend,
@@ -801,11 +595,11 @@ var Vt = function(t, r, n, s) {
     nonce: t.nonce,
     inserted: a,
     registered: {},
-    insert: l
+    insert: o
   };
-  return m.sheet.hydrate(i), m;
+  return f.sheet.hydrate(c), f;
 };
-function Yt(e) {
+function vn(e) {
   for (var t = 0, r, n = 0, s = e.length; s >= 4; ++n, s -= 4)
     r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
@@ -824,7 +618,7 @@ function Yt(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var Zt = {
+var Cn = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -873,28 +667,28 @@ var Zt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Jt = !1, Qt = /[A-Z]|^ms/g, Xt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, st = function(t) {
+}, wn = !1, xn = /[A-Z]|^ms/g, yn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, xt = function(t) {
   return t.charCodeAt(1) === 45;
-}, We = function(t) {
+}, it = function(t) {
   return t != null && typeof t != "boolean";
-}, Se = /* @__PURE__ */ Wt(function(e) {
-  return st(e) ? e : e.replace(Qt, "-$&").toLowerCase();
-}), Be = function(t, r) {
+}, Be = /* @__PURE__ */ on(function(e) {
+  return xt(e) ? e : e.replace(xn, "-$&").toLowerCase();
+}), ct = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(Xt, function(n, s, a) {
-          return q = {
+        return r.replace(yn, function(n, s, a) {
+          return ae = {
             name: s,
             styles: a,
-            next: q
+            next: ae
           }, s;
         });
   }
-  return Zt[t] !== 1 && !st(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
-}, en = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function he(e, t, r) {
+  return Cn[t] !== 1 && !xt(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+}, Nn = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function Ae(e, t, r) {
   if (r == null)
     return "";
   var n = r;
@@ -906,30 +700,30 @@ function he(e, t, r) {
     case "object": {
       var s = r;
       if (s.anim === 1)
-        return q = {
+        return ae = {
           name: s.name,
           styles: s.styles,
-          next: q
+          next: ae
         }, s.name;
       var a = r;
       if (a.styles !== void 0) {
-        var o = a.next;
-        if (o !== void 0)
-          for (; o !== void 0; )
-            q = {
-              name: o.name,
-              styles: o.styles,
-              next: q
-            }, o = o.next;
-        var i = a.styles + ";";
-        return i;
+        var l = a.next;
+        if (l !== void 0)
+          for (; l !== void 0; )
+            ae = {
+              name: l.name,
+              styles: l.styles,
+              next: ae
+            }, l = l.next;
+        var c = a.styles + ";";
+        return c;
       }
-      return tn(e, t, r);
+      return $n(e, t, r);
     }
     case "function": {
       if (e !== void 0) {
-        var l = q, d = r(e);
-        return q = l, he(e, t, d);
+        var o = ae, d = r(e);
+        return ae = o, Ae(e, t, d);
       }
       break;
     }
@@ -937,32 +731,32 @@ function he(e, t, r) {
   var u = r;
   if (t == null)
     return u;
-  var h = t[u];
-  return h !== void 0 ? h : u;
+  var m = t[u];
+  return m !== void 0 ? m : u;
 }
-function tn(e, t, r) {
+function $n(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var s = 0; s < r.length; s++)
-      n += he(e, t, r[s]) + ";";
+      n += Ae(e, t, r[s]) + ";";
   else
     for (var a in r) {
-      var o = r[a];
-      if (typeof o != "object") {
-        var i = o;
-        t != null && t[i] !== void 0 ? n += a + "{" + t[i] + "}" : We(i) && (n += Se(a) + ":" + Be(a, i) + ";");
+      var l = r[a];
+      if (typeof l != "object") {
+        var c = l;
+        t != null && t[c] !== void 0 ? n += a + "{" + t[c] + "}" : it(c) && (n += Be(a) + ":" + ct(a, c) + ";");
       } else {
-        if (a === "NO_COMPONENT_SELECTOR" && Jt)
-          throw new Error(en);
-        if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0))
-          for (var l = 0; l < o.length; l++)
-            We(o[l]) && (n += Se(a) + ":" + Be(a, o[l]) + ";");
+        if (a === "NO_COMPONENT_SELECTOR" && wn)
+          throw new Error(Nn);
+        if (Array.isArray(l) && typeof l[0] == "string" && (t == null || t[l[0]] === void 0))
+          for (var o = 0; o < l.length; o++)
+            it(l[o]) && (n += Be(a) + ":" + ct(a, l[o]) + ";");
         else {
-          var d = he(e, t, o);
+          var d = Ae(e, t, l);
           switch (a) {
             case "animation":
             case "animationName": {
-              n += Se(a) + ":" + d + ";";
+              n += Be(a) + ":" + d + ";";
               break;
             }
             default:
@@ -973,42 +767,42 @@ function tn(e, t, r) {
     }
   return n;
 }
-var je = /label:\s*([^\s;{]+)\s*(;|$)/g, q;
-function ke(e, t, r) {
+var lt = /label:\s*([^\s;{]+)\s*(;|$)/g, ae;
+function je(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, s = "";
-  q = void 0;
+  ae = void 0;
   var a = e[0];
   if (a == null || a.raw === void 0)
-    n = !1, s += he(r, t, a);
+    n = !1, s += Ae(r, t, a);
   else {
-    var o = a;
-    s += o[0];
+    var l = a;
+    s += l[0];
   }
-  for (var i = 1; i < e.length; i++)
-    if (s += he(r, t, e[i]), n) {
-      var l = a;
-      s += l[i];
+  for (var c = 1; c < e.length; c++)
+    if (s += Ae(r, t, e[c]), n) {
+      var o = a;
+      s += o[c];
     }
-  je.lastIndex = 0;
-  for (var d = "", u; (u = je.exec(s)) !== null; )
+  lt.lastIndex = 0;
+  for (var d = "", u; (u = lt.exec(s)) !== null; )
     d += "-" + u[1];
-  var h = Yt(s) + d;
+  var m = vn(s) + d;
   return {
-    name: h,
+    name: m,
     styles: s,
-    next: q
+    next: ae
   };
 }
-var nn = !0;
-function at(e, t, r) {
+var Sn = !0;
+function yt(e, t, r) {
   var n = "";
   return r.split(" ").forEach(function(s) {
     e[s] !== void 0 ? t.push(e[s] + ";") : s && (n += s + " ");
   }), n;
 }
-var rn = function(t, r, n) {
+var kn = function(t, r, n) {
   var s = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -1019,9 +813,9 @@ var rn = function(t, r, n) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  nn === !1) && t.registered[s] === void 0 && (t.registered[s] = r.styles);
-}, sn = function(t, r, n) {
-  rn(t, r, n);
+  Sn === !1) && t.registered[s] === void 0 && (t.registered[s] = r.styles);
+}, An = function(t, r, n) {
+  kn(t, r, n);
   var s = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var a = r;
@@ -1030,49 +824,49 @@ var rn = function(t, r, n) {
     while (a !== void 0);
   }
 };
-function Ge(e, t) {
+function ot(e, t) {
   if (e.inserted[t.name] === void 0)
     return e.insert("", t, e.sheet, !0);
 }
-function Ue(e, t, r) {
-  var n = [], s = at(e, n, r);
+function ut(e, t, r) {
+  var n = [], s = yt(e, n, r);
   return n.length < 2 ? r : s + t(n);
 }
-var an = function(t) {
-  var r = Kt(t);
-  r.sheet.speedy = function(i) {
-    this.isSpeedy = i;
+var En = function(t) {
+  var r = gn(t);
+  r.sheet.speedy = function(c) {
+    this.isSpeedy = c;
   }, r.compat = !0;
   var n = function() {
-    for (var l = arguments.length, d = new Array(l), u = 0; u < l; u++)
+    for (var o = arguments.length, d = new Array(o), u = 0; u < o; u++)
       d[u] = arguments[u];
-    var h = ke(d, r.registered, void 0);
-    return sn(r, h, !1), r.key + "-" + h.name;
+    var m = je(d, r.registered, void 0);
+    return An(r, m, !1), r.key + "-" + m.name;
   }, s = function() {
-    for (var l = arguments.length, d = new Array(l), u = 0; u < l; u++)
+    for (var o = arguments.length, d = new Array(o), u = 0; u < o; u++)
       d[u] = arguments[u];
-    var h = ke(d, r.registered), b = "animation-" + h.name;
-    return Ge(r, {
-      name: h.name,
-      styles: "@keyframes " + b + "{" + h.styles + "}"
+    var m = je(d, r.registered), b = "animation-" + m.name;
+    return ot(r, {
+      name: m.name,
+      styles: "@keyframes " + b + "{" + m.styles + "}"
     }), b;
   }, a = function() {
-    for (var l = arguments.length, d = new Array(l), u = 0; u < l; u++)
+    for (var o = arguments.length, d = new Array(o), u = 0; u < o; u++)
       d[u] = arguments[u];
-    var h = ke(d, r.registered);
-    Ge(r, h);
-  }, o = function() {
-    for (var l = arguments.length, d = new Array(l), u = 0; u < l; u++)
+    var m = je(d, r.registered);
+    ot(r, m);
+  }, l = function() {
+    for (var o = arguments.length, d = new Array(o), u = 0; u < o; u++)
       d[u] = arguments[u];
-    return Ue(r.registered, n, cn(d));
+    return ut(r.registered, n, Rn(d));
   };
   return {
     css: n,
-    cx: o,
+    cx: l,
     injectGlobal: a,
     keyframes: s,
-    hydrate: function(l) {
-      l.forEach(function(d) {
+    hydrate: function(o) {
+      o.forEach(function(d) {
         r.inserted[d] = !0;
       });
     },
@@ -1081,10 +875,10 @@ var an = function(t) {
     },
     sheet: r.sheet,
     cache: r,
-    getRegisteredStyles: at.bind(null, r.registered),
-    merge: Ue.bind(null, r.registered, n)
+    getRegisteredStyles: yt.bind(null, r.registered),
+    merge: ut.bind(null, r.registered, n)
   };
-}, cn = function e(t) {
+}, Rn = function e(t) {
   for (var r = "", n = 0; n < t.length; n++) {
     var s = t[n];
     if (s != null) {
@@ -1097,8 +891,8 @@ var an = function(t) {
             a = e(s);
           else {
             a = "";
-            for (var o in s)
-              s[o] && o && (a && (a += " "), a += o);
+            for (var l in s)
+              s[l] && l && (a && (a += " "), a += l);
           }
           break;
         }
@@ -1109,143 +903,151 @@ var an = function(t) {
     }
   }
   return r;
-}, on = an({
+}, Tn = En({
   key: "css"
-}), ln = on.css;
-const un = fe(function(e, t) {
-  var z, ee, te;
+}), Pn = Tn.css;
+const On = Ee(function(e, t) {
+  var xe, le, ye;
   const {
     state: r,
     value: n,
     onChange: s,
     options: a = [],
-    name: o = "",
-    id: i = "",
-    label: l = "",
+    name: l = "",
+    id: c = "",
+    label: o = "",
     containerClassName: d = "",
     inputContainerClassName: u = "",
-    helperText: h = "",
+    helperText: m = "",
     placeholder: b = "",
     multiple: g = !1,
-    ...m
-  } = e, [f, C] = j("");
-  K(() => {
-    C(g ? "" : (n == null ? void 0 : n.value) ?? (n == null ? void 0 : n.name) ?? "");
-  }, [n]);
-  const [v, y] = j(!1), E = a.filter((w) => {
-    const D = String(w.value ?? w.name).toLowerCase().includes(f == null ? void 0 : f.toLowerCase());
-    return n && n.length ? n != null && n.some ? !(n != null && n.some((ne) => ne.id === w.id)) : (n == null ? void 0 : n.id) !== w.id : D;
-  }), k = J(null), x = J(null), [A, p] = j(!1), P = J(null);
-  K(() => {
-    const w = (H) => {
-      k.current && !k.current.contains(H.target) && y(!1);
-    }, D = (H) => {
-      H.key === "Escape" && y(!1);
+    ...f
+  } = e, [h, C] = I("");
+  V(() => {
+    if (!g && n && !Array.isArray(n)) {
+      C(String(n.value ?? n.name ?? ""));
+      return;
+    }
+    C("");
+  }, [g, n]);
+  const [y, v] = I(!1), $ = a.filter((w) => {
+    const z = String(w.value ?? w.name).toLowerCase().includes(h == null ? void 0 : h.toLowerCase());
+    return Array.isArray(n) && n.length ? !n.some((_) => _.id === w.id) : n && !Array.isArray(n) ? n.id !== w.id : z;
+  }), T = Q(null), A = Q(null), [P, N] = I(!1), q = Q(null);
+  V(() => {
+    const w = (_) => {
+      T.current && !T.current.contains(_.target) && v(!1);
+    }, z = (_) => {
+      _.key === "Escape" && v(!1);
     };
-    return document.addEventListener("mousedown", w), document.addEventListener("keydown", D), () => {
-      document.removeEventListener("mousedown", w), document.removeEventListener("keydown", D);
+    return document.addEventListener("mousedown", w), document.addEventListener("keydown", z), () => {
+      document.removeEventListener("mousedown", w), document.removeEventListener("keydown", z);
     };
   }, []);
-  const R = (w) => {
+  const we = (w) => {
     C(w.target.value);
-  }, B = M(
+  }, ue = F(
     (w) => {
-      w ? g ? (C(""), Array.isArray(n) && n.length ? s([...n, w]) : s([w])) : (C(String(w.name ?? w.value ?? "")), s(w)) : s(null), y(!1);
+      w ? g ? (C(""), Array.isArray(n) && n.length ? s([...n, w]) : s([w])) : (C(String(w.name ?? w.value ?? "")), s(w)) : s(null), v(!1);
     },
     [g, s, n]
-  ), _ = M(
+  ), ce = F(
     (w) => {
+      if (!Array.isArray(n)) {
+        s(null);
+        return;
+      }
       if (w != null)
         if (w !== -1) {
-          const D = n.filter((H, ne) => ne !== w);
-          D.length ? s(D) : s(null);
+          const z = n.filter((_, Y) => Y !== w);
+          z.length ? s(z) : s(null);
         } else {
-          const [D] = n;
-          s([D]);
+          const [z] = n;
+          s([z]);
         }
       else
         s(null);
     },
     [s, n]
   );
-  return K(() => {
-    var H, ne, De;
-    const w = ((H = P.current) == null ? void 0 : H.offsetWidth) ?? 0, D = ((De = (ne = t ?? x) == null ? void 0 : ne.current) == null ? void 0 : De.offsetWidth) ?? 0;
-    w > D * 0.4 ? p(!0) : p(!1);
-  }, [n]), /* @__PURE__ */ N(
+  return V(() => {
+    var _, Y, te;
+    const w = ((_ = q.current) == null ? void 0 : _.offsetWidth) ?? 0, z = ((te = (Y = t ?? A) == null ? void 0 : Y.current) == null ? void 0 : te.offsetWidth) ?? 0;
+    w > z * 0.4 ? N(!0) : N(!1);
+  }, [n]), /* @__PURE__ */ k(
     "div",
     {
       className: `autocomplete-input-container ${d}`,
-      ref: k,
+      ref: T,
       children: [
-        /* @__PURE__ */ N("div", { className: "autocomplete-value-input-container", children: [
-          /* @__PURE__ */ c(
-            Ce,
+        /* @__PURE__ */ k("div", { className: "autocomplete-value-input-container", children: [
+          /* @__PURE__ */ i(
+            Ie,
             {
               state: r,
-              name: o,
-              id: i,
-              value: f,
-              onChange: R,
+              name: l,
+              id: c,
+              value: h,
+              onChange: we,
               placeholder: b,
-              helperText: h,
-              onFocus: () => y(!0),
-              label: l,
+              helperText: m,
+              onFocus: () => v(!0),
+              label: o,
               containerClassName: `autocomplete-text-input ${u}`,
-              ref: t ?? x,
-              ...m,
-              children: ((n == null ? void 0 : n.value) || (n == null ? void 0 : n.name)) && !g && /* @__PURE__ */ c(
+              ref: t ?? A,
+              ...f,
+              children: !g && n && !Array.isArray(n) && (n.value || n.name) && /* @__PURE__ */ i(
                 "button",
                 {
                   type: "button",
                   className: "autocomplete-delete-button",
                   onClick: (w) => {
-                    B(), w.stopPropagation();
+                    ue(), w.stopPropagation();
                   },
-                  children: /* @__PURE__ */ c(Re, {})
+                  children: /* @__PURE__ */ i(Qe, {})
                 }
               )
             }
           ),
-          g && Array.isArray(n) && n.length ? /* @__PURE__ */ c("ul", { ref: P, className: "autocomplete-value-container", children: A ? /* @__PURE__ */ N(le, { children: [
-            /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
-              X,
+          g && Array.isArray(n) && n.length ? /* @__PURE__ */ i("ul", { ref: q, className: "autocomplete-value-container", children: P ? /* @__PURE__ */ k($e, { children: [
+            /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+              fe,
               {
-                text: ((z = n[0]) == null ? void 0 : z.value) ?? ((ee = n[0]) == null ? void 0 : ee.name),
+                text: ((xe = n[0]) == null ? void 0 : xe.value) ?? ((le = n[0]) == null ? void 0 : le.name),
                 onDelete: (w) => {
-                  _(0), w.stopPropagation();
+                  ce(0), w.stopPropagation();
                 }
               }
             ) }),
-            n.length > 1 && /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
-              X,
+            n.length > 1 && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+              fe,
               {
                 text: `+${n.length - 1}`,
                 onDelete: (w) => {
-                  _(-1), w.stopPropagation();
+                  ce(-1), w.stopPropagation();
                 }
               }
             ) })
-          ] }) : n.map((w, D) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
-            X,
+          ] }) : n.map((w, z) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+            fe,
             {
               text: String(w.value ?? w.name),
-              onDelete: (H) => {
-                _(D), H.stopPropagation();
+              onDelete: (_) => {
+                ce(z), _.stopPropagation();
               }
             }
           ) }, w.id ?? w.value ?? w.name)) }) : null
         ] }),
-        v && /* @__PURE__ */ c(
+        y && /* @__PURE__ */ i(
           "ul",
           {
-            className: `autocomplete-suggestions-container ${ln({ width: (te = k.current) == null ? void 0 : te.offsetWidth })}`,
-            children: E.map((w) => /* @__PURE__ */ c(
+            className: `autocomplete-suggestions-container ${Pn({ width: (ye = T.current) == null ? void 0 : ye.offsetWidth })}`,
+            children: $.map((w) => /* @__PURE__ */ i(
               "li",
               {
                 className: "autocomplete-suggestion-item",
-                onClick: (D) => {
-                  B(w), D.stopPropagation();
+                onClick: (z) => {
+                  ue(w), z.stopPropagation();
                 },
                 children: w.value ?? w.name
               },
@@ -1257,7 +1059,36 @@ const un = fe(function(e, t) {
     }
   );
 });
-function He(e, t = 25) {
+const Fn = Ee(function(e, t) {
+  const {
+    checked: r,
+    onChange: n,
+    name: s = "",
+    id: a = "",
+    label: l = "",
+    containerClassName: c = "",
+    inputClassName: o = "",
+    labelClassName: d = "",
+    ...u
+  } = e;
+  return /* @__PURE__ */ k("label", { className: `input-check-container ${c}`, children: [
+    /* @__PURE__ */ i(
+      "input",
+      {
+        id: a,
+        ref: t,
+        name: s,
+        type: "checkbox",
+        checked: r,
+        onChange: n,
+        className: `input-check ${o}`,
+        ...u
+      }
+    ),
+    /* @__PURE__ */ i("span", { className: `input-check-label ${d}`, children: l })
+  ] });
+});
+function dt(e, t = 25) {
   if (e.length <= t)
     return e;
   const r = e.lastIndexOf(".");
@@ -1266,44 +1097,44 @@ function He(e, t = 25) {
   const n = e.slice(0, r), s = e.slice(r), a = t - s.length - 3;
   return n.slice(0, a) + "..." + s;
 }
-const In = fe(function(e, t) {
-  var y, E;
+const fr = Ee(function(e, t) {
+  var v, $;
   const {
     children: r,
     label: n,
     containerClassName: s = "",
     inputClassName: a = "",
-    labelClassName: o = "",
-    helperText: i = "",
-    helperTextClassName: l = "",
+    labelClassName: l = "",
+    helperText: c = "",
+    helperTextClassName: o = "",
     iconClassName: d = "",
     multiple: u = !1,
-    onChange: h,
+    onChange: m,
     onClear: b,
     ...g
-  } = e, [m, f] = j([]), C = (k) => {
-    if (k.target.files) {
-      const x = Array.from(k.target.files);
-      f((A) => [...A, ...x]);
+  } = e, [f, h] = I([]), C = (T) => {
+    if (T.target.files) {
+      const A = Array.from(T.target.files);
+      h((P) => [...P, ...A]);
     }
-    h && h(k);
-  }, v = (k) => {
-    f((x) => {
-      const A = x.filter((p, P) => P !== k);
-      return A.length === 0 && (b == null || b()), A;
+    m && m(T);
+  }, y = (T) => {
+    h((A) => {
+      const P = A.filter((N, q) => q !== T);
+      return P.length === 0 && (b == null || b()), P;
     });
   };
-  return /* @__PURE__ */ N("div", { className: `file-input-container ${s}`, children: [
-    m.length === 0 && /* @__PURE__ */ N("label", { htmlFor: g.name, className: `${o}`, children: [
+  return /* @__PURE__ */ k("div", { className: `file-input-container ${s}`, children: [
+    f.length === 0 && /* @__PURE__ */ k("label", { htmlFor: g.name, className: `${l}`, children: [
       n,
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ i(
         "input",
         {
           type: "file",
           ref: t,
           multiple: u,
-          onClick: (k) => {
-            k.currentTarget.value = "";
+          onClick: (T) => {
+            T.currentTarget.value = "";
           },
           onChange: C,
           className: `file-input ${a}`,
@@ -1312,129 +1143,267 @@ const In = fe(function(e, t) {
       ),
       g.required ? " *" : ""
     ] }),
-    m.length > 1 && /* @__PURE__ */ c("ul", { className: "file-preview-list", children: m.map((k, x) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c("span", { "data-tooltip-id": "tooltip", "data-tooltip-content": k.name, children: /* @__PURE__ */ c(
-      X,
+    f.length > 1 && /* @__PURE__ */ i("ul", { className: "file-preview-list", children: f.map((T, A) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i("span", { "data-tooltip-id": "tooltip", "data-tooltip-content": T.name, children: /* @__PURE__ */ i(
+      fe,
       {
-        text: He(k.name, 25),
-        onDelete: () => v(x)
+        text: dt(T.name, 25),
+        onDelete: () => y(A)
       }
-    ) }) }, x)) }),
-    m.length === 1 && /* @__PURE__ */ N("div", { className: "file-preview", children: [
-      /* @__PURE__ */ c(bt, { className: `file-icon ${d}` }),
-      /* @__PURE__ */ c(
+    ) }) }, A)) }),
+    f.length === 1 && /* @__PURE__ */ k("div", { className: "file-preview", children: [
+      /* @__PURE__ */ i(_n, { className: `file-icon ${d}` }),
+      /* @__PURE__ */ i(
         "span",
         {
           className: "!cursor-default",
           "data-tooltip-id": "tooltip",
-          "data-tooltip-content": ((y = m[0]) == null ? void 0 : y.name) ?? "",
-          children: He(((E = m[0]) == null ? void 0 : E.name) ?? "", 25)
+          "data-tooltip-content": ((v = f[0]) == null ? void 0 : v.name) ?? "",
+          children: dt((($ = f[0]) == null ? void 0 : $.name) ?? "", 25)
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ i(
         "button",
         {
           onClick: () => {
-            f([]), b == null || b();
+            h([]), b == null || b();
           },
           className: "chip-delete-button",
           type: "button",
-          children: /* @__PURE__ */ c(Re, {})
+          children: /* @__PURE__ */ i(Qe, {})
         }
       )
     ] }),
     r,
-    !!i && /* @__PURE__ */ c("p", { className: `file-input-helper-text ${l}`, children: i })
+    !!c && /* @__PURE__ */ i("p", { className: `file-input-helper-text ${o}`, children: c })
   ] });
 });
-function dn(e) {
+var Je = /* @__PURE__ */ ((e) => (e.error = "error", e.good = "good", e.default = "default", e))(Je || {});
+const Nt = (e) => {
+  switch (e) {
+    case "error":
+      return "input-error";
+    case "good":
+      return "input-good";
+    default:
+      return "input-normal";
+  }
+}, $t = (e) => {
+  switch (e) {
+    case "error":
+      return "input-label-error";
+    case "good":
+      return "input-label-good";
+    default:
+      return "input-label-normal";
+  }
+}, St = (e) => {
+  switch (e) {
+    case "error":
+      return "input-helper-text-error";
+    case "good":
+      return "input-helper-text-good";
+    default:
+      return "input-helper-text-normal";
+  }
+}, Xe = Ee(function(e, t) {
   const {
-    color: t = "stroke-blue-800",
-    className: r = "",
-    loaderClass: n = "",
-    strokeWidth: s = "4",
-    ...a
+    value: r,
+    onChange: n,
+    options: s,
+    containerClassName: a = "",
+    inputClassName: l = "",
+    labelClassName: c = "",
+    helperText: o = "",
+    helperTextClassName: d = "",
+    placeholder: u = "",
+    label: m = "",
+    name: b = "",
+    id: g = "",
+    state: f = Je.default,
+    children: h,
+    ...C
   } = e;
-  return /* @__PURE__ */ c("div", { ...a, className: `loading ${r}`, children: /* @__PURE__ */ c("div", { className: "loader-container", children: /* @__PURE__ */ c("div", { className: `loader ${n}`, children: /* @__PURE__ */ c("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ c(
-    "circle",
-    {
-      className: `path ${t}`,
-      cx: "50",
-      cy: "50",
-      r: "20",
-      fill: "none",
-      strokeWidth: s,
-      strokeMiterlimit: "10"
-    }
-  ) }) }) }) });
-}
-const ct = Pe(
-  {}
-);
-function _n(e) {
-  const { children: t, t: r, language: n } = e;
-  return /* @__PURE__ */ c(ct.Provider, { value: { t: r, language: n }, children: t });
+  return /* @__PURE__ */ k("div", { className: `select-input-container ${a}`, children: [
+    /* @__PURE__ */ i(
+      "select",
+      {
+        ...C,
+        id: g,
+        ref: t,
+        name: b,
+        value: r,
+        onChange: n,
+        className: `select-input ${Nt(f)} peer ${l}`,
+        children: s == null ? void 0 : s.map((y) => /* @__PURE__ */ i("option", { value: y.id, children: y.value ?? y.name ?? y.id }, y.id))
+      }
+    ),
+    /* @__PURE__ */ i(
+      "label",
+      {
+        htmlFor: b,
+        className: `select-input-label ${$t(f)} ${c}`,
+        children: m
+      }
+    ),
+    h,
+    (u || o) && /* @__PURE__ */ i(
+      "p",
+      {
+        className: `select-input-helper-text ${St(f)} ${d}`,
+        children: f !== "error" && f !== "good" ? u : o
+      }
+    )
+  ] });
+});
+const Ie = Ee(function(e, t) {
+  const {
+    children: r,
+    state: n = Je.default,
+    label: s = "",
+    containerClassName: a = "",
+    inputClassName: l = "",
+    labelClassName: c = "",
+    helperText: o = "",
+    helperTextClassName: d = "",
+    value: u = "",
+    ...m
+  } = e;
+  return /* @__PURE__ */ k("div", { className: `text-input-container ${a}`, children: [
+    /* @__PURE__ */ i(
+      "input",
+      {
+        ref: t,
+        value: u,
+        className: `text-input ${Nt(n)} peer ${l} ${u ? "has-value" : ""} ${m.placeholder ? "has-placeholder" : ""}`,
+        ...m
+      }
+    ),
+    !!s && /* @__PURE__ */ k(
+      "label",
+      {
+        htmlFor: m.name,
+        className: `text-input-label ${$t(n)} ${c}`,
+        children: [
+          s,
+          m.required ? " *" : ""
+        ]
+      }
+    ),
+    r,
+    !!o && /* @__PURE__ */ i(
+      "p",
+      {
+        className: `text-input-helper-text ${St(n)} ${d}`,
+        children: o
+      }
+    )
+  ] });
+});
+function Mn(e) {
+  const {
+    color: t = "stroke-blue-800",
+    className: r = "",
+    loaderClass: n = "",
+    strokeWidth: s = "4",
+    ...a
+  } = e;
+  return /* @__PURE__ */ i("div", { ...a, className: `loading ${r}`, children: /* @__PURE__ */ i("div", { className: "loader-container", children: /* @__PURE__ */ i("div", { className: `loader ${n}`, children: /* @__PURE__ */ i("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
+    "circle",
+    {
+      className: `path ${t}`,
+      cx: "50",
+      cy: "50",
+      r: "20",
+      fill: "none",
+      strokeWidth: s,
+      strokeMiterlimit: "10"
+    }
+  ) }) }) }) });
 }
-const U = () => {
-  const e = Te(ct);
-  if (e === void 0)
-    throw new Error("translationContext must be used within a Provider");
-  return e;
-};
-var Q = /* @__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))(Q || {}), re = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(re || {});
-const hn = [20, 50, 100], it = Pe({}), Wn = (e) => {
-  const { children: t } = e, [r, n] = j(0), [s, a] = j(20), [o, i] = j(0), [l, d] = j("id"), [u, h] = j(re.DESC), [b, g] = j({}), m = M(
-    (E, k) => {
-      let x = u;
-      if (l === E)
-        switch (u) {
-          case re.ASC:
-            x = re.DESC;
-            break;
-          default:
-            x = re.ASC;
-            break;
-        }
-      d(E), h(x), k && k(E, x);
-    },
-    [l, u]
-  ), f = M((E) => {
-    const k = Object.entries(E).reduce(
-      (x, [A, p]) => (p && typeof p.value < "u" && p.value !== null && (x[A] = p.value), x),
-      {}
-    );
-    g(k);
-  }, []), C = M(
-    (E) => {
-      E ? (delete b[E.toLowerCase()], g({ ...b })) : g({});
-    },
-    [b]
-  ), v = F(() => Object.keys(b).length, [b]), y = {
-    onSort: m,
-    total: r,
-    setTotal: n,
-    sortingBy: l,
-    setSortingBy: d,
-    sortingOrder: u,
-    setSortingOrder: h,
-    pageSize: s,
-    pageSizes: hn,
-    setPageSize: a,
-    currentPage: o,
-    setCurrentPage: i,
-    filters: b,
-    onFilterApply: f,
-    clearFilters: C,
-    countOfFilters: v
-  };
-  return /* @__PURE__ */ c(it.Provider, { value: y, children: t });
-}, Z = () => {
-  const e = Te(it);
-  if (e === void 0)
-    throw new Error("tableOptionsContext must be used within a Provider");
-  return e;
+function Ln(e) {
+  const { className: t = "" } = e;
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 512 512",
+      fill: "currentColor",
+      children: /* @__PURE__ */ i("path", { d: "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" })
+    }
+  );
+}
+function In(e) {
+  const { className: t = "" } = e;
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 320 512",
+      fill: "currentColor",
+      children: /* @__PURE__ */ i("path", { d: "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" })
+    }
+  );
+}
+function Dn(e) {
+  const { className: t = "" } = e;
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 320 512",
+      fill: "currentColor",
+      children: /* @__PURE__ */ i("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })
+    }
+  );
+}
+function zn(e) {
+  const { className: t = "" } = e;
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 512 512",
+      fill: "currentColor",
+      children: /* @__PURE__ */ i("path", { d: "M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z" })
+    }
+  );
+}
+function Qe(e) {
+  const { className: t = "" } = e;
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 384 512",
+      fill: "currentColor",
+      children: /* @__PURE__ */ i("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
+    }
+  );
+}
+function _n(e) {
+  const { className: t = "" } = e;
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 640 640",
+      fill: "currentColor",
+      children: /* @__PURE__ */ i("path", { d: "M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z" })
+    }
+  );
+}
+const Wn = (e) => {
+  const { className: t = "" } = e;
+  return /* @__PURE__ */ i("svg", { className: t, viewBox: "0 0 16 16", children: /* @__PURE__ */ i("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" }) });
 };
-var G = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", e))(G || {});
-const Ve = (e) => {
+var de = /* @__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))(de || {}), me = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(me || {}), K = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", e))(K || {});
+const ft = (e) => {
   if (e) {
     const t = {}, r = Object.keys(e);
     return r == null || r.forEach((n) => {
@@ -1443,12 +1412,12 @@ const Ve = (e) => {
   }
   return {};
 };
-function fn(e, t) {
+function Bn(e, t) {
   const { type: r } = t;
   switch (r) {
-    case G.reset:
+    case K.reset:
       return {};
-    case G.update: {
+    case K.update: {
       const { toUpdate: n } = t;
       return { ...e, ...n };
     }
@@ -1456,87 +1425,150 @@ function fn(e, t) {
       return e;
   }
 }
-const ot = Pe({}), pn = (e) => {
-  const { children: t } = e, { filters: r } = Z(), [n, s] = ut(
-    fn,
-    Ve(r)
+const kt = He({}), jn = (e) => {
+  const { children: t } = e, { filters: r } = oe(), [n, s] = Dt(
+    Bn,
+    ft(r)
   );
-  K(() => {
-    s({ type: G.reset });
-    const o = Ve(r);
-    Object.keys(o).length && s({
-      type: G.update,
-      toUpdate: o
+  V(() => {
+    s({ type: K.reset });
+    const l = ft(r);
+    Object.keys(l).length && s({
+      type: K.update,
+      toUpdate: l
     });
   }, [r]);
   const a = {
     currentFilters: n,
     setCurrentFilters: s
   };
-  return /* @__PURE__ */ c(ot.Provider, { value: a, children: t });
-}, ie = () => {
-  const e = Te(ot);
+  return /* @__PURE__ */ i(kt.Provider, { value: a, children: t });
+}, Ce = () => {
+  const e = qe(kt);
+  if (e === void 0)
+    throw new Error("tableOptionsContext must be used within a Provider");
+  return e;
+}, Vn = [20, 50, 100], At = He({}), hr = (e) => {
+  const { children: t } = e, [r, n] = I(0), [s, a] = I(20), [l, c] = I(0), [o, d] = I("id"), [u, m] = I(me.DESC), [b, g] = I({}), f = F(
+    ($, T) => {
+      let A = u;
+      if (o === $)
+        switch (u) {
+          case me.ASC:
+            A = me.DESC;
+            break;
+          default:
+            A = me.ASC;
+            break;
+        }
+      d($), m(A), T && T($, A);
+    },
+    [o, u]
+  ), h = F(($) => {
+    const T = Object.entries($).reduce(
+      (A, [P, N]) => (N && typeof N.value < "u" && N.value !== null && (A[P] = N.value), A),
+      {}
+    );
+    g(T);
+  }, []), C = F(
+    ($) => {
+      $ ? (delete b[$.toLowerCase()], g({ ...b })) : g({});
+    },
+    [b]
+  ), y = D(() => Object.keys(b).length, [b]), v = {
+    onSort: f,
+    total: r,
+    setTotal: n,
+    sortingBy: o,
+    setSortingBy: d,
+    sortingOrder: u,
+    setSortingOrder: m,
+    pageSize: s,
+    pageSizes: Vn,
+    setPageSize: a,
+    currentPage: l,
+    setCurrentPage: c,
+    filters: b,
+    onFilterApply: h,
+    clearFilters: C,
+    countOfFilters: y
+  };
+  return /* @__PURE__ */ i(At.Provider, { value: v, children: t });
+}, oe = () => {
+  const e = qe(At);
   if (e === void 0)
     throw new Error("tableOptionsContext must be used within a Provider");
   return e;
+}, Et = He(
+  {}
+);
+function pr(e) {
+  const { children: t, t: r, language: n } = e;
+  return /* @__PURE__ */ i(Et.Provider, { value: { t: r, language: n }, children: t });
+}
+const ee = () => {
+  const e = qe(Et);
+  if (e === void 0)
+    throw new Error("translationContext must be used within a Provider");
+  return e;
 };
-function mn(e) {
-  const { t } = U(), {
+function Gn(e) {
+  const { t } = ee(), {
     entity: r = "",
     columns: n = [],
     hasAction: s = !0,
     onSortCallback: a,
-    selectionState: o,
-    onToggleAllRows: i
-  } = e, l = J(null);
-  K(() => {
-    l.current && (l.current.indeterminate = !!(o != null && o.hasSomeSelected && !(o != null && o.allSelected)));
-  }, [o]);
-  const { onSort: d, sortingOrder: u, sortingBy: h } = Z(), b = F(() => {
+    selectionState: l,
+    onToggleAllRows: c
+  } = e, o = Q(null);
+  V(() => {
+    o.current && (o.current.indeterminate = !!(l != null && l.hasSomeSelected && !(l != null && l.allSelected)));
+  }, [l]);
+  const { onSort: d, sortingOrder: u, sortingBy: m } = oe(), b = D(() => {
     var g;
-    return (g = n.sort((m, f) => (f.pos ?? 0) - (m.pos ?? 0)).filter((m) => m.display !== "none")) == null ? void 0 : g.map((m) => ({
-      id: m.key,
-      label: m.label,
-      className: m.className ?? "",
-      sortable: m.sortable ?? !0,
-      sortOptions: m.sortOptions
+    return (g = n.sort((f, h) => (h.pos ?? 0) - (f.pos ?? 0)).filter((f) => f.display !== "none")) == null ? void 0 : g.map((f) => ({
+      id: f.key,
+      label: f.label,
+      className: f.className ?? "",
+      sortable: f.sortable ?? !0,
+      sortOptions: f.sortOptions
     }));
   }, [n, r, t]);
-  return /* @__PURE__ */ c("thead", { className: "table-headers-row", children: /* @__PURE__ */ N("tr", { children: [
-    /* @__PURE__ */ c("th", { scope: "col", className: "table-headers-column table-headers-checkbox", children: i ? /* @__PURE__ */ c(
+  return /* @__PURE__ */ i("thead", { className: "table-headers-row", children: /* @__PURE__ */ k("tr", { children: [
+    /* @__PURE__ */ i("th", { scope: "col", className: "table-headers-column table-headers-checkbox", children: c ? /* @__PURE__ */ i(
       "input",
       {
         type: "checkbox",
-        ref: l,
-        checked: (o == null ? void 0 : o.allSelected) ?? !1,
-        onChange: i,
+        ref: o,
+        checked: (l == null ? void 0 : l.allSelected) ?? !1,
+        onChange: c,
         "aria-label": t("_accessibility:components.table.selectAllRows")
       }
     ) : null }),
     b.map((g) => {
-      var m, f, C, v, y, E, k, x;
-      return /* @__PURE__ */ c(
+      var f, h, C, y, v, $, T, A;
+      return /* @__PURE__ */ i(
         "th",
         {
           scope: "col",
           className: `table-headers-column ${g.className}`,
-          children: /* @__PURE__ */ N(
+          children: /* @__PURE__ */ k(
             "button",
             {
               disabled: !g.sortable,
               onClick: () => d(g.id, a),
               className: "table-headers-cell",
               children: [
-                /* @__PURE__ */ c("span", { className: "table-headers-label", children: g.label }),
-                g.sortable && h === g.id && /* @__PURE__ */ c("span", { children: u === re.ASC ? ((f = (m = g.sortOptions) == null ? void 0 : m.icons) == null ? void 0 : f.asc) ?? /* @__PURE__ */ c(
-                  ht,
+                /* @__PURE__ */ i("span", { className: "table-headers-label", children: g.label }),
+                g.sortable && m === g.id && /* @__PURE__ */ i("span", { children: u === me.ASC ? ((h = (f = g.sortOptions) == null ? void 0 : f.icons) == null ? void 0 : h.asc) ?? /* @__PURE__ */ i(
+                  zn,
                   {
-                    className: ((v = (C = g.sortOptions) == null ? void 0 : C.icons) == null ? void 0 : v.className) ?? "table-headers-sort-indicator"
+                    className: ((y = (C = g.sortOptions) == null ? void 0 : C.icons) == null ? void 0 : y.className) ?? "table-headers-sort-indicator"
                   }
-                ) : ((E = (y = g.sortOptions) == null ? void 0 : y.icons) == null ? void 0 : E.desc) ?? /* @__PURE__ */ c(
-                  dt,
+                ) : (($ = (v = g.sortOptions) == null ? void 0 : v.icons) == null ? void 0 : $.desc) ?? /* @__PURE__ */ i(
+                  Ln,
                   {
-                    className: ((x = (k = g.sortOptions) == null ? void 0 : k.icons) == null ? void 0 : x.className) ?? "table-headers-sort-indicator"
+                    className: ((A = (T = g.sortOptions) == null ? void 0 : T.icons) == null ? void 0 : A.className) ?? "table-headers-sort-indicator"
                   }
                 ) })
               ]
@@ -1546,292 +1578,197 @@ function mn(e) {
         g.id
       );
     }),
-    s && /* @__PURE__ */ c("th", { scope: "col", className: "table-headers-action", children: t("_accessibility:labels.actions") })
+    s && /* @__PURE__ */ i("th", { scope: "col", className: "table-headers-action", children: t("_accessibility:labels.actions") })
   ] }) });
 }
-function bn() {
-  const { t: e } = U();
-  return /* @__PURE__ */ c("div", { className: "table-empty", children: /* @__PURE__ */ c("p", { children: e("_accessibility:components.table.empty") }) });
-}
-const gn = () => {
-  const { t: e } = U(), { total: t, pageSize: r, currentPage: n, setCurrentPage: s } = Z();
-  return /* @__PURE__ */ N("div", { className: "table-navigation-pages", children: [
-    /* @__PURE__ */ c(
-      "button",
-      {
-        className: "table-navigation-buttons",
-        disabled: n === 0,
-        "aria-label": e("_accessibility:buttons.previous"),
-        name: e("_accessibility:buttons.previous"),
-        onClick: () => s(n - 1),
-        children: /* @__PURE__ */ c(pt, { className: "w-2.5" })
-      }
-    ),
-    /* @__PURE__ */ c(
-      "button",
-      {
-        disabled: Math.floor(t / ((n + 1) * r)) === 0,
-        className: "table-navigation-buttons",
-        name: e("_accessibility:buttons.next"),
-        "aria-label": e("_accessibility:buttons.next"),
-        onClick: () => s(n + 1),
-        children: /* @__PURE__ */ c(ft, { className: "w-2.5" })
-      }
-    )
-  ] });
-}, vn = () => {
-  const { t: e } = U(), { total: t, pageSize: r, pageSizes: n, currentPage: s } = Z(), a = (s + 1) * r > t ? t : (s + 1) * r;
-  return /* @__PURE__ */ N("div", { className: "table-navigation-sizes", children: [
-    n[0] < t && /* @__PURE__ */ c(le, { children: /* @__PURE__ */ N("p", { children: [
-      s * r + 1,
-      " - ",
-      a,
-      " ",
-      e("_accessibility:components.table.of")
-    ] }) }),
-    /* @__PURE__ */ c("p", { children: t })
-  ] });
-};
-function Cn() {
-  const { t: e } = U(), { pageSizes: t, pageSize: r, setPageSize: n } = Z(), s = F(
-    () => t == null ? void 0 : t.map((a) => ({ id: a, value: a })),
-    [t]
-  );
-  return /* @__PURE__ */ N("div", { className: "page-size", children: [
-    /* @__PURE__ */ c("p", { children: e("_accessibility:components.table.pageSizes") }),
-    /* @__PURE__ */ c(
-      Oe,
-      {
-        value: r,
-        options: s,
-        inputClassName: "page-size-input",
-        containerClassName: "page-size-input-container",
-        helperTextClassName: "hidden",
-        onChange: (a) => n(Number(a.target.value))
-      }
-    )
-  ] });
-}
-function wn() {
-  const { t: e } = U(), { total: t, pageSize: r, currentPage: n, setCurrentPage: s } = Z(), a = F(() => {
-    const o = Math.ceil(t / r);
-    return Array.from({ length: o }, (i, l) => ({
-      id: l,
-      value: l + 1
-    }));
-  }, [t, r]);
-  return /* @__PURE__ */ N("div", { className: "jump-to-page", children: [
-    /* @__PURE__ */ c("p", { children: e("_accessibility:components.table.jumpToPage") }),
-    /* @__PURE__ */ c(
-      Oe,
-      {
-        value: n,
-        options: a,
-        inputClassName: "jump-to-page-input",
-        containerClassName: "jump-to-page-input-container",
-        helperTextClassName: "hidden",
-        onChange: (o) => s(Number(o.target.value))
-      }
-    )
-  ] });
-}
-function Nn() {
-  return /* @__PURE__ */ N("div", { className: "table-footer", children: [
-    /* @__PURE__ */ c(wn, {}),
-    /* @__PURE__ */ c(Cn, {}),
-    /* @__PURE__ */ c(vn, {}),
-    /* @__PURE__ */ c(gn, {})
-  ] });
-}
-const yn = (e) => {
+const Un = (e) => {
   const { items: t, text: r, id: n, onClearFilter: s } = e;
-  return /* @__PURE__ */ c(
-    X,
+  return /* @__PURE__ */ i(
+    fe,
     {
       text: `${r}: ${t.map((a) => a.value ?? a.name).join(", ")}`,
       onDelete: () => s(n)
     }
   );
-}, xn = (e) => {
+}, Hn = (e) => {
   const { end: t, start: r, text: n, id: s, onClearFilter: a } = e;
-  return /* @__PURE__ */ c(
-    X,
+  return /* @__PURE__ */ i(
+    fe,
     {
       text: `${n}: ${r || "♾️"} - ${t || "♾️"}`,
       onDelete: () => a(s)
     }
   );
-};
-const $n = (e) => {
-  const { filtersDefinition: t } = e, r = F(() => {
-    const i = {};
-    return t.forEach((l) => {
-      i[l.propertyName] = l.label ?? l.propertyName;
-    }), i;
-  }, [t]), { filters: n, clearFilters: s } = Z(), a = F(() => Object.keys(n), [n]), o = M(
-    (i) => {
-      var l, d, u, h;
-      return (l = n[i]) != null && l.end || (d = n[i]) != null && d.start ? /* @__PURE__ */ c(
-        xn,
+}, qn = (e) => {
+  const { filtersDefinition: t } = e, r = D(() => {
+    const c = {};
+    return t.forEach((o) => {
+      c[o.propertyName] = o.label ?? o.propertyName;
+    }), c;
+  }, [t]), { filters: n, clearFilters: s } = oe(), a = D(() => Object.keys(n), [n]), l = F(
+    (c) => {
+      var o, d, u, m;
+      return (o = n[c]) != null && o.end || (d = n[c]) != null && d.start ? /* @__PURE__ */ i(
+        Hn,
         {
-          id: i,
-          text: r[i],
-          start: n[i].start,
-          end: n[i].end,
+          id: c,
+          text: r[c],
+          start: n[c].start,
+          end: n[c].end,
           onClearFilter: s
         }
-      ) : Array.isArray(n[i]) ? /* @__PURE__ */ c(
-        yn,
+      ) : Array.isArray(n[c]) ? /* @__PURE__ */ i(
+        Un,
         {
-          id: i,
-          text: r[i],
-          items: n[i],
+          id: c,
+          text: r[c],
+          items: n[c],
           onClearFilter: s
         }
-      ) : /* @__PURE__ */ c(
-        X,
+      ) : /* @__PURE__ */ i(
+        fe,
         {
-          text: `${r[i]}: ${((u = n[i]) == null ? void 0 : u.value) ?? ((h = n[i]) == null ? void 0 : h.name) ?? n[i]}`,
-          onDelete: () => s(i)
+          text: `${r[c]}: ${((u = n[c]) == null ? void 0 : u.value) ?? ((m = n[c]) == null ? void 0 : m.name) ?? n[c]}`,
+          onDelete: () => s(c)
         }
       );
     },
     [n, r]
   );
-  return /* @__PURE__ */ c("ul", { className: "active-filters-main", children: a == null ? void 0 : a.map((i) => /* @__PURE__ */ c("li", { children: o(i) }, i)) });
+  return /* @__PURE__ */ i("ul", { className: "active-filters-main", children: a == null ? void 0 : a.map((c) => /* @__PURE__ */ i("li", { children: l(c) }, c)) });
+};
+function Kn(e) {
+  const { propertyName: t, label: r, placeholder: n, options: s, multiple: a = !0 } = e, { currentFilters: l, setCurrentFilters: c } = Ce(), o = D(() => l[t] ?? s[0], [l]), d = F(
+    (u) => {
+      c({
+        type: K.update,
+        toUpdate: {
+          [t]: {
+            value: u
+          }
+        }
+      });
+    },
+    [a]
+  );
+  return /* @__PURE__ */ i(
+    On,
+    {
+      value: o == null ? void 0 : o.value,
+      label: r,
+      options: s,
+      multiple: a,
+      helperTextClassName: "hidden",
+      containerClassName: "options-widget-container",
+      onChange: d,
+      placeholder: n
+    }
+  );
+}
+const Yn = (e) => {
+  const { propertyName: t, label: r } = e, { currentFilters: n, setCurrentFilters: s } = Ce(), a = D(() => {
+    var c;
+    return ((c = n[t]) == null ? void 0 : c.value) ?? "";
+  }, [n]), l = F((c) => {
+    s({
+      type: K.update,
+      toUpdate: { [t]: { value: c.target.checked } }
+    });
+  }, []);
+  return /* @__PURE__ */ i(Fn, { label: r, checked: a ?? !1, onChange: l });
 };
-function Sn(e) {
-  const { propertyName: t, options: r, label: n, placeholder: s } = e, { currentFilters: a, setCurrentFilters: o } = ie(), i = F(() => {
+function Zn(e) {
+  const { propertyName: t, options: r, label: n, placeholder: s } = e, { currentFilters: a, setCurrentFilters: l } = Ce(), c = D(() => {
     var d;
     return ((d = a[t]) == null ? void 0 : d.value) ?? r[0];
-  }, [a]), l = M((d) => {
-    o({
-      type: G.update,
+  }, [a]), o = F((d) => {
+    l({
+      type: K.update,
       toUpdate: { [t]: { value: d.target.value } }
     });
   }, []);
-  return /* @__PURE__ */ c(
-    Oe,
+  return /* @__PURE__ */ i(
+    Xe,
     {
-      value: i,
+      value: c,
       label: n,
       options: r,
       helperTextClassName: "hidden",
       containerClassName: "options-widget-container",
-      onChange: l,
+      onChange: o,
       placeholder: s
     }
   );
 }
-const kn = (e) => {
-  const { propertyName: t, label: r, placeholder: n } = e, { currentFilters: s, setCurrentFilters: a } = ie(), o = F(() => {
-    var l;
-    return ((l = s[t]) == null ? void 0 : l.value) ?? "";
-  }, [s]), i = M((l) => {
+const Jn = (e) => {
+  const { propertyName: t, label: r, placeholder: n } = e, { currentFilters: s, setCurrentFilters: a } = Ce(), l = D(() => {
+    var o;
+    return ((o = s[t]) == null ? void 0 : o.value) ?? "";
+  }, [s]), c = F((o) => {
     a({
-      type: G.update,
-      toUpdate: { [t]: { value: l.target.value } }
+      type: K.update,
+      toUpdate: { [t]: { value: o.target.value } }
     });
   }, []);
-  return /* @__PURE__ */ c(
-    Ce,
+  return /* @__PURE__ */ i(
+    Ie,
     {
-      value: o ?? "",
+      value: l ?? "",
       label: r,
-      onChange: i,
+      onChange: c,
       containerClassName: "input-widget-container",
       helperTextClassName: "",
       placeholder: n
     }
   );
-}, En = (e) => {
-  const { propertyName: t, label: r } = e, { currentFilters: n, setCurrentFilters: s } = ie(), a = F(() => {
-    var i;
-    return ((i = n[t]) == null ? void 0 : i.value) ?? "";
-  }, [n]), o = M((i) => {
-    s({
-      type: G.update,
-      toUpdate: { [t]: { value: i.target.checked } }
-    });
-  }, []);
-  return /* @__PURE__ */ c(gt, { label: r, checked: a ?? !1, onChange: o });
-};
-function An(e) {
-  const { propertyName: t, label: r, placeholder: n, options: s, multiple: a = !0 } = e, { currentFilters: o, setCurrentFilters: i } = ie(), l = F(() => o[t] ?? s[0], [o]), d = M(
-    (u) => {
-      i({
-        type: G.update,
-        toUpdate: {
-          [t]: {
-            value: u
-          }
-        }
-      });
-    },
-    [a]
-  );
-  return /* @__PURE__ */ c(
-    un,
-    {
-      value: l == null ? void 0 : l.value,
-      label: r,
-      options: s,
-      multiple: a,
-      helperTextClassName: "hidden",
-      containerClassName: "options-widget-container",
-      onChange: d,
-      placeholder: n
-    }
-  );
-}
-const qe = (e) => {
-  var h, b, g, m;
-  const { propertyName: t, label: r, inputType: n } = e, { t: s } = U(), { currentFilters: a, setCurrentFilters: o } = ie(), i = J(null), l = J(null), d = M((f) => {
+}, ht = (e) => {
+  var m, b, g, f;
+  const { propertyName: t, label: r, inputType: n } = e, { t: s } = ee(), { currentFilters: a, setCurrentFilters: l } = Ce(), c = Q(null), o = Q(null), d = F((h) => {
     var C;
-    o({
-      type: G.update,
+    l({
+      type: K.update,
       toUpdate: {
         [t]: {
-          value: { end: ((C = l == null ? void 0 : l.current) == null ? void 0 : C.value) ?? null, start: f.target.value }
+          value: { end: ((C = o == null ? void 0 : o.current) == null ? void 0 : C.value) ?? null, start: h.target.value }
         }
       }
     });
-  }, []), u = M((f) => {
+  }, []), u = F((h) => {
     var C;
-    o({
-      type: G.update,
+    l({
+      type: K.update,
       toUpdate: {
         [t]: {
           value: {
-            start: ((C = i == null ? void 0 : i.current) == null ? void 0 : C.value) ?? null,
-            end: f.target.value
+            start: ((C = c == null ? void 0 : c.current) == null ? void 0 : C.value) ?? null,
+            end: h.target.value
           }
         }
       }
     });
   }, []);
-  return /* @__PURE__ */ N("div", { className: "range-widget-container", children: [
-    /* @__PURE__ */ c("p", { className: "text-input-label input-widget-label input-label-normal", children: r }),
-    /* @__PURE__ */ N("div", { className: "range-widget-row", children: [
-      /* @__PURE__ */ c(
-        Ce,
+  return /* @__PURE__ */ k("div", { className: "range-widget-container", children: [
+    /* @__PURE__ */ i("p", { className: "text-input-label input-widget-label input-label-normal", children: r }),
+    /* @__PURE__ */ k("div", { className: "range-widget-row", children: [
+      /* @__PURE__ */ i(
+        Ie,
         {
-          value: ((b = (h = a[t]) == null ? void 0 : h.value) == null ? void 0 : b.start) ?? "",
+          value: ((b = (m = a[t]) == null ? void 0 : m.value) == null ? void 0 : b.start) ?? "",
           placeholder: s("_accessibility:components.table.filters.range.start"),
           type: n,
-          ref: i,
+          ref: c,
           onChange: d,
           containerClassName: "input-widget-container",
           helperTextClassName: ""
         }
       ),
-      /* @__PURE__ */ c(
-        Ce,
+      /* @__PURE__ */ i(
+        Ie,
         {
-          value: ((m = (g = a[t]) == null ? void 0 : g.value) == null ? void 0 : m.end) ?? "",
+          value: ((f = (g = a[t]) == null ? void 0 : g.value) == null ? void 0 : f.end) ?? "",
           placeholder: s("_accessibility:components.table.filters.range.end"),
           type: n,
-          ref: l,
+          ref: o,
           onChange: u,
           containerClassName: "input-widget-container",
           helperTextClassName: ""
@@ -1839,64 +1776,63 @@ const qe = (e) => {
       )
     ] })
   ] });
-}, Pn = (e) => {
+}, Xn = (e) => {
   switch (e.type) {
-    case Q.text:
-      return /* @__PURE__ */ c(kn, { ...e });
-    case Q.number:
-      return /* @__PURE__ */ c(
-        qe,
+    case de.text:
+      return /* @__PURE__ */ i(Jn, { ...e });
+    case de.number:
+      return /* @__PURE__ */ i(
+        ht,
         {
           ...e,
           inputType: "number"
         }
       );
-    case Q.date:
-      return /* @__PURE__ */ c(
-        qe,
+    case de.date:
+      return /* @__PURE__ */ i(
+        ht,
         {
           ...e,
           inputType: "date"
         }
       );
-    case Q.select:
-      return /* @__PURE__ */ c(Sn, { ...e });
-    case Q.autocomplete:
-      return /* @__PURE__ */ c(An, { ...e });
-    case Q.check:
-      return /* @__PURE__ */ c(En, { ...e });
+    case de.select:
+      return /* @__PURE__ */ i(Zn, { ...e });
+    case de.autocomplete:
+      return /* @__PURE__ */ i(Kn, { ...e });
+    case de.check:
+      return /* @__PURE__ */ i(Yn, { ...e });
   }
-  return /* @__PURE__ */ c(le, {});
-};
-const Tn = (e) => {
-  const { filters: t = [], show: r, handleShow: n } = e, { onFilterApply: s } = Z(), { currentFilters: a, setCurrentFilters: o } = ie(), { t: i } = U(), l = J(null);
-  return K(() => {
+  return /* @__PURE__ */ i($e, {});
+}, Qn = (e) => {
+  const { filters: t = [], show: r, handleShow: n } = e, { onFilterApply: s } = oe(), { currentFilters: a, setCurrentFilters: l } = Ce(), { t: c } = ee(), o = Q(null);
+  return V(() => {
     const d = ({ target: u }) => {
-      var h;
-      l.current && (!r || (h = l.current) != null && h.contains(u) || n(!1));
+      var m;
+      o.current && (u != null && u.closest(".filter-dropdown-trigger") || !r || (m = o.current) != null && m.contains(u) || n(!1));
     };
     return document.addEventListener("click", d), () => document.removeEventListener("click", d);
-  }), K(() => {
+  }, [n, r]), V(() => {
     const d = (u) => {
       !r || u.code !== "Escape" || n(!1);
     };
     return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
-  }), /* @__PURE__ */ c("div", { className: `filter-dropdown-backdrop ${r ? "opened" : "closed"}`, children: /* @__PURE__ */ N("div", { className: "filter-popup", children: [
-    /* @__PURE__ */ c("div", { className: "filter-title", children: i("_accessibility:buttons.filters") }),
-    /* @__PURE__ */ c("ul", { className: "filter-container", children: t.map((d) => /* @__PURE__ */ c("li", { className: "filter-container-item", children: Pn(d) }, d.propertyName)) }),
-    /* @__PURE__ */ c("div", { className: "filter-footer", children: /* @__PURE__ */ N("ul", { className: "filter-buttons-row", children: [
-      /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
+  }, [n, r]), /* @__PURE__ */ i("div", { className: `filter-dropdown-backdrop ${r ? "opened" : "closed"}`, children: /* @__PURE__ */ k("div", { className: "filter-popup", ref: o, children: [
+    /* @__PURE__ */ i("div", { className: "filter-title", children: c("_accessibility:buttons.filters") }),
+    /* @__PURE__ */ i("ul", { className: "filter-container", children: t.map((d) => /* @__PURE__ */ i("li", { className: "filter-container-item", children: Xn(d) }, d.propertyName)) }),
+    /* @__PURE__ */ i("div", { className: "filter-footer", children: /* @__PURE__ */ k("ul", { className: "filter-buttons-row", children: [
+      /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
         "button",
         {
-          onClick: () => o({
-            type: G.reset,
+          onClick: () => l({
+            type: K.reset,
             filters: t
           }),
           className: "filter-dropdown-button small filter-dropdown-cancel",
-          children: i("_accessibility:buttons.clear")
+          children: c("_accessibility:buttons.clear")
         }
       ) }),
-      /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
+      /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
         "button",
         {
           className: "filter-dropdown-button small filter-dropdown-submit",
@@ -1904,333 +1840,615 @@ const Tn = (e) => {
             n(!1), s(a);
           },
           onBlur: () => n(!1),
-          children: i("_accessibility:buttons.applyFilters")
+          children: c("_accessibility:buttons.applyFilters")
         }
       ) })
     ] }) })
   ] }) });
-}, Rn = (e) => {
-  var g, m;
-  const { columns: t, title: r, isLoading: n, toolbar: s, filterOptions: a } = e, { countOfFilters: o } = Z(), { t: i } = U(), l = F(() => t ? t.sort((f, C) => (C.pos ?? 0) - (f.pos ?? 0)).filter((f) => !!f.filterOptions).map((f) => {
+}, er = () => {
+  const { t: e } = ee(), { total: t, pageSize: r, pageSizes: n, currentPage: s } = oe(), a = (s + 1) * r > t ? t : (s + 1) * r;
+  return /* @__PURE__ */ k("div", { className: "table-navigation-sizes", children: [
+    n[0] < t && /* @__PURE__ */ i($e, { children: /* @__PURE__ */ k("p", { children: [
+      s * r + 1,
+      " - ",
+      a,
+      " ",
+      e("_accessibility:components.table.of")
+    ] }) }),
+    /* @__PURE__ */ i("p", { children: t })
+  ] });
+};
+function tr() {
+  const { t: e } = ee(), { total: t, pageSize: r, currentPage: n, setCurrentPage: s } = oe(), a = D(() => {
+    const l = Math.ceil(t / r);
+    return Array.from({ length: l }, (c, o) => ({
+      id: o,
+      value: o + 1
+    }));
+  }, [t, r]);
+  return /* @__PURE__ */ k("div", { className: "jump-to-page", children: [
+    /* @__PURE__ */ i("p", { children: e("_accessibility:components.table.jumpToPage") }),
+    /* @__PURE__ */ i(
+      Xe,
+      {
+        value: n,
+        options: a,
+        inputClassName: "jump-to-page-input",
+        containerClassName: "jump-to-page-input-container",
+        helperTextClassName: "hidden",
+        onChange: (l) => s(Number(l.target.value))
+      }
+    )
+  ] });
+}
+const nr = () => {
+  const { t: e } = ee(), { total: t, pageSize: r, currentPage: n, setCurrentPage: s } = oe();
+  return /* @__PURE__ */ k("div", { className: "table-navigation-pages", children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        className: "table-navigation-buttons",
+        disabled: n === 0,
+        "aria-label": e("_accessibility:buttons.previous"),
+        name: e("_accessibility:buttons.previous"),
+        onClick: () => s(n - 1),
+        children: /* @__PURE__ */ i(In, { className: "w-2.5" })
+      }
+    ),
+    /* @__PURE__ */ i(
+      "button",
+      {
+        disabled: Math.floor(t / ((n + 1) * r)) === 0,
+        className: "table-navigation-buttons",
+        name: e("_accessibility:buttons.next"),
+        "aria-label": e("_accessibility:buttons.next"),
+        onClick: () => s(n + 1),
+        children: /* @__PURE__ */ i(Dn, { className: "w-2.5" })
+      }
+    )
+  ] });
+};
+function rr() {
+  const { t: e } = ee(), { pageSizes: t, pageSize: r, setPageSize: n } = oe(), s = D(
+    () => t == null ? void 0 : t.map((a) => ({ id: a, value: a })),
+    [t]
+  );
+  return /* @__PURE__ */ k("div", { className: "page-size", children: [
+    /* @__PURE__ */ i("p", { children: e("_accessibility:components.table.pageSizes") }),
+    /* @__PURE__ */ i(
+      Xe,
+      {
+        value: r,
+        options: s,
+        inputClassName: "page-size-input",
+        containerClassName: "page-size-input-container",
+        helperTextClassName: "hidden",
+        onChange: (a) => n(Number(a.target.value))
+      }
+    )
+  ] });
+}
+function sr() {
+  return /* @__PURE__ */ k("div", { className: "table-footer", children: [
+    /* @__PURE__ */ i(tr, {}),
+    /* @__PURE__ */ i(rr, {}),
+    /* @__PURE__ */ i(er, {}),
+    /* @__PURE__ */ i(nr, {})
+  ] });
+}
+const ar = (e) => e, ir = (e) => {
+  const { t } = ee(), {
+    columns: r,
+    softDeleteProperty: n = "deletedAt",
+    data: s,
+    actions: a,
+    selectedRows: l,
+    expandedRows: c = [],
+    onRowSelectionChange: o,
+    onRowExpand: d
+  } = e, u = D(
+    () => r.sort((b, g) => (g.pos ?? 0) - (b.pos ?? 0)).filter((b) => b.display !== "none"),
+    [r]
+  ), m = D(
+    () => new Map(
+      c.map((b) => [b.rowId, b])
+    ),
+    [c]
+  );
+  return s == null ? void 0 : s.map((b) => {
+    var y;
+    const g = l.has(b.id), f = m.get(b.id), h = !!f, C = u.length + 1 + (a ? 1 : 0);
+    return /* @__PURE__ */ k(zt, { children: [
+      /* @__PURE__ */ k(
+        "tr",
+        {
+          className: `table-row ${d ? "expandable" : ""} ${b[n] ? "deleted-class" : ""} ${g ? "selected" : ""} ${h ? "expanded" : ""}`,
+          onClick: () => d == null ? void 0 : d(b),
+          children: [
+            /* @__PURE__ */ i("td", { className: "table-row-cell table-row-checkbox", children: /* @__PURE__ */ i(
+              "input",
+              {
+                type: "checkbox",
+                checked: g,
+                onClick: (v) => v.stopPropagation(),
+                onChange: () => o(b),
+                "aria-label": t("_accessibility:components.table.selectRow")
+              }
+            ) }),
+            u == null ? void 0 : u.map((v, $) => /* @__PURE__ */ i(
+              "td",
+              {
+                className: `table-row-cell ${$ === 0 ? "basic" : ""} ${v.className ?? ""}`,
+                children: v.renderBody ? v.renderBody(b[v.key], b) : ar(b[v.key])
+              },
+              v.key
+            )),
+            a ? /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i("div", { className: "table-row-cell-action", children: (y = a(b).filter((v) => !v.hidden)) == null ? void 0 : y.map((v) => /* @__PURE__ */ i(Rt, { content: v.tooltip, children: /* @__PURE__ */ i(
+              "button",
+              {
+                onClick: ($) => {
+                  $.stopPropagation(), v.onClick(b);
+                },
+                children: v.icon
+              }
+            ) }, v.id)) }) }) : null
+          ]
+        }
+      ),
+      h && (f == null ? void 0 : f.content) !== null && typeof (f == null ? void 0 : f.content) < "u" && /* @__PURE__ */ i("tr", { className: "table-row-expanded", children: /* @__PURE__ */ i("td", { className: "table-row-expanded-cell", colSpan: C, children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: `table-row-expanded-content ${f.isVisible ? "open" : "closed"}`,
+          children: /* @__PURE__ */ i("div", { className: "table-row-expanded-inner", children: f.content })
+        }
+      ) }) })
+    ] }, b.id);
+  });
+};
+function cr() {
+  const { t: e } = ee();
+  return /* @__PURE__ */ i("div", { className: "table-empty", children: /* @__PURE__ */ i("p", { children: e("_accessibility:components.table.empty") }) });
+}
+const lr = (e) => {
+  var g, f;
+  const { columns: t, title: r, isLoading: n, toolbar: s, filterOptions: a } = e, { countOfFilters: l } = oe(), { t: c } = ee(), o = D(() => t ? t.sort((h, C) => (C.pos ?? 0) - (h.pos ?? 0)).filter((h) => !!h.filterOptions).map((h) => {
     var C;
     return {
-      ...f.filterOptions,
-      label: ((C = f.filterOptions) == null ? void 0 : C.label) ?? f.label,
-      propertyName: f.key
+      ...h.filterOptions,
+      label: ((C = h.filterOptions) == null ? void 0 : C.label) ?? h.label,
+      propertyName: h.key
     };
-  }) : [], [t]), [d, u] = j(!1), h = M(
-    (f) => {
-      var C, v;
-      ((v = (C = a == null ? void 0 : a.dropdown) == null ? void 0 : C.setOpened) == null ? void 0 : v.call(C, f ?? !1)) ?? u(f ?? !1);
+  }) : [], [t]), [d, u] = I(!1), m = F(
+    (h) => {
+      var C, y;
+      ((y = (C = a == null ? void 0 : a.dropdown) == null ? void 0 : C.setOpened) == null ? void 0 : y.call(C, h ?? !1)) ?? u(h ?? !1);
     },
-    [a, d]
-  ), b = F(
+    [a]
+  ), b = D(
     () => {
-      var f;
-      return ((f = a == null ? void 0 : a.dropdown) == null ? void 0 : f.opened) ?? d;
+      var h;
+      return ((h = a == null ? void 0 : a.dropdown) == null ? void 0 : h.opened) ?? d;
     },
     [a, d]
   );
-  return /* @__PURE__ */ N("div", { className: `table-header ${b ? "showing-filters" : ""}`, children: [
-    /* @__PURE__ */ N("div", { children: [
-      r && /* @__PURE__ */ c("h1", { className: "table-header-title", children: r }),
-      n ? null : /* @__PURE__ */ N("div", { className: "table-header-content", children: [
+  return /* @__PURE__ */ k("div", { className: `table-header ${b ? "showing-filters" : ""}`, children: [
+    /* @__PURE__ */ k("div", { children: [
+      r && /* @__PURE__ */ i("h1", { className: "table-header-title", children: r }),
+      n ? null : /* @__PURE__ */ k("div", { className: "table-header-content", children: [
         s,
-        ((g = a == null ? void 0 : a.button) == null ? void 0 : g.hide) !== !0 && /* @__PURE__ */ N(
+        ((g = a == null ? void 0 : a.button) == null ? void 0 : g.hide) !== !0 && /* @__PURE__ */ k(
           "button",
           {
             className: "filter-dropdown-button normal filter-dropdown-trigger",
             "aria-haspopup": "true",
-            onClick: () => {
-              var f;
-              return h(
-                ((f = a == null ? void 0 : a.dropdown) == null ? void 0 : f.opened) ?? !d
-              );
-            },
+            onClick: () => m(!b),
             "aria-expanded": b,
             children: [
-              /* @__PURE__ */ c(
-                Ln,
+              /* @__PURE__ */ i(
+                _t,
                 {
-                  count: o,
-                  className: `${o > 0 ? "show" : "hide"} `
+                  count: l,
+                  className: `${l > 0 ? "show" : "hide"} `
                 }
               ),
-              /* @__PURE__ */ c("span", { className: "sr-only", children: i("_accessibility:buttons.filters") }),
-              /* @__PURE__ */ c("wbr", {}),
-              ((m = a == null ? void 0 : a.button) == null ? void 0 : m.icon) ?? /* @__PURE__ */ c(mt, { className: "filter-dropdown-trigger-icon" })
+              /* @__PURE__ */ i("span", { className: "sr-only", children: c("_accessibility:buttons.filters") }),
+              /* @__PURE__ */ i("wbr", {}),
+              ((f = a == null ? void 0 : a.button) == null ? void 0 : f.icon) ?? /* @__PURE__ */ i(Wn, { className: "filter-dropdown-trigger-icon" })
             ]
           }
         )
       ] })
     ] }),
-    !!l && !!l.length && /* @__PURE__ */ c(
-      Tn,
+    !!o && !!o.length && /* @__PURE__ */ i(
+      Qn,
       {
-        filters: l,
+        filters: o,
         show: b,
-        handleShow: h,
+        handleShow: m,
         options: a
       }
     ),
-    /* @__PURE__ */ c($n, { filtersDefinition: l })
+    /* @__PURE__ */ i(qn, { filtersDefinition: o })
   ] });
-}, On = (e) => e, Fn = (e) => {
-  const { t } = U(), {
-    columns: r,
-    softDeleteProperty: n = "deletedAt",
-    data: s,
-    actions: a,
-    selectedRows: o,
-    onRowSelectionChange: i
-  } = e, l = F(
-    () => r.sort((d, u) => (u.pos ?? 0) - (d.pos ?? 0)).filter((d) => d.display !== "none"),
-    [r]
-  );
-  return s == null ? void 0 : s.map((d) => {
-    var h;
-    const u = o.has(d.id);
-    return /* @__PURE__ */ N(
-      "tr",
-      {
-        className: `table-row ${d[n] ? "deleted-class" : ""} ${u ? "selected" : ""}`,
-        children: [
-          /* @__PURE__ */ c("td", { className: "table-row-cell table-row-checkbox", children: /* @__PURE__ */ c(
-            "input",
-            {
-              type: "checkbox",
-              checked: u,
-              onChange: () => i(d),
-              "aria-label": t("_accessibility:components.table.selectRow")
-            }
-          ) }),
-          l == null ? void 0 : l.map((b, g) => /* @__PURE__ */ c(
-            "td",
-            {
-              className: `table-row-cell ${g === 0 ? "basic" : ""} ${b.className ?? ""}`,
-              children: b.renderBody ? b.renderBody(d[b.key], d) : On(d[b.key])
-            },
-            b.key
-          )),
-          a ? /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c("div", { className: "table-row-cell-action", children: (h = a(d).filter((b) => !b.hidden)) == null ? void 0 : h.map((b) => /* @__PURE__ */ c(lt, { content: b.tooltip, children: /* @__PURE__ */ c("button", { onClick: () => b.onClick(d), children: b.icon }) }, b.id)) }) }) : null
-        ]
-      },
-      d.id
-    );
-  });
 };
-function Bn(e) {
+const Ve = 220;
+function mr(e) {
   const {
     data: t,
     onSort: r,
     entity: n = "",
     isLoading: s = !1,
     actions: a,
-    columns: o = [],
-    contentClassName: i = "",
-    className: l = "",
+    columns: l = [],
+    contentClassName: c = "",
+    className: o = "",
     softDeleteProperty: d = "deletedAt",
     onRowSelect: u,
-    onSelectedRowsChange: h,
-    ...b
-  } = e, { t: g } = U(), [m, f] = j(/* @__PURE__ */ new Set()), C = F(() => !(t != null && t.length), [t]), v = F(
-    () => (t == null ? void 0 : t.filter((p) => m.has(p.id))) ?? [],
-    [t, m]
+    onSelectedRowsChange: m,
+    allowMultipleExpandedRows: b = !1,
+    expandedRowId: g,
+    onExpandedRowChange: f,
+    onRowExpand: h,
+    ...C
+  } = e, { t: y } = ee(), [v, $] = I(/* @__PURE__ */ new Set()), [T, A] = I(null), [P, N] = I(null), [q, we] = I(null), [ue, ce] = I(null), [xe, le] = I(!1), [ye, w] = I(/* @__PURE__ */ new Set()), [z, _] = I([]), Y = Q(null), te = Q(null), he = Q(/* @__PURE__ */ new Map()), ne = typeof g < "u", re = b && !ne, G = ne ? g ?? null : T, Tt = D(() => !(t != null && t.length), [t]), Z = D(
+    () => (t == null ? void 0 : t.filter((p) => v.has(p.id))) ?? [],
+    [t, v]
+  ), pe = F(
+    (p) => p === null ? null : t.find((x) => x.id === p) ?? null,
+    [t]
+  ), Te = F(() => {
+    te.current && (clearTimeout(te.current), te.current = null);
+  }, []), J = F(
+    (p) => {
+      if (typeof p < "u") {
+        const x = he.current.get(p);
+        if (!x)
+          return;
+        clearTimeout(x), he.current.delete(p);
+        return;
+      }
+      he.current.forEach(
+        (x) => clearTimeout(x)
+      ), he.current.clear();
+    },
+    []
+  ), et = F(
+    (p) => {
+      J(p), _((x) => x.some(
+        (O) => O.rowId === p
+      ) ? x.map(
+        (O) => O.rowId === p ? { ...O, isVisible: !1 } : O
+      ) : x), he.current.set(
+        p,
+        setTimeout(() => {
+          _(
+            (x) => x.filter((S) => S.rowId !== p)
+          ), he.current.delete(p);
+        }, Ve)
+      );
+    },
+    [J]
+  ), tt = F(
+    (p, x) => {
+      J(p), _((S) => S.some(
+        (L) => L.rowId === p
+      ) ? S.map(
+        (L) => L.rowId === p ? { ...L, content: x, isVisible: !1 } : L
+      ) : [...S, { rowId: p, content: x, isVisible: !1 }]), requestAnimationFrame(() => {
+        _(
+          (S) => S.map(
+            (O) => O.rowId === p ? { ...O, isVisible: !0 } : O
+          )
+        );
+      });
+    },
+    [J]
   );
-  K(() => {
+  V(() => {
     if (!(t != null && t.length)) {
-      f(/* @__PURE__ */ new Set());
+      $(/* @__PURE__ */ new Set());
       return;
     }
-    f((p) => {
-      const P = /* @__PURE__ */ new Set(), R = new Set(t.map((B) => B.id));
-      return p.forEach((B) => {
-        R.has(B) && P.add(B);
-      }), P;
+    $((p) => {
+      const x = /* @__PURE__ */ new Set(), S = new Set(t.map((O) => O.id));
+      return p.forEach((O) => {
+        S.has(O) && x.add(O);
+      }), x;
     });
-  }, [t]);
-  const y = M(
+  }, [t]), V(() => {
+    if (!re)
+      return;
+    const p = new Set(t.map((x) => x.id));
+    w((x) => {
+      const S = /* @__PURE__ */ new Set();
+      return x.forEach((O) => {
+        if (p.has(O)) {
+          S.add(O);
+          return;
+        }
+        J(O);
+      }), S;
+    }), _((x) => (x.forEach((S) => {
+      p.has(S.rowId) || J(S.rowId);
+    }), x.filter(
+      (S) => p.has(S.rowId)
+    )));
+  }, [t, re, J]), V(() => {
+    if (re)
+      return;
+    if (G === null) {
+      N(null), ne && (Y.current = null);
+      return;
+    }
+    pe(G) || (ne || A(null), N(null), ne && (Y.current = null));
+  }, [
+    t,
+    G,
+    pe,
+    ne,
+    re
+  ]), V(() => {
+    if (!re) {
+      if (Te(), G === null || P === null) {
+        if (q === null) {
+          le(!1), ce(null);
+          return;
+        }
+        le(!1), te.current = setTimeout(() => {
+          we(null), ce(null), te.current = null;
+        }, Ve);
+        return;
+      }
+      if (q === null) {
+        we(G), ce(P), requestAnimationFrame(() => le(!0));
+        return;
+      }
+      if (q === G) {
+        ce(P), requestAnimationFrame(() => le(!0));
+        return;
+      }
+      le(!1), te.current = setTimeout(() => {
+        we(G), ce(P), requestAnimationFrame(() => le(!0)), te.current = null;
+      }, Ve);
+    }
+  }, [
+    Te,
+    P,
+    G,
+    re,
+    q
+  ]), V(
+    () => () => {
+      Te(), J();
+    },
+    [Te, J]
+  ), V(() => {
+    if (!ne)
+      return;
+    if (G === null) {
+      N(null), Y.current = null;
+      return;
+    }
+    const p = pe(G);
+    if (!p) {
+      N(null), Y.current = null;
+      return;
+    }
+    const x = Y.current;
+    N((h == null ? void 0 : h(p, x)) ?? null), Y.current = p;
+  }, [G, pe, ne, h]);
+  const Pt = F(
     (p) => {
-      f((P) => {
-        const R = new Set(P);
-        return R.has(p.id) ? (R.delete(p.id), u == null || u(p, !1)) : (R.add(p.id), u == null || u(p, !0)), R;
+      $((x) => {
+        const S = new Set(x);
+        return S.has(p.id) ? (S.delete(p.id), u == null || u(p, !1)) : (S.add(p.id), u == null || u(p, !0)), S;
       });
     },
     [u]
-  ), E = M(() => {
-    f((p) => {
-      const P = new Set(p), R = t ?? [], B = R.every(
-        (_) => P.has(_.id)
+  ), Ot = F(
+    (p) => {
+      if (re) {
+        if (ye.has(p.id)) {
+          w((W) => {
+            const X = new Set(W);
+            return X.delete(p.id), X;
+          }), et(p.id), f == null || f(null, p);
+          return;
+        }
+        w((W) => {
+          const X = new Set(W);
+          return X.add(p.id), X;
+        });
+        const L = (h == null ? void 0 : h(p, null)) ?? null;
+        L !== null && typeof L < "u" ? tt(p.id, L) : (J(p.id), _(
+          (W) => W.filter((X) => X.rowId !== p.id)
+        )), f == null || f(p, null);
+        return;
+      }
+      const x = G === p.id, S = x ? p : pe(G);
+      if (ne) {
+        f == null || f(x ? null : p, S);
+        return;
+      }
+      if (x) {
+        A(null), N(null), f == null || f(null, p);
+        return;
+      }
+      A(p.id), N((h == null ? void 0 : h(p, S)) ?? null), f == null || f(p, S);
+    },
+    [
+      G,
+      et,
+      J,
+      tt,
+      pe,
+      ye,
+      ne,
+      re,
+      f,
+      h
+    ]
+  ), Ft = F(() => {
+    $((p) => {
+      const x = new Set(p), S = t ?? [], O = S.every(
+        (L) => x.has(L.id)
       );
-      return R.forEach((_) => {
-        const z = P.has(_.id);
-        B ? z && (P.delete(_.id), u == null || u(_, !1)) : z || (P.add(_.id), u == null || u(_, !0));
-      }), P;
+      return S.forEach((L) => {
+        const W = x.has(L.id);
+        O ? W && (x.delete(L.id), u == null || u(L, !1)) : W || (x.add(L.id), u == null || u(L, !0));
+      }), x;
     });
-  }, [t, u]), k = F(() => {
+  }, [t, u]), Mt = D(() => {
     if (!(t != null && t.length))
       return { allSelected: !1, hasSomeSelected: !1 };
-    const p = t.every((R) => m.has(R.id)), P = t.some((R) => m.has(R.id));
-    return { allSelected: p, hasSomeSelected: P };
-  }, [t, m]);
-  K(() => {
-    h && h(v);
-  }, [v, h]);
-  const x = F(() => !a || !v.length ? [] : v.reduce((p, P, R) => {
-    const B = a(P).filter(
-      (z) => z.multiple && !z.hidden
-    );
-    if (R === 0)
-      return B;
-    const _ = new Map(p.map((z) => [z.id, z]));
-    return B.reduce((z, ee) => {
-      const te = _.get(ee.id);
-      return te && z.push({
-        ...te,
-        ...ee,
-        disabled: ee.disabled || te.disabled
-      }), z;
-    }, []);
-  }, []), [a, v]), A = M(
+    const p = t.every((S) => v.has(S.id)), x = t.some((S) => v.has(S.id));
+    return { allSelected: p, hasSomeSelected: x };
+  }, [t, v]);
+  V(() => {
+    m && m(Z);
+  }, [Z, m]);
+  const nt = D(() => !a || !Z.length ? [] : Z.reduce(
+    (p, x, S) => {
+      const O = a(x).filter(
+        (W) => W.multiple && !W.hidden
+      );
+      if (S === 0)
+        return O;
+      const L = new Map(
+        p.map((W) => [W.id, W])
+      );
+      return O.reduce((W, X) => {
+        const We = L.get(X.id);
+        return We && W.push({
+          ...We,
+          ...X,
+          disabled: X.disabled || We.disabled
+        }), W;
+      }, []);
+    },
+    []
+  ), [a, Z]), Lt = F(
     (p) => {
-      if (v.length) {
+      if (Z.length) {
         if (p.onMultipleClick) {
-          p.onMultipleClick(v);
+          p.onMultipleClick(Z);
           return;
         }
-        v.forEach((P) => p.onClick(P));
+        Z.forEach((x) => p.onClick(x));
       }
     },
-    [v]
-  );
-  return /* @__PURE__ */ c(pn, { children: /* @__PURE__ */ N("div", { className: `${l} table-main`, children: [
-    /* @__PURE__ */ c(Rn, { columns: o, isLoading: s, ...b }),
-    s ? /* @__PURE__ */ c(dn, { className: "table-loading" }) : /* @__PURE__ */ c(le, { children: C ? /* @__PURE__ */ c(bn, {}) : /* @__PURE__ */ N(le, { children: [
-      !!v.length && /* @__PURE__ */ N("div", { className: "table-selection-bar", children: [
-        /* @__PURE__ */ c("p", { className: "table-selection-bar-count", children: g("_accessibility:components.table.selectedCount", {
-          count: v.length
+    [Z]
+  ), It = D(() => re ? z : q === null || ue === null || typeof ue > "u" ? [] : [
+    {
+      rowId: q,
+      content: ue,
+      isVisible: xe
+    }
+  ], [
+    xe,
+    re,
+    ue,
+    q,
+    z
+  ]);
+  return /* @__PURE__ */ i(jn, { children: /* @__PURE__ */ k("div", { className: `${o} table-main`, children: [
+    /* @__PURE__ */ i(lr, { columns: l, isLoading: s, ...C }),
+    s ? /* @__PURE__ */ i(Mn, { className: "table-loading" }) : /* @__PURE__ */ i($e, { children: Tt ? /* @__PURE__ */ i(cr, {}) : /* @__PURE__ */ k($e, { children: [
+      !!Z.length && /* @__PURE__ */ k("div", { className: "table-selection-bar", children: [
+        /* @__PURE__ */ i("p", { className: "table-selection-bar-count", children: y("_accessibility:components.table.selectedCount", {
+          count: Z.length
         }) }),
-        x.length > 0 && /* @__PURE__ */ c("div", { className: "table-selection-bar-actions", children: x.map((p) => /* @__PURE__ */ c(lt, { content: p.tooltip, children: /* @__PURE__ */ c(
+        nt.length > 0 && /* @__PURE__ */ i("div", { className: "table-selection-bar-actions", children: nt.map((p) => /* @__PURE__ */ i(Rt, { content: p.tooltip, children: /* @__PURE__ */ i(
           "button",
           {
             type: "button",
-            onClick: () => A(p),
+            onClick: () => Lt(p),
             disabled: p.disabled,
             children: p.icon
           }
         ) }, p.id)) })
       ] }),
-      /* @__PURE__ */ c("div", { className: `${i} table-body`, children: /* @__PURE__ */ N("table", { className: "table-content", children: [
-        /* @__PURE__ */ c(
-          mn,
+      /* @__PURE__ */ i("div", { className: `${c} table-body`, children: /* @__PURE__ */ k("table", { className: "table-content", children: [
+        /* @__PURE__ */ i(
+          Gn,
           {
             entity: n,
-            columns: o,
+            columns: l,
             onSortCallback: r,
             hasAction: !!a,
-            selectionState: k,
-            onToggleAllRows: E
+            selectionState: Mt,
+            onToggleAllRows: Ft
           }
         ),
-        /* @__PURE__ */ c("tbody", { children: /* @__PURE__ */ c(
-          Fn,
+        /* @__PURE__ */ i("tbody", { children: /* @__PURE__ */ i(
+          ir,
           {
             data: t,
             actions: a,
-            columns: o,
+            columns: l,
             softDeleteProperty: d,
-            selectedRows: m,
-            onRowSelectionChange: y
+            selectedRows: v,
+            expandedRows: It,
+            onRowSelectionChange: Pt,
+            onRowExpand: h ? Ot : void 0
           }
         ) })
       ] }) }),
-      /* @__PURE__ */ c(Nn, {})
+      /* @__PURE__ */ i(sr, {})
     ] }) })
   ] }) });
 }
-function lt(e) {
+function Rt(e) {
   const { content: t, children: r, className: n = "" } = e;
-  return /* @__PURE__ */ N("div", { className: `tooltip-container ${n}`, children: [
+  return /* @__PURE__ */ k("div", { className: `tooltip-container ${n}`, children: [
     r,
-    /* @__PURE__ */ c("div", { className: "tooltip-text", children: t })
-  ] });
-}
-function X(e) {
-  const {
-    text: t,
-    onDelete: r,
-    children: n,
-    icon: s,
-    variant: a = "default",
-    iconClassName: o = "",
-    className: i = "",
-    textClassName: l = ""
-  } = e;
-  return /* @__PURE__ */ N("div", { className: `chip-main ${a} ${i}`, children: [
-    /* @__PURE__ */ c("span", { className: l, children: t }),
-    n,
-    r ? /* @__PURE__ */ c(
-      "button",
-      {
-        type: "button",
-        className: `chip-delete-button ${o}`,
-        onClick: r,
-        children: s ?? /* @__PURE__ */ c(Re, {})
-      }
-    ) : null
+    /* @__PURE__ */ i("div", { className: "tooltip-text", children: t })
   ] });
 }
-const Ln = (e) => {
-  const { count: t, className: r = "" } = e, n = J(null);
-  return K(() => {
-    var s, a;
-    (s = n.current) != null && s.parentNode && (((a = n.current) == null ? void 0 : a.parentNode).style.position = "relative");
-  }, [n]), /* @__PURE__ */ c("span", { ref: n, className: `${r} badge-main`, children: t });
-};
 export {
-  $n as ActiveFilters,
-  yn as ArrayChip,
-  un as AutocompleteInput,
-  Ln as Badge,
-  gt as CheckInput,
-  dt as ChevronDown,
-  pt as ChevronLeft,
-  ft as ChevronRight,
-  ht as ChevronUp,
-  X as Chip,
-  Re as Close,
-  mn as Columns,
-  vn as CountOfTotal,
-  bt as File,
-  In as FileInput,
-  Tn as FilterDropdown,
-  Q as FilterTypes,
-  mt as Filters,
-  G as FiltersActions,
-  pn as FiltersProvider,
-  Nn as Footer,
-  dn as Loading,
-  gn as Navigation,
-  Cn as PageSize,
-  xn as RangeChip,
-  Fn as Rows,
-  Oe as SelectInput,
-  re as SortOrder,
-  Ne as State,
-  Bn as Table,
-  bn as TableEmpty,
-  Rn as TableHeader,
-  Wn as TableOptionsProvider,
-  Ce as TextInput,
-  lt as Tooltip,
-  _n as TranslationProvider,
-  fn as filtersReducer,
-  Ze as helperTextStateClassName,
-  Ve as initializer,
-  Ke as inputStateClassName,
-  Ye as labelStateClassName,
-  Pn as renderFilterComponent,
-  ie as useFilters,
-  Z as useTableOptions,
-  U as useTranslation
+  qn as ActiveFilters,
+  Un as ArrayChip,
+  On as AutocompleteInput,
+  _t as Badge,
+  Fn as CheckInput,
+  Ln as ChevronDown,
+  In as ChevronLeft,
+  Dn as ChevronRight,
+  zn as ChevronUp,
+  fe as Chip,
+  Qe as Close,
+  Gn as Columns,
+  er as CountOfTotal,
+  _n as File,
+  fr as FileInput,
+  Qn as FilterDropdown,
+  de as FilterTypes,
+  Wn as Filters,
+  K as FiltersActions,
+  jn as FiltersProvider,
+  sr as Footer,
+  Mn as Loading,
+  nr as Navigation,
+  rr as PageSize,
+  Hn as RangeChip,
+  ir as Rows,
+  Xe as SelectInput,
+  me as SortOrder,
+  Je as State,
+  mr as Table,
+  cr as TableEmpty,
+  lr as TableHeader,
+  hr as TableOptionsProvider,
+  Ie as TextInput,
+  Rt as Tooltip,
+  pr as TranslationProvider,
+  Bn as filtersReducer,
+  St as helperTextStateClassName,
+  ft as initializer,
+  Nt as inputStateClassName,
+  $t as labelStateClassName,
+  Xn as renderFilterComponent,
+  Ce as useFilters,
+  oe as useTableOptions,
+  ee as useTranslation
 };