alex-evo-sh-ui-kit 1.0.77 → 1.0.78

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

@@ -1,7 +1,7 @@
-import Je, { useState as _, useCallback as k, useEffect as $, useRef as G, useMemo as Ce, createContext as Ot, useContext as Be } from "react";
-import Vt from "react-dom";
-import { NavLink as hn } from "react-router-dom";
-import './index.css';var dn = { exports: {} }, De = {};
+import Qe, { useState as _, useCallback as k, useEffect as $, useRef as Y, useMemo as je, createContext as Dt, useContext as Ge } from "react";
+import Ft from "react-dom";
+import { NavLink as mn } from "react-router-dom";
+import './index.css';var xn = { exports: {} }, Ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -11,25 +11,25 @@ import './index.css';var dn = { 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 En;
-function Dt() {
-  if (En)
-    return De;
-  En = 1;
-  var n = Je, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function a(o, l, u) {
-    var h, f = {}, x = null, m = null;
-    u !== void 0 && (x = "" + u), l.key !== void 0 && (x = "" + l.key), l.ref !== void 0 && (m = l.ref);
-    for (h in l)
-      s.call(l, h) && !i.hasOwnProperty(h) && (f[h] = l[h]);
-    if (o && o.defaultProps)
-      for (h in l = o.defaultProps, l)
-        f[h] === void 0 && (f[h] = l[h]);
-    return { $$typeof: t, type: o, key: x, ref: m, props: f, _owner: c.current };
+var Ln;
+function Pt() {
+  if (Ln)
+    return Ae;
+  Ln = 1;
+  var n = Qe, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(a, o, u) {
+    var h, f = {}, x = null, C = null;
+    u !== void 0 && (x = "" + u), o.key !== void 0 && (x = "" + o.key), o.ref !== void 0 && (C = o.ref);
+    for (h in o)
+      s.call(o, h) && !i.hasOwnProperty(h) && (f[h] = o[h]);
+    if (a && a.defaultProps)
+      for (h in o = a.defaultProps, o)
+        f[h] === void 0 && (f[h] = o[h]);
+    return { $$typeof: t, type: a, key: x, ref: C, props: f, _owner: c.current };
   }
-  return De.Fragment = r, De.jsx = a, De.jsxs = a, De;
+  return Ae.Fragment = r, Ae.jsx = l, Ae.jsxs = l, Ae;
 }
-var Fe = {};
+var Ie = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -39,54 +39,54 @@ 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 Ln;
-function Ft() {
-  return Ln || (Ln = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Je, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), o = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), j = Symbol.iterator, g = "@@iterator";
+var Tn;
+function Ht() {
+  return Tn || (Tn = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = Qe, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), a = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), j = Symbol.iterator, g = "@@iterator";
     function v(d) {
       if (d === null || typeof d != "object")
         return null;
       var b = j && d[j] || d[g];
       return typeof b == "function" ? b : null;
     }
-    var C = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var m = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function p(d) {
       {
-        for (var b = arguments.length, N = new Array(b > 1 ? b - 1 : 0), R = 1; R < b; R++)
-          N[R - 1] = arguments[R];
+        for (var b = arguments.length, N = new Array(b > 1 ? b - 1 : 0), E = 1; E < b; E++)
+          N[E - 1] = arguments[E];
         w("error", d, N);
       }
     }
     function w(d, b, N) {
       {
-        var R = C.ReactDebugCurrentFrame, B = R.getStackAddendum();
-        B !== "" && (b += "%s", N = N.concat([B]));
-        var Z = N.map(function(F) {
+        var E = m.ReactDebugCurrentFrame, G = E.getStackAddendum();
+        G !== "" && (b += "%s", N = N.concat([G]));
+        var W = N.map(function(F) {
           return String(F);
         });
-        Z.unshift("Warning: " + b), Function.prototype.apply.call(console[d], console, Z);
+        W.unshift("Warning: " + b), Function.prototype.apply.call(console[d], console, W);
       }
     }
-    var y = !1, S = !1, V = !1, E = !1, Y = !1, U;
+    var y = !1, S = !1, T = !1, L = !1, H = !1, U;
     U = Symbol.for("react.module.reference");
     function M(d) {
-      return !!(typeof d == "string" || typeof d == "function" || d === s || d === i || Y || d === c || d === u || d === h || E || d === m || y || S || V || typeof d == "object" && d !== null && (d.$$typeof === x || d.$$typeof === f || d.$$typeof === a || d.$$typeof === o || d.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof d == "string" || typeof d == "function" || d === s || d === i || H || d === c || d === u || d === h || L || d === C || y || S || T || typeof d == "object" && d !== null && (d.$$typeof === x || d.$$typeof === f || d.$$typeof === l || d.$$typeof === a || d.$$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.
       d.$$typeof === U || d.getModuleId !== void 0));
     }
-    function L(d, b, N) {
-      var R = d.displayName;
-      if (R)
-        return R;
-      var B = b.displayName || b.name || "";
-      return B !== "" ? N + "(" + B + ")" : N;
+    function D(d, b, N) {
+      var E = d.displayName;
+      if (E)
+        return E;
+      var G = b.displayName || b.name || "";
+      return G !== "" ? N + "(" + G + ")" : N;
     }
-    function W(d) {
+    function Z(d) {
       return d.displayName || "Context";
     }
-    function I(d) {
+    function R(d) {
       if (d == null)
         return null;
       if (typeof d.tag == "number" && p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof d == "function")
@@ -109,21 +109,21 @@ function Ft() {
       }
       if (typeof d == "object")
         switch (d.$$typeof) {
-          case o:
-            var b = d;
-            return W(b) + ".Consumer";
           case a:
-            var N = d;
-            return W(N._context) + ".Provider";
+            var b = d;
+            return Z(b) + ".Consumer";
           case l:
-            return L(d, d.render, "ForwardRef");
+            var N = d;
+            return Z(N._context) + ".Provider";
+          case o:
+            return D(d, d.render, "ForwardRef");
           case f:
-            var R = d.displayName || null;
-            return R !== null ? R : I(d.type) || "Memo";
+            var E = d.displayName || null;
+            return E !== null ? E : R(d.type) || "Memo";
           case x: {
-            var B = d, Z = B._payload, F = B._init;
+            var G = d, W = G._payload, F = G._init;
             try {
-              return I(F(Z));
+              return R(F(W));
             } catch {
               return null;
             }
@@ -131,18 +131,18 @@ function Ft() {
         }
       return null;
     }
-    var A = Object.assign, z = 0, Q, te, O, D, fe, ye, ne;
-    function ie() {
-    }
-    ie.__reactDisabledLog = !0;
+    var A = Object.assign, X = 0, te, ie, z, O, ge, De, Fe;
     function de() {
+    }
+    de.__reactDisabledLog = !0;
+    function We() {
       {
-        if (z === 0) {
-          Q = console.log, te = console.info, O = console.warn, D = console.error, fe = console.group, ye = console.groupCollapsed, ne = console.groupEnd;
+        if (X === 0) {
+          te = console.log, ie = console.info, z = console.warn, O = console.error, ge = console.group, De = console.groupCollapsed, Fe = console.groupEnd;
           var d = {
             configurable: !0,
             enumerable: !0,
-            value: ie,
+            value: de,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -155,12 +155,12 @@ function Ft() {
             groupEnd: d
           });
         }
-        z++;
+        X++;
       }
     }
-    function X() {
+    function nn() {
       {
-        if (z--, z === 0) {
+        if (X--, X === 0) {
           var d = {
             configurable: !0,
             enumerable: !0,
@@ -168,64 +168,64 @@ function Ft() {
           };
           Object.defineProperties(console, {
             log: A({}, d, {
-              value: Q
+              value: te
             }),
             info: A({}, d, {
-              value: te
+              value: ie
             }),
             warn: A({}, d, {
-              value: O
+              value: z
             }),
             error: A({}, d, {
-              value: D
+              value: O
             }),
             group: A({}, d, {
-              value: fe
+              value: ge
             }),
             groupCollapsed: A({}, d, {
-              value: ye
+              value: De
             }),
             groupEnd: A({}, d, {
-              value: ne
+              value: Fe
             })
           });
         }
-        z < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        X < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ee = C.ReactCurrentDispatcher, Le;
+    var be = m.ReactCurrentDispatcher, ye;
     function ke(d, b, N) {
       {
-        if (Le === void 0)
+        if (ye === void 0)
           try {
             throw Error();
-          } catch (B) {
-            var R = B.stack.trim().match(/\n( *(at )?)/);
-            Le = R && R[1] || "";
+          } catch (G) {
+            var E = G.stack.trim().match(/\n( *(at )?)/);
+            ye = E && E[1] || "";
           }
         return `
-` + Le + d;
+` + ye + d;
       }
     }
-    var $e = !1, Ne;
+    var Pe = !1, ee;
     {
-      var ae = typeof WeakMap == "function" ? WeakMap : Map;
-      Ne = new ae();
+      var ue = typeof WeakMap == "function" ? WeakMap : Map;
+      ee = new ue();
     }
-    function ze(d, b) {
-      if (!d || $e)
+    function he(d, b) {
+      if (!d || Pe)
         return "";
       {
-        var N = Ne.get(d);
+        var N = ee.get(d);
         if (N !== void 0)
           return N;
       }
-      var R;
-      $e = !0;
-      var B = Error.prepareStackTrace;
+      var E;
+      Pe = !0;
+      var G = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Z;
-      Z = Ee.current, Ee.current = null, de();
+      var W;
+      W = be.current, be.current = null, We();
       try {
         if (b) {
           var F = function() {
@@ -238,63 +238,63 @@ function Ft() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(F, []);
-            } catch (le) {
-              R = le;
+            } catch (oe) {
+              E = oe;
             }
             Reflect.construct(d, [], F);
           } else {
             try {
               F.call();
-            } catch (le) {
-              R = le;
+            } catch (oe) {
+              E = oe;
             }
             d.call(F.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (le) {
-            R = le;
+          } catch (oe) {
+            E = oe;
           }
           d();
         }
-      } catch (le) {
-        if (le && R && typeof le.stack == "string") {
-          for (var T = le.stack.split(`
-`), re = R.stack.split(`
-`), K = T.length - 1, q = re.length - 1; K >= 1 && q >= 0 && T[K] !== re[q]; )
+      } catch (oe) {
+        if (oe && E && typeof oe.stack == "string") {
+          for (var V = oe.stack.split(`
+`), re = E.stack.split(`
+`), K = V.length - 1, q = re.length - 1; K >= 1 && q >= 0 && V[K] !== re[q]; )
             q--;
           for (; K >= 1 && q >= 0; K--, q--)
-            if (T[K] !== re[q]) {
+            if (V[K] !== re[q]) {
               if (K !== 1 || q !== 1)
                 do
-                  if (K--, q--, q < 0 || T[K] !== re[q]) {
-                    var ue = `
-` + T[K].replace(" at new ", " at ");
-                    return d.displayName && ue.includes("<anonymous>") && (ue = ue.replace("<anonymous>", d.displayName)), typeof d == "function" && Ne.set(d, ue), ue;
+                  if (K--, q--, q < 0 || V[K] !== re[q]) {
+                    var ae = `
+` + V[K].replace(" at new ", " at ");
+                    return d.displayName && ae.includes("<anonymous>") && (ae = ae.replace("<anonymous>", d.displayName)), typeof d == "function" && ee.set(d, ae), ae;
                   }
                 while (K >= 1 && q >= 0);
               break;
             }
         }
       } finally {
-        $e = !1, Ee.current = Z, X(), Error.prepareStackTrace = B;
+        Pe = !1, be.current = W, nn(), Error.prepareStackTrace = G;
       }
-      var we = d ? d.displayName || d.name : "", ge = we ? ke(we) : "";
-      return typeof d == "function" && Ne.set(d, ge), ge;
+      var $e = d ? d.displayName || d.name : "", we = $e ? ke($e) : "";
+      return typeof d == "function" && ee.set(d, we), we;
     }
-    function qe(d, b, N) {
-      return ze(d, !1);
+    function I(d, b, N) {
+      return he(d, !1);
     }
-    function Te(d) {
+    function fe(d) {
       var b = d.prototype;
       return !!(b && b.isReactComponent);
     }
-    function Ge(d, b, N) {
+    function Ee(d, b, N) {
       if (d == null)
         return "";
       if (typeof d == "function")
-        return ze(d, Te(d));
+        return he(d, fe(d));
       if (typeof d == "string")
         return ke(d);
       switch (d) {
@@ -305,104 +305,104 @@ function Ft() {
       }
       if (typeof d == "object")
         switch (d.$$typeof) {
-          case l:
-            return qe(d.render);
+          case o:
+            return I(d.render);
           case f:
-            return Ge(d.type, b, N);
+            return Ee(d.type, b, N);
           case x: {
-            var R = d, B = R._payload, Z = R._init;
+            var E = d, G = E._payload, W = E._init;
             try {
-              return Ge(Z(B), b, N);
+              return Ee(W(G), b, N);
             } catch {
             }
           }
         }
       return "";
     }
-    var Oe = Object.prototype.hasOwnProperty, Cn = {}, vn = C.ReactDebugCurrentFrame;
-    function Ye(d) {
+    var Ne = Object.prototype.hasOwnProperty, Ze = {}, Xe = m.ReactDebugCurrentFrame;
+    function ne(d) {
       if (d) {
-        var b = d._owner, N = Ge(d.type, d._source, b ? b.type : null);
-        vn.setExtraStackFrame(N);
+        var b = d._owner, N = Ee(d.type, d._source, b ? b.type : null);
+        Xe.setExtraStackFrame(N);
       } else
-        vn.setExtraStackFrame(null);
+        Xe.setExtraStackFrame(null);
     }
-    function ht(d, b, N, R, B) {
+    function tn(d, b, N, E, G) {
       {
-        var Z = Function.call.bind(Oe);
+        var W = Function.call.bind(Ne);
         for (var F in d)
-          if (Z(d, F)) {
-            var T = void 0;
+          if (W(d, F)) {
+            var V = void 0;
             try {
               if (typeof d[F] != "function") {
-                var re = Error((R || "React class") + ": " + N + " type `" + F + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[F] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var re = Error((E || "React class") + ": " + N + " type `" + F + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[F] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw re.name = "Invariant Violation", re;
               }
-              T = d[F](b, F, R, N, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              V = d[F](b, F, E, N, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (K) {
-              T = K;
+              V = K;
             }
-            T && !(T instanceof Error) && (Ye(B), p("%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).", R || "React class", N, F, typeof T), Ye(null)), T instanceof Error && !(T.message in Cn) && (Cn[T.message] = !0, Ye(B), p("Failed %s type: %s", N, T.message), Ye(null));
+            V && !(V instanceof Error) && (ne(G), p("%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).", E || "React class", N, F, typeof V), ne(null)), V instanceof Error && !(V.message in Ze) && (Ze[V.message] = !0, ne(G), p("Failed %s type: %s", N, V.message), ne(null));
           }
       }
     }
-    var ft = Array.isArray;
-    function Qe(d) {
-      return ft(d);
+    var rn = Array.isArray;
+    function _e(d) {
+      return rn(d);
     }
-    function xt(d) {
+    function mt(d) {
       {
         var b = typeof Symbol == "function" && Symbol.toStringTag, N = b && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return N;
       }
     }
-    function jt(d) {
+    function Ct(d) {
       try {
-        return gn(d), !1;
+        return bn(d), !1;
       } catch {
         return !0;
       }
     }
-    function gn(d) {
+    function bn(d) {
       return "" + d;
     }
-    function pn(d) {
-      if (jt(d))
-        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xt(d)), gn(d);
+    function yn(d) {
+      if (Ct(d))
+        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mt(d)), bn(d);
     }
-    var Ve = C.ReactCurrentOwner, mt = {
+    var He = m.ReactCurrentOwner, vt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, bn, yn, en;
-    en = {};
-    function Ct(d) {
-      if (Oe.call(d, "ref")) {
+    }, kn, Nn, sn;
+    sn = {};
+    function gt(d) {
+      if (Ne.call(d, "ref")) {
         var b = Object.getOwnPropertyDescriptor(d, "ref").get;
         if (b && b.isReactWarning)
           return !1;
       }
       return d.ref !== void 0;
     }
-    function vt(d) {
-      if (Oe.call(d, "key")) {
+    function pt(d) {
+      if (Ne.call(d, "key")) {
         var b = Object.getOwnPropertyDescriptor(d, "key").get;
         if (b && b.isReactWarning)
           return !1;
       }
       return d.key !== void 0;
     }
-    function gt(d, b) {
-      if (typeof d.ref == "string" && Ve.current && b && Ve.current.stateNode !== b) {
-        var N = I(Ve.current.type);
-        en[N] || (p('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', I(Ve.current.type), d.ref), en[N] = !0);
+    function bt(d, b) {
+      if (typeof d.ref == "string" && He.current && b && He.current.stateNode !== b) {
+        var N = R(He.current.type);
+        sn[N] || (p('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', R(He.current.type), d.ref), sn[N] = !0);
       }
     }
-    function pt(d, b) {
+    function yt(d, b) {
       {
         var N = function() {
-          bn || (bn = !0, p("%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)", b));
+          kn || (kn = !0, p("%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)", b));
         };
         N.isReactWarning = !0, Object.defineProperty(d, "key", {
           get: N,
@@ -410,10 +410,10 @@ function Ft() {
         });
       }
     }
-    function bt(d, b) {
+    function kt(d, b) {
       {
         var N = function() {
-          yn || (yn = !0, p("%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)", b));
+          Nn || (Nn = !0, p("%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)", b));
         };
         N.isReactWarning = !0, Object.defineProperty(d, "ref", {
           get: N,
@@ -421,8 +421,8 @@ function Ft() {
         });
       }
     }
-    var yt = function(d, b, N, R, B, Z, F) {
-      var T = {
+    var Nt = function(d, b, N, E, G, W, F) {
+      var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -431,60 +431,60 @@ function Ft() {
         ref: N,
         props: F,
         // Record the component responsible for creating this element.
-        _owner: Z
+        _owner: W
       };
-      return T._store = {}, Object.defineProperty(T._store, "validated", {
+      return V._store = {}, Object.defineProperty(V._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(T, "_self", {
+      }), Object.defineProperty(V, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
-      }), Object.defineProperty(T, "_source", {
+        value: E
+      }), Object.defineProperty(V, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: B
-      }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
+        value: G
+      }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function kt(d, b, N, R, B) {
+    function _t(d, b, N, E, G) {
       {
-        var Z, F = {}, T = null, re = null;
-        N !== void 0 && (pn(N), T = "" + N), vt(b) && (pn(b.key), T = "" + b.key), Ct(b) && (re = b.ref, gt(b, B));
-        for (Z in b)
-          Oe.call(b, Z) && !mt.hasOwnProperty(Z) && (F[Z] = b[Z]);
+        var W, F = {}, V = null, re = null;
+        N !== void 0 && (yn(N), V = "" + N), pt(b) && (yn(b.key), V = "" + b.key), gt(b) && (re = b.ref, bt(b, G));
+        for (W in b)
+          Ne.call(b, W) && !vt.hasOwnProperty(W) && (F[W] = b[W]);
         if (d && d.defaultProps) {
           var K = d.defaultProps;
-          for (Z in K)
-            F[Z] === void 0 && (F[Z] = K[Z]);
+          for (W in K)
+            F[W] === void 0 && (F[W] = K[W]);
         }
-        if (T || re) {
+        if (V || re) {
           var q = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-          T && pt(F, q), re && bt(F, q);
+          V && yt(F, q), re && kt(F, q);
         }
-        return yt(d, T, re, B, R, Ve.current, F);
+        return Nt(d, V, re, G, E, He.current, F);
       }
     }
-    var nn = C.ReactCurrentOwner, kn = C.ReactDebugCurrentFrame;
-    function _e(d) {
+    var cn = m.ReactCurrentOwner, _n = m.ReactDebugCurrentFrame;
+    function Re(d) {
       if (d) {
-        var b = d._owner, N = Ge(d.type, d._source, b ? b.type : null);
-        kn.setExtraStackFrame(N);
+        var b = d._owner, N = Ee(d.type, d._source, b ? b.type : null);
+        _n.setExtraStackFrame(N);
       } else
-        kn.setExtraStackFrame(null);
+        _n.setExtraStackFrame(null);
     }
-    var tn;
-    tn = !1;
-    function rn(d) {
+    var on;
+    on = !1;
+    function ln(d) {
       return typeof d == "object" && d !== null && d.$$typeof === t;
     }
-    function Nn() {
+    function wn() {
       {
-        if (nn.current) {
-          var d = I(nn.current.type);
+        if (cn.current) {
+          var d = R(cn.current.type);
           if (d)
             return `
 
@@ -493,7 +493,7 @@ Check the render method of \`` + d + "`.";
         return "";
       }
     }
-    function Nt(d) {
+    function wt(d) {
       {
         if (d !== void 0) {
           var b = d.fileName.replace(/^.*[\\\/]/, ""), N = d.lineNumber;
@@ -504,10 +504,10 @@ Check your code at ` + b + ":" + N + ".";
         return "";
       }
     }
-    var _n = {};
-    function _t(d) {
+    var Sn = {};
+    function St(d) {
       {
-        var b = Nn();
+        var b = wn();
         if (!b) {
           var N = typeof d == "string" ? d : d.displayName || d.name;
           N && (b = `
@@ -517,39 +517,39 @@ Check the top-level render call using <` + N + ">.");
         return b;
       }
     }
-    function wn(d, b) {
+    function Mn(d, b) {
       {
         if (!d._store || d._store.validated || d.key != null)
           return;
         d._store.validated = !0;
-        var N = _t(b);
-        if (_n[N])
+        var N = St(b);
+        if (Sn[N])
           return;
-        _n[N] = !0;
-        var R = "";
-        d && d._owner && d._owner !== nn.current && (R = " It was passed a child from " + I(d._owner.type) + "."), _e(d), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', N, R), _e(null);
+        Sn[N] = !0;
+        var E = "";
+        d && d._owner && d._owner !== cn.current && (E = " It was passed a child from " + R(d._owner.type) + "."), Re(d), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', N, E), Re(null);
       }
     }
-    function Sn(d, b) {
+    function En(d, b) {
       {
         if (typeof d != "object")
           return;
-        if (Qe(d))
+        if (_e(d))
           for (var N = 0; N < d.length; N++) {
-            var R = d[N];
-            rn(R) && wn(R, b);
+            var E = d[N];
+            ln(E) && Mn(E, b);
           }
-        else if (rn(d))
+        else if (ln(d))
           d._store && (d._store.validated = !0);
         else if (d) {
-          var B = v(d);
-          if (typeof B == "function" && B !== d.entries)
-            for (var Z = B.call(d), F; !(F = Z.next()).done; )
-              rn(F.value) && wn(F.value, b);
+          var G = v(d);
+          if (typeof G == "function" && G !== d.entries)
+            for (var W = G.call(d), F; !(F = W.next()).done; )
+              ln(F.value) && Mn(F.value, b);
         }
       }
     }
-    function wt(d) {
+    function Mt(d) {
       {
         var b = d.type;
         if (b == null || typeof b == "string")
@@ -557,93 +557,93 @@ Check the top-level render call using <` + N + ">.");
         var N;
         if (typeof b == "function")
           N = b.propTypes;
-        else if (typeof b == "object" && (b.$$typeof === l || // Note: Memo only checks outer props here.
+        else if (typeof b == "object" && (b.$$typeof === o || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         b.$$typeof === f))
           N = b.propTypes;
         else
           return;
         if (N) {
-          var R = I(b);
-          ht(N, d.props, "prop", R, d);
-        } else if (b.PropTypes !== void 0 && !tn) {
-          tn = !0;
-          var B = I(b);
-          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", B || "Unknown");
+          var E = R(b);
+          tn(N, d.props, "prop", E, d);
+        } else if (b.PropTypes !== void 0 && !on) {
+          on = !0;
+          var G = R(b);
+          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", G || "Unknown");
         }
         typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function St(d) {
+    function Et(d) {
       {
         for (var b = Object.keys(d.props), N = 0; N < b.length; N++) {
-          var R = b[N];
-          if (R !== "children" && R !== "key") {
-            _e(d), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), _e(null);
+          var E = b[N];
+          if (E !== "children" && E !== "key") {
+            Re(d), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Re(null);
             break;
           }
         }
-        d.ref !== null && (_e(d), p("Invalid attribute `ref` supplied to `React.Fragment`."), _e(null));
+        d.ref !== null && (Re(d), p("Invalid attribute `ref` supplied to `React.Fragment`."), Re(null));
       }
     }
-    var Mn = {};
-    function Rn(d, b, N, R, B, Z) {
+    var Rn = {};
+    function $n(d, b, N, E, G, W) {
       {
         var F = M(d);
         if (!F) {
-          var T = "";
-          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (T += " 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 re = Nt(B);
-          re ? T += re : T += Nn();
+          var V = "";
+          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (V += " 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 re = wt(G);
+          re ? V += re : V += wn();
           var K;
-          d === null ? K = "null" : Qe(d) ? K = "array" : d !== void 0 && d.$$typeof === t ? (K = "<" + (I(d.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : K = typeof d, p("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);
+          d === null ? K = "null" : _e(d) ? K = "array" : d !== void 0 && d.$$typeof === t ? (K = "<" + (R(d.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : K = typeof d, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", K, V);
         }
-        var q = kt(d, b, N, B, Z);
+        var q = _t(d, b, N, G, W);
         if (q == null)
           return q;
         if (F) {
-          var ue = b.children;
-          if (ue !== void 0)
-            if (R)
-              if (Qe(ue)) {
-                for (var we = 0; we < ue.length; we++)
-                  Sn(ue[we], d);
-                Object.freeze && Object.freeze(ue);
+          var ae = b.children;
+          if (ae !== void 0)
+            if (E)
+              if (_e(ae)) {
+                for (var $e = 0; $e < ae.length; $e++)
+                  En(ae[$e], d);
+                Object.freeze && Object.freeze(ae);
               } else
                 p("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
-              Sn(ue, d);
+              En(ae, d);
         }
-        if (Oe.call(b, "key")) {
-          var ge = I(d), le = Object.keys(b).filter(function(Tt) {
-            return Tt !== "key";
-          }), sn = le.length > 0 ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Mn[ge + sn]) {
-            var $t = le.length > 0 ? "{" + le.join(": ..., ") + ": ...}" : "{}";
+        if (Ne.call(b, "key")) {
+          var we = R(d), oe = Object.keys(b).filter(function(Vt) {
+            return Vt !== "key";
+          }), an = oe.length > 0 ? "{key: someKey, " + oe.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Rn[we + an]) {
+            var Ot = oe.length > 0 ? "{" + oe.join(": ..., ") + ": ...}" : "{}";
             p(`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} />`, sn, ge, $t, ge), Mn[ge + sn] = !0;
+  <%s key={someKey} {...props} />`, an, we, Ot, we), Rn[we + an] = !0;
           }
         }
-        return d === s ? St(q) : wt(q), q;
+        return d === s ? Et(q) : Mt(q), q;
       }
     }
-    function Mt(d, b, N) {
-      return Rn(d, b, N, !0);
-    }
     function Rt(d, b, N) {
-      return Rn(d, b, N, !1);
+      return $n(d, b, N, !0);
+    }
+    function $t(d, b, N) {
+      return $n(d, b, N, !1);
     }
-    var Et = Rt, Lt = Mt;
-    Fe.Fragment = s, Fe.jsx = Et, Fe.jsxs = Lt;
-  }()), Fe;
+    var Lt = $t, Tt = Rt;
+    Ie.Fragment = s, Ie.jsx = Lt, Ie.jsxs = Tt;
+  }()), Ie;
 }
-process.env.NODE_ENV === "production" ? dn.exports = Dt() : dn.exports = Ft();
-var e = dn.exports;
-const Pt = (n) => Ie({ ...n, className: (n.className ?? "") + " outline-button" }), ee = (n) => Ie({ ...n, className: (n.className ?? "") + " text-button" }), Ht = (n) => Ie({ ...n, className: (n.className ?? "") + " total-button" }), At = (n) => Ie({ ...n, className: (n.className ?? "") + " filled-button" }), Ie = (n) => {
+process.env.NODE_ENV === "production" ? xn.exports = Pt() : xn.exports = Ht();
+var e = xn.exports;
+const At = (n) => Ye({ ...n, className: (n.className ?? "") + " outline-button" }), Q = (n) => Ye({ ...n, className: (n.className ?? "") + " text-button" }), It = (n) => Ye({ ...n, className: (n.className ?? "") + " total-button" }), Bt = (n) => Ye({ ...n, className: (n.className ?? "") + " filled-button" }), Ye = (n) => {
   const t = (r) => {
     n.onClick && n.onClick(r);
     let s = document.createElement("span");
@@ -654,8 +654,8 @@ const Pt = (n) => Ie({ ...n, className: (n.className ?? "") + " outline-button"
     }, 500);
   };
   return /* @__PURE__ */ e.jsx("button", { ...n, className: (n.className ?? "") + " btn", onClick: t, children: /* @__PURE__ */ e.jsx("span", { children: n.children }) });
-}, Xn = ({ styleType: n = "base", ...t }) => n === "outline" ? Pt({ ...t }) : n === "text" ? ee({ ...t }) : n === "filledTotal" ? Ht({ ...t }) : n === "filled" ? At({ ...t }) : Ie({ ...t });
-function Bt(n) {
+}, Jn = ({ styleType: n = "base", ...t }) => n === "outline" ? At({ ...t }) : n === "text" ? Q({ ...t }) : n === "filledTotal" ? It({ ...t }) : n === "filled" ? Bt({ ...t }) : Ye({ ...t });
+function zt(n) {
   let t = n.getBoundingClientRect();
   return {
     top: t.top + window.pageYOffset,
@@ -664,20 +664,20 @@ function Bt(n) {
     left: t.left + window.pageXOffset
   };
 }
-function It(n) {
+function Gt(n) {
   let t = document.createElement("span");
   t.classList.add("btn-overlay");
-  const r = Bt(n.target);
+  const r = zt(n.target);
   let s = n.pageX - r.left, c = n.pageY - r.top;
   t.style.left = s + "px", t.style.top = c + "px", n.currentTarget.appendChild(t), setTimeout(() => {
     t.remove();
   }, 500);
 }
-const ve = ({ transparent: n, icon: t, className: r, onClick: s, onContextMenu: c, disabled: i, classNameContainer: a, style: o }) => {
-  const l = (u) => {
-    s && s(u), It(u);
+const pe = ({ transparent: n, icon: t, className: r, onClick: s, onContextMenu: c, disabled: i, classNameContainer: l, style: a }) => {
+  const o = (u) => {
+    s && s(u), Gt(u);
   };
-  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...o }, className: `iconbutton ${r}`, onClick: l, onContextMenu: c, disabled: i, children: /* @__PURE__ */ e.jsx("div", { className: `${a} iconbutton-container`, children: t }) });
+  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...a }, className: `iconbutton ${r}`, onClick: o, onContextMenu: c, disabled: i, children: /* @__PURE__ */ e.jsx("div", { className: `${l} iconbutton-container`, children: t }) });
 };
 const P = ({ className: n, onClick: t, children: r, dpi: s = "24", size: c }) => /* @__PURE__ */ e.jsx("svg", { style: { width: c, height: c }, onClick: t, className: `${n} icon-base`, viewBox: `0 0 ${s} ${s}`, xmlns: "http://www.w3.org/2000/svg", children: r });
 function J(n) {
@@ -687,14 +687,14 @@ function J(n) {
     tertiaryColor: n.tertiaryColor ?? n.baseColor ?? "var(--On-surface-color)"
   };
 }
-const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} icon-trash`, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--Error-color)", fill: "none", d: "M18 6L17.1991 18.0129C17.129 19.065 17.0939 19.5911 16.8667 19.99C16.6666 20.3412 16.3648 20.6235 16.0011 20.7998C15.588 21 15.0607 21 14.0062 21H9.99377C8.93927 21 8.41202 21 7.99889 20.7998C7.63517 20.6235 7.33339 20.3412 7.13332 19.99C6.90607 19.5911 6.871 19.065 6.80086 18.0129L6 6M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }), Me = (n) => /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", children: /* @__PURE__ */ e.jsxs("g", { id: "Close", children: [
+const Yt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} icon-trash`, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--Error-color)", fill: "none", d: "M18 6L17.1991 18.0129C17.129 19.065 17.0939 19.5911 16.8667 19.99C16.6666 20.3412 16.3648 20.6235 16.0011 20.7998C15.588 21 15.0607 21 14.0062 21H9.99377C8.93927 21 8.41202 21 7.99889 20.7998C7.63517 20.6235 7.33339 20.3412 7.13332 19.99C6.90607 19.5911 6.871 19.065 6.80086 18.0129L6 6M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }), Oe = (n) => /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", children: /* @__PURE__ */ e.jsxs("g", { id: "Close", children: [
   /* @__PURE__ */ e.jsx("rect", { id: "Rectangle", "fill-rule": "nonzero", x: "0", y: "0", width: "24", height: "24" }),
   /* @__PURE__ */ e.jsx("line", { x1: "16.9999", y1: "7", x2: "7.00001", y2: "16.9999", id: "Path", stroke: "var(--On-surface-color)", "stroke-width": "2", "stroke-linecap": "round" }),
   /* @__PURE__ */ e.jsx("line", { x1: "7.00006", y1: "7", x2: "17", y2: "16.9999", id: "Path", stroke: "var(--On-surface-color)", "stroke-width": "2", "stroke-linecap": "round" })
-] }) }) }), pe = (n) => {
+] }) }) }), Se = (n) => {
   const t = J(n);
   return /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M4 12.6111L8.92308 17.5L20 6.5", stroke: t.primaryColor, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
-}, $n = (n) => {
+}, On = (n) => {
   const t = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
@@ -705,7 +705,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       " "
     ] })
   ] });
-}, Gt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, dpi: "512", children: /* @__PURE__ */ e.jsxs("g", { style: { width: "100%" }, children: [
+}, Wt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, dpi: "512", children: /* @__PURE__ */ e.jsxs("g", { style: { width: "100%" }, children: [
   /* @__PURE__ */ e.jsx("path", { d: `M133.977,245.743c4.662,1.718,9.756,2.564,15.006,2.315c7.873-0.355,15.159-3.118,21.05-7.512
                 c5.9-4.4,10.456-10.425,13.043-17.428c1.73-4.668,2.564-9.759,2.319-15.007c-0.355-7.873-3.119-15.162-7.513-21.05
                 c-4.398-5.894-10.432-10.457-17.431-13.052c-4.662-1.718-9.757-2.558-15-2.315c-7.877,0.361-15.162,3.118-21.056,7.513
@@ -758,7 +758,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
                 c2.126,46.158,17.792,90.082,45.309,127.022c26.851,36.013,63.241,63.256,105.229,78.773c25.525,9.43,52.336,14.21,79.685,14.21
                 c3.6,0,7.214-0.081,10.848-0.255c31.087-1.438,60.913-8.926,88.644-22.258c26.736-12.846,50.478-30.598,70.567-52.762
                 C466.998,391.463,488.499,332.501,486.476,270.708z` })
-] }) }), Yt = (n) => {
+] }) }), Zt = (n) => {
   const t = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("path", { stroke: t.primaryColor, fill: "none", d: "M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z", "stroke-width": "1.5" }),
@@ -772,14 +772,14 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
     /* @__PURE__ */ e.jsx("path", { d: "M8 17C8 17.5523 7.55228 18 7 18C6.44772 18 6 17.5523 6 17C6 16.4477 6.44772 16 7 16C7.55228 16 8 16.4477 8 17Z", fill: t.primaryColor }),
     /* @__PURE__ */ e.jsx("path", { d: "M8 13C8 13.5523 7.55228 14 7 14C6.44772 14 6 13.5523 6 13C6 12.4477 6.44772 12 7 12C7.55228 12 8 12.4477 8 13Z", fill: t.primaryColor })
   ] });
-}, Un = (n) => /* @__PURE__ */ e.jsxs(P, { ...n, children: [
+}, Kn = (n) => /* @__PURE__ */ e.jsxs(P, { ...n, children: [
   /* @__PURE__ */ e.jsx("circle", { stroke: "var(--On-surface-color)", fill: "none", cx: "12", cy: "12", r: "10", "stroke-width": "1.5" }),
   /* @__PURE__ */ e.jsx("path", { stroke: "var(--On-surface-color)", fill: "none", d: "M12 8V12L14.5 14.5", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
-] }), un = (n) => /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5 13.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm14 0a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) }), Wt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 6.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm0 14a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) }), Jn = (n) => /* @__PURE__ */ e.jsxs(P, { ...n, dpi: "52", children: [
+] }), jn = (n) => /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5 13.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm14 0a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) }), Xt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 6.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm0 14a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) }), qn = (n) => /* @__PURE__ */ e.jsxs(P, { ...n, dpi: "52", children: [
   /* @__PURE__ */ e.jsx("path", { d: "M50,12.5H2a2,2,0,0,1,0-4H50a2,2,0,0,1,0,4Z" }),
   /* @__PURE__ */ e.jsx("path", { d: "M50,28H2a2,2,0,0,1,0-4H50a2,2,0,0,1,0,4Z" }),
   /* @__PURE__ */ e.jsx("path", { d: "M50,43.5H2a2,2,0,0,1,0-4H50a2,2,0,0,1,0,4Z" })
-] }), Zt = (n) => {
+] }), Ut = (n) => {
   const t = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, dpi: "24", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
@@ -790,7 +790,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       " "
     ] })
   ] });
-}, us = (n) => {
+}, hs = (n) => {
   const t = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, dpi: "24", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
@@ -801,7 +801,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       " "
     ] })
   ] });
-}, hs = (n) => {
+}, fs = (n) => {
   const t = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, dpi: "24", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
@@ -812,16 +812,16 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       " "
     ] })
   ] });
-}, Xt = (n) => /* @__PURE__ */ e.jsxs(P, { ...n, children: [
+}, Jt = (n) => /* @__PURE__ */ e.jsxs(P, { ...n, children: [
   /* @__PURE__ */ e.jsx("path", { fill: "none", stroke: "var(--On-surface-color)", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.5 11.1455C5.49956 8.21437 7.56975 5.69108 10.4445 5.11883C13.3193 4.54659 16.198 6.08477 17.32 8.79267C18.4421 11.5006 17.495 14.624 15.058 16.2528C12.621 17.8815 9.37287 17.562 7.3 15.4895C6.14763 14.3376 5.50014 12.775 5.5 11.1455Z", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
   /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M15.989 15.4905L19.5 19.0015", stroke: "var(--On-surface-color)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
-] }), fs = (n) => /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.25 3.75V5.43953L18.25 7.03953V3.75H16.25ZM19.75 8.23953V3.5C19.75 2.80964 19.1904 2.25 18.5 2.25H16C15.3097 2.25 14.75 2.80964 14.75 3.5V4.23953L14.3426 3.91362C12.9731 2.81796 11.027 2.81796 9.65742 3.91362L1.53151 10.4143C1.20806 10.6731 1.15562 11.1451 1.41438 11.4685C1.67313 11.792 2.1451 11.8444 2.46855 11.5857L3.25003 10.9605V21.25H2.00003C1.58581 21.25 1.25003 21.5858 1.25003 22C1.25003 22.4142 1.58581 22.75 2.00003 22.75H22C22.4142 22.75 22.75 22.4142 22.75 22C22.75 21.5858 22.4142 21.25 22 21.25H20.75V10.9605L21.5315 11.5857C21.855 11.8444 22.3269 11.792 22.5857 11.4685C22.8444 11.1451 22.792 10.6731 22.4685 10.4143L19.75 8.23953ZM19.25 9.76047L13.4056 5.08492C12.5838 4.42753 11.4162 4.42753 10.5945 5.08492L4.75003 9.76047V21.25H8.25003L8.25003 16.9506C8.24999 16.2858 8.24996 15.7129 8.31163 15.2542C8.37773 14.7625 8.52679 14.2913 8.90904 13.909C9.29128 13.5268 9.76255 13.3777 10.2542 13.3116C10.7129 13.2499 11.2858 13.25 11.9507 13.25H12.0494C12.7143 13.25 13.2871 13.2499 13.7459 13.3116C14.2375 13.3777 14.7088 13.5268 15.091 13.909C15.4733 14.2913 15.6223 14.7625 15.6884 15.2542C15.7501 15.7129 15.7501 16.2858 15.75 16.9506L15.75 21.25H19.25V9.76047ZM14.25 21.25V17C14.25 16.2717 14.2484 15.8009 14.2018 15.454C14.1581 15.1287 14.0875 15.0268 14.0304 14.9697C13.9733 14.9126 13.8713 14.842 13.546 14.7982C13.1991 14.7516 12.7283 14.75 12 14.75C11.2717 14.75 10.8009 14.7516 10.4541 14.7982C10.1288 14.842 10.0268 14.9126 9.9697 14.9697C9.9126 15.0268 9.84199 15.1287 9.79826 15.454C9.75162 15.8009 9.75003 16.2717 9.75003 17V21.25H14.25ZM12 8.25C11.3097 8.25 10.75 8.80964 10.75 9.5C10.75 10.1904 11.3097 10.75 12 10.75C12.6904 10.75 13.25 10.1904 13.25 9.5C13.25 8.80964 12.6904 8.25 12 8.25ZM9.25003 9.5C9.25003 7.98122 10.4812 6.75 12 6.75C13.5188 6.75 14.75 7.98122 14.75 9.5C14.75 11.0188 13.5188 12.25 12 12.25C10.4812 12.25 9.25003 11.0188 9.25003 9.5Z" }) }), Kn = (n) => /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--On-surface-color)", fill: "none", d: "M8 12H16M12 8V16M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }), fn = (n) => /* @__PURE__ */ e.jsxs(P, { ...n, children: [
+] }), xs = (n) => /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.25 3.75V5.43953L18.25 7.03953V3.75H16.25ZM19.75 8.23953V3.5C19.75 2.80964 19.1904 2.25 18.5 2.25H16C15.3097 2.25 14.75 2.80964 14.75 3.5V4.23953L14.3426 3.91362C12.9731 2.81796 11.027 2.81796 9.65742 3.91362L1.53151 10.4143C1.20806 10.6731 1.15562 11.1451 1.41438 11.4685C1.67313 11.792 2.1451 11.8444 2.46855 11.5857L3.25003 10.9605V21.25H2.00003C1.58581 21.25 1.25003 21.5858 1.25003 22C1.25003 22.4142 1.58581 22.75 2.00003 22.75H22C22.4142 22.75 22.75 22.4142 22.75 22C22.75 21.5858 22.4142 21.25 22 21.25H20.75V10.9605L21.5315 11.5857C21.855 11.8444 22.3269 11.792 22.5857 11.4685C22.8444 11.1451 22.792 10.6731 22.4685 10.4143L19.75 8.23953ZM19.25 9.76047L13.4056 5.08492C12.5838 4.42753 11.4162 4.42753 10.5945 5.08492L4.75003 9.76047V21.25H8.25003L8.25003 16.9506C8.24999 16.2858 8.24996 15.7129 8.31163 15.2542C8.37773 14.7625 8.52679 14.2913 8.90904 13.909C9.29128 13.5268 9.76255 13.3777 10.2542 13.3116C10.7129 13.2499 11.2858 13.25 11.9507 13.25H12.0494C12.7143 13.25 13.2871 13.2499 13.7459 13.3116C14.2375 13.3777 14.7088 13.5268 15.091 13.909C15.4733 14.2913 15.6223 14.7625 15.6884 15.2542C15.7501 15.7129 15.7501 16.2858 15.75 16.9506L15.75 21.25H19.25V9.76047ZM14.25 21.25V17C14.25 16.2717 14.2484 15.8009 14.2018 15.454C14.1581 15.1287 14.0875 15.0268 14.0304 14.9697C13.9733 14.9126 13.8713 14.842 13.546 14.7982C13.1991 14.7516 12.7283 14.75 12 14.75C11.2717 14.75 10.8009 14.7516 10.4541 14.7982C10.1288 14.842 10.0268 14.9126 9.9697 14.9697C9.9126 15.0268 9.84199 15.1287 9.79826 15.454C9.75162 15.8009 9.75003 16.2717 9.75003 17V21.25H14.25ZM12 8.25C11.3097 8.25 10.75 8.80964 10.75 9.5C10.75 10.1904 11.3097 10.75 12 10.75C12.6904 10.75 13.25 10.1904 13.25 9.5C13.25 8.80964 12.6904 8.25 12 8.25ZM9.25003 9.5C9.25003 7.98122 10.4812 6.75 12 6.75C13.5188 6.75 14.75 7.98122 14.75 9.5C14.75 11.0188 13.5188 12.25 12 12.25C10.4812 12.25 9.25003 11.0188 9.25003 9.5Z" }) }), Qn = (n) => /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--On-surface-color)", fill: "none", d: "M8 12H16M12 8V16M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }), Cn = (n) => /* @__PURE__ */ e.jsxs(P, { ...n, children: [
   /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M16 12L12 12L8 12", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round" }),
   /* @__PURE__ */ e.jsx("circle", { fill: "none", cx: "12", cy: "12", r: "10", stroke: "#000000", "stroke-width": "2" })
-] }), Ut = (n) => {
+] }), Kt = (n) => {
   const t = J(n);
   return /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", stroke: t.primaryColor, d: "M15.4998 5.49994L18.3282 8.32837M3 20.9997L3.04745 20.6675C3.21536 19.4922 3.29932 18.9045 3.49029 18.3558C3.65975 17.8689 3.89124 17.4059 4.17906 16.9783C4.50341 16.4963 4.92319 16.0765 5.76274 15.237L17.4107 3.58896C18.1918 2.80791 19.4581 2.80791 20.2392 3.58896C21.0202 4.37001 21.0202 5.63634 20.2392 6.41739L8.37744 18.2791C7.61579 19.0408 7.23497 19.4216 6.8012 19.7244C6.41618 19.9932 6.00093 20.2159 5.56398 20.3879C5.07171 20.5817 4.54375 20.6882 3.48793 20.9012L3 20.9997Z", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
-}, Jt = (n) => /* @__PURE__ */ e.jsxs(P, { ...n, children: [
+}, qt = (n) => /* @__PURE__ */ e.jsxs(P, { ...n, children: [
   /* @__PURE__ */ e.jsx("path", { d: "M7 9C7 9.55229 6.55229 10 6 10C5.44772 10 5 9.55229 5 9C5 8.44772 5.44772 8 6 8C6.55229 8 7 8.44772 7 9Z" }),
   /* @__PURE__ */ e.jsx("path", { d: "M7 12C7 12.5523 6.55229 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55229 11 7 11.4477 7 12Z" }),
   /* @__PURE__ */ e.jsx("path", { d: "M10 12C10 12.5523 9.55229 13 9 13C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11C9.55229 11 10 11.4477 10 12Z" }),
@@ -833,16 +833,16 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
   /* @__PURE__ */ e.jsx("path", { d: "M19 9C19 9.55229 18.5523 10 18 10C17.4477 10 17 9.55229 17 9C17 8.44772 17.4477 8 18 8C18.5523 8 19 8.44772 19 9Z" }),
   /* @__PURE__ */ e.jsx("path", { d: "M19 12C19 12.5523 18.5523 13 18 13C17.4477 13 17 12.5523 17 12C17 11.4477 17.4477 11 18 11C18.5523 11 19 11.4477 19 12Z" }),
   /* @__PURE__ */ e.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.94513 4.25H16.0549C17.4225 4.24998 18.5248 4.24996 19.3918 4.36652C20.2919 4.48754 21.0497 4.74643 21.6517 5.34835C22.2536 5.95027 22.5125 6.70814 22.6335 7.60825C22.75 8.47522 22.75 9.57754 22.75 10.9451V13.0549C22.75 14.4225 22.75 15.5248 22.6335 16.3918C22.5125 17.2919 22.2536 18.0497 21.6517 18.6517C21.0497 19.2536 20.2919 19.5125 19.3918 19.6335C18.5248 19.75 17.4225 19.75 16.0549 19.75H7.94513C6.57754 19.75 5.47522 19.75 4.60825 19.6335C3.70814 19.5125 2.95027 19.2536 2.34835 18.6517C1.74643 18.0497 1.48754 17.2919 1.36652 16.3918C1.24996 15.5248 1.24998 14.4225 1.25 13.0549V10.9451C1.24998 9.57754 1.24996 8.47522 1.36652 7.60825C1.48754 6.70814 1.74643 5.95027 2.34835 5.34835C2.95027 4.74643 3.70814 4.48754 4.60825 4.36652C5.47522 4.24996 6.57754 4.24998 7.94513 4.25ZM4.80812 5.85315C4.07435 5.9518 3.68577 6.13225 3.40901 6.40901C3.13225 6.68577 2.9518 7.07435 2.85315 7.80812C2.75159 8.56347 2.75 9.56458 2.75 11V13C2.75 14.4354 2.75159 15.4365 2.85315 16.1919C2.9518 16.9257 3.13225 17.3142 3.40901 17.591C3.68577 17.8678 4.07435 18.0482 4.80812 18.1469C5.56347 18.2484 6.56458 18.25 8 18.25H16C17.4354 18.25 18.4365 18.2484 19.1919 18.1469C19.9257 18.0482 20.3142 17.8678 20.591 17.591C20.8678 17.3142 21.0482 16.9257 21.1469 16.1919C21.2484 15.4365 21.25 14.4354 21.25 13V11C21.25 9.56459 21.2484 8.56347 21.1469 7.80812C21.0482 7.07435 20.8678 6.68577 20.591 6.40901C20.3142 6.13225 19.9257 5.9518 19.1919 5.85315C18.4365 5.75159 17.4354 5.75 16 5.75H8C6.56458 5.75 5.56347 5.75159 4.80812 5.85315ZM6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16Z" })
-] }), Kt = (n) => {
+] }), Qt = (n) => {
   const t = J(n);
   return /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M6 12H18M12 6V18", stroke: t.primaryColor, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
-}, qt = (n) => {
+}, er = (n) => {
   const t = J(n);
   return /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { d: "M6 12L18 12", fill: "none", stroke: t.primaryColor, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
-}, xs = (n) => {
+}, js = (n) => {
   const t = J(n);
   return /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M17 9V12C17 14.7614 14.7614 17 12 17M7 9V12C7 14.7614 9.23858 17 12 17M12 17V21M8 3V6M16 3V6M5 9H19", stroke: t.primaryColor, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
-}, js = (n) => {
+}, ms = (n) => {
   const { primaryColor: t } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -890,7 +890,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, ms = (n) => {
+}, Cs = (n) => {
   const { primaryColor: t } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -923,7 +923,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       }
     ) })
   ] });
-}, Cs = (n) => {
+}, vs = (n) => {
   const { primaryColor: t } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
@@ -934,7 +934,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       " "
     ] })
   ] });
-}, vs = (n) => {
+}, gs = (n) => {
   const { primaryColor: t, secondaryColor: r } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -992,7 +992,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, gs = (n) => {
+}, ps = (n) => {
   const { primaryColor: t, secondaryColor: r } = J(n);
   return /* @__PURE__ */ e.jsx(P, { ...n, children: /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
     /* @__PURE__ */ e.jsx(
@@ -1027,7 +1027,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       }
     )
   ] }) });
-}, ps = (n) => {
+}, bs = (n) => {
   const { primaryColor: t, secondaryColor: r } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1079,7 +1079,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, bs = (n) => {
+}, ys = (n) => {
   const { primaryColor: t, secondaryColor: r } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1143,7 +1143,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, ys = (n) => {
+}, ks = (n) => {
   const { primaryColor: t, secondaryColor: r } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
@@ -1199,7 +1199,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, ks = (n) => {
+}, Ns = (n) => {
   const { primaryColor: t, secondaryColor: r } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
@@ -1269,7 +1269,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, Ns = (n) => {
+}, _s = (n) => {
   const { primaryColor: t } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1316,7 +1316,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, _s = (n) => {
+}, ws = (n) => {
   const { primaryColor: t } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, dpi: "124", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
@@ -1355,7 +1355,7 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
       }
     ) }) })
   ] });
-}, Tn = (n) => {
+}, Vn = (n) => {
   const { primaryColor: t, secondaryColor: r } = J(n);
   return /* @__PURE__ */ e.jsxs(P, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
@@ -1395,31 +1395,31 @@ const zt = (n) => /* @__PURE__ */ e.jsx(P, { ...n, className: `${n.className} ic
   ] });
 };
 var ce = /* @__PURE__ */ ((n) => (n.MOBILE = "MOBILE", n.STANDART = "STANDART", n.BIG_SCREEN = "BIG_SCREEN", n))(ce || {});
-const qn = {
+const et = {
   [ce.MOBILE]: "small-screen",
   [ce.STANDART]: "standart-screen",
   [ce.BIG_SCREEN]: "big-screen"
 };
-function On(n, t = ce.STANDART) {
-  return `var(--${n}-${qn[t]})`;
+function Dn(n, t = ce.STANDART) {
+  return `var(--${n}-${et[t]})`;
 }
-function Vn(n, t = "standart") {
+function Fn(n, t = "standart") {
   return `var(--${n}-${t})`;
 }
-function Dn(n, t = "normal", r = ce.STANDART) {
-  return `var(--${n}-heights-${qn[r]}-${t})`;
+function Pn(n, t = "normal", r = ce.STANDART) {
+  return `var(--${n}-heights-${et[r]}-${t})`;
 }
-const xe = (n) => {
-  var t, r, s, c, i, a;
+const me = (n) => {
+  var t, r, s, c, i, l;
   return n.type === "heading" || n.type === "title" ? /* @__PURE__ */ e.jsx(
     "h3",
     {
       ...n,
       style: {
         ...n.style,
-        fontSize: ((t = n.style) == null ? void 0 : t.fontSize) ?? On(n.type, n.screensize),
-        fontWeight: ((r = n.style) == null ? void 0 : r.fontWeight) ?? Vn(n.type, n.weight),
-        lineHeight: ((s = n.style) == null ? void 0 : s.lineHeight) ?? Dn(n.type, n.density, n.screensize)
+        fontSize: ((t = n.style) == null ? void 0 : t.fontSize) ?? Dn(n.type, n.screensize),
+        fontWeight: ((r = n.style) == null ? void 0 : r.fontWeight) ?? Fn(n.type, n.weight),
+        lineHeight: ((s = n.style) == null ? void 0 : s.lineHeight) ?? Pn(n.type, n.density, n.screensize)
       },
       className: `alex-evo-ui-kit alex-evo-ui-kit-heading ${n.className}`
     }
@@ -1429,73 +1429,73 @@ const xe = (n) => {
       ...n,
       style: {
         ...n.style,
-        fontSize: ((c = n.style) == null ? void 0 : c.fontSize) ?? On(n.type, n.screensize),
-        fontWeight: ((i = n.style) == null ? void 0 : i.fontWeight) ?? Vn(n.type, n.weight),
-        lineHeight: ((a = n.style) == null ? void 0 : a.lineHeight) ?? Dn(n.type, n.density, n.screensize)
+        fontSize: ((c = n.style) == null ? void 0 : c.fontSize) ?? Dn(n.type, n.screensize),
+        fontWeight: ((i = n.style) == null ? void 0 : i.fontWeight) ?? Fn(n.type, n.weight),
+        lineHeight: ((l = n.style) == null ? void 0 : l.lineHeight) ?? Pn(n.type, n.density, n.screensize)
       },
       className: `alex-evo-ui-kit alex-evo-ui-kit-text ${n.className}`
     }
   );
-}, Fn = ({ transparent: n, className: t, onClick: r, onContextMenu: s, disabled: c, classNameContainer: i, style: a, text: o, supportText: l = !0 }) => {
+}, Hn = ({ transparent: n, className: t, onClick: r, onContextMenu: s, disabled: c, classNameContainer: i, style: l, text: a, supportText: o = !0 }) => {
   const [u, h] = _(!1), f = k(async (x) => {
     try {
-      await navigator.clipboard.writeText(o), h(!0), setTimeout(() => h(!1), 2e3);
-    } catch (m) {
-      console.error("Ошибка копирования", m);
+      await navigator.clipboard.writeText(a), h(!0), setTimeout(() => h(!1), 2e3);
+    } catch (C) {
+      console.error("Ошибка копирования", C);
     }
     r && r(x);
-  }, [o]);
-  return l ? /* @__PURE__ */ e.jsxs("label", { className: "alex-evo-sh-ui-kit-copy-button", children: [
+  }, [a]);
+  return o ? /* @__PURE__ */ e.jsxs("label", { className: "alex-evo-sh-ui-kit-copy-button", children: [
     /* @__PURE__ */ e.jsx(
-      ve,
+      pe,
       {
-        icon: u ? /* @__PURE__ */ e.jsx(pe, {}) : /* @__PURE__ */ e.jsx(Tn, {}),
+        icon: u ? /* @__PURE__ */ e.jsx(Se, {}) : /* @__PURE__ */ e.jsx(Vn, {}),
         onClick: f,
         transparent: n,
         className: t,
         onContextMenu: s,
         disabled: c,
         classNameContainer: i,
-        style: a
+        style: l
       }
     ),
-    /* @__PURE__ */ e.jsx(xe, { type: "body", children: u ? "Скопировано!" : "Копировать" })
+    /* @__PURE__ */ e.jsx(me, { type: "body", children: u ? "Скопировано!" : "Копировать" })
   ] }) : /* @__PURE__ */ e.jsx(
-    ve,
+    pe,
     {
-      icon: u ? /* @__PURE__ */ e.jsx(pe, {}) : /* @__PURE__ */ e.jsx(Tn, {}),
+      icon: u ? /* @__PURE__ */ e.jsx(Se, {}) : /* @__PURE__ */ e.jsx(Vn, {}),
       onClick: f,
       transparent: n,
       className: t,
       onContextMenu: s,
       disabled: c,
       classNameContainer: i,
-      style: a
+      style: l
     }
   );
 };
-function Qt(n) {
+function nr(n) {
   return n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Qn(n, t, r) {
-  return n.replace(new RegExp(Qt(t), "g"), r);
+function nt(n, t, r) {
+  return n.replace(new RegExp(nr(t), "g"), r);
 }
-const oe = (n, t, r = "", s) => {
-  let c, i, a, o, l, u, h, f = Math.round, x = typeof r == "string";
-  if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !x || (h = t.length > 9, h = x ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !h : !1 : h, l = oe.pSBCr(t), o = n < 0, u = r && typeof r == "string" && r != "c" ? oe.pSBCr(r) : o ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = o ? n * -1 : n, o = 1 - n, !l || !u))
+const le = (n, t, r = "", s) => {
+  let c, i, l, a, o, u, h, f = Math.round, x = typeof r == "string";
+  if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !x || (h = t.length > 9, h = x ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !h : !1 : h, o = le.pSBCr(t), a = n < 0, u = r && typeof r == "string" && r != "c" ? le.pSBCr(r) : a ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = a ? n * -1 : n, a = 1 - n, !o || !u))
     return null;
-  s ? (c = f(o * (l.r ?? 0) + n * (u.r ?? 0)), i = f(o * (l.g ?? 0) + n * (u.g ?? 0)), a = f(o * (l.b ?? 0) + n * (u.b ?? 0))) : (c = f((o * (l.r ?? 0) ** 2 + n * (u.r ?? 0) ** 2) ** 0.5), i = f((o * (l.g ?? 0) ** 2 + n * (u.g ?? 0) ** 2) ** 0.5), a = f((o * (l.b ?? 0) ** 2 + n * (u.b ?? 0) ** 2) ** 0.5));
-  let m = l.a ?? 1;
-  return u = u.a ?? 1, l = m >= 0 || u >= 0, m = m >= 0 || u >= 0 ? m < 0 ? u : u < 0 ? m : m * o + u * n : 0, h ? "rgb" + (l ? "a(" : "(") + c + "," + i + "," + a + (l ? "," + f(m * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + c * 16777216 + i * 65536 + a * 256 + (l ? f(m * 255) : 0)).toString(16).slice(1, l ? void 0 : -2);
+  s ? (c = f(a * (o.r ?? 0) + n * (u.r ?? 0)), i = f(a * (o.g ?? 0) + n * (u.g ?? 0)), l = f(a * (o.b ?? 0) + n * (u.b ?? 0))) : (c = f((a * (o.r ?? 0) ** 2 + n * (u.r ?? 0) ** 2) ** 0.5), i = f((a * (o.g ?? 0) ** 2 + n * (u.g ?? 0) ** 2) ** 0.5), l = f((a * (o.b ?? 0) ** 2 + n * (u.b ?? 0) ** 2) ** 0.5));
+  let C = o.a ?? 1;
+  return u = u.a ?? 1, o = C >= 0 || u >= 0, C = C >= 0 || u >= 0 ? C < 0 ? u : u < 0 ? C : C * a + u * n : 0, h ? "rgb" + (o ? "a(" : "(") + c + "," + i + "," + l + (o ? "," + f(C * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + c * 16777216 + i * 65536 + l * 256 + (o ? f(C * 255) : 0)).toString(16).slice(1, o ? void 0 : -2);
 };
-oe.pSBCr = (n) => {
+le.pSBCr = (n) => {
   const t = parseInt;
   let r = n.length, s = {};
   if (r > 9) {
-    const c = n.split(","), [i, a, o, l] = c;
+    const c = n.split(","), [i, l, a, o] = c;
     if (r = c.length, r < 3 || r > 4)
       return null;
-    s.r = t(i[3] == "a" ? i.slice(5) : i.slice(4)), s.g = t(a), s.b = t(o), s.a = l ? parseFloat(l) : -1;
+    s.r = t(i[3] == "a" ? i.slice(5) : i.slice(4)), s.g = t(l), s.b = t(a), s.a = o ? parseFloat(o) : -1;
   } else {
     if (r == 8 || r == 6 || r < 4)
       return null;
@@ -1505,7 +1505,7 @@ oe.pSBCr = (n) => {
   }
   return s;
 };
-function ws(n, t, r) {
+function Ss(n, t, r) {
   arguments.length === 1 && (t = n.s, r = n.l, n = n.h);
   var s = n, c, i;
   return r *= 2, t *= r <= 1 ? r : 2 - r, i = (r + t) / 2, c = 2 * t / (r + t), {
@@ -1514,31 +1514,31 @@ function ws(n, t, r) {
     v: i
   };
 }
-function Ss(n, t, r) {
+function Ms(n, t, r) {
   arguments.length === 1 && (t = n.s, r = n.v, n = n.h);
   var s = (2 - t) * r / 2;
   return s != 0 && (s == 1 ? t = 0 : s < 0.5 ? t = t * r / (s * 2) : t = t * r / (2 - s * 2)), { h: n, s: t, l: s };
 }
-function Pe(n, t, r) {
-  var s, c, i, a, o, l, u, h;
-  switch (arguments.length === 1 && (t = n.s, r = n.v, n = n.h), a = Math.floor(n * 6), o = n * 6 - a, l = r * (1 - t), u = r * (1 - o * t), h = r * (1 - (1 - o) * t), a % 6) {
+function Be(n, t, r) {
+  var s, c, i, l, a, o, u, h;
+  switch (arguments.length === 1 && (t = n.s, r = n.v, n = n.h), l = Math.floor(n * 6), a = n * 6 - l, o = r * (1 - t), u = r * (1 - a * t), h = r * (1 - (1 - a) * t), l % 6) {
     case 0:
-      s = r, c = h, i = l;
+      s = r, c = h, i = o;
       break;
     case 1:
-      s = u, c = r, i = l;
+      s = u, c = r, i = o;
       break;
     case 2:
-      s = l, c = r, i = h;
+      s = o, c = r, i = h;
       break;
     case 3:
-      s = l, c = u, i = r;
+      s = o, c = u, i = r;
       break;
     case 4:
-      s = h, c = l, i = r;
+      s = h, c = o, i = r;
       break;
     case 5:
-      s = r, c = l, i = u;
+      s = r, c = o, i = u;
       break;
   }
   return {
@@ -1547,40 +1547,40 @@ function Pe(n, t, r) {
     b: Math.round(i * 255)
   };
 }
-function cn(n) {
+function dn(n) {
   let t = n.toString(16);
   return t.length === 1 && (t = "0" + t), t;
 }
-function Se(n) {
-  return cn(n.r) + cn(n.g) + cn(n.b);
+function Le(n) {
+  return dn(n.r) + dn(n.g) + dn(n.b);
 }
-function Ue(n, t, r) {
+function qe(n, t, r) {
   arguments.length === 1 && (t = n.g, r = n.b, n = n.r);
-  var s = Math.max(n, t, r), c = Math.min(n, t, r), i = s - c, a, o = s === 0 ? 0 : i / s, l = s / 255;
+  var s = Math.max(n, t, r), c = Math.min(n, t, r), i = s - c, l, a = s === 0 ? 0 : i / s, o = s / 255;
   switch (s) {
     case c:
-      a = 0;
+      l = 0;
       break;
     case n:
-      a = t - r + i * (t < r ? 6 : 0), a /= 6 * i;
+      l = t - r + i * (t < r ? 6 : 0), l /= 6 * i;
       break;
     case t:
-      a = r - n + i * 2, a /= 6 * i;
+      l = r - n + i * 2, l /= 6 * i;
       break;
     case r:
-      a = n - t + i * 4, a /= 6 * i;
+      l = n - t + i * 4, l /= 6 * i;
       break;
   }
   return {
-    h: a,
-    s: o,
-    v: l
+    h: l,
+    s: a,
+    v: o
   };
 }
-function He(n) {
+function Te(n) {
   var t = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  n = n.replace(t, function(s, c, i, a) {
-    return c + c + i + i + a + a;
+  n = n.replace(t, function(s, c, i, l) {
+    return c + c + i + i + l + l;
   });
   var r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);
   return r ? {
@@ -1589,20 +1589,20 @@ function He(n) {
     b: parseInt(r[3], 16)
   } : null;
 }
-const er = He, nr = (n) => {
+const tr = Te, rr = (n) => {
   if (!n)
     return "linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";
-  const t = er(n);
+  const t = tr(n);
   return t ? `linear-gradient(135deg, rgba(${t.r}, ${t.g}, ${t.b}, 0.1), rgba(${t.r}, ${t.g}, ${t.b}, 0))` : "linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";
 };
 function se(n) {
-  const t = He(n);
+  const t = Te(n);
   return t ? t.r * 0.299 + t.g * 0.589 + t.b * 0.114 > 186 ? "#000000" : "#FFFFFF" : "#fff";
 }
-function me(n, t = !1) {
-  return oe(t ? -0.6 : 0.3, n) ?? n;
+function ve(n, t = !1) {
+  return le(t ? -0.6 : 0.3, n) ?? n;
 }
-const tr = (n) => `--${Qn(n, "_", "-")}`, rr = (n) => Qn(n, "-", "_").slice(2), sr = (n) => ({
+const sr = (n) => `--${nt(n, "_", "-")}`, cr = (n) => nt(n, "-", "_").slice(2), ir = (n) => ({
   Primary_color: n.Primary_color_night,
   Secondary_color: n.Secondary_color_night,
   Tertiary_color: n.Tertiary_color_night,
@@ -1611,7 +1611,7 @@ const tr = (n) => `--${Qn(n, "_", "-")}`, rr = (n) => Qn(n, "-", "_").slice(2),
   Error_color: n.Error_color_night,
   Outline_color: n.Outline_color_night,
   Shadow_color: n.Shadow_color_night
-}), Pn = {
+}), An = {
   Primary_color: {
     container: ["Primary_container_color"],
     text: ["On_primary_color"]
@@ -1660,7 +1660,7 @@ const tr = (n) => `--${Qn(n, "_", "-")}`, rr = (n) => Qn(n, "-", "_").slice(2),
   On_surface_color: {
     variant: ["On_surface_variant_color"]
   }
-}, H = {
+}, B = {
   Primary_color: "#6750A4",
   Secondary_color: "#625B71",
   Tertiary_color: "#7D5260",
@@ -1669,8 +1669,8 @@ const tr = (n) => `--${Qn(n, "_", "-")}`, rr = (n) => Qn(n, "-", "_").slice(2),
   Error_color: "#B3261E",
   Outline_color: "#79747E",
   Shadow_color: "#000000"
-}, We = {
-  Primary_color_night: oe(0.9, se("#121212"), H.Primary_color) ?? H.Primary_color,
+}, Ue = {
+  Primary_color_night: le(0.9, se("#121212"), B.Primary_color) ?? B.Primary_color,
   Secondary_color_night: "#625B71",
   Tertiary_color_night: "#7D5260",
   Surface_container_color_night: "#121212",
@@ -1678,56 +1678,56 @@ const tr = (n) => `--${Qn(n, "_", "-")}`, rr = (n) => Qn(n, "-", "_").slice(2),
   Error_color_night: "#B3261E",
   Outline_color_night: "#79747E",
   Shadow_color_night: "#000000"
-}, cr = {
-  ...H,
-  On_primary_color: se(H.Primary_color),
-  On_secondary_color: se(H.Secondary_color),
-  On_tertiary_color: se(H.Tertiary_color),
-  Primary_container_color: me(H.Primary_color),
-  Secondary_container_color: me(H.Secondary_color),
-  Tertiary_container_color: me(H.Tertiary_color),
-  On_primary_container_color: se(me(H.Primary_color)),
-  On_secondary_container_color: se(me(H.Secondary_color)),
-  On_tertiary_container_color: se(me(H.Tertiary_color)),
-  On_background_color: se(H.Background_color),
-  Outline_variant_color: oe(-0.1, H.Outline_color) ?? H.Outline_color,
-  Surface_container_high_color: oe(0.1, H.Surface_container_color) ?? H.Surface_container_color,
-  Surface_container_highest_color: oe(0.2, H.Surface_container_color) ?? H.Surface_container_color,
-  Surface_container_low_color: oe(-0.1, H.Surface_container_color) ?? H.Surface_container_color,
-  Surface_container_lowest_color: oe(-0.2, H.Surface_container_color) ?? H.Surface_container_color,
-  On_surface_color: se(H.Surface_container_color),
-  On_error_color: se(H.Error_color),
-  Error_container_color: me(H.Error_color),
-  On_error_container_color: se(me(H.Error_color)),
-  On_surface_variant_color: oe(-0.1, se(H.Surface_container_color)) ?? se(H.Surface_container_color)
-}, ir = () => {
-  const [n, t] = _(cr), [r, s] = _(H), [c, i] = _(We), [a, o] = _(!1), l = (m, j) => {
-    j && document.body.style.setProperty(tr(m), j);
-  }, u = (m, j, g = !1) => {
-    var v, C, p, w, y;
-    if (t((S) => ({ ...S, [m]: j })), l(m, j), m in Pn) {
-      const S = Pn[m];
-      (v = S.container) == null || v.forEach((V) => u(V, me(j, g), g)), (C = S.text) == null || C.forEach((V) => u(V, se(j), g)), (p = S.low) == null || p.forEach((V) => u(V, oe(g ? -0.1 : 0.1, j) ?? j, g)), (w = S.high) == null || w.forEach((V) => u(V, oe(g ? 0.01 : -0.01, j) ?? j, g)), (y = S.variant) == null || y.forEach((V) => u(V, oe(g ? -0.3 : 0.3, j) ?? j, g));
-    }
-  }, h = k(async (m) => {
-    console.log(m);
-    for (let j in m) {
-      const g = m[j], v = rr(j);
-      (v in H || v in We) && (j = v), !(!(j in H || j in We) || !g) && (j in H ? (c[j + "_night"] === r[j] && i((C) => ({ ...C, [j + "_night"]: g })), s((C) => ({ ...C, [j]: g }))) : j in We && i((C) => ({ ...C, [j]: g })));
-    }
-  }, [r, c]), f = k((m) => {
-    const j = m ? sr(c) : r;
+}, or = {
+  ...B,
+  On_primary_color: se(B.Primary_color),
+  On_secondary_color: se(B.Secondary_color),
+  On_tertiary_color: se(B.Tertiary_color),
+  Primary_container_color: ve(B.Primary_color),
+  Secondary_container_color: ve(B.Secondary_color),
+  Tertiary_container_color: ve(B.Tertiary_color),
+  On_primary_container_color: se(ve(B.Primary_color)),
+  On_secondary_container_color: se(ve(B.Secondary_color)),
+  On_tertiary_container_color: se(ve(B.Tertiary_color)),
+  On_background_color: se(B.Background_color),
+  Outline_variant_color: le(-0.1, B.Outline_color) ?? B.Outline_color,
+  Surface_container_high_color: le(0.1, B.Surface_container_color) ?? B.Surface_container_color,
+  Surface_container_highest_color: le(0.2, B.Surface_container_color) ?? B.Surface_container_color,
+  Surface_container_low_color: le(-0.1, B.Surface_container_color) ?? B.Surface_container_color,
+  Surface_container_lowest_color: le(-0.2, B.Surface_container_color) ?? B.Surface_container_color,
+  On_surface_color: se(B.Surface_container_color),
+  On_error_color: se(B.Error_color),
+  Error_container_color: ve(B.Error_color),
+  On_error_container_color: se(ve(B.Error_color)),
+  On_surface_variant_color: le(-0.1, se(B.Surface_container_color)) ?? se(B.Surface_container_color)
+}, tt = () => {
+  const [n, t] = _(or), [r, s] = _(B), [c, i] = _(Ue), [l, a] = _(!1), o = (C, j) => {
+    j && document.body.style.setProperty(sr(C), j);
+  }, u = (C, j, g = !1) => {
+    var v, m, p, w, y;
+    if (t((S) => ({ ...S, [C]: j })), o(C, j), C in An) {
+      const S = An[C];
+      (v = S.container) == null || v.forEach((T) => u(T, ve(j, g), g)), (m = S.text) == null || m.forEach((T) => u(T, se(j), g)), (p = S.low) == null || p.forEach((T) => u(T, le(g ? -0.1 : 0.1, j) ?? j, g)), (w = S.high) == null || w.forEach((T) => u(T, le(g ? 0.01 : -0.01, j) ?? j, g)), (y = S.variant) == null || y.forEach((T) => u(T, le(g ? -0.3 : 0.3, j) ?? j, g));
+    }
+  }, h = k(async (C) => {
+    console.log(C);
+    for (let j in C) {
+      const g = C[j], v = cr(j);
+      (v in B || v in Ue) && (j = v), !(!(j in B || j in Ue) || !g) && (j in B ? (c[j + "_night"] === r[j] && i((m) => ({ ...m, [j + "_night"]: g })), s((m) => ({ ...m, [j]: g }))) : j in Ue && i((m) => ({ ...m, [j]: g })));
+    }
+  }, [r, c]), f = k((C) => {
+    const j = C ? ir(c) : r;
     for (let g in j)
-      u(g, j[g], m);
-  }, [c, r]), x = k((m) => {
-    o(m);
+      u(g, j[g], C);
+  }, [c, r]), x = k((C) => {
+    a(C);
   }, []);
   return $(() => {
-    f(a);
-  }, [a, f]), {
+    f(l);
+  }, [l, f]), {
     colors: n,
     setColor: h,
-    nightMode: a,
+    nightMode: l,
     setNightMode: x,
     reCalculateColor: f,
     lightColor: r,
@@ -1738,7 +1738,7 @@ const lr = ({ valueDisplayDuration: n = 2e3 }) => {
   const [t, r] = _(
     2
     /* CLOSE */
-  ), s = G(), c = G(), i = () => {
+  ), s = Y(), c = Y(), i = () => {
     r(
       1
       /* HIDING */
@@ -1748,7 +1748,7 @@ const lr = ({ valueDisplayDuration: n = 2e3 }) => {
         /* CLOSE */
       );
     }, 500);
-  }, a = () => {
+  }, l = () => {
     r(
       0
       /* OPEN */
@@ -1759,11 +1759,11 @@ const lr = ({ valueDisplayDuration: n = 2e3 }) => {
   return $(() => () => {
     s.current && window.clearTimeout(s.current), c.current && window.clearTimeout(c.current);
   }, []), {
-    showPopup: a,
+    showPopup: l,
     popupState: t,
     hidePopup: i
   };
-}, et = ({
+}, rt = ({
   className: n = "",
   text: t,
   state: r = 0
@@ -1776,112 +1776,115 @@ const lr = ({ valueDisplayDuration: n = 2e3 }) => {
     "aria-atomic": "true",
     children: t
   }
-), ln = "var(--range-width)", Ms = ({
+);
+function st(n, t, r) {
+  if (n === 0)
+    return r ?? "#e0e0e0";
+  if (n === 1)
+    return t;
+  const s = r ? Te(r) : null, c = (s == null ? void 0 : s.r) ?? 224, i = (s == null ? void 0 : s.g) ?? 224, l = (s == null ? void 0 : s.b) ?? 224, a = parseInt(t.substring(1, 3), 16), o = parseInt(t.substring(3, 5), 16), u = parseInt(t.substring(5, 7), 16), h = Math.round(c + n * (a - c)), f = Math.round(i + n * (o - i)), x = Math.round(l + n * (u - l));
+  return `rgb(${h}, ${f}, ${x})`;
+}
+const un = "var(--range-width)", Es = ({
   colorRange: n,
   colorBg: t = "var(--Surface-container-color)",
   onChange: r,
   min: s = 0,
   max: c = 100,
   step: i = 1,
-  strokeWidth: a = "40px",
-  value: o,
-  orientation: l = "horizontal",
+  strokeWidth: l = "40px",
+  value: a,
+  orientation: o = "horizontal",
   styleTrack: u = "base",
   showValue: h = !0,
   valueDisplayDuration: f = 2e3,
   ariaLabel: x = "Регулятор значения",
-  ...m
+  startColor: C,
+  ...j
 }) => {
-  const j = G(null), g = G(null), [v, C] = _(o ?? s), [p, w] = _("200px"), { colors: y } = ir(), { showPopup: S, popupState: V } = lr({ valueDisplayDuration: f }), E = n ?? y.Primary_color ?? "#0000ff";
+  const g = Y(null), v = Y(null), [m, p] = _(a ?? s), [w, y] = _("200px"), { colors: S } = tt(), { showPopup: T, popupState: L } = lr({ valueDisplayDuration: f }), H = n ?? S.Primary_color ?? "#0000ff";
   $(() => {
-    var z;
-    if (l === "vertical" && ((z = g.current) != null && z.parentElement)) {
-      const Q = () => {
-        var D, fe;
-        const O = (fe = (D = g.current) == null ? void 0 : D.parentElement) == null ? void 0 : fe.clientHeight;
-        O && w(`${O}px`);
+    var X;
+    if (o === "vertical" && ((X = v.current) != null && X.parentElement)) {
+      const te = () => {
+        var O, ge;
+        const z = (ge = (O = v.current) == null ? void 0 : O.parentElement) == null ? void 0 : ge.clientHeight;
+        z && y(`${z}px`);
       };
-      Q();
-      const te = new ResizeObserver(Q);
-      return g.current.parentElement && te.observe(g.current.parentElement), () => te.disconnect();
-    }
-  }, [l]), $(() => {
-    o !== void 0 && (C(o), Y());
-  }, [o]);
-  const Y = k(() => {
-    h && S();
-  }, [S]), U = (z) => {
-    const Q = parseFloat(z.target.value);
-    C(Q), Y(), r == null || r(z);
-  }, M = k((z) => {
-    if (u === "static-color")
-      return E;
-    if (z === 0)
-      return "var(--surface-color, #e0e0e0)";
-    if (z === 1)
-      return E;
-    const Q = 224, te = 224, O = 224, D = parseInt(E.substring(1, 3), 16), fe = parseInt(E.substring(3, 5), 16), ye = parseInt(E.substring(5, 7), 16), ne = Math.round(Q + z * (D - Q)), ie = Math.round(te + z * (fe - te)), de = Math.round(O + z * (ye - O));
-    return `rgb(${ne}, ${ie}, ${de})`;
-  }, [E]), L = Ce(
-    () => c !== s ? (v - s) / (c - s) * 100 : 0,
-    [v, s, c]
-  ), W = Ce(() => ({
-    ...m.style,
-    [l === "vertical" ? "height" : "width"]: `${L}%`,
-    background: u === "point" ? "transperent" : M(L / 100)
-  }), [L, M, m.style, l, u]), I = Ce(() => l === "vertical" ? {
-    "--range-width": a,
-    "--point-width": u === "point" ? a : "6px",
+      te();
+      const ie = new ResizeObserver(te);
+      return v.current.parentElement && ie.observe(v.current.parentElement), () => ie.disconnect();
+    }
+  }, [o]), $(() => {
+    a !== void 0 && (p(a), U());
+  }, [a]);
+  const U = k(() => {
+    h && T();
+  }, [T]), M = (X) => {
+    const te = parseFloat(X.target.value);
+    p(te), U(), r == null || r(X);
+  }, D = je(
+    () => c !== s ? (m - s) / (c - s) * 100 : 0,
+    [m, s, c]
+  ), Z = je(() => ({
+    ...j.style,
+    [o === "vertical" ? "height" : "width"]: `${D}%`,
+    background: u === "point" ? "transperent" : u === "static-color" ? H : st(D / 100, H, C)
+  }), [D, H, j.style, o, u]), R = je(() => o === "vertical" ? {
+    "--range-width": l,
+    "--point-width": u === "point" ? l : "6px",
     "--point-opacity": u === "point" ? "1" : "0",
-    "--truck-color": E,
-    width: ln,
-    height: p,
+    "--truck-color": H,
+    width: un,
+    height: w,
     margin: "0 20px",
-    ...m.style
+    ...j.style
   } : {
-    "--range-width": a,
-    "--point-width": u === "point" ? a : "6px",
+    "--range-width": l,
+    "--point-width": u === "point" ? l : "6px",
     "--point-opacity": u === "point" ? "1" : "0",
-    "--truck-color": E,
+    "--truck-color": H,
     width: "100%",
-    height: ln,
-    margin: `${ln} 0`,
-    ...m.style
-  }, [l, p, m.style, a, u, E]), A = Ce(() => l === "vertical" ? {
-    width: p
+    height: un,
+    margin: `${un} 0`,
+    ...j.style
+  }, [o, w, j.style, l, u, H]), A = je(() => o === "vertical" ? {
+    width: w
   } : {
     width: "100%"
-  }, [l, p]);
+  }, [o, w]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: g,
-      className: `range-wrapper ${l}`,
-      style: I,
+      ref: v,
+      className: `range-wrapper ${o}`,
+      style: R,
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "track", style: { background: t }, children: [
-          /* @__PURE__ */ e.jsx("div", { className: "active-track", style: W }),
-          /* @__PURE__ */ e.jsx(et, { text: Math.round(v).toString(), state: V, className: "value-popup" })
+          /* @__PURE__ */ e.jsx("div", { className: "active-track", style: Z }),
+          /* @__PURE__ */ e.jsx(rt, { text: Math.round(m).toString(), state: L, className: "value-popup" })
         ] }),
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: j,
+            ref: g,
             type: "range",
             min: s,
             style: A,
             max: c,
             step: i,
-            value: v,
-            onChange: U,
+            value: m,
+            onChange: M,
+            onFocus: j.onFocus,
+            onBlur: j.onBlur,
             className: "slider-input",
-            "aria-orientation": l,
-            "aria-valuenow": v,
+            "aria-orientation": o,
+            "aria-valuenow": m,
             "aria-valuemin": s,
             "aria-valuemax": c,
             "aria-label": x,
-            "aria-valuetext": `${v} из ${c}`,
-            ...m
+            "aria-valuetext": `${m} из ${c}`,
+            ...j
           }
         )
       ]
@@ -1894,27 +1897,29 @@ const lr = ({ valueDisplayDuration: n = 2e3 }) => {
   onChange: s,
   onFocus: c,
   onBlur: i,
-  styleTrack: a = "circle",
+  styleRange: l = "circle",
+  styleTrack: a = "base",
   strokeWidth: o = 20,
-  radius: l = 25,
-  colorBg: u = "#eee",
-  colorRange: h = "#f00",
-  pointColor: f = "#f00",
-  showBase: x = !0,
-  showIndicator: m = !0,
-  showPoint: j = !1,
-  rounding: g = !0,
-  showValue: v = !0,
-  style: C,
-  children: p,
-  className: w
+  radius: u = 100,
+  colorBg: h = "var(--Surface-container-color)",
+  colorRange: f,
+  pointColor: x,
+  showBase: C = !0,
+  showIndicator: j = !0,
+  showPoint: g = !1,
+  rounding: v = !0,
+  showValue: m = !0,
+  style: p,
+  children: w,
+  className: y,
+  startColor: S
 }) => {
-  const y = G(null), S = G(!1), V = l * 2 + o, E = l * 2 + o, Y = Math.min(V, E), U = V / 2, M = E / 2, L = l || Y / 2 - o / 2, [W, I] = _(r);
+  const T = Y(null), L = Y(!1), H = u * 2, U = u * 2, M = Math.min(H, U), D = H / 2, Z = U / 2, R = M / 2 - o / 2, A = a === "point" ? !1 : j, X = a === "point" ? !0 : g, { colors: te } = tt(), ie = f ?? te.Primary_color ?? "#0000ff", z = x ?? te.Primary_color ?? "#0000ff", [O, ge] = _(r);
   $(() => {
-    r !== void 0 && I(r);
+    r !== void 0 && ge(r);
   }, [r]);
-  const A = k(() => {
-    switch (a) {
+  const De = k(() => {
+    switch (l) {
       case "semicircle":
         return 180;
       case "brokenCircle":
@@ -1922,126 +1927,135 @@ const lr = ({ valueDisplayDuration: n = 2e3 }) => {
       default:
         return 360;
     }
-  }, [a]), z = k(() => a === "semicircle" ? [L * Math.PI, L * Math.PI] : a === "brokenCircle" ? [L * Math.PI * 1.25, L * Math.PI * 1.5] : [L * Math.PI, L * Math.PI * 2], [a, L]), Q = k(() => {
-    if (!y.current)
+  }, [l]), Fe = k(() => l === "semicircle" ? [R * Math.PI, R * Math.PI] : l === "brokenCircle" ? [R * Math.PI * 1.25, R * Math.PI * 1.5] : [R * Math.PI, R * Math.PI * 2], [l, R]), de = je(
+    () => t !== n ? (O - n) / (t - n) * 100 : 0,
+    [O, n, t]
+  ), We = k(() => {
+    if (!T.current)
       return;
-    const [ne, ie] = z(), de = (W - n) * ie / (t - n);
-    if (x) {
-      const X = y.current.querySelector('[data-el="base"]');
-      X && (X.style.stroke = u, X.style.strokeWidth = o.toString(), X.style.strokeLinecap = g ? "round" : "", X.style.strokeDashoffset = ne.toString(), X.style.strokeDasharray = `${ie}, ${L * Math.PI * 2 - ie}`);
-    }
-    if (m) {
-      const X = y.current.querySelector('[data-el="indicator"]');
-      X && (X.style.stroke = h, X.style.strokeWidth = o.toString(), X.style.strokeLinecap = g ? "round" : "", X.style.strokeDashoffset = ne.toString(), X.style.strokeDasharray = `${de}, ${L * Math.PI * 2 - de}`);
-    }
-    if (j) {
-      const X = y.current.querySelector('[data-el="point"]');
-      X && (X.style.stroke = f, X.style.strokeWidth = o.toString(), X.style.strokeLinecap = "round", W === t && a === "semicircle" ? X.style.strokeDashoffset = "0" : X.style.strokeDashoffset = (ne - de).toString(), X.style.strokeDasharray = `0, ${L * Math.PI * 2}`);
-    }
-  }, [W, z, t, n, L, o, u, h, f, x, m, j, g]), te = (ne) => {
-    S.current = !0, document.addEventListener("mousemove", O), document.addEventListener("mouseup", D), fe(ne);
-  }, O = (ne) => {
-    ne.preventDefault(), S.current && fe(ne);
-  }, D = () => {
-    S.current = !1, document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", D);
-  }, fe = k((ne) => {
-    if (!y.current)
+    const [ee, ue] = Fe(), he = (O - n) * ue / (t - n);
+    if (C) {
+      const I = T.current.querySelector('[data-el="base"]');
+      I && (I.style.stroke = h, I.style.strokeWidth = o.toString(), I.style.strokeLinecap = v ? "round" : "", I.style.strokeDashoffset = ee.toString(), I.style.strokeDasharray = `${ue}, ${R * Math.PI * 2 - ue}`);
+    }
+    if (A) {
+      const I = T.current.querySelector('[data-el="indicator"]');
+      if (I) {
+        const fe = parseFloat(I.dataset.percentage ?? "");
+        fe !== null && (fe < de - 2 || fe > de + 2) ? I.style.transition = ".3s" : I.style.transition = L.current ? "none" : ".3s", I.dataset.percentage = de.toString(), I.style.stroke = a === "static-color" ? ie : st(de / 100, ie, S), I.style.strokeWidth = o.toString(), I.style.strokeLinecap = v ? "round" : "", I.style.strokeDashoffset = ee.toString(), I.style.strokeDasharray = `${he}, ${R * Math.PI * 2 - he}`;
+      }
+    }
+    if (X) {
+      const I = T.current.querySelector('[data-el="point"]');
+      if (I) {
+        const fe = parseFloat(I.dataset.percentage ?? "");
+        fe !== null && (fe < de - 2 || fe > de + 2) ? I.style.transition = ".3s" : I.style.transition = L.current ? "none" : ".3s", I.dataset.percentage = de.toString(), I.style.stroke = z, I.style.strokeWidth = o.toString(), I.style.strokeLinecap = "round", O === t && l === "semicircle" ? I.style.strokeDashoffset = "0" : I.style.strokeDashoffset = (ee - he).toString(), I.style.strokeDasharray = `0, ${R * Math.PI * 2}`;
+      }
+    }
+  }, [O, Fe, t, n, R, o, h, ie, z, C, A, X, v, de, S]), nn = (ee) => {
+    L.current = !0, document.addEventListener("mousemove", be), document.addEventListener("mouseup", ye), ke(ee);
+  }, be = (ee) => {
+    ee.preventDefault(), L.current && ke(ee);
+  }, ye = () => {
+    L.current = !1, document.removeEventListener("mousemove", be), document.removeEventListener("mouseup", ye);
+  }, ke = k((ee) => {
+    if (!T.current)
       return;
-    const ie = A(), de = y.current.getBoundingClientRect(), X = de.left + de.width / 2, Ee = de.top + de.height / 2, Le = ne.clientX, ke = ne.clientY, $e = Ee - ke, Ne = X - Le;
-    let ae = Math.atan2($e, Ne) * (180 / Math.PI);
-    ie === 270 && (ae += 45), ae < 0 && (ae = 360 + ae), ae < 0 && (ae = 0), ae > ie && W > (t - n) / 2 ? ae = ie : ae > ie && (ae = 0);
-    const ze = ie, qe = t - n, Te = Math.round(ae * qe / ze + n);
-    I(Te), Te !== r && s && s(Te);
-  }, [A, s, t, n, U, M, W]);
+    const ue = De(), he = T.current.getBoundingClientRect(), I = he.left + he.width / 2, fe = he.top + he.height / 2, Ee = ee.clientX, Ne = ee.clientY, Ze = fe - Ne, Xe = I - Ee;
+    let ne = Math.atan2(Ze, Xe) * (180 / Math.PI);
+    ue === 270 && (ne += 45), ne < 0 && (ne = 360 + ne), ne < 0 && (ne = 0), ne > ue && O > (t - n) / 2 ? ne = ue : ne > ue && (ne = 0);
+    const tn = ue, rn = t - n, _e = Math.round(ne * rn / tn + n);
+    ge(_e), _e !== r && s && s(_e);
+  }, [De, s, t, n, D, Z, O]);
   $(() => {
-    Q();
-  }, [Q]), $(() => () => {
-    document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", D);
+    We();
+  }, [We]), $(() => () => {
+    document.removeEventListener("mousemove", be), document.removeEventListener("mouseup", ye);
   }, []);
-  const ye = {
+  const Pe = {
     "--stroke-width": `${o}px`
   };
-  return /* @__PURE__ */ e.jsxs("div", { style: { width: V, height: E, ...C }, className: "range-circule-wrapper", onFocus: c, onBlur: i, children: [
+  return /* @__PURE__ */ e.jsxs("div", { style: { width: H, height: U, ...p }, className: "range-circule-wrapper", onFocus: c, onBlur: i, children: [
     /* @__PURE__ */ e.jsxs(
       "svg",
       {
-        ref: y,
+        ref: T,
         width: "100%",
         height: "100%",
-        onMouseDown: te,
+        onMouseDown: nn,
         children: [
-          x && /* @__PURE__ */ e.jsx(
+          C && /* @__PURE__ */ e.jsx(
             "circle",
             {
               "data-el": "base",
               fill: "none",
-              cx: U,
-              cy: M,
-              r: L
+              cx: D,
+              cy: Z,
+              r: R
             }
           ),
-          m && /* @__PURE__ */ e.jsx(
+          A && /* @__PURE__ */ e.jsx(
             "circle",
             {
               "data-el": "indicator",
               fill: "none",
-              cx: U,
-              cy: M,
-              r: L
+              cx: D,
+              cy: Z,
+              r: R
             }
           ),
-          j && /* @__PURE__ */ e.jsx(
+          X && /* @__PURE__ */ e.jsx(
             "circle",
             {
               "data-el": "point",
               fill: "none",
-              cx: U,
-              cy: M,
-              r: L
+              cx: D,
+              cy: Z,
+              r: R
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${w}`, style: ye, children: p ?? (v && /* @__PURE__ */ e.jsx(et, { className: "", text: Math.floor(W).toString() })) })
+    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${y}`, style: Pe, children: w ?? (m && /* @__PURE__ */ e.jsx(rt, { className: "", text: Math.floor(O).toString() })) })
   ] });
 };
-const Es = ({ style: n, icon: t, className: r, onClick: s, onContextMenu: c, children: i }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${r} extendedFAB`, onClick: s, onContextMenu: c, children: [
+const $s = ({ style: n, icon: t, className: r, onClick: s, onContextMenu: c, children: i }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${r} extendedFAB`, onClick: s, onContextMenu: c, children: [
   t,
   i ? /* @__PURE__ */ e.jsx("span", { children: i }) : null
-] }), Ae = ({ children: n, container: t }) => t ? Vt.createPortal(
+] }), ze = ({ children: n, container: t }) => t ? Ft.createPortal(
   n,
   t
 ) : /* @__PURE__ */ e.jsx("p", { children: "container not found" });
-const he = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `divider-and-text ${t ? "short" : ""}`, children: [
+const xe = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `divider-and-text ${t ? "short" : ""}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: `divider ${t ? "short" : ""}` }),
   r,
   /* @__PURE__ */ e.jsx("div", { className: `divider ${t ? "short" : ""}` })
 ] }) : /* @__PURE__ */ e.jsx("div", { style: n, className: `divider ${t ? "short" : ""}` });
-const or = ({ item: n, isIcon: t, globalClick: r }) => {
+const ar = ({ item: n, isIcon: t, globalClick: r }) => {
   const s = () => {
     n.onClick && n.onClick(), r && r();
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "menu-sub-item", onClick: s, children: [
     t ? /* @__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(pe, {}) : null })
+    /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(Se, {}) : null })
   ] });
-}, Ke = (n) => n ? {
+}, en = (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, nt = (n, t, r, s) => {
+} : void 0, ct = (n, t, r, s) => {
   let c = { x: n, y: t };
   if (!r)
     return c;
-  let i = Number(window.getComputedStyle(r).getPropertyValue("height").replace("px", "")), a = Number(window.getComputedStyle(r).getPropertyValue("width").replace("px", "")), o = t + i - document.documentElement.clientHeight, l = n + a - document.documentElement.clientWidth;
-  return o > 0 && (c.y = c.y - o - ((s == null ? void 0 : s.marginBottom) ?? 0)), l > 0 && (c.x = c.x - l - ((s == null ? void 0 : s.marginRight) ?? 0)), c;
-}, ar = ({ items: n, onHide: t, smallDisplay: r, globalClick: s }) => {
-  const c = G(null), [i, a] = _({ left: "0px", top: "0px" });
-  function o(l) {
-    for (let u of l)
+  let i = Number(window.getComputedStyle(r).getPropertyValue("height").replace("px", "")), l = Number(window.getComputedStyle(r).getPropertyValue("width").replace("px", "")), a = t + i - document.documentElement.clientHeight, o = n + l - document.documentElement.clientWidth;
+  return a > 0 && (c.y = c.y - a - ((s == null ? void 0 : s.marginBottom) ?? 0)), o > 0 && (c.x = c.x - o - ((s == null ? void 0 : s.marginRight) ?? 0)), c;
+}, dr = ({ items: n, onHide: t, smallDisplay: r, globalClick: s }) => {
+  const c = Y(null), [i, l] = _({ left: "0px", top: "0px" });
+  function a(o) {
+    for (let u of o)
       if (u.icon)
         return !0;
     return !1;
@@ -2049,41 +2063,41 @@ const or = ({ item: n, isIcon: t, globalClick: r }) => {
   return $(() => {
     if (!c.current)
       return;
-    let l = Ke(c.current.parentElement);
-    if (!l)
+    let o = en(c.current.parentElement);
+    if (!o)
       return;
-    let u = nt(l.left + l.width, l.top, c.current, { marginRight: l.width });
-    a({
-      left: u.x - l.left + "px",
-      top: u.y - l.top + "px"
+    let u = ct(o.left + o.width, o.top, c.current, { marginRight: o.width });
+    l({
+      left: u.x - o.left + "px",
+      top: u.y - o.top + "px"
     });
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: c, className: "menu-sub-block", style: { ...i }, children: n.map((l, u) => /* @__PURE__ */ e.jsx(or, { item: l, isIcon: o(n), globalClick: s }, u)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: c, className: "menu-sub-block", style: { ...i }, children: n.map((o, u) => /* @__PURE__ */ e.jsx(ar, { item: o, isIcon: a(n), globalClick: s }, u)) }),
     r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "backplate", onClick: t })
   ] });
-}, dr = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: c, smallDisplay: i }) => {
-  const [a, o] = _(!1), l = k(() => {
-    s.subItems ? o((u) => !u) : s.onClick && s.onClick(), r && r(), t && n && n();
+}, ur = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: c, smallDisplay: i }) => {
+  const [l, a] = _(!1), o = k(() => {
+    s.subItems ? a((u) => !u) : s.onClick && s.onClick(), r && r(), t && n && n();
   }, [s.onClick]);
   return /* @__PURE__ */ e.jsxs("div", { className: "menu-item-conatiner", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "menu-item", onClick: l, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "menu-item", onClick: o, children: [
       c ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: s.icon }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: s.title }),
-      /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-status-submenu ${a ? "active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(pe, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
+      /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-status-submenu ${l ? "active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(Se, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
     ] }),
-    a && s.subItems ? /* @__PURE__ */ e.jsx(ar, { items: s.subItems, onHide: () => o(!1), smallDisplay: i }) : null
+    l && s.subItems ? /* @__PURE__ */ e.jsx(dr, { items: s.subItems, onHide: () => a(!1), smallDisplay: i }) : null
   ] });
 };
-function tt({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: c }) {
-  function i(a) {
-    for (let o of a.items)
-      if (o.icon)
+function it({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: c }) {
+  function i(l) {
+    for (let a of l.items)
+      if (a.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((a, o) => /* @__PURE__ */ e.jsx(dr, { globalClick: s, autoHide: c, onHide: r, item: a, isIcon: i(n), smallDisplay: t }, o)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((l, a) => /* @__PURE__ */ e.jsx(ur, { globalClick: s, autoHide: c, onHide: r, item: l, isIcon: i(n), smallDisplay: t }, a)) });
 }
-const xn = ({ children: n, onHide: t, disableBackplate: r }) => {
+const vn = ({ children: n, onHide: t, disableBackplate: r }) => {
   function s() {
     t && t();
   }
@@ -2091,63 +2105,63 @@ const xn = ({ children: n, onHide: t, disableBackplate: r }) => {
     /* @__PURE__ */ e.jsx("div", { onClick: s, style: { display: r ? "none" : void 0 }, className: "backplate" }),
     n
   ] });
-}, ur = 100, hr = (n) => {
-  const t = G(null), [r, s] = _({ left: "0px", top: "0px" }), c = () => {
+}, hr = 100, fr = (n) => {
+  const t = Y(null), [r, s] = _({ left: "0px", top: "0px" }), c = () => {
     n.onHide && n.onHide();
   };
   return $(() => {
-    let i = nt(n.x, n.y, t.current, { marginBottom: ur });
+    let i = ct(n.x, n.y, t.current, { marginBottom: hr });
     s({
       left: i.x + "px",
       top: i.y + "px"
     });
-  }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsx(xn, { onHide: c, children: /* @__PURE__ */ e.jsx("div", { ref: t, className: "menu-container", style: { ...r, opacity: r.top !== "0px" ? "100%" : "0%", width: n.width, maxWidth: n.width ? "100%" : void 0 }, children: n.blocks.map((i, a) => /* @__PURE__ */ e.jsxs(Je.Fragment, { children: [
-    a !== 0 ? /* @__PURE__ */ e.jsx(he, {}) : null,
-    /* @__PURE__ */ e.jsx(tt, { block: i, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: c })
-  ] }, a)) }) }) : null;
-}, fr = (n) => {
+  }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsx(vn, { onHide: c, children: /* @__PURE__ */ e.jsx("div", { ref: t, className: "menu-container", style: { ...r, opacity: r.top !== "0px" ? "100%" : "0%", width: n.width, maxWidth: n.width ? "100%" : void 0 }, children: n.blocks.map((i, l) => /* @__PURE__ */ e.jsxs(Qe.Fragment, { children: [
+    l !== 0 ? /* @__PURE__ */ e.jsx(xe, {}) : null,
+    /* @__PURE__ */ e.jsx(it, { block: i, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: c })
+  ] }, l)) }) }) : null;
+}, xr = (n) => {
   const t = () => {
   };
-  return /* @__PURE__ */ e.jsx(st, { onHide: n.onHide || t, visible: n.visible, bottom: n.marginBottom, children: /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-menu-container", children: n.blocks.map((r, s) => /* @__PURE__ */ e.jsxs(Je.Fragment, { children: [
-    s !== 0 ? /* @__PURE__ */ e.jsx(he, {}) : null,
-    /* @__PURE__ */ e.jsx(tt, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
+  return /* @__PURE__ */ e.jsx(lt, { onHide: n.onHide || t, visible: n.visible, bottom: n.marginBottom, children: /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-menu-container", children: n.blocks.map((r, s) => /* @__PURE__ */ e.jsxs(Qe.Fragment, { children: [
+    s !== 0 ? /* @__PURE__ */ e.jsx(xe, {}) : null,
+    /* @__PURE__ */ e.jsx(it, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
-}, rt = (n) => n.screensize === ce.MOBILE ? /* @__PURE__ */ e.jsx(Ae, { container: n.container, children: /* @__PURE__ */ e.jsx(fr, { ...n }) }) : /* @__PURE__ */ e.jsx(Ae, { container: n.container, children: /* @__PURE__ */ e.jsx(hr, { ...n }) }), Ls = ({ icon: n, className: t, classNameContainer: r, disabled: s, style: c, transparent: i, container: a, blocks: o, screensize: l, autoHide: u }) => {
-  const [h, f] = _(!1), [x, m] = _(void 0), j = () => {
-    f(!1), m(void 0);
+}, ot = (n) => n.screensize === ce.MOBILE ? /* @__PURE__ */ e.jsx(ze, { container: n.container, children: /* @__PURE__ */ e.jsx(xr, { ...n }) }) : /* @__PURE__ */ e.jsx(ze, { container: n.container, children: /* @__PURE__ */ e.jsx(fr, { ...n }) }), Ls = ({ icon: n, className: t, classNameContainer: r, disabled: s, style: c, transparent: i, container: l, blocks: a, screensize: o, autoHide: u }) => {
+  const [h, f] = _(!1), [x, C] = _(void 0), j = () => {
+    f(!1), C(void 0);
   }, g = (v) => {
-    f(!0), m({ x: v.clientX, y: v.clientY });
+    f(!0), C({ x: v.clientX, y: v.clientY });
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(ve, { onClick: g, icon: n, className: t, classNameContainer: r, disabled: s, style: c, transparent: i }),
-    /* @__PURE__ */ e.jsx(rt, { marginBottom: l === ce.MOBILE ? 80 : 0, onHide: j, autoHide: u, screensize: l, visible: h, x: (x == null ? void 0 : x.x) ?? 0, y: (x == null ? void 0 : x.y) ?? 0, blocks: o, container: a })
+    /* @__PURE__ */ e.jsx(pe, { onClick: g, icon: n, className: t, classNameContainer: r, disabled: s, style: c, transparent: i }),
+    /* @__PURE__ */ e.jsx(ot, { marginBottom: o === ce.MOBILE ? 80 : 0, onHide: j, autoHide: u, screensize: o, visible: h, x: (x == null ? void 0 : x.x) ?? 0, y: (x == null ? void 0 : x.y) ?? 0, blocks: a, container: l })
   ] });
 };
-const $s = ({ name: n, checked: t, onChange: r, readOnly: s, checkIcon: c }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
+const Ts = ({ name: n, checked: t, onChange: r, readOnly: s, checkIcon: c }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
   /* @__PURE__ */ e.jsx("input", { className: "checkbox", name: n, type: "checkbox", checked: t, onChange: r, readOnly: s }),
   /* @__PURE__ */ e.jsx("span", { className: "checkbox-box", children: c || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
 ] });
-const xr = ({ text: n, onDelete: t, big: r, onClick: s, screenSize: c }) => {
-  const i = (o) => !(o.target.className === "alex-evo-ui-kit-chips-btn" || o.target.closest(".alex-evo-ui-kit-chips-btn")), a = (o) => {
-    i(o) && s && s(o);
+const jr = ({ text: n, onDelete: t, big: r, onClick: s, screenSize: c }) => {
+  const i = (a) => !(a.target.className === "alex-evo-ui-kit-chips-btn" || a.target.closest(".alex-evo-ui-kit-chips-btn")), l = (a) => {
+    i(a) && s && s(a);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${r ? "big-chips" : ""} ${s ? "hovered" : ""}`, onClick: a, children: [
-    /* @__PURE__ */ e.jsx(xe, { type: "body", screensize: c, children: n }),
-    t ? /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: t, children: /* @__PURE__ */ e.jsx(Me, {}) }) : null
+  return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${r ? "big-chips" : ""} ${s ? "hovered" : ""}`, onClick: l, children: [
+    /* @__PURE__ */ e.jsx(me, { type: "body", screensize: c, children: n }),
+    t ? /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: t, children: /* @__PURE__ */ e.jsx(Oe, {}) }) : null
   ] });
 };
-const jr = ({ name: n, checked: t, onClick: r }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+const mr = ({ name: n, checked: t, onClick: r }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
   /* @__PURE__ */ e.jsx("input", { className: "radio-button", onClick: r, name: n, type: "radio", checked: t, readOnly: !0 }),
   /* @__PURE__ */ e.jsx("span", {})
-] }), Ts = ({ defaultChecked: n, name: t, currentValue: r, value: s, onChange: c, readOnly: i, checked: a }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
-  /* @__PURE__ */ e.jsx("input", { defaultChecked: n, className: "radio-button", name: t, type: "radio", checked: r && s && r === s || a, value: s, onChange: c, readOnly: i }),
+] }), Os = ({ defaultChecked: n, name: t, currentValue: r, value: s, onChange: c, readOnly: i, checked: l }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+  /* @__PURE__ */ e.jsx("input", { defaultChecked: n, className: "radio-button", name: t, type: "radio", checked: r && s && r === s || l, value: s, onChange: c, readOnly: i }),
   /* @__PURE__ */ e.jsx("span", {})
 ] });
-const Hn = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], mr = ({ readOnly: n, ref: t, style: r, multiple: s, value: c, items: i, className: a, name: o, onClick: l, onContextMenu: u, onChange: h }) => {
-  const [f, x] = _(Hn(c)), m = (j) => {
+const In = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], Cr = ({ readOnly: n, ref: t, style: r, multiple: s, value: c, items: i, className: l, name: a, onClick: o, onContextMenu: u, onChange: h }) => {
+  const [f, x] = _(In(c)), C = (j) => {
     if (n)
       return;
-    l && l(j);
+    o && o(j);
     const g = j.currentTarget;
     if (!s) {
       if (!g.dataset.el)
@@ -2156,22 +2170,22 @@ const Hn = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], mr = ({ readOn
       return;
     }
     const v = f.filter((p) => p === g.dataset.el);
-    let C = f.slice();
-    v.length > 0 && g.dataset.el ? C = C.filter((p) => p !== g.dataset.el) : g.dataset.el && C.push(g.dataset.el), x(C), h && h(C, j);
+    let m = f.slice();
+    v.length > 0 && g.dataset.el ? m = m.filter((p) => p !== g.dataset.el) : g.dataset.el && m.push(g.dataset.el), x(m), h && h(m, j);
   };
   return $(() => {
-    c !== void 0 && x(Hn(c));
-  }, [c]), /* @__PURE__ */ e.jsx("div", { style: r, className: `sigmentedbutton-container ${a ?? ""}`, children: i.map((j, g) => /* @__PURE__ */ e.jsxs("div", { className: "sigmentedbutton-item-container", children: [
-    /* @__PURE__ */ e.jsxs("div", { "data-el": j, onContextMenu: u, onClick: m, className: `sigmentedbutton-item-button ${f.includes(j) ? "active" : ""}`, children: [
-      f.includes(j) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(pe, {}) }) : null,
+    c !== void 0 && x(In(c));
+  }, [c]), /* @__PURE__ */ e.jsx("div", { style: r, className: `sigmentedbutton-container ${l ?? ""}`, children: i.map((j, g) => /* @__PURE__ */ e.jsxs("div", { className: "sigmentedbutton-item-container", children: [
+    /* @__PURE__ */ e.jsxs("div", { "data-el": j, onContextMenu: u, onClick: C, className: `sigmentedbutton-item-button ${f.includes(j) ? "active" : ""}`, children: [
+      f.includes(j) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(Se, {}) }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "text-container", children: j })
     ] }, g),
-    /* @__PURE__ */ e.jsx("input", { ref: t, multiple: !0, readOnly: !0, type: "radio", style: { display: "none" }, name: o, checked: f.includes(j), value: j })
+    /* @__PURE__ */ e.jsx("input", { ref: t, multiple: !0, readOnly: !0, type: "radio", style: { display: "none" }, name: a, checked: f.includes(j), value: j })
   ] }, g)) });
 };
-const Cr = ({ ref: n, style: t, name: r, onChange: s, checked: c, className: i, readOnly: a }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${i}`, style: t, children: /* @__PURE__ */ e.jsx("input", { readOnly: a, ref: n, type: "checkbox", name: r, onChange: s, checked: c }) });
-const st = ({ bottom: n = 0, ...t }) => {
-  const [r, s] = _(!1), [c, i] = _(!0), a = G(null), o = k(() => {
+const vr = ({ ref: n, style: t, name: r, onChange: s, checked: c, className: i, readOnly: l }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${i}`, style: t, children: /* @__PURE__ */ e.jsx("input", { readOnly: l, ref: n, type: "checkbox", name: r, onChange: s, checked: c }) });
+const lt = ({ bottom: n = 0, ...t }) => {
+  const [r, s] = _(!1), [c, i] = _(!0), l = Y(null), a = k(() => {
     s(!0), setTimeout(() => {
       t.onHide(), s(!1), i(!0);
     }, 200);
@@ -2179,12 +2193,12 @@ const st = ({ bottom: n = 0, ...t }) => {
   $(() => {
     t.visible && i(!1);
   }, [t.visible]), $(() => {
-    !t.visible && !c && o();
-  }, [t.visible, o, c]);
-  const l = k((x) => {
-    window.innerHeight - x.changedTouches[0].clientY <= 150 && o(), a.current && (a.current.style.height = `${window.innerHeight - x.changedTouches[0].clientY + 20 - n}px`);
-  }, [o]), u = (x) => {
-    window.innerHeight - x.clientY + 20 <= 150 && o(), a.current && (a.current.style.height = `${window.innerHeight - x.clientY + 20 - n}px`);
+    !t.visible && !c && a();
+  }, [t.visible, a, c]);
+  const o = k((x) => {
+    window.innerHeight - x.changedTouches[0].clientY <= 150 && a(), l.current && (l.current.style.height = `${window.innerHeight - x.changedTouches[0].clientY + 20 - n}px`);
+  }, [a]), u = (x) => {
+    window.innerHeight - x.clientY + 20 <= 150 && a(), l.current && (l.current.style.height = `${window.innerHeight - x.clientY + 20 - n}px`);
   }, h = () => {
     document.body.removeEventListener("mousemove", u), document.body.removeEventListener("mouseup", h);
   }, f = () => {
@@ -2192,11 +2206,11 @@ const st = ({ bottom: n = 0, ...t }) => {
   };
   return $(() => () => {
     document.body.removeEventListener("mousemove", u), document.body.removeEventListener("mouseup", h);
-  }), c && !r || !t.children ? null : /* @__PURE__ */ e.jsx(xn, { onHide: o, children: /* @__PURE__ */ e.jsxs("div", { ref: a, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "hide" : ""}`, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-handle", onMouseDown: f, onTouchMove: l, children: /* @__PURE__ */ e.jsx("span", {}) }),
+  }), c && !r || !t.children ? null : /* @__PURE__ */ e.jsx(vn, { onHide: a, children: /* @__PURE__ */ e.jsxs("div", { ref: l, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "hide" : ""}`, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-handle", onMouseDown: f, onTouchMove: o, children: /* @__PURE__ */ e.jsx("span", {}) }),
     /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-content", children: t.children })
   ] }) });
-}, ct = (n, t) => {
+}, at = (n, t) => {
   $(() => {
     if (n) {
       const r = window.innerWidth - document.documentElement.clientWidth;
@@ -2207,11 +2221,11 @@ const st = ({ bottom: n = 0, ...t }) => {
       t.style.overflow = "", t.style.paddingRight = "";
     };
   }, [n]);
-}, An = {
+}, Bn = {
   mobileSize: 720,
   bigSize: 1400
-}, it = (n = An) => {
-  (n.bigSize <= 100 || n.mobileSize <= 100 || n.bigSize <= 100 || n.mobileSize >= n.bigSize) && (console.error("useScreenSize: invalid option"), n = An);
+}, dt = (n = Bn) => {
+  (n.bigSize <= 100 || n.mobileSize <= 100 || n.bigSize <= 100 || n.mobileSize >= n.bigSize) && (console.error("useScreenSize: invalid option"), n = Bn);
   const [t, r] = _(ce.STANDART), s = k(() => {
     window.innerWidth < n.mobileSize ? r(ce.MOBILE) : window.innerWidth < n.bigSize ? r(ce.STANDART) : r(ce.BIG_SCREEN);
   }, [window.innerWidth]);
@@ -2221,86 +2235,86 @@ const st = ({ bottom: n = 0, ...t }) => {
     window.removeEventListener("resize", s);
   }), [s]), { screen: t };
 };
-const lt = ({ className: n, children: t, header: r, action: s, onHide: c, style: i, clearStyle: a = !1, disableBackplate: o }) => {
-  function l() {
+const ut = ({ className: n, children: t, header: r, action: s, onHide: c, style: i, clearStyle: l = !1, disableBackplate: a }) => {
+  function o() {
     c && c();
   }
-  return /* @__PURE__ */ e.jsx(xn, { onHide: l, disableBackplate: o, children: /* @__PURE__ */ e.jsxs("div", { style: i, className: `${a ? "" : "dialog-container"} dialog-container-base ${n}`, children: [
+  return /* @__PURE__ */ e.jsx(vn, { onHide: o, disableBackplate: a, children: /* @__PURE__ */ e.jsxs("div", { style: i, className: `${l ? "" : "dialog-container"} dialog-container-base ${n}`, children: [
     r ? /* @__PURE__ */ e.jsx("div", { className: "dialog-header", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: r }) }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "dialog-content", children: t }),
     s ? /* @__PURE__ */ e.jsx("div", { className: "dialog-action", children: s }) : null
   ] }) });
-}, be = ({ marginBottom: n = 80, ...t }) => {
-  const { screen: r } = it();
-  ct(!0, document.body);
+}, Me = ({ marginBottom: n = 80, ...t }) => {
+  const { screen: r } = dt();
+  at(!0, document.body);
   const s = () => {
     var c;
     (c = t.onHide) == null || c.call(t);
   };
-  return r !== ce.MOBILE ? /* @__PURE__ */ e.jsx(lt, { ...t }) : /* @__PURE__ */ e.jsx(st, { bottom: n, onHide: s, visible: !0, children: /* @__PURE__ */ e.jsxs("div", { style: t.style, className: `dialog-container-bottom-sheet ${t.className}`, children: [
+  return r !== ce.MOBILE ? /* @__PURE__ */ e.jsx(ut, { ...t }) : /* @__PURE__ */ e.jsx(lt, { bottom: n, onHide: s, visible: !0, children: /* @__PURE__ */ e.jsxs("div", { style: t.style, className: `dialog-container-bottom-sheet ${t.className}`, children: [
     t.header ? /* @__PURE__ */ e.jsx("div", { className: "dialog-header", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: t.header }) }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "dialog-content", children: t.children }),
     t.action ? /* @__PURE__ */ e.jsx("div", { className: "dialog-action", children: t.action }) : null
   ] }) });
-}, Os = ({ styleContainer: n, text: t, header: r, actionText: s, onSuccess: c, onHide: i, onCancel: a }) => {
-  const o = k(() => {
+}, Vs = ({ styleContainer: n, text: t, header: r, actionText: s, onSuccess: c, onHide: i, onCancel: l }) => {
+  const a = k(() => {
     c && c(), i && i();
-  }, [c, i]), l = k(() => {
-    a && a(), i && i();
-  }, [i, a]);
-  return /* @__PURE__ */ e.jsx(be, { style: n, header: r, action: /* @__PURE__ */ e.jsx(vr, { onHide: l, actionText: s, onSuccess: o }), children: /* @__PURE__ */ e.jsx("p", { children: t }) });
+  }, [c, i]), o = k(() => {
+    l && l(), i && i();
+  }, [i, l]);
+  return /* @__PURE__ */ e.jsx(Me, { style: n, header: r, action: /* @__PURE__ */ e.jsx(gr, { onHide: o, actionText: s, onSuccess: a }), children: /* @__PURE__ */ e.jsx("p", { children: t }) });
 };
-function vr({ actionText: n, onSuccess: t, onHide: r }) {
+function gr({ actionText: n, onSuccess: t, onHide: r }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(ee, { onClick: r, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(ee, { onClick: t, children: n ?? "OK" })
+    /* @__PURE__ */ e.jsx(Q, { onClick: r, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(Q, { onClick: t, children: n ?? "OK" })
   ] });
 }
-const gr = ({ children: n, className: t, maxHeight: r, scroll: s, transparent: c }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: r ? s ? "scroll" : "hidden" : void 0, maxHeight: r, backgroundColor: c ? "transparent" : void 0 }, className: `list-container ${t} ${s ? "scroll" : ""}`, children: n }), pr = ({ icon: n, control: t, text: r, header: s, value: c, onClick: i, hovered: a, className: o }) => {
-  const l = (u) => {
+const pr = ({ children: n, className: t, maxHeight: r, scroll: s, transparent: c }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: r ? s ? "scroll" : "hidden" : void 0, maxHeight: r, backgroundColor: c ? "transparent" : void 0 }, className: `list-container ${t} ${s ? "scroll" : ""}`, children: n }), br = ({ icon: n, control: t, text: r, header: s, value: c, onClick: i, hovered: l, className: a }) => {
+  const o = (u) => {
     u.target.closest(".control-container") || i && i(u);
   };
-  return /* @__PURE__ */ e.jsxs("li", { className: ` ${o} list-item-container ${a ? "hovered" : ""}`, onClick: l, children: [
+  return /* @__PURE__ */ e.jsxs("li", { className: ` ${a} list-item-container ${l ? "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,
     r ? /* @__PURE__ */ e.jsxs("div", { className: "text-container", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "header", children: /* @__PURE__ */ e.jsx(xe, { type: "body", children: s }) }),
-      /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx(xe, { type: "small", children: r }) })
-    ] }) : /* @__PURE__ */ e.jsx("div", { className: "text-container", children: /* @__PURE__ */ e.jsx("div", { className: "header", children: /* @__PURE__ */ e.jsx(xe, { type: "body", children: s }) }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "header", children: /* @__PURE__ */ e.jsx(me, { type: "body", children: s }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx(me, { type: "small", children: r }) })
+    ] }) : /* @__PURE__ */ e.jsx("div", { className: "text-container", children: /* @__PURE__ */ e.jsx("div", { className: "header", children: /* @__PURE__ */ e.jsx(me, { type: "body", children: s }) }) }),
     t ? /* @__PURE__ */ e.jsx("div", { className: "control-container", children: t }) : null
   ] });
 };
-function Vs({ onSuccess: n, items: t, header: r, onHide: s, noHide: c = !1, name: i = "dailog_name" }) {
-  const [a, o] = _(void 0), l = k(() => {
-    console.log(a), n && a && n(a), o(void 0), !c && s && s();
-  }, [a]), u = k((h) => {
-    o(h);
+function Ds({ onSuccess: n, items: t, header: r, onHide: s, noHide: c = !1, name: i = "dailog_name" }) {
+  const [l, a] = _(void 0), o = k(() => {
+    console.log(l), n && l && n(l), a(void 0), !c && s && s();
+  }, [l]), u = k((h) => {
+    a(h);
   }, []);
-  return /* @__PURE__ */ e.jsxs(be, { header: r, action: /* @__PURE__ */ e.jsx(br, { onHide: s, onSuccess: l, disabled: a === void 0 }), children: [
-    /* @__PURE__ */ e.jsx(he, { style: { padding: "0px" } }),
-    /* @__PURE__ */ e.jsx(gr, { className: "transparent", scroll: !0, maxHeight: "200px", children: t.map((h, f) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(pr, { hovered: !0, header: h.title, onClick: () => u(h.data), control: /* @__PURE__ */ e.jsx(jr, { onClick: () => u(h.data), name: i, checked: h.data === a }) }) }, f)) }),
-    /* @__PURE__ */ e.jsx(he, { style: { padding: "0px" } })
+  return /* @__PURE__ */ e.jsxs(Me, { header: r, action: /* @__PURE__ */ e.jsx(yr, { onHide: s, onSuccess: o, disabled: l === void 0 }), children: [
+    /* @__PURE__ */ e.jsx(xe, { style: { padding: "0px" } }),
+    /* @__PURE__ */ e.jsx(pr, { className: "transparent", scroll: !0, maxHeight: "200px", children: t.map((h, f) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(br, { hovered: !0, header: h.title, onClick: () => u(h.data), control: /* @__PURE__ */ e.jsx(mr, { onClick: () => u(h.data), name: i, checked: h.data === l }) }) }, f)) }),
+    /* @__PURE__ */ e.jsx(xe, { style: { padding: "0px" } })
   ] });
 }
-function br({ onSuccess: n, onHide: t, disabled: r }) {
+function yr({ onSuccess: n, onHide: t, disabled: r }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(ee, { onClick: t, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(ee, { onClick: n, disabled: r, children: "OK" })
+    /* @__PURE__ */ e.jsx(Q, { onClick: t, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(Q, { onClick: n, disabled: r, children: "OK" })
   ] });
 }
-const jn = ({ onClick: n, ref: t, styleContainer: r, type: s = "text", transparent: c, readOnly: i, password: a, border: o, onClear: l, icon: u, onChange: h, name: f, value: x, placeholder: m, className: j, validEmptyValue: g, onFocus: v, onBlur: C, error: p, max: w, min: y }) => {
-  const S = G(null), [V, E] = _(!1), [Y, U] = _(!1), M = () => {
+const gn = ({ onClick: n, ref: t, styleContainer: r, type: s = "text", transparent: c, readOnly: i, password: l, border: a, onClear: o, icon: u, onChange: h, name: f, value: x, placeholder: C, className: j, validEmptyValue: g, onFocus: v, onBlur: m, error: p, max: w, min: y }) => {
+  const S = Y(null), [T, L] = _(!1), [H, U] = _(!1), M = () => {
     if (!S.current)
       return;
     const A = S.current.querySelector("input");
     A && A.focus();
-  }, L = (A) => {
+  }, D = (A) => {
     v && v(A), U(!0);
-  }, W = (A) => {
-    C && C(A), U(!1);
-  }, I = k((A, z) => E(!!(p || A && (!z || z === ""))), []);
+  }, Z = (A) => {
+    m && m(A), U(!1);
+  }, R = k((A, X) => L(!!(p || A && (!X || X === ""))), []);
   return $(() => {
-    I(g, x);
-  }, [x, g, I]), /* @__PURE__ */ e.jsxs("div", { ref: S, style: r, className: `input-field text-field ${o ? "border" : ""} ${Y ? "active" : ""} ${c ? "transparent" : ""} ${V ? "error" : ""} ${j}`, children: [
+    R(g, x);
+  }, [x, g, R]), /* @__PURE__ */ e.jsxs("div", { ref: S, style: r, className: `input-field text-field ${a ? "border" : ""} ${H ? "active" : ""} ${c ? "transparent" : ""} ${T ? "error" : ""} ${j}`, children: [
     u ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: M, children: u }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: M, children: [
       /* @__PURE__ */ e.jsx(
@@ -2311,43 +2325,43 @@ const jn = ({ onClick: n, ref: t, styleContainer: r, type: s = "text", transpare
           min: y,
           readOnly: i,
           required: !0,
-          type: a ? "password" : s,
-          className: `${V ? "error" : ""}`,
+          type: l ? "password" : s,
+          className: `${T ? "error" : ""}`,
           name: f,
           value: x,
           onClick: n,
           onChange: h,
-          onFocus: L,
-          onBlur: W
+          onFocus: D,
+          onBlur: Z
         }
       ),
-      /* @__PURE__ */ e.jsx("label", { children: m ? /* @__PURE__ */ e.jsx("span", { children: m }) : null })
+      /* @__PURE__ */ e.jsx("label", { children: C ? /* @__PURE__ */ e.jsx("span", { children: C }) : null })
     ] }),
-    l ? /* @__PURE__ */ e.jsx("div", { className: "icon-container clear-btn", children: /* @__PURE__ */ e.jsx(Me, { onClick: l }) }) : null
+    o ? /* @__PURE__ */ e.jsx("div", { className: "icon-container clear-btn", children: /* @__PURE__ */ e.jsx(Oe, { onClick: o }) }) : null
   ] });
-}, Ds = ({ styleContainer: n, text: t, header: r, onSuccess: s, onHide: c, placeholder: i, type: a = "text", min: o = 0, max: l = 100 }) => {
+}, Fs = ({ styleContainer: n, text: t, header: r, onSuccess: s, onHide: c, placeholder: i, type: l = "text", min: a = 0, max: o = 100 }) => {
   const [u, h] = _(""), f = k(() => {
     s && s(u), c && c();
-  }, [u]), x = (m) => {
-    a === "number" && (Number(m) < o && (m = String(o)), Number(m) > l && (m = String(l))), h(m);
+  }, [u]), x = (C) => {
+    l === "number" && (Number(C) < a && (C = String(a)), Number(C) > o && (C = String(o))), h(C);
   };
-  return /* @__PURE__ */ e.jsxs(be, { style: n, header: r, action: /* @__PURE__ */ e.jsx(yr, { onHide: c, onSuccess: f }), children: [
+  return /* @__PURE__ */ e.jsxs(Me, { style: n, header: r, action: /* @__PURE__ */ e.jsx(kr, { onHide: c, onSuccess: f }), children: [
     /* @__PURE__ */ e.jsx("p", { children: t }),
-    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(jn, { max: l, min: o, type: a, border: !0, placeholder: i, value: u, onChange: (m) => x(m.target.value) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(gn, { max: o, min: a, type: l, border: !0, placeholder: i, value: u, onChange: (C) => x(C.target.value) }) })
   ] });
 };
-function yr({ onSuccess: n, onHide: t }) {
+function kr({ onSuccess: n, onHide: t }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(ee, { onClick: t, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(ee, { onClick: n, children: "OK" })
+    /* @__PURE__ */ e.jsx(Q, { onClick: t, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(Q, { onClick: n, children: "OK" })
   ] });
 }
-const kr = ({ onHide: n, onSave: t }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-  n ? /* @__PURE__ */ e.jsx(ee, { onClick: n, children: "cancel" }) : null,
-  t ? /* @__PURE__ */ e.jsx(ee, { onClick: t, children: "save" }) : null
-] }), Fs = ({ style: n, className: t, header: r, children: s, onSave: c, onHide: i, marginBottom: a, disableBackplate: o }) => {
-  const [l, u] = _(!1);
-  ct(!0, document.body);
+const Nr = ({ onHide: n, onSave: t }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+  n ? /* @__PURE__ */ e.jsx(Q, { onClick: n, children: "cancel" }) : null,
+  t ? /* @__PURE__ */ e.jsx(Q, { onClick: t, children: "save" }) : null
+] }), Ps = ({ style: n, className: t, header: r, children: s, onSave: c, onHide: i, marginBottom: l, disableBackplate: a }) => {
+  const [o, u] = _(!1);
+  at(!0, document.body);
   const h = k(() => {
     window.innerWidth < 720 ? u(!0) : u(!1);
   }, [window.innerWidth]);
@@ -2361,101 +2375,101 @@ const kr = ({ onHide: n, onSave: t }) => /* @__PURE__ */ e.jsxs("div", { classNa
   }, x = () => {
     c && c();
   };
-  return l ? /* @__PURE__ */ e.jsxs("div", { style: { ...n, height: `calc(100vh - ${a}px` }, className: `full-screen-dialog-container ${t}`, children: [
+  return o ? /* @__PURE__ */ e.jsxs("div", { style: { ...n, height: `calc(100vh - ${l}px` }, className: `full-screen-dialog-container ${t}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog-header", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "dialog-icon-container", children: i && /* @__PURE__ */ e.jsx(ve, { transparent: !0, onClick: f, icon: /* @__PURE__ */ e.jsx(Me, {}) }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "dialog-icon-container", children: i && /* @__PURE__ */ e.jsx(pe, { transparent: !0, onClick: f, icon: /* @__PURE__ */ e.jsx(Oe, {}) }) }),
       /* @__PURE__ */ e.jsx("div", { className: "header", children: r }),
-      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__PURE__ */ e.jsx(ee, { onClick: x, children: "save" }) : null })
+      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__PURE__ */ e.jsx(Q, { onClick: x, children: "save" }) : null })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: s })
-  ] }) : /* @__PURE__ */ e.jsx(lt, { disableBackplate: o, style: n, header: r, className: `full-screen-dialog-base-format ${t}`, onHide: f, children: s, action: /* @__PURE__ */ e.jsx(kr, { onHide: i ? f : void 0, onSave: c ? x : void 0 }) });
+  ] }) : /* @__PURE__ */ e.jsx(ut, { disableBackplate: a, style: n, header: r, className: `full-screen-dialog-base-format ${t}`, onHide: f, children: s, action: /* @__PURE__ */ e.jsx(Nr, { onHide: i ? f : void 0, onSave: c ? x : void 0 }) });
 };
-const Ps = ({ style: n, className: t, action: r, imgSrc: s, alt: c, header: i, subhead: a, text: o, children: l, iconButtonCell: u, onClick: h, screenSize: f }) => {
-  const x = (v) => !(v.target.className === "action-container" || v.target.closest(".action-container") || v.target.className === "icon-button-container" || v.target.closest(".icon-button-container") || v.target.className === "card-child-container" || v.target.closest(".card-child-container")), { screen: m } = it(), j = f ?? m, g = (v) => {
-    if (!x(v))
+const Hs = ({ style: n, className: t, action: r, imgSrc: s, alt: c, header: i, subhead: l, text: a, children: o, iconButtonCell: u, onClick: h, screenSize: f, rootApp: x = "#root" }) => {
+  const C = (m) => !(m.target.className === "action-container" || m.target.closest(".action-container") || m.target.className === "icon-button-container" || m.target.closest(".icon-button-container") || m.target.className === "card-child-container" || m.target.closest(".card-child-container") || !m.target.closest(`${x}`)), { screen: j } = dt(), g = f ?? j, v = (m) => {
+    if (!C(m))
       return;
-    h && h(v);
-    let C = v.currentTarget.closest(".card-container"), p = C == null ? void 0 : C.querySelector(".blick-container");
-    if (!p)
+    h && h(m);
+    let p = m.currentTarget.closest(".card-container"), w = p == null ? void 0 : p.querySelector(".blick-container");
+    if (!w)
       return;
-    let w = document.createElement("span");
-    w.classList.add("btn-overlay");
-    const y = v.currentTarget.getBoundingClientRect(), S = v.clientX - y.left, V = v.clientY - y.top;
-    w.style.left = S + "px", w.style.top = V + "px", p.appendChild(w), setTimeout(() => {
-      w.remove();
+    let y = document.createElement("span");
+    y.classList.add("btn-overlay");
+    const S = m.currentTarget.getBoundingClientRect(), T = m.clientX - S.left, L = m.clientY - S.top;
+    y.style.left = T + "px", y.style.top = L + "px", w.appendChild(y), setTimeout(() => {
+      y.remove();
     }, 500);
   };
-  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `card-container ${t}`, onClick: g, children: [
+  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `card-container ${t}`, onClick: v, 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: c }) }) : 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(xe, { type: "title", weight: "bold", screensize: j, className: "card-heading", children: i }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx(me, { type: "title", weight: "bold", screensize: g, className: "card-heading", children: i }) }),
         u ? /* @__PURE__ */ e.jsx("div", { className: "icon-button-container", children: u }) : null
       ] }),
-      a ? /* @__PURE__ */ e.jsx("div", { className: "card-subhead-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "subhead", children: /* @__PURE__ */ e.jsx(xe, { style: { display: "block" }, type: "title-2", weight: "bold", screensize: j, className: "card-subhead", children: a }) }) }) : null,
-      o ? /* @__PURE__ */ e.jsx("div", { className: "card-text-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx(xe, { type: "body", screensize: j, className: "", children: o }) }) }) : null,
-      l ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: l }) : null,
+      l ? /* @__PURE__ */ e.jsx("div", { className: "card-subhead-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "subhead", children: /* @__PURE__ */ e.jsx(me, { style: { display: "block" }, type: "title-2", weight: "bold", screensize: g, className: "card-subhead", children: l }) }) }) : null,
+      a ? /* @__PURE__ */ e.jsx("div", { className: "card-text-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx(me, { type: "body", screensize: g, className: "", children: a }) }) }) : null,
+      o ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: o }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "action-container", children: r })
     ] })
   ] });
 };
-const Nr = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n });
-const Hs = ({ children: n, className: t, id: r, height: s, width: c, pozMove: i }) => {
-  const [a, o] = _(!1), [l, u] = _(null), [h, f] = _({ x: 0, y: 0 }), x = (g) => {
-    g.button == 1 && (o(!1), u(null), document.body.style.cursor = "auto");
-  }, m = (g) => {
-    g.button == 1 && (u({ x: g.clientX, y: g.clientY }), o(!0), document.body.style.cursor = "move");
+const _r = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n });
+const As = ({ children: n, className: t, id: r, height: s, width: c, pozMove: i }) => {
+  const [l, a] = _(!1), [o, u] = _(null), [h, f] = _({ x: 0, y: 0 }), x = (g) => {
+    g.button == 1 && (a(!1), u(null), document.body.style.cursor = "auto");
+  }, C = (g) => {
+    g.button == 1 && (u({ x: g.clientX, y: g.clientY }), a(!0), document.body.style.cursor = "move");
   }, j = k((g) => {
-    a && (f((v) => {
-      if (!l)
+    l && (f((v) => {
+      if (!o)
         return v;
-      const C = g.clientX - l.x, p = g.clientY - l.y;
-      let w = v.x + C, y = v.y + p;
+      const m = g.clientX - o.x, p = g.clientY - o.y;
+      let w = v.x + m, y = v.y + p;
       return { x: w, y };
     }), u({ x: g.clientX, y: g.clientY }));
-  }, [a, l]);
+  }, [l, o]);
   return $(() => {
     i && f({ ...i });
-  }, [i]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: c }, className: `big-container ${t}`, onMouseDown: m, onMouseUp: x, onMouseMove: j, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: h.x, top: h.y }, children: n }) });
+  }, [i]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: c }, className: `big-container ${t}`, onMouseDown: C, onMouseUp: x, onMouseMove: j, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: h.x, top: h.y }, children: n }) });
 };
-const As = ({ onClick: n, onContextMenu: t, gap: r, className: s, style: c, countColumn: i, items: a, onClickColl: o, classNameColumn: l }) => {
+const Is = ({ onClick: n, onContextMenu: t, gap: r, className: s, style: c, countColumn: i, items: l, onClickColl: a, classNameColumn: o }) => {
   const u = (f, x) => {
-    let m = new Array(f).fill([]).map((j) => new Array());
+    let C = new Array(f).fill([]).map((j) => new Array());
     for (const j of x) {
-      if (j.indexCol >= m.length) {
+      if (j.indexCol >= C.length) {
         console.error(`invalid index count. indexCol = ${j.indexCol}, column count = ${f}`);
         continue;
       }
-      m[j.indexCol].push(j.node);
+      C[j.indexCol].push(j.node);
     }
-    return m;
-  }, h = o || (() => {
+    return C;
+  }, h = a || (() => {
   });
-  return /* @__PURE__ */ e.jsx("div", { onClick: n, onContextMenu: t, style: { ...c, gap: r != null ? `${r}px` : "5px", gridTemplateColumns: `repeat(${i}, 1fr)` }, className: `${s} alex-evo-sh-ui-kit-column-layout`, children: u(i, a).map((f, x) => /* @__PURE__ */ e.jsx("div", { onClick: (m) => h(x, m), className: `${l} alex-evo-sh-ui-kit-column-layout-coll`, children: f.map((m, j) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: m }, j)) }, x)) });
+  return /* @__PURE__ */ e.jsx("div", { onClick: n, onContextMenu: t, style: { ...c, gap: r != null ? `${r}px` : "5px", gridTemplateColumns: `repeat(${i}, 1fr)` }, className: `${s} alex-evo-sh-ui-kit-column-layout`, children: u(i, l).map((f, x) => /* @__PURE__ */ e.jsx("div", { onClick: (C) => h(x, C), className: `${o} alex-evo-sh-ui-kit-column-layout-coll`, children: f.map((C, j) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: C }, j)) }, x)) });
 };
-const _r = 10, Bn = 2e-3, Bs = ({ children: n, label: t, className: r, style: s, border: c, hiding: i, defaultVisible: a = !1, action: o }) => {
-  const [l, u] = _(i ? a : !0), h = G(null), f = (g) => {
+const wr = 10, zn = 2e-3, Bs = ({ children: n, label: t, className: r, style: s, border: c, hiding: i, defaultVisible: l = !1, action: a }) => {
+  const [o, u] = _(i ? l : !0), h = Y(null), f = (g) => {
     if (!g)
       return;
-    const v = Ke(g);
+    const v = en(g);
     if (v)
-      return v.height + _r;
+      return v.height + wr;
   }, x = (g) => {
     const v = f(g);
-    return v ? v * Bn > 1 ? 1 : v * Bn : 0.4;
-  }, m = (g) => {
+    return v ? v * zn > 1 ? 1 : v * zn : 0.4;
+  }, C = (g) => {
     const v = g.target;
     v.closest(".action-btn") || v.classList.contains("action-btn") || i && u((p) => !p);
   };
   $(() => {
-    !i && !l && u(!0);
-  }, [i, l]);
-  const j = Ce(() => x(h.current), [h.current]);
-  return console.log(j), /* @__PURE__ */ e.jsxs("div", { style: s, className: `content-box ${c ? "border" : ""} ${l ? "active" : ""} ${r ?? ""}`, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "content-box-label", onClick: m, children: [
-      /* @__PURE__ */ e.jsx(xe, { type: "title", children: t }),
-      /* @__PURE__ */ e.jsx("div", { className: "content-box-action-container", children: o ? /* @__PURE__ */ e.jsx("div", { className: "content-box-status-container action-btn", onClick: o.onClick, children: o.icon }) : i ? /* @__PURE__ */ e.jsx("div", { className: "content-box-status-container", children: /* @__PURE__ */ e.jsx("span", { className: `content-box-status ${l ? "active" : ""}` }) }) : null })
+    !i && !o && u(!0);
+  }, [i, o]);
+  const j = je(() => x(h.current), [h.current]);
+  return console.log(j), /* @__PURE__ */ e.jsxs("div", { style: s, className: `content-box ${c ? "border" : ""} ${o ? "active" : ""} ${r ?? ""}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "content-box-label", onClick: C, children: [
+      /* @__PURE__ */ e.jsx(me, { type: "title", children: t }),
+      /* @__PURE__ */ e.jsx("div", { className: "content-box-action-container", children: a ? /* @__PURE__ */ e.jsx("div", { className: "content-box-status-container action-btn", onClick: a.onClick, children: a.icon }) : i ? /* @__PURE__ */ e.jsx("div", { className: "content-box-status-container", children: /* @__PURE__ */ e.jsx("span", { className: `content-box-status ${o ? "active" : ""}` }) }) : null })
     ] }),
     /* @__PURE__ */ e.jsx(
       "div",
@@ -2463,86 +2477,86 @@ const _r = 10, Bn = 2e-3, Bs = ({ children: n, label: t, className: r, style: s,
         className: "content-box-container-curtain",
         style: {
           transition: j + "s",
-          height: l ? "auto" : "0px"
+          height: o ? "auto" : "0px"
         },
         children: /* @__PURE__ */ e.jsx("div", { className: "content-box-container", ref: h, children: n })
       }
     )
   ] });
 };
-const Is = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), zs = ({ minWith: n, children: t, className: r, gridRowGap: s = "10px", gridColumnGap: c = "5px", itemMinWith: i, itemMaxWith: a, itemWith: o = "400px" }) => {
-  const l = G(null), [u, h] = _([]), f = k(() => {
-    if (!l.current)
+const zs = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), Gs = ({ minWith: n, children: t, className: r, gridRowGap: s = "10px", gridColumnGap: c = "5px", itemMinWith: i, itemMaxWith: l, itemWith: a = "400px" }) => {
+  const o = Y(null), [u, h] = _([]), f = k(() => {
+    if (!o.current)
       return;
-    l.current.style.display = "grid", l.current.style.gridRowGap = s, l.current.style.gridColumnGap = c;
-    let j = i ?? o, g = a ?? o;
-    l.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + j + ", " + g + "))", l.current.style.gridAutoRows = "0", u.forEach((v) => {
+    o.current.style.display = "grid", o.current.style.gridRowGap = s, o.current.style.gridColumnGap = c;
+    let j = i ?? a, g = l ?? a;
+    o.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + j + ", " + g + "))", o.current.style.gridAutoRows = "0", u.forEach((v) => {
       v.style.gridAutoRows = "0", v.style.gridAutoColumns = "0";
     });
-  }, [l.current]), x = k(() => {
-    if (!l.current)
+  }, [o.current]), x = k(() => {
+    if (!o.current)
       return;
-    let j = parseInt(window.getComputedStyle(l.current).getPropertyValue("grid-row-gap")), g = parseInt(window.getComputedStyle(l.current).getPropertyValue("grid-auto-rows"));
+    let j = parseInt(window.getComputedStyle(o.current).getPropertyValue("grid-row-gap")), g = parseInt(window.getComputedStyle(o.current).getPropertyValue("grid-auto-rows"));
     u.forEach((v) => {
-      let C = 0, p = v.querySelector(".adaptiv-grid-item-container");
-      p && (C = Math.ceil((p.getBoundingClientRect().height + j) / (g + j))), v.style.gridRowEnd = "span " + C;
+      let m = 0, p = v.querySelector(".adaptiv-grid-item-container");
+      p && (m = Math.ceil((p.getBoundingClientRect().height + j) / (g + j))), v.style.gridRowEnd = "span " + m;
     });
-  }, [u, l.current]), m = k(() => {
-    if (l.current) {
-      let j = l.current.querySelectorAll(".adaptiv-grid-item");
+  }, [u, o.current]), C = k(() => {
+    if (o.current) {
+      let j = o.current.querySelectorAll(".adaptiv-grid-item");
       h(Array.prototype.slice.call(j, 0));
     }
-  }, [l.current, t]);
+  }, [o.current, t]);
   return $(() => {
-    m();
-  }, [m]), $(() => {
+    C();
+  }, [C]), $(() => {
     f();
   }, [f]), $(() => {
     x();
   }, [x, t]), $(() => (window.addEventListener("resize", x), () => {
     window.addEventListener("resize", x);
-  }), [x]), /* @__PURE__ */ e.jsx("div", { style: { minWidth: n }, ref: l, className: `adaptiv-grid-layout ${r}`, children: t });
+  }), [x]), /* @__PURE__ */ e.jsx("div", { style: { minWidth: n }, ref: o, className: `adaptiv-grid-layout ${r}`, children: t });
 };
-const Gs = ({ children: n, className: t, style: r }) => /* @__PURE__ */ e.jsx("div", { style: r, className: `alex-evo-sh-ui-kit alex-evo-sh-ui-kit-panel ${t}`, children: n });
-const Ys = ({ className: n, children: t, height: r }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: r }, children: t });
-const Ws = ({
+const Ys = ({ children: n, className: t, style: r }) => /* @__PURE__ */ e.jsx("div", { style: r, className: `alex-evo-sh-ui-kit alex-evo-sh-ui-kit-panel ${t}`, children: n });
+const Ws = ({ className: n, children: t, height: r }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: r }, children: t });
+const Zs = ({
   tabs: n,
   scrollAmount: t = 150,
   tabClassName: r = "",
   activeTabClassName: s = "active",
   onTabClick: c,
   activeTabIndex: i,
-  tabContainerClassName: a = ""
+  tabContainerClassName: l = ""
 }) => {
-  const [o, l] = _(0), u = i !== void 0 ? i : o, h = G(null), f = G(null), [x, m] = _(!1), j = (C) => {
+  const [a, o] = _(0), u = i !== void 0 ? i : a, h = Y(null), f = Y(null), [x, C] = _(!1), j = (m) => {
     if (h.current) {
       const p = t || h.current.offsetWidth / 2;
       h.current.scrollBy({
-        left: C === "left" ? -p : p,
+        left: m === "left" ? -p : p,
         behavior: "smooth"
       });
     }
   };
   $(() => {
-    const C = () => {
-      h.current && m(
+    const m = () => {
+      h.current && C(
         h.current.scrollWidth > h.current.clientWidth
       );
     };
-    return C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
+    return m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m);
   }, []), $(() => {
     if (h.current && f.current) {
-      const C = h.current.children[u];
-      C && (f.current.style.width = `${C.offsetWidth}px`, f.current.style.transform = `translateX(${C.offsetLeft}px)`);
+      const m = h.current.children[u];
+      m && (f.current.style.width = `${m.offsetWidth}px`, f.current.style.transform = `translateX(${m.offsetLeft}px)`);
     }
   }, [u]);
-  const g = (C) => {
-    C.key === "ArrowRight" ? v((u + 1) % n.length) : C.key === "ArrowLeft" && v((u - 1 + n.length) % n.length);
-  }, v = (C) => {
-    i === void 0 && l(C), c && c(C);
+  const g = (m) => {
+    m.key === "ArrowRight" ? v((u + 1) % n.length) : m.key === "ArrowLeft" && v((u - 1 + n.length) % n.length);
+  }, v = (m) => {
+    i === void 0 && o(m), c && c(m);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "alex-evo-ui-kit-tabs-container", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${a}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${l}`, children: [
       x && /* @__PURE__ */ e.jsx("button", { onClick: () => j("left"), className: "alex-evo-ui-kit-scroll-button", children: "◀" }),
       /* @__PURE__ */ e.jsxs(
         "div",
@@ -2552,14 +2566,14 @@ const Ws = ({
           onKeyDown: g,
           tabIndex: 0,
           children: [
-            n.map((C, p) => /* @__PURE__ */ e.jsx(
+            n.map((m, p) => /* @__PURE__ */ e.jsx(
               "div",
               {
                 className: `alex-evo-ui-kit-tab ${r} ${u === p ? s : ""}`,
                 onClick: () => v(p),
-                children: C.label
+                children: m.label
               },
-              C.label
+              m.label
             )),
             /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: f })
           ]
@@ -2570,7 +2584,7 @@ const Ws = ({
     /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-tab-content", children: n[u].content })
   ] });
 };
-function wr(n) {
+function Sr(n) {
   let t = [];
   if (n.length > 0)
     for (let r of n)
@@ -2585,41 +2599,41 @@ function wr(n) {
       }
   return t;
 }
-const Sr = ({ data: n, column: t, color: r, backgroundColor: s, H: c }) => {
-  function i(l, u) {
+const Mr = ({ data: n, column: t, color: r, backgroundColor: s, H: c }) => {
+  function i(o, u) {
     for (let h in u)
-      if (l === h)
+      if (o === h)
         return u[h];
   }
-  function a(l) {
-    return typeof l == "number" || typeof l == "string" ? { content: l } : l;
+  function l(o) {
+    return typeof o == "number" || typeof o == "string" ? { content: o } : o;
   }
-  function o(l) {
-    return l ? Array.isArray(l) ? l.map((u) => a(u)) : [a(l)] : [];
+  function a(o) {
+    return o ? Array.isArray(o) ? o.map((u) => l(u)) : [l(o)] : [];
   }
   return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: s, height: c }, children: function() {
-    const l = o(i(t.field, n));
-    return t.template ? t.template(l, n) : l.map((u, h) => /* @__PURE__ */ e.jsx("p", { style: { color: u.color ?? r }, className: u.onClick ? "no-click" : "", onClick: u.onClick, children: u.content }, h));
+    const o = a(i(t.field, n));
+    return t.template ? t.template(o, n) : o.map((u, h) => /* @__PURE__ */ e.jsx("p", { style: { color: u.color ?? r }, className: u.onClick ? "no-click" : "", onClick: u.onClick, children: u.content }, h));
   }() });
-}, Mr = ({ actions: n, item: t, columns: r, onContextMenu: s, onDelete: c, onEdit: i, onClickRow: a, index: o, maxH: l }) => {
+}, Er = ({ actions: n, item: t, columns: r, onContextMenu: s, onDelete: c, onEdit: i, onClickRow: l, index: a, maxH: o }) => {
   const u = (f) => !f.target.closest(".no-click"), h = k((f) => {
-    u(f) && a && a(t, o);
-  }, [o, a]);
+    u(f) && l && l(t, a);
+  }, [a, l]);
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: h, children: [
-    r.map((f, x) => /* @__PURE__ */ e.jsx(Sr, { H: l == null ? void 0 : l[x], color: f.color, backgroundColor: f.backgroundColor, column: f, data: t }, x)),
-    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((f, x) => /* @__PURE__ */ e.jsx(ve, { transparent: !0, icon: f.icon, onClick: (m) => f.onClick(m, t, o) }, x)) }) }) : null,
+    r.map((f, x) => /* @__PURE__ */ e.jsx(Mr, { H: o == null ? void 0 : o[x], color: f.color, backgroundColor: f.backgroundColor, column: f, data: t }, x)),
+    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((f, x) => /* @__PURE__ */ e.jsx(pe, { transparent: !0, icon: f.icon, onClick: (C) => f.onClick(C, t, a) }, x)) }) }) : null,
     s || c || i ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
-      i ? /* @__PURE__ */ e.jsx(ve, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Ut, {}), onClick: () => i(t, o) }) : null,
-      c ? /* @__PURE__ */ e.jsx(ve, { transparent: !0, icon: /* @__PURE__ */ e.jsx(zt, { className: "text-red-500" }), onClick: () => c(t, o) }) : null,
-      s ? /* @__PURE__ */ e.jsx(ve, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Wt, {}), onClick: (f) => s(f, t, o) }) : null
+      i ? /* @__PURE__ */ e.jsx(pe, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Kt, {}), onClick: () => i(t, a) }) : null,
+      c ? /* @__PURE__ */ e.jsx(pe, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Yt, { className: "text-red-500" }), onClick: () => c(t, a) }) : null,
+      s ? /* @__PURE__ */ e.jsx(pe, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Xt, {}), onClick: (f) => s(f, t, a) }) : null
     ] }) }) : null
   ] });
-}, Zs = ({ data: n, columns: t, onDelete: r, onContextMenu: s, onEdit: c, actions: i, onClickRow: a, adaptive: o }) => {
-  const l = Ce(() => t ?? wr(n), [n, t]), u = G(null), h = k(() => {
-    var v, C;
+}, Xs = ({ data: n, columns: t, onDelete: r, onContextMenu: s, onEdit: c, actions: i, onClickRow: l, adaptive: a }) => {
+  const o = je(() => t ?? Sr(n), [n, t]), u = Y(null), h = k(() => {
+    var v, m;
     if (!u.current)
       return;
-    const f = u.current, x = f.tBodies.item(0), m = (C = (v = f.tHead) == null ? void 0 : v.children.item(0)) == null ? void 0 : C.children, j = (m == null ? void 0 : m.length) ?? 1, g = new Array(j).fill(0);
+    const f = u.current, x = f.tBodies.item(0), C = (m = (v = f.tHead) == null ? void 0 : v.children.item(0)) == null ? void 0 : m.children, j = (C == null ? void 0 : C.length) ?? 1, g = new Array(j).fill(0);
     if (x) {
       for (const p of x.children)
         for (let w = 0; w < p.children.length; w++) {
@@ -2629,79 +2643,79 @@ const Sr = ({ data: n, column: t, color: r, backgroundColor: s, H: c }) => {
       return g;
     }
   }, [u]);
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${a ? "clicked" : ""} ${o ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { ref: u, children: [
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${l ? "clicked" : ""} ${a ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { ref: u, children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
-      l.map((f, x) => {
-        var m;
-        return /* @__PURE__ */ e.jsx("th", { style: { height: (m = h()) == null ? void 0 : m[x] }, className: "min-width", children: f.title }, x);
+      o.map((f, x) => {
+        var C;
+        return /* @__PURE__ */ e.jsx("th", { style: { height: (C = h()) == null ? void 0 : C[x] }, className: "min-width", children: f.title }, x);
       }),
       i ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }) : null,
       r || s || c ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
     ] }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: n.map((f, x) => /* @__PURE__ */ e.jsx(Mr, { maxH: h(), onClickRow: a, actions: i, index: x, columns: l, item: f, onDelete: r, onContextMenu: s, onEdit: c }, x)) })
+    /* @__PURE__ */ e.jsx("tbody", { children: n.map((f, x) => /* @__PURE__ */ e.jsx(Er, { maxH: h(), onClickRow: l, actions: i, index: x, columns: o, item: f, onDelete: r, onContextMenu: s, onEdit: c }, x)) })
   ] }) });
 };
-const Rr = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(hn, { to: r, className: "navigation-item", children: [
+const Rr = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(mn, { to: r, className: "navigation-item", children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: n }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: t })
-] }), Er = ({ onClick: n, icon: t, title: r }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "navigation-item", children: [
+] }), $r = ({ onClick: n, icon: t, title: r }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "navigation-item", children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: r })
-] }), Xs = ({ btns: n }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-bar-container", children: /* @__PURE__ */ e.jsx("div", { className: "block-content", children: n.map((t, r) => t.type === "button" ? /* @__PURE__ */ e.jsx(Er, { icon: t.icon, onClick: t.onClick, title: t.text }, r) : t.type === "link" ? /* @__PURE__ */ e.jsx(Rr, { icon: t.icon, to: t.to, title: t.text }, r) : null) }) });
-const In = ({ onClick: n, icon: t, title: r, to: s }) => /* @__PURE__ */ e.jsxs(hn, { onClick: n, to: s, className: "navigation-item", children: [
+] }), Us = ({ btns: n }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-bar-container", children: /* @__PURE__ */ e.jsx("div", { className: "block-content", children: n.map((t, r) => t.type === "button" ? /* @__PURE__ */ e.jsx($r, { icon: t.icon, onClick: t.onClick, title: t.text }, r) : t.type === "link" ? /* @__PURE__ */ e.jsx(Rr, { icon: t.icon, to: t.to, title: t.text }, r) : null) }) });
+const Gn = ({ onClick: n, icon: t, title: r, to: s }) => /* @__PURE__ */ e.jsxs(mn, { onClick: n, to: s, className: "navigation-item", children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: r })
-] }), Ze = ({ onClick: n, icon: t, title: r, active: s = !1 }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: `navigation-item ${s ? "active" : ""}`, children: [
+] }), Je = ({ onClick: n, icon: t, title: r, active: s = !1 }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: `navigation-item ${s ? "active" : ""}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: r })
-] }), Us = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: c, backBtn: i, openAlways: a }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer-container ${n || a ? "show" : "hide"}`, children: [
+] }), Js = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: c, backBtn: i, openAlways: l }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer-container ${n || l ? "show" : "hide"}`, children: [
     t ? /* @__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(Ze, { active: t.active, onClick: t.onClick, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(un, {}) }) })
+        /* @__PURE__ */ e.jsx("div", { className: "block-content", children: /* @__PURE__ */ e.jsx(Je, { active: t.active, onClick: t.onClick, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(jn, {}) }) })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(he, {}) })
+      /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(xe, {}) })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
       /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
-      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: r && r.map((o, l) => o.type === "button" ? /* @__PURE__ */ e.jsx(Ze, { active: o.active, onClick: o.onClick, title: o.text, icon: o.icon }, l) : o.type === "link" ? /* @__PURE__ */ e.jsx(In, { onClick: () => s(), title: o.text, icon: o.icon, to: o.to }, l) : null) })
+      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: r && r.map((a, o) => a.type === "button" ? /* @__PURE__ */ e.jsx(Je, { active: a.active, onClick: a.onClick, title: a.text, icon: a.icon }, o) : a.type === "link" ? /* @__PURE__ */ e.jsx(Gn, { onClick: () => s(), title: a.text, icon: a.icon, to: a.to }, o) : null) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(he, {}) }),
+    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(xe, {}) }),
     /* @__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((o, l) => o.type === "button" ? /* @__PURE__ */ e.jsx(Ze, { active: o.active, onClick: o.onClick, title: o.text, icon: o.icon }, l) : o.type === "link" ? /* @__PURE__ */ e.jsx(In, { onClick: () => s(), title: o.text, icon: o.icon, to: o.to }, l) : null) })
+      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: c && c.map((a, o) => a.type === "button" ? /* @__PURE__ */ e.jsx(Je, { active: a.active, onClick: a.onClick, title: a.text, icon: a.icon }, o) : a.type === "link" ? /* @__PURE__ */ e.jsx(Gn, { onClick: () => s(), title: a.text, icon: a.icon, to: a.to }, o) : null) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(he, {}) }),
-    i ? /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsx(Ze, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }) }) : null
+    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(xe, {}) }),
+    i ? /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsx(Je, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }) }) : null
   ] }),
-  n && !a ? /* @__PURE__ */ e.jsx("div", { className: "backplate", style: { zIndex: 1100 }, onClick: () => s() }) : null
+  n && !l ? /* @__PURE__ */ e.jsx("div", { className: "backplate", style: { zIndex: 1100 }, onClick: () => s() }) : null
 ] });
-const Lr = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(hn, { to: r, className: "navigation-item", children: [
+const Lr = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(mn, { to: r, className: "navigation-item", children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: n }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: t })
-] }), Xe = ({ onClick: n, icon: t, title: r, active: s = !1 }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: `navigation-item ${s ? "active" : ""}`, children: [
+] }), Ke = ({ onClick: n, icon: t, title: r, active: s = !1 }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: `navigation-item ${s ? "active" : ""}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: r })
-] }), Js = ({ onToggleMenu: n, firstBtn: t, mainBtn: r, backBtn: s }) => /* @__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(Xe, { icon: /* @__PURE__ */ e.jsx(Jn, {}), onClick: n }) : null,
+] }), Ks = ({ onToggleMenu: n, firstBtn: t, mainBtn: r, backBtn: s }) => /* @__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(Ke, { icon: /* @__PURE__ */ e.jsx(qn, {}), onClick: n }) : null,
   t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(he, {}),
-    /* @__PURE__ */ e.jsx(Xe, { active: t.active, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(un, {}), onClick: (c) => {
+    /* @__PURE__ */ e.jsx(xe, {}),
+    /* @__PURE__ */ e.jsx(Ke, { active: t.active, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(jn, {}), onClick: (c) => {
       t.onClick && t.onClick(c);
     } }),
-    /* @__PURE__ */ e.jsx(he, {})
+    /* @__PURE__ */ e.jsx(xe, {})
   ] }) : null,
-  r && r.map((c, i) => c.type === "button" ? /* @__PURE__ */ e.jsx(Xe, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, i) : c.type === "link" ? /* @__PURE__ */ e.jsx(Lr, { title: c.text, icon: c.icon, to: c.to }, i) : null),
+  r && r.map((c, i) => c.type === "button" ? /* @__PURE__ */ e.jsx(Ke, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, i) : c.type === "link" ? /* @__PURE__ */ e.jsx(Lr, { title: c.text, icon: c.icon, to: c.to }, i) : null),
   s ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(he, {}),
-    /* @__PURE__ */ e.jsx(Xe, { active: s.active, title: s.text, icon: s.icon ?? /* @__PURE__ */ e.jsx(un, {}), onClick: (c) => {
+    /* @__PURE__ */ e.jsx(xe, {}),
+    /* @__PURE__ */ e.jsx(Ke, { active: s.active, title: s.text, icon: s.icon ?? /* @__PURE__ */ e.jsx(jn, {}), onClick: (c) => {
       s.onClick && s.onClick(c);
     } }),
-    /* @__PURE__ */ e.jsx(he, {})
+    /* @__PURE__ */ e.jsx(xe, {})
   ] }) : null
 ] }) }) });
-function $r(n, t, r) {
+function Tr(n, t, r) {
   if (!(!n || !t)) {
     n.clearRect(0, 0, t.width, t.height), r || (r = "#ff0000"), n.fillStyle = r, n.fillRect(0, 0, t.width, t.height);
     var s = n.createLinearGradient(0, 0, t.width, 0);
@@ -2710,63 +2724,63 @@ function $r(n, t, r) {
     c.addColorStop(0, "transparent"), c.addColorStop(1, "#000"), n.fillStyle = c, n.fillRect(0, 0, t.width, t.height);
   }
 }
-function Tr(n, t, r, s) {
+function Or(n, t, r, s) {
   !t || !n || n.addEventListener("mousedown", function(c) {
-    Or(c, n, r, s);
+    Vr(c, n, r, s);
   });
 }
-function zn(n, t, r, s) {
+function Yn(n, t, r, s) {
   if (n.preventDefault(), !t)
     return;
   const c = t.getBoundingClientRect();
   let i = n.clientY - c.top;
   i > c.height && (i = c.height), i < 0 && (i = 0);
-  let a = n.clientX - c.left;
-  a > c.width && (a = c.width), a < 0 && (a = 0);
-  const o = i / c.height, l = a / c.width, u = 100 - 100 * o, h = 100 * l;
-  s(Math.round(h), Math.round(u)), ot(r, a, i);
+  let l = n.clientX - c.left;
+  l > c.width && (l = c.width), l < 0 && (l = 0);
+  const a = i / c.height, o = l / c.width, u = 100 - 100 * a, h = 100 * o;
+  s(Math.round(h), Math.round(u)), ht(r, l, i);
 }
-function Or(n, t, r, s) {
-  const c = (a) => zn(a, t, r, s);
-  zn(n, t, r, s), r.classList.add("dragging"), window.addEventListener("mousemove", c), window.addEventListener("mouseup", i);
+function Vr(n, t, r, s) {
+  const c = (l) => Yn(l, t, r, s);
+  Yn(n, t, r, s), r.classList.add("dragging"), window.addEventListener("mousemove", c), window.addEventListener("mouseup", i);
   function i() {
     r.classList.remove("dragging"), window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", i);
   }
 }
-function ot(n, t, r) {
+function ht(n, t, r) {
   n.style.top = r + "px", n.style.left = t + "px";
 }
-function Vr(n, t) {
+function Dr(n, t) {
   if (!n || !t)
     return;
   const r = n.createLinearGradient(0, 0, 0, t.height);
   r.addColorStop(0, "hsl(0, 100%, 50%)"), r.addColorStop(0.17, "hsl(298.8, 100%, 50%)"), r.addColorStop(0.33, "hsl(241.2, 100%, 50%)"), r.addColorStop(0.5, "hsl(180, 100%, 50%)"), r.addColorStop(0.67, "hsl(118.8, 100%, 50%)"), r.addColorStop(0.83, "hsl(61.2, 100%, 50%)"), r.addColorStop(1, "hsl(360, 100%, 50%)"), n.fillStyle = r, n.fillRect(0, 0, t.width, t.height);
 }
-function Dr(n, t, r, s) {
+function Fr(n, t, r, s) {
   !n || !t || t.addEventListener("mousedown", function(c) {
-    Fr(c, r, t, s);
+    Pr(c, r, t, s);
   });
 }
-function Gn(n, t, r, s) {
+function Wn(n, t, r, s) {
   if (n.preventDefault(), !t)
     return;
   const c = t.getBoundingClientRect();
   let i = n.clientY - c.top;
   i > c.height && (i = c.height), i < 0 && (i = 0);
-  const o = 360 - 360 * (i / c.height);
-  s(o), at(r, i);
+  const a = 360 - 360 * (i / c.height);
+  s(a), ft(r, i);
 }
-function Fr(n, t, r, s) {
-  const c = (a) => Gn(a, r, t, s);
-  Gn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", c), window.addEventListener("mouseup", i);
+function Pr(n, t, r, s) {
+  const c = (l) => Wn(l, r, t, s);
+  Wn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", c), window.addEventListener("mouseup", i);
   function i() {
     t.classList.remove("dragging"), window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", i);
   }
 }
-function at(n, t) {
+function ft(n, t) {
   n.style.top = t + "px";
 }
-const Pr = [
+const Hr = [
   "#FFFFFF",
   "#FFFB0D",
   "#0532FF",
@@ -2779,105 +2793,105 @@ const Pr = [
   "#D27AEE",
   "#5BA8C4",
   "#E64AA9"
-], dt = { h: 0, s: 1, v: 0.5 }, Hr = (n) => {
+], xt = { h: 0, s: 1, v: 0.5 }, Ar = (n) => {
   try {
-    return Ue(He(n));
+    return qe(Te(n));
   } catch {
-    return dt;
+    return xt;
   }
-}, Ar = ({ onHide: n, beginColor: t, onChange: r, onAddColor: s, def: c, userColor: i = [] }) => {
-  const a = G(null), o = G(null), l = G(null), u = G(null), [h, f] = _(t ? Hr(t) : dt), x = Ce(() => Pe(h), [h]), m = Ce(() => "#" + Se(x), [x]), [j, g] = _(!1), [v, C] = _(m), p = Ce(() => v[0] != "#" ? "#" + v : v, [v]);
-  function w(M, L, W, I, A) {
-    if (!(!M || !W))
+}, Ir = ({ onHide: n, beginColor: t, onChange: r, onAddColor: s, def: c, userColor: i = [] }) => {
+  const l = Y(null), a = Y(null), o = Y(null), u = Y(null), [h, f] = _(t ? Ar(t) : xt), x = je(() => Be(h), [h]), C = je(() => "#" + Le(x), [x]), [j, g] = _(!1), [v, m] = _(C), p = je(() => v[0] != "#" ? "#" + v : v, [v]);
+  function w(M, D, Z, R, A) {
+    if (!(!M || !Z))
       try {
-        const z = M.getBoundingClientRect(), Q = W.getBoundingClientRect(), te = Math.round(A.s * z.width), O = Math.round((1 - A.v) * z.height), D = (360 - A.h * 360) / 360 * Q.height;
-        ot(L, te, O), at(I, D);
+        const X = M.getBoundingClientRect(), te = Z.getBoundingClientRect(), ie = Math.round(A.s * X.width), z = Math.round((1 - A.v) * X.height), O = (360 - A.h * 360) / 360 * te.height;
+        ht(D, ie, z), ft(R, O);
       } catch {
       }
   }
   const y = (M) => {
-    f(Ue(He(M))), C(M);
+    f(qe(Te(M))), m(M);
   }, S = k(() => {
-    s && s([...i, m]);
-  }, [s, i, m]), V = k(() => {
-    r && r(m);
-  }, [r, m]), E = k((M, L) => {
-    f(Ue({ ...x, [M]: L })), C(Se({ ...x, [M]: L }));
-  }, [x]), Y = k((M) => {
-    C(M);
+    s && s([...i, C]);
+  }, [s, i, C]), T = k(() => {
+    r && r(C);
+  }, [r, C]), L = k((M, D) => {
+    f(qe({ ...x, [M]: D })), m(Le({ ...x, [M]: D }));
+  }, [x]), H = k((M) => {
+    m(M);
   }, []), U = k(() => {
     c && r && r(c);
   }, [c]);
   return $(() => {
-    (v.length === 4 || v.length === 7) && f(Ue(He(v)));
+    (v.length === 4 || v.length === 7) && f(qe(Te(v)));
   }, [v]), $(() => {
-    if (!l.current || !a.current || !o.current || !u.current)
+    if (!o.current || !l.current || !a.current || !u.current)
       return;
-    const M = l.current.getContext("2d");
-    $r(M, l.current, `#${Se(Pe(h.h, 1, 1))}`), w(l.current, u.current, a.current, o.current, h);
+    const M = o.current.getContext("2d");
+    Tr(M, o.current, `#${Le(Be(h.h, 1, 1))}`), w(o.current, u.current, l.current, a.current, h);
   }, [h]), $(() => {
-    if (!l.current || !u.current)
+    if (!o.current || !u.current)
       return;
-    const M = l.current.getContext("2d");
-    Tr(l.current, M, u.current, (L, W) => {
-      f((I) => {
-        const A = { ...I, s: L / 100, v: W / 100 };
-        return C(Se(Pe(A))), A;
+    const M = o.current.getContext("2d");
+    Or(o.current, M, u.current, (D, Z) => {
+      f((R) => {
+        const A = { ...R, s: D / 100, v: Z / 100 };
+        return m(Le(Be(A))), A;
       });
     });
   }, []), $(() => {
-    if (!a.current || !o.current)
+    if (!l.current || !a.current)
       return;
-    const M = a.current.getContext("2d");
-    Vr(M, a.current), Dr(M, a.current, o.current, (L) => {
-      f((W) => {
-        const I = { ...W, h: L / 360 };
-        return C(Se(Pe(I))), I;
+    const M = l.current.getContext("2d");
+    Dr(M, l.current), Fr(M, l.current, a.current, (D) => {
+      f((Z) => {
+        const R = { ...Z, h: D / 360 };
+        return m(Le(Be(R))), R;
       });
     });
   }, []), $(() => {
     console.log(h, x);
-  }, [h]), /* @__PURE__ */ e.jsxs(be, { className: "color-picker-panel", onHide: n, clearStyle: !0, children: [
+  }, [h]), /* @__PURE__ */ e.jsxs(Me, { className: "color-picker-panel", onHide: n, clearStyle: !0, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
-      /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Pr.map((M, L) => /* @__PURE__ */ e.jsx("button", { onClick: () => y(M), className: "swatch", style: { backgroundColor: M } }, L)) }),
-      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker eyedropper", onClick: V, children: "Get Color" })
+      /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Hr.map((M, D) => /* @__PURE__ */ e.jsx("button", { onClick: () => y(M), className: "swatch", style: { backgroundColor: M } }, D)) }),
+      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker eyedropper", onClick: T, children: "Get Color" })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "spectrum-map spectrum-cursor", children: [
         /* @__PURE__ */ e.jsx("button", { ref: u, className: "color-cursor spectrum-cursor" }),
-        /* @__PURE__ */ e.jsx("canvas", { ref: l, className: "spectrum-canvas spectrum-canvas-color-picker" })
+        /* @__PURE__ */ e.jsx("canvas", { ref: o, className: "spectrum-canvas spectrum-canvas-color-picker" })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "hue-map", children: [
-        /* @__PURE__ */ e.jsx("button", { ref: o, className: "color-cursor hue-cursor" }),
-        /* @__PURE__ */ e.jsx("canvas", { ref: a, className: "hue-canvas hue-canvas-color-picker" })
+        /* @__PURE__ */ e.jsx("button", { ref: a, className: "color-cursor hue-cursor" }),
+        /* @__PURE__ */ e.jsx("canvas", { ref: l, className: "hue-canvas hue-canvas-color-picker" })
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
       /* @__PURE__ */ e.jsxs("div", { className: `field-group value-fields rgb-fields ${j ? "" : "active"}`, children: [
         /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
           /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "R:" }),
-          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: x.r, onChange: (M) => E("r", Number(M.target.value)), className: "field-input rgb-input" })
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: x.r, onChange: (M) => L("r", Number(M.target.value)), className: "field-input rgb-input" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
           /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "G:" }),
-          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: x.g, onChange: (M) => E("g", Number(M.target.value)), className: "field-input rgb-input" })
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: x.g, onChange: (M) => L("g", Number(M.target.value)), className: "field-input rgb-input" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
           /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "B:" }),
-          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: x.b, onChange: (M) => E("b", Number(M.target.value)), className: "field-input rgb-input" })
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: x.b, onChange: (M) => L("b", Number(M.target.value)), className: "field-input rgb-input" })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: `field-group value-fields hex-field ${j ? "active" : ""}`, children: [
         /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "Hex:" }),
-        /* @__PURE__ */ e.jsx("input", { type: "text", className: "field-input", value: p, onChange: (M) => Y(M.target.value) })
+        /* @__PURE__ */ e.jsx("input", { type: "text", className: "field-input", value: p, onChange: (M) => H(M.target.value) })
       ] }),
       /* @__PURE__ */ e.jsx("button", { className: "button-color-picker mode-toggle", onClick: () => g((M) => !M), children: "Mode" })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
       /* @__PURE__ */ e.jsx("h2", { className: "panel-header", children: "User Colors" }),
-      /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: i ? i.map((M, L) => /* @__PURE__ */ e.jsx("button", { onClick: () => y(M), className: "swatch", style: { backgroundColor: M } }, L)) : null }),
+      /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: i ? i.map((M, D) => /* @__PURE__ */ e.jsx("button", { onClick: () => y(M), className: "swatch", style: { backgroundColor: M } }, D)) : null }),
       /* @__PURE__ */ e.jsxs("button", { onClick: S, className: "button-color-picker add-swatch", children: [
-        /* @__PURE__ */ e.jsx("span", { style: { backgroundColor: `#${Se(Pe(h))}` }, className: "color-indicator" }),
+        /* @__PURE__ */ e.jsx("span", { style: { backgroundColor: `#${Le(Be(h))}` }, className: "color-indicator" }),
         /* @__PURE__ */ e.jsx("span", { children: "Add to Swatches" })
       ] }),
       c && /* @__PURE__ */ e.jsxs("button", { onClick: () => U(), className: "button-color-picker add-swatch", children: [
@@ -2886,22 +2900,22 @@ const Pr = [
       ] })
     ] })
   ] });
-}, Ks = ({ border: n, onChange: t, container: r, value: s, className: c, transparent: i, userColor: a, onAddColor: o, def: l, placeholder: u }) => {
-  const [h, f] = _(!1), [x, m] = _(s ?? "#f00"), j = () => {
+}, qs = ({ border: n, onChange: t, container: r, value: s, className: c, transparent: i, userColor: l, onAddColor: a, def: o, placeholder: u }) => {
+  const [h, f] = _(!1), [x, C] = _(s ?? "#f00"), j = () => {
     f(!0);
   }, g = k((v) => {
-    console.log(v), m(v), t && t(v), f(!1);
+    console.log(v), C(v), t && t(v), f(!1);
   }, [t]);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: `input-field color-field ${n ? "border" : ""} ${i ? "transparent" : ""} ${c ?? ""}`, children: [
       u && /* @__PURE__ */ e.jsx("div", { className: "color-field-label", onClick: j, children: /* @__PURE__ */ e.jsx("span", { className: "data color-field-placeholder", children: u }) }),
       /* @__PURE__ */ e.jsx("div", { className: " color-indicator-field", style: { backgroundColor: x }, onClick: j, children: /* @__PURE__ */ e.jsx("p", { className: "data color-field-data", style: { color: se(x) }, children: x }) }),
-      /* @__PURE__ */ e.jsx("div", { className: "color-icon-container icon-container", style: { marginRight: "12px", marginLeft: "0" }, onClick: j, children: /* @__PURE__ */ e.jsx(Gt, {}) })
+      /* @__PURE__ */ e.jsx("div", { className: "color-icon-container icon-container", style: { marginRight: "12px", marginLeft: "0" }, onClick: j, children: /* @__PURE__ */ e.jsx(Wt, {}) })
     ] }),
-    h ? /* @__PURE__ */ e.jsx(Ae, { container: r, children: /* @__PURE__ */ e.jsx(Ar, { def: l, userColor: a, onAddColor: o, onChange: g, beginColor: x, onHide: () => f(!1) }) }) : null
+    h ? /* @__PURE__ */ e.jsx(ze, { container: r, children: /* @__PURE__ */ e.jsx(Ir, { def: o, userColor: l, onAddColor: a, onChange: g, beginColor: x, onHide: () => f(!1) }) }) : null
   ] });
 };
-const Br = 2050, Yn = 1900, je = [
+const Br = 2050, Zn = 1900, Ce = [
   "January",
   "February",
   "March",
@@ -2914,34 +2928,34 @@ const Br = 2050, Yn = 1900, je = [
   "October",
   "November",
   "December"
-], Ir = () => Array(Br - Yn).fill(0).map((n, t) => Yn + t), zr = ({ onChange: n, onHide: t }) => {
-  const [r] = _(je[(/* @__PURE__ */ new Date()).getMonth()]), [s] = _((/* @__PURE__ */ new Date()).getFullYear()), [c] = _((/* @__PURE__ */ new Date()).getDate()), [i, a] = _(je[(/* @__PURE__ */ new Date()).getMonth()]), [o, l] = _((/* @__PURE__ */ new Date()).getFullYear()), [u, h] = _({
+], zr = () => Array(Br - Zn).fill(0).map((n, t) => Zn + t), Gr = ({ onChange: n, onHide: t }) => {
+  const [r] = _(Ce[(/* @__PURE__ */ new Date()).getMonth()]), [s] = _((/* @__PURE__ */ new Date()).getFullYear()), [c] = _((/* @__PURE__ */ new Date()).getDate()), [i, l] = _(Ce[(/* @__PURE__ */ new Date()).getMonth()]), [a, o] = _((/* @__PURE__ */ new Date()).getFullYear()), [u, h] = _({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
   }), [f, x] = _(
     "DAYS"
     /* DAYS */
-  ), m = (y, S) => new Date(y, S + 1, 0).getDate(), j = (y, S, V) => new Date(y, S, V).getDay(), g = (y, S) => {
-    let V = Array(m(y, S)).fill(0).map((M, L) => ({ type: "NOW_MONTH", day: L + 1 })), E = j(y, S, m(y, S)), Y = Array(7 - E).fill(0).map((M, L) => ({ type: "NEXT_MONTH", day: L + 1 }));
-    return V = Array(j(y, S, 0)).fill(0).map((M, L) => ({ type: "PREV_MONTH", day: m(S ? y : y - 1, S ? S - 1 : 11) - L })).reverse().concat(V).concat(Y), V;
+  ), C = (y, S) => new Date(y, S + 1, 0).getDate(), j = (y, S, T) => new Date(y, S, T).getDay(), g = (y, S) => {
+    let T = Array(C(y, S)).fill(0).map((M, D) => ({ type: "NOW_MONTH", day: D + 1 })), L = j(y, S, C(y, S)), H = Array(7 - L).fill(0).map((M, D) => ({ type: "NEXT_MONTH", day: D + 1 }));
+    return T = Array(j(y, S, 0)).fill(0).map((M, D) => ({ type: "PREV_MONTH", day: C(S ? y : y - 1, S ? S - 1 : 11) - D })).reverse().concat(T).concat(H), T;
   }, v = (y) => {
     x(
       "DAYS"
       /* DAYS */
-    ), l(y);
-  }, C = (y) => {
+    ), o(y);
+  }, m = (y) => {
     x(
       "DAYS"
       /* DAYS */
-    ), a(y);
+    ), l(y);
   }, p = (y) => {
     h(y);
   }, w = k(() => {
     let y = /* @__PURE__ */ new Date();
-    y.setFullYear(o), u.type === "NEXT_MONTH" ? i === je[11] ? (y.setMonth(0), y.setFullYear(o + 1)) : y.setMonth(je.indexOf(i) + 1) : u.type === "PREV_MONTH" ? i === je[0] ? (y.setMonth(11), y.setFullYear(o - 1)) : y.setMonth(je.indexOf(i) - 1) : y.setMonth(je.indexOf(i)), y.setDate(u.day), n && n(y.getFullYear(), y.getMonth(), y.getDate()), t && t();
-  }, [i, o, n, t, u]);
-  return /* @__PURE__ */ e.jsxs(be, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
+    y.setFullYear(a), u.type === "NEXT_MONTH" ? i === Ce[11] ? (y.setMonth(0), y.setFullYear(a + 1)) : y.setMonth(Ce.indexOf(i) + 1) : u.type === "PREV_MONTH" ? i === Ce[0] ? (y.setMonth(11), y.setFullYear(a - 1)) : y.setMonth(Ce.indexOf(i) - 1) : y.setMonth(Ce.indexOf(i)), y.setDate(u.day), n && n(y.getFullYear(), y.getMonth(), y.getDate()), t && t();
+  }, [i, a, n, t, u]);
+  return /* @__PURE__ */ e.jsxs(Me, { 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: () => x(
         "MONTHS"
@@ -2949,22 +2963,22 @@ const Br = 2050, Yn = 1900, je = [
       ), children: [
         i,
         " ",
-        /* @__PURE__ */ e.jsx($n, {})
+        /* @__PURE__ */ e.jsx(On, {})
       ] }) }),
       /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: f === "YEARS" ? "active" : "", onClick: () => x(
         "YEARS"
         /* YEARS */
       ), children: [
-        o,
+        a,
         " ",
-        /* @__PURE__ */ e.jsx($n, {})
+        /* @__PURE__ */ e.jsx(On, {})
       ] }) })
     ] }),
-    f === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: je.map((y, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => C(y), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: i === y ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
+    f === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: Ce.map((y, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => m(y), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: i === y ? /* @__PURE__ */ e.jsx(Se, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: y })
-    ] }, S)) }) : f === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Ir().map((y, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => v(y), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === y ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
+    ] }, S)) }) : f === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: zr().map((y, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => v(y), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: a === y ? /* @__PURE__ */ e.jsx(Se, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: y })
     ] }, S)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
@@ -2976,179 +2990,179 @@ const Br = 2050, Yn = 1900, je = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: g(o, je.indexOf(i)).map((y, S) => /* @__PURE__ */ e.jsx("div", { className: `day ${y.type !== "NOW_MONTH" ? "other" : ""} ${c === y.day && o === s && i === r ? "now" : ""} ${y.day === u.day && y.type === u.type ? "select" : ""}`, onClick: () => p(y), children: y.day }, S)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: g(a, Ce.indexOf(i)).map((y, S) => /* @__PURE__ */ e.jsx("div", { className: `day ${y.type !== "NOW_MONTH" ? "other" : ""} ${c === y.day && a === s && i === r ? "now" : ""} ${y.day === u.day && y.type === u.type ? "select" : ""}`, onClick: () => p(y), children: y.day }, S)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
-      /* @__PURE__ */ e.jsx(ee, { className: "little m-0", onClick: t, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(ee, { className: "little m-0", onClick: w, children: "OK" })
+      /* @__PURE__ */ e.jsx(Q, { className: "little m-0", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(Q, { className: "little m-0", onClick: w, children: "OK" })
     ] })
   ] });
-}, qs = ({ border: n, onChange: t, name: r, value: s, className: c, validEmptyValue: i, error: a, container: o }) => {
-  const [l, u] = _(s ?? ""), [h, f] = _(!1), x = k((C) => a || C && (!l || l === "") ? "error" : "", [l]), m = () => {
+}, Qs = ({ border: n, onChange: t, name: r, value: s, className: c, validEmptyValue: i, error: l, container: a }) => {
+  const [o, u] = _(s ?? ""), [h, f] = _(!1), x = k((m) => l || m && (!o || o === "") ? "error" : "", [o]), C = () => {
     f(!0);
-  }, j = (C) => {
-    let p = String(C + 1);
+  }, j = (m) => {
+    let p = String(m + 1);
     return p.length < 2 && (p = "0" + p), p;
-  }, g = (C) => {
-    let p = String(C);
+  }, g = (m) => {
+    let p = String(m);
     return p.length < 2 && (p = "0" + p), p;
-  }, v = k((C, p, w) => {
-    u(`${C}-${j(p)}-${g(w)}`), t && t(`${C}-${j(p)}-${g(w)}`);
+  }, v = k((m, p, w) => {
+    u(`${m}-${j(p)}-${g(w)}`), t && t(`${m}-${j(p)}-${g(w)}`);
   }, [t]);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: `input-field date-field ${n ? "border" : ""}`, children: [
-      /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: m, children: /* @__PURE__ */ e.jsx(Yt, {}) }),
-      /* @__PURE__ */ e.jsx("div", { className: "input-container", onClick: m, children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: C, children: /* @__PURE__ */ e.jsx(Zt, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "input-container", onClick: C, children: /* @__PURE__ */ e.jsx(
         "input",
         {
           required: !0,
           type: "date",
           className: `${c} ${x(i)}`,
           name: r,
-          value: l,
+          value: o,
           readOnly: !0
         }
       ) })
     ] }),
