alex-evo-sh-ui-kit 1.0.3 → 1.0.5

package/dist/alex-evo-sh-ui-kit.es.js

@@ -1,7 +1,5 @@
-import * as N from "react";
-import _e, { useState as E, useCallback as P, useEffect as L, forwardRef as At, createElement as qe, useRef as G } from "react";
-import "react-dom";
-import './index.css';var Xe = { exports: {} }, de = {};
+import ve, { useState as N, useCallback as R, useEffect as F, forwardRef as ln, createElement as _e, useRef as U } from "react";
+import './index.css';var Se = { exports: {} }, se = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -11,25 +9,25 @@ import './index.css';var Xe = { exports: {} }, de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Rt;
-function On() {
-  if (Rt)
-    return de;
-  Rt = 1;
-  var e = _e, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(c, o, d) {
-    var f, m = {}, x = null, j = null;
-    d !== void 0 && (x = "" + d), o.key !== void 0 && (x = "" + o.key), o.ref !== void 0 && (j = o.ref);
-    for (f in o)
-      a.call(o, f) && !l.hasOwnProperty(f) && (m[f] = o[f]);
-    if (c && c.defaultProps)
-      for (f in o = c.defaultProps, o)
-        m[f] === void 0 && (m[f] = o[f]);
-    return { $$typeof: n, type: c, key: x, ref: j, props: m, _owner: s.current };
+var nn;
+function Ln() {
+  if (nn)
+    return se;
+  nn = 1;
+  var n = ve, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(i, o, h) {
+    var u, f = {}, v = null, g = null;
+    h !== void 0 && (v = "" + h), o.key !== void 0 && (v = "" + o.key), o.ref !== void 0 && (g = o.ref);
+    for (u in o)
+      a.call(o, u) && !l.hasOwnProperty(u) && (f[u] = o[u]);
+    if (i && i.defaultProps)
+      for (u in o = i.defaultProps, o)
+        f[u] === void 0 && (f[u] = o[u]);
+    return { $$typeof: r, type: i, key: v, ref: g, props: f, _owner: c.current };
   }
-  return de.Fragment = r, de.jsx = u, de.jsxs = u, de;
+  return se.Fragment = s, se.jsx = d, se.jsxs = d, se;
 }
-var fe = {};
+var ae = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -39,91 +37,91 @@ var fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var St;
-function Dn() {
-  return St || (St = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = _e, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), c = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), g = Symbol.iterator, C = "@@iterator";
-    function _(i) {
-      if (i === null || typeof i != "object")
+var tn;
+function Vn() {
+  return tn || (tn = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = ve, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), i = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), y = Symbol.iterator, w = "@@iterator";
+    function S(t) {
+      if (t === null || typeof t != "object")
         return null;
-      var h = g && i[g] || i[C];
-      return typeof h == "function" ? h : null;
+      var x = y && t[y] || t[w];
+      return typeof x == "function" ? x : null;
     }
-    var O = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(i) {
+    var O = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function E(t) {
       {
-        for (var h = arguments.length, v = new Array(h > 1 ? h - 1 : 0), b = 1; b < h; b++)
-          v[b - 1] = arguments[b];
-        S("error", i, v);
+        for (var x = arguments.length, m = new Array(x > 1 ? x - 1 : 0), p = 1; p < x; p++)
+          m[p - 1] = arguments[p];
+        B("error", t, m);
       }
     }
-    function S(i, h, v) {
+    function B(t, x, m) {
       {
-        var b = O.ReactDebugCurrentFrame, R = b.getStackAddendum();
-        R !== "" && (h += "%s", v = v.concat([R]));
-        var D = v.map(function(w) {
-          return String(w);
+        var p = O.ReactDebugCurrentFrame, C = p.getStackAddendum();
+        C !== "" && (x += "%s", m = m.concat([C]));
+        var T = m.map(function(k) {
+          return String(k);
         });
-        D.unshift("Warning: " + h), Function.prototype.apply.call(console[i], console, D);
+        T.unshift("Warning: " + x), Function.prototype.apply.call(console[t], console, T);
       }
     }
-    var p = !1, T = !1, I = !1, z = !1, q = !1, Z;
-    Z = Symbol.for("react.module.reference");
-    function Q(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === a || i === l || q || i === s || i === d || i === f || z || i === j || p || T || I || typeof i == "object" && i !== null && (i.$$typeof === x || i.$$typeof === m || i.$$typeof === u || i.$$typeof === c || i.$$typeof === o || // This needs to include all possible module reference object
+    var j = !1, _ = !1, L = !1, K = !1, ee = !1, H;
+    H = Symbol.for("react.module.reference");
+    function oe(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === a || t === l || ee || t === c || t === h || t === u || K || t === g || j || _ || L || typeof t == "object" && t !== null && (t.$$typeof === v || t.$$typeof === f || t.$$typeof === d || t.$$typeof === i || t.$$typeof === o || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      i.$$typeof === Z || i.getModuleId !== void 0));
+      t.$$typeof === H || t.getModuleId !== void 0));
     }
-    function X(i, h, v) {
-      var b = i.displayName;
-      if (b)
-        return b;
-      var R = h.displayName || h.name || "";
-      return R !== "" ? v + "(" + R + ")" : v;
+    function X(t, x, m) {
+      var p = t.displayName;
+      if (p)
+        return p;
+      var C = x.displayName || x.name || "";
+      return C !== "" ? m + "(" + C + ")" : m;
     }
-    function at(i) {
-      return i.displayName || "Context";
+    function Oe(t) {
+      return t.displayName || "Context";
     }
-    function K(i) {
-      if (i == null)
+    function V(t) {
+      if (t == null)
         return null;
-      if (typeof i.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
-        return i.displayName || i.name || null;
-      if (typeof i == "string")
-        return i;
-      switch (i) {
+      if (typeof t.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+        return t.displayName || t.name || null;
+      if (typeof t == "string")
+        return t;
+      switch (t) {
         case a:
           return "Fragment";
-        case r:
+        case s:
           return "Portal";
         case l:
           return "Profiler";
-        case s:
+        case c:
           return "StrictMode";
-        case d:
+        case h:
           return "Suspense";
-        case f:
+        case u:
           return "SuspenseList";
       }
-      if (typeof i == "object")
-        switch (i.$$typeof) {
-          case c:
-            var h = i;
-            return at(h) + ".Consumer";
-          case u:
-            var v = i;
-            return at(v._context) + ".Provider";
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case i:
+            var x = t;
+            return Oe(x) + ".Consumer";
+          case d:
+            var m = t;
+            return Oe(m._context) + ".Provider";
           case o:
-            return X(i, i.render, "ForwardRef");
-          case m:
-            var b = i.displayName || null;
-            return b !== null ? b : K(i.type) || "Memo";
-          case x: {
-            var R = i, D = R._payload, w = R._init;
+            return X(t, t.render, "ForwardRef");
+          case f:
+            var p = t.displayName || null;
+            return p !== null ? p : V(t.type) || "Memo";
+          case v: {
+            var C = t, T = C._payload, k = C._init;
             try {
-              return K(w(D));
+              return V(k(T));
             } catch {
               return null;
             }
@@ -131,622 +129,622 @@ function Dn() {
         }
       return null;
     }
-    var ee = Object.assign, ce = 0, st, it, lt, ct, ot, ut, dt;
-    function ft() {
+    var q = Object.assign, ne = 0, De, Me, Fe, Pe, Ae, Ie, Ye;
+    function Be() {
     }
-    ft.__reactDisabledLog = !0;
-    function rn() {
+    Be.__reactDisabledLog = !0;
+    function mn() {
       {
-        if (ce === 0) {
-          st = console.log, it = console.info, lt = console.warn, ct = console.error, ot = console.group, ut = console.groupCollapsed, dt = console.groupEnd;
-          var i = {
+        if (ne === 0) {
+          De = console.log, Me = console.info, Fe = console.warn, Pe = console.error, Ae = console.group, Ie = console.groupCollapsed, Ye = console.groupEnd;
+          var t = {
             configurable: !0,
             enumerable: !0,
-            value: ft,
+            value: Be,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: i,
-            log: i,
-            warn: i,
-            error: i,
-            group: i,
-            groupCollapsed: i,
-            groupEnd: i
+            info: t,
+            log: t,
+            warn: t,
+            error: t,
+            group: t,
+            groupCollapsed: t,
+            groupEnd: t
           });
         }
-        ce++;
+        ne++;
       }
     }
-    function an() {
+    function vn() {
       {
-        if (ce--, ce === 0) {
-          var i = {
+        if (ne--, ne === 0) {
+          var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ee({}, i, {
-              value: st
+            log: q({}, t, {
+              value: De
             }),
-            info: ee({}, i, {
-              value: it
+            info: q({}, t, {
+              value: Me
             }),
-            warn: ee({}, i, {
-              value: lt
+            warn: q({}, t, {
+              value: Fe
             }),
-            error: ee({}, i, {
-              value: ct
+            error: q({}, t, {
+              value: Pe
             }),
-            group: ee({}, i, {
-              value: ot
+            group: q({}, t, {
+              value: Ae
             }),
-            groupCollapsed: ee({}, i, {
-              value: ut
+            groupCollapsed: q({}, t, {
+              value: Ie
             }),
-            groupEnd: ee({}, i, {
-              value: dt
+            groupEnd: q({}, t, {
+              value: Ye
             })
           });
         }
-        ce < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ne < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var $e = O.ReactCurrentDispatcher, Fe;
-    function ge(i, h, v) {
+    var pe = O.ReactCurrentDispatcher, ge;
+    function de(t, x, m) {
       {
-        if (Fe === void 0)
+        if (ge === void 0)
           try {
             throw Error();
-          } catch (R) {
-            var b = R.stack.trim().match(/\n( *(at )?)/);
-            Fe = b && b[1] || "";
+          } catch (C) {
+            var p = C.stack.trim().match(/\n( *(at )?)/);
+            ge = p && p[1] || "";
           }
         return `
-` + Fe + i;
+` + ge + t;
       }
     }
-    var Me = !1, ye;
+    var ye = !1, ue;
     {
-      var sn = typeof WeakMap == "function" ? WeakMap : Map;
-      ye = new sn();
+      var jn = typeof WeakMap == "function" ? WeakMap : Map;
+      ue = new jn();
     }
-    function ht(i, h) {
-      if (!i || Me)
+    function We(t, x) {
+      if (!t || ye)
         return "";
       {
-        var v = ye.get(i);
-        if (v !== void 0)
-          return v;
+        var m = ue.get(t);
+        if (m !== void 0)
+          return m;
       }
-      var b;
-      Me = !0;
-      var R = Error.prepareStackTrace;
+      var p;
+      ye = !0;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var D;
-      D = $e.current, $e.current = null, rn();
+      var T;
+      T = pe.current, pe.current = null, mn();
       try {
-        if (h) {
-          var w = function() {
+        if (x) {
+          var k = function() {
             throw Error();
           };
-          if (Object.defineProperty(w.prototype, "props", {
+          if (Object.defineProperty(k.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(w, []);
-            } catch (W) {
-              b = W;
+              Reflect.construct(k, []);
+            } catch (A) {
+              p = A;
             }
-            Reflect.construct(i, [], w);
+            Reflect.construct(t, [], k);
           } else {
             try {
-              w.call();
-            } catch (W) {
-              b = W;
+              k.call();
+            } catch (A) {
+              p = A;
             }
-            i.call(w.prototype);
+            t.call(k.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (W) {
-            b = W;
+          } catch (A) {
+            p = A;
           }
-          i();
+          t();
         }
-      } catch (W) {
-        if (W && b && typeof W.stack == "string") {
-          for (var k = W.stack.split(`
-`), V = b.stack.split(`
-`), $ = k.length - 1, M = V.length - 1; $ >= 1 && M >= 0 && k[$] !== V[M]; )
-            M--;
-          for (; $ >= 1 && M >= 0; $--, M--)
-            if (k[$] !== V[M]) {
-              if ($ !== 1 || M !== 1)
+      } catch (A) {
+        if (A && p && typeof A.stack == "string") {
+          for (var b = A.stack.split(`
+`), P = p.stack.split(`
+`), $ = b.length - 1, D = P.length - 1; $ >= 1 && D >= 0 && b[$] !== P[D]; )
+            D--;
+          for (; $ >= 1 && D >= 0; $--, D--)
+            if (b[$] !== P[D]) {
+              if ($ !== 1 || D !== 1)
                 do
-                  if ($--, M--, M < 0 || k[$] !== V[M]) {
-                    var B = `
-` + k[$].replace(" at new ", " at ");
-                    return i.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", i.displayName)), typeof i == "function" && ye.set(i, B), B;
+                  if ($--, D--, D < 0 || b[$] !== P[D]) {
+                    var Y = `
+` + b[$].replace(" at new ", " at ");
+                    return t.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", t.displayName)), typeof t == "function" && ue.set(t, Y), Y;
                   }
-                while ($ >= 1 && M >= 0);
+                while ($ >= 1 && D >= 0);
               break;
             }
         }
       } finally {
-        Me = !1, $e.current = D, an(), Error.prepareStackTrace = R;
+        ye = !1, pe.current = T, vn(), Error.prepareStackTrace = C;
       }
-      var ae = i ? i.displayName || i.name : "", te = ae ? ge(ae) : "";
-      return typeof i == "function" && ye.set(i, te), te;
+      var Q = t ? t.displayName || t.name : "", J = Q ? de(Q) : "";
+      return typeof t == "function" && ue.set(t, J), J;
     }
-    function ln(i, h, v) {
-      return ht(i, !1);
+    function pn(t, x, m) {
+      return We(t, !1);
     }
-    function cn(i) {
-      var h = i.prototype;
-      return !!(h && h.isReactComponent);
+    function gn(t) {
+      var x = t.prototype;
+      return !!(x && x.isReactComponent);
     }
-    function be(i, h, v) {
-      if (i == null)
+    function xe(t, x, m) {
+      if (t == null)
         return "";
-      if (typeof i == "function")
-        return ht(i, cn(i));
-      if (typeof i == "string")
-        return ge(i);
-      switch (i) {
-        case d:
-          return ge("Suspense");
-        case f:
-          return ge("SuspenseList");
+      if (typeof t == "function")
+        return We(t, gn(t));
+      if (typeof t == "string")
+        return de(t);
+      switch (t) {
+        case h:
+          return de("Suspense");
+        case u:
+          return de("SuspenseList");
       }
-      if (typeof i == "object")
-        switch (i.$$typeof) {
+      if (typeof t == "object")
+        switch (t.$$typeof) {
           case o:
-            return ln(i.render);
-          case m:
-            return be(i.type, h, v);
-          case x: {
-            var b = i, R = b._payload, D = b._init;
+            return pn(t.render);
+          case f:
+            return xe(t.type, x, m);
+          case v: {
+            var p = t, C = p._payload, T = p._init;
             try {
-              return be(D(R), h, v);
+              return xe(T(C), x, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var oe = Object.prototype.hasOwnProperty, mt = {}, xt = O.ReactDebugCurrentFrame;
-    function Ne(i) {
-      if (i) {
-        var h = i._owner, v = be(i.type, i._source, h ? h.type : null);
-        xt.setExtraStackFrame(v);
+    var te = Object.prototype.hasOwnProperty, Le = {}, Ve = O.ReactDebugCurrentFrame;
+    function he(t) {
+      if (t) {
+        var x = t._owner, m = xe(t.type, t._source, x ? x.type : null);
+        Ve.setExtraStackFrame(m);
       } else
-        xt.setExtraStackFrame(null);
+        Ve.setExtraStackFrame(null);
     }
-    function on(i, h, v, b, R) {
+    function yn(t, x, m, p, C) {
       {
-        var D = Function.call.bind(oe);
-        for (var w in i)
-          if (D(i, w)) {
-            var k = void 0;
+        var T = Function.call.bind(te);
+        for (var k in t)
+          if (T(t, k)) {
+            var b = void 0;
             try {
-              if (typeof i[w] != "function") {
-                var V = Error((b || "React class") + ": " + v + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw V.name = "Invariant Violation", V;
+              if (typeof t[k] != "function") {
+                var P = Error((p || "React class") + ": " + m + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
               }
-              k = i[w](h, w, b, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              b = t[k](x, k, p, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch ($) {
-              k = $;
+              b = $;
             }
-            k && !(k instanceof Error) && (Ne(R), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", v, w, typeof k), Ne(null)), k instanceof Error && !(k.message in mt) && (mt[k.message] = !0, Ne(R), y("Failed %s type: %s", v, k.message), Ne(null));
+            b && !(b instanceof Error) && (he(C), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", m, k, typeof b), he(null)), b instanceof Error && !(b.message in Le) && (Le[b.message] = !0, he(C), E("Failed %s type: %s", m, b.message), he(null));
           }
       }
     }
-    var un = Array.isArray;
-    function Ae(i) {
-      return un(i);
+    var bn = Array.isArray;
+    function be(t) {
+      return bn(t);
     }
-    function dn(i) {
+    function kn(t) {
       {
-        var h = typeof Symbol == "function" && Symbol.toStringTag, v = h && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return v;
+        var x = typeof Symbol == "function" && Symbol.toStringTag, m = x && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return m;
       }
     }
-    function fn(i) {
+    function Nn(t) {
       try {
-        return vt(i), !1;
+        return ze(t), !1;
       } catch {
         return !0;
       }
     }
-    function vt(i) {
-      return "" + i;
+    function ze(t) {
+      return "" + t;
     }
-    function pt(i) {
-      if (fn(i))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", dn(i)), vt(i);
+    function Ue(t) {
+      if (Nn(t))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", kn(t)), ze(t);
     }
-    var ue = O.ReactCurrentOwner, hn = {
+    var re = O.ReactCurrentOwner, Cn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, jt, gt, Le;
-    Le = {};
-    function mn(i) {
-      if (oe.call(i, "ref")) {
-        var h = Object.getOwnPropertyDescriptor(i, "ref").get;
-        if (h && h.isReactWarning)
+    }, Ke, Xe, ke;
+    ke = {};
+    function wn(t) {
+      if (te.call(t, "ref")) {
+        var x = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (x && x.isReactWarning)
           return !1;
       }
-      return i.ref !== void 0;
+      return t.ref !== void 0;
     }
-    function xn(i) {
-      if (oe.call(i, "key")) {
-        var h = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (h && h.isReactWarning)
+    function En(t) {
+      if (te.call(t, "key")) {
+        var x = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (x && x.isReactWarning)
           return !1;
       }
-      return i.key !== void 0;
+      return t.key !== void 0;
     }
-    function vn(i, h) {
-      if (typeof i.ref == "string" && ue.current && h && ue.current.stateNode !== h) {
-        var v = K(ue.current.type);
-        Le[v] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', K(ue.current.type), i.ref), Le[v] = !0);
+    function Tn(t, x) {
+      if (typeof t.ref == "string" && re.current && x && re.current.stateNode !== x) {
+        var m = V(re.current.type);
+        ke[m] || (E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', V(re.current.type), t.ref), ke[m] = !0);
       }
     }
-    function pn(i, h) {
+    function Rn(t, x) {
       {
-        var v = function() {
-          jt || (jt = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+        var m = function() {
+          Ke || (Ke = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
         };
-        v.isReactWarning = !0, Object.defineProperty(i, "key", {
-          get: v,
+        m.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: m,
           configurable: !0
         });
       }
     }
-    function jn(i, h) {
+    function _n(t, x) {
       {
-        var v = function() {
-          gt || (gt = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+        var m = function() {
+          Xe || (Xe = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
         };
-        v.isReactWarning = !0, Object.defineProperty(i, "ref", {
-          get: v,
+        m.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: m,
           configurable: !0
         });
       }
     }
-    var gn = function(i, h, v, b, R, D, w) {
-      var k = {
+    var Sn = function(t, x, m, p, C, T, k) {
+      var b = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: n,
+        $$typeof: r,
         // Built-in properties that belong on the element
-        type: i,
-        key: h,
-        ref: v,
-        props: w,
+        type: t,
+        key: x,
+        ref: m,
+        props: k,
         // Record the component responsible for creating this element.
-        _owner: D
+        _owner: T
       };
-      return k._store = {}, Object.defineProperty(k._store, "validated", {
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(k, "_self", {
+      }), Object.defineProperty(b, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: b
-      }), Object.defineProperty(k, "_source", {
+        value: p
+      }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
-      }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
+        value: C
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function yn(i, h, v, b, R) {
+    function $n(t, x, m, p, C) {
       {
-        var D, w = {}, k = null, V = null;
-        v !== void 0 && (pt(v), k = "" + v), xn(h) && (pt(h.key), k = "" + h.key), mn(h) && (V = h.ref, vn(h, R));
-        for (D in h)
-          oe.call(h, D) && !hn.hasOwnProperty(D) && (w[D] = h[D]);
-        if (i && i.defaultProps) {
-          var $ = i.defaultProps;
-          for (D in $)
-            w[D] === void 0 && (w[D] = $[D]);
+        var T, k = {}, b = null, P = null;
+        m !== void 0 && (Ue(m), b = "" + m), En(x) && (Ue(x.key), b = "" + x.key), wn(x) && (P = x.ref, Tn(x, C));
+        for (T in x)
+          te.call(x, T) && !Cn.hasOwnProperty(T) && (k[T] = x[T]);
+        if (t && t.defaultProps) {
+          var $ = t.defaultProps;
+          for (T in $)
+            k[T] === void 0 && (k[T] = $[T]);
         }
-        if (k || V) {
-          var M = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          k && pn(w, M), V && jn(w, M);
+        if (b || P) {
+          var D = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          b && Rn(k, D), P && _n(k, D);
         }
-        return gn(i, k, V, R, b, ue.current, w);
+        return Sn(t, b, P, C, p, re.current, k);
       }
     }
-    var Ve = O.ReactCurrentOwner, yt = O.ReactDebugCurrentFrame;
-    function re(i) {
-      if (i) {
-        var h = i._owner, v = be(i.type, i._source, h ? h.type : null);
-        yt.setExtraStackFrame(v);
+    var Ne = O.ReactCurrentOwner, qe = O.ReactDebugCurrentFrame;
+    function Z(t) {
+      if (t) {
+        var x = t._owner, m = xe(t.type, t._source, x ? x.type : null);
+        qe.setExtraStackFrame(m);
       } else
-        yt.setExtraStackFrame(null);
+        qe.setExtraStackFrame(null);
     }
-    var Ie;
-    Ie = !1;
-    function We(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === n;
+    var Ce;
+    Ce = !1;
+    function we(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === r;
     }
-    function bt() {
+    function Je() {
       {
-        if (Ve.current) {
-          var i = K(Ve.current.type);
-          if (i)
+        if (Ne.current) {
+          var t = V(Ne.current.type);
+          if (t)
             return `
 
-Check the render method of \`` + i + "`.";
+Check the render method of \`` + t + "`.";
         }
         return "";
       }
     }
-    function bn(i) {
+    function On(t) {
       {
-        if (i !== void 0) {
-          var h = i.fileName.replace(/^.*[\\\/]/, ""), v = i.lineNumber;
+        if (t !== void 0) {
+          var x = t.fileName.replace(/^.*[\\\/]/, ""), m = t.lineNumber;
           return `
 
-Check your code at ` + h + ":" + v + ".";
+Check your code at ` + x + ":" + m + ".";
         }
         return "";
       }
     }
-    var Nt = {};
-    function Nn(i) {
+    var Ge = {};
+    function Dn(t) {
       {
-        var h = bt();
-        if (!h) {
-          var v = typeof i == "string" ? i : i.displayName || i.name;
-          v && (h = `
+        var x = Je();
+        if (!x) {
+          var m = typeof t == "string" ? t : t.displayName || t.name;
+          m && (x = `
 
-Check the top-level render call using <` + v + ">.");
+Check the top-level render call using <` + m + ">.");
         }
-        return h;
+        return x;
       }
     }
-    function Ct(i, h) {
+    function He(t, x) {
       {
-        if (!i._store || i._store.validated || i.key != null)
+        if (!t._store || t._store.validated || t.key != null)
           return;
-        i._store.validated = !0;
-        var v = Nn(h);
-        if (Nt[v])
+        t._store.validated = !0;
+        var m = Dn(x);
+        if (Ge[m])
           return;
-        Nt[v] = !0;
-        var b = "";
-        i && i._owner && i._owner !== Ve.current && (b = " It was passed a child from " + K(i._owner.type) + "."), re(i), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', v, b), re(null);
+        Ge[m] = !0;
+        var p = "";
+        t && t._owner && t._owner !== Ne.current && (p = " It was passed a child from " + V(t._owner.type) + "."), Z(t), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, p), Z(null);
       }
     }
-    function kt(i, h) {
+    function Ze(t, x) {
       {
-        if (typeof i != "object")
+        if (typeof t != "object")
           return;
-        if (Ae(i))
-          for (var v = 0; v < i.length; v++) {
-            var b = i[v];
-            We(b) && Ct(b, h);
+        if (be(t))
+          for (var m = 0; m < t.length; m++) {
+            var p = t[m];
+            we(p) && He(p, x);
           }
-        else if (We(i))
-          i._store && (i._store.validated = !0);
-        else if (i) {
-          var R = _(i);
-          if (typeof R == "function" && R !== i.entries)
-            for (var D = R.call(i), w; !(w = D.next()).done; )
-              We(w.value) && Ct(w.value, h);
+        else if (we(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var C = S(t);
+          if (typeof C == "function" && C !== t.entries)
+            for (var T = C.call(t), k; !(k = T.next()).done; )
+              we(k.value) && He(k.value, x);
         }
       }
     }
-    function Cn(i) {
+    function Mn(t) {
       {
-        var h = i.type;
-        if (h == null || typeof h == "string")
+        var x = t.type;
+        if (x == null || typeof x == "string")
           return;
-        var v;
-        if (typeof h == "function")
-          v = h.propTypes;
-        else if (typeof h == "object" && (h.$$typeof === o || // Note: Memo only checks outer props here.
+        var m;
+        if (typeof x == "function")
+          m = x.propTypes;
+        else if (typeof x == "object" && (x.$$typeof === o || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        h.$$typeof === m))
-          v = h.propTypes;
+        x.$$typeof === f))
+          m = x.propTypes;
         else
           return;
-        if (v) {
-          var b = K(h);
-          on(v, i.props, "prop", b, i);
-        } else if (h.PropTypes !== void 0 && !Ie) {
-          Ie = !0;
-          var R = K(h);
-          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+        if (m) {
+          var p = V(x);
+          yn(m, t.props, "prop", p, t);
+        } else if (x.PropTypes !== void 0 && !Ce) {
+          Ce = !0;
+          var C = V(x);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
-        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function kn(i) {
+    function Fn(t) {
       {
-        for (var h = Object.keys(i.props), v = 0; v < h.length; v++) {
-          var b = h[v];
-          if (b !== "children" && b !== "key") {
-            re(i), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), re(null);
+        for (var x = Object.keys(t.props), m = 0; m < x.length; m++) {
+          var p = x[m];
+          if (p !== "children" && p !== "key") {
+            Z(t), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), Z(null);
             break;
           }
         }
-        i.ref !== null && (re(i), y("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
+        t.ref !== null && (Z(t), E("Invalid attribute `ref` supplied to `React.Fragment`."), Z(null));
       }
     }
-    var wt = {};
-    function Et(i, h, v, b, R, D) {
+    var Qe = {};
+    function en(t, x, m, p, C, T) {
       {
-        var w = Q(i);
-        if (!w) {
-          var k = "";
-          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var V = bn(R);
-          V ? k += V : k += bt();
+        var k = oe(t);
+        if (!k) {
+          var b = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var P = On(C);
+          P ? b += P : b += Je();
           var $;
-          i === null ? $ = "null" : Ae(i) ? $ = "array" : i !== void 0 && i.$$typeof === n ? ($ = "<" + (K(i.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof i, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, k);
+          t === null ? $ = "null" : be(t) ? $ = "array" : t !== void 0 && t.$$typeof === r ? ($ = "<" + (V(t.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof t, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, b);
         }
-        var M = yn(i, h, v, R, D);
-        if (M == null)
-          return M;
-        if (w) {
-          var B = h.children;
-          if (B !== void 0)
-            if (b)
-              if (Ae(B)) {
-                for (var ae = 0; ae < B.length; ae++)
-                  kt(B[ae], i);
-                Object.freeze && Object.freeze(B);
+        var D = $n(t, x, m, C, T);
+        if (D == null)
+          return D;
+        if (k) {
+          var Y = x.children;
+          if (Y !== void 0)
+            if (p)
+              if (be(Y)) {
+                for (var Q = 0; Q < Y.length; Q++)
+                  Ze(Y[Q], t);
+                Object.freeze && Object.freeze(Y);
               } else
-                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              kt(B, i);
+              Ze(Y, t);
         }
-        if (oe.call(h, "key")) {
-          var te = K(i), W = Object.keys(h).filter(function(Tn) {
-            return Tn !== "key";
-          }), Ue = W.length > 0 ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!wt[te + Ue]) {
-            var _n = W.length > 0 ? "{" + W.join(": ..., ") + ": ...}" : "{}";
-            y(`A props object containing a "key" prop is being spread into JSX:
+        if (te.call(x, "key")) {
+          var J = V(t), A = Object.keys(x).filter(function(Wn) {
+            return Wn !== "key";
+          }), Ee = A.length > 0 ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Qe[J + Ee]) {
+            var Bn = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
+            E(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ue, te, _n, te), wt[te + Ue] = !0;
+  <%s key={someKey} {...props} />`, Ee, J, Bn, J), Qe[J + Ee] = !0;
           }
         }
-        return i === a ? kn(M) : Cn(M), M;
+        return t === a ? Fn(D) : Mn(D), D;
       }
     }
-    function wn(i, h, v) {
-      return Et(i, h, v, !0);
+    function Pn(t, x, m) {
+      return en(t, x, m, !0);
     }
-    function En(i, h, v) {
-      return Et(i, h, v, !1);
+    function An(t, x, m) {
+      return en(t, x, m, !1);
     }
-    var Rn = En, Sn = wn;
-    fe.Fragment = a, fe.jsx = Rn, fe.jsxs = Sn;
-  }()), fe;
+    var In = An, Yn = Pn;
+    ae.Fragment = a, ae.jsx = In, ae.jsxs = Yn;
+  }()), ae;
 }
-process.env.NODE_ENV === "production" ? Xe.exports = On() : Xe.exports = Dn();
-var t = Xe.exports;
-const Pn = (e) => xe({ ...e, className: (e.className ?? "") + " outline-button" }), A = (e) => xe({ ...e, className: (e.className ?? "") + " text-button" }), $n = (e) => xe({ ...e, className: (e.className ?? "") + " total-button" }), Fn = (e) => xe({ ...e, className: (e.className ?? "") + " filled-button" }), xe = (e) => {
-  const n = (r) => {
-    e.onClick && e.onClick(r);
+process.env.NODE_ENV === "production" ? Se.exports = Ln() : Se.exports = Vn();
+var e = Se.exports;
+const zn = (n) => le({ ...n, className: (n.className ?? "") + " outline-button" }), M = (n) => le({ ...n, className: (n.className ?? "") + " text-button" }), Un = (n) => le({ ...n, className: (n.className ?? "") + " total-button" }), Kn = (n) => le({ ...n, className: (n.className ?? "") + " filled-button" }), le = (n) => {
+  const r = (s) => {
+    n.onClick && n.onClick(s);
     let a = document.createElement("span");
     a.classList.add("btn-overlay");
-    let s = r.pageX - r.currentTarget.offsetLeft, l = r.pageY - r.currentTarget.offsetTop;
-    a.style.left = s + "px", a.style.top = l + "px", r.currentTarget.appendChild(a), setTimeout(() => {
+    let c = s.pageX - s.currentTarget.offsetLeft, l = s.pageY - s.currentTarget.offsetTop;
+    a.style.left = c + "px", a.style.top = l + "px", s.currentTarget.appendChild(a), setTimeout(() => {
       a.remove();
     }, 500);
   };
-  return /* @__PURE__ */ t.jsx("button", { ...e, className: (e.className ?? "") + " btn", onClick: n, children: /* @__PURE__ */ t.jsx("span", { children: e.children }) });
-}, Mn = ({ styleType: e = "base", ...n }) => e === "outline" ? Pn({ ...n }) : e === "text" ? A({ ...n }) : e === "filledTotal" ? $n({ ...n }) : e === "filled" ? Fn({ ...n }) : xe({ ...n });
-const An = ({ children: e, className: n, maxHeight: r, scroll: a, transparent: s }) => /* @__PURE__ */ t.jsx("ul", { style: { overflowY: r ? a ? "scroll" : "hidden" : void 0, maxHeight: r, backgroundColor: s ? "transparent" : void 0 }, className: `list-container ${n} ${a ? "scroll" : ""}`, children: e }), Ln = ({ icon: e, control: n, text: r, header: a, value: s, onClick: l, hovered: u, className: c }) => {
-  const o = (d) => {
-    d.target.closest(".control-container") || l && l(d);
+  return /* @__PURE__ */ e.jsx("button", { ...n, className: (n.className ?? "") + " btn", onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: n.children }) });
+}, Xn = ({ styleType: n = "base", ...r }) => n === "outline" ? zn({ ...r }) : n === "text" ? M({ ...r }) : n === "filledTotal" ? Un({ ...r }) : n === "filled" ? Kn({ ...r }) : le({ ...r });
+const qn = ({ children: n, className: r, maxHeight: s, scroll: a, transparent: c }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: s ? a ? "scroll" : "hidden" : void 0, maxHeight: s, backgroundColor: c ? "transparent" : void 0 }, className: `list-container ${r} ${a ? "scroll" : ""}`, children: n }), Jn = ({ icon: n, control: r, text: s, header: a, value: c, onClick: l, hovered: d, className: i }) => {
+  const o = (h) => {
+    h.target.closest(".control-container") || l && l(h);
   };
-  return /* @__PURE__ */ t.jsxs("li", { className: ` ${c} list-item-container ${u ? "hovered" : ""}`, onClick: o, children: [
-    e ? /* @__PURE__ */ t.jsx("div", { className: "icon-container", children: e }) : s ? /* @__PURE__ */ t.jsx("div", { className: "icon-container", children: s }) : null,
-    r ? /* @__PURE__ */ t.jsxs("div", { className: "text-container", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "header", children: a }),
-      /* @__PURE__ */ t.jsx("div", { className: "text", children: r })
-    ] }) : /* @__PURE__ */ t.jsx("div", { className: "text-container", children: /* @__PURE__ */ t.jsx("div", { className: "header", children: a }) }),
-    n ? /* @__PURE__ */ t.jsx("div", { className: "control-container", children: n }) : null
+  return /* @__PURE__ */ e.jsxs("li", { className: ` ${i} list-item-container ${d ? "hovered" : ""}`, onClick: o, children: [
+    n ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: n }) : c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: c }) : null,
+    s ? /* @__PURE__ */ e.jsxs("div", { className: "text-container", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "header", children: a }),
+      /* @__PURE__ */ e.jsx("div", { className: "text", children: s })
+    ] }) : /* @__PURE__ */ e.jsx("div", { className: "text-container", children: /* @__PURE__ */ e.jsx("div", { className: "header", children: a }) }),
+    r ? /* @__PURE__ */ e.jsx("div", { className: "control-container", children: r }) : null
   ] });
 };
-const he = ({ transparent: e, icon: n, className: r, onClick: a, onContextMenu: s, disabled: l, classNameContainer: u, style: c }) => {
-  const o = (d) => {
-    a && a(d);
-    let f = document.createElement("span");
-    f.classList.add("btn-overlay");
-    let m = d.pageX - d.currentTarget.offsetLeft, x = d.pageY - d.currentTarget.offsetTop;
-    f.style.left = m + "px", f.style.top = x + "px", d.currentTarget.appendChild(f), setTimeout(() => {
-      f.remove();
+const ie = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu: c, disabled: l, classNameContainer: d, style: i }) => {
+  const o = (h) => {
+    a && a(h);
+    let u = document.createElement("span");
+    u.classList.add("btn-overlay");
+    let f = h.pageX - h.currentTarget.offsetLeft, v = h.pageY - h.currentTarget.offsetTop;
+    u.style.left = f + "px", u.style.top = v + "px", h.currentTarget.appendChild(u), setTimeout(() => {
+      u.remove();
     }, 500);
   };
-  return /* @__PURE__ */ t.jsx("button", { style: { backgroundColor: e ? "transparent" : void 0, ...c }, className: `iconbutton ${r}`, onClick: o, onContextMenu: s, disabled: l, children: /* @__PURE__ */ t.jsx("div", { className: `${u} iconbutton-container`, children: n }) });
+  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...i }, className: `iconbutton ${s}`, onClick: o, onContextMenu: c, disabled: l, children: /* @__PURE__ */ e.jsx("div", { className: `${d} iconbutton-container`, children: r }) });
 };
-const da = ({ className: e, action: n, imgSrc: r, alt: a, header: s, subhead: l, text: u, children: c, iconButtonCell: o, onClick: d }) => {
-  const f = (x) => !(x.target.className === "action-container" || x.target.closest(".action-container") || x.target.className === "icon-button-container" || x.target.closest(".icon-button-container")), m = (x) => {
-    if (d && d(x), !f(x))
+const Ft = ({ className: n, action: r, imgSrc: s, alt: a, header: c, subhead: l, text: d, children: i, iconButtonCell: o, onClick: h }) => {
+  const u = (v) => !(v.target.className === "action-container" || v.target.closest(".action-container") || v.target.className === "icon-button-container" || v.target.closest(".icon-button-container")), f = (v) => {
+    if (h && h(v), !u(v))
       return;
-    let j = x.currentTarget.closest(".card-container"), g = j == null ? void 0 : j.querySelector(".blick-container");
-    if (!g)
+    let g = v.currentTarget.closest(".card-container"), y = g == null ? void 0 : g.querySelector(".blick-container");
+    if (!y)
       return;
-    let C = document.createElement("span");
-    C.classList.add("btn-overlay");
-    let _ = x.pageX - x.currentTarget.offsetLeft, O = x.pageY - x.currentTarget.offsetTop;
-    C.style.left = _ + "px", C.style.top = O + "px", g.appendChild(C), setTimeout(() => {
-      C.remove();
+    let w = document.createElement("span");
+    w.classList.add("btn-overlay");
+    let S = v.pageX - v.currentTarget.offsetLeft, O = v.pageY - v.currentTarget.offsetTop;
+    w.style.left = S + "px", w.style.top = O + "px", y.appendChild(w), setTimeout(() => {
+      w.remove();
     }, 500);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: `card-container ${e}`, onClick: m, children: [
-    /* @__PURE__ */ t.jsx("div", { className: "blick-container" }),
-    r ? /* @__PURE__ */ t.jsx("div", { className: "card-img-container", children: /* @__PURE__ */ t.jsx("img", { src: r, alt: a }) }) : null,
-    /* @__PURE__ */ t.jsxs("div", { className: "card-content-container", children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "card-Headline-container mb-1 font-bold", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "headline", children: /* @__PURE__ */ t.jsx("h2", { className: "text-3xl", children: s }) }),
-        o ? /* @__PURE__ */ t.jsx("div", { className: "icon-button-container", children: o }) : null
+  return /* @__PURE__ */ e.jsxs("div", { className: `card-container ${n}`, onClick: f, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "blick-container" }),
+    s ? /* @__PURE__ */ e.jsx("div", { className: "card-img-container", children: /* @__PURE__ */ e.jsx("img", { src: s, alt: a }) }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "card-content-container", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "card-Headline-container mb-1 font-bold", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: c }) }),
+        o ? /* @__PURE__ */ e.jsx("div", { className: "icon-button-container", children: o }) : null
       ] }),
-      l ? /* @__PURE__ */ t.jsx("div", { className: "card-subhead-container mb-1", children: /* @__PURE__ */ t.jsx("div", { className: "subhead", children: /* @__PURE__ */ t.jsx("h3", { className: "text-xl", children: l }) }) }) : null,
-      u ? /* @__PURE__ */ t.jsx("div", { className: "card-text-container mb-1", children: /* @__PURE__ */ t.jsx("div", { className: "text", children: /* @__PURE__ */ t.jsx("p", { className: "text-sm", children: u }) }) }) : null,
-      c ? /* @__PURE__ */ t.jsx("div", { className: "card-child-container mb-2", children: c }) : null,
-      /* @__PURE__ */ t.jsx("div", { className: "action-container", children: n })
+      l ? /* @__PURE__ */ e.jsx("div", { className: "card-subhead-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "subhead", children: /* @__PURE__ */ e.jsx("h3", { className: "text-xl", children: l }) }) }) : null,
+      d ? /* @__PURE__ */ e.jsx("div", { className: "card-text-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: d }) }) }) : null,
+      i ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: i }) : null,
+      /* @__PURE__ */ e.jsx("div", { className: "action-container", children: r })
     ] })
   ] });
 };
-const Vn = ({ children: e, className: n }) => /* @__PURE__ */ t.jsx("div", { className: `base-action-card ${n ?? ""}`, children: e });
-const fa = ({ children: e, className: n, id: r, height: a, width: s, pozMove: l }) => {
-  const [u, c] = E(!1), [o, d] = E(null), [f, m] = E({ x: 0, y: 0 }), x = (C) => {
-    C.button == 1 && (c(!1), d(null), document.body.style.cursor = "auto");
-  }, j = (C) => {
-    C.button == 1 && (d({ x: C.clientX, y: C.clientY }), c(!0), document.body.style.cursor = "move");
-  }, g = P((C) => {
-    u && (m((_) => {
+const Gn = ({ children: n, className: r }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${r ?? ""}`, children: n });
+const Pt = ({ children: n, className: r, id: s, height: a, width: c, pozMove: l }) => {
+  const [d, i] = N(!1), [o, h] = N(null), [u, f] = N({ x: 0, y: 0 }), v = (w) => {
+    w.button == 1 && (i(!1), h(null), document.body.style.cursor = "auto");
+  }, g = (w) => {
+    w.button == 1 && (h({ x: w.clientX, y: w.clientY }), i(!0), document.body.style.cursor = "move");
+  }, y = R((w) => {
+    d && (f((S) => {
       if (!o)
-        return _;
-      const O = C.clientX - o.x, y = C.clientY - o.y;
-      let S = _.x + O, p = _.y + y;
-      return { x: S, y: p };
-    }), d({ x: C.clientX, y: C.clientY }));
-  }, [u, o]);
-  return L(() => {
-    l && m({ ...l });
-  }, [l]), /* @__PURE__ */ t.jsx("div", { id: r, style: { height: a, width: s }, className: `big-container ${n}`, onMouseDown: j, onMouseUp: x, onMouseMove: g, children: /* @__PURE__ */ t.jsx("div", { className: "big-container-content", style: { left: f.x, top: f.y }, children: e }) });
+        return S;
+      const O = w.clientX - o.x, E = w.clientY - o.y;
+      let B = S.x + O, j = S.y + E;
+      return { x: B, y: j };
+    }), h({ x: w.clientX, y: w.clientY }));
+  }, [d, o]);
+  return F(() => {
+    l && f({ ...l });
+  }, [l]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: a, width: c }, className: `big-container ${r}`, onMouseDown: g, onMouseUp: v, onMouseMove: y, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: u.x, top: u.y }, children: n }) });
 };
-const In = (e) => {
-  const [n, r] = E(!1), a = P(() => {
-    r(!0), setTimeout(() => {
-      e.onHide(), r(!1);
+const Hn = (n) => {
+  const [r, s] = N(!1), a = R(() => {
+    s(!0), setTimeout(() => {
+      n.onHide(), s(!1);
     }, 200);
-  }, [e.onHide]);
-  return L(() => {
-    e.visible || a();
-  }, [e.visible, a]), !e.visible && !n || !e.children ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: `bottom-sheets ${n ? "hide" : ""}`, children: [
-      /* @__PURE__ */ t.jsx("div", { className: "bottom-sheets-handle", children: /* @__PURE__ */ t.jsx("span", {}) }),
-      /* @__PURE__ */ t.jsx("div", { className: "bottom-sheets-content", children: e.children })
+  }, [n.onHide]);
+  return F(() => {
+    n.visible || a();
+  }, [n.visible, a]), !n.visible && !r || !n.children ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `bottom-sheets ${r ? "hide" : ""}`, children: [
+      /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-handle", children: /* @__PURE__ */ e.jsx("span", {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-content", children: n.children })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "backplate bottom-sheets-backplate", style: { zIndex: 1101 }, onClick: a })
+    /* @__PURE__ */ e.jsx("div", { className: "backplate bottom-sheets-backplate", style: { zIndex: 1101 }, onClick: a })
   ] });
 };
-const ha = ({ name: e, checked: n, onChange: r, readOnly: a, checkIcon: s }) => /* @__PURE__ */ t.jsxs("label", { className: "checkbox-container", children: [
-  /* @__PURE__ */ t.jsx("input", { className: "checkbox", name: e, type: "checkbox", checked: n, onChange: r, readOnly: a }),
-  /* @__PURE__ */ t.jsx("span", { children: s || /* @__PURE__ */ t.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
+const At = ({ name: n, checked: r, onChange: s, readOnly: a, checkIcon: c }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "checkbox", name: n, type: "checkbox", checked: r, onChange: s, readOnly: a }),
+  /* @__PURE__ */ e.jsx("span", { children: c || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
 ] });
 /**
  * @license lucide-react v0.378.0 - ISC
@@ -754,14 +752,14 @@ const ha = ({ name: e, checked: n, onChange: r, readOnly: a, checkIcon: s }) =>
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Lt = (...e) => e.filter((n, r, a) => !!n && a.indexOf(n) === r).join(" ");
+const Zn = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), on = (...n) => n.filter((r, s, a) => !!r && a.indexOf(r) === s).join(" ");
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Un = {
+var Qn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -778,30 +776,30 @@ var Un = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bn = At(
+const et = ln(
   ({
-    color: e = "currentColor",
-    size: n = 24,
-    strokeWidth: r = 2,
+    color: n = "currentColor",
+    size: r = 24,
+    strokeWidth: s = 2,
     absoluteStrokeWidth: a,
-    className: s = "",
+    className: c = "",
     children: l,
-    iconNode: u,
-    ...c
-  }, o) => qe(
+    iconNode: d,
+    ...i
+  }, o) => _e(
     "svg",
     {
       ref: o,
-      ...Un,
-      width: n,
-      height: n,
-      stroke: e,
-      strokeWidth: a ? Number(r) * 24 / Number(n) : r,
-      className: Lt("lucide", s),
-      ...c
+      ...Qn,
+      width: r,
+      height: r,
+      stroke: n,
+      strokeWidth: a ? Number(s) * 24 / Number(r) : s,
+      className: on("lucide", c),
+      ...i
     },
     [
-      ...u.map(([d, f]) => qe(d, f)),
+      ...d.map(([h, u]) => _e(h, u)),
       ...Array.isArray(l) ? l : [l]
     ]
   )
@@ -812,16 +810,16 @@ const Bn = At(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const U = (e, n) => {
-  const r = At(
-    ({ className: a, ...s }, l) => qe(Bn, {
+const I = (n, r) => {
+  const s = ln(
+    ({ className: a, ...c }, l) => _e(et, {
       ref: l,
-      iconNode: n,
-      className: Lt(`lucide-${Wn(e)}`, a),
-      ...s
+      iconNode: r,
+      className: on(`lucide-${Zn(n)}`, a),
+      ...c
     })
   );
-  return r.displayName = `${e}`, r;
+  return s.displayName = `${n}`, s;
 };
 /**
  * @license lucide-react v0.378.0 - ISC
@@ -829,7 +827,7 @@ const U = (e, n) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vt = U("AlignJustify", [
+const dn = I("AlignJustify", [
   ["line", { x1: "3", x2: "21", y1: "6", y2: "6", key: "4m8b97" }],
   ["line", { x1: "3", x2: "21", y1: "12", y2: "12", key: "10d38w" }],
   ["line", { x1: "3", x2: "21", y1: "18", y2: "18", key: "kwyyxn" }]
@@ -840,7 +838,7 @@ const Vt = U("AlignJustify", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yn = U("ArrowLeft", [
+const nt = I("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
@@ -850,14 +848,14 @@ const Yn = U("ArrowLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const me = U("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+const ce = I("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _t = U("ChevronDown", [
+const rn = I("ChevronDown", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
 /**
@@ -866,7 +864,7 @@ const _t = U("ChevronDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = U("CircleX", [
+const tt = I("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -877,7 +875,7 @@ const zn = U("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kn = U("Clock3", [
+const rt = I("Clock3", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polyline", { points: "12 6 12 12 16.5 12", key: "1aq6pp" }]
 ]);
@@ -887,7 +885,7 @@ const Kn = U("Clock3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qn = U("EllipsisVertical", [
+const st = I("EllipsisVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
@@ -898,7 +896,7 @@ const qn = U("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = U("Ellipsis", [
+const $e = I("Ellipsis", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
@@ -909,7 +907,7 @@ const Je = U("Ellipsis", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xn = U("Keyboard", [
+const at = I("Keyboard", [
   ["path", { d: "M10 8h.01", key: "1r9ogq" }],
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M14 8h.01", key: "1primd" }],
@@ -926,7 +924,7 @@ const Xn = U("Keyboard", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jn = U("Pen", [
+const it = I("Pen", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }]
 ]);
 /**
@@ -935,7 +933,7 @@ const Jn = U("Pen", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gn = U("Search", [
+const ct = I("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -945,7 +943,7 @@ const Gn = U("Search", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hn = U("Trash2", [
+const lt = I("Trash2", [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
@@ -958,321 +956,321 @@ const Hn = U("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Te = U("X", [
+const je = I("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
-const Zn = ({ text: e, onDelete: n, big: r, onClick: a }) => {
-  const s = (u) => !(u.target.className === "alex-evo-ui-kit-chips-btn" || u.target.closest(".alex-evo-ui-kit-chips-btn")), l = (u) => {
-    s(u) && a && a(u);
+const ot = ({ text: n, onDelete: r, big: s, onClick: a }) => {
+  const c = (d) => !(d.target.className === "alex-evo-ui-kit-chips-btn" || d.target.closest(".alex-evo-ui-kit-chips-btn")), l = (d) => {
+    c(d) && a && a(d);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${r ? "big-chips" : ""} ${a ? "hovered" : ""}`, onClick: l, children: [
-    /* @__PURE__ */ t.jsx("p", { children: e }),
-    n ? /* @__PURE__ */ t.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: n, children: /* @__PURE__ */ t.jsx(Te, { size: 18 }) }) : null
+  return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${s ? "big-chips" : ""} ${a ? "hovered" : ""}`, onClick: l, children: [
+    /* @__PURE__ */ e.jsx("p", { children: n }),
+    r ? /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: r, children: /* @__PURE__ */ e.jsx(je, { size: 18 }) }) : null
   ] });
 };
-const It = ({ styleContainer: e, type: n = "text", transparent: r, readOnly: a, password: s, border: l, onClear: u, icon: c, onChange: o, name: d, value: f, placeholder: m, className: x, validEmptyValue: j, onFocus: g, onBlur: C, error: _, max: O, min: y }) => {
-  const S = G(null), [p, T] = E(!1), I = P((q, Z) => T(!!(_ || q && (!Z || Z === ""))), []);
-  L(() => {
-    I(j, f);
-  }, [f, j, I]);
-  const z = () => {
-    S.current && S.current.focus();
+const un = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a, password: c, border: l, onClear: d, icon: i, onChange: o, name: h, value: u, placeholder: f, className: v, validEmptyValue: g, onFocus: y, onBlur: w, error: S, max: O, min: E }) => {
+  const B = U(null), [j, _] = N(!1), L = R((ee, H) => _(!!(S || ee && (!H || H === ""))), []);
+  F(() => {
+    L(g, u);
+  }, [u, g, L]);
+  const K = () => {
+    B.current && B.current.focus();
   };
-  return /* @__PURE__ */ t.jsxs("div", { style: e, className: `text-field ${l ? "border" : ""} ${r ? "transparent" : ""} ${x}`, children: [
-    c ? /* @__PURE__ */ t.jsx("div", { className: "icon-container", onClick: z, children: c }) : null,
-    /* @__PURE__ */ t.jsxs("div", { className: "input-container", onClick: z, children: [
-      /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field ${l ? "border" : ""} ${s ? "transparent" : ""} ${v}`, children: [
+    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: K, children: i }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: K, children: [
+      /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: S,
+          ref: B,
           max: O,
-          min: y,
+          min: E,
           readOnly: a,
           required: !0,
-          type: s ? "password" : n,
-          className: `${p ? "error" : ""}`,
-          name: d,
-          value: f,
+          type: c ? "password" : r,
+          className: `${j ? "error" : ""}`,
+          name: h,
+          value: u,
           onChange: o,
-          onFocus: g,
-          onBlur: C
+          onFocus: y,
+          onBlur: w
         }
       ),
-      /* @__PURE__ */ t.jsx("label", { children: m ? /* @__PURE__ */ t.jsx("span", { children: m }) : null }),
-      /* @__PURE__ */ t.jsx("span", { className: "text-field-line" })
+      /* @__PURE__ */ e.jsx("label", { children: f ? /* @__PURE__ */ e.jsx("span", { children: f }) : null }),
+      /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
     ] }),
-    u ? /* @__PURE__ */ t.jsx("div", { className: "clear-container", children: /* @__PURE__ */ t.jsx(zn, { onClick: u }) }) : null
+    d ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(tt, { onClick: d }) }) : null
   ] });
 };
-const ma = ({ styleContainer: e, transparent: n, readOnly: r, border: a, icon: s, onChange: l, name: u, value: c, placeholder: o, className: d, validEmptyValue: f, onFocus: m, onBlur: x, error: j }) => {
-  const g = G(null), [C, _] = E(!1), O = P((S, p) => _(!!(j || S && (!p || p === ""))), []);
-  L(() => {
-    O(f, c);
-  }, [c, f, O]);
-  const y = () => {
-    g.current && g.current.focus();
+const It = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: c, onChange: l, name: d, value: i, placeholder: o, className: h, validEmptyValue: u, onFocus: f, onBlur: v, error: g }) => {
+  const y = U(null), [w, S] = N(!1), O = R((B, j) => S(!!(g || B && (!j || j === ""))), []);
+  F(() => {
+    O(u, i);
+  }, [i, u, O]);
+  const E = () => {
+    y.current && y.current.focus();
   };
-  return /* @__PURE__ */ t.jsxs("div", { style: e, className: `text-area ${C ? "error" : ""} ${a ? "border" : ""} ${n ? "transparent" : ""} ${d}`, children: [
-    s ? /* @__PURE__ */ t.jsx("div", { className: "icon-container", onClick: y, children: s }) : null,
-    /* @__PURE__ */ t.jsx("div", { className: "textarea-container", onClick: y, children: /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-area ${w ? "error" : ""} ${a ? "border" : ""} ${r ? "transparent" : ""} ${h}`, children: [
+    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: E, children: c }) : null,
+    /* @__PURE__ */ e.jsx("div", { className: "textarea-container", onClick: E, children: /* @__PURE__ */ e.jsx(
       "textarea",
       {
-        ref: g,
-        readOnly: r,
+        ref: y,
+        readOnly: s,
         required: !0,
         placeholder: o,
-        className: `${C ? "error" : ""}`,
-        name: u,
-        value: c,
+        className: `${w ? "error" : ""}`,
+        name: d,
+        value: i,
         onChange: l,
-        onFocus: m,
-        onBlur: x
+        onFocus: f,
+        onBlur: v
       }
     ) })
   ] });
 };
-const Y = ({ style: e, short: n, text: r }) => r ? /* @__PURE__ */ t.jsxs("div", { style: e, className: `divider-and-text ${n ? "short" : ""}`, children: [
-  /* @__PURE__ */ t.jsx("div", { className: `divider ${n ? "short" : ""}` }),
-  r,
-  /* @__PURE__ */ t.jsx("div", { className: `divider ${n ? "short" : ""}` })
-] }) : /* @__PURE__ */ t.jsx("div", { style: e, className: `divider ${n ? "short" : ""}` });
-const Qn = ({ name: e, checked: n }) => /* @__PURE__ */ t.jsxs("label", { className: "radio-button-container", children: [
-  /* @__PURE__ */ t.jsx("input", { className: "radio-button", name: e, type: "radio", checked: n, readOnly: !0 }),
-  /* @__PURE__ */ t.jsx("span", {})
-] }), xa = ({ name: e, currentValue: n, value: r, onChange: a, readOnly: s, checked: l }) => /* @__PURE__ */ t.jsxs("label", { className: "radio-button-container", children: [
-  /* @__PURE__ */ t.jsx("input", { className: "radio-button", name: e, type: "radio", checked: n === r || l, value: r, onChange: a, readOnly: s }),
-  /* @__PURE__ */ t.jsx("span", {})
+const W = ({ style: n, short: r, text: s }) => s ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `divider-and-text ${r ? "short" : ""}`, children: [
+  /* @__PURE__ */ e.jsx("div", { className: `divider ${r ? "short" : ""}` }),
+  s,
+  /* @__PURE__ */ e.jsx("div", { className: `divider ${r ? "short" : ""}` })
+] }) : /* @__PURE__ */ e.jsx("div", { style: n, className: `divider ${r ? "short" : ""}` });
+const dt = ({ name: n, checked: r }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r, readOnly: !0 }),
+  /* @__PURE__ */ e.jsx("span", {})
+] }), Yt = ({ name: n, currentValue: r, value: s, onChange: a, readOnly: c, checked: l }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r === s || l, value: s, onChange: a, readOnly: c }),
+  /* @__PURE__ */ e.jsx("span", {})
 ] });
-const va = ({ style: e, icon: n, className: r, onClick: a, onContextMenu: s, children: l }) => /* @__PURE__ */ t.jsxs("button", { style: e, className: `${r} extendedFAB`, onClick: a, onContextMenu: s, children: [
-  n,
-  l ? /* @__PURE__ */ t.jsx("span", { children: l }) : null
+const Bt = ({ style: n, icon: r, className: s, onClick: a, onContextMenu: c, children: l }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${s} extendedFAB`, onClick: a, onContextMenu: c, children: [
+  r,
+  l ? /* @__PURE__ */ e.jsx("span", { children: l }) : null
 ] });
-const pa = ({ children: e, header: n }) => /* @__PURE__ */ t.jsxs("div", { className: "field-container-ui", children: [
-  /* @__PURE__ */ t.jsx("h4", { children: n }),
-  /* @__PURE__ */ t.jsx("div", { className: "field-container-content", children: e })
-] }), er = (e) => e === "" ? [] : e.split(",").map((n) => n.trim()), Tt = (e) => e.join(", ");
-const ja = ({ minWidth: e, value: n, onChange: r, border: a }) => {
-  const [s, l] = E([]), [u, c] = E("");
-  L(() => {
-    console.log("p0"), l(er(n));
-  }, [n]), L(() => {
-    console.log(s);
-  }, [s]);
-  const o = (m) => {
-    c(m.target.value);
-  }, d = P(() => {
-    if (u === "" || s.includes(u))
+const Wt = ({ children: n, header: r }) => /* @__PURE__ */ e.jsxs("div", { className: "field-container-ui", children: [
+  /* @__PURE__ */ e.jsx("h4", { children: r }),
+  /* @__PURE__ */ e.jsx("div", { className: "field-container-content", children: n })
+] }), ut = (n) => n === "" ? [] : n.split(",").map((r) => r.trim()), sn = (n) => n.join(", ");
+const Lt = ({ minWidth: n, value: r, onChange: s, border: a }) => {
+  const [c, l] = N([]), [d, i] = N("");
+  F(() => {
+    console.log("p0"), l(ut(r));
+  }, [r]), F(() => {
+    console.log(c);
+  }, [c]);
+  const o = (f) => {
+    i(f.target.value);
+  }, h = R(() => {
+    if (d === "" || c.includes(d))
       return;
-    const m = [...s, u.trim()];
-    l(m), r && r(Tt(m)), c("");
-  }, [s, u]), f = (m) => {
-    const x = s.filter((j, g) => g !== m);
-    l(x), r && r(Tt(x));
+    const f = [...c, d.trim()];
+    l(f), s && s(sn(f)), i("");
+  }, [c, d]), u = (f) => {
+    const v = c.filter((g, y) => y !== f);
+    l(v), s && s(sn(v));
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: "more-text", style: { minWidth: e }, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "add value", children: [
-      /* @__PURE__ */ t.jsx(It, { onChange: o, value: u, border: a }),
-      /* @__PURE__ */ t.jsx(Vn, { children: /* @__PURE__ */ t.jsx(Mn, { onClick: d, children: "add" }) })
+  return /* @__PURE__ */ e.jsxs("div", { className: "more-text", style: { minWidth: n }, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "add value", children: [
+      /* @__PURE__ */ e.jsx(un, { onChange: o, value: d, border: a }),
+      /* @__PURE__ */ e.jsx(Gn, { children: /* @__PURE__ */ e.jsx(Xn, { onClick: h, children: "add" }) })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "chips-container", children: s.map((m, x) => /* @__PURE__ */ t.jsx(Zn, { text: m, onDelete: () => f(x) }, x)) })
+    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: c.map((f, v) => /* @__PURE__ */ e.jsx(ot, { text: f, onDelete: () => u(v) }, v)) })
   ] });
 };
-const ga = ({ style: e, text: n, className: r, onClick: a, onContextMenu: s }) => {
-  const l = G(null), u = P(() => {
+const Vt = ({ style: n, text: r, className: s, onClick: a, onContextMenu: c }) => {
+  const l = U(null), d = R(() => {
     if (!l.current)
       return;
-    let c = l.current.getElementsByTagName("p");
-    c[0] && l.current.clientWidth <= c[0].clientWidth ? (c[0].className = "runing", c[0].innerHTML = `| ${n} | ${n}`) : c[0].className = "";
-  }, [n]);
-  return L(() => {
-    u();
-  }, [u]), /* @__PURE__ */ t.jsx("div", { style: e, ref: l, onClick: a, onContextMenu: s, className: `runing-text ${r}`, children: /* @__PURE__ */ t.jsx("p", { children: n }) });
+    let i = l.current.getElementsByTagName("p");
+    i[0] && l.current.clientWidth <= i[0].clientWidth ? (i[0].className = "runing", i[0].innerHTML = `| ${r} | ${r}`) : i[0].className = "";
+  }, [r]);
+  return F(() => {
+    d();
+  }, [d]), /* @__PURE__ */ e.jsx("div", { style: n, ref: l, onClick: a, onContextMenu: c, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: r }) });
 };
-const ya = ({ className: e, children: n, height: r }) => /* @__PURE__ */ t.jsx("div", { className: `scroll-container ${e}`, style: { height: r }, children: n });
-const ba = ({ onMenu: e, onSearch: n, placeholder: r, autoChenge: a }) => {
-  const s = G(null), [l, u] = E(""), [c, o] = E(!1), d = () => {
-    s.current && (s.current.focus(), o(!0));
+const zt = ({ className: n, children: r, height: s }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: s }, children: r });
+const Ut = ({ onMenu: n, onSearch: r, placeholder: s, autoChenge: a }) => {
+  const c = U(null), [l, d] = N(""), [i, o] = N(!1), h = () => {
+    c.current && (c.current.focus(), o(!0));
+  }, u = () => {
+    c.current && (c.current.focus(), c.current.value = ""), d(""), o(!0), a && r("");
   }, f = () => {
-    s.current && (s.current.focus(), s.current.value = ""), u(""), o(!0), a && n("");
-  }, m = () => {
-    f(), s.current && (s.current.blur(), o(!1));
-  }, x = (g) => {
-    u(g.target.value), a && n(g.target.value);
-  }, j = (g) => {
-    g.code === "Enter" && n(l);
+    u(), c.current && (c.current.blur(), o(!1));
+  }, v = (y) => {
+    d(y.target.value), a && r(y.target.value);
+  }, g = (y) => {
+    y.code === "Enter" && r(l);
   };
-  return /* @__PURE__ */ t.jsx("div", { className: "search-container", children: /* @__PURE__ */ t.jsxs("div", { className: "search-field", children: [
-    c ? /* @__PURE__ */ t.jsx("span", { onClick: m, children: /* @__PURE__ */ t.jsx(Yn, { size: 24 }) }) : e ? /* @__PURE__ */ t.jsx("span", { onClick: e, children: /* @__PURE__ */ t.jsx(Vt, { size: 24 }) }) : null,
-    /* @__PURE__ */ t.jsx("input", { placeholder: r, type: "text", ref: s, onChange: x, onKeyDown: j, value: l, onFocus: () => o(!0) }),
-    c ? /* @__PURE__ */ t.jsx("span", { onClick: f, children: /* @__PURE__ */ t.jsx(Te, { size: 24 }) }) : /* @__PURE__ */ t.jsx("span", { onClick: d, children: /* @__PURE__ */ t.jsx(Gn, { size: 24 }) })
+  return /* @__PURE__ */ e.jsx("div", { className: "search-container", children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
+    i ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(nt, { size: 24 }) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(dn, { size: 24 }) }) : null,
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: c, onChange: v, onKeyDown: g, value: l, onFocus: () => o(!0) }),
+    i ? /* @__PURE__ */ e.jsx("span", { onClick: u, children: /* @__PURE__ */ e.jsx(je, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(ct, { size: 24 }) })
   ] }) });
 };
-const Na = ({ visible: e, text: n, option: r }) => {
+const Kt = ({ visible: n, text: r, option: s }) => {
   const a = () => {
-    r != null && r.onHide && r.onHide();
+    s != null && s.onHide && s.onHide();
   };
-  return e ? /* @__PURE__ */ t.jsxs("div", { className: `snackbar-container ${r == null ? void 0 : r.className}`, style: { backgroundColor: r == null ? void 0 : r.backgroundColor, color: r == null ? void 0 : r.color }, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "snackbar-content-container", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "snackbar-text", children: n }),
-      r != null && r.onClick ? /* @__PURE__ */ t.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ t.jsx(A, { className: "snackbar-btn", onClick: r.onClick, children: r.buttonText ?? "Action" }) }) : null
+  return n ? /* @__PURE__ */ e.jsxs("div", { className: `snackbar-container ${s == null ? void 0 : s.className}`, style: { backgroundColor: s == null ? void 0 : s.backgroundColor, color: s == null ? void 0 : s.color }, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "snackbar-content-container", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "snackbar-text", children: r }),
+      s != null && s.onClick ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(M, { className: "snackbar-btn", onClick: s.onClick, children: s.buttonText ?? "Action" }) }) : null
     ] }),
-    r != null && r.closeButton ? /* @__PURE__ */ t.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ t.jsx("span", { onClick: a, children: /* @__PURE__ */ t.jsx(Te, {}) }) }) : null
+    s != null && s.closeButton ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: a, children: /* @__PURE__ */ e.jsx(je, {}) }) }) : null
   ] }) : null;
 };
-const Ca = ({ name: e, onChange: n, checked: r, className: a }) => /* @__PURE__ */ t.jsx("div", { className: `swich-container ${a}`, children: /* @__PURE__ */ t.jsx("input", { type: "checkbox", name: e, onChange: n, checked: r }) });
-const tr = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], ka = ({ multiple: e, value: n, items: r, className: a, onClick: s, onContextMenu: l, onChange: u }) => {
-  const [c, o] = E(tr(n)), d = (f) => {
-    s && s(f);
-    const m = f.currentTarget;
-    if (!e) {
-      if (!m.dataset.el)
+const Xt = ({ name: n, onChange: r, checked: s, className: a }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${a}`, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: n, onChange: r, checked: s }) });
+const xt = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], qt = ({ multiple: n, value: r, items: s, className: a, onClick: c, onContextMenu: l, onChange: d }) => {
+  const [i, o] = N(xt(r)), h = (u) => {
+    c && c(u);
+    const f = u.currentTarget;
+    if (!n) {
+      if (!f.dataset.el)
         return;
-      o([m.dataset.el]), u && u([m.dataset.el], f);
+      o([f.dataset.el]), d && d([f.dataset.el], u);
       return;
     }
-    const x = c.filter((g) => g === m.dataset.el);
-    let j = c.slice();
-    x.length > 0 && m.dataset.el ? j = j.filter((g) => g !== m.dataset.el) : m.dataset.el && j.push(m.dataset.el), o(j), u && u(j, f);
+    const v = i.filter((y) => y === f.dataset.el);
+    let g = i.slice();
+    v.length > 0 && f.dataset.el ? g = g.filter((y) => y !== f.dataset.el) : f.dataset.el && g.push(f.dataset.el), o(g), d && d(g, u);
   };
-  return /* @__PURE__ */ t.jsx("div", { className: `sigmentedbutton-container ${a ?? ""}`, children: r.map((f, m) => /* @__PURE__ */ t.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ t.jsxs("button", { "data-el": f, onContextMenu: l, onClick: d, className: `sigmentedbutton-item-button ${c.includes(f) ? "active" : ""}`, children: [
-    c.includes(f) ? /* @__PURE__ */ t.jsx("div", { className: "icon-container", children: /* @__PURE__ */ t.jsx(me, {}) }) : null,
-    /* @__PURE__ */ t.jsx("div", { className: "text-container", children: f })
-  ] }, m) }, m)) });
+  return /* @__PURE__ */ e.jsx("div", { className: `sigmentedbutton-container ${a ?? ""}`, children: s.map((u, f) => /* @__PURE__ */ e.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ e.jsxs("button", { "data-el": u, onContextMenu: l, onClick: h, className: `sigmentedbutton-item-button ${i.includes(u) ? "active" : ""}`, children: [
+    i.includes(u) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(ce, {}) }) : null,
+    /* @__PURE__ */ e.jsx("div", { className: "text-container", children: u })
+  ] }, f) }, f)) });
 };
-const Wt = (e) => e ? {
-  height: Number(window.getComputedStyle(e).getPropertyValue("height").replace("px", "")),
-  width: Number(window.getComputedStyle(e).getPropertyValue("width").replace("px", "")),
-  left: Number(e.getBoundingClientRect().left),
-  top: Number(e.getBoundingClientRect().top)
-} : void 0, Ut = (e, n, r, a) => {
-  let s = { x: e, y: n };
-  if (!r)
-    return s;
-  let l = Number(window.getComputedStyle(r).getPropertyValue("height").replace("px", "")), u = Number(window.getComputedStyle(r).getPropertyValue("width").replace("px", "")), c = n + l - document.documentElement.scrollHeight, o = e + u - document.documentElement.clientWidth;
-  return c > 0 && (s.y = s.y - c - ((a == null ? void 0 : a.marginBottom) ?? 0)), o > 0 && (s.x = s.x - o - ((a == null ? void 0 : a.marginRight) ?? 0)), s;
+const xn = (n) => n ? {
+  height: Number(window.getComputedStyle(n).getPropertyValue("height").replace("px", "")),
+  width: Number(window.getComputedStyle(n).getPropertyValue("width").replace("px", "")),
+  left: Number(n.getBoundingClientRect().left),
+  top: Number(n.getBoundingClientRect().top)
+} : void 0, hn = (n, r, s, a) => {
+  let c = { x: n, y: r };
+  if (!s)
+    return c;
+  let l = Number(window.getComputedStyle(s).getPropertyValue("height").replace("px", "")), d = Number(window.getComputedStyle(s).getPropertyValue("width").replace("px", "")), i = r + l - document.documentElement.scrollHeight, o = n + d - document.documentElement.clientWidth;
+  return i > 0 && (c.y = c.y - i - ((a == null ? void 0 : a.marginBottom) ?? 0)), o > 0 && (c.x = c.x - o - ((a == null ? void 0 : a.marginRight) ?? 0)), c;
 };
-function nr(e, n, r, a, s) {
-  return a + (s - a) * ((e - n) / (r - n));
+function ht(n, r, s, a, c) {
+  return a + (c - a) * ((n - r) / (s - r));
 }
-const Be = 0, Ye = 100, wa = (e) => {
-  const [n, r] = E(0), [a, s] = E(!1), l = G(null), u = G(null);
-  L(() => {
-    e.value ? r(e.value) : r(0);
-  }, [e.value]);
-  const c = (m) => {
-    r(Number(m.target.value)), e.onChange(m);
-  }, o = (m, x, j) => {
-    if (l.current && u.current) {
-      let g = Wt(u.current);
-      if (g)
-        return nr(m, x, j, 0, j - x) * (g.width - 20) / (j - x);
+const Te = 0, Re = 100, Jt = (n) => {
+  const [r, s] = N(0), [a, c] = N(!1), l = U(null), d = U(null);
+  F(() => {
+    n.value ? s(n.value) : s(0);
+  }, [n.value]);
+  const i = (f) => {
+    s(Number(f.target.value)), n.onChange(f);
+  }, o = (f, v, g) => {
+    if (l.current && d.current) {
+      let y = xn(d.current);
+      if (y)
+        return ht(f, v, g, 0, g - v) * (y.width - 20) / (g - v);
     }
     return 0;
-  }, d = P((m) => {
-    s(!0), e.onFocus && e.onFocus(m);
-  }, [e.onFocus]), f = P((m) => {
-    s(!1), e.onBlur && e.onBlur(m);
-  }, [e.onBlur]);
-  return /* @__PURE__ */ t.jsx("div", { className: "range", children: /* @__PURE__ */ t.jsxs("div", { className: "field", children: [
-    e.maxMinDisplay ? /* @__PURE__ */ t.jsx("div", { className: "value left", children: e.min ?? Be }) : null,
-    /* @__PURE__ */ t.jsxs("div", { className: "field-range-container", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "slider-value", ref: l, style: { width: o(n, e.min ?? Be, e.max ?? Ye) }, children: /* @__PURE__ */ t.jsxs("div", { className: "slider-tooltip", style: { display: a ? "block" : "none" }, children: [
-        /* @__PURE__ */ t.jsx("span", { className: "slider-tooltip-container" }),
-        /* @__PURE__ */ t.jsx("span", { className: "slider-tooltip-value", children: n })
+  }, h = R((f) => {
+    c(!0), n.onFocus && n.onFocus(f);
+  }, [n.onFocus]), u = R((f) => {
+    c(!1), n.onBlur && n.onBlur(f);
+  }, [n.onBlur]);
+  return /* @__PURE__ */ e.jsx("div", { className: "range", children: /* @__PURE__ */ e.jsxs("div", { className: "field", children: [
+    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: n.min ?? Te }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "field-range-container", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: l, style: { width: o(r, n.min ?? Te, n.max ?? Re) }, children: /* @__PURE__ */ e.jsxs("div", { className: "slider-tooltip", style: { display: a ? "block" : "none" }, children: [
+        /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-container" }),
+        /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-value", children: r })
       ] }) }),
-      /* @__PURE__ */ t.jsx("input", { onMouseUp: e.onMouseUp, ref: u, step: e.step, type: "range", min: e.min ?? Be, max: e.max ?? Ye, onChange: c, value: n, onFocus: d, onBlur: f })
+      /* @__PURE__ */ e.jsx("input", { onMouseUp: n.onMouseUp, ref: d, step: n.step, type: "range", min: n.min ?? Te, max: n.max ?? Re, onChange: i, value: r, onFocus: h, onBlur: u })
     ] }),
-    e.maxMinDisplay ? /* @__PURE__ */ t.jsx("div", { className: "value right", children: e.max ?? Ye }) : null
+    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? Re }) : null
   ] }) });
 };
-const ne = ({ className: e, children: n, header: r, action: a, onHide: s, style: l }) => {
-  function u() {
-    s && s();
+const G = ({ className: n, children: r, header: s, action: a, onHide: c, style: l }) => {
+  function d() {
+    c && c();
   }
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { onClick: u, style: { zIndex: "999" }, className: "backplate" }),
-    /* @__PURE__ */ t.jsxs("div", { style: l, className: `dialog-container ${e}`, children: [
-      r ? /* @__PURE__ */ t.jsx("div", { className: "dialog-header", children: /* @__PURE__ */ t.jsx("h2", { className: "text-3xl", children: r }) }) : null,
-      /* @__PURE__ */ t.jsx("div", { className: "dialog-content", children: n }),
-      a ? /* @__PURE__ */ t.jsx("div", { className: "dialog-action", children: a }) : null
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { onClick: d, style: { zIndex: "999" }, className: "backplate" }),
+    /* @__PURE__ */ e.jsxs("div", { style: l, className: `dialog-container ${n}`, children: [
+      s ? /* @__PURE__ */ e.jsx("div", { className: "dialog-header", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: s }) }) : null,
+      /* @__PURE__ */ e.jsx("div", { className: "dialog-content", children: r }),
+      a ? /* @__PURE__ */ e.jsx("div", { className: "dialog-action", children: a }) : null
     ] })
   ] });
-}, rr = ({ onHide: e, onSave: n }) => /* @__PURE__ */ t.jsxs("div", { className: "dialog-button-container", children: [
-  /* @__PURE__ */ t.jsx(A, { onClick: e, children: "cancel" }),
-  n ? /* @__PURE__ */ t.jsx(A, { onClick: n, children: "save" }) : null
-] }), Ea = ({ style: e, className: n, header: r, children: a, onSave: s, onHide: l }) => {
-  const [u, c] = E(!1), o = P(() => {
-    window.innerWidth < 720 ? c(!0) : c(!1);
+}, ft = ({ onHide: n, onSave: r }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+  /* @__PURE__ */ e.jsx(M, { onClick: n, children: "cancel" }),
+  r ? /* @__PURE__ */ e.jsx(M, { onClick: r, children: "save" }) : null
+] }), Gt = ({ style: n, className: r, header: s, children: a, onSave: c, onHide: l }) => {
+  const [d, i] = N(!1), o = R(() => {
+    window.innerWidth < 720 ? i(!0) : i(!1);
   }, [window.innerWidth]);
-  L(() => {
+  F(() => {
     o();
-  }, [o]), L(() => (window.addEventListener("resize", o), () => {
+  }, [o]), F(() => (window.addEventListener("resize", o), () => {
     window.removeEventListener("resize", o);
   }), [o]);
-  const d = () => {
+  const h = () => {
     l && l();
-  }, f = () => {
-    s && s();
+  }, u = () => {
+    c && c();
   };
-  return u ? /* @__PURE__ */ t.jsxs("div", { style: e, className: `full-screen-dialog-container ${n}`, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "full-screen-dialog-header", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "dialog-icon-container", children: /* @__PURE__ */ t.jsx(he, { transparent: !0, onClick: d, icon: /* @__PURE__ */ t.jsx(Te, {}) }) }),
-      /* @__PURE__ */ t.jsx("div", { className: "header", children: r }),
-      /* @__PURE__ */ t.jsx("div", { className: "save-container", children: s ? /* @__PURE__ */ t.jsx(A, { onClick: f, children: "save" }) : null })
+  return d ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `full-screen-dialog-container ${r}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog-header", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "dialog-icon-container", children: /* @__PURE__ */ e.jsx(ie, { transparent: !0, onClick: h, icon: /* @__PURE__ */ e.jsx(je, {}) }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "header", children: s }),
+      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__PURE__ */ e.jsx(M, { onClick: u, children: "save" }) : null })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: a })
-  ] }) : /* @__PURE__ */ t.jsx(ne, { style: e, header: r, className: `full-screen-dialog-base-format ${n}`, onHide: d, children: a, action: /* @__PURE__ */ t.jsx(rr, { onHide: d, onSave: s ? f : void 0 }) });
-}, Ra = ({ styleContainer: e, text: n, header: r, actionText: a, onSuccess: s, onHide: l, onCancel: u }) => {
-  const c = P(() => {
-    s && s(), l && l();
-  }, []), o = P(() => {
-    u && u(), l && l();
+    /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: a })
+  ] }) : /* @__PURE__ */ e.jsx(G, { style: n, header: s, className: `full-screen-dialog-base-format ${r}`, onHide: h, children: a, action: /* @__PURE__ */ e.jsx(ft, { onHide: h, onSave: c ? u : void 0 }) });
+}, Ht = ({ styleContainer: n, text: r, header: s, actionText: a, onSuccess: c, onHide: l, onCancel: d }) => {
+  const i = R(() => {
+    c && c(), l && l();
+  }, []), o = R(() => {
+    d && d(), l && l();
   }, []);
-  return /* @__PURE__ */ t.jsx(ne, { style: e, header: r, action: /* @__PURE__ */ t.jsx(ar, { onHide: o, actionText: a, onSuccess: c }), children: /* @__PURE__ */ t.jsx("p", { children: n }) });
+  return /* @__PURE__ */ e.jsx(G, { style: n, header: s, action: /* @__PURE__ */ e.jsx(mt, { onHide: o, actionText: a, onSuccess: i }), children: /* @__PURE__ */ e.jsx("p", { children: r }) });
 };
-function ar({ actionText: e, onSuccess: n, onHide: r }) {
-  return /* @__PURE__ */ t.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ t.jsx(A, { onClick: r, children: "cancel" }),
-    /* @__PURE__ */ t.jsx(A, { onClick: n, children: e ?? "OK" })
+function mt({ actionText: n, onSuccess: r, onHide: s }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+    /* @__PURE__ */ e.jsx(M, { onClick: s, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(M, { onClick: r, children: n ?? "OK" })
   ] });
 }
-function Sa({ onSuccess: e, items: n, header: r, onHide: a, noHide: s = !1, name: l = "dailog_name" }) {
-  const [u, c] = E(void 0), o = P(() => {
-    e && u && e(u), c(void 0), !s && a && a();
-  }, [u]), d = P((f) => {
-    c(f);
+function Zt({ onSuccess: n, items: r, header: s, onHide: a, noHide: c = !1, name: l = "dailog_name" }) {
+  const [d, i] = N(void 0), o = R(() => {
+    n && d && n(d), i(void 0), !c && a && a();
+  }, [d]), h = R((u) => {
+    i(u);
   }, []);
-  return /* @__PURE__ */ t.jsxs(ne, { header: r, action: /* @__PURE__ */ t.jsx(sr, { onHide: a, onSuccess: o, disabled: u === void 0 }), children: [
-    /* @__PURE__ */ t.jsx(Y, { style: { padding: "0px" } }),
-    /* @__PURE__ */ t.jsx(An, { className: "transparent", scroll: !0, maxHeight: "200px", children: n.map((f, m) => /* @__PURE__ */ t.jsx("label", { children: /* @__PURE__ */ t.jsx(Ln, { hovered: !0, header: f.title, onClick: () => d(f.data), control: /* @__PURE__ */ t.jsx(Qn, { name: l, checked: f.data === u }) }) }, m)) }),
-    /* @__PURE__ */ t.jsx(Y, { style: { padding: "0px" } })
+  return /* @__PURE__ */ e.jsxs(G, { header: s, action: /* @__PURE__ */ e.jsx(vt, { onHide: a, onSuccess: o, disabled: d === void 0 }), children: [
+    /* @__PURE__ */ e.jsx(W, { style: { padding: "0px" } }),
+    /* @__PURE__ */ e.jsx(qn, { className: "transparent", scroll: !0, maxHeight: "200px", children: r.map((u, f) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(Jn, { hovered: !0, header: u.title, onClick: () => h(u.data), control: /* @__PURE__ */ e.jsx(dt, { name: l, checked: u.data === d }) }) }, f)) }),
+    /* @__PURE__ */ e.jsx(W, { style: { padding: "0px" } })
   ] });
 }
-function sr({ onSuccess: e, onHide: n, disabled: r }) {
-  return /* @__PURE__ */ t.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ t.jsx(A, { onClick: n, children: "cancel" }),
-    /* @__PURE__ */ t.jsx(A, { onClick: e, disabled: r, children: "OK" })
+function vt({ onSuccess: n, onHide: r, disabled: s }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+    /* @__PURE__ */ e.jsx(M, { onClick: r, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(M, { onClick: n, disabled: s, children: "OK" })
   ] });
 }
-const _a = ({ styleContainer: e, text: n, header: r, onSuccess: a, onHide: s, placeholder: l, type: u = "text", min: c = 0, max: o = 100 }) => {
-  const [d, f] = E(""), m = P(() => {
-    a && a(d), s && s();
-  }, [d]), x = (j) => {
-    u === "number" && (Number(j) < c && (j = String(c)), Number(j) > o && (j = String(o))), f(j);
+const Qt = ({ styleContainer: n, text: r, header: s, onSuccess: a, onHide: c, placeholder: l, type: d = "text", min: i = 0, max: o = 100 }) => {
+  const [h, u] = N(""), f = R(() => {
+    a && a(h), c && c();
+  }, [h]), v = (g) => {
+    d === "number" && (Number(g) < i && (g = String(i)), Number(g) > o && (g = String(o))), u(g);
   };
-  return /* @__PURE__ */ t.jsxs(ne, { style: e, header: r, action: /* @__PURE__ */ t.jsx(ir, { onHide: s, onSuccess: m }), children: [
-    /* @__PURE__ */ t.jsx("p", { children: n }),
-    /* @__PURE__ */ t.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ t.jsx(It, { max: o, min: c, type: u, border: !0, placeholder: l, value: d, onChange: (j) => x(j.target.value) }) })
+  return /* @__PURE__ */ e.jsxs(G, { style: n, header: s, action: /* @__PURE__ */ e.jsx(jt, { onHide: c, onSuccess: f }), children: [
+    /* @__PURE__ */ e.jsx("p", { children: r }),
+    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(un, { max: o, min: i, type: d, border: !0, placeholder: l, value: h, onChange: (g) => v(g.target.value) }) })
   ] });
 };
-function ir({ onSuccess: e, onHide: n }) {
-  return /* @__PURE__ */ t.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ t.jsx(A, { onClick: n, children: "cancel" }),
-    /* @__PURE__ */ t.jsx(A, { onClick: e, children: "OK" })
+function jt({ onSuccess: n, onHide: r }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+    /* @__PURE__ */ e.jsx(M, { onClick: r, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(M, { onClick: n, children: "OK" })
   ] });
 }
-const lr = 2050, Ot = 1900, J = [
+const pt = 2050, an = 1900, z = [
   "January",
   "February",
   "March",
@@ -1285,1180 +1283,507 @@ const lr = 2050, Ot = 1900, J = [
   "October",
   "November",
   "December"
-], cr = () => Array(lr - Ot).fill(0).map((e, n) => Ot + n), Ta = ({ onChange: e, onHide: n }) => {
-  const [r] = E(J[(/* @__PURE__ */ new Date()).getMonth()]), [a] = E((/* @__PURE__ */ new Date()).getFullYear()), [s] = E((/* @__PURE__ */ new Date()).getDate()), [l, u] = E(J[(/* @__PURE__ */ new Date()).getMonth()]), [c, o] = E((/* @__PURE__ */ new Date()).getFullYear()), [d, f] = E({
+], gt = () => Array(pt - an).fill(0).map((n, r) => an + r), er = ({ onChange: n, onHide: r }) => {
+  const [s] = N(z[(/* @__PURE__ */ new Date()).getMonth()]), [a] = N((/* @__PURE__ */ new Date()).getFullYear()), [c] = N((/* @__PURE__ */ new Date()).getDate()), [l, d] = N(z[(/* @__PURE__ */ new Date()).getMonth()]), [i, o] = N((/* @__PURE__ */ new Date()).getFullYear()), [h, u] = N({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
-  }), [m, x] = E(
+  }), [f, v] = N(
     "DAYS"
     /* DAYS */
-  ), j = (p, T) => new Date(p, T + 1, 0).getDate(), g = (p, T, I) => new Date(p, T, I).getDay(), C = (p, T) => {
-    let I = Array(j(p, T)).fill(0).map((Q, X) => ({ type: "NOW_MONTH", day: X + 1 })), z = g(p, T, j(p, T)), q = Array(7 - z).fill(0).map((Q, X) => ({ type: "NEXT_MONTH", day: X + 1 }));
-    return I = Array(g(p, T, 0)).fill(0).map((Q, X) => ({ type: "PREV_MONTH", day: j(T ? p : p - 1, T ? T - 1 : 11) - X })).reverse().concat(I).concat(q), I;
-  }, _ = (p) => {
-    x(
+  ), g = (j, _) => new Date(j, _ + 1, 0).getDate(), y = (j, _, L) => new Date(j, _, L).getDay(), w = (j, _) => {
+    let L = Array(g(j, _)).fill(0).map((oe, X) => ({ type: "NOW_MONTH", day: X + 1 })), K = y(j, _, g(j, _)), ee = Array(7 - K).fill(0).map((oe, X) => ({ type: "NEXT_MONTH", day: X + 1 }));
+    return L = Array(y(j, _, 0)).fill(0).map((oe, X) => ({ type: "PREV_MONTH", day: g(_ ? j : j - 1, _ ? _ - 1 : 11) - X })).reverse().concat(L).concat(ee), L;
+  }, S = (j) => {
+    v(
       "DAYS"
       /* DAYS */
-    ), o(p);
-  }, O = (p) => {
-    x(
+    ), o(j);
+  }, O = (j) => {
+    v(
       "DAYS"
       /* DAYS */
-    ), u(p);
-  }, y = (p) => {
-    f(p);
-  }, S = P(() => {
-    let p = /* @__PURE__ */ new Date();
-    p.setFullYear(c), d.type === "NEXT_MONTH" ? l === J[11] ? (p.setMonth(0), p.setFullYear(c + 1)) : p.setMonth(J.indexOf(l) + 1) : d.type === "PREV_MONTH" ? l === J[0] ? (p.setMonth(11), p.setFullYear(c - 1)) : p.setMonth(J.indexOf(l) - 1) : p.setMonth(J.indexOf(l)), p.setDate(d.day), e && e(p.getFullYear(), p.getMonth(), p.getDate()), n && n();
-  }, [l, c, e, n, d]);
-  return /* @__PURE__ */ t.jsxs(ne, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "calendar-body-select-container", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "month", children: /* @__PURE__ */ t.jsxs("span", { className: m === "MONTHS" ? "active" : "", onClick: () => x(
+    ), d(j);
+  }, E = (j) => {
+    u(j);
+  }, B = R(() => {
+    let j = /* @__PURE__ */ new Date();
+    j.setFullYear(i), h.type === "NEXT_MONTH" ? l === z[11] ? (j.setMonth(0), j.setFullYear(i + 1)) : j.setMonth(z.indexOf(l) + 1) : h.type === "PREV_MONTH" ? l === z[0] ? (j.setMonth(11), j.setFullYear(i - 1)) : j.setMonth(z.indexOf(l) - 1) : j.setMonth(z.indexOf(l)), j.setDate(h.day), n && n(j.getFullYear(), j.getMonth(), j.getDate()), r && r();
+  }, [l, i, n, r, h]);
+  return /* @__PURE__ */ e.jsxs(G, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: f === "MONTHS" ? "active" : "", onClick: () => v(
         "MONTHS"
         /* MONTHS */
       ), children: [
         l,
         " ",
-        /* @__PURE__ */ t.jsx(_t, {})
+        /* @__PURE__ */ e.jsx(rn, {})
       ] }) }),
-      /* @__PURE__ */ t.jsx("div", { className: "years", children: /* @__PURE__ */ t.jsxs("span", { className: m === "YEARS" ? "active" : "", onClick: () => x(
+      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: f === "YEARS" ? "active" : "", onClick: () => v(
         "YEARS"
         /* YEARS */
       ), children: [
-        c,
+        i,
         " ",
-        /* @__PURE__ */ t.jsx(_t, {})
+        /* @__PURE__ */ e.jsx(rn, {})
       ] }) })
     ] }),
-    m === "MONTHS" ? /* @__PURE__ */ t.jsx("div", { className: "calendar-body-months-container", children: J.map((p, T) => /* @__PURE__ */ t.jsxs("div", { className: "calendar-body-months-item", onClick: () => O(p), children: [
-      /* @__PURE__ */ t.jsx("div", { className: "status-container", children: l === p ? /* @__PURE__ */ t.jsx(me, {}) : null }),
-      /* @__PURE__ */ t.jsx("div", { className: "content", children: p })
-    ] }, T)) }) : m === "YEARS" ? /* @__PURE__ */ t.jsx("div", { className: "calendar-body-years-container", children: cr().map((p, T) => /* @__PURE__ */ t.jsxs("div", { className: "calendar-body-year-item", onClick: () => _(p), children: [
-      /* @__PURE__ */ t.jsx("div", { className: "status-container", children: c === p ? /* @__PURE__ */ t.jsx(me, {}) : null }),
-      /* @__PURE__ */ t.jsx("div", { className: "content", children: p })
-    ] }, T)) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
-        /* @__PURE__ */ t.jsx("span", { children: "M" }),
-        /* @__PURE__ */ t.jsx("span", { children: "T" }),
-        /* @__PURE__ */ t.jsx("span", { children: "W" }),
-        /* @__PURE__ */ t.jsx("span", { children: "T" }),
-        /* @__PURE__ */ t.jsx("span", { children: "F" }),
-        /* @__PURE__ */ t.jsx("span", { children: "S" }),
-        /* @__PURE__ */ t.jsx("span", { children: "S" })
+    f === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: z.map((j, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => O(j), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === j ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: j })
+    ] }, _)) }) : f === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: gt().map((j, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => S(j), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: i === j ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: j })
+    ] }, _)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
+        /* @__PURE__ */ e.jsx("span", { children: "M" }),
+        /* @__PURE__ */ e.jsx("span", { children: "T" }),
+        /* @__PURE__ */ e.jsx("span", { children: "W" }),
+        /* @__PURE__ */ e.jsx("span", { children: "T" }),
+        /* @__PURE__ */ e.jsx("span", { children: "F" }),
+        /* @__PURE__ */ e.jsx("span", { children: "S" }),
+        /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "calendar-body-days-container", children: C(c, J.indexOf(l)).map((p, T) => /* @__PURE__ */ t.jsx("div", { className: `day ${p.type !== "NOW_MONTH" ? "other" : ""} ${s === p.day && c === a && l === r ? "now" : ""} ${p.day === d.day && p.type === d.type ? "select" : ""}`, onClick: () => y(p), children: p.day }, T)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: w(i, z.indexOf(l)).map((j, _) => /* @__PURE__ */ e.jsx("div", { className: `day ${j.type !== "NOW_MONTH" ? "other" : ""} ${c === j.day && i === a && l === s ? "now" : ""} ${j.day === h.day && j.type === h.type ? "select" : ""}`, onClick: () => E(j), children: j.day }, _)) })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "calendar-body-action-container", children: [
-      /* @__PURE__ */ t.jsx(A, { className: "little m-0", onClick: n, children: "Cancel" }),
-      /* @__PURE__ */ t.jsx(A, { className: "little m-0", onClick: S, children: "OK" })
+    /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
+      /* @__PURE__ */ e.jsx(M, { className: "little m-0", onClick: r, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(M, { className: "little m-0", onClick: B, children: "OK" })
     ] })
   ] });
 };
-const or = ({ setHours: e, setMinutes: n, switchMode: r, hours: a, minutes: s, onCancel: l, onOK: u }) => {
-  const [c, o] = E(!1), d = P((x) => {
-    e(x), o(!0);
-  }, [e]), f = P((x) => {
-    n(x), o(!1);
-  }, [n]), m = P(() => {
+const yt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: c, onCancel: l, onOK: d }) => {
+  const [i, o] = N(!1), h = R((v) => {
+    n(v), o(!0);
+  }, [n]), u = R((v) => {
+    r(v), o(!1);
+  }, [r]), f = R(() => {
     o(!1), l();
   }, []);
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { className: "time-type", children: /* @__PURE__ */ t.jsx("p", { className: "text-sm", children: "Select time" }) }),
-    /* @__PURE__ */ t.jsxs("div", { className: "time-input-container", children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "time-input hours", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "input-container", children: /* @__PURE__ */ t.jsx("input", { disabled: !0, type: "number", min: 0, max: 23, value: a }) }),
-        /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "Hour" })
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Select time" }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "time-input-container", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "time-input hours", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", min: 0, max: 23, value: a }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
       ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "time-separator", children: ":" }),
-      /* @__PURE__ */ t.jsxs("div", { className: "time-input minutes", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "input-container", children: /* @__PURE__ */ t.jsx("input", { disabled: !0, type: "number", value: s, min: 0, max: 60 }) }),
-        /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "Minute" })
+      /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "time-input minutes", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", value: c, min: 0, max: 60 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ t.jsx(dr, { setMinutes: f }) : /* @__PURE__ */ t.jsx(ur, { setHours: d }) }),
-    /* @__PURE__ */ t.jsxs("div", { className: "enter-time-action", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ t.jsx(Xn, {}) }),
-      /* @__PURE__ */ t.jsx(A, { className: "little", onClick: m, children: "Cancel" }),
-      /* @__PURE__ */ t.jsx(A, { className: "little", onClick: u, children: "OK" })
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: i ? /* @__PURE__ */ e.jsx(kt, { setMinutes: u }) : /* @__PURE__ */ e.jsx(bt, { setHours: h }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(at, {}) }),
+      /* @__PURE__ */ e.jsx(M, { className: "little", onClick: f, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(M, { className: "little", onClick: d, children: "OK" })
     ] })
   ] });
 };
-function ur({ setHours: e }) {
-  return /* @__PURE__ */ t.jsxs("div", { className: "clock-input", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "clock-input-am", children: [
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(1), children: "1" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(2), children: "2" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(3), children: "3" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(4), children: "4" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(5), children: "5" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(6), children: "6" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(7), children: "7" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(8), children: "8" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(9), children: "9" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(10), children: "10" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(11), children: "11" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(12), children: "12" })
+function bt({ setHours: n }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "clock-input", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "clock-input-am", children: [
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(1), children: "1" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(2), children: "2" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(3), children: "3" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(4), children: "4" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(5), children: "5" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(6), children: "6" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(7), children: "7" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(8), children: "8" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(9), children: "9" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(10), children: "10" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(11), children: "11" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(12), children: "12" })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "clock-input-pm", children: [
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(13), children: "13" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(14), children: "14" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(15), children: "15" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(16), children: "16" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(17), children: "17" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(18), children: "18" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(19), children: "19" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(20), children: "20" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(21), children: "21" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(22), children: "22" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(23), children: "23" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(0), children: "0" })
+    /* @__PURE__ */ e.jsxs("div", { className: "clock-input-pm", children: [
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(13), children: "13" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(14), children: "14" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(15), children: "15" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(16), children: "16" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(17), children: "17" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(18), children: "18" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(19), children: "19" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(20), children: "20" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(21), children: "21" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(22), children: "22" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(23), children: "23" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(0), children: "0" })
     ] }),
-    /* @__PURE__ */ t.jsx("span", { className: "center" })
+    /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-function dr({ setMinutes: e }) {
-  return /* @__PURE__ */ t.jsxs("div", { className: "clock-input", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "clock-input-minute", children: [
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(0), children: "00" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(5), children: "05" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(10), children: "10" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(15), children: "15" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(20), children: "20" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(25), children: "25" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(30), children: "30" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(35), children: "35" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(40), children: "40" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(45), children: "45" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(50), children: "50" }),
-      /* @__PURE__ */ t.jsx("span", { onClick: () => e(55), children: "55" })
+function kt({ setMinutes: n }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "clock-input", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "clock-input-minute", children: [
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(0), children: "00" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(5), children: "05" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(10), children: "10" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(15), children: "15" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(20), children: "20" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(25), children: "25" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(30), children: "30" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(35), children: "35" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(40), children: "40" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(45), children: "45" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(50), children: "50" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(55), children: "55" })
     ] }),
-    /* @__PURE__ */ t.jsx("span", { className: "center" })
+    /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-const fr = ({ setHours: e, setMinutes: n, switchMode: r, minutes: a, hours: s, onCancel: l, onOK: u }) => {
-  const c = (d) => {
-    let f = Number(d.target.value);
-    f < 0 && (f = 0), f > 23 && (f = 23), e(f);
-  }, o = (d) => {
-    let f = Number(d.target.value);
-    f < 0 && (f = 0), f > 59 && (f = 59), n(f);
+const Nt = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: c, onCancel: l, onOK: d }) => {
+  const i = (h) => {
+    let u = Number(h.target.value);
+    u < 0 && (u = 0), u > 23 && (u = 23), n(u);
+  }, o = (h) => {
+    let u = Number(h.target.value);
+    u < 0 && (u = 0), u > 59 && (u = 59), r(u);
   };
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { className: "time-type", children: /* @__PURE__ */ t.jsx("p", { className: "text-sm", children: "Enter time" }) }),
-    /* @__PURE__ */ t.jsxs("div", { className: "time-input-container", children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "time-input hours", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "input-container", children: /* @__PURE__ */ t.jsx("input", { type: "number", min: 0, max: 23, value: s, onChange: c }) }),
-        /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "Hour" })
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Enter time" }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "time-input-container", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "time-input hours", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: c, onChange: i }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
       ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "time-separator", children: ":" }),
-      /* @__PURE__ */ t.jsxs("div", { className: "time-input minutes", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "input-container", children: /* @__PURE__ */ t.jsx("input", { type: "number", value: a, min: 0, max: 59, onChange: o }) }),
-        /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "Minute" })
+      /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "time-input minutes", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", value: a, min: 0, max: 59, onChange: o }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "enter-time-action", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ t.jsx(Kn, {}) }),
-      /* @__PURE__ */ t.jsx(A, { className: "little", onClick: l, children: "Cancel" }),
-      /* @__PURE__ */ t.jsx(A, { className: "little", onClick: u, children: "OK" })
+    /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(rt, {}) }),
+      /* @__PURE__ */ e.jsx(M, { className: "little", onClick: l, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(M, { className: "little", onClick: d, children: "OK" })
     ] })
   ] });
-}, Oa = (e) => {
-  const [n, r] = E(e.minutes ?? 0), [a, s] = E(e.hours ?? 0), [l, u] = E(!0), c = () => {
-    e.onHide && e.onHide(), r(0), s(0);
-  }, o = P((f) => {
-    r(f), e.onChange && e.onChange(a, f), e.onHide && e.onHide();
-  }, [a]), d = P(() => {
-    e.onChange && e.onChange(a, n), e.onHide && e.onHide();
-  }, [a, n]);
-  return l ? /* @__PURE__ */ t.jsx(ne, { className: "enter-time-container", children: /* @__PURE__ */ t.jsx(or, { setMinutes: o, setHours: s, minutes: n, hours: a, switchMode: () => u(!1), onCancel: c, onOK: d }) }) : /* @__PURE__ */ t.jsx(ne, { className: "enter-time-container", children: /* @__PURE__ */ t.jsx(fr, { setMinutes: r, setHours: s, minutes: n, hours: a, switchMode: () => u(!0), onCancel: c, onOK: d }) });
+}, nr = (n) => {
+  const [r, s] = N(n.minutes ?? 0), [a, c] = N(n.hours ?? 0), [l, d] = N(!0), i = () => {
+    n.onHide && n.onHide(), s(0), c(0);
+  }, o = R((u) => {
+    s(u), n.onChange && n.onChange(a, u), n.onHide && n.onHide();
+  }, [a]), h = R(() => {
+    n.onChange && n.onChange(a, r), n.onHide && n.onHide();
+  }, [a, r]);
+  return l ? /* @__PURE__ */ e.jsx(G, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(yt, { setMinutes: o, setHours: c, minutes: r, hours: a, switchMode: () => d(!1), onCancel: i, onOK: h }) }) : /* @__PURE__ */ e.jsx(G, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Nt, { setMinutes: s, setHours: c, minutes: r, hours: a, switchMode: () => d(!0), onCancel: i, onOK: h }) });
 };
-const Da = ({ onChange: e, value: n, className: r }) => {
-  const [a, s] = E(n || []), l = P((c) => {
-    if (!c)
+const tr = ({ onChange: n, value: r, className: s }) => {
+  const [a, c] = N(r || []), l = R((i) => {
+    if (!i)
       return;
     let o = a.slice();
-    const d = o.indexOf(c.target.name);
-    d !== -1 && !c.target.checked ? o = o.filter((f, m) => m !== d) : d === -1 && c.target.checked && o.push(c.target.name), s(o), e && e(o);
-  }, [a]), u = P((c) => a.indexOf(c) !== -1, [a]);
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: `days-week-field-container ${r}`, children: [
-    /* @__PURE__ */ t.jsxs("label", { children: [
-      /* @__PURE__ */ t.jsx("input", { type: "checkbox", onChange: l, name: "Mon", checked: u("Mon") }),
-      /* @__PURE__ */ t.jsx("span", { children: "Mon" })
+    const h = o.indexOf(i.target.name);
+    h !== -1 && !i.target.checked ? o = o.filter((u, f) => f !== h) : h === -1 && i.target.checked && o.push(i.target.name), c(o), n && n(o);
+  }, [a]), d = R((i) => a.indexOf(i) !== -1, [a]);
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: `days-week-field-container ${s}`, children: [
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Mon", checked: d("Mon") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Mon" })
     ] }),
-    /* @__PURE__ */ t.jsxs("label", { children: [
-      /* @__PURE__ */ t.jsx("input", { type: "checkbox", onChange: l, name: "Tue", checked: u("Tue") }),
-      /* @__PURE__ */ t.jsx("span", { children: "Tue" })
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Tue", checked: d("Tue") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Tue" })
     ] }),
-    /* @__PURE__ */ t.jsxs("label", { children: [
-      /* @__PURE__ */ t.jsx("input", { type: "checkbox", onChange: l, name: "Wed", checked: u("Wed") }),
-      /* @__PURE__ */ t.jsx("span", { children: "Wed" })
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Wed", checked: d("Wed") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Wed" })
     ] }),
-    /* @__PURE__ */ t.jsxs("label", { children: [
-      /* @__PURE__ */ t.jsx("input", { type: "checkbox", onChange: l, name: "Thu", checked: u("Thu") }),
-      /* @__PURE__ */ t.jsx("span", { children: "Thu" })
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Thu", checked: d("Thu") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Thu" })
     ] }),
-    /* @__PURE__ */ t.jsxs("label", { children: [
-      /* @__PURE__ */ t.jsx("input", { type: "checkbox", onChange: l, name: "Fri", checked: u("Fri") }),
-      /* @__PURE__ */ t.jsx("span", { children: "Fri" })
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Fri", checked: d("Fri") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Fri" })
     ] }),
-    /* @__PURE__ */ t.jsxs("label", { children: [
-      /* @__PURE__ */ t.jsx("input", { type: "checkbox", onChange: l, name: "Sat", checked: u("Sat") }),
-      /* @__PURE__ */ t.jsx("span", { children: "Sat" })
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Sat", checked: d("Sat") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Sat" })
     ] }),
-    /* @__PURE__ */ t.jsxs("label", { children: [
-      /* @__PURE__ */ t.jsx("input", { type: "checkbox", onChange: l, name: "Sun", checked: u("Sun") }),
-      /* @__PURE__ */ t.jsx("span", { children: "Sun" })
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Sun", checked: d("Sun") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Sun" })
     ] })
   ] }) });
 };
-const Pa = ({ children: e }) => /* @__PURE__ */ t.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ t.jsx("div", { className: "adaptiv-grid-item-container", children: e }) }), $a = ({ minWith: e, children: n, className: r, gridRowGap: a = "10px", gridColumnGap: s = "5px", itemMinWith: l, itemMaxWith: u, itemWith: c = "400px" }) => {
-  const o = G(null), [d, f] = E([]), m = P(() => {
+const rr = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), sr = ({ minWith: n, children: r, className: s, gridRowGap: a = "10px", gridColumnGap: c = "5px", itemMinWith: l, itemMaxWith: d, itemWith: i = "400px" }) => {
+  const o = U(null), [h, u] = N([]), f = R(() => {
     if (!o.current)
       return;
-    o.current.style.display = "grid", o.current.style.gridRowGap = a, o.current.style.gridColumnGap = s;
-    let g = l ?? c, C = u ?? c;
-    o.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + g + ", " + C + "))", o.current.style.gridAutoRows = "0", d.forEach((_) => {
-      _.style.gridAutoRows = "0", _.style.gridAutoColumns = "0";
+    o.current.style.display = "grid", o.current.style.gridRowGap = a, o.current.style.gridColumnGap = c;
+    let y = l ?? i, w = d ?? i;
+    o.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + y + ", " + w + "))", o.current.style.gridAutoRows = "0", h.forEach((S) => {
+      S.style.gridAutoRows = "0", S.style.gridAutoColumns = "0";
     });
-  }, [o.current]), x = P(() => {
+  }, [o.current]), v = R(() => {
     if (!o.current)
       return;
-    let g = parseInt(window.getComputedStyle(o.current).getPropertyValue("grid-row-gap")), C = parseInt(window.getComputedStyle(o.current).getPropertyValue("grid-auto-rows"));
-    d.forEach((_) => {
-      let O = 0, y = _.querySelector(".adaptiv-grid-item-container");
-      y && (O = Math.ceil((y.getBoundingClientRect().height + g) / (C + g))), _.style.gridRowEnd = "span " + O;
+    let y = parseInt(window.getComputedStyle(o.current).getPropertyValue("grid-row-gap")), w = parseInt(window.getComputedStyle(o.current).getPropertyValue("grid-auto-rows"));
+    h.forEach((S) => {
+      let O = 0, E = S.querySelector(".adaptiv-grid-item-container");
+      E && (O = Math.ceil((E.getBoundingClientRect().height + y) / (w + y))), S.style.gridRowEnd = "span " + O;
     });
-  }, [d, o.current]), j = P(() => {
+  }, [h, o.current]), g = R(() => {
     if (o.current) {
-      let g = o.current.querySelectorAll(".adaptiv-grid-item");
-      f(Array.prototype.slice.call(g, 0));
+      let y = o.current.querySelectorAll(".adaptiv-grid-item");
+      u(Array.prototype.slice.call(y, 0));
     }
-  }, [o.current, n]);
-  return L(() => {
-    j();
-  }, [j]), L(() => {
-    m();
-  }, [m]), L(() => {
-    x();
-  }, [x, n]), L(() => (window.addEventListener("resize", x), () => {
-    window.addEventListener("resize", x);
-  }), [x]), /* @__PURE__ */ t.jsx("div", { style: { minWidth: e }, ref: o, className: `adaptiv-grid-layout ${r}`, children: n });
+  }, [o.current, r]);
+  return F(() => {
+    g();
+  }, [g]), F(() => {
+    f();
+  }, [f]), F(() => {
+    v();
+  }, [v, r]), F(() => (window.addEventListener("resize", v), () => {
+    window.addEventListener("resize", v);
+  }), [v]), /* @__PURE__ */ e.jsx("div", { style: { minWidth: n }, ref: o, className: `adaptiv-grid-layout ${s}`, children: r });
 };
-const hr = ({ item: e, isIcon: n, globalClick: r }) => {
+const Ct = ({ item: n, isIcon: r, globalClick: s }) => {
   const a = () => {
-    e.onClick && e.onClick(), r && r();
+    n.onClick && n.onClick(), s && s();
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: "menu-sub-item", onClick: a, children: [
-    n ? /* @__PURE__ */ t.jsx("div", { className: "menu-icon-container", children: e.icon }) : null,
-    /* @__PURE__ */ t.jsx("div", { className: "menu-text-container", children: e.title }),
-    /* @__PURE__ */ t.jsx("div", { className: "menu-status-container", children: e.activated ? /* @__PURE__ */ t.jsx(me, {}) : null })
+  return /* @__PURE__ */ e.jsxs("div", { className: "menu-sub-item", onClick: a, children: [
+    r ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: n.icon }) : null,
+    /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: n.title }),
+    /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(ce, {}) : null })
   ] });
-}, mr = ({ items: e, onHide: n, smallDisplay: r, globalClick: a }) => {
-  const s = G(null), [l, u] = E({ left: "0px", top: "0px" });
-  function c(o) {
-    for (let d of o)
-      if (d.icon)
+}, wt = ({ items: n, onHide: r, smallDisplay: s, globalClick: a }) => {
+  const c = U(null), [l, d] = N({ left: "0px", top: "0px" });
+  function i(o) {
+    for (let h of o)
+      if (h.icon)
         return !0;
     return !1;
   }
-  return L(() => {
-    if (!s.current)
+  return F(() => {
+    if (!c.current)
       return;
-    let o = Wt(s.current.parentElement);
+    let o = xn(c.current.parentElement);
     if (!o)
       return;
-    let d = Ut(o.left + o.width, o.top, s.current, { marginRight: o.width });
-    u({
-      left: d.x - o.left + "px",
-      top: d.y - o.top + "px"
+    let h = hn(o.left + o.width, o.top, c.current, { marginRight: o.width });
+    d({
+      left: h.x - o.left + "px",
+      top: h.y - o.top + "px"
     });
-  }, []), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { ref: s, className: "menu-sub-block", style: { ...l }, children: e.map((o, d) => /* @__PURE__ */ t.jsx(hr, { item: o, isIcon: c(e), globalClick: a }, d)) }),
-    r ? null : /* @__PURE__ */ t.jsx("div", { style: { zIndex: 4 }, className: "backplate", onClick: n })
+  }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { ref: c, className: "menu-sub-block", style: { ...l }, children: n.map((o, h) => /* @__PURE__ */ e.jsx(Ct, { item: o, isIcon: i(n), globalClick: a }, h)) }),
+    s ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "backplate", onClick: r })
   ] });
-}, xr = ({ onHide: e, autoHide: n, globalClick: r, item: a, isIcon: s, smallDisplay: l }) => {
-  const [u, c] = E(!1), o = P(() => {
-    a.subItems ? c((d) => !d) : a.onClick && a.onClick(), r && r(), n && e && e();
+}, Et = ({ onHide: n, autoHide: r, globalClick: s, item: a, isIcon: c, smallDisplay: l }) => {
+  const [d, i] = N(!1), o = R(() => {
+    a.subItems ? i((h) => !h) : a.onClick && a.onClick(), s && s(), r && n && n();
   }, [a.onClick]);
-  return /* @__PURE__ */ t.jsxs("div", { className: "menu-item-conatiner", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "menu-item", onClick: o, children: [
-      s ? /* @__PURE__ */ t.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
-      /* @__PURE__ */ t.jsx("div", { className: "menu-text-container", children: a.title }),
-      /* @__PURE__ */ t.jsx("div", { className: "menu-status-container", children: a.subItems ? /* @__PURE__ */ t.jsx("span", { className: `menu-status-submenu ${u ? "active" : ""}` }) : a.activated ? /* @__PURE__ */ t.jsx(me, {}) : /* @__PURE__ */ t.jsx("span", { className: "none-status" }) })
+  return /* @__PURE__ */ e.jsxs("div", { className: "menu-item-conatiner", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "menu-item", onClick: o, children: [
+      c ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
+      /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: a.title }),
+      /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: a.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-status-submenu ${d ? "active" : ""}` }) : a.activated ? /* @__PURE__ */ e.jsx(ce, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
     ] }),
-    u && a.subItems ? /* @__PURE__ */ t.jsx(mr, { items: a.subItems, onHide: () => c(!1), smallDisplay: l }) : null
+    d && a.subItems ? /* @__PURE__ */ e.jsx(wt, { items: a.subItems, onHide: () => i(!1), smallDisplay: l }) : null
   ] });
 };
-function Bt({ block: e, smallDisplay: n, onHide: r, globalClick: a, autoHide: s }) {
-  function l(u) {
-    for (let c of u.items)
-      if (c.icon)
+function fn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: c }) {
+  function l(d) {
+    for (let i of d.items)
+      if (i.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ t.jsx("div", { className: "menu-block", children: e.items.map((u, c) => /* @__PURE__ */ t.jsx(xr, { globalClick: a, autoHide: s, onHide: r, item: u, isIcon: l(e), smallDisplay: n }, c)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((d, i) => /* @__PURE__ */ e.jsx(Et, { globalClick: a, autoHide: c, onHide: s, item: d, isIcon: l(n), smallDisplay: r }, i)) });
 }
-const vr = 100, Fa = (e) => {
-  const n = G(null), [r, a] = E({ left: "0px", top: "0px" }), s = () => {
-    e.onHide && e.onHide();
+const Tt = 100, ar = (n) => {
+  const r = U(null), [s, a] = N({ left: "0px", top: "0px" }), c = () => {
+    n.onHide && n.onHide();
   };
-  return L(() => {
-    let l = Ut(e.x, e.y, n.current, { marginBottom: vr });
+  return F(() => {
+    let l = hn(n.x, n.y, r.current, { marginBottom: Tt });
     a({
       left: l.x + "px",
       top: l.y + "px"
     });
-  }, [e.x, e.y]), e.visible ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { ref: n, className: "menu-container", style: { ...r, opacity: r.top !== "0px" ? "100%" : "0%", width: e.width, maxWidth: e.width ? "100%" : void 0 }, children: e.blocks.map((l, u) => /* @__PURE__ */ t.jsxs(_e.Fragment, { children: [
-      u !== 0 ? /* @__PURE__ */ t.jsx(Y, {}) : null,
-      /* @__PURE__ */ t.jsx(Bt, { block: l, smallDisplay: !1, globalClick: e.onClick, autoHide: e.autoHide, onHide: s })
-    ] }, u)) }),
-    /* @__PURE__ */ t.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: s, onContextMenu: (l) => {
+  }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { ref: r, className: "menu-container", style: { ...s, opacity: s.top !== "0px" ? "100%" : "0%", width: n.width, maxWidth: n.width ? "100%" : void 0 }, children: n.blocks.map((l, d) => /* @__PURE__ */ e.jsxs(ve.Fragment, { children: [
+      d !== 0 ? /* @__PURE__ */ e.jsx(W, {}) : null,
+      /* @__PURE__ */ e.jsx(fn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: c })
+    ] }, d)) }),
+    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: c, onContextMenu: (l) => {
       l.preventDefault();
     } })
   ] }) : null;
-}, Ma = (e) => {
-  const n = () => {
+}, ir = (n) => {
+  const r = () => {
   };
-  return /* @__PURE__ */ t.jsx(In, { onHide: e.onHide || n, visible: e.visible, children: /* @__PURE__ */ t.jsx("div", { className: "bottom-sheets-menu-container", children: e.blocks.map((r, a) => /* @__PURE__ */ t.jsxs(_e.Fragment, { children: [
-    a !== 0 ? /* @__PURE__ */ t.jsx(Y, {}) : null,
-    /* @__PURE__ */ t.jsx(Bt, { block: r, smallDisplay: !0 })
+  return /* @__PURE__ */ e.jsx(Hn, { onHide: n.onHide || r, visible: n.visible, children: /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-menu-container", children: n.blocks.map((s, a) => /* @__PURE__ */ e.jsxs(ve.Fragment, { children: [
+    a !== 0 ? /* @__PURE__ */ e.jsx(W, {}) : null,
+    /* @__PURE__ */ e.jsx(fn, { block: s, smallDisplay: !0 })
   ] }, a)) }) });
 };
-function pr(e) {
-  let n = [];
-  if (e.length > 0)
-    for (let r of e)
-      for (let a in r) {
-        let s = !1;
-        for (let l of n)
-          l.field === a && (s = !0);
-        s || n.push({
+function Rt(n) {
+  let r = [];
+  if (n.length > 0)
+    for (let s of n)
+      for (let a in s) {
+        let c = !1;
+        for (let l of r)
+          l.field === a && (c = !0);
+        c || r.push({
           title: a,
           field: a
         });
       }
-  return n;
+  return r;
 }
-const jr = ({ data: e, column: n, color: r, backgroundColor: a }) => {
-  function s(c, o) {
-    for (let d in o)
-      if (c === d)
-        return o[d];
+const _t = ({ data: n, column: r, color: s, backgroundColor: a }) => {
+  function c(i, o) {
+    for (let h in o)
+      if (i === h)
+        return o[h];
   }
-  function l(c) {
-    return typeof c == "number" || typeof c == "string" ? { content: c } : c;
+  function l(i) {
+    return typeof i == "number" || typeof i == "string" ? { content: i } : i;
   }
-  function u(c) {
-    return c ? Array.isArray(c) ? c.map((o) => l(o)) : [l(c)] : [];
+  function d(i) {
+    return i ? Array.isArray(i) ? i.map((o) => l(o)) : [l(i)] : [];
   }
-  return /* @__PURE__ */ t.jsx("td", { style: { backgroundColor: a }, children: u(s(n.field, e)).map((c, o) => /* @__PURE__ */ t.jsx("p", { style: { color: c.color ?? r }, className: c.onClick ? "no-click" : "", onClick: c.onClick, children: typeof c.content == "string" || typeof c.content == "number" ? c.content : /* @__PURE__ */ t.jsx(c.content, {}) }, o)) });
-}, gr = ({ actions: e, item: n, columns: r, onContextMenu: a, onDelete: s, onEdit: l, onClickRow: u, index: c }) => {
-  const o = (f) => !f.target.closest(".no-click"), d = (f) => {
-    o(f) && u && u(n, c);
+  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: a }, children: d(c(r.field, n)).map((i, o) => /* @__PURE__ */ e.jsx("p", { style: { color: i.color ?? s }, className: i.onClick ? "no-click" : "", onClick: i.onClick, children: typeof i.content == "string" || typeof i.content == "number" ? i.content : /* @__PURE__ */ e.jsx(i.content, {}) }, o)) });
+}, St = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: c, onEdit: l, onClickRow: d, index: i }) => {
+  const o = (u) => !u.target.closest(".no-click"), h = (u) => {
+    o(u) && d && d(r, i);
   };
-  return /* @__PURE__ */ t.jsxs("tr", { className: "table-row", onClick: d, children: [
-    r.map((f, m) => /* @__PURE__ */ t.jsx(jr, { color: f.color, backgroundColor: f.backgroundColor, column: f, data: n }, m)),
-    e ? /* @__PURE__ */ t.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ t.jsx("div", { className: "table-edit-button", children: e.map((f, m) => /* @__PURE__ */ t.jsx(he, { transparent: !0, icon: f.icon, onClick: (x) => f.onClick(x, n, c) }, m)) }) }) : null,
-    a || s || l ? /* @__PURE__ */ t.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ t.jsxs("div", { className: "table-edit-button", children: [
-      l ? /* @__PURE__ */ t.jsx(he, { transparent: !0, icon: /* @__PURE__ */ t.jsx(Jn, {}), onClick: () => l(n, c) }) : null,
-      s ? /* @__PURE__ */ t.jsx(he, { transparent: !0, icon: /* @__PURE__ */ t.jsx(Hn, { className: "text-red-500" }), onClick: () => s(n, c) }) : null,
-      a ? /* @__PURE__ */ t.jsx(he, { transparent: !0, icon: /* @__PURE__ */ t.jsx(qn, {}), onClick: (f) => a(f, n, c) }) : null
+  return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: h, children: [
+    s.map((u, f) => /* @__PURE__ */ e.jsx(_t, { color: u.color, backgroundColor: u.backgroundColor, column: u, data: r }, f)),
+    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, f) => /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: u.icon, onClick: (v) => u.onClick(v, r, i) }, f)) }) }) : null,
+    a || c || l ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
+      l ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(it, {}), onClick: () => l(r, i) }) : null,
+      c ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(lt, { className: "text-red-500" }), onClick: () => c(r, i) }) : null,
+      a ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(st, {}), onClick: (u) => a(u, r, i) }) : null
     ] }) }) : null
   ] });
-}, Aa = ({ data: e, columns: n, onDelete: r, onContextMenu: a, onEdit: s, actions: l, onClickRow: u, adaptive: c }) => {
-  const [o] = E(n ?? pr(e));
-  return /* @__PURE__ */ t.jsx("div", { className: `table-container mt-3 ${u ? "clicked" : ""} ${c ? "auto-rotate" : ""}`, children: /* @__PURE__ */ t.jsxs("table", { children: [
-    /* @__PURE__ */ t.jsx("thead", { children: /* @__PURE__ */ t.jsxs("tr", { children: [
-      o.map((d, f) => /* @__PURE__ */ t.jsx("th", { className: "min-width", children: d.title }, f)),
-      l ? /* @__PURE__ */ t.jsx("th", { className: "table-actions-header", children: "actions" }) : null,
-      r || a || s ? /* @__PURE__ */ t.jsx("th", { className: "table-actions-header" }) : null
+}, cr = ({ data: n, columns: r, onDelete: s, onContextMenu: a, onEdit: c, actions: l, onClickRow: d, adaptive: i }) => {
+  const [o] = N(r ?? Rt(n));
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${d ? "clicked" : ""} ${i ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+    /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
+      o.map((h, u) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, u)),
+      l ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }) : null,
+      s || a || c ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
     ] }) }),
-    /* @__PURE__ */ t.jsx("tbody", { children: e.map((d, f) => /* @__PURE__ */ t.jsx(gr, { onClickRow: u, actions: l, index: f, columns: o, item: d, onDelete: r, onContextMenu: a, onEdit: s }, f)) })
+    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, u) => /* @__PURE__ */ e.jsx(St, { onClickRow: d, actions: l, index: u, columns: o, item: h, onDelete: s, onContextMenu: a, onEdit: c }, u)) })
   ] }) });
 };
-/**
- * @remix-run/router v1.16.0
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-function Ge() {
-  return Ge = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var a in r)
-        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
-    }
-    return e;
-  }, Ge.apply(this, arguments);
-}
-var Dt;
-(function(e) {
-  e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE";
-})(Dt || (Dt = {}));
-function F(e, n) {
-  if (e === !1 || e === null || typeof e > "u")
-    throw new Error(n);
-}
-function ve(e, n) {
-  if (!e) {
-    typeof console < "u" && console.warn(n);
-    try {
-      throw new Error(n);
-    } catch {
-    }
-  }
-}
-function He(e) {
-  let {
-    pathname: n = "/",
-    search: r = "",
-    hash: a = ""
-  } = e;
-  return r && r !== "?" && (n += r.charAt(0) === "?" ? r : "?" + r), a && a !== "#" && (n += a.charAt(0) === "#" ? a : "#" + a), n;
-}
-function Yt(e) {
-  let n = {};
-  if (e) {
-    let r = e.indexOf("#");
-    r >= 0 && (n.hash = e.substr(r), e = e.substr(0, r));
-    let a = e.indexOf("?");
-    a >= 0 && (n.search = e.substr(a), e = e.substr(0, a)), e && (n.pathname = e);
-  }
-  return n;
-}
-var Pt;
-(function(e) {
-  e.data = "data", e.deferred = "deferred", e.redirect = "redirect", e.error = "error";
-})(Pt || (Pt = {}));
-function $t(e, n) {
-  typeof e == "string" && (e = {
-    path: e,
-    caseSensitive: !1,
-    end: !0
-  });
-  let [r, a] = yr(e.path, e.caseSensitive, e.end), s = n.match(r);
-  if (!s)
-    return null;
-  let l = s[0], u = l.replace(/(.)\/+$/, "$1"), c = s.slice(1);
-  return {
-    params: a.reduce((d, f, m) => {
-      let {
-        paramName: x,
-        isOptional: j
-      } = f;
-      if (x === "*") {
-        let C = c[m] || "";
-        u = l.slice(0, l.length - C.length).replace(/(.)\/+$/, "$1");
-      }
-      const g = c[m];
-      return j && !g ? d[x] = void 0 : d[x] = (g || "").replace(/%2F/g, "/"), d;
-    }, {}),
-    pathname: l,
-    pathnameBase: u,
-    pattern: e
-  };
-}
-function yr(e, n, r) {
-  n === void 0 && (n = !1), r === void 0 && (r = !0), ve(e === "*" || !e.endsWith("*") || e.endsWith("/*"), 'Route path "' + e + '" will be treated as if it were ' + ('"' + e.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + e.replace(/\*$/, "/*") + '".'));
-  let a = [], s = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (u, c, o) => (a.push({
-    paramName: c,
-    isOptional: o != null
-  }), o ? "/?([^\\/]+)?" : "/([^\\/]+)"));
-  return e.endsWith("*") ? (a.push({
-    paramName: "*"
-  }), s += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : r ? s += "\\/*$" : e !== "" && e !== "/" && (s += "(?:(?=\\/|$))"), [new RegExp(s, n ? void 0 : "i"), a];
-}
-function se(e, n) {
-  if (n === "/")
-    return e;
-  if (!e.toLowerCase().startsWith(n.toLowerCase()))
-    return null;
-  let r = n.endsWith("/") ? n.length - 1 : n.length, a = e.charAt(r);
-  return a && a !== "/" ? null : e.slice(r) || "/";
-}
-function br(e, n) {
-  n === void 0 && (n = "/");
-  let {
-    pathname: r,
-    search: a = "",
-    hash: s = ""
-  } = typeof e == "string" ? Yt(e) : e;
-  return {
-    pathname: r ? r.startsWith("/") ? r : Nr(r, n) : n,
-    search: kr(a),
-    hash: wr(s)
-  };
-}
-function Nr(e, n) {
-  let r = n.replace(/\/+$/, "").split("/");
-  return e.split("/").forEach((s) => {
-    s === ".." ? r.length > 1 && r.pop() : s !== "." && r.push(s);
-  }), r.length > 1 ? r.join("/") : "/";
-}
-function ze(e, n, r, a) {
-  return "Cannot include a '" + e + "' character in a manually specified " + ("`to." + n + "` field [" + JSON.stringify(a) + "].  Please separate it out to the ") + ("`to." + r + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
-}
-function Cr(e) {
-  return e.filter((n, r) => r === 0 || n.route.path && n.route.path.length > 0);
-}
-function zt(e, n) {
-  let r = Cr(e);
-  return n ? r.map((a, s) => s === e.length - 1 ? a.pathname : a.pathnameBase) : r.map((a) => a.pathnameBase);
-}
-function Kt(e, n, r, a) {
-  a === void 0 && (a = !1);
-  let s;
-  typeof e == "string" ? s = Yt(e) : (s = Ge({}, e), F(!s.pathname || !s.pathname.includes("?"), ze("?", "pathname", "search", s)), F(!s.pathname || !s.pathname.includes("#"), ze("#", "pathname", "hash", s)), F(!s.search || !s.search.includes("#"), ze("#", "search", "hash", s)));
-  let l = e === "" || s.pathname === "", u = l ? "/" : s.pathname, c;
-  if (u == null)
-    c = r;
-  else {
-    let m = n.length - 1;
-    if (!a && u.startsWith("..")) {
-      let x = u.split("/");
-      for (; x[0] === ".."; )
-        x.shift(), m -= 1;
-      s.pathname = x.join("/");
-    }
-    c = m >= 0 ? n[m] : "/";
-  }
-  let o = br(s, c), d = u && u !== "/" && u.endsWith("/"), f = (l || u === ".") && r.endsWith("/");
-  return !o.pathname.endsWith("/") && (d || f) && (o.pathname += "/"), o;
-}
-const Qe = (e) => e.join("/").replace(/\/\/+/g, "/"), kr = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, wr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, qt = ["post", "put", "patch", "delete"];
-new Set(qt);
-const Er = ["get", ...qt];
-new Set(Er);
-/**
- * React Router v6.23.0
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-function Ze() {
-  return Ze = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var a in r)
-        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
-    }
-    return e;
-  }, Ze.apply(this, arguments);
-}
-const Oe = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (Oe.displayName = "DataRouter");
-const Xt = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (Xt.displayName = "DataRouterState");
-const Rr = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (Rr.displayName = "Await");
-const H = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (H.displayName = "Navigation");
-const et = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (et.displayName = "Location");
-const le = /* @__PURE__ */ N.createContext({
-  outlet: null,
-  matches: [],
-  isDataRoute: !1
-});
-process.env.NODE_ENV !== "production" && (le.displayName = "Route");
-const Sr = /* @__PURE__ */ N.createContext(null);
-process.env.NODE_ENV !== "production" && (Sr.displayName = "RouteError");
-function _r(e, n) {
-  let {
-    relative: r
-  } = n === void 0 ? {} : n;
-  tt() || (process.env.NODE_ENV !== "production" ? F(
-    !1,
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useHref() may be used only in the context of a <Router> component."
-  ) : F(!1));
-  let {
-    basename: a,
-    navigator: s
-  } = N.useContext(H), {
-    hash: l,
-    pathname: u,
-    search: c
-  } = je(e, {
-    relative: r
-  }), o = u;
-  return a !== "/" && (o = u === "/" ? a : Qe([a, u])), s.createHref({
-    pathname: o,
-    search: c,
-    hash: l
-  });
-}
-function tt() {
-  return N.useContext(et) != null;
-}
-function pe() {
-  return tt() || (process.env.NODE_ENV !== "production" ? F(
-    !1,
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useLocation() may be used only in the context of a <Router> component."
-  ) : F(!1)), N.useContext(et).location;
-}
-const Jt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function Gt(e) {
-  N.useContext(H).static || N.useLayoutEffect(e);
-}
-function Tr() {
-  let {
-    isDataRoute: e
-  } = N.useContext(le);
-  return e ? Fr() : Or();
-}
-function Or() {
-  tt() || (process.env.NODE_ENV !== "production" ? F(
-    !1,
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useNavigate() may be used only in the context of a <Router> component."
-  ) : F(!1));
-  let e = N.useContext(Oe), {
-    basename: n,
-    future: r,
-    navigator: a
-  } = N.useContext(H), {
-    matches: s
-  } = N.useContext(le), {
-    pathname: l
-  } = pe(), u = JSON.stringify(zt(s, r.v7_relativeSplatPath)), c = N.useRef(!1);
-  return Gt(() => {
-    c.current = !0;
-  }), N.useCallback(function(d, f) {
-    if (f === void 0 && (f = {}), process.env.NODE_ENV !== "production" && ve(c.current, Jt), !c.current)
-      return;
-    if (typeof d == "number") {
-      a.go(d);
-      return;
-    }
-    let m = Kt(d, JSON.parse(u), l, f.relative === "path");
-    e == null && n !== "/" && (m.pathname = m.pathname === "/" ? n : Qe([n, m.pathname])), (f.replace ? a.replace : a.push)(m, f.state, f);
-  }, [n, a, u, l, e]);
-}
-function je(e, n) {
-  let {
-    relative: r
-  } = n === void 0 ? {} : n, {
-    future: a
-  } = N.useContext(H), {
-    matches: s
-  } = N.useContext(le), {
-    pathname: l
-  } = pe(), u = JSON.stringify(zt(s, a.v7_relativeSplatPath));
-  return N.useMemo(() => Kt(e, JSON.parse(u), l, r === "path"), [e, u, l, r]);
-}
-var Ht = /* @__PURE__ */ function(e) {
-  return e.UseBlocker = "useBlocker", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e;
-}(Ht || {}), nt = /* @__PURE__ */ function(e) {
-  return e.UseBlocker = "useBlocker", e.UseLoaderData = "useLoaderData", e.UseActionData = "useActionData", e.UseRouteError = "useRouteError", e.UseNavigation = "useNavigation", e.UseRouteLoaderData = "useRouteLoaderData", e.UseMatches = "useMatches", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e.UseRouteId = "useRouteId", e;
-}(nt || {});
-function Zt(e) {
-  return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
-}
-function Dr(e) {
-  let n = N.useContext(Oe);
-  return n || (process.env.NODE_ENV !== "production" ? F(!1, Zt(e)) : F(!1)), n;
-}
-function Pr(e) {
-  let n = N.useContext(le);
-  return n || (process.env.NODE_ENV !== "production" ? F(!1, Zt(e)) : F(!1)), n;
-}
-function Qt(e) {
-  let n = Pr(e), r = n.matches[n.matches.length - 1];
-  return r.route.id || (process.env.NODE_ENV !== "production" ? F(!1, e + ' can only be used on routes that contain a unique "id"') : F(!1)), r.route.id;
-}
-function $r() {
-  return Qt(nt.UseRouteId);
-}
-function Fr() {
-  let {
-    router: e
-  } = Dr(Ht.UseNavigateStable), n = Qt(nt.UseNavigateStable), r = N.useRef(!1);
-  return Gt(() => {
-    r.current = !0;
-  }), N.useCallback(function(s, l) {
-    l === void 0 && (l = {}), process.env.NODE_ENV !== "production" && ve(r.current, Jt), r.current && (typeof s == "number" ? e.navigate(s) : e.navigate(s, Ze({
-      fromRouteId: n
-    }, l)));
-  }, [e, n]);
-}
-new Promise(() => {
-});
-/**
- * React Router DOM v6.23.0
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-function ie() {
-  return ie = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var a in r)
-        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
-    }
-    return e;
-  }, ie.apply(this, arguments);
-}
-function rt(e, n) {
-  if (e == null)
-    return {};
-  var r = {}, a = Object.keys(e), s, l;
-  for (l = 0; l < a.length; l++)
-    s = a[l], !(n.indexOf(s) >= 0) && (r[s] = e[s]);
-  return r;
-}
-const Ee = "get", Re = "application/x-www-form-urlencoded";
-function De(e) {
-  return e != null && typeof e.tagName == "string";
-}
-function Mr(e) {
-  return De(e) && e.tagName.toLowerCase() === "button";
-}
-function Ar(e) {
-  return De(e) && e.tagName.toLowerCase() === "form";
-}
-function Lr(e) {
-  return De(e) && e.tagName.toLowerCase() === "input";
-}
-function Vr(e) {
-  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
-}
-function Ir(e, n) {
-  return e.button === 0 && // Ignore everything but left clicks
-  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
-  !Vr(e);
-}
-let Ce = null;
-function Wr() {
-  if (Ce === null)
-    try {
-      new FormData(
-        document.createElement("form"),
-        // @ts-expect-error if FormData supports the submitter parameter, this will throw
-        0
-      ), Ce = !1;
-    } catch {
-      Ce = !0;
-    }
-  return Ce;
-}
-const Ur = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
-function Ke(e) {
-  return e != null && !Ur.has(e) ? (process.env.NODE_ENV !== "production" && ve(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + Re + '"')), null) : e;
-}
-function Br(e, n) {
-  let r, a, s, l, u;
-  if (Ar(e)) {
-    let c = e.getAttribute("action");
-    a = c ? se(c, n) : null, r = e.getAttribute("method") || Ee, s = Ke(e.getAttribute("enctype")) || Re, l = new FormData(e);
-  } else if (Mr(e) || Lr(e) && (e.type === "submit" || e.type === "image")) {
-    let c = e.form;
-    if (c == null)
-      throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
-    let o = e.getAttribute("formaction") || c.getAttribute("action");
-    if (a = o ? se(o, n) : null, r = e.getAttribute("formmethod") || c.getAttribute("method") || Ee, s = Ke(e.getAttribute("formenctype")) || Ke(c.getAttribute("enctype")) || Re, l = new FormData(c, e), !Wr()) {
-      let {
-        name: d,
-        type: f,
-        value: m
-      } = e;
-      if (f === "image") {
-        let x = d ? d + "." : "";
-        l.append(x + "x", "0"), l.append(x + "y", "0");
-      } else
-        d && l.append(d, m);
-    }
-  } else {
-    if (De(e))
-      throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
-    r = Ee, a = null, s = Re, u = e;
-  }
-  return l && s === "text/plain" && (u = l, l = void 0), {
-    action: a,
-    method: r.toLowerCase(),
-    encType: s,
-    formData: l,
-    body: u
-  };
-}
-const Yr = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset", "unstable_viewTransition"], zr = ["aria-current", "caseSensitive", "className", "end", "style", "to", "unstable_viewTransition", "children"], Kr = ["fetcherKey", "navigate", "reloadDocument", "replace", "state", "method", "action", "onSubmit", "relative", "preventScrollReset", "unstable_viewTransition"], qr = "6";
-try {
-  window.__reactRouterVersion = qr;
-} catch {
-}
-const en = /* @__PURE__ */ N.createContext({
-  isTransitioning: !1
-});
-process.env.NODE_ENV !== "production" && (en.displayName = "ViewTransition");
-const Xr = /* @__PURE__ */ N.createContext(/* @__PURE__ */ new Map());
-process.env.NODE_ENV !== "production" && (Xr.displayName = "Fetchers");
-process.env.NODE_ENV;
-const Jr = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Gr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, tn = /* @__PURE__ */ N.forwardRef(function(n, r) {
-  let {
-    onClick: a,
-    relative: s,
-    reloadDocument: l,
-    replace: u,
-    state: c,
-    target: o,
-    to: d,
-    preventScrollReset: f,
-    unstable_viewTransition: m
-  } = n, x = rt(n, Yr), {
-    basename: j
-  } = N.useContext(H), g, C = !1;
-  if (typeof d == "string" && Gr.test(d) && (g = d, Jr))
-    try {
-      let S = new URL(window.location.href), p = d.startsWith("//") ? new URL(S.protocol + d) : new URL(d), T = se(p.pathname, j);
-      p.origin === S.origin && T != null ? d = T + p.search + p.hash : C = !0;
-    } catch {
-      process.env.NODE_ENV !== "production" && ve(!1, '<Link to="' + d + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
-    }
-  let _ = _r(d, {
-    relative: s
-  }), O = Qr(d, {
-    replace: u,
-    state: c,
-    target: o,
-    preventScrollReset: f,
-    relative: s,
-    unstable_viewTransition: m
-  });
-  function y(S) {
-    a && a(S), S.defaultPrevented || O(S);
-  }
-  return (
-    // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ N.createElement("a", ie({}, x, {
-      href: g || _,
-      onClick: C || l ? a : y,
-      ref: r,
-      target: o
-    }))
-  );
-});
-process.env.NODE_ENV !== "production" && (tn.displayName = "Link");
-const Pe = /* @__PURE__ */ N.forwardRef(function(n, r) {
-  let {
-    "aria-current": a = "page",
-    caseSensitive: s = !1,
-    className: l = "",
-    end: u = !1,
-    style: c,
-    to: o,
-    unstable_viewTransition: d,
-    children: f
-  } = n, m = rt(n, zr), x = je(o, {
-    relative: m.relative
-  }), j = pe(), g = N.useContext(Xt), {
-    navigator: C,
-    basename: _
-  } = N.useContext(H), O = g != null && // Conditional usage is OK here because the usage of a data router is static
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  sa(x) && d === !0, y = C.encodeLocation ? C.encodeLocation(x).pathname : x.pathname, S = j.pathname, p = g && g.navigation && g.navigation.location ? g.navigation.location.pathname : null;
-  s || (S = S.toLowerCase(), p = p ? p.toLowerCase() : null, y = y.toLowerCase()), p && _ && (p = se(p, _) || p);
-  const T = y !== "/" && y.endsWith("/") ? y.length - 1 : y.length;
-  let I = S === y || !u && S.startsWith(y) && S.charAt(T) === "/", z = p != null && (p === y || !u && p.startsWith(y) && p.charAt(y.length) === "/"), q = {
-    isActive: I,
-    isPending: z,
-    isTransitioning: O
-  }, Z = I ? a : void 0, Q;
-  typeof l == "function" ? Q = l(q) : Q = [l, I ? "active" : null, z ? "pending" : null, O ? "transitioning" : null].filter(Boolean).join(" ");
-  let X = typeof c == "function" ? c(q) : c;
-  return /* @__PURE__ */ N.createElement(tn, ie({}, m, {
-    "aria-current": Z,
-    className: Q,
-    ref: r,
-    style: X,
-    to: o,
-    unstable_viewTransition: d
-  }), typeof f == "function" ? f(q) : f);
-});
-process.env.NODE_ENV !== "production" && (Pe.displayName = "NavLink");
-const Hr = /* @__PURE__ */ N.forwardRef((e, n) => {
-  let {
-    fetcherKey: r,
-    navigate: a,
-    reloadDocument: s,
-    replace: l,
-    state: u,
-    method: c = Ee,
-    action: o,
-    onSubmit: d,
-    relative: f,
-    preventScrollReset: m,
-    unstable_viewTransition: x
-  } = e, j = rt(e, Kr), g = ra(), C = aa(o, {
-    relative: f
-  }), _ = c.toLowerCase() === "get" ? "get" : "post", O = (y) => {
-    if (d && d(y), y.defaultPrevented)
-      return;
-    y.preventDefault();
-    let S = y.nativeEvent.submitter, p = (S == null ? void 0 : S.getAttribute("formmethod")) || c;
-    g(S || y.currentTarget, {
-      fetcherKey: r,
-      method: p,
-      navigate: a,
-      replace: l,
-      state: u,
-      relative: f,
-      preventScrollReset: m,
-      unstable_viewTransition: x
-    });
-  };
-  return /* @__PURE__ */ N.createElement("form", ie({
-    ref: n,
-    method: _,
-    action: C,
-    onSubmit: s ? d : O
-  }, j));
-});
-process.env.NODE_ENV !== "production" && (Hr.displayName = "Form");
-process.env.NODE_ENV;
-var Se;
-(function(e) {
-  e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
-})(Se || (Se = {}));
-var Ft;
-(function(e) {
-  e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
-})(Ft || (Ft = {}));
-function Zr(e) {
-  return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
-}
-function nn(e) {
-  let n = N.useContext(Oe);
-  return n || (process.env.NODE_ENV !== "production" ? F(!1, Zr(e)) : F(!1)), n;
-}
-function Qr(e, n) {
-  let {
-    target: r,
-    replace: a,
-    state: s,
-    preventScrollReset: l,
-    relative: u,
-    unstable_viewTransition: c
-  } = n === void 0 ? {} : n, o = Tr(), d = pe(), f = je(e, {
-    relative: u
-  });
-  return N.useCallback((m) => {
-    if (Ir(m, r)) {
-      m.preventDefault();
-      let x = a !== void 0 ? a : He(d) === He(f);
-      o(e, {
-        replace: x,
-        state: s,
-        preventScrollReset: l,
-        relative: u,
-        unstable_viewTransition: c
-      });
-    }
-  }, [d, o, f, a, s, r, e, l, u, c]);
-}
-function ea() {
-  if (typeof document > "u")
-    throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.");
-}
-let ta = 0, na = () => "__" + String(++ta) + "__";
-function ra() {
-  let {
-    router: e
-  } = nn(Se.UseSubmit), {
-    basename: n
-  } = N.useContext(H), r = $r();
-  return N.useCallback(function(a, s) {
-    s === void 0 && (s = {}), ea();
-    let {
-      action: l,
-      method: u,
-      encType: c,
-      formData: o,
-      body: d
-    } = Br(a, n);
-    if (s.navigate === !1) {
-      let f = s.fetcherKey || na();
-      e.fetch(f, r, s.action || l, {
-        preventScrollReset: s.preventScrollReset,
-        formData: o,
-        body: d,
-        formMethod: s.method || u,
-        formEncType: s.encType || c,
-        unstable_flushSync: s.unstable_flushSync
-      });
-    } else
-      e.navigate(s.action || l, {
-        preventScrollReset: s.preventScrollReset,
-        formData: o,
-        body: d,
-        formMethod: s.method || u,
-        formEncType: s.encType || c,
-        replace: s.replace,
-        state: s.state,
-        fromRouteId: r,
-        unstable_flushSync: s.unstable_flushSync,
-        unstable_viewTransition: s.unstable_viewTransition
-      });
-  }, [e, n, r]);
-}
-function aa(e, n) {
-  let {
-    relative: r
-  } = n === void 0 ? {} : n, {
-    basename: a
-  } = N.useContext(H), s = N.useContext(le);
-  s || (process.env.NODE_ENV !== "production" ? F(!1, "useFormAction must be used inside a RouteContext") : F(!1));
-  let [l] = s.matches.slice(-1), u = ie({}, je(e || ".", {
-    relative: r
-  })), c = pe();
-  if (e == null) {
-    u.search = c.search;
-    let o = new URLSearchParams(u.search);
-    o.has("index") && o.get("index") === "" && (o.delete("index"), u.search = o.toString() ? "?" + o.toString() : "");
-  }
-  return (!e || e === ".") && l.route.index && (u.search = u.search ? u.search.replace(/^\?/, "?index&") : "?index"), a !== "/" && (u.pathname = u.pathname === "/" ? a : Qe([a, u.pathname])), He(u);
-}
-function sa(e, n) {
-  n === void 0 && (n = {});
-  let r = N.useContext(en);
-  r == null && (process.env.NODE_ENV !== "production" ? F(!1, "`unstable_useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : F(!1));
-  let {
-    basename: a
-  } = nn(Se.useViewTransitionState), s = je(e, {
-    relative: n.relative
-  });
-  if (!r.isTransitioning)
-    return !1;
-  let l = se(r.currentLocation.pathname, a) || r.currentLocation.pathname, u = se(r.nextLocation.pathname, a) || r.nextLocation.pathname;
-  return $t(s.pathname, u) != null || $t(s.pathname, l) != null;
-}
-const ia = ({ icon: e, title: n, to: r }) => /* @__PURE__ */ t.jsxs(Pe, { to: r, className: "navigation-item", children: [
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-icon", children: e }),
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-text", children: n })
-] }), la = ({ onClick: e, icon: n, title: r }) => /* @__PURE__ */ t.jsxs("div", { onClick: e, className: "navigation-item", children: [
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-icon", children: n }),
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-text", children: r })
-] }), La = ({ btns: e }) => /* @__PURE__ */ t.jsx("div", { className: "navigation-bar-container", children: /* @__PURE__ */ t.jsx("div", { className: "block-content", children: e.map((n, r) => n.type === "button" ? /* @__PURE__ */ t.jsx(la, { icon: n.icon, onClick: n.onClick, title: n.text }, r) : n.type === "link" ? /* @__PURE__ */ t.jsx(ia, { icon: n.icon, to: n.to, title: n.text }, r) : null) }) });
-const Mt = ({ onClick: e, icon: n, title: r, to: a }) => /* @__PURE__ */ t.jsxs(Pe, { onClick: e, to: a, className: "navigation-item", children: [
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-icon", children: n }),
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-text", children: r })
-] }), ke = ({ onClick: e, icon: n, title: r }) => /* @__PURE__ */ t.jsxs("div", { onClick: e, className: "navigation-item", children: [
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-icon", children: n }),
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-text", children: r })
-] }), Va = ({ visible: e, firstBtn: n, mainBtn: r, onHide: a, otherBtn: s, backBtn: l, openAlways: u }) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-  /* @__PURE__ */ t.jsxs("div", { className: `navigation-drawer-container ${e || u ? "show" : "hide"}`, children: [
-    n ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "navigation-block", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "block-header" }),
-        /* @__PURE__ */ t.jsx("div", { className: "block-content", children: /* @__PURE__ */ t.jsx(ke, { onClick: n.onClick, title: n.text, icon: n.icon ?? /* @__PURE__ */ t.jsx(Je, {}) }) })
+const $t = ({ icon: n, title: r, to: s }) => /* @__PURE__ */ e.jsxs("a", { href: s, className: `navigation-item ${window.location.pathname === s ? "active" : ""}`, children: [
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: n }),
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: r })
+] }), Ot = ({ onClick: n, icon: r, title: s }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "navigation-item", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: r }),
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: s })
+] }), lr = ({ btns: n }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-bar-container", children: /* @__PURE__ */ e.jsx("div", { className: "block-content", children: n.map((r, s) => r.type === "button" ? /* @__PURE__ */ e.jsx(Ot, { icon: r.icon, onClick: r.onClick, title: r.text }, s) : r.type === "link" ? /* @__PURE__ */ e.jsx($t, { icon: r.icon, to: r.to, title: r.text }, s) : null) }) });
+const cn = ({ onClick: n, icon: r, title: s, to: a }) => /* @__PURE__ */ e.jsxs("a", { onClick: n, href: a, className: `navigation-item ${window.location.pathname === a ? "active" : ""}`, children: [
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: r }),
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: s })
+] }), fe = ({ onClick: n, icon: r, title: s }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "navigation-item", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: r }),
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: s })
+] }), or = ({ visible: n, firstBtn: r, mainBtn: s, onHide: a, otherBtn: c, backBtn: l, openAlways: d }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer-container ${n || d ? "show" : "hide"}`, children: [
+    r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
+        /* @__PURE__ */ e.jsx("div", { className: "block-content", children: /* @__PURE__ */ e.jsx(fe, { onClick: r.onClick, title: r.text, icon: r.icon ?? /* @__PURE__ */ e.jsx($e, {}) }) })
       ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "divider-container", children: /* @__PURE__ */ t.jsx(Y, {}) })
+      /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(W, {}) })
     ] }) : null,
-    /* @__PURE__ */ t.jsxs("div", { className: "navigation-block", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "block-header" }),
-      /* @__PURE__ */ t.jsx("div", { className: "block-content", children: r && r.map((c, o) => c.type === "button" ? /* @__PURE__ */ t.jsx(ke, { onClick: c.onClick, title: c.text, icon: c.icon }, o) : c.type === "link" ? /* @__PURE__ */ t.jsx(Mt, { onClick: () => a(), title: c.text, icon: c.icon, to: c.to }, o) : null) })
+    /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
+      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: s && s.map((i, o) => i.type === "button" ? /* @__PURE__ */ e.jsx(fe, { onClick: i.onClick, title: i.text, icon: i.icon }, o) : i.type === "link" ? /* @__PURE__ */ e.jsx(cn, { onClick: () => a(), title: i.text, icon: i.icon, to: i.to }, o) : null) })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "divider-container", children: /* @__PURE__ */ t.jsx(Y, {}) }),
-    /* @__PURE__ */ t.jsxs("div", { className: "navigation-block", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "block-header" }),
-      /* @__PURE__ */ t.jsx("div", { className: "block-content", children: s && s.map((c, o) => c.type === "button" ? /* @__PURE__ */ t.jsx(ke, { onClick: c.onClick, title: c.text, icon: c.icon }, o) : c.type === "link" ? /* @__PURE__ */ t.jsx(Mt, { onClick: () => a(), title: c.text, icon: c.icon, to: c.to }, o) : null) })
+    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(W, {}) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
+      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: c && c.map((i, o) => i.type === "button" ? /* @__PURE__ */ e.jsx(fe, { onClick: i.onClick, title: i.text, icon: i.icon }, o) : i.type === "link" ? /* @__PURE__ */ e.jsx(cn, { onClick: () => a(), title: i.text, icon: i.icon, to: i.to }, o) : null) })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "divider-container", children: /* @__PURE__ */ t.jsx(Y, {}) }),
-    l ? /* @__PURE__ */ t.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ t.jsx(ke, { onClick: l.onClick, title: l.text, icon: l.icon }) }) : null
+    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(W, {}) }),
+    l ? /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsx(fe, { onClick: l.onClick, title: l.text, icon: l.icon }) }) : null
   ] }),
-  e && !u ? /* @__PURE__ */ t.jsx("div", { className: "backplate", style: { zIndex: 1100 }, onClick: () => a() }) : null
+  n && !d ? /* @__PURE__ */ e.jsx("div", { className: "backplate", style: { zIndex: 1100 }, onClick: () => a() }) : null
 ] });
-const ca = ({ icon: e, title: n, to: r }) => /* @__PURE__ */ t.jsxs(Pe, { to: r, className: "navigation-item", children: [
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-icon", children: e }),
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-text", children: n })
-] }), we = ({ onClick: e, icon: n, title: r }) => /* @__PURE__ */ t.jsxs("div", { onClick: e, className: "navigation-item", children: [
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-icon", children: n }),
-  /* @__PURE__ */ t.jsx("div", { className: "navigation-item-text", children: r })
-] }), Ia = ({ onToggleMenu: e, firstBtn: n, mainBtn: r, backBtn: a }) => /* @__PURE__ */ t.jsx("div", { className: "navigation-rail-container", children: /* @__PURE__ */ t.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ t.jsxs("div", { className: "block-content", children: [
-  e ? /* @__PURE__ */ t.jsx(we, { icon: /* @__PURE__ */ t.jsx(Vt, {}), onClick: e }) : null,
-  n ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Y, {}),
-    /* @__PURE__ */ t.jsx(we, { title: n.text, icon: n.icon ?? /* @__PURE__ */ t.jsx(Je, {}), onClick: (s) => {
-      n.onClick && n.onClick(s);
+const Dt = ({ icon: n, title: r, to: s }) => /* @__PURE__ */ e.jsxs("a", { href: s, className: `navigation-item ${window.location.pathname === s ? "active" : ""}`, children: [
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: n }),
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: r })
+] }), me = ({ onClick: n, icon: r, title: s }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "navigation-item", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: r }),
+  /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: s })
+] }), dr = ({ onToggleMenu: n, firstBtn: r, mainBtn: s, backBtn: a }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-rail-container", children: /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsxs("div", { className: "block-content", children: [
+  n ? /* @__PURE__ */ e.jsx(me, { icon: /* @__PURE__ */ e.jsx(dn, {}), onClick: n }) : null,
+  r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(W, {}),
+    /* @__PURE__ */ e.jsx(me, { title: r.text, icon: r.icon ?? /* @__PURE__ */ e.jsx($e, {}), onClick: (c) => {
+      r.onClick && r.onClick(c);
     } }),
-    /* @__PURE__ */ t.jsx(Y, {})
+    /* @__PURE__ */ e.jsx(W, {})
   ] }) : null,
-  r && r.map((s, l) => s.type === "button" ? /* @__PURE__ */ t.jsx(we, { onClick: s.onClick, title: s.text, icon: s.icon }, l) : s.type === "link" ? /* @__PURE__ */ t.jsx(ca, { title: s.text, icon: s.icon, to: s.to }, l) : null),
-  a ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(Y, {}),
-    /* @__PURE__ */ t.jsx(we, { title: a.text, icon: a.icon ?? /* @__PURE__ */ t.jsx(Je, {}), onClick: (s) => {
-      a.onClick && a.onClick(s);
+  s && s.map((c, l) => c.type === "button" ? /* @__PURE__ */ e.jsx(me, { onClick: c.onClick, title: c.text, icon: c.icon }, l) : c.type === "link" ? /* @__PURE__ */ e.jsx(Dt, { title: c.text, icon: c.icon, to: c.to }, l) : null),
+  a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(W, {}),
+    /* @__PURE__ */ e.jsx(me, { title: a.text, icon: a.icon ?? /* @__PURE__ */ e.jsx($e, {}), onClick: (c) => {
+      a.onClick && a.onClick(c);
     } }),
-    /* @__PURE__ */ t.jsx(Y, {})
+    /* @__PURE__ */ e.jsx(W, {})
   ] }) : null
 ] }) }) });
 export {
-  Vn as BaseActionCard,
-  xe as BaseButton,
-  Ra as BaseDialog,
-  Qn as BaseRadioButton,
-  ne as BasicTemplateDialog,
-  fa as BigContainer,
-  In as BottomSheetsUi,
-  Mn as Button,
-  da as Card,
-  ha as Checkbox,
-  Zn as Chips,
-  Da as DayOfWeekField,
-  Y as Divider,
-  va as FAB,
-  pa as FieldContainer,
-  Fn as FilledButton,
-  $n as FilledTotalButton,
-  Ea as FullScrinTemplateDialog,
-  $a as GridLayout,
-  Pa as GridLayoutItem,
-  he as IconButton,
-  An as ListContainer,
-  Ln as ListItem,
-  Fa as Menu,
-  ja as MoreText,
-  La as NavigationBar,
-  Va as NavigationDrawer,
-  Ia as NavigationRail,
-  Pn as OutlineButton,
-  xa as RadioButton,
-  ga as RunningLine,
-  ya as ScrollContainer,
-  ba as Search,
-  Sa as SelectionDialog,
-  ka as SigmentedButton,
-  wa as Slider,
-  Ma as SmallWindowMenu,
-  Na as Snackbar,
-  Ca as Switch,
-  Aa as Table,
-  ma as TextArea,
-  A as TextButton,
-  _a as TextDialog,
-  It as TextField,
-  Oa as TimePicker,
-  Wt as getContainerData,
-  Ut as getModalWindowCord,
-  nr as map,
-  Ta as СalendarPickers
+  Gn as BaseActionCard,
+  le as BaseButton,
+  Ht as BaseDialog,
+  dt as BaseRadioButton,
+  G as BasicTemplateDialog,
+  Pt as BigContainer,
+  Hn as BottomSheetsUi,
+  Xn as Button,
+  Ft as Card,
+  At as Checkbox,
+  ot as Chips,
+  tr as DayOfWeekField,
+  W as Divider,
+  Bt as FAB,
+  Wt as FieldContainer,
+  Kn as FilledButton,
+  Un as FilledTotalButton,
+  Gt as FullScrinTemplateDialog,
+  sr as GridLayout,
+  rr as GridLayoutItem,
+  ie as IconButton,
+  qn as ListContainer,
+  Jn as ListItem,
+  ar as Menu,
+  Lt as MoreText,
+  lr as NavigationBar,
+  or as NavigationDrawer,
+  dr as NavigationRail,
+  zn as OutlineButton,
+  Yt as RadioButton,
+  Vt as RunningLine,
+  zt as ScrollContainer,
+  Ut as Search,
+  Zt as SelectionDialog,
+  qt as SigmentedButton,
+  Jt as Slider,
+  ir as SmallWindowMenu,
+  Kt as Snackbar,
+  Xt as Switch,
+  cr as Table,
+  It as TextArea,
+  M as TextButton,
+  Qt as TextDialog,
+  un as TextField,
+  nr as TimePicker,
+  xn as getContainerData,
+  hn as getModalWindowCord,
+  ht as map,
+  er as СalendarPickers
 };