@sito/ui 0.1.5 → 0.2.0

package/dist/ui.js

@@ -1,1733 +1,211 @@
-import "./main.css";
-import { jsx as N, jsxs as w } from "react/jsx-runtime";
-import * as Me from "react";
-import { createContext as De, useState as Y, useCallback as re, useEffect as v, useContext as ye, useMemo as ie, forwardRef as _, useReducer as tt, useRef as Ue, memo as rt } from "react";
-function nt(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 st(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 it = /* @__PURE__ */ function() {
-  function e(r) {
-    var n = this;
-    this._insertTag = function(s) {
-      var i;
-      n.tags.length === 0 ? n.insertionPoint ? i = n.insertionPoint.nextSibling : n.prepend ? i = n.container.firstChild : i = n.before : i = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(s, i), n.tags.push(s);
-    }, this.isSpeedy = r.speedy === void 0 ? process.env.NODE_ENV === "production" : 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(st(this));
-    var s = this.tags[this.tags.length - 1];
-    if (process.env.NODE_ENV !== "production") {
-      var i = n.charCodeAt(0) === 64 && n.charCodeAt(1) === 105;
-      i && this._alreadyInsertedOrderInsensitiveRule && console.error(`You're attempting to insert the following rule:
-` + n + "\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."), this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !i;
-    }
-    if (this.isSpeedy) {
-      var c = nt(s);
-      try {
-        c.insertRule(n, c.cssRules.length);
-      } catch (o) {
-        process.env.NODE_ENV !== "production" && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(n) && console.error('There was a problem inserting the following rule: "' + n + '"', o);
-      }
-    } else
-      s.appendChild(document.createTextNode(n));
-    this.ctr++;
-  }, t.flush = function() {
-    this.tags.forEach(function(n) {
-      return n.parentNode && n.parentNode.removeChild(n);
-    }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
-  }, e;
-}(), p = "-ms-", ne = "-moz-", g = "-webkit-", de = "comm", Ie = "rule", fe = "decl", ot = "@import", Ye = "@keyframes", ct = "@layer", at = Math.abs, oe = String.fromCharCode, Mt = Object.assign;
-function ut(e, t) {
-  return T(e, 0) ^ 45 ? (((t << 2 ^ T(e, 0)) << 2 ^ T(e, 1)) << 2 ^ T(e, 2)) << 2 ^ T(e, 3) : 0;
-}
-function $e(e) {
-  return e.trim();
-}
-function Nt(e, t) {
-  return (e = t.exec(e)) ? e[0] : e;
-}
-function D(e, t, r) {
-  return e.replace(t, r);
-}
-function le(e, t) {
-  return e.indexOf(t);
-}
-function T(e, t) {
-  return e.charCodeAt(t) | 0;
-}
-function Z(e, t, r) {
-  return e.slice(t, r);
-}
-function C(e) {
-  return e.length;
-}
-function ze(e) {
-  return e.length;
-}
-function q(e, t) {
-  return t.push(e), e;
-}
-function lt(e, t) {
-  return e.map(t).join("");
-}
-var ce = 1, P = 1, Re = 0, L = 0, h = 0, W = "";
-function ae(e, t, r, n, s, i, c) {
-  return { value: e, root: t, parent: r, type: n, props: s, children: i, line: ce, column: P, length: c, return: "" };
-}
-function F(e, t) {
-  return Mt(ae("", null, null, "", null, null, 0), e, { length: -e.length }, t);
-}
-function jt() {
-  return h;
-}
-function gt() {
-  return h = L > 0 ? T(W, --L) : 0, P--, h === 10 && (P = 1, ce--), h;
-}
-function x() {
-  return h = L < Re ? T(W, L++) : 0, P++, h === 10 && (P = 1, ce++), h;
-}
-function b() {
-  return T(W, L);
-}
-function X() {
-  return L;
-}
-function K(e, t) {
-  return Z(W, e, t);
-}
-function J(e) {
-  switch (e) {
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    case 58:
-      return 3;
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
-function Ve(e) {
-  return ce = P = 1, Re = C(W = e), L = 0, [];
-}
-function Pe(e) {
-  return W = "", e;
-}
-function ee(e) {
-  return $e(K(L - 1, je(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
-}
-function Dt(e) {
-  for (; (h = b()) && h < 33; )
-    x();
-  return J(e) > 2 || J(h) > 3 ? "" : " ";
-}
-function yt(e, t) {
-  for (; --t && x() && !(h < 48 || h > 102 || h > 57 && h < 65 || h > 70 && h < 97); )
-    ;
-  return K(e, X() + (t < 6 && b() == 32 && x() == 32));
-}
-function je(e) {
-  for (; x(); )
-    switch (h) {
-      case e:
-        return L;
-      case 34:
-      case 39:
-        e !== 34 && e !== 39 && je(h);
-        break;
-      case 40:
-        e === 41 && je(e);
-        break;
-      case 92:
-        x();
-        break;
-    }
-  return L;
-}
-function dt(e, t) {
-  for (; x() && e + h !== 47 + 10; )
-    if (e + h === 42 + 42 && b() === 47)
-      break;
-  return "/*" + K(t, L - 1) + "*" + oe(e === 47 ? e : x());
-}
-function It(e) {
-  for (; !J(b()); )
-    x();
-  return K(e, L);
-}
-function ft(e) {
-  return Pe(te("", null, null, null, [""], e = Ve(e), 0, [0], e));
-}
-function te(e, t, r, n, s, i, c, o, a) {
-  for (var u = 0, M = 0, l = c, y = 0, f = 0, I = 0, j = 1, A = 1, z = 1, O = 0, S = "", B = s, U = i, E = n, d = S; A; )
-    switch (I = O, O = x()) {
-      case 40:
-        if (I != 108 && T(d, l - 1) == 58) {
-          le(d += D(ee(O), "&", "&\f"), "&\f") != -1 && (z = -1);
-          break;
-        }
-      case 34:
-      case 39:
-      case 91:
-        d += ee(O);
-        break;
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        d += Dt(I);
-        break;
-      case 92:
-        d += yt(X() - 1, 7);
-        continue;
-      case 47:
-        switch (b()) {
-          case 42:
-          case 47:
-            q(zt(dt(x(), X()), t, r), a);
-            break;
-          default:
-            d += "/";
-        }
-        break;
-      case 123 * j:
-        o[u++] = C(d) * z;
-      case 125 * j:
-      case 59:
-      case 0:
-        switch (O) {
-          case 0:
-          case 125:
-            A = 0;
-          case 59 + M:
-            z == -1 && (d = D(d, /\f/g, "")), f > 0 && C(d) - l && q(f > 32 ? Te(d + ";", n, r, l - 1) : Te(D(d, " ", "") + ";", n, r, l - 2), a);
-            break;
-          case 59:
-            d += ";";
-          default:
-            if (q(E = Oe(d, t, r, u, M, s, o, S, B = [], U = [], l), i), O === 123)
-              if (M === 0)
-                te(d, t, E, E, B, i, l, o, U);
-              else
-                switch (y === 99 && T(d, 3) === 110 ? 100 : y) {
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    te(e, E, E, n && q(Oe(e, E, E, 0, 0, s, o, S, s, B = [], l), U), s, U, l, o, n ? B : U);
-                    break;
-                  default:
-                    te(d, E, E, E, [""], U, 0, o, U);
-                }
-        }
-        u = M = f = 0, j = z = 1, S = d = "", l = c;
-        break;
-      case 58:
-        l = 1 + C(d), f = I;
-      default:
-        if (j < 1) {
-          if (O == 123)
-            --j;
-          else if (O == 125 && j++ == 0 && gt() == 125)
-            continue;
-        }
-        switch (d += oe(O), O * j) {
-          case 38:
-            z = M > 0 ? 1 : (d += "\f", -1);
-            break;
-          case 44:
-            o[u++] = (C(d) - 1) * z, z = 1;
-            break;
-          case 64:
-            b() === 45 && (d += ee(x())), y = b(), M = l = C(S = d += It(X())), O++;
-            break;
-          case 45:
-            I === 45 && C(d) == 2 && (j = 0);
-        }
-    }
-  return i;
-}
-function Oe(e, t, r, n, s, i, c, o, a, u, M) {
-  for (var l = s - 1, y = s === 0 ? i : [""], f = ze(y), I = 0, j = 0, A = 0; I < n; ++I)
-    for (var z = 0, O = Z(e, l + 1, l = at(j = c[I])), S = e; z < f; ++z)
-      (S = $e(j > 0 ? y[z] + " " + O : D(O, /&\f/g, y[z]))) && (a[A++] = S);
-  return ae(e, t, r, s === 0 ? Ie : o, a, u, M);
-}
-function zt(e, t, r) {
-  return ae(e, t, r, de, oe(jt()), Z(e, 2, -2), 0);
-}
-function Te(e, t, r, n) {
-  return ae(e, t, r, fe, Z(e, 0, n), Z(e, n + 1, -1), n);
-}
-function R(e, t) {
-  for (var r = "", n = ze(e), s = 0; s < n; s++)
-    r += t(e[s], s, e, t) || "";
-  return r;
-}
-function ht(e, t, r, n) {
-  switch (e.type) {
-    case ct:
-      if (e.children.length)
-        break;
-    case ot:
-    case fe:
-      return e.return = e.return || e.value;
-    case de:
-      return "";
-    case Ye:
-      return e.return = e.value + "{" + R(e.children, n) + "}";
-    case Ie:
-      e.value = e.props.join(",");
-  }
-  return C(r = R(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
-}
-function At(e) {
-  var t = ze(e);
-  return function(r, n, s, i) {
-    for (var c = "", o = 0; o < t; o++)
-      c += e[o](r, n, s, i) || "";
-    return c;
-  };
-}
-function Ot(e) {
-  return function(t) {
-    t.root || (t = t.return) && e(t);
-  };
-}
-function Tt(e) {
-  var t = /* @__PURE__ */ Object.create(null);
-  return function(r) {
-    return t[r] === void 0 && (t[r] = e(r)), t[r];
-  };
-}
-var pt = function(t, r, n) {
-  for (var s = 0, i = 0; s = i, i = b(), s === 38 && i === 12 && (r[n] = 1), !J(i); )
-    x();
-  return K(t, L);
-}, Lt = function(t, r) {
-  var n = -1, s = 44;
-  do
-    switch (J(s)) {
-      case 0:
-        s === 38 && b() === 12 && (r[n] = 1), t[n] += pt(L - 1, r, n);
-        break;
-      case 2:
-        t[n] += ee(s);
-        break;
-      case 4:
-        if (s === 44) {
-          t[++n] = b() === 58 ? "&\f" : "", r[n] = t[n].length;
-          break;
-        }
-      default:
-        t[n] += oe(s);
-    }
-  while (s = x());
-  return t;
-}, xt = function(t, r) {
-  return Pe(Lt(Ve(t), r));
-}, pe = /* @__PURE__ */ new WeakMap(), mt = 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 && !pe.get(n)) && !s) {
-      pe.set(t, !0);
-      for (var i = [], c = xt(r, i), o = n.props, a = 0, u = 0; a < c.length; a++)
-        for (var M = 0; M < o.length; M++, u++)
-          t.props[u] = i[a] ? c[a].replace(/&\f/g, o[M]) : o[M] + " " + c[a];
-    }
-  }
-}, wt = function(t) {
-  if (t.type === "decl") {
-    var r = t.value;
-    // charcode for l
-    r.charCodeAt(0) === 108 && // charcode for b
-    r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
-  }
-}, St = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason", Et = function(t) {
-  return t.type === "comm" && t.children.indexOf(St) > -1;
-}, kt = function(t) {
-  return function(r, n, s) {
-    if (!(r.type !== "rule" || t.compat)) {
-      var i = r.value.match(/(:first|:nth|:nth-last)-child/g);
-      if (i) {
-        for (var c = !!r.parent, o = c ? r.parent.children : (
-          // global rule at the root level
-          s
-        ), a = o.length - 1; a >= 0; a--) {
-          var u = o[a];
-          if (u.line < r.line)
-            break;
-          if (u.column < r.column) {
-            if (Et(u))
-              return;
-            break;
-          }
-        }
-        i.forEach(function(M) {
-          console.error('The pseudo class "' + M + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + M.split("-child")[0] + '-of-type".');
-        });
-      }
-    }
-  };
-}, _e = function(t) {
-  return t.type.charCodeAt(1) === 105 && t.type.charCodeAt(0) === 64;
-}, Ct = function(t, r) {
-  for (var n = t - 1; n >= 0; n--)
-    if (!_e(r[n]))
-      return !0;
-  return !1;
-}, Le = function(t) {
-  t.type = "", t.value = "", t.return = "", t.children = "", t.props = "";
-}, bt = function(t, r, n) {
-  _e(t) && (t.parent ? (console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."), Le(t)) : Ct(r, n) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Le(t)));
-};
-function We(e, t) {
-  switch (ut(e, t)) {
-    case 5103:
-      return g + "print-" + e + e;
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return g + e + e;
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return g + e + ne + e + p + e + e;
-    case 6828:
-    case 4268:
-      return g + e + p + e + e;
-    case 6165:
-      return g + e + p + "flex-" + e + e;
-    case 5187:
-      return g + e + D(e, /(\w+).+(:[^]+)/, g + "box-$1$2" + p + "flex-$1$2") + e;
-    case 5443:
-      return g + e + p + "flex-item-" + D(e, /flex-|-self/, "") + e;
-    case 4675:
-      return g + e + p + "flex-line-pack" + D(e, /align-content|flex-|-self/, "") + e;
-    case 5548:
-      return g + e + p + D(e, "shrink", "negative") + e;
-    case 5292:
-      return g + e + p + D(e, "basis", "preferred-size") + e;
-    case 6060:
-      return g + "box-" + D(e, "-grow", "") + g + e + p + D(e, "grow", "positive") + e;
-    case 4554:
-      return g + D(e, /([^-])(transform)/g, "$1" + g + "$2") + e;
-    case 6187:
-      return D(D(D(e, /(zoom-|grab)/, g + "$1"), /(image-set)/, g + "$1"), e, "") + e;
-    case 5495:
-    case 3959:
-      return D(e, /(image-set\([^]*)/, g + "$1$`$1");
-    case 4968:
-      return D(D(e, /(.+:)(flex-)?(.*)/, g + "box-pack:$3" + p + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + g + e + e;
-    case 4095:
-    case 3583:
-    case 4068:
-    case 2532:
-      return D(e, /(.+)-inline(.+)/, g + "$1$2") + e;
-    case 8116:
-    case 7059:
-    case 5753:
-    case 5535:
-    case 5445:
-    case 5701:
-    case 4933:
-    case 4677:
-    case 5533:
-    case 5789:
-    case 5021:
-    case 4765:
-      if (C(e) - 1 - t > 6)
-        switch (T(e, t + 1)) {
-          case 109:
-            if (T(e, t + 4) !== 45)
-              break;
-          case 102:
-            return D(e, /(.+:)(.+)-([^]+)/, "$1" + g + "$2-$3$1" + ne + (T(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
-          case 115:
-            return ~le(e, "stretch") ? We(D(e, "stretch", "fill-available"), t) + e : e;
-        }
-      break;
-    case 4949:
-      if (T(e, t + 1) !== 115)
-        break;
-    case 6444:
-      switch (T(e, C(e) - 3 - (~le(e, "!important") && 10))) {
-        case 107:
-          return D(e, ":", ":" + g) + e;
-        case 101:
-          return D(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + g + (T(e, 14) === 45 ? "inline-" : "") + "box$3$1" + g + "$2$3$1" + p + "$2box$3") + e;
-      }
-      break;
-    case 5936:
-      switch (T(e, t + 11)) {
-        case 114:
-          return g + e + p + D(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
-        case 108:
-          return g + e + p + D(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
-        case 45:
-          return g + e + p + D(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
-      }
-      return g + e + p + e + e;
-  }
-  return e;
-}
-var vt = function(t, r, n, s) {
-  if (t.length > -1 && !t.return)
-    switch (t.type) {
-      case fe:
-        t.return = We(t.value, t.length);
-        break;
-      case Ye:
-        return R([F(t, {
-          value: D(t.value, "@", "@" + g)
-        })], s);
-      case Ie:
-        if (t.length)
-          return lt(t.props, function(i) {
-            switch (Nt(i, /(::plac\w+|:read-\w+)/)) {
-              case ":read-only":
-              case ":read-write":
-                return R([F(t, {
-                  props: [D(i, /:(read-\w+)/, ":" + ne + "$1")]
-                })], s);
-              case "::placeholder":
-                return R([F(t, {
-                  props: [D(i, /:(plac\w+)/, ":" + g + "input-$1")]
-                }), F(t, {
-                  props: [D(i, /:(plac\w+)/, ":" + ne + "$1")]
-                }), F(t, {
-                  props: [D(i, /:(plac\w+)/, p + "input-$1")]
-                })], s);
-            }
-            return "";
-          });
-    }
-}, Qt = [vt], Ut = function(t) {
-  var r = t.key;
-  if (process.env.NODE_ENV !== "production" && !r)
-    throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
-If multiple caches share the same key they might "fight" for each other's style elements.`);
-  if (r === "css") {
-    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(n, function(j) {
-      var A = j.getAttribute("data-emotion");
-      A.indexOf(" ") !== -1 && (document.head.appendChild(j), j.setAttribute("data-s", ""));
-    });
-  }
-  var s = t.stylisPlugins || Qt;
-  if (process.env.NODE_ENV !== "production" && /[^a-z-]/.test(r))
-    throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + r + '" was passed');
-  var i = {}, c, o = [];
-  c = 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(j) {
-      for (var A = j.getAttribute("data-emotion").split(" "), z = 1; z < A.length; z++)
-        i[A[z]] = !0;
-      o.push(j);
-    }
-  );
-  var a, u = [mt, wt];
-  process.env.NODE_ENV !== "production" && u.push(kt({
-    get compat() {
-      return I.compat;
-    }
-  }), bt);
-  {
-    var M, l = [ht, process.env.NODE_ENV !== "production" ? function(j) {
-      j.root || (j.return ? M.insert(j.return) : j.value && j.type !== de && M.insert(j.value + "{}"));
-    } : Ot(function(j) {
-      M.insert(j);
-    })], y = At(u.concat(s, l)), f = function(A) {
-      return R(ft(A), y);
-    };
-    a = function(A, z, O, S) {
-      M = O, process.env.NODE_ENV !== "production" && z.map !== void 0 && (M = {
-        insert: function(U) {
-          O.insert(U + z.map);
-        }
-      }), f(A ? A + "{" + z.styles + "}" : z.styles), S && (I.inserted[z.name] = !0);
-    };
-  }
-  var I = {
-    key: r,
-    sheet: new it({
-      key: r,
-      container: c,
-      nonce: t.nonce,
-      speedy: t.speedy,
-      prepend: t.prepend,
-      insertionPoint: t.insertionPoint
-    }),
-    nonce: t.nonce,
-    inserted: i,
-    registered: {},
-    insert: a
-  };
-  return I.sheet.hydrate(o), I;
-};
-function Yt(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: */
-    r >>> 24, t = /* Math.imul(k, m): */
-    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
-    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
-  switch (s) {
-    case 3:
-      t ^= (e.charCodeAt(n + 2) & 255) << 16;
-    case 2:
-      t ^= (e.charCodeAt(n + 1) & 255) << 8;
-    case 1:
-      t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
-      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
-  }
-  return t ^= t >>> 13, t = /* Math.imul(h, m): */
-  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
-}
-var $t = {
-  animationIterationCount: 1,
-  aspectRatio: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-}, xe = `You have illegal escape sequence in your template literal, most likely inside content's property value.
-Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
-You can read more about this here:
-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Rt = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Vt = /[A-Z]|^ms/g, Be = /_EMO_([^_]+?)_([^]*?)_EMO_/g, he = function(t) {
-  return t.charCodeAt(1) === 45;
-}, me = function(t) {
-  return t != null && typeof t != "boolean";
-}, ue = /* @__PURE__ */ Tt(function(e) {
-  return he(e) ? e : e.replace(Vt, "-$&").toLowerCase();
-}), se = function(t, r) {
-  switch (t) {
-    case "animation":
-    case "animationName":
-      if (typeof r == "string")
-        return r.replace(Be, function(n, s, i) {
-          return m = {
-            name: s,
-            styles: i,
-            next: m
-          }, s;
-        });
-  }
-  return $t[t] !== 1 && !he(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
-};
-if (process.env.NODE_ENV !== "production") {
-  var Pt = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, _t = ["normal", "none", "initial", "inherit", "unset"], Wt = se, Bt = /^-ms-/, Ft = /-(.)/g, we = {};
-  se = function(t, r) {
-    if (t === "content" && (typeof r != "string" || _t.indexOf(r) === -1 && !Pt.test(r) && (r.charAt(0) !== r.charAt(r.length - 1) || r.charAt(0) !== '"' && r.charAt(0) !== "'")))
-      throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + r + "\"'`");
-    var n = Wt(t, r);
-    return n !== "" && !he(t) && t.indexOf("-") !== -1 && we[t] === void 0 && (we[t] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + t.replace(Bt, "ms-").replace(Ft, function(s, i) {
-      return i.toUpperCase();
-    }) + "?")), n;
-  };
-}
-var Fe = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function H(e, t, r) {
-  if (r == null)
-    return "";
-  if (r.__emotion_styles !== void 0) {
-    if (process.env.NODE_ENV !== "production" && r.toString() === "NO_COMPONENT_SELECTOR")
-      throw new Error(Fe);
-    return r;
-  }
-  switch (typeof r) {
-    case "boolean":
-      return "";
-    case "object": {
-      if (r.anim === 1)
-        return m = {
-          name: r.name,
-          styles: r.styles,
-          next: m
-        }, r.name;
-      if (r.styles !== void 0) {
-        var n = r.next;
-        if (n !== void 0)
-          for (; n !== void 0; )
-            m = {
-              name: n.name,
-              styles: n.styles,
-              next: m
-            }, n = n.next;
-        var s = r.styles + ";";
-        return process.env.NODE_ENV !== "production" && r.map !== void 0 && (s += r.map), s;
-      }
-      return Gt(e, t, r);
-    }
-    case "function": {
-      if (e !== void 0) {
-        var i = m, c = r(e);
-        return m = i, H(e, t, c);
-      } else
-        process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
-      break;
-    }
-    case "string":
-      if (process.env.NODE_ENV !== "production") {
-        var o = [], a = r.replace(Be, function(M, l, y) {
-          var f = "animation" + o.length;
-          return o.push("const " + f + " = keyframes`" + y.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + f + "}";
-        });
-        o.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(o, ["`" + a + "`"]).join(`
-`) + `
-
-You should wrap it with \`css\` like this:
-
-` + ("css`" + a + "`"));
-      }
-      break;
-  }
-  if (t == null)
-    return r;
-  var u = t[r];
-  return u !== void 0 ? u : r;
-}
-function Gt(e, t, r) {
-  var n = "";
-  if (Array.isArray(r))
-    for (var s = 0; s < r.length; s++)
-      n += H(e, t, r[s]) + ";";
-  else
-    for (var i in r) {
-      var c = r[i];
-      if (typeof c != "object")
-        t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : me(c) && (n += ue(i) + ":" + se(i, c) + ";");
-      else {
-        if (i === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
-          throw new Error(Fe);
-        if (Array.isArray(c) && typeof c[0] == "string" && (t == null || t[c[0]] === void 0))
-          for (var o = 0; o < c.length; o++)
-            me(c[o]) && (n += ue(i) + ":" + se(i, c[o]) + ";");
-        else {
-          var a = H(e, t, c);
-          switch (i) {
-            case "animation":
-            case "animationName": {
-              n += ue(i) + ":" + a + ";";
-              break;
-            }
-            default:
-              process.env.NODE_ENV !== "production" && i === "undefined" && console.error(Rt), n += i + "{" + a + "}";
-          }
-        }
-      }
-    }
-  return n;
-}
-var Se = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Ge;
-process.env.NODE_ENV !== "production" && (Ge = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
-var m, Ne = function(t, r, n) {
-  if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
-    return t[0];
-  var s = !0, i = "";
-  m = void 0;
-  var c = t[0];
-  c == null || c.raw === void 0 ? (s = !1, i += H(n, r, c)) : (process.env.NODE_ENV !== "production" && c[0] === void 0 && console.error(xe), i += c[0]);
-  for (var o = 1; o < t.length; o++)
-    i += H(n, r, t[o]), s && (process.env.NODE_ENV !== "production" && c[o] === void 0 && console.error(xe), i += c[o]);
-  var a;
-  process.env.NODE_ENV !== "production" && (i = i.replace(Ge, function(y) {
-    return a = y, "";
-  })), Se.lastIndex = 0;
-  for (var u = "", M; (M = Se.exec(i)) !== null; )
-    u += "-" + // $FlowFixMe we know it's not null
-    M[1];
-  var l = Yt(i) + u;
-  return process.env.NODE_ENV !== "production" ? {
-    name: l,
-    styles: i,
-    map: a,
-    next: m,
-    toString: function() {
-      return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-    }
-  } : {
-    name: l,
-    styles: i,
-    next: m
-  };
-}, Zt = !0;
-function Ze(e, t, r) {
-  var n = "";
-  return r.split(" ").forEach(function(s) {
-    e[s] !== void 0 ? t.push(e[s] + ";") : n += s + " ";
-  }), n;
-}
-var Jt = 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
-  // the tree but if it's a string tag, we know it won't
-  // so we don't have to add it to registered cache.
-  // this improves memory usage since we can avoid storing the whole style string
-  (n === !1 || // we need to always store it if we're in compat mode and
-  // 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
-  Zt === !1) && t.registered[s] === void 0 && (t.registered[s] = r.styles);
-}, Ht = function(t, r, n) {
-  Jt(t, r, n);
-  var s = t.key + "-" + r.name;
-  if (t.inserted[r.name] === void 0) {
-    var i = r;
-    do
-      t.insert(r === i ? "." + s : "", i, t.sheet, !0), i = i.next;
-    while (i !== void 0);
-  }
-};
-function Ee(e, t) {
-  if (e.inserted[t.name] === void 0)
-    return e.insert("", t, e.sheet, !0);
-}
-function ke(e, t, r) {
-  var n = [], s = Ze(e, n, r);
-  return n.length < 2 ? r : s + t(n);
-}
-var Kt = function(t) {
-  var r = Ut(t);
-  r.sheet.speedy = function(o) {
-    if (process.env.NODE_ENV !== "production" && this.ctr !== 0)
-      throw new Error("speedy must be changed before any rules are inserted");
-    this.isSpeedy = o;
-  }, r.compat = !0;
-  var n = function() {
-    for (var a = arguments.length, u = new Array(a), M = 0; M < a; M++)
-      u[M] = arguments[M];
-    var l = Ne(u, r.registered, void 0);
-    return Ht(r, l, !1), r.key + "-" + l.name;
-  }, s = function() {
-    for (var a = arguments.length, u = new Array(a), M = 0; M < a; M++)
-      u[M] = arguments[M];
-    var l = Ne(u, r.registered), y = "animation-" + l.name;
-    return Ee(r, {
-      name: l.name,
-      styles: "@keyframes " + y + "{" + l.styles + "}"
-    }), y;
-  }, i = function() {
-    for (var a = arguments.length, u = new Array(a), M = 0; M < a; M++)
-      u[M] = arguments[M];
-    var l = Ne(u, r.registered);
-    Ee(r, l);
-  }, c = function() {
-    for (var a = arguments.length, u = new Array(a), M = 0; M < a; M++)
-      u[M] = arguments[M];
-    return ke(r.registered, n, qt(u));
-  };
-  return {
-    css: n,
-    cx: c,
-    injectGlobal: i,
-    keyframes: s,
-    hydrate: function(a) {
-      a.forEach(function(u) {
-        r.inserted[u] = !0;
-      });
-    },
-    flush: function() {
-      r.registered = {}, r.inserted = {}, r.sheet.flush();
-    },
-    // $FlowFixMe
-    sheet: r.sheet,
-    cache: r,
-    getRegisteredStyles: Ze.bind(null, r.registered),
-    merge: ke.bind(null, r.registered, n)
-  };
-}, qt = function e(t) {
-  for (var r = "", n = 0; n < t.length; n++) {
-    var s = t[n];
-    if (s != null) {
-      var i = void 0;
-      switch (typeof s) {
-        case "boolean":
-          break;
-        case "object": {
-          if (Array.isArray(s))
-            i = e(s);
-          else {
-            i = "";
-            for (var c in s)
-              s[c] && c && (i && (i += " "), i += c);
-          }
-          break;
-        }
-        default:
-          i = s;
-      }
-      i && (r && (r += " "), r += i);
-    }
-  }
-  return r;
-}, Je = Kt({
-  key: "css"
-}), Xt = Je.injectGlobal, $ = Je.css;
-const He = De({}), Er = (e) => {
-  const { children: t, defaultMode: r } = e, [n, s] = Y(
-    (r || localStorage.theme) ?? "dark"
-  ), i = re(() => {
-    s(n === "dark" ? "light" : "dark");
-  }, [n]);
-  v(() => {
-    n === "dark" ? (localStorage.theme = "dark", document.documentElement.classList.add("dark")) : (localStorage.theme = "light", document.documentElement.classList.remove("dark")), n === "OS" && localStorage.removeItem("theme");
-  }, [n]);
-  const c = { mode: n, setMode: s, toggleMode: i };
-  return /* @__PURE__ */ N(He.Provider, { value: c, children: t });
-}, er = () => {
-  const e = ye(He);
-  if (!e)
-    throw new Error("modeContext must be used within a Provider");
-  return e;
-}, tr = {
-  text: "#f7f7f7",
-  dark: "#101010",
-  default: "#202020",
-  light: "#303030"
-}, rr = {
-  text: "#101010",
-  dark: "#e1e1e1",
-  default: "#ededed",
-  light: "#f7f7f7"
-}, Ce = {
-  primary: {
-    text: "#ededed",
-    light: "#d74d54",
-    // 500
-    default: "#CD212A",
-    // 600
-    dark: "#8f171d"
-    // 700
-  },
-  secondary: {
-    text: "#f7f7f7",
-    light: "#364b67",
-    // 600
-    default: "#041E42",
-    // 700
-    dark: "#02152e"
-    // 800
-  },
-  error: {
-    text: "#f7f7f7",
-    light: "#d63333",
-    default: "#CC0000",
-    dark: "#8e0000"
-  },
-  warning: {
-    text: "#101010",
-    light: "#e2bf33",
-    default: "#DBAF00",
-    dark: "#997a00"
-  },
-  success: {
-    text: "#f7f7f7",
-    light: "#559b33",
-    default: "#007733",
-    dark: "#1e5b00"
-  },
-  info: {
-    text: "#f7f7f7",
-    light: "#3397b9",
-    default: "#007EA8",
-    dark: "#005875"
-  }
-}, be = (e, t) => ({
-  basics: e,
-  ...t
-}), G = {
-  dark: be(tr, Ce),
-  light: be(rr, Ce)
-}, Ke = De({}), k = (e, t, r = "") => `${e === "light" ? "" : `.${e}`} ${r}${t.length && t !== "body" ? "." : ""}${t}`, kr = (e) => {
-  const { mode: t } = er(), { children: r, theme: n } = e, s = ie(() => n ? n[t] || G[t] || G.dark : G[t] || G.light, [t]);
-  return v(() => {
-    const i = {}, c = { ...G, ...n };
-    for (const o of Object.keys(c)) {
-      i[k(o, "body")] = {
-        backgroundColor: c[o].basics.dark,
-        color: c[o].basics.text
-      };
-      for (const a of Object.keys(c[o])) {
-        const u = a;
-        i[k(o, a)] = {
-          color: a === "basics" ? c[o][u].text : c[o][u].default
-        };
-        const M = {
-          color: c[o][u].light,
-          backgroundColor: `${c[o][u].light}2f`
-        };
-        i[k(o, a, ".button:hover")] = M, i[k(o, a, "button:hover")] = M;
-        const l = {
-          color: c[o][u].text,
-          backgroundColor: c[o][u].default
-        };
-        i[k(o, a, ".filled")] = l;
-        const y = {
-          color: c[o][u].text,
-          backgroundColor: c[o][u].light
-        };
-        i[k(o, a, ".button.filled:hover")] = y, i[k(o, a, "button.filled:hover")] = y;
-        const f = {
-          color: c[o][u].default,
-          borderColor: c[o][u].default
-        };
-        i[k(o, a, ".outlined")] = f;
-        const I = {
-          color: c[o][u].text,
-          borderColor: c[o][u].light,
-          backgroundColor: c[o][u].light
-        };
-        i[k(o, a, ".button.outlined:hover")] = I, i[k(o, a, "button.outlined:hover")] = I;
-      }
-    }
-    Xt({ ...i });
-  }, []), /* @__PURE__ */ N(Ke.Provider, { value: { colors: s }, children: r });
-}, Q = () => {
-  const e = ye(Ke);
-  if (!e)
-    throw new Error("modeContext must be used within a Provider");
-  return e;
-}, nr = (e, t, r) => {
-  const n = {}, s = {
-    filled: () => {
-      n.color = e[t].text, n.backgroundColor = e[t].default, n["&:hover"] = {
-        backgroundColor: e[t].light
-      };
-    },
-    outlined: () => {
-      t !== "basics" ? (n.color = e[t].default, n.borderColor = e[t].default, n["&:hover"] = {
-        color: e[t].text,
-        borderColor: e[t].light,
-        backgroundColor: e[t].light
-      }) : (n.color = e[t].text, n.borderColor = e[t].default, n["&:hover"] = {
-        color: e[t].text,
-        borderColor: e[t].light,
-        backgroundColor: e[t].light
-      });
-    },
-    text: () => {
-      t === "basics" ? n.color = e[t].text : n.color = e[t].default, n["&:hover"] = {
-        color: t === "basics" ? e[t].text : e[t].default,
-        backgroundColor: `${e[t].light}2f`
-      };
-    }
-  };
-  return (s[r] || s.text)(), { root: $({ ...n }) };
-}, sr = _(function(e, t) {
-  const { color: r = "primary", type: n = "button", shape: s = "text", ...i } = e, { colors: c } = Q(), o = nr(c, r, s);
-  return /* @__PURE__ */ N(
-    "button",
-    {
-      type: n,
-      ref: t,
-      ...i,
-      className: `button ${s} ${o.root} ${i.className}`,
-      children: i.children
-    }
-  );
-}), qe = sr, ir = _(function(e, t) {
-  const { icon: r, size: n = "normal", className: s = "", ...i } = e;
-  return /* @__PURE__ */ N(
-    qe,
-    {
-      ...i,
-      ref: t,
-      type: "button",
-      className: `icon-button ${n} ${s}`,
-      children: r
-    }
-  );
-}), or = ir, Ae = (e, t) => {
-  const r = {
-    color: e[t].text,
-    backgroundColor: e[t].default,
-    option: {
-      color: e[t].text,
-      backgroundColor: e[t].default
-    }
-  };
-  return {
-    input: $({ ...r })
-  };
-}, cr = _(function(e, t) {
-  const {
-    helperText: r = "",
-    helperTextClassName: n = "basics",
-    orientation: s = "column",
-    color: i = "basics",
-    labelClassName: c = "basics",
-    label: o,
-    ...a
-  } = e, { colors: u } = Q(), M = Ae(u, i);
-  return /* @__PURE__ */ w("div", { className: `input-control ${s}`, children: [
-    /* @__PURE__ */ N("label", { className: c, htmlFor: e.id, children: o }),
-    /* @__PURE__ */ N(
-      "textarea",
-      {
-        ...a,
-        className: `${M.input} ${a.className ?? ""}`,
-        ref: t
-      }
-    ),
-    r && r.length ? /* @__PURE__ */ N("p", { className: n, children: r }) : null
-  ] });
-}), Cr = cr, ar = _(function(e, t) {
-  const {
-    helperText: r = "",
-    helperTextClassName: n = "basics",
-    orientation: s = "column",
-    color: i = "basics",
-    leftComponent: c,
-    rightComponent: o,
-    label: a,
-    labelClassName: u = "basics",
-    ...M
-  } = e, { colors: l } = Q(), y = Ae(l, i), f = ie(
-    () => /* @__PURE__ */ N(
-      "select",
-      {
-        ...M,
-        ref: t,
-        className: `${c ? "s-no-padding-left" : ""} ${o ? "s-no-padding-right" : ""} ${y.input} ${M.className ?? ""}`,
-        children: M.children
-      }
-    ),
-    [c, o, M, t, y]
-  );
-  return /* @__PURE__ */ w("div", { className: `input-control ${s}`, children: [
-    /* @__PURE__ */ N("label", { className: u, htmlFor: e.id, children: a }),
-    c || o ? /* @__PURE__ */ w("div", { className: `sub ${y.input}`, children: [
-      c && c !== null ? /* @__PURE__ */ N("div", { children: c }) : null,
-      f,
-      o && o !== null ? /* @__PURE__ */ N("div", { children: o }) : null
-    ] }) : f,
-    r && r.length ? /* @__PURE__ */ N("p", { className: n, children: r }) : null
-  ] });
-}), br = ar, Mr = _(function(e, t) {
-  const {
-    helperText: r = "",
-    helperTextClassName: n = "basics",
-    orientation: s = "column",
-    color: i = "basics",
-    labelClassName: c = "basics",
-    leftComponent: o,
-    rightComponent: a,
-    label: u,
-    type: M = "text",
-    ...l
-  } = e, y = ie(() => [
-    "date",
-    "datetime-local",
-    "email",
-    "number",
-    "password",
-    "search",
-    "tel",
-    "time",
-    "url"
-  ].includes(M) ? M : "text", [M]), { colors: f } = Q(), I = Ae(f, i);
-  return /* @__PURE__ */ w("div", { className: `input-control ${s}`, children: [
-    /* @__PURE__ */ N("label", { className: c, htmlFor: e.id, children: u }),
-    o || a ? /* @__PURE__ */ w("div", { className: `sub ${I.input}`, children: [
-      o && o !== null ? o : null,
-      /* @__PURE__ */ N(
-        "input",
-        {
-          ...l,
-          type: y,
-          ref: t,
-          className: `no-border-radius ${o ? "s-small-padding-left" : ""} ${a ? "s-small-padding-right" : ""} ${I.input} ${l.className ?? ""}`
-        }
-      ),
-      a && a !== null ? a : null
-    ] }) : /* @__PURE__ */ N(
-      "input",
-      {
-        ...l,
-        type: M,
-        className: `${I.input} ${l.className ?? ""}`,
-        ref: t
-      }
-    ),
-    r && r.length ? /* @__PURE__ */ N("p", { className: n, children: r }) : null
-  ] });
-}), vr = Mr, ur = (e, t, r) => {
-  const n = (s) => ({
-    backgroundColor: e[s].default,
-    "& .ball": {
-      backgroundColor: e[s].text
-    }
-  });
-  return {
-    root: $({
-      ".s-active": n(t),
-      ".s-inactive": n(r)
-    })
-  };
-}, Nr = _(function(e, t) {
-  const {
-    label: r,
-    value: n = !1,
-    onChange: s,
-    activeColor: i = "primary",
-    inactiveColor: c = "secondary",
-    id: o,
-    className: a
-  } = e, { colors: u } = Q(), M = ur(u, i, c);
-  return /* @__PURE__ */ w(
-    "div",
-    {
-      className: `switcher-root ${M.root} ${a}`,
-      onClick: s,
-      children: [
-        /* @__PURE__ */ N(
-          "input",
-          {
-            id: o,
-            ref: t,
-            checked: n,
-            onChange: s,
-            className: "check-input",
-            type: "checkbox"
-          }
-        ),
-        /* @__PURE__ */ N("div", { className: `switcher ${n ? "s-active" : "s-inactive"}`, children: /* @__PURE__ */ N("div", { className: `ball ${n ? "activated" : "deactivated"}` }) }),
-        /* @__PURE__ */ N("label", { className: "", children: r })
-      ]
-    }
-  );
-}), Qr = Nr;
-var V = /* @__PURE__ */ ((e) => (e[e.success = 0] = "success", e[e.error = 1] = "error", e[e.warning = 2] = "warning", e[e.info = 3] = "info", e))(V || {});
-const Xe = De({});
-function Ur(e) {
-  const { children: t, container: r = document.body } = e, [n, s] = tt(
-    (M, l) => {
-      const { type: y, items: f, index: I } = l;
-      switch (y) {
-        case "set":
-          return (f == null ? void 0 : f.map((j, A) => ({
-            ...j,
-            id: A
-          }))) ?? [];
-        case "remove":
-          return I ? M.filter((j, A) => A !== I) : [];
-      }
-      return M;
-    },
-    [],
-    () => []
-  ), i = (M) => s({
-    type: "set",
-    items: [{ ...M, type: V.error }]
-  }), c = (M) => s({
-    type: "set",
-    items: [{ ...M }]
-  }), o = (M) => s({ type: "set", items: M }), a = (M) => s({
-    type: "set",
-    items: [{ ...M, type: V.success }]
-  }), u = (M) => s({ type: "remove", index: M });
-  return /* @__PURE__ */ N(
-    Xe.Provider,
-    {
-      value: {
-        notification: n,
-        container: r,
-        removeNotification: u,
-        showErrorNotification: i,
-        showNotification: c,
-        showSuccessNotification: a,
-        showStackNotifications: o
-      },
-      children: t
-    }
-  );
-}
-const lr = () => {
-  const e = ye(Xe);
-  if (e === void 0)
-    throw new Error("NotificationContext must be used within a Provider");
-  return e;
-}, jr = (e) => ({
-  root: $({
-    backgroundImage: `linear-gradient(to right, ${e.basics.default} calc(50% - 100px), ${e.basics.dark} 50%, ${e.basics.default} calc(50% - 100px));`
-  })
-});
-function Yr(e) {
-  const { container: t = {}, ...r } = e, [n, s] = Y(!1), { colors: i } = Q(), c = jr(i);
-  return /* @__PURE__ */ N(
-    "div",
-    {
-      ...t,
-      className: `${n ? null : `box ${c.root}`} ${t.className}`,
-      children: /* @__PURE__ */ N("img", { onLoad: () => s(!0), ...r })
-    }
-  );
-}
-const gr = () => {
-  const [e, t] = Y(!1), r = Ue(null);
-  return v(() => {
-    const n = new IntersectionObserver((s) => {
-      s.forEach((i) => {
-        t(i.isIntersecting);
-      });
-    });
-    return r.current && n.observe(r.current), () => {
-      r.current && n.unobserve(r.current);
-    };
-  }, []), { elementRef: r, isElementInViewport: e };
-};
-function Dr(e) {
-  const {
-    children: t,
-    delay: r = 100,
-    animation: n = "appear",
-    onVisible: s = !1
-  } = e, { elementRef: i, isElementInViewport: c } = gr(), [o, a] = Y(s !== !0), [u, M] = Y(!1);
-  return v(() => {
-    const l = setTimeout(() => {
-      o && M(!0);
-    }, r);
-    return () => clearTimeout(l);
-  }, [r, o]), v(() => {
-    !o && c && a(!0);
-  }, [c]), /* @__PURE__ */ N("div", { ref: i, className: u && o ? n : "invisible", children: t });
-}
-const et = rt(
-  (e) => /* @__PURE__ */ N(Dr, { ...e }),
-  yr
-);
-et.displayName = "PrintAfter";
-function yr(e, t) {
-  return e.delay === t.delay && e.animation === t.animation && e.children === t.children && e.onVisible === t.onVisible;
-}
-const $r = et, dr = (e, t) => {
-  const r = {
-    color: e[t].text,
-    backgroundColor: e[t].default,
-    ".close-notification-icon": {
-      fill: e[t].text
-    }
-  };
-  return {
-    root: $(r)
-  };
-};
-function Rr(e) {
-  const { closeProps: t } = e, { notification: r, container: n, removeNotification: s } = lr(), i = re(
-    (a) => s(a),
-    [s]
-  ), c = re((a) => {
-    switch (a) {
-      case V.info:
-        return "info";
-      case V.warning:
-        return "warning";
-      case V.success:
-        return "success";
-      default:
-        return "error";
-    }
-  }, []);
-  v(() => (r != null && r.length && window.addEventListener("click", () => i()), () => {
-    r != null && r.length && window.removeEventListener("click", () => i());
-  }), [r, i]);
-  const { colors: o } = Q();
-  return /* @__PURE__ */ N(
-    "div",
-    {
-      className: `notification-portal ${r != null && r.length ? "w-screen h-screen" : ""}`,
-      children: r != null && r.length ? r == null ? void 0 : r.map(({ id: a, type: u, message: M }, l) => {
-        const y = dr(o, c(u));
-        return /* @__PURE__ */ w("div", { className: `notification-root ${y.root}`, children: [
-          /* @__PURE__ */ N(
-            or,
-            {
-              name: "close-notification",
-              ...t,
-              icon: /* @__PURE__ */ N(
-                "svg",
-                {
-                  className: "close-notification-icon",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  viewBox: "0 0 384 512",
-                  children: /* @__PURE__ */ N("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" })
-                }
-              ),
-              ref: null,
-              color: "basics",
-              onClick: () => i(l),
-              size: "small",
-              className: `notification-close-button ${t == null ? void 0 : t.className}`
-            }
-          ),
-          /* @__PURE__ */ N("p", { children: M })
-        ] }, a);
-      }) : null
-    }
-  );
-}
-const Ir = (e, t, r) => {
-  const n = {};
-  return r ? (n.backgroundColor = e[t].text, n["& .path"] = {
-    stroke: e[t].default
-  }) : (n.backgroundColor = e[t].default, n["& .path"] = {
-    stroke: e[t].text
-  }), { root: $({ ...n }) };
-}, fr = (e) => {
-  const {
-    color: t = "primary",
-    colorInverted: r = !1,
-    loaderClass: n = "",
-    strokeWidth: s = "4",
-    ...i
-  } = e, { colors: c } = Q(), o = Ir(c, t, r);
-  return /* @__PURE__ */ N("div", { ...i, className: `loading ${o.root} ${i.className}`, children: /* @__PURE__ */ N("div", { className: "loader-container", children: /* @__PURE__ */ N("div", { className: `loader ${n}`, children: /* @__PURE__ */ N("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ N(
-    "circle",
-    {
-      className: "path",
-      cx: "50",
-      cy: "50",
-      r: "20",
-      fill: "none",
-      strokeWidth: s,
-      strokeMiterlimit: "10"
-    }
-  ) }) }) }) });
-}, zr = fr, ve = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA4NSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOC43NjQ3IDMxLjkwNzhDMTcuMjg3MiAzMS45MDc4IDE1Ljk2MzEgMzEuNjY3OSAxNC43OTI2IDMxLjE4ODNDMTMuNjIyMSAzMC43MDg2IDEyLjY4MTkgMjkuOTk4NSAxMS45NzE5IDI5LjA1ODNDMTEuMjgxMSAyOC4xMTgxIDEwLjkxNjUgMjYuOTg1OSAxMC44NzgxIDI1LjY2MTlIMTYuMTE2N0MxNi4xOTM0IDI2LjQxMDMgMTYuNDUyNSAyNi45ODU5IDE2Ljg5MzggMjcuMzg4OUMxNy4zMzUxIDI3Ljc3MjcgMTcuOTEwOCAyNy45NjQ2IDE4LjYyMDggMjcuOTY0NkMxOS4zNSAyNy45NjQ2IDE5LjkyNTYgMjcuODAxNSAyMC4zNDc4IDI3LjQ3NTJDMjAuNzY5OSAyNy4xMjk4IDIwLjk4MSAyNi42NTk2IDIwLjk4MSAyNi4wNjQ5QzIwLjk4MSAyNS41NjU5IDIwLjgwODMgMjUuMTUzNSAyMC40NjI5IDI0LjgyNzJDMjAuMTM2NyAyNC41MDA5IDE5LjcyNDEgMjQuMjMyNCAxOS4yMjUyIDI0LjAyMTNDMTguNzQ1NSAyMy44MTAxIDE4LjA1NDcgMjMuNTcwNCAxNy4xNTI4IDIzLjMwMTdDMTUuODQ4IDIyLjg5ODcgMTQuNzgzIDIyLjQ5NTggMTMuOTU3OSAyMi4wOTI4QzEzLjEzMjggMjEuNjg5OCAxMi40MjI4IDIxLjA5NSAxMS44MjggMjAuMzA4M0MxMS4yMzMxIDE5LjUyMTUgMTAuOTM1NyAxOC40OTQ5IDEwLjkzNTcgMTcuMjI4NUMxMC45MzU3IDE1LjM0OCAxMS42MTY5IDEzLjg4IDEyLjk3OTMgMTIuODI0N0MxNC4zNDE3IDExLjc1MDEgMTYuMTE2NyAxMS4yMTI4IDE4LjMwNDIgMTEuMjEyOEMyMC41MzAxIDExLjIxMjggMjIuMzI0MiAxMS43NTAxIDIzLjY4NjYgMTIuODI0N0MyNS4wNDkxIDEzLjg4IDI1Ljc3ODEgMTUuMzU3NiAyNS44NzQxIDE3LjI1NzNIMjAuNTQ5MkMyMC41MTA5IDE2LjYwNDggMjAuMjcxIDE2LjA5NjMgMTkuODI5NyAxNS43MzE4QzE5LjM4ODMgMTUuMzQ4IDE4LjgyMjMgMTUuMTU2MSAxOC4xMzE1IDE1LjE1NjFDMTcuNTM2NiAxNS4xNTYxIDE3LjA1NjkgMTUuMzE5MiAxNi42OTIzIDE1LjY0NTRDMTYuMzI3NyAxNS45NTI0IDE2LjE0NTQgMTYuNDAzNCAxNi4xNDU0IDE2Ljk5ODJDMTYuMTQ1NCAxNy42NTA2IDE2LjQ1MjUgMTguMTU5MSAxNy4wNjY1IDE4LjUyMzdDMTcuNjgwNSAxOC44ODgzIDE4LjY0IDE5LjI4MTcgMTkuOTQ0OCAxOS43MDM4QzIxLjI0OTYgMjAuMTQ1MiAyMi4zMDUgMjAuNTY3MyAyMy4xMTA5IDIwLjk3MDNDMjMuOTM2IDIxLjM3MzIgMjQuNjQ2MSAyMS45NTg1IDI1LjI0MDkgMjIuNzI2QzI1LjgzNTcgMjMuNDkzNSAyNi4xMzMyIDI0LjQ4MTggMjYuMTMzMiAyNS42OTA3QzI2LjEzMzIgMjYuODQyIDI1LjgzNTcgMjcuODg3OSAyNS4yNDA5IDI4LjgyOEMyNC42NjUyIDI5Ljc2ODIgMjMuODIwOCAzMC41MTY2IDIyLjcwOCAzMS4wNzMxQzIxLjU5NSAzMS42Mjk3IDIwLjI4MDYgMzEuOTA3OCAxOC43NjQ3IDMxLjkwNzhaTTMxLjYzNzUgMTMuOTc2QzMwLjc3NCAxMy45NzYgMzAuMDY0MSAxMy43MjY1IDI5LjUwNzUgMTMuMjI3NkMyOC45NzAzIDEyLjcwOTUgMjguNzAxNiAxMi4wNzYzIDI4LjcwMTYgMTEuMzI3OUMyOC43MDE2IDEwLjU2MDQgMjguOTcwMyA5LjkyNzE4IDI5LjUwNzUgOS40MjgyN0MzMC4wNjQxIDguOTEwMTcgMzAuNzc0IDguNjUxMTIgMzEuNjM3NSA4LjY1MTEyQzMyLjQ4MTggOC42NTExMiAzMy4xNzI2IDguOTEwMTcgMzMuNzA5OSA5LjQyODI3QzM0LjI2NjQgOS45MjcxOCAzNC41NDQ2IDEwLjU2MDQgMzQuNTQ0NiAxMS4zMjc5QzM0LjU0NDYgMTIuMDc2MyAzNC4yNjY0IDEyLjcwOTUgMzMuNzA5OSAxMy4yMjc2QzMzLjE3MjYgMTMuNzI2NSAzMi40ODE4IDEzLjk3NiAzMS42Mzc1IDEzLjk3NlpNMzQuMDg0IDE1LjY0NTRWMzEuNzA2M0gyOS4xNjIxVjE1LjY0NTRIMzQuMDg0Wk00Ni42MDI0IDI3LjUzMjhWMzEuNzA2M0g0NC4wOTgzQzQyLjMxMzcgMzEuNzA2MyA0MC45MjI1IDMxLjI3NDYgMzkuOTI0NyAzMC40MTExQzM4LjkyNyAyOS41Mjg1IDM4LjQyOCAyOC4wOTg4IDM4LjQyOCAyNi4xMjI0VjE5LjczMjZIMzYuNDcwOFYxNS42NDU0SDM4LjQyOFYxMS43MzA5SDQzLjM0OTlWMTUuNjQ1NEg0Ni41NzM2VjE5LjczMjZINDMuMzQ5OVYyNi4xOEM0My4zNDk5IDI2LjY1OTYgNDMuNDY1MSAyNy4wMDUgNDMuNjk1MyAyNy4yMTYyQzQzLjkyNTYgMjcuNDI3MyA0NC4zMDk0IDI3LjUzMjggNDQuODQ2NiAyNy41MzI4SDQ2LjYwMjRaTTU2LjY1NDkgMzEuOTM2NkM1NS4wODE1IDMxLjkzNjYgNTMuNjYxNSAzMS42MDA5IDUyLjM5NSAzMC45MjkyQzUxLjE0NzcgMzAuMjU3NSA1MC4xNTk2IDI5LjI5ODIgNDkuNDMwMyAyOC4wNTA5QzQ4LjcyMDQgMjYuODAzNiA0OC4zNjU0IDI1LjM0NTMgNDguMzY1NCAyMy42NzU5QzQ4LjM2NTQgMjIuMDI1NiA0OC43Mjk5IDIwLjU3NjkgNDkuNDU5MSAxOS4zMjk2QzUwLjE4ODQgMTguMDYzMiA1MS4xODYxIDE3LjA5NDIgNTIuNDUyNiAxNi40MjI1QzUzLjcxOSAxNS43NTA5IDU1LjEzOTEgMTUuNDE1MSA1Ni43MTI1IDE1LjQxNTFDNTguMjg1OSAxNS40MTUxIDU5LjcwNTkgMTUuNzUwOSA2MC45NzIzIDE2LjQyMjVDNjIuMjM4OCAxNy4wOTQyIDYzLjIzNjUgMTguMDYzMiA2My45NjU4IDE5LjMyOTZDNjQuNjk1IDIwLjU3NjkgNjUuMDU5NSAyMi4wMjU2IDY1LjA1OTUgMjMuNjc1OUM2NS4wNTk1IDI1LjMyNjIgNjQuNjg1NCAyNi43ODQ0IDYzLjkzNyAyOC4wNTA5QzYzLjIwNzggMjkuMjk4MiA2Mi4yMDAzIDMwLjI1NzUgNjAuOTE0OCAzMC45MjkyQzU5LjY0ODMgMzEuNjAwOSA1OC4yMjgzIDMxLjkzNjYgNTYuNjU0OSAzMS45MzY2Wk01Ni42NTQ5IDI3LjY3NjdDNTcuNTk1MSAyNy42NzY3IDU4LjM5MTUgMjcuMzMxMyA1OS4wNDM5IDI2LjY0MDVDNTkuNzE1NiAyNS45NDk3IDYwLjA1MTMgMjQuOTYxNCA2MC4wNTEzIDIzLjY3NTlDNjAuMDUxMyAyMi4zOTAyIDU5LjcyNSAyMS40MDIgNTkuMDcyNyAyMC43MTEyQzU4LjQzOTQgMjAuMDIwNCA1Ny42NTI2IDE5LjY3NSA1Ni43MTI1IDE5LjY3NUM1NS43NTI5IDE5LjY3NSA1NC45NTY3IDIwLjAyMDQgNTQuMzIzNSAyMC43MTEyQzUzLjY5MDIgMjEuMzgyOCA1My4zNzM2IDIyLjM3MSA1My4zNzM2IDIzLjY3NTlDNTMuMzczNiAyNC45NjE0IDUzLjY4MDYgMjUuOTQ5NyA1NC4yOTQ3IDI2LjY0MDVDNTQuOTI3OSAyNy4zMzEzIDU1LjcxNDcgMjcuNjc2NyA1Ni42NTQ5IDI3LjY3NjdaIiBmaWxsPSIjRTgzNjM2Ii8+DQo8cGF0aCBkPSJNOS4yMTc4IDI2LjYzODJDOS4yMDM3NSAyNi45OTY2IDkuMTUxMDQgMjcuMzQ5NyA5LjA1OTcgMjcuNjk3NUM4Ljk2ODM0IDI4LjA0NTQgOC44Mjk1NSAyOC4zNTk4IDguNjQzMzMgMjguNjQwOUM4LjQ2MDYzIDI4LjkyMTkgOC4yMjY5NyAyOS4xNDY4IDcuOTQyMzggMjkuMzE1NUM3LjY1Nzc5IDI5LjQ4NDEgNy4zMTM0NSAyOS41Njg0IDYuOTA5NCAyOS41Njg0QzYuNjgxMDEgMjkuNTY4NCA2LjQ3NTQ4IDI5LjUyOCA2LjI5Mjc3IDI5LjQ0NzJDNi4xMTAwNyAyOS4zNjY1IDUuOTU1NDcgMjkuMjUyMyA1LjgyODk4IDI5LjEwNDhDNS43MDI1IDI4Ljk1MzcgNS42MDkzOCAyOC43NzI2IDUuNTQ5NjUgMjguNTYxOUM1LjQ4OTkzIDI4LjM1MSA1LjQ2ODg0IDI4LjExMzggNS40ODY0IDI3Ljg1MDVMNS43NTUyIDI0LjgxNDdINi44MDkyNUw2LjU0NTc1IDI3Ljg1MDVDNi41MjQ2NiAyOC4wMzMgNi41MjY0MSAyOC4xODI0IDYuNTUxMDEgMjguMjk4NEM2LjU3OTEyIDI4LjQxNDIgNi42MjEyOCAyOC41MDM5IDYuNjc3NSAyOC41NjcxQzYuNzM3MjIgMjguNjMwMyA2LjgwMzk5IDI4LjY3NTkgNi44Nzc3NyAyOC43MDQxQzYuOTU1MDcgMjguNzI4OCA3LjAzMDYxIDI4Ljc0MDkgNy4xMDQ0MSAyOC43NDA5QzcuMjczMDYgMjguNzQwOSA3LjQyNzYzIDI4LjY4ODMgNy41NjgxOCAyOC41ODI4QzcuNzA4NzIgMjguNDc3NiA3LjgyOTk0IDI4LjMzMTcgNy45MzE4MyAyOC4xNDU1QzguMDMzNzQgMjcuOTU5MyA4LjExNDU0IDI3Ljc0MTQgOC4xNzQyOCAyNy40OTJDOC4yMzQwMSAyNy4yMzkgOC4yNjczOCAyNi45NjY3IDguMjc0NDIgMjYuNjc1MUM4LjI5OSAyNi4yMDc4IDguMjc2MTcgMjUuNzc1NiA4LjIwNTkgMjUuMzc4NUM4LjEzOTE0IDI0Ljk4MTYgOC4wMjMyIDI0LjYyNjcgNy44NTgwNSAyNC4zMTRDNy42OTY0NCAyMy45OTc4IDcuNDg1NjMgMjMuNzMwNiA3LjIyNTYxIDIzLjUxMjhDNi45NjU2MiAyMy4yOTE1IDYuNjU2NDMgMjMuMTIyOCA2LjI5ODAzIDIzLjAwNjhDNS45Mzk2NiAyMi44ODc0IDUuNTMwMzQgMjIuODI3OCA1LjA3MDA2IDIyLjgyNzhDNC42Mzc4OCAyMi44Mjc4IDQuMjM5MSAyMi44OTQ0IDMuODczNjkgMjMuMDI3OUMzLjUxMTc5IDIzLjE2MTUgMy4xODY3OSAyMy4zNTMxIDIuODk4NjcgMjMuNjAyNUMyLjYxNDA4IDIzLjg1MTkgMi4zNjgxMiAyNC4xNTA1IDIuMTYwODMgMjQuNDk4M0MxLjk1NzA0IDI0Ljg0MjggMS43OTU0MiAyNS4yMjc2IDEuNjc1OTYgMjUuNjUyNkMxLjU2MDAxIDI2LjA3NDIgMS40OTE1IDI2LjUyNzYgMS40NzA0MSAyNy4wMTI0QzEuNDQ1ODIgMjcuNTIxOSAxLjQ3MjE3IDI3Ljk4NTYgMS41NDk0NyAyOC40MDM2QzEuNjMwMjggMjguODIxOSAxLjc1ODUzIDI5LjE4OTEgMS45MzQyIDI5LjUwNTNDMi4xMTM0IDI5LjgyNSAyLjMzNjUgMzAuMDkxOSAyLjYwMzUzIDMwLjMwNjJDMi44NzA1NiAzMC41MjA4IDMuMTgxNTEgMzAuNjgyMiAzLjUzNjM5IDMwLjc5MTNDMy44OTEyNiAzMC45MDAxIDQuMjg2NTMgMzAuOTU0NSA0LjcyMjIxIDMwLjk1NDVDNS4wMjc4OSAzMC45NTQ1IDUuMzM4ODQgMzAuOTE5NCA1LjY1NTA1IDMwLjg0OTNDNS45NzQ3OSAzMC43ODI1IDYuMjQzNTcgMzAuNjk2NCA2LjQ2MTQyIDMwLjU5MDlMNi42NjE2OSAzMS4zNzYyQzYuNDE1NzMgMzEuNTM0MiA2LjEwODMxIDMxLjY1MjEgNS43MzkzNyAzMS43Mjk0QzUuMzczOTYgMzEuODA2NiA1LjAyNzg5IDMxLjg0NTIgNC43MDExMiAzMS44NDUyQzQuMTQyNDggMzEuODQ1MiAzLjYzMyAzMS43NzY2IDMuMTcyNzQgMzEuNjM5N0MyLjcxNTk2IDMxLjUwNjEgMi4zMTE5IDMxLjMwNiAxLjk2MDU2IDMxLjAzODlDMS42MDkyIDMwLjc3NTMgMS4zMTU4MiAzMC40NDg2IDEuMDgwNDEgMzAuMDU4N0MwLjg0ODUxNiAyOS42Njg3IDAuNjc2MzUxIDI5LjIxOSAwLjU2MzkxNyAyOC43MDk0QzAuNDU0OTk4IDI4LjE5OTkgMC40MTI4MzUgMjcuNjM0NCAwLjQzNzQyOSAyNy4wMTI0QzAuNDYyMDI1IDI2LjQzNiAwLjU1MTYxOSAyNS44OTMyIDAuNzA2MjE1IDI1LjM4MzlDMC44NjA4MTIgMjQuODc0MyAxLjA3MTYyIDI0LjQxMjIgMS4zMzg2NiAyMy45OTc4QzEuNjA1NjkgMjMuNTgzMSAxLjkyNTQyIDIzLjIyNjUgMi4yOTc4NyAyMi45Mjc5QzIuNjczOCAyMi42MjU2IDMuMDk1NDMgMjIuMzkzOCAzLjU2Mjc1IDIyLjIzMjJDNC4wMzAwNCAyMi4wNzA1IDQuNTM5NSAyMS45ODk3IDUuMDkxMTMgMjEuOTg5N0M1LjYzOTI0IDIxLjk4OTcgNi4xMzY0MiAyMi4wNjE4IDYuNTgyNjMgMjIuMjA1OEM3LjAzMjM2IDIyLjM0OTkgNy40MjU4OCAyMi41NTcxIDcuNzYzMTggMjIuODI3OEM4LjEwMDQ4IDIzLjA5NDcgOC4zODE1NyAyMy40MTk3IDguNjA2NDMgMjMuODAyOEM4LjgzMTMgMjQuMTgyMiA4Ljk5NDY5IDI0LjYxMDggOS4wOTY1OCAyNS4wODg2QzkuMTk4NDYgMjUuNTY2NSA5LjIzODg3IDI2LjA4MyA5LjIxNzggMjYuNjM4MlpNMy44OTQ3NiAyNy4xOTE2QzMuODc3MiAyNy40MjM0IDMuODc4OTYgMjcuNjI5IDMuOTAwMDUgMjcuODA4MkMzLjkyMTEyIDI3Ljk4NzQgMy45NjE1MyAyOC4xMzg1IDQuMDIxMjUgMjguMjYxNUM0LjA4MDk4IDI4LjM4NDUgNC4xNTgyOSAyOC40Nzc2IDQuMjUzMTYgMjguNTQwOEM0LjM1MTU0IDI4LjYwMDYgNC40Njc0OCAyOC42MzAzIDQuNjAwOTggMjguNjMwM0M0LjY3NDc4IDI4LjYzMDMgNC43NTU1OCAyOC42MTI4IDQuODQzNDMgMjguNTc3N0M0LjkzMTI3IDI4LjUzOSA1LjAyMDg1IDI4LjQ3NTggNS4xMTIyMiAyOC4zODc5QzUuMjAzNTYgMjguMzAwMiA1LjI4OTY0IDI4LjE3ODggNS4zNzA0NiAyOC4wMjQzQzUuNDU0NzggMjcuODY2MiA1LjUyNTA1IDI3LjY2NzYgNS41ODEyNyAyNy40Mjg4TDYuMDI5MjUgMjcuOTYxMUM1Ljk0ODQzIDI4LjIyNDYgNS44NDgzIDI4LjQ1NjUgNS43Mjg4NSAyOC42NTY4QzUuNjA5MzggMjguODUzNCA1LjQ3MjM0IDI5LjAxODYgNS4zMTc3NSAyOS4xNTIyQzUuMTY2NjggMjkuMjg1NiA1LjAwMTU0IDI5LjM4NTkgNC44MjIzNCAyOS40NTI2QzQuNjQzMTQgMjkuNTE5MiA0LjQ0OTkyIDI5LjU1MjcgNC4yNDI2MSAyOS41NTI3QzMuOTg2MTMgMjkuNTUyNyAzLjc1NzczIDI5LjQ5ODMgMy41NTc0NiAyOS4zODkyQzMuMzU3MiAyOS4yNzY4IDMuMTkwMyAyOS4xMTY5IDMuMDU2OCAyOC45MDk2QzIuOTIzMjcgMjguNzAyNSAyLjgyNjY0IDI4LjQ1NDcgMi43NjY5MiAyOC4xNjY2QzIuNzEwNyAyNy44NzUgMi43MDAxNiAyNy41NSAyLjczNTMgMjcuMTkxNkMyLjc3MzkzIDI2LjgzMzEgMi44NDQyMSAyNi41MDEyIDIuOTQ2MTIgMjYuMTk1NEMzLjA0OCAyNS44ODk4IDMuMTc0NDkgMjUuNjE3NSAzLjMyNTU4IDI1LjM3ODVDMy40NzY2NSAyNS4xMzYxIDMuNjQ4ODMgMjQuOTMwNSAzLjg0MjA1IDI0Ljc2MTlDNC4wMzg4MSAyNC41ODk5IDQuMjUxMzggMjQuNDU5NyA0LjQ3OTc4IDI0LjM3MkM0LjcwODE1IDI0LjI4NDEgNC45NDcwOCAyNC4yNDAyIDUuMTk2NTQgMjQuMjQwMkM1LjYwMDU5IDI0LjI0MDIgNS45MTg1NyAyNC4yOTgyIDYuMTUwNDggMjQuNDE0QzYuMzgyMzYgMjQuNTMwMSA2LjYwMTk3IDI0LjY2MzYgNi44MDkyNSAyNC44MTQ3TDYuMjcxNjggMjUuNTM2NkM2LjE2OTc5IDI1LjQ0NTMgNi4wMzYyOSAyNS4zNTc2IDUuODcxMTUgMjUuMjczMkM1LjcwOTUxIDI1LjE4NTMgNS41MTYyNiAyNS4xNDE1IDUuMjkxMzkgMjUuMTQxNUM1LjA4NDExIDI1LjE0MTUgNC45MDE0MSAyNS4xODUzIDQuNzQzMyAyNS4yNzMyQzQuNTg4NjggMjUuMzYwOSA0LjQ1MzQyIDI1LjQ5MjcgNC4zMzc0OCAyNS42NjgzQzQuMjI1MDUgMjUuODQwNiA0LjEzMTkzIDI2LjA1NDkgNC4wNTgxNSAyNi4zMTE1QzMuOTg0MzcgMjYuNTY0NCAzLjkyOTkxIDI2Ljg1NzkgMy44OTQ3NiAyNy4xOTE2WiIgZmlsbD0iI0U4MzYzNiIvPg0KPHBhdGggZD0iTTc2LjIwNTcgMjQuMDMyN0g3Ny43ODEzVjI5LjEwMjhDNzcuNzgxMyAyOS42OTMxIDc3LjY1NDkgMzAuMTkwMyA3Ny40MDIgMzAuNTk0NEM3Ny4xNTI2IDMwLjk5ODUgNzYuODA2MyAzMS4zMDIzIDc2LjM2MzggMzEuNTA2Qzc1LjkyNDYgMzEuNzA5OSA3NS40MTg2IDMxLjgxMTggNzQuODQ1OSAzMS44MTE4Qzc0LjI3MzIgMzEuODExOCA3My43NjM2IDMxLjcwOTkgNzMuMzE3NSAzMS41MDZDNzIuODc0NyAzMS4zMDIzIDcyLjUyNjggMzAuOTk4NSA3Mi4yNzM5IDMwLjU5NDRDNzIuMDI0NSAzMC4xOTAzIDcxLjg5OTcgMjkuNjkzMSA3MS44OTk3IDI5LjEwMjhWMjQuMDMyN0g3My40ODA3VjI5LjEwMjhDNzMuNDgwNyAyOS40NDcxIDczLjUzNTQgMjkuNzI4MiA3My42NDQyIDI5Ljk0NjFDNzMuNzUzIDMwLjE2NCA3My45MDk2IDMwLjMyMzkgNzQuMTEzMyAzMC40MjU3Qzc0LjMyMDYgMzAuNTI3NiA3NC41NjQ4IDMwLjU3ODQgNzQuODQ1OSAzMC41Nzg0Qzc1LjEzNCAzMC41Nzg0IDc1LjM3ODIgMzAuNTI3NiA3NS41Nzg1IDMwLjQyNTdDNzUuNzgyMyAzMC4zMjM5IDc1LjkzNjcgMzAuMTY0IDc2LjA0MjIgMjkuOTQ2MUM3Ni4xNTEgMjkuNzI4MiA3Ni4yMDU3IDI5LjQ0NzEgNzYuMjA1NyAyOS4xMDI4VjI0LjAzMjdaTTgwLjc2NDQgMjQuMDMyN1YzMS43MDYzSDc5LjE4ODVWMjQuMDMyN0g4MC43NjQ0WiIgZmlsbD0iI0U4MzYzNiIvPg0KPHBhdGggZD0iTTcxLjA0NDEgMjAuODAwNEw2Ny4yOTE1IDMxLjkxMDNINjUuNzg3Nkw2OS41NDAyIDIwLjgwMDRINzEuMDQ0MVoiIGZpbGw9IiNDRDIxMkEiLz4NCjwvc3ZnPg0K", hr = (e, t) => {
-  const r = {
-    backgroundColor: e[t].default,
-    WebkitMask: `url('${ve}') no-repeat center`,
-    mask: `url('${ve}') no-repeat center`
-  }, n = {
-    backgroundColor: e.basics.dark
-  };
-  return {
-    root: $({
-      ...n,
-      ".sito-logo": r
-    })
-  };
-};
-function Vr(e) {
-  const { color: t = "primary", logo: r, logoClass: n, appName: s, visible: i = !0 } = e, { colors: c } = Q(), o = hr(c, t), [a, u] = Y(!1);
-  v(() => {
-    setTimeout(() => u(!0), 2500);
-  }, []);
-  const [M, l] = Y(!0);
-  return v(() => {
-    i !== void 0 && (i ? l(!0) : setTimeout(() => l(!1), 501));
-  }, [i]), M ? /* @__PURE__ */ w(
-    "div",
-    {
-      className: `splash-screen ${o.root} ${i ? "splash-loading-show " : "splash-loading-hide"}`,
-      children: [
-        /* @__PURE__ */ w("div", { className: "logo-container", children: [
-          typeof r == "string" ? /* @__PURE__ */ N(
-            "img",
-            {
-              alt: s,
-              className: `puff-in-center splash-image ${n}`
-            }
-          ) : /* @__PURE__ */ N("div", { className: `puff-in-center ${n}`, children: r }),
-          /* @__PURE__ */ N(
-            "div",
-            {
-              className: `splash-loading ${a ? "splash-loading-show" : "splash-loading-hide"} pointer-events-none`,
-              children: /* @__PURE__ */ N(
-                zr,
-                {
-                  colorInverted: !0,
-                  className: "splash-loading",
-                  color: t,
-                  strokeWidth: "6"
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ w("div", { className: "animated slideInUp brand", children: [
-          /* @__PURE__ */ N("p", { children: "made width" }),
-          /* @__PURE__ */ N("div", { className: "splash-sito-logo sito-logo" })
-        ] })
-      ]
-    }
-  ) : null;
-}
-const Ar = (e) => ({
-  root: $({
-    ".dark .s-error-title": {
-      color: e.error.light
-    },
-    ".s-error-title": {
-      color: e.error.default
-    }
-  })
-}), Or = (e) => {
-  const t = Ue(null), { colors: r } = Q(), n = Ar(r), {
-    onRetry: s = () => window.location.reload(),
-    className: i = "",
-    title: c = "Something went wrong",
-    text: o,
-    button: a = "Try again",
-    buttonProps: u
-  } = e;
-  return /* @__PURE__ */ w("div", { role: "alert", className: `error-root ${n.root} ${i}`, children: [
-    /* @__PURE__ */ N(
-      "svg",
-      {
-        className: "s-error-icon",
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 512 512",
-        children: /* @__PURE__ */ N("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })
-      }
-    ),
-    /* @__PURE__ */ N("p", { className: "s-error-title", children: c }),
-    /* @__PURE__ */ N("pre", { className: "s-error-body", children: o }),
-    s ? /* @__PURE__ */ N(
-      qe,
-      {
-        name: "reload",
-        onClick: s,
-        shape: "filled",
-        color: "primary",
-        "aria-label": "click to reload",
-        ...u,
-        ref: t,
-        children: a
-      }
-    ) : null
-  ] });
-};
-function ge(e, t) {
-  return ge = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, s) {
-    return n.__proto__ = s, n;
-  }, ge(e, t);
-}
-function Tr(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ge(e, t);
-}
-var pr = function(t, r) {
-  return t === void 0 && (t = []), r === void 0 && (r = []), t.length !== r.length || t.some(function(n, s) {
-    return !Object.is(n, r[s]);
-  });
-}, Qe = {
-  error: null
-}, Lr = /* @__PURE__ */ function(e) {
-  Tr(t, e);
-  function t() {
-    for (var n, s = arguments.length, i = new Array(s), c = 0; c < s; c++)
-      i[c] = arguments[c];
-    return n = e.call.apply(e, [this].concat(i)) || this, n.state = Qe, n.resetErrorBoundary = function() {
-      for (var o, a = arguments.length, u = new Array(a), M = 0; M < a; M++)
-        u[M] = arguments[M];
-      n.props.onReset == null || (o = n.props).onReset.apply(o, u), n.reset();
-    }, n;
-  }
-  t.getDerivedStateFromError = function(s) {
-    return {
-      error: s
-    };
-  };
-  var r = t.prototype;
-  return r.reset = function() {
-    this.setState(Qe);
-  }, r.componentDidCatch = function(s, i) {
-    var c, o;
-    (c = (o = this.props).onError) == null || c.call(o, s, i);
-  }, r.componentDidUpdate = function(s, i) {
-    var c = this.state.error, o = this.props.resetKeys;
-    if (c !== null && i.error !== null && pr(s.resetKeys, o)) {
-      var a, u;
-      (a = (u = this.props).onResetKeysChange) == null || a.call(u, s.resetKeys, o), this.reset();
-    }
-  }, r.render = function() {
-    var s = this.state.error, i = this.props, c = i.fallbackRender, o = i.FallbackComponent, a = i.fallback;
-    if (s !== null) {
-      var u = {
-        error: s,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (/* @__PURE__ */ Me.isValidElement(a))
-        return a;
-      if (typeof c == "function")
-        return c(u);
-      if (o)
-        return /* @__PURE__ */ Me.createElement(o, u);
-      throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
-    }
-    return this.props.children;
-  }, t;
-}(Me.Component);
-const xr = (e) => {
-  const { error: t, resetErrorBoundary: r } = e;
-  return /* @__PURE__ */ N(Or, { onRetry: r, text: t.message });
-};
-function Pr(e) {
-  const { children: t, onRetry: r } = e;
-  return /* @__PURE__ */ N(Lr, { FallbackComponent: xr, onReset: r, children: t });
-}
-const _r = (e) => {
-  const [t, r] = Y(!1);
-  return v(() => {
-    const n = window.matchMedia(e);
-    n.matches !== t && r(n.matches);
-    const s = () => r(n.matches);
-    return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
-  }, [t, e]), t;
-}, Wr = () => {
-  const [e, t] = Y({
-    width: window.innerWidth,
-    height: window.innerHeight
-  }), r = ie(() => {
-    const { width: s } = e;
-    switch (!0) {
-      case s <= 400:
-        return "xs";
-      case s <= 600:
-        return "sm";
-      case s <= 900:
-        return "md";
-      case s <= 1200:
-        return "lg";
-      case s <= 1536:
-        return "xl";
-      default:
-        return "2xl";
-    }
-  }, [e]), n = re(() => {
-  }, [t]);
-  return v(() => (window.addEventListener("resize", n), () => window.removeEventListener("resize", n)), [n]), {
-    width: e.width,
-    height: e.height,
-    breakpoint: r
-  };
-};
-export {
-  qe as Button,
-  Or as Error,
-  xr as ErrorFallback,
-  Pr as Handler,
-  or as IconButton,
-  Yr as Image,
-  vr as InputControl,
-  zr as Loading,
-  Er as ModeProvider,
-  Rr as Notification,
-  Ur as NotificationProvider,
-  $r as PrintAfter,
-  br as SelectControl,
-  Vr as SplashScreen,
-  kr as StyleProvider,
-  Qr as Switcher,
-  Cr as TextareaControl,
-  gr as useIsElementInViewport,
-  _r as useMediaQuery,
-  er as useMode,
-  lr as useNotification,
-  Wr as useScreenHandler,
-  Q as useStyle
+import { forwardRef as e, useCallback as t, useEffect as n, useId as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createPortal as l } from "react-dom";
+//#region src/utils/classNames.ts
+var u = (...e) => e.filter(Boolean).join(" "), d = {
+	DEFAULT: "default",
+	PRIMARY: "primary",
+	SECONDARY: "secondary",
+	ERROR: "error",
+	WARNING: "warning",
+	SUCCESS: "success",
+	INFO: "info"
+}, f = {
+	TEXT: "text",
+	SUBMIT: "submit",
+	OUTLINED: "outlined"
+}, p = e(function(e, t) {
+	let { color: n = d.DEFAULT, type: r = "button", variant: i = f.TEXT, loading: a = !1, loadingIndicator: l, loadingLabel: p = "Loading", disabled: m, className: h, children: g, ..._ } = e, v = u("sito-ui-button", `sito-ui-button--${i}`, `sito-ui-button--${n}`, a && "sito-ui-button--loading", h), y = l === void 0 ? /* @__PURE__ */ s("span", {
+		className: "sito-ui-button__spinner",
+		"aria-hidden": "true",
+		"data-sito-ui": "button-spinner"
+	}) : l;
+	return /* @__PURE__ */ c("button", {
+		"data-sito-ui": "button",
+		..._,
+		type: r,
+		ref: t,
+		disabled: m || a,
+		"aria-busy": a || _["aria-busy"],
+		className: v,
+		children: [a ? /* @__PURE__ */ c(o, { children: [y, /* @__PURE__ */ s("span", {
+			className: "sito-ui-button__loading-label",
+			children: p
+		})] }) : null, g]
+	});
+}), m = e(function(e, t) {
+	let { children: n, icon: r, iconClassName: i, type: a = "button", variant: o = "text", color: l = "default", loading: d = !1, className: f, ...m } = e, h = u("sito-ui-icon-button", f);
+	return /* @__PURE__ */ c(p, {
+		...m,
+		ref: t,
+		type: a,
+		variant: o,
+		color: l,
+		loading: d,
+		"data-sito-ui": "icon-button",
+		className: h,
+		children: [d ? null : /* @__PURE__ */ s("span", {
+			className: i,
+			"aria-hidden": "true",
+			children: r
+		}), n]
+	});
+}), h = "input:not([type=\"hidden\"]):not([disabled]), textarea:not([disabled]), select:not([disabled])", g = "button[type=\"submit\"]:not([disabled]), input[type=\"submit\"]:not([disabled])", _ = [
+	"a[href]",
+	"button:not([disabled])",
+	"textarea:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(","), v = 0, y = null, b = () => typeof document < "u" && !!document.body, x = () => {
+	b() && (v === 0 && (y = document.body.style.overflow, document.body.style.overflow = "hidden"), v += 1);
+}, S = () => {
+	!b() || v === 0 || (--v, v === 0 && (document.body.style.overflow = y ?? "", y = null));
+}, C = (e) => Array.from(e.querySelectorAll(_)).filter((e) => e.getAttribute("aria-disabled") !== "true"), w = () => typeof document > "u" ? null : document.activeElement instanceof HTMLElement ? document.activeElement : null, T = (e) => {
+	let a = r(), o = i(null), d = i(null), { dialogId: f, title: p, ariaLabel: _, children: v, onClose: y, initialFocus: b = "none", closeOnBackdropClick: T = !1, closeOnEscape: E = !0, lockBodyScroll: D = !0, onSubmit: O, open: k = !1, mobileFullScreen: A = !1, containerClassName: j, className: M, closeLabel: N = "Close dialog", closeIcon: P = "x", showCloseButton: F = !0, portalContainer: I } = e, L = p ? `${f ?? a}-title` : void 0, R = t((e) => {
+		if (e.key === "Escape" && k && E) {
+			y();
+			return;
+		}
+		if (e.key !== "Tab" || !k) return;
+		let t = o.current;
+		if (!t) return;
+		let n = C(t);
+		if (n.length === 0) {
+			e.preventDefault(), t.focus();
+			return;
+		}
+		let r = n[0], i = n[n.length - 1], a = w(), s = !a || !t.contains(a);
+		if (e.shiftKey && (s || a === r)) {
+			e.preventDefault(), i.focus();
+			return;
+		}
+		!e.shiftKey && (s || a === i) && (e.preventDefault(), r.focus());
+	}, [
+		E,
+		y,
+		k
+	]);
+	n(() => {
+		if (!(!k || typeof window > "u")) return window.addEventListener("keydown", R), () => {
+			window.removeEventListener("keydown", R);
+		};
+	}, [R, k]), n(() => {
+		if (k) return d.current = w(), () => {
+			d.current?.isConnected && d.current.focus(), d.current = null;
+		};
+	}, [k]), n(() => {
+		if (!k) return;
+		let e = o.current;
+		if (e) {
+			if (b === "first-input") {
+				let t = e.querySelector(h);
+				if (t) {
+					t.focus();
+					return;
+				}
+			}
+			if (b === "submit") {
+				let t = e.querySelector(g);
+				if (t) {
+					t.focus();
+					return;
+				}
+			}
+			e.focus();
+		}
+	}, [b, k]), n(() => {
+		if (!(!k || !D)) return x(), () => {
+			S();
+		};
+	}, [k, D]);
+	let z = t((e) => {
+		T && e.target === e.currentTarget && y();
+	}, [T, y]), B = t((e) => {
+		e.preventDefault(), O?.(e);
+	}, [O]);
+	if (!k || typeof document > "u") return null;
+	let V = O ? /* @__PURE__ */ s("form", {
+		onSubmit: B,
+		children: v
+	}) : v, H = typeof P == "string" ? /* @__PURE__ */ s("span", {
+		"aria-hidden": "true",
+		children: P
+	}) : P;
+	return l(/* @__PURE__ */ s("div", {
+		id: f ? `backdrop-${f}` : void 0,
+		"data-sito-ui": "dialog-backdrop",
+		onClick: z,
+		className: u("sito-ui-dialog-backdrop", j),
+		children: /* @__PURE__ */ c("div", {
+			id: f,
+			ref: o,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": p ? void 0 : _,
+			"aria-labelledby": L,
+			tabIndex: -1,
+			"data-sito-ui": "dialog",
+			className: u("sito-ui-dialog", A && "sito-ui-dialog--mobile-full-screen", M),
+			children: [/* @__PURE__ */ c("div", {
+				className: "sito-ui-dialog__header",
+				children: [p ? /* @__PURE__ */ s("h3", {
+					id: L,
+					className: "sito-ui-dialog__title",
+					children: p
+				}) : null, F ? /* @__PURE__ */ s(m, {
+					icon: H,
+					disabled: !k,
+					"aria-disabled": !k,
+					onClick: y,
+					variant: "text",
+					color: "error",
+					className: "sito-ui-dialog__close",
+					"aria-label": N
+				}) : null]
+			}), V]
+		})
+	}), I ?? document.body);
+}, E = (e) => {
+	let { primaryText: t, cancelText: n, onPrimaryClick: r, onCancel: i, isLoading: a = !1, loadingIndicator: o, disabled: l = !1, primaryType: d = "submit", containerClassName: f, primaryClassName: m, cancelClassName: h, alignEnd: g = !1, primaryName: _, primaryAriaLabel: v, cancelName: y, cancelAriaLabel: b, extraActions: x = [] } = e;
+	return /* @__PURE__ */ c("div", {
+		"data-sito-ui": "dialog-actions",
+		className: u("sito-ui-dialog-actions", g && "sito-ui-dialog-actions--end", f),
+		children: [
+			/* @__PURE__ */ s(p, {
+				type: d,
+				color: "primary",
+				variant: "submit",
+				className: m,
+				disabled: l,
+				loading: a,
+				loadingIndicator: o,
+				onClick: r,
+				name: _,
+				"aria-label": v,
+				children: t
+			}),
+			x.map(({ id: e, ...t }) => /* @__PURE__ */ s(p, { ...t }, e)),
+			/* @__PURE__ */ s(p, {
+				type: "button",
+				variant: "outlined",
+				className: h,
+				disabled: l || a,
+				onClick: i,
+				name: y,
+				"aria-label": b,
+				children: n
+			})
+		]
+	});
+}, D = (e = !1) => {
+	let [t, n] = a(e);
+	return {
+		open: t,
+		setOpen: n,
+		handleClose: () => n(!1),
+		handleOpen: () => n(!0)
+	};
 };
+//#endregion
+export { p as Button, T as Dialog, E as DialogActions, m as IconButton, D as useDialog };