-    h ? /* @__PURE__ */ e.jsx(Ae, { container: o, children: /* @__PURE__ */ e.jsx(zr, { onChange: v, onHide: () => f(!1) }) }) : null
+    h ? /* @__PURE__ */ e.jsx(ze, { container: a, children: /* @__PURE__ */ e.jsx(Gr, { onChange: v, onHide: () => f(!1) }) }) : null
   ] });
 };
-const Qs = ({ onChange: n, value: t, className: r }) => {
-  const [s, c] = _(t || []), i = k((o) => {
-    if (!o)
+const ec = ({ onChange: n, value: t, className: r }) => {
+  const [s, c] = _(t || []), i = k((a) => {
+    if (!a)
       return;
-    let l = s.slice();
-    const u = l.indexOf(o.target.name);
-    u !== -1 && !o.target.checked ? l = l.filter((h, f) => f !== u) : u === -1 && o.target.checked && l.push(o.target.name), c(l), n && n(l);
-  }, [s]), a = k((o) => s.indexOf(o) !== -1, [s]);
+    let o = s.slice();
+    const u = o.indexOf(a.target.name);
+    u !== -1 && !a.target.checked ? o = o.filter((h, f) => f !== u) : u === -1 && a.target.checked && o.push(a.target.name), c(o), n && n(o);
+  }, [s]), l = k((a) => s.indexOf(a) !== -1, [s]);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: `days-week-field-container ${r}`, children: [
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Mon", checked: a("Mon") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Mon", checked: l("Mon") }),
       /* @__PURE__ */ e.jsx("span", { children: "Mon" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Tue", checked: a("Tue") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Tue", checked: l("Tue") }),
       /* @__PURE__ */ e.jsx("span", { children: "Tue" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Wed", checked: a("Wed") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Wed", checked: l("Wed") }),
       /* @__PURE__ */ e.jsx("span", { children: "Wed" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Thu", checked: a("Thu") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Thu", checked: l("Thu") }),
       /* @__PURE__ */ e.jsx("span", { children: "Thu" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Fri", checked: a("Fri") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Fri", checked: l("Fri") }),
       /* @__PURE__ */ e.jsx("span", { children: "Fri" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Sat", checked: a("Sat") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Sat", checked: l("Sat") }),
       /* @__PURE__ */ e.jsx("span", { children: "Sat" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Sun", checked: a("Sun") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: i, name: "Sun", checked: l("Sun") }),
       /* @__PURE__ */ e.jsx("span", { children: "Sun" })
     ] })
   ] }) });
-}, Gr = (n) => n === "" ? [] : n.split(",").map((t) => t.trim()), Wn = (n) => n.join(", ");
-const ec = ({ minWidth: n, value: t, onChange: r, border: s }) => {
-  const [c, i] = _([]), [a, o] = _("");
+}, Yr = (n) => n === "" ? [] : n.split(",").map((t) => t.trim()), Xn = (n) => n.join(", ");
+const nc = ({ minWidth: n, value: t, onChange: r, border: s }) => {
+  const [c, i] = _([]), [l, a] = _("");
   $(() => {
-    console.log("p0"), i(Gr(t));
+    console.log("p0"), i(Yr(t));
   }, [t]), $(() => {
     console.log(c);
   }, [c]);
-  const l = (f) => {
-    o(f.target.value);
+  const o = (f) => {
+    a(f.target.value);
   }, u = k(() => {
-    if (a === "" || c.includes(a))
+    if (l === "" || c.includes(l))
       return;
-    const f = [...c, a.trim()];
-    i(f), r && r(Wn(f)), o("");
-  }, [c, a]), h = (f) => {
-    const x = c.filter((m, j) => j !== f);
-    i(x), r && r(Wn(x));
+    const f = [...c, l.trim()];
+    i(f), r && r(Xn(f)), a("");
+  }, [c, l]), h = (f) => {
+    const x = c.filter((C, j) => j !== f);
+    i(x), r && r(Xn(x));
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "more-text", style: { minWidth: n }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "add value", children: [
-      /* @__PURE__ */ e.jsx(jn, { onChange: l, value: a, border: s }),
-      /* @__PURE__ */ e.jsx(Nr, { children: /* @__PURE__ */ e.jsx(Xn, { onClick: u, children: "add" }) })
+      /* @__PURE__ */ e.jsx(gn, { onChange: o, value: l, border: s }),
+      /* @__PURE__ */ e.jsx(_r, { children: /* @__PURE__ */ e.jsx(Jn, { onClick: u, children: "add" }) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: c.map((f, x) => /* @__PURE__ */ e.jsx(xr, { text: f, onDelete: () => h(x) }, x)) })
+    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: c.map((f, x) => /* @__PURE__ */ e.jsx(jr, { text: f, onDelete: () => h(x) }, x)) })
   ] });
 };
-const Yr = ({ ref: n, styleContainer: t, transparent: r, readOnly: s, border: c, onClear: i, icon: a, onChange: o, name: l, value: u, placeholder: h, className: f, validEmptyValue: x, onFocus: m, onBlur: j, error: g, max: v, min: C }) => {
-  const p = G(null), w = G(null), y = G(null), S = G(null), [V, E] = _(!1), [Y, U] = _(u ?? 0), M = k((O, D) => E(!!(g || O && (!D || D === ""))), []), L = () => {
+const Wr = ({ ref: n, styleContainer: t, transparent: r, readOnly: s, border: c, onClear: i, icon: l, onChange: a, name: o, value: u, placeholder: h, className: f, validEmptyValue: x, onFocus: C, onBlur: j, error: g, max: v, min: m }) => {
+  const p = Y(null), w = Y(null), y = Y(null), S = Y(null), [T, L] = _(!1), [H, U] = _(u ?? 0), M = k((z, O) => L(!!(g || z && (!O || O === ""))), []), D = () => {
     if (!S.current)
       return;
-    const O = S.current.querySelector("input");
-    O && O.focus();
-  }, W = k((O, D) => {
-    o && (y.current && (clearTimeout(y.current), y.current = null), y.current = setTimeout(() => {
-      y.current && (clearTimeout(y.current), y.current = null), o(O, D);
+    const z = S.current.querySelector("input");
+    z && z.focus();
+  }, Z = k((z, O) => {
+    a && (y.current && (clearTimeout(y.current), y.current = null), y.current = setTimeout(() => {
+      y.current && (clearTimeout(y.current), y.current = null), a(z, O);
     }, 100));
-  }, [o]), I = k(() => {
-    U((O) => {
-      let D = O ? O + 1 : 1;
-      return typeof v == "number" && D > v && (D = v), W(D, l), D;
+  }, [a]), R = k(() => {
+    U((z) => {
+      let O = z ? z + 1 : 1;
+      return typeof v == "number" && O > v && (O = v), Z(O, o), O;
     });
-  }, [W, l, v]), A = k(() => {
-    U((O) => {
-      let D = O ? O - 1 : -1;
-      return typeof C == "number" && D < C && (D = C), W(D, l), D;
+  }, [Z, o, v]), A = k(() => {
+    U((z) => {
+      let O = z ? z - 1 : -1;
+      return typeof m == "number" && O < m && (O = m), Z(O, o), O;
     });
-  }, [W, l, C]), z = k((O) => {
-    let D = Number(O.target.value);
-    typeof C == "number" && D < C && (D = C), typeof v == "number" && D > v && (D = v), U(Number(O.target.value)), W(D, l);
-  }, [l, W, Y, v, C]), Q = k(() => {
-    p.current && clearTimeout(p.current), w.current && clearInterval(w.current), document.removeEventListener("mouseup", Q);
-  }, []), te = k((O) => {
-    O === "p" ? I() : O === "m" && A(), p.current && clearTimeout(p.current), w.current && clearInterval(w.current), document.addEventListener("mouseup", Q), p.current = setTimeout(() => {
+  }, [Z, o, m]), X = k((z) => {
+    let O = Number(z.target.value);
+    typeof m == "number" && O < m && (O = m), typeof v == "number" && O > v && (O = v), U(Number(z.target.value)), Z(O, o);
+  }, [o, Z, H, v, m]), te = k(() => {
+    p.current && clearTimeout(p.current), w.current && clearInterval(w.current), document.removeEventListener("mouseup", te);
+  }, []), ie = k((z) => {
+    z === "p" ? R() : z === "m" && A(), p.current && clearTimeout(p.current), w.current && clearInterval(w.current), document.addEventListener("mouseup", te), p.current = setTimeout(() => {
       w.current = setInterval(() => {
-        O === "p" ? I() : O === "m" && A();
+        z === "p" ? R() : z === "m" && A();
       }, 100);
     }, 500);
-  }, [I, A]);
+  }, [R, A]);
   return $(() => {
     M(x, u);
   }, [u, x, M]), $(() => {
     console.log("d", y.current), u !== void 0 && !y.current && U(u);
   }, [u]), /* @__PURE__ */ e.jsxs("div", { ref: S, style: t, className: `input-field number-field ${c ? "border" : ""} ${r ? "transparent" : ""} ${f}`, children: [
-    a ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: L, children: a }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: L, children: [
+    l ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: D, children: l }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: D, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
           ref: n,
           max: v,
-          min: C,
+          min: m,
           readOnly: s,
           required: !0,
           type: "number",
-          className: `alex-evo-number-field ${V ? "error" : ""}`,
-          name: l,
-          value: Y,
-          onChange: z,
-          onFocus: m,
+          className: `alex-evo-number-field ${T ? "error" : ""}`,
+          name: o,
+          value: H,
+          onChange: X,
+          onFocus: C,
           onBlur: j
         }
       ),
       /* @__PURE__ */ e.jsx("label", { children: h ? /* @__PURE__ */ e.jsx("span", { children: h }) : null }),
       /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
     ] }),
-    i ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(Me, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(Oe, { onClick: i }) }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "button-block", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "minus number-field-btn", onMouseDown: () => te("m"), children: /* @__PURE__ */ e.jsx(qt, {}) }),
-      /* @__PURE__ */ e.jsx("div", { className: "plus number-field-btn", onMouseDown: () => te("p"), children: /* @__PURE__ */ e.jsx(Kt, {}) })
+      /* @__PURE__ */ e.jsx("div", { className: "minus number-field-btn", onMouseDown: () => ie("m"), children: /* @__PURE__ */ e.jsx(er, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "plus number-field-btn", onMouseDown: () => ie("p"), children: /* @__PURE__ */ e.jsx(Qt, {}) })
     ] })
   ] });
 };
-const nc = ({ styleContainer: n, transparent: t, readOnly: r, border: s, icon: c, onChange: i, name: a, value: o, placeholder: l, className: u, validEmptyValue: h, onFocus: f, onBlur: x, error: m }) => {
-  const j = G(null), [g, v] = _(!1), C = k((w, y) => v(!!(m || w && (!y || y === ""))), []);
+const tc = ({ styleContainer: n, transparent: t, readOnly: r, border: s, icon: c, onChange: i, name: l, value: a, placeholder: o, className: u, validEmptyValue: h, onFocus: f, onBlur: x, error: C }) => {
+  const j = Y(null), [g, v] = _(!1), m = k((w, y) => v(!!(C || w && (!y || y === ""))), []);
   $(() => {
-    C(h, o);
-  }, [o, h, C]);
+    m(h, a);
+  }, [a, h, m]);
   const p = () => {
     j.current && j.current.focus();
   };
@@ -3160,10 +3174,10 @@ const nc = ({ styleContainer: n, transparent: t, readOnly: r, border: s, icon: c
         ref: j,
         readOnly: r,
         required: !0,
-        placeholder: l,
+        placeholder: o,
         className: `${g ? "error" : ""}`,
-        name: a,
-        value: o,
+        name: l,
+        value: a,
         onChange: i,
         onFocus: f,
         onBlur: x
@@ -3171,13 +3185,13 @@ const nc = ({ styleContainer: n, transparent: t, readOnly: r, border: s, icon: c
     ) })
   ] });
 };
-const Wr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: c, onCancel: i, onOK: a }) => {
-  const [o, l] = _(!1), u = k((x) => {
-    n(x), l(!0);
+const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: c, onCancel: i, onOK: l }) => {
+  const [a, o] = _(!1), u = k((x) => {
+    n(x), o(!0);
   }, [n]), h = k((x) => {
-    t(x), l(!1);
+    t(x), o(!1);
   }, [t]), f = k(() => {
-    l(!1), i();
+    o(!1), i();
   }, []);
   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" }) }),
@@ -3192,15 +3206,15 @@ const Wr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: c, o
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: o ? /* @__PURE__ */ e.jsx(Xr, { setMinutes: h }) : /* @__PURE__ */ e.jsx(Zr, { setHours: u }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: a ? /* @__PURE__ */ e.jsx(Ur, { setMinutes: h }) : /* @__PURE__ */ e.jsx(Xr, { setHours: u }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(Jt, {}) }),
-      /* @__PURE__ */ e.jsx(ee, { className: "little", onClick: f, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(ee, { className: "little", onClick: a, children: "OK" })
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(qt, {}) }),
+      /* @__PURE__ */ e.jsx(Q, { className: "little", onClick: f, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(Q, { className: "little", onClick: l, children: "OK" })
     ] })
   ] });
 };
-function Zr({ setHours: n }) {
+function Xr({ 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" }),
@@ -3233,7 +3247,7 @@ function Zr({ setHours: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-function Xr({ setMinutes: n }) {
+function Ur({ 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" }),
@@ -3252,11 +3266,11 @@ function Xr({ setMinutes: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-const Ur = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: c, onCancel: i, onOK: a }) => {
-  const o = (u) => {
+const Jr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: c, onCancel: i, onOK: l }) => {
+  const a = (u) => {
     let h = Number(u.target.value);
     h < 0 && (h = 0), h > 23 && (h = 23), n(h);
-  }, l = (u) => {
+  }, o = (u) => {
     let h = Number(u.target.value);
     h < 0 && (h = 0), h > 59 && (h = 59), t(h);
   };
@@ -3264,40 +3278,40 @@ const Ur = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: c, o
     /* @__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: o }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: c, onChange: a }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
       ] }),
       /* @__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: s, min: 0, max: 59, onChange: l }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", value: s, min: 0, max: 59, onChange: o }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(Un, {}) }),
-      /* @__PURE__ */ e.jsx(ee, { className: "little", onClick: i, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(ee, { className: "little", onClick: a, children: "OK" })
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(Kn, {}) }),
+      /* @__PURE__ */ e.jsx(Q, { className: "little", onClick: i, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(Q, { className: "little", onClick: l, children: "OK" })
     ] })
   ] });
-}, Jr = (n) => {
-  const [t, r] = _(n.minutes ?? 0), [s, c] = _(n.hours ?? 0), [i, a] = _(!0), o = () => {
+}, Kr = (n) => {
+  const [t, r] = _(n.minutes ?? 0), [s, c] = _(n.hours ?? 0), [i, l] = _(!0), a = () => {
     n.onHide && n.onHide(), r(0), c(0);
-  }, l = k((h) => {
+  }, o = k((h) => {
     r(h), n.onChange && n.onChange(s, h), n.onHide && n.onHide();
   }, [s]), u = k(() => {
     n.onChange && n.onChange(s, t), n.onHide && n.onHide();
   }, [s, t]);
-  return i ? /* @__PURE__ */ e.jsx(be, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Wr, { setMinutes: l, setHours: c, minutes: t, hours: s, switchMode: () => a(!1), onCancel: o, onOK: u }) }) : /* @__PURE__ */ e.jsx(be, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Ur, { setMinutes: r, setHours: c, minutes: t, hours: s, switchMode: () => a(!0), onCancel: o, onOK: u }) });
-}, tc = ({ border: n, onChange: t, name: r, value: s, className: c, validEmptyValue: i, error: a, container: o }) => {
-  const [l, u] = _(s ?? ""), [h, f] = _(!1), x = k((g) => a || g && (!l || l === "") ? "error" : "", [l]), m = (g, v) => {
-    let C = String(g), p = String(v);
-    C.length < 2 && (C = "0" + C), p.length < 2 && (p = "0" + p), u(`${C}:${p}`), t && t(`${C}:${p}`);
+  return i ? /* @__PURE__ */ e.jsx(Me, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Zr, { setMinutes: o, setHours: c, minutes: t, hours: s, switchMode: () => l(!1), onCancel: a, onOK: u }) }) : /* @__PURE__ */ e.jsx(Me, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Jr, { setMinutes: r, setHours: c, minutes: t, hours: s, switchMode: () => l(!0), onCancel: a, onOK: u }) });
+}, rc = ({ border: n, onChange: t, name: r, value: s, className: c, validEmptyValue: i, error: l, container: a }) => {
+  const [o, u] = _(s ?? ""), [h, f] = _(!1), x = k((g) => l || g && (!o || o === "") ? "error" : "", [o]), C = (g, v) => {
+    let m = String(g), p = String(v);
+    m.length < 2 && (m = "0" + m), p.length < 2 && (p = "0" + p), u(`${m}:${p}`), t && t(`${m}:${p}`);
   }, j = () => {
     f(!0);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: `input-field time-field ${n ? "border" : ""}`, children: [
-      /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: j, children: /* @__PURE__ */ e.jsx(Un, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: j, children: /* @__PURE__ */ e.jsx(Kn, {}) }),
       /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: j, children: [
         /* @__PURE__ */ e.jsx(
           "input",
@@ -3306,39 +3320,39 @@ const Ur = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: c, o
             type: "time",
             className: `${c} ${x(i)}`,
             name: r,
-            value: l,
+            value: o,
             readOnly: !0
           }
         ),
         /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
       ] })
     ] }),
-    h ? /* @__PURE__ */ e.jsx(Ae, { container: o, children: /* @__PURE__ */ e.jsx(
-      Jr,
+    h ? /* @__PURE__ */ e.jsx(ze, { container: a, children: /* @__PURE__ */ e.jsx(
+      Kr,
       {
         onHide: () => f(!1),
-        onChange: m,
+        onChange: C,
         hours: 0,
         minutes: 0
       }
     ) }) : null
   ] });
 };
-function Kr(n, t, r, s, c) {
+function qr(n, t, r, s, c) {
   return s + (c - s) * ((n - t) / (r - t));
 }
-const on = 0, an = 100, rc = (n) => {
-  const [t, r] = _(0), [s, c] = _(!1), i = G(null), a = G(null);
+const hn = 0, fn = 100, sc = (n) => {
+  const [t, r] = _(0), [s, c] = _(!1), i = Y(null), l = Y(null);
   $(() => {
     n.value ? r(n.value) : r(0);
   }, [n.value]);
-  const o = (f) => {
+  const a = (f) => {
     r(Number(f.target.value)), n.onChange && n.onChange(f);
-  }, l = (f, x, m) => {
-    if (i.current && a.current) {
-      let j = Ke(a.current);
+  }, o = (f, x, C) => {
+    if (i.current && l.current) {
+      let j = en(l.current);
       if (j)
-        return Kr(f, x, m, 0, m - x) * (j.width - 20) / (m - x);
+        return qr(f, x, C, 0, C - x) * (j.width - 20) / (C - x);
     }
     return 0;
   }, u = k((f) => {
@@ -3347,35 +3361,35 @@ const on = 0, an = 100, rc = (n) => {
     c(!1), n.onBlur && n.onBlur(f);
   }, [n.onBlur]);
   return /* @__PURE__ */ e.jsx("div", { className: "range", children: /* @__PURE__ */ e.jsxs("div", { className: "field", style: n.style, children: [
-    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: n.min ?? on }) : null,
+    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: n.min ?? hn }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "field-range-container", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: i, style: { width: l(t, n.min ?? on, n.max ?? an) }, children: /* @__PURE__ */ e.jsxs("div", { className: "slider-tooltip", style: { display: s ? "block" : "none" }, children: [
+      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: i, style: { width: o(t, n.min ?? hn, n.max ?? fn) }, children: /* @__PURE__ */ e.jsxs("div", { className: "slider-tooltip", style: { display: s ? "block" : "none" }, children: [
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-container" }),
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-value", children: t })
       ] }) }),
-      /* @__PURE__ */ e.jsx("input", { onMouseUp: n.onMouseUp, ref: a, step: n.step, type: "range", min: n.min ?? on, max: n.max ?? an, onChange: o, value: t, onFocus: u, onBlur: h })
+      /* @__PURE__ */ e.jsx("input", { onMouseUp: n.onMouseUp, ref: l, step: n.step, type: "range", min: n.min ?? hn, max: n.max ?? fn, onChange: a, value: t, onFocus: u, onBlur: h })
     ] }),
-    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? an }) : null
+    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? fn }) : null
   ] }) });
 };
-const sc = ({ className: n, text: t, title: r, hexColor: s, hexBackground: c, style: i, btn: a }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: nr(c), color: s, ...i }, children: [
+const cc = ({ className: n, text: t, title: r, hexColor: s, hexBackground: c, style: i, btn: l }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: rr(c), color: s, ...i }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: r }),
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
-  a ? /* @__PURE__ */ e.jsx(Xn, { styleType: a.styleType ?? "filled", style: a.style, className: a.className, onClick: a.onClick, children: a.text }) : null
+  l ? /* @__PURE__ */ e.jsx(Jn, { styleType: l.styleType ?? "filled", style: l.style, className: l.className, onClick: l.onClick, children: l.text }) : null
 ] });
-const qr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initComponent: i, onlyStringValue: a }) => {
-  const [o, l] = _(""), [u, h] = _(""), [f, x] = _(!1), [m, j] = _(!0), g = k((w, y) => {
+const Qr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initComponent: i, onlyStringValue: l }) => {
+  const [a, o] = _(""), [u, h] = _(""), [f, x] = _(!1), [C, j] = _(!0), g = k((w, y) => {
     s({ ...r, [y]: w });
   }, [s, r]), v = k(() => {
-    h(""), l(""), x(!1);
-  }, []), C = k(() => {
+    h(""), o(""), x(!1);
+  }, []), m = k(() => {
     let w = u;
     try {
-      a || (w = JSON.parse(w));
+      l || (w = JSON.parse(w));
     } catch {
     }
-    v(), s({ ...r, [o]: w });
-  }, [r, s, o, u, v]), p = k((w) => {
+    v(), s({ ...r, [a]: w });
+  }, [r, s, a, u, v]), p = k((w) => {
     let y = { ...r };
     delete y[w], s(y);
   }, [r, s]);
@@ -3385,82 +3399,82 @@ const qr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initCompo
         t,
         ":",
         "{",
-        m ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
+        C ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
       ] }),
-      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => x(!0), children: /* @__PURE__ */ e.jsx(Kn, {}) })
+      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => x(!0), children: /* @__PURE__ */ e.jsx(Qn, {}) })
     ] }),
-    m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r ? Object.keys(r).map(
-      (w, y) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(mn, { readonly: n, onDelete: () => p(w), onChange: (S) => g(S, w), name: w, data: r[w] }) }, y)
+    C ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r ? Object.keys(r).map(
+      (w, y) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(pn, { readonly: n, onDelete: () => p(w), onChange: (S) => g(S, w), name: w, data: r[w] }) }, y)
     ) : null }) : null,
     f && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: o.length || 10, placeholder: "key", onChange: (w) => l(w.target.value), className: "json-base-data-input", type: "text", value: o }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: a.length || 10, placeholder: "key", onChange: (w) => o(w.target.value), className: "json-base-data-input", type: "text", value: a }) }),
       ":",
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: u.length || 10, placeholder: "value", onChange: (w) => h(w.target.value), className: "json-base-data-input", type: "text", value: u }) }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: C, children: "save" }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: m, children: "save" }),
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: v, children: "cancel" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "}",
-      !n && !i ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: c, children: /* @__PURE__ */ e.jsx(fn, {}) }) : null
+      !n && !i ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: c, children: /* @__PURE__ */ e.jsx(Cn, {}) }) : null
     ] })
   ] }) });
-}, Qr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initComponent: i, onlyStringValue: a }) => {
-  const [o, l] = _(""), [u, h] = _(!1), [f, x] = _(!0), m = k((C, p) => {
+}, es = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initComponent: i, onlyStringValue: l }) => {
+  const [a, o] = _(""), [u, h] = _(!1), [f, x] = _(!0), C = k((m, p) => {
     const w = r.slice();
-    w[p] = C, s(w);
+    w[p] = m, s(w);
   }, [s, r]), j = k(() => {
-    l(""), h(!1);
+    o(""), h(!1);
   }, []), g = k(() => {
-    let C = o;
+    let m = a;
     try {
-      a || (C = JSON.parse(C));
+      l || (m = JSON.parse(m));
     } catch {
     }
-    j(), s([...r, C]);
-  }, [r, s, o, j]), v = k((C) => {
-    s(r.filter((p, w) => w !== C));
+    j(), s([...r, m]);
+  }, [r, s, a, j]), v = k((m) => {
+    s(r.filter((p, w) => w !== m));
   }, [r, s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "json-line json-object-header", children: [
-      /* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => x((C) => !C), children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => x((m) => !m), children: [
         t,
         ":",
         "[",
         f ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
       ] }),
-      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => h(!0), children: /* @__PURE__ */ e.jsx(Kn, {}) })
+      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => h(!0), children: /* @__PURE__ */ e.jsx(Qn, {}) })
     ] }),
-    f ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((C, p) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(mn, { readonly: n, onDelete: () => v(p), onChange: (w) => m(w, p), name: String(p), data: C }) }, p)) }) : null,
+    f ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((m, p) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(pn, { readonly: n, onDelete: () => v(p), onChange: (w) => C(w, p), name: String(p), data: m }) }, p)) }) : null,
     u ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: o.length || 10, placeholder: "value", onChange: (C) => l(C.target.value), className: "json-base-data-input", type: "text", value: o }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: a.length || 10, placeholder: "value", onChange: (m) => o(m.target.value), className: "json-base-data-input", type: "text", value: a }) }),
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: g, children: "save" }),
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: j, children: "cancel" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "]",
-      !n && !i ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: c, children: /* @__PURE__ */ e.jsx(fn, {}) }) : null
+      !n && !i ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: c, children: /* @__PURE__ */ e.jsx(Cn, {}) }) : null
     ] })
   ] }) });
-}, es = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c }) => {
-  const i = k((a) => {
-    s(a.target.value);
+}, ns = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c }) => {
+  const i = k((l) => {
+    s(l.target.value);
   }, [s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
     /* @__PURE__ */ e.jsx("span", { className: "json-object-name", children: t }),
     ":",
     n ? /* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: String(r) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: /* @__PURE__ */ e.jsx("input", { size: (r == null ? void 0 : r.toString().length) || 10, onChange: i, className: "json-base-data-input", type: "text", value: r !== void 0 ? String(r) : "" }) }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: c, children: /* @__PURE__ */ e.jsx(fn, {}) })
+      /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: c, children: /* @__PURE__ */ e.jsx(Cn, {}) })
     ] })
   ] }) }) });
 };
-var ut = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(ut || {});
-const mn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType: i, onlyStringValue: a }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: c, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(Qr, { readonly: n, onDelete: c, onChange: s, data: r, name: t, initComponent: i === "ARRAY", onlyStringValue: a }) : /* @__PURE__ */ e.jsx(qr, { readonly: n, onDelete: c, onChange: s, data: r, name: t, initComponent: i === "OBJECT", onlyStringValue: a }) : null, cc = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType: i = ut.NONE, onlyStringValue: a }) => {
-  const [o, l] = _(r || void 0), [u, h] = _(""), f = k((j) => {
-    n || (l(j), s && s(j));
+var jt = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(jt || {});
+const pn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType: i, onlyStringValue: l }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ns, { readonly: n, onDelete: c, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: c, onChange: s, data: r, name: t, initComponent: i === "ARRAY", onlyStringValue: l }) : /* @__PURE__ */ e.jsx(Qr, { readonly: n, onDelete: c, onChange: s, data: r, name: t, initComponent: i === "OBJECT", onlyStringValue: l }) : null, ic = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType: i = jt.NONE, onlyStringValue: l }) => {
+  const [a, o] = _(r || void 0), [u, h] = _(""), f = k((j) => {
+    n || (o(j), s && s(j));
   }, [s]), x = k(() => {
-    n || (l(void 0), c && c());
-  }, [c]), m = k(() => {
+    n || (o(void 0), c && c());
+  }, [c]), C = k(() => {
     if (n)
       return;
     let j = u;
@@ -3468,35 +3482,35 @@ const mn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType:
       j = JSON.parse(j);
     } catch {
     }
-    l(j), s && s(j);
+    o(j), s && s(j);
   }, [s, u]);
   return $(() => {
-    l(r);
-  }, [r]), !o && n ? /* @__PURE__ */ e.jsx("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: "value" }) }) : o ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Fn, { transparent: !0, text: JSON.stringify(r) }),
-    /* @__PURE__ */ e.jsx(mn, { readonly: n, onDelete: x, onChange: f, data: o, baseType: i, name: t, onlyStringValue: a })
+    o(r);
+  }, [r]), !a && n ? /* @__PURE__ */ e.jsx("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: "value" }) }) : a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(Hn, { transparent: !0, text: JSON.stringify(r) }),
+    /* @__PURE__ */ e.jsx(pn, { readonly: n, onDelete: x, onChange: f, data: a, baseType: i, name: t, onlyStringValue: l })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: [
-    /* @__PURE__ */ e.jsx(Fn, { transparent: !0, text: JSON.stringify(r) }),
+    /* @__PURE__ */ e.jsx(Hn, { transparent: !0, text: JSON.stringify(r) }),
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: u.length || 10, placeholder: "value", onChange: (j) => h(j.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: u }) }),
-    /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: m, children: "save" })
+    /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: C, children: "save" })
   ] });
 };
-const ic = ({ onMenu: n, onSearch: t, placeholder: r, autoChenge: s }) => {
-  const c = G(null), [i, a] = _(""), [o, l] = _(!1), u = () => {
-    c.current && (c.current.focus(), l(!0));
+const oc = ({ onMenu: n, onSearch: t, placeholder: r, autoChenge: s }) => {
+  const c = Y(null), [i, l] = _(""), [a, o] = _(!1), u = () => {
+    c.current && (c.current.focus(), o(!0));
   }, h = () => {
-    c.current && (c.current.focus(), c.current.value = ""), a(""), l(!0), s && t("");
+    c.current && (c.current.focus(), c.current.value = ""), l(""), o(!0), s && t("");
   }, f = () => {
-    h(), c.current && (c.current.blur(), l(!1));
+    h(), c.current && (c.current.blur(), o(!1));
   }, x = (j) => {
-    a(j.target.value), s && t(j.target.value);
-  }, m = (j) => {
+    l(j.target.value), s && t(j.target.value);
+  }, C = (j) => {
     j.code === "Enter" && t(i);
   };
   return /* @__PURE__ */ e.jsx("div", { className: "search-container", children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
-    o ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(Zt, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(Jn, {}) }) : null,
-    /* @__PURE__ */ e.jsx("input", { placeholder: r, type: "text", ref: c, onChange: x, onKeyDown: m, value: i, onFocus: () => l(!0) }),
-    o ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(Me, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: u, children: /* @__PURE__ */ e.jsx(Xt, {}) })
+    a ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(Ut, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(qn, {}) }) : null,
+    /* @__PURE__ */ e.jsx("input", { placeholder: r, type: "text", ref: c, onChange: x, onKeyDown: C, value: i, onFocus: () => o(!0) }),
+    a ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(Oe, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: u, children: /* @__PURE__ */ e.jsx(Jt, {}) })
   ] }) });
 };
 const lc = ({ visible: n, text: t, option: r }) => {
@@ -3506,22 +3520,22 @@ const lc = ({ visible: n, text: t, option: r }) => {
   return n ? /* @__PURE__ */ e.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__ */ e.jsxs("div", { className: "snackbar-content-container", children: [
       /* @__PURE__ */ e.jsx("div", { className: "snackbar-text", children: t }),
-      r != null && r.onClick ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(ee, { className: "snackbar-btn", onClick: r.onClick, children: r.buttonText ?? "Action" }) }) : null
+      r != null && r.onClick ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(Q, { className: "snackbar-btn", onClick: r.onClick, children: r.buttonText ?? "Action" }) }) : null
     ] }),
-    r != null && r.closeButton ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: s, children: /* @__PURE__ */ e.jsx(Me, {}) }) }) : null
+    r != null && r.closeButton ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: s, children: /* @__PURE__ */ e.jsx(Oe, {}) }) }) : null
   ] }) : null;
 };
-const oc = ({ style: n, text: t, className: r, onClick: s, onContextMenu: c }) => {
-  const i = G(null), a = k(() => {
+const ac = ({ style: n, text: t, className: r, onClick: s, onContextMenu: c }) => {
+  const i = Y(null), l = k(() => {
     if (!i.current)
       return;
-    let o = i.current.getElementsByTagName("p");
-    o[0] && i.current.clientWidth <= o[0].clientWidth ? (o[0].className = "runing", o[0].innerHTML = `| ${t} | ${t}`) : o[0].className = "";
+    let a = i.current.getElementsByTagName("p");
+    a[0] && i.current.clientWidth <= a[0].clientWidth ? (a[0].className = "runing", a[0].innerHTML = `| ${t} | ${t}`) : a[0].className = "";
   }, [t]);
   return $(() => {
-    a();
-  }, [a]), /* @__PURE__ */ e.jsx("div", { style: n, ref: i, onClick: s, onContextMenu: c, className: `runing-text ${r}`, children: /* @__PURE__ */ e.jsx("p", { children: t }) });
-}, Zn = (n, t) => {
+    l();
+  }, [l]), /* @__PURE__ */ e.jsx("div", { style: n, ref: i, onClick: s, onContextMenu: c, className: `runing-text ${r}`, children: /* @__PURE__ */ e.jsx("p", { children: t }) });
+}, Un = (n, t) => {
   for (let r of n) {
     if (typeof r == "string" && r === t)
       return r;
@@ -3529,20 +3543,20 @@ const oc = ({ style: n, text: t, className: r, onClick: s, onContextMenu: c }) =
       return r.title;
   }
   return "";
-}, ns = ({ ref: n, style: t, screensize: r = ce.STANDART, items: s, onChange: c, value: i, placeholder: a, className: o, border: l, name: u, error: h, onBlur: f, onFocus: x, container: m }) => {
-  const [j, g] = _(""), [v, C] = _({ x: 0, y: 0, width: 100 }), [p, w] = _(!1);
+}, ts = ({ ref: n, style: t, screensize: r = ce.STANDART, items: s, onChange: c, value: i, placeholder: l, className: a, border: o, name: u, error: h, onBlur: f, onFocus: x, container: C }) => {
+  const [j, g] = _(""), [v, m] = _({ x: 0, y: 0, width: 100 }), [p, w] = _(!1);
   $(() => {
-    g(Zn(s, i ?? ""));
+    g(Un(s, i ?? ""));
   }, [i, s]);
-  const y = k((E) => {
-    g(Zn(s, E)), c && c(E), w(!1);
-  }, [s, c]), S = k((E) => typeof E == "string" ? { title: E, onClick: () => y(E) } : { title: E.title, onClick: () => y(E.value) }, [y]), V = k((E) => {
-    E.preventDefault();
-    let Y = Ke(E.currentTarget), U = (Y == null ? void 0 : Y.left) ?? E.pageX, M = Y != null && Y.top ? Y.top + Y.height : E.pageY;
-    C({ x: U, y: M, width: (Y == null ? void 0 : Y.width) ?? 150 }), w(!0);
+  const y = k((L) => {
+    g(Un(s, L)), c && c(L), w(!1);
+  }, [s, c]), S = k((L) => typeof L == "string" ? { title: L, onClick: () => y(L) } : { title: L.title, onClick: () => y(L.value) }, [y]), T = k((L) => {
+    L.preventDefault();
+    let H = en(L.currentTarget), U = (H == null ? void 0 : H.left) ?? L.pageX, M = H != null && H.top ? H.top + H.height : L.pageY;
+    m({ x: U, y: M, width: (H == null ? void 0 : H.width) ?? 150 }), w(!0);
   }, [s, S]);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { style: t, className: `input-field select-field ${o} ${p ? "active" : ""} ${l ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: V, children: [
+    /* @__PURE__ */ e.jsx("div", { style: t, className: `input-field select-field ${a} ${p ? "active" : ""} ${o ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: T, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
@@ -3557,22 +3571,22 @@ const oc = ({ style: n, text: t, className: r, onClick: s, onContextMenu: c }) =
           readOnly: !0
         }
       ),
-      /* @__PURE__ */ e.jsx("label", { children: a ? /* @__PURE__ */ e.jsx("span", { children: a }) : null })
+      /* @__PURE__ */ e.jsx("label", { children: l ? /* @__PURE__ */ e.jsx("span", { children: l }) : null })
     ] }) }),
-    /* @__PURE__ */ e.jsx(rt, { marginBottom: r === ce.MOBILE ? 80 : 0, width: v.width, screensize: r, x: v.x, y: v.y, onHide: () => w(!1), container: m, blocks: [{ items: s.map(S) }], visible: p })
+    /* @__PURE__ */ e.jsx(ot, { marginBottom: r === ce.MOBILE ? 80 : 0, width: v.width, screensize: r, x: v.x, y: v.y, onHide: () => w(!1), container: C, blocks: [{ items: s.map(S) }], visible: p })
   ] });
 };
-const Re = Ot({}), ts = ({ ref: n, border: t, readOnly: r, transparent: s, styleContainer: c, icon: i, clear: a, className: o, placeholder: l, name: u, min: h, max: f }) => {
-  const { value: x, changeField: m, errors: j } = Be(Re), g = (w) => {
-    m && m(u, w);
-  }, v = k(() => Number(x[u]), [x, u]), C = () => {
-    m && m(u, "");
+const Ve = Dt({}), rs = ({ ref: n, border: t, readOnly: r, transparent: s, styleContainer: c, icon: i, clear: l, className: a, placeholder: o, name: u, min: h, max: f }) => {
+  const { value: x, changeField: C, errors: j } = Ge(Ve), g = (w) => {
+    C && C(u, w);
+  }, v = k(() => Number(x[u]), [x, u]), m = () => {
+    C && C(u, "");
   }, p = k(() => {
     if (j && Object.keys(j).includes(u))
       return j[u];
   }, [j, u]);
   return /* @__PURE__ */ e.jsx(
-    Yr,
+    Wr,
     {
       ref: n,
       border: t,
@@ -3581,9 +3595,9 @@ const Re = Ot({}), ts = ({ ref: n, border: t, readOnly: r, transparent: s, style
       styleContainer: c,
       error: !!p(),
       icon: i,
-      onClear: a ? C : void 0,
-      className: o,
-      placeholder: l,
+      onClear: l ? m : void 0,
+      className: a,
+      placeholder: o,
       name: u,
       onChange: g,
       value: v(),
@@ -3591,12 +3605,12 @@ const Re = Ot({}), ts = ({ ref: n, border: t, readOnly: r, transparent: s, style
       max: f
     }
   );
-}, rs = ({ items: n, ref: t, border: r, error: s, className: c, placeholder: i, name: a, container_id: o }) => {
-  const { value: l, changeField: u } = Be(Re), h = (x) => {
-    u && u(a, x);
-  }, f = k(() => l[a], [l, a]);
+}, ss = ({ items: n, ref: t, border: r, error: s, className: c, placeholder: i, name: l, container_id: a }) => {
+  const { value: o, changeField: u } = Ge(Ve), h = (x) => {
+    u && u(l, x);
+  }, f = k(() => o[l], [o, l]);
   return /* @__PURE__ */ e.jsx(
-    ns,
+    ts,
     {
       items: n,
       ref: t,
@@ -3604,38 +3618,38 @@ const Re = Ot({}), ts = ({ ref: n, border: t, readOnly: r, transparent: s, style
       error: s,
       className: c,
       placeholder: i,
-      name: a,
+      name: l,
       onChange: h,
       value: f(),
-      container: document.getElementById(o)
+      container: document.getElementById(a)
     }
   );
-}, ss = ({ placeholder: n, ref: t, style: r, readOnly: s, className: c, name: i }) => {
-  const { value: a, changeField: o } = Be(Re), l = (h) => {
-    o && o(i, h.target.checked);
-  }, u = k(() => !!a[i], [a, i]);
+}, cs = ({ placeholder: n, ref: t, style: r, readOnly: s, className: c, name: i }) => {
+  const { value: l, changeField: a } = Ge(Ve), o = (h) => {
+    a && a(i, h.target.checked);
+  }, u = k(() => !!l[i], [l, i]);
   return /* @__PURE__ */ e.jsxs("div", { className: `input-field form-switch ${c}`, style: r, children: [
-    /* @__PURE__ */ e.jsx(Cr, { readOnly: s, ref: t, name: i, checked: u(), onChange: l }),
-    /* @__PURE__ */ e.jsx(xe, { className: "form-switch-placeholder", type: "body", children: n })
+    /* @__PURE__ */ e.jsx(vr, { readOnly: s, ref: t, name: i, checked: u(), onChange: o }),
+    /* @__PURE__ */ e.jsx(me, { className: "form-switch-placeholder", type: "body", children: n })
   ] });
-}, cs = ({ placeholder: n, ref: t, style: r, readOnly: s, className: c, name: i }) => {
-  const { value: a, changeField: o } = Be(Re), l = (h) => {
+}, is = ({ placeholder: n, ref: t, style: r, readOnly: s, className: c, name: i }) => {
+  const { value: l, changeField: a } = Ge(Ve), o = (h) => {
     if (h.length > 0)
-      return o && o(i, !0);
-    o && o(i, !1);
-  }, u = k(() => a[i] ? [n ?? i] : [], [a, i, n]);
-  return /* @__PURE__ */ e.jsx(mr, { className: c, style: r, ref: t, readOnly: s, value: u(), multiple: !0, items: [n ?? i], onChange: l });
-}, is = ({ password: n, ref: t, border: r, readOnly: s, transparent: c, styleContainer: i, icon: a, clear: o, className: l, placeholder: u, name: h }) => {
-  const { value: f, changeField: x, errors: m } = Be(Re), j = (p) => {
+      return a && a(i, !0);
+    a && a(i, !1);
+  }, u = k(() => l[i] ? [n ?? i] : [], [l, i, n]);
+  return /* @__PURE__ */ e.jsx(Cr, { className: c, style: r, ref: t, readOnly: s, value: u(), multiple: !0, items: [n ?? i], onChange: o });
+}, os = ({ password: n, ref: t, border: r, readOnly: s, transparent: c, styleContainer: i, icon: l, clear: a, className: o, placeholder: u, name: h }) => {
+  const { value: f, changeField: x, errors: C } = Ge(Ve), j = (p) => {
     x && x(h, p.target.value);
   }, g = k(() => f[h], [f, h]), v = () => {
     x && x(h, "");
-  }, C = k(() => {
-    if (m && Object.keys(m).includes(h))
-      return m[h];
-  }, [m, h]);
+  }, m = k(() => {
+    if (C && Object.keys(C).includes(h))
+      return C[h];
+  }, [C, h]);
   return /* @__PURE__ */ e.jsx(
-    jn,
+    gn,
     {
       ref: t,
       password: n,
@@ -3643,10 +3657,10 @@ const Re = Ot({}), ts = ({ ref: n, border: t, readOnly: r, transparent: s, style
       readOnly: s,
       transparent: c,
       styleContainer: i,
-      error: !!C(),
-      icon: a,
-      onClear: o ? v : void 0,
-      className: l,
+      error: !!m(),
+      icon: l,
+      onClear: a ? v : void 0,
+      className: o,
       placeholder: u,
       name: h,
       onChange: j,
@@ -3654,126 +3668,126 @@ const Re = Ot({}), ts = ({ ref: n, border: t, readOnly: r, transparent: s, style
     }
   );
 };
-const ls = ({ children: n, value: t, name: r, changeValue: s, errors: c }) => /* @__PURE__ */ e.jsx(Re.Provider, { value: { value: t, changeField: s, errors: c }, children: /* @__PURE__ */ e.jsx("form", { name: r, children: n }) }), ac = Object.assign(ls, {
-  TextInput: is,
-  NumberInput: ts,
-  SelectInput: rs,
-  SwitchField: ss,
-  SwitchButtonField: cs
+const ls = ({ children: n, value: t, name: r, changeValue: s, errors: c }) => /* @__PURE__ */ e.jsx(Ve.Provider, { value: { value: t, changeField: s, errors: c }, children: /* @__PURE__ */ e.jsx("form", { name: r, children: n }) }), dc = Object.assign(ls, {
+  TextInput: os,
+  NumberInput: rs,
+  SelectInput: ss,
+  SwitchField: cs,
+  SwitchButtonField: is
 });
 export {
-  vs as AddUserIcon,
-  Zt as ArrowLeft,
-  us as ArrowRight,
-  hs as ArrowUp,
-  Nr as BaseActionCard,
-  Ie as BaseButton,
-  Os as BaseDialog,
-  hr as BaseMenu,
-  jr as BaseRadioButton,
-  ut as BaseType,
-  be as BasicTemplateDialog,
-  Hs as BigContainer,
-  st as BottomSheetsUi,
-  Xn as Button,
-  Yt as Calendar,
-  Ps as Card,
-  pe as Check,
-  $s as Checkbox,
-  $n as ChevronDown,
-  xr as Chips,
+  gs as AddUserIcon,
+  Ut as ArrowLeft,
+  hs as ArrowRight,
+  fs as ArrowUp,
+  _r as BaseActionCard,
+  Ye as BaseButton,
+  Vs as BaseDialog,
+  fr as BaseMenu,
+  mr as BaseRadioButton,
+  jt as BaseType,
+  Me as BasicTemplateDialog,
+  As as BigContainer,
+  lt as BottomSheetsUi,
+  Jn as Button,
+  Zt as Calendar,
+  Hs as Card,
+  Se as Check,
+  Ts as Checkbox,
+  On as ChevronDown,
+  jr as Chips,
   Rs as CircleInput,
-  fn as CircleMinus,
-  Kn as CirclePlus,
-  Un as Clock,
-  Ks as ColorField,
-  As as ColumnLayout,
+  Cn as CircleMinus,
+  Qn as CirclePlus,
+  Kn as Clock,
+  qs as ColorField,
+  Is as ColumnLayout,
   Bs as ContentBox,
-  Tn as Copy,
-  Fn as CopyButton,
-  qs as DateField,
-  Qs as DayOfWeekField,
-  Ae as DialogModal,
-  he as Divider,
-  sc as EmptyPage,
-  Es as FAB,
-  At as FilledButton,
-  Ht as FilledTotalButton,
-  ac as Form,
-  Fs as FullScrinTemplateDialog,
-  js as GearIcon,
-  zs as GridLayout,
-  Is as GridLayoutItem,
-  ks as Group,
-  He as HEXtoRGB,
-  ws as HSLtoHSV,
-  Ss as HSVtoHSL,
-  Pe as HSVtoRGB,
-  fs as Home,
-  ve as IconButton,
+  Vn as Copy,
+  Hn as CopyButton,
+  Qs as DateField,
+  ec as DayOfWeekField,
+  ze as DialogModal,
+  xe as Divider,
+  cc as EmptyPage,
+  $s as FAB,
+  Bt as FilledButton,
+  It as FilledTotalButton,
+  dc as Form,
+  Ps as FullScrinTemplateDialog,
+  ms as GearIcon,
+  Gs as GridLayout,
+  zs as GridLayoutItem,
+  Ns as Group,
+  Te as HEXtoRGB,
+  Ss as HSLtoHSV,
+  Ms as HSVtoHSL,
+  Be as HSVtoRGB,
+  xs as Home,
+  pe as IconButton,
   Ls as IconButtonMenu,
-  cc as JsonContainer,
-  Jt as Keyboard,
-  Cs as LinkIcon,
-  gr as ListContainer,
-  pr as ListItem,
-  Ns as LogoutIcon,
-  rt as Menu,
-  Jn as MenuIcon,
-  qt as Minus,
-  ps as MinusUserIcon,
-  xn as ModalTemplate,
-  un as MoreHorizontal,
-  ec as MoreText,
-  Wt as MoreVertical,
-  Xs as NavigationBar,
-  Us as NavigationDrawer,
-  Js as NavigationRail,
-  Yr as NumberField,
-  ys as OkUserIcon,
-  Pt as OutlineButton,
-  Gt as Palette,
-  Gs as Panel,
-  Ut as Pen,
-  xs as Plug,
-  Kt as Plus,
-  Ue as RGBtoHSV,
-  Ts as RadioButton,
-  Ms as Range,
-  _s as Room,
-  oc as RunningLine,
+  ic as JsonContainer,
+  qt as Keyboard,
+  vs as LinkIcon,
+  pr as ListContainer,
+  br as ListItem,
+  _s as LogoutIcon,
+  ot as Menu,
+  qn as MenuIcon,
+  er as Minus,
+  bs as MinusUserIcon,
+  vn as ModalTemplate,
+  jn as MoreHorizontal,
+  nc as MoreText,
+  Xt as MoreVertical,
+  Us as NavigationBar,
+  Js as NavigationDrawer,
+  Ks as NavigationRail,
+  Wr as NumberField,
+  ks as OkUserIcon,
+  At as OutlineButton,
+  Wt as Palette,
+  Ys as Panel,
+  Kt as Pen,
+  js as Plug,
+  Qt as Plus,
+  qe as RGBtoHSV,
+  Os as RadioButton,
+  Es as Range,
+  ws as Room,
+  ac as RunningLine,
   ce as ScreenSize,
-  Ys as ScrollContainer,
-  ic as Search,
-  ns as SelectField,
-  Vs as SelectionDialog,
-  mr as SigmentedButton,
-  rc as Slider,
-  fr as SmallWindowMenu,
+  Ws as ScrollContainer,
+  oc as Search,
+  ts as SelectField,
+  Ds as SelectionDialog,
+  Cr as SigmentedButton,
+  sc as Slider,
+  xr as SmallWindowMenu,
   lc as Snackbar,
-  Cr as Switch,
-  Zs as Table,
-  Ws as Tabs,
-  nc as TextArea,
-  ee as TextButton,
-  Ds as TextDialog,
-  jn as TextField,
-  tc as TimeField,
-  Jr as TimePicker,
-  zt as Trash,
-  xe as Typography,
-  ms as UnLinkIcon,
-  gs as UserIcon,
-  Me as X,
-  bs as XUserIcon,
-  me as getContainerColor,
-  Ke as getContainerData,
-  nt as getModalWindowCord,
+  vr as Switch,
+  Xs as Table,
+  Zs as Tabs,
+  tc as TextArea,
+  Q as TextButton,
+  Fs as TextDialog,
+  gn as TextField,
+  rc as TimeField,
+  Kr as TimePicker,
+  Yt as Trash,
+  me as Typography,
+  Cs as UnLinkIcon,
+  ps as UserIcon,
+  Oe as X,
+  ys as XUserIcon,
+  ve as getContainerColor,
+  en as getContainerData,
+  ct as getModalWindowCord,
   se as getTextColor,
-  er as hexToRgb,
-  Kr as map,
-  ir as useColor,
-  it as useScreenSize,
-  ct as useScrollLock,
-  zr as СalendarPickers
+  tr as hexToRgb,
+  qr as map,
+  tt as useColor,
+  dt as useScreenSize,
+  at as useScrollLock,
+  Gr as СalendarPickers
 };