alex-evo-sh-ui-kit 1.0.39 → 1.0.41

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

@@ -1,7 +1,7 @@
-import Me, { forwardRef as An, createElement as Ue, useRef as H, useState as _, useMemo as ye, useCallback as w, useEffect as F } from "react";
-import Ct from "react-dom";
-import { NavLink as Ke } from "react-router-dom";
-import './index.css';var qe = { exports: {} }, je = {};
+import De, { forwardRef as An, createElement as qe, useRef as W, useState as w, useMemo as ye, useCallback as _, useEffect as A } from "react";
+import _t from "react-dom";
+import { NavLink as Ze } from "react-router-dom";
+import './index.css';var Je = { exports: {} }, je = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,11 +12,11 @@ import './index.css';var qe = { exports: {} }, je = {};
  * LICENSE file in the root directory of this source tree.
  */
 var bn;
-function _t() {
+function wt() {
   if (bn)
     return je;
   bn = 1;
-  var n = Me, 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 };
+  var n = De, 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 u(o, l, d) {
     var f, h = {}, m = null, j = null;
     d !== void 0 && (m = "" + d), l.key !== void 0 && (m = "" + l.key), l.ref !== void 0 && (j = l.ref);
@@ -40,56 +40,56 @@ var ve = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Nn;
-function wt() {
+function St() {
   return Nn || (Nn = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Me, 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"), u = Symbol.for("react.provider"), o = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), x = Symbol.iterator, g = "@@iterator";
-    function k(a) {
+    var n = De, 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"), u = Symbol.for("react.provider"), o = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), x = Symbol.iterator, g = "@@iterator";
+    function b(a) {
       if (a === null || typeof a != "object")
         return null;
       var v = x && a[x] || a[g];
       return typeof v == "function" ? v : null;
     }
-    var y = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function p(a) {
+    var p = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function y(a) {
       {
-        for (var v = arguments.length, N = new Array(v > 1 ? v - 1 : 0), E = 1; E < v; E++)
-          N[E - 1] = arguments[E];
-        C("error", a, N);
+        for (var v = arguments.length, k = new Array(v > 1 ? v - 1 : 0), S = 1; S < v; S++)
+          k[S - 1] = arguments[S];
+        C("error", a, k);
       }
     }
-    function C(a, v, N) {
+    function C(a, v, k) {
       {
-        var E = y.ReactDebugCurrentFrame, D = E.getStackAddendum();
-        D !== "" && (v += "%s", N = N.concat([D]));
-        var A = N.map(function(O) {
+        var S = p.ReactDebugCurrentFrame, D = S.getStackAddendum();
+        D !== "" && (v += "%s", k = k.concat([D]));
+        var P = k.map(function(O) {
           return String(O);
         });
-        A.unshift("Warning: " + v), Function.prototype.apply.call(console[a], console, A);
+        P.unshift("Warning: " + v), Function.prototype.apply.call(console[a], console, P);
       }
     }
-    var b = !1, T = !1, $ = !1, P = !1, S = !1, L;
-    L = Symbol.for("react.module.reference");
-    function q(a) {
-      return !!(typeof a == "string" || typeof a == "function" || a === s || a === i || S || a === c || a === d || a === f || P || a === j || b || T || $ || typeof a == "object" && a !== null && (a.$$typeof === m || a.$$typeof === h || a.$$typeof === u || a.$$typeof === o || a.$$typeof === l || // This needs to include all possible module reference object
+    var N = !1, T = !1, $ = !1, B = !1, q = !1, ee;
+    ee = Symbol.for("react.module.reference");
+    function E(a) {
+      return !!(typeof a == "string" || typeof a == "function" || a === s || a === i || q || a === c || a === d || a === f || B || a === j || N || T || $ || typeof a == "object" && a !== null && (a.$$typeof === m || a.$$typeof === h || a.$$typeof === u || a.$$typeof === o || a.$$typeof === l || // 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.
-      a.$$typeof === L || a.getModuleId !== void 0));
+      a.$$typeof === ee || a.getModuleId !== void 0));
     }
-    function B(a, v, N) {
-      var E = a.displayName;
-      if (E)
-        return E;
+    function F(a, v, k) {
+      var S = a.displayName;
+      if (S)
+        return S;
       var D = v.displayName || v.name || "";
-      return D !== "" ? N + "(" + D + ")" : N;
+      return D !== "" ? k + "(" + D + ")" : k;
     }
-    function G(a) {
+    function H(a) {
       return a.displayName || "Context";
     }
-    function Y(a) {
+    function V(a) {
       if (a == null)
         return null;
-      if (typeof a.tag == "number" && p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof a == "function")
+      if (typeof a.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof a == "function")
         return a.displayName || a.name || null;
       if (typeof a == "string")
         return a;
@@ -111,19 +111,19 @@ function wt() {
         switch (a.$$typeof) {
           case o:
             var v = a;
-            return G(v) + ".Consumer";
+            return H(v) + ".Consumer";
           case u:
-            var N = a;
-            return G(N._context) + ".Provider";
+            var k = a;
+            return H(k._context) + ".Provider";
           case l:
-            return B(a, a.render, "ForwardRef");
+            return F(a, a.render, "ForwardRef");
           case h:
-            var E = a.displayName || null;
-            return E !== null ? E : Y(a.type) || "Memo";
+            var S = a.displayName || null;
+            return S !== null ? S : V(a.type) || "Memo";
           case m: {
-            var D = a, A = D._payload, O = D._init;
+            var D = a, P = D._payload, O = D._init;
             try {
-              return Y(O(A));
+              return V(O(P));
             } catch {
               return null;
             }
@@ -131,14 +131,14 @@ function wt() {
         }
       return null;
     }
-    var te = Object.assign, se = 0, oe, I, V, nn, tn, rn, sn;
+    var U = Object.assign, re = 0, oe, I, L, _e, tn, rn, sn;
     function cn() {
     }
     cn.__reactDisabledLog = !0;
-    function Kn() {
+    function Zn() {
       {
-        if (se === 0) {
-          oe = console.log, I = console.info, V = console.warn, nn = console.error, tn = console.group, rn = console.groupCollapsed, sn = console.groupEnd;
+        if (re === 0) {
+          oe = console.log, I = console.info, L = console.warn, _e = console.error, tn = console.group, rn = console.groupCollapsed, sn = console.groupEnd;
           var a = {
             configurable: !0,
             enumerable: !0,
@@ -155,77 +155,77 @@ function wt() {
             groupEnd: a
           });
         }
-        se++;
+        re++;
       }
     }
-    function Zn() {
+    function Qn() {
       {
-        if (se--, se === 0) {
+        if (re--, re === 0) {
           var a = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: te({}, a, {
+            log: U({}, a, {
               value: oe
             }),
-            info: te({}, a, {
+            info: U({}, a, {
               value: I
             }),
-            warn: te({}, a, {
-              value: V
+            warn: U({}, a, {
+              value: L
             }),
-            error: te({}, a, {
-              value: nn
+            error: U({}, a, {
+              value: _e
             }),
-            group: te({}, a, {
+            group: U({}, a, {
               value: tn
             }),
-            groupCollapsed: te({}, a, {
+            groupCollapsed: U({}, a, {
               value: rn
             }),
-            groupEnd: te({}, a, {
+            groupEnd: U({}, a, {
               value: sn
             })
           });
         }
-        se < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        re < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ae = y.ReactCurrentDispatcher, Pe;
-    function _e(a, v, N) {
+    var Pe = p.ReactCurrentDispatcher, Be;
+    function we(a, v, k) {
       {
-        if (Pe === void 0)
+        if (Be === void 0)
           try {
             throw Error();
           } catch (D) {
-            var E = D.stack.trim().match(/\n( *(at )?)/);
-            Pe = E && E[1] || "";
+            var S = D.stack.trim().match(/\n( *(at )?)/);
+            Be = S && S[1] || "";
           }
         return `
-` + Pe + a;
+` + Be + a;
       }
     }
-    var Be = !1, we;
+    var Le = !1, Se;
     {
-      var Qn = typeof WeakMap == "function" ? WeakMap : Map;
-      we = new Qn();
+      var et = typeof WeakMap == "function" ? WeakMap : Map;
+      Se = new et();
     }
     function an(a, v) {
-      if (!a || Be)
+      if (!a || Le)
         return "";
       {
-        var N = we.get(a);
-        if (N !== void 0)
-          return N;
+        var k = Se.get(a);
+        if (k !== void 0)
+          return k;
       }
-      var E;
-      Be = !0;
+      var S;
+      Le = !0;
       var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var A;
-      A = Ae.current, Ae.current = null, Kn();
+      var P;
+      P = Pe.current, Pe.current = null, Zn();
       try {
         if (v) {
           var O = function() {
@@ -238,125 +238,125 @@ function wt() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(O, []);
-            } catch (K) {
-              E = K;
+            } catch (Z) {
+              S = Z;
             }
             Reflect.construct(a, [], O);
           } else {
             try {
               O.call();
-            } catch (K) {
-              E = K;
+            } catch (Z) {
+              S = Z;
             }
             a.call(O.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (K) {
-            E = K;
+          } catch (Z) {
+            S = Z;
           }
           a();
         }
-      } catch (K) {
-        if (K && E && typeof K.stack == "string") {
-          for (var R = K.stack.split(`
-`), J = E.stack.split(`
-`), z = R.length - 1, W = J.length - 1; z >= 1 && W >= 0 && R[z] !== J[W]; )
-            W--;
-          for (; z >= 1 && W >= 0; z--, W--)
-            if (R[z] !== J[W]) {
-              if (z !== 1 || W !== 1)
+      } catch (Z) {
+        if (Z && S && typeof Z.stack == "string") {
+          for (var R = Z.stack.split(`
+`), J = S.stack.split(`
+`), z = R.length - 1, Y = J.length - 1; z >= 1 && Y >= 0 && R[z] !== J[Y]; )
+            Y--;
+          for (; z >= 1 && Y >= 0; z--, Y--)
+            if (R[z] !== J[Y]) {
+              if (z !== 1 || Y !== 1)
                 do
-                  if (z--, W--, W < 0 || R[z] !== J[W]) {
-                    var ee = `
+                  if (z--, Y--, Y < 0 || R[z] !== J[Y]) {
+                    var ne = `
 ` + R[z].replace(" at new ", " at ");
-                    return a.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", a.displayName)), typeof a == "function" && we.set(a, ee), ee;
+                    return a.displayName && ne.includes("<anonymous>") && (ne = ne.replace("<anonymous>", a.displayName)), typeof a == "function" && Se.set(a, ne), ne;
                   }
-                while (z >= 1 && W >= 0);
+                while (z >= 1 && Y >= 0);
               break;
             }
         }
       } finally {
-        Be = !1, Ae.current = A, Zn(), Error.prepareStackTrace = D;
+        Le = !1, Pe.current = P, Qn(), Error.prepareStackTrace = D;
       }
-      var he = a ? a.displayName || a.name : "", ue = he ? _e(he) : "";
-      return typeof a == "function" && we.set(a, ue), ue;
+      var he = a ? a.displayName || a.name : "", ue = he ? we(he) : "";
+      return typeof a == "function" && Se.set(a, ue), ue;
     }
-    function et(a, v, N) {
+    function nt(a, v, k) {
       return an(a, !1);
     }
-    function nt(a) {
+    function tt(a) {
       var v = a.prototype;
       return !!(v && v.isReactComponent);
     }
-    function Se(a, v, N) {
+    function Ee(a, v, k) {
       if (a == null)
         return "";
       if (typeof a == "function")
-        return an(a, nt(a));
+        return an(a, tt(a));
       if (typeof a == "string")
-        return _e(a);
+        return we(a);
       switch (a) {
         case d:
-          return _e("Suspense");
+          return we("Suspense");
         case f:
-          return _e("SuspenseList");
+          return we("SuspenseList");
       }
       if (typeof a == "object")
         switch (a.$$typeof) {
           case l:
-            return et(a.render);
+            return nt(a.render);
           case h:
-            return Se(a.type, v, N);
+            return Ee(a.type, v, k);
           case m: {
-            var E = a, D = E._payload, A = E._init;
+            var S = a, D = S._payload, P = S._init;
             try {
-              return Se(A(D), v, N);
+              return Ee(P(D), v, k);
             } catch {
             }
           }
         }
       return "";
     }
-    var xe = Object.prototype.hasOwnProperty, ln = {}, on = y.ReactDebugCurrentFrame;
-    function Ee(a) {
+    var xe = Object.prototype.hasOwnProperty, ln = {}, on = p.ReactDebugCurrentFrame;
+    function Te(a) {
       if (a) {
-        var v = a._owner, N = Se(a.type, a._source, v ? v.type : null);
-        on.setExtraStackFrame(N);
+        var v = a._owner, k = Ee(a.type, a._source, v ? v.type : null);
+        on.setExtraStackFrame(k);
       } else
         on.setExtraStackFrame(null);
     }
-    function tt(a, v, N, E, D) {
+    function rt(a, v, k, S, D) {
       {
-        var A = Function.call.bind(xe);
+        var P = Function.call.bind(xe);
         for (var O in a)
-          if (A(a, O)) {
+          if (P(a, O)) {
             var R = void 0;
             try {
               if (typeof a[O] != "function") {
-                var J = Error((E || "React class") + ": " + N + " type `" + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[O] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var J = Error((S || "React class") + ": " + k + " type `" + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[O] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw J.name = "Invariant Violation", J;
               }
-              R = a[O](v, O, E, N, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              R = a[O](v, O, S, k, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (z) {
               R = z;
             }
-            R && !(R instanceof Error) && (Ee(D), 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, O, typeof R), Ee(null)), R instanceof Error && !(R.message in ln) && (ln[R.message] = !0, Ee(D), p("Failed %s type: %s", N, R.message), Ee(null));
+            R && !(R instanceof Error) && (Te(D), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", S || "React class", k, O, typeof R), Te(null)), R instanceof Error && !(R.message in ln) && (ln[R.message] = !0, Te(D), y("Failed %s type: %s", k, R.message), Te(null));
           }
       }
     }
-    var rt = Array.isArray;
-    function Le(a) {
-      return rt(a);
+    var st = Array.isArray;
+    function Ve(a) {
+      return st(a);
     }
-    function st(a) {
+    function ct(a) {
       {
-        var v = typeof Symbol == "function" && Symbol.toStringTag, N = v && a[Symbol.toStringTag] || a.constructor.name || "Object";
-        return N;
+        var v = typeof Symbol == "function" && Symbol.toStringTag, k = v && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return k;
       }
     }
-    function ct(a) {
+    function it(a) {
       try {
         return un(a), !1;
       } catch {
@@ -367,17 +367,17 @@ function wt() {
       return "" + a;
     }
     function dn(a) {
-      if (ct(a))
-        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", st(a)), un(a);
+      if (it(a))
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ct(a)), un(a);
     }
-    var me = y.ReactCurrentOwner, it = {
+    var me = p.ReactCurrentOwner, at = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, hn, fn, Ve;
-    Ve = {};
-    function at(a) {
+    }, hn, fn, Ie;
+    Ie = {};
+    function lt(a) {
       if (xe.call(a, "ref")) {
         var v = Object.getOwnPropertyDescriptor(a, "ref").get;
         if (v && v.isReactWarning)
@@ -385,7 +385,7 @@ function wt() {
       }
       return a.ref !== void 0;
     }
-    function lt(a) {
+    function ot(a) {
       if (xe.call(a, "key")) {
         var v = Object.getOwnPropertyDescriptor(a, "key").get;
         if (v && v.isReactWarning)
@@ -393,45 +393,45 @@ function wt() {
       }
       return a.key !== void 0;
     }
-    function ot(a, v) {
+    function ut(a, v) {
       if (typeof a.ref == "string" && me.current && v && me.current.stateNode !== v) {
-        var N = Y(me.current.type);
-        Ve[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', Y(me.current.type), a.ref), Ve[N] = !0);
+        var k = V(me.current.type);
+        Ie[k] || (y('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', V(me.current.type), a.ref), Ie[k] = !0);
       }
     }
-    function ut(a, v) {
+    function dt(a, v) {
       {
-        var N = function() {
-          hn || (hn = !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)", v));
+        var k = function() {
+          hn || (hn = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
         };
-        N.isReactWarning = !0, Object.defineProperty(a, "key", {
-          get: N,
+        k.isReactWarning = !0, Object.defineProperty(a, "key", {
+          get: k,
           configurable: !0
         });
       }
     }
-    function dt(a, v) {
+    function ht(a, v) {
       {
-        var N = function() {
-          fn || (fn = !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)", v));
+        var k = function() {
+          fn || (fn = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
         };
-        N.isReactWarning = !0, Object.defineProperty(a, "ref", {
-          get: N,
+        k.isReactWarning = !0, Object.defineProperty(a, "ref", {
+          get: k,
           configurable: !0
         });
       }
     }
-    var ht = function(a, v, N, E, D, A, O) {
+    var ft = function(a, v, k, S, D, P, O) {
       var R = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: a,
         key: v,
-        ref: N,
+        ref: k,
         props: O,
         // Record the component responsible for creating this element.
-        _owner: A
+        _owner: P
       };
       return R._store = {}, Object.defineProperty(R._store, "validated", {
         configurable: !1,
@@ -442,7 +442,7 @@ function wt() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
+        value: S
       }), Object.defineProperty(R, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -450,41 +450,41 @@ function wt() {
         value: D
       }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function ft(a, v, N, E, D) {
+    function xt(a, v, k, S, D) {
       {
-        var A, O = {}, R = null, J = null;
-        N !== void 0 && (dn(N), R = "" + N), lt(v) && (dn(v.key), R = "" + v.key), at(v) && (J = v.ref, ot(v, D));
-        for (A in v)
-          xe.call(v, A) && !it.hasOwnProperty(A) && (O[A] = v[A]);
+        var P, O = {}, R = null, J = null;
+        k !== void 0 && (dn(k), R = "" + k), ot(v) && (dn(v.key), R = "" + v.key), lt(v) && (J = v.ref, ut(v, D));
+        for (P in v)
+          xe.call(v, P) && !at.hasOwnProperty(P) && (O[P] = v[P]);
         if (a && a.defaultProps) {
           var z = a.defaultProps;
-          for (A in z)
-            O[A] === void 0 && (O[A] = z[A]);
+          for (P in z)
+            O[P] === void 0 && (O[P] = z[P]);
         }
         if (R || J) {
-          var W = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
-          R && ut(O, W), J && dt(O, W);
+          var Y = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
+          R && dt(O, Y), J && ht(O, Y);
         }
-        return ht(a, R, J, D, E, me.current, O);
+        return ft(a, R, J, D, S, me.current, O);
       }
     }
-    var Ie = y.ReactCurrentOwner, xn = y.ReactDebugCurrentFrame;
+    var ze = p.ReactCurrentOwner, xn = p.ReactDebugCurrentFrame;
     function de(a) {
       if (a) {
-        var v = a._owner, N = Se(a.type, a._source, v ? v.type : null);
-        xn.setExtraStackFrame(N);
+        var v = a._owner, k = Ee(a.type, a._source, v ? v.type : null);
+        xn.setExtraStackFrame(k);
       } else
         xn.setExtraStackFrame(null);
     }
-    var ze;
-    ze = !1;
-    function Ye(a) {
+    var Ye;
+    Ye = !1;
+    function We(a) {
       return typeof a == "object" && a !== null && a.$$typeof === t;
     }
     function mn() {
       {
-        if (Ie.current) {
-          var a = Y(Ie.current.type);
+        if (ze.current) {
+          var a = V(ze.current.type);
           if (a)
             return `
 
@@ -493,26 +493,26 @@ Check the render method of \`` + a + "`.";
         return "";
       }
     }
-    function xt(a) {
+    function mt(a) {
       {
         if (a !== void 0) {
-          var v = a.fileName.replace(/^.*[\\\/]/, ""), N = a.lineNumber;
+          var v = a.fileName.replace(/^.*[\\\/]/, ""), k = a.lineNumber;
           return `
 
-Check your code at ` + v + ":" + N + ".";
+Check your code at ` + v + ":" + k + ".";
         }
         return "";
       }
     }
     var jn = {};
-    function mt(a) {
+    function jt(a) {
       {
         var v = mn();
         if (!v) {
-          var N = typeof a == "string" ? a : a.displayName || a.name;
-          N && (v = `
+          var k = typeof a == "string" ? a : a.displayName || a.name;
+          k && (v = `
 
-Check the top-level render call using <` + N + ">.");
+Check the top-level render call using <` + k + ">.");
         }
         return v;
       }
@@ -522,128 +522,128 @@ Check the top-level render call using <` + N + ">.");
         if (!a._store || a._store.validated || a.key != null)
           return;
         a._store.validated = !0;
-        var N = mt(v);
-        if (jn[N])
+        var k = jt(v);
+        if (jn[k])
           return;
-        jn[N] = !0;
-        var E = "";
-        a && a._owner && a._owner !== Ie.current && (E = " It was passed a child from " + Y(a._owner.type) + "."), de(a), 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), de(null);
+        jn[k] = !0;
+        var S = "";
+        a && a._owner && a._owner !== ze.current && (S = " It was passed a child from " + V(a._owner.type) + "."), de(a), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', k, S), de(null);
       }
     }
     function gn(a, v) {
       {
         if (typeof a != "object")
           return;
-        if (Le(a))
-          for (var N = 0; N < a.length; N++) {
-            var E = a[N];
-            Ye(E) && vn(E, v);
+        if (Ve(a))
+          for (var k = 0; k < a.length; k++) {
+            var S = a[k];
+            We(S) && vn(S, v);
           }
-        else if (Ye(a))
+        else if (We(a))
           a._store && (a._store.validated = !0);
         else if (a) {
-          var D = k(a);
+          var D = b(a);
           if (typeof D == "function" && D !== a.entries)
-            for (var A = D.call(a), O; !(O = A.next()).done; )
-              Ye(O.value) && vn(O.value, v);
+            for (var P = D.call(a), O; !(O = P.next()).done; )
+              We(O.value) && vn(O.value, v);
         }
       }
     }
-    function jt(a) {
+    function vt(a) {
       {
         var v = a.type;
         if (v == null || typeof v == "string")
           return;
-        var N;
+        var k;
         if (typeof v == "function")
-          N = v.propTypes;
+          k = v.propTypes;
         else if (typeof v == "object" && (v.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         v.$$typeof === h))
-          N = v.propTypes;
+          k = v.propTypes;
         else
           return;
-        if (N) {
-          var E = Y(v);
-          tt(N, a.props, "prop", E, a);
-        } else if (v.PropTypes !== void 0 && !ze) {
-          ze = !0;
-          var D = Y(v);
-          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
+        if (k) {
+          var S = V(v);
+          rt(k, a.props, "prop", S, a);
+        } else if (v.PropTypes !== void 0 && !Ye) {
+          Ye = !0;
+          var D = V(v);
+          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
         }
-        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function vt(a) {
+    function gt(a) {
       {
-        for (var v = Object.keys(a.props), N = 0; N < v.length; N++) {
-          var E = v[N];
-          if (E !== "children" && E !== "key") {
-            de(a), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), de(null);
+        for (var v = Object.keys(a.props), k = 0; k < v.length; k++) {
+          var S = v[k];
+          if (S !== "children" && S !== "key") {
+            de(a), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), de(null);
             break;
           }
         }
-        a.ref !== null && (de(a), p("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+        a.ref !== null && (de(a), y("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
       }
     }
     var pn = {};
-    function yn(a, v, N, E, D, A) {
+    function yn(a, v, k, S, D, P) {
       {
-        var O = q(a);
+        var O = E(a);
         if (!O) {
           var R = "";
           (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (R += " 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 J = xt(D);
+          var J = mt(D);
           J ? R += J : R += mn();
           var z;
-          a === null ? z = "null" : Le(a) ? z = "array" : a !== void 0 && a.$$typeof === t ? (z = "<" + (Y(a.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : z = typeof a, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", z, R);
+          a === null ? z = "null" : Ve(a) ? z = "array" : a !== void 0 && a.$$typeof === t ? (z = "<" + (V(a.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : z = typeof a, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", z, R);
         }
-        var W = ft(a, v, N, D, A);
-        if (W == null)
-          return W;
+        var Y = xt(a, v, k, D, P);
+        if (Y == null)
+          return Y;
         if (O) {
-          var ee = v.children;
-          if (ee !== void 0)
-            if (E)
-              if (Le(ee)) {
-                for (var he = 0; he < ee.length; he++)
-                  gn(ee[he], a);
-                Object.freeze && Object.freeze(ee);
+          var ne = v.children;
+          if (ne !== void 0)
+            if (S)
+              if (Ve(ne)) {
+                for (var he = 0; he < ne.length; he++)
+                  gn(ne[he], a);
+                Object.freeze && Object.freeze(ne);
               } 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.");
+                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              gn(ee, a);
+              gn(ne, a);
         }
         if (xe.call(v, "key")) {
-          var ue = Y(a), K = Object.keys(v).filter(function(kt) {
-            return kt !== "key";
-          }), We = K.length > 0 ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!pn[ue + We]) {
-            var Nt = K.length > 0 ? "{" + K.join(": ..., ") + ": ...}" : "{}";
-            p(`A props object containing a "key" prop is being spread into JSX:
+          var ue = V(a), Z = Object.keys(v).filter(function(Ct) {
+            return Ct !== "key";
+          }), He = Z.length > 0 ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!pn[ue + He]) {
+            var kt = Z.length > 0 ? "{" + Z.join(": ..., ") + ": ...}" : "{}";
+            y(`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} />`, We, ue, Nt, ue), pn[ue + We] = !0;
+  <%s key={someKey} {...props} />`, He, ue, kt, ue), pn[ue + He] = !0;
           }
         }
-        return a === s ? vt(W) : jt(W), W;
+        return a === s ? gt(Y) : vt(Y), Y;
       }
     }
-    function gt(a, v, N) {
-      return yn(a, v, N, !0);
+    function pt(a, v, k) {
+      return yn(a, v, k, !0);
     }
-    function pt(a, v, N) {
-      return yn(a, v, N, !1);
+    function yt(a, v, k) {
+      return yn(a, v, k, !1);
     }
-    var yt = pt, bt = gt;
-    ve.Fragment = s, ve.jsx = yt, ve.jsxs = bt;
+    var bt = yt, Nt = pt;
+    ve.Fragment = s, ve.jsx = bt, ve.jsxs = Nt;
   }()), ve;
 }
-process.env.NODE_ENV === "production" ? qe.exports = _t() : qe.exports = wt();
-var e = qe.exports;
-const St = (n) => Ce({ ...n, className: (n.className ?? "") + " outline-button" }), U = (n) => Ce({ ...n, className: (n.className ?? "") + " text-button" }), Et = (n) => Ce({ ...n, className: (n.className ?? "") + " total-button" }), Tt = (n) => Ce({ ...n, className: (n.className ?? "") + " filled-button" }), Ce = (n) => {
+process.env.NODE_ENV === "production" ? Je.exports = wt() : Je.exports = St();
+var e = Je.exports;
+const Et = (n) => Ce({ ...n, className: (n.className ?? "") + " outline-button" }), X = (n) => Ce({ ...n, className: (n.className ?? "") + " text-button" }), Tt = (n) => Ce({ ...n, className: (n.className ?? "") + " total-button" }), $t = (n) => Ce({ ...n, className: (n.className ?? "") + " filled-button" }), Ce = (n) => {
   const t = (r) => {
     n.onClick && n.onClick(r);
     let s = document.createElement("span");
@@ -654,21 +654,21 @@ const St = (n) => Ce({ ...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 }) });
-}, Pn = ({ styleType: n = "base", ...t }) => n === "outline" ? St({ ...t }) : n === "text" ? U({ ...t }) : n === "filledTotal" ? Et({ ...t }) : n === "filled" ? Tt({ ...t }) : Ce({ ...t });
+}, Pn = ({ styleType: n = "base", ...t }) => n === "outline" ? Et({ ...t }) : n === "text" ? X({ ...t }) : n === "filledTotal" ? Tt({ ...t }) : n === "filled" ? $t({ ...t }) : Ce({ ...t });
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $t = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Bn = (...n) => n.filter((t, r, s) => !!t && s.indexOf(t) === r).join(" ");
+const Rt = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Bn = (...n) => n.filter((t, r, s) => !!t && s.indexOf(t) === r).join(" ");
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Rt = {
+var Ot = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -685,7 +685,7 @@ var Rt = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ot = An(
+const Mt = An(
   ({
     color: n = "currentColor",
     size: t = 24,
@@ -695,11 +695,11 @@ const Ot = An(
     children: i,
     iconNode: u,
     ...o
-  }, l) => Ue(
+  }, l) => qe(
     "svg",
     {
       ref: l,
-      ...Rt,
+      ...Ot,
       width: t,
       height: t,
       stroke: n,
@@ -708,7 +708,7 @@ const Ot = An(
       ...o
     },
     [
-      ...u.map(([d, f]) => Ue(d, f)),
+      ...u.map(([d, f]) => qe(d, f)),
       ...Array.isArray(i) ? i : [i]
     ]
   )
@@ -719,12 +719,12 @@ const Ot = An(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const X = (n, t) => {
+const G = (n, t) => {
   const r = An(
-    ({ className: s, ...c }, i) => Ue(Ot, {
+    ({ className: s, ...c }, i) => qe(Mt, {
       ref: i,
       iconNode: t,
-      className: Bn(`lucide-${$t(n)}`, s),
+      className: Bn(`lucide-${Rt(n)}`, s),
       ...c
     })
   );
@@ -736,7 +736,7 @@ const X = (n, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = X("AlignJustify", [
+const Ln = G("AlignJustify", [
   ["line", { x1: "3", x2: "21", y1: "6", y2: "6", key: "4m8b97" }],
   ["line", { x1: "3", x2: "21", y1: "12", y2: "12", key: "10d38w" }],
   ["line", { x1: "3", x2: "21", y1: "18", y2: "18", key: "kwyyxn" }]
@@ -747,7 +747,7 @@ const Ln = X("AlignJustify", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mt = X("ArrowLeft", [
+const Dt = G("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
@@ -757,7 +757,7 @@ const Mt = X("ArrowLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dt = X("CalendarDays", [
+const Ft = G("CalendarDays", [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -775,14 +775,14 @@ const Dt = X("CalendarDays", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ne = X("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+const be = G("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = X("ChevronDown", [
+const kn = G("ChevronDown", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
 /**
@@ -791,7 +791,7 @@ const kn = X("ChevronDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ze = X("CircleMinus", [
+const Qe = G("CircleMinus", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }]
 ]);
@@ -801,7 +801,7 @@ const Ze = X("CircleMinus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = X("CirclePlus", [
+const Vn = G("CirclePlus", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }],
   ["path", { d: "M12 8v8", key: "napkw2" }]
@@ -812,7 +812,7 @@ const Vn = X("CirclePlus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = X("CircleX", [
+const In = G("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -823,7 +823,7 @@ const In = X("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = X("Clock3", [
+const zn = G("Clock3", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polyline", { points: "12 6 12 12 16.5 12", key: "1aq6pp" }]
 ]);
@@ -833,7 +833,7 @@ const zn = X("Clock3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ft = X("EllipsisVertical", [
+const At = G("EllipsisVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
@@ -844,7 +844,7 @@ const Ft = X("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = X("Ellipsis", [
+const Ke = G("Ellipsis", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
@@ -855,7 +855,7 @@ const Je = X("Ellipsis", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const At = X("Keyboard", [
+const Pt = G("Keyboard", [
   ["path", { d: "M10 8h.01", key: "1r9ogq" }],
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M14 8h.01", key: "1primd" }],
@@ -872,14 +872,14 @@ const At = X("Keyboard", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pt = X("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
+const Bt = G("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bt = X("Palette", [
+const Lt = G("Palette", [
   ["circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", key: "1okk4w" }],
   ["circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", key: "f64h9f" }],
   ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }],
@@ -898,7 +898,7 @@ const Bt = X("Palette", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Lt = X("Pen", [
+const Vt = G("Pen", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }]
 ]);
 /**
@@ -907,7 +907,7 @@ const Lt = X("Pen", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vt = X("Plus", [
+const It = G("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -917,7 +917,7 @@ const Vt = X("Plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const It = X("Search", [
+const zt = G("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -927,7 +927,7 @@ const It = X("Search", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zt = X("Trash2", [
+const Yt = G("Trash2", [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
@@ -940,15 +940,15 @@ const zt = X("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const De = X("X", [
+const Fe = G("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
-const ke = ({ children: n, container: t }) => t ? Ct.createPortal(
+const Ne = ({ children: n, container: t }) => t ? _t.createPortal(
   n,
   t
 ) : /* @__PURE__ */ e.jsx("p", { children: "container not found" });
-function Yt(n, t, r) {
+function Wt(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);
@@ -957,9 +957,9 @@ function Yt(n, t, r) {
     c.addColorStop(0, "transparent"), c.addColorStop(1, "#000"), n.fillStyle = c, n.fillRect(0, 0, t.width, t.height);
   }
 }
-function Wt(n, t, r, s) {
+function Ht(n, t, r, s) {
   !t || !n || n.addEventListener("mousedown", function(c) {
-    Ht(c, n, r, s);
+    Gt(c, n, r, s);
   });
 }
 function Cn(n, t, r, s) {
@@ -973,7 +973,7 @@ function Cn(n, t, r, s) {
   const o = i / c.height, l = u / c.width, d = 100 - 100 * o, f = 100 * l;
   s(Math.round(f), Math.round(d)), Yn(r, u, i);
 }
-function Ht(n, t, r, s) {
+function Gt(n, t, r, s) {
   const c = (u) => Cn(u, t, r, s);
   Cn(n, t, r, s), r.classList.add("dragging"), window.addEventListener("mousemove", c), window.addEventListener("mouseup", i);
   function i() {
@@ -983,15 +983,15 @@ function Ht(n, t, r, s) {
 function Yn(n, t, r) {
   n.style.top = r + "px", n.style.left = t + "px";
 }
-function Gt(n, t) {
+function Xt(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 Xt(n, t, r, s) {
+function Ut(n, t, r, s) {
   !n || !t || t.addEventListener("mousedown", function(c) {
-    Ut(c, r, t, s);
+    qt(c, r, t, s);
   });
 }
 function _n(n, t, r, s) {
@@ -1003,7 +1003,7 @@ function _n(n, t, r, s) {
   const o = 360 - 360 * (i / c.height);
   s(o), Wn(r, i);
 }
-function Ut(n, t, r, s) {
+function qt(n, t, r, s) {
   const c = (u) => _n(u, r, t, s);
   _n(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", c), window.addEventListener("mouseup", i);
   function i() {
@@ -1013,7 +1013,7 @@ function Ut(n, t, r, s) {
 function Wn(n, t) {
   n.style.top = t + "px";
 }
-function Hr(n, t, r) {
+function Xr(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), {
@@ -1022,7 +1022,7 @@ function Hr(n, t, r) {
     v: i
   };
 }
-function Gr(n, t, r) {
+function Ur(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 };
@@ -1055,14 +1055,14 @@ function ge(n, t, r) {
     b: Math.round(i * 255)
   };
 }
-function He(n) {
+function Ge(n) {
   let t = n.toString(16);
   return t.length === 1 && (t = "0" + t), t;
 }
 function fe(n) {
-  return He(n.r) + He(n.g) + He(n.b);
+  return Ge(n.r) + Ge(n.g) + Ge(n.b);
 }
-function Te(n, t, r) {
+function Me(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, u, o = s === 0 ? 0 : i / s, l = s / 255;
   switch (s) {
@@ -1085,7 +1085,7 @@ function Te(n, t, r) {
     v: l
   };
 }
-function be(n) {
+function ke(n) {
   var t = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
   n = n.replace(t, function(s, c, i, u) {
     return c + c + i + i + u + u;
@@ -1097,13 +1097,13 @@ function be(n) {
     b: parseInt(r[3], 16)
   } : null;
 }
-const qt = be, Jt = (n) => {
+const Jt = ke, Kt = (n) => {
   if (!n)
     return "linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";
-  const t = qt(n);
+  const t = Jt(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))";
 };
-const Qe = ({ children: n, onHide: t, disableBackplate: r }) => {
+const en = ({ children: n, onHide: t, disableBackplate: r }) => {
   function s() {
     t && t();
   }
@@ -1115,12 +1115,12 @@ const Qe = ({ children: n, onHide: t, disableBackplate: r }) => {
   function l() {
     c && c();
   }
-  return /* @__PURE__ */ e.jsx(Qe, { onHide: l, disableBackplate: o, children: /* @__PURE__ */ e.jsxs("div", { style: i, className: `${u ? "" : "dialog-container"} dialog-container-base ${n}`, children: [
+  return /* @__PURE__ */ e.jsx(en, { onHide: l, disableBackplate: o, children: /* @__PURE__ */ e.jsxs("div", { style: i, className: `${u ? "" : "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
   ] }) });
-}, Kt = [
+}, Zt = [
   "#FFFFFF",
   "#FFFB0D",
   "#0532FF",
@@ -1133,131 +1133,182 @@ const Qe = ({ children: n, onHide: t, disableBackplate: r }) => {
   "#D27AEE",
   "#5BA8C4",
   "#E64AA9"
-], Zt = ({ onHide: n, beginColor: t, onChange: r, onAddColor: s, userColor: c = [] }) => {
-  const i = H(null), u = H(null), o = H(null), l = H(null), [d, f] = _(t ? Te(be(t)) : { h: 0, s: 1, v: 0.5 }), h = ye(() => ge(d), [d]), m = ye(() => "#" + fe(h), [h]), [j, x] = _(!1), [g, k] = _(m), y = ye(() => g[0] != "#" ? "#" + g : g, [g]);
-  function p(S, L, q, B, G) {
-    if (!(!S || !q))
+], Hn = { h: 0, s: 1, v: 0.5 }, Qt = (n) => {
+  try {
+    return Me(ke(n));
+  } catch {
+    return Hn;
+  }
+}, er = ({ onHide: n, beginColor: t, onChange: r, onAddColor: s, def: c, userColor: i = [] }) => {
+  const u = W(null), o = W(null), l = W(null), d = W(null), [f, h] = w(t ? Qt(t) : Hn), m = ye(() => ge(f), [f]), j = ye(() => "#" + fe(m), [m]), [x, g] = w(!1), [b, p] = w(j), y = ye(() => b[0] != "#" ? "#" + b : b, [b]);
+  function C(E, F, H, V, U) {
+    if (!(!E || !H))
       try {
-        const Y = S.getBoundingClientRect(), te = q.getBoundingClientRect(), se = Math.round(G.s * Y.width), oe = Math.round((1 - G.v) * Y.height), I = (360 - G.h * 360) / 360 * te.height;
-        Yn(L, se, oe), Wn(B, I);
+        const re = E.getBoundingClientRect(), oe = H.getBoundingClientRect(), I = Math.round(U.s * re.width), L = Math.round((1 - U.v) * re.height), _e = (360 - U.h * 360) / 360 * oe.height;
+        Yn(F, I, L), Wn(V, _e);
       } catch {
       }
   }
-  const C = (S) => {
-    f(Te(be(S))), k(S);
-  }, b = w(() => {
-    s && s([...c, m]);
-  }, [s, c, m]), T = w(() => {
-    r && r(m);
-  }, [r, m]), $ = w((S, L) => {
-    f(Te({ ...h, [S]: L })), k(fe({ ...h, [S]: L }));
-  }, [h]), P = w((S) => {
-    k(S);
-  }, []);
-  return F(() => {
-    (g.length === 4 || g.length === 7) && f(Te(be(g)));
-  }, [g]), F(() => {
-    if (!o.current || !i.current || !u.current || !l.current)
+  const N = (E) => {
+    h(Me(ke(E))), p(E);
+  }, T = _(() => {
+    s && s([...i, j]);
+  }, [s, i, j]), $ = _(() => {
+    r && r(j);
+  }, [r, j]), B = _((E, F) => {
+    h(Me({ ...m, [E]: F })), p(fe({ ...m, [E]: F }));
+  }, [m]), q = _((E) => {
+    p(E);
+  }, []), ee = _(() => {
+    c && r && r(c);
+  }, [c]);
+  return A(() => {
+    (b.length === 4 || b.length === 7) && h(Me(ke(b)));
+  }, [b]), A(() => {
+    if (!l.current || !u.current || !o.current || !d.current)
       return;
-    const S = o.current.getContext("2d");
-    Yt(S, o.current, `#${fe(ge(d.h, 1, 1))}`), p(o.current, l.current, i.current, u.current, d);
-  }, [d]), F(() => {
-    if (!o.current || !l.current)
+    const E = l.current.getContext("2d");
+    Wt(E, l.current, `#${fe(ge(f.h, 1, 1))}`), C(l.current, d.current, u.current, o.current, f);
+  }, [f]), A(() => {
+    if (!l.current || !d.current)
       return;
-    const S = o.current.getContext("2d");
-    Wt(o.current, S, l.current, (L, q) => {
-      f((B) => {
-        const G = { ...B, s: L / 100, v: q / 100 };
-        return k(fe(ge(G))), G;
+    const E = l.current.getContext("2d");
+    Ht(l.current, E, d.current, (F, H) => {
+      h((V) => {
+        const U = { ...V, s: F / 100, v: H / 100 };
+        return p(fe(ge(U))), U;
       });
     });
-  }, []), F(() => {
-    if (!i.current || !u.current)
+  }, []), A(() => {
+    if (!u.current || !o.current)
       return;
-    const S = i.current.getContext("2d");
-    Gt(S, i.current), Xt(S, i.current, u.current, (L) => {
-      f((q) => {
-        const B = { ...q, h: L / 360 };
-        return k(fe(ge(B))), B;
+    const E = u.current.getContext("2d");
+    Xt(E, u.current), Ut(E, u.current, o.current, (F) => {
+      h((H) => {
+        const V = { ...H, h: F / 360 };
+        return p(fe(ge(V))), V;
       });
     });
-  }, []), F(() => {
-    console.log(d, h);
-  }, [d]), /* @__PURE__ */ e.jsxs(le, { className: "color-picker-panel", onHide: n, clearStyle: !0, children: [
+  }, []), A(() => {
+    console.log(f, m);
+  }, [f]), /* @__PURE__ */ e.jsxs(le, { 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: Kt.map((S, L) => /* @__PURE__ */ e.jsx("button", { onClick: () => C(S), className: "swatch", style: { backgroundColor: S } }, L)) }),
-      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker eyedropper", onClick: T, children: "Get Color" })
+      /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Zt.map((E, F) => /* @__PURE__ */ e.jsx("button", { onClick: () => N(E), className: "swatch", style: { backgroundColor: E } }, F)) }),
+      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker eyedropper", onClick: $, 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: l, className: "color-cursor spectrum-cursor" }),
-        /* @__PURE__ */ e.jsx("canvas", { ref: o, className: "spectrum-canvas spectrum-canvas-color-picker" })
+        /* @__PURE__ */ e.jsx("button", { ref: d, className: "color-cursor spectrum-cursor" }),
+        /* @__PURE__ */ e.jsx("canvas", { ref: l, className: "spectrum-canvas spectrum-canvas-color-picker" })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "hue-map", children: [
-        /* @__PURE__ */ e.jsx("button", { ref: u, className: "color-cursor hue-cursor" }),
-        /* @__PURE__ */ e.jsx("canvas", { ref: i, className: "hue-canvas hue-canvas-color-picker" })
+        /* @__PURE__ */ e.jsx("button", { ref: o, className: "color-cursor hue-cursor" }),
+        /* @__PURE__ */ e.jsx("canvas", { ref: u, 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 value-fields rgb-fields ${x ? "" : "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: h.r, onChange: (S) => $("r", Number(S.target.value)), className: "field-input rgb-input" })
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: m.r, onChange: (E) => B("r", Number(E.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: h.g, onChange: (S) => $("g", Number(S.target.value)), className: "field-input rgb-input" })
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: m.g, onChange: (E) => B("g", Number(E.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: h.b, onChange: (S) => $("b", Number(S.target.value)), className: "field-input rgb-input" })
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: m.b, onChange: (E) => B("b", Number(E.target.value)), className: "field-input rgb-input" })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: `field-group value-fields hex-field ${j ? "active" : ""}`, children: [
+      /* @__PURE__ */ e.jsxs("div", { className: `field-group value-fields hex-field ${x ? "active" : ""}`, children: [
         /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "Hex:" }),
-        /* @__PURE__ */ e.jsx("input", { type: "text", className: "field-input", value: y, onChange: (S) => P(S.target.value) })
+        /* @__PURE__ */ e.jsx("input", { type: "text", className: "field-input", value: y, onChange: (E) => q(E.target.value) })
       ] }),
-      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker mode-toggle", onClick: () => x((S) => !S), children: "Mode" })
+      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker mode-toggle", onClick: () => g((E) => !E), 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: c ? c.map((S, L) => /* @__PURE__ */ e.jsx("button", { onClick: () => C(S), className: "swatch", style: { backgroundColor: S } }, L)) : null }),
-      /* @__PURE__ */ e.jsxs("button", { onClick: b, className: "button-color-picker add-swatch", children: [
-        /* @__PURE__ */ e.jsx("span", { style: { backgroundColor: `#${fe(ge(d))}` }, className: "color-indicator" }),
+      /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: i ? i.map((E, F) => /* @__PURE__ */ e.jsx("button", { onClick: () => N(E), className: "swatch", style: { backgroundColor: E } }, F)) : null }),
+      /* @__PURE__ */ e.jsxs("button", { onClick: T, className: "button-color-picker add-swatch", children: [
+        /* @__PURE__ */ e.jsx("span", { style: { backgroundColor: `#${fe(ge(f))}` }, className: "color-indicator" }),
         /* @__PURE__ */ e.jsx("span", { children: "Add to Swatches" })
+      ] }),
+      c && /* @__PURE__ */ e.jsxs("button", { onClick: () => ee(), className: "button-color-picker add-swatch", children: [
+        /* @__PURE__ */ e.jsx("span", { style: { backgroundColor: c }, className: "color-indicator" }),
+        /* @__PURE__ */ e.jsx("span", { children: "set default" })
       ] })
     ] })
   ] });
-}, Xr = ({ border: n, onChange: t, container: r, value: s, className: c, transparent: i, userColor: u, onAddColor: o }) => {
-  const [l, d] = _(!1), [f, h] = _(s ?? "#f00"), m = () => {
-    d(!0);
-  }, j = w((x) => {
-    console.log(x), h(x), t && t(x), d(!1);
+};
+function nr(n) {
+  return n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function Gn(n, t, r) {
+  return n.replace(new RegExp(nr(t), "g"), r);
+}
+const Q = (n, t, r = "", s) => {
+  let c, i, u, o, l, d, f, h = Math.round, m = typeof r == "string";
+  if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !m || (f = t.length > 9, f = m ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !f : !1 : f, l = Q.pSBCr(t), o = n < 0, d = r && typeof r == "string" && r != "c" ? Q.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 || !d))
+    return null;
+  s ? (c = h(o * (l.r ?? 0) + n * (d.r ?? 0)), i = h(o * (l.g ?? 0) + n * (d.g ?? 0)), u = h(o * (l.b ?? 0) + n * (d.b ?? 0))) : (c = h((o * (l.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), i = h((o * (l.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), u = h((o * (l.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
+  let j = l.a ?? 1;
+  return d = d.a ?? 1, l = j >= 0 || d >= 0, j = j >= 0 || d >= 0 ? j < 0 ? d : d < 0 ? j : j * o + d * n : 0, f ? "rgb" + (l ? "a(" : "(") + c + "," + i + "," + u + (l ? "," + h(j * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + c * 16777216 + i * 65536 + u * 256 + (l ? h(j * 255) : 0)).toString(16).slice(1, l ? void 0 : -2);
+};
+Q.pSBCr = (n) => {
+  const t = parseInt;
+  let r = n.length, s = {};
+  if (r > 9) {
+    const c = n.split(","), [i, u, o, l] = 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(u), s.b = t(o), s.a = l ? parseFloat(l) : -1;
+  } else {
+    if (r == 8 || r == 6 || r < 4)
+      return null;
+    r < 6 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3] + (r > 4 ? n[4] + n[4] : ""));
+    let c = t(n.slice(1), 16);
+    r == 9 || r == 5 ? (s.r = c >> 24 & 255, s.g = c >> 16 & 255, s.b = c >> 8 & 255, s.a = Math.round((c & 255) / 0.255) / 1e3) : (s.r = c >> 16, s.g = c >> 8 & 255, s.b = c & 255, s.a = -1);
+  }
+  return s;
+};
+function K(n) {
+  const t = ke(n);
+  return t ? t.r * 0.299 + t.g * 0.589 + t.b * 0.114 > 186 ? "#000000" : "#FFFFFF" : "#fff";
+}
+function ie(n, t = !1) {
+  return Q(t ? -0.6 : 0.3, n) ?? n;
+}
+const tr = (n) => `--${Gn(n, "_", "-")}`, rr = (n) => Gn(n, "-", "_").slice(2), qr = ({ border: n, onChange: t, container: r, value: s, className: c, transparent: i, userColor: u, onAddColor: o, def: l, placeholder: d }) => {
+  const [f, h] = w(!1), [m, j] = w(s ?? "#f00"), x = () => {
+    h(!0);
+  }, g = _((b) => {
+    console.log(b), j(b), t && t(b), h(!1);
   }, [t]);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: `input-field color-field ${n ? "border" : ""} ${i ? "transparent" : ""} ${c ?? ""}`, children: [
-      /* @__PURE__ */ e.jsx("div", { className: "color-field-label", onClick: m, children: /* @__PURE__ */ e.jsx("span", { className: "data color-field-data", children: f }) }),
-      /* @__PURE__ */ e.jsx("div", { className: " color-indicator-field", style: { backgroundColor: f }, onClick: m }),
-      /* @__PURE__ */ e.jsx("div", { className: "color-icon-container icon-container", style: { marginRight: "12px", marginLeft: "0" }, onClick: m, children: /* @__PURE__ */ e.jsx(Bt, {}) })
+      d && /* @__PURE__ */ e.jsx("div", { className: "color-field-label", onClick: x, children: /* @__PURE__ */ e.jsx("span", { className: "data color-field-placeholder", children: d }) }),
+      /* @__PURE__ */ e.jsx("div", { className: " color-indicator-field", style: { backgroundColor: m }, onClick: x, children: /* @__PURE__ */ e.jsx("p", { className: "data color-field-data", style: { color: K(m) }, children: m }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "color-icon-container icon-container", style: { marginRight: "12px", marginLeft: "0" }, onClick: x, children: /* @__PURE__ */ e.jsx(Lt, {}) })
     ] }),
-    l ? /* @__PURE__ */ e.jsx(ke, { container: r, children: /* @__PURE__ */ e.jsx(Zt, { userColor: u, onAddColor: o, onChange: j, beginColor: f, onHide: () => d(!1) }) }) : null
+    f ? /* @__PURE__ */ e.jsx(Ne, { container: r, children: /* @__PURE__ */ e.jsx(er, { def: l, userColor: u, onAddColor: o, onChange: g, beginColor: m, onHide: () => h(!1) }) }) : null
   ] });
 };
-const Qt = ({ 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 });
-var ne = /* @__PURE__ */ ((n) => (n.MOBILE = "MOBILE", n.STANDART = "STANDART", n.BIG_SCREEN = "BIG_SCREEN", n))(ne || {});
-const Hn = {
-  [ne.MOBILE]: "small-screen",
-  [ne.STANDART]: "standart-screen",
-  [ne.BIG_SCREEN]: "big-screen"
+const sr = ({ 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 });
+var te = /* @__PURE__ */ ((n) => (n.MOBILE = "MOBILE", n.STANDART = "STANDART", n.BIG_SCREEN = "BIG_SCREEN", n))(te || {});
+const Xn = {
+  [te.MOBILE]: "small-screen",
+  [te.STANDART]: "standart-screen",
+  [te.BIG_SCREEN]: "big-screen"
 };
-function wn(n, t = ne.STANDART) {
-  return `var(--${n}-${Hn[t]})`;
+function wn(n, t = te.STANDART) {
+  return `var(--${n}-${Xn[t]})`;
 }
 function Sn(n, t = "standart") {
   return `var(--${n}-${t})`;
 }
-function En(n, t = "normal", r = ne.STANDART) {
-  return `var(--${n}-heights-${Hn[r]}-${t})`;
+function En(n, t = "normal", r = te.STANDART) {
+  return `var(--${n}-heights-${Xn[r]}-${t})`;
 }
 const ae = (n) => {
   var t, r, s, c, i, u;
@@ -1286,7 +1337,7 @@ const ae = (n) => {
       className: `alex-evo-ui-kit alex-evo-ui-kit-text ${n.className}`
     }
   );
-}, er = ({ icon: n, control: t, text: r, header: s, value: c, onClick: i, hovered: u, className: o }) => {
+}, cr = ({ icon: n, control: t, text: r, header: s, value: c, onClick: i, hovered: u, className: o }) => {
   const l = (d) => {
     d.target.closest(".control-container") || i && i(d);
   };
@@ -1311,19 +1362,19 @@ const pe = ({ transparent: n, icon: t, className: r, onClick: s, onContextMenu:
   };
   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: `${u} iconbutton-container`, children: t }) });
 };
-const Ur = ({ style: n, className: t, action: r, imgSrc: s, alt: c, header: i, subhead: u, text: o, children: l, iconButtonCell: d, onClick: f, screenSize: h }) => {
+const Jr = ({ style: n, className: t, action: r, imgSrc: s, alt: c, header: i, subhead: u, text: o, children: l, iconButtonCell: d, onClick: f, screenSize: h }) => {
   const m = (x) => !(x.target.className === "action-container" || x.target.closest(".action-container") || x.target.className === "icon-button-container" || x.target.closest(".icon-button-container") || x.target.className === "card-child-container" || x.target.closest(".card-child-container")), j = (x) => {
     if (!m(x))
       return;
     f && f(x);
-    let g = x.currentTarget.closest(".card-container"), k = g == null ? void 0 : g.querySelector(".blick-container");
-    if (!k)
+    let g = x.currentTarget.closest(".card-container"), b = g == null ? void 0 : g.querySelector(".blick-container");
+    if (!b)
       return;
-    let y = document.createElement("span");
-    y.classList.add("btn-overlay");
-    let p = x.pageX - x.currentTarget.offsetLeft, C = x.pageY - x.currentTarget.offsetTop;
-    y.style.left = p + "px", y.style.top = C + "px", k.appendChild(y), setTimeout(() => {
-      y.remove();
+    let p = document.createElement("span");
+    p.classList.add("btn-overlay");
+    let y = x.pageX - x.currentTarget.offsetLeft, C = x.pageY - x.currentTarget.offsetTop;
+    p.style.left = y + "px", p.style.top = C + "px", b.appendChild(p), setTimeout(() => {
+      p.remove();
     }, 500);
   };
   return /* @__PURE__ */ e.jsxs("div", { style: n, className: `card-container ${t}`, onClick: j, children: [
@@ -1341,37 +1392,37 @@ const Ur = ({ style: n, className: t, action: r, imgSrc: s, alt: c, header: i, s
     ] })
   ] });
 };
-const nr = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n });
-const qr = ({ children: n, className: t, id: r, height: s, width: c, pozMove: i }) => {
-  const [u, o] = _(!1), [l, d] = _(null), [f, h] = _({ x: 0, y: 0 }), m = (g) => {
+const ir = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n });
+const Kr = ({ children: n, className: t, id: r, height: s, width: c, pozMove: i }) => {
+  const [u, o] = w(!1), [l, d] = w(null), [f, h] = w({ x: 0, y: 0 }), m = (g) => {
     g.button == 1 && (o(!1), d(null), document.body.style.cursor = "auto");
   }, j = (g) => {
     g.button == 1 && (d({ x: g.clientX, y: g.clientY }), o(!0), document.body.style.cursor = "move");
-  }, x = w((g) => {
-    u && (h((k) => {
+  }, x = _((g) => {
+    u && (h((b) => {
       if (!l)
-        return k;
-      const y = g.clientX - l.x, p = g.clientY - l.y;
-      let C = k.x + y, b = k.y + p;
-      return { x: C, y: b };
+        return b;
+      const p = g.clientX - l.x, y = g.clientY - l.y;
+      let C = b.x + p, N = b.y + y;
+      return { x: C, y: N };
     }), d({ x: g.clientX, y: g.clientY }));
   }, [u, l]);
-  return F(() => {
+  return A(() => {
     i && h({ ...i });
   }, [i]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: c }, className: `big-container ${t}`, onMouseDown: j, onMouseUp: m, onMouseMove: x, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: f.x, top: f.y }, children: n }) });
 };
-const tr = (n) => {
-  const [t, r] = _(!1), [s, c] = _(!0), i = H(null), u = w(() => {
+const ar = (n) => {
+  const [t, r] = w(!1), [s, c] = w(!0), i = W(null), u = _(() => {
     r(!0), setTimeout(() => {
       n.onHide(), r(!1), c(!0);
     }, 200);
   }, [n.onHide]);
-  F(() => {
+  A(() => {
     n.visible && c(!1);
-  }, [n.visible]), F(() => {
+  }, [n.visible]), A(() => {
     !n.visible && !s && u();
   }, [n.visible, u, s]);
-  const o = w((h) => {
+  const o = _((h) => {
     window.screen.height - h.changedTouches[0].clientY <= 150 && u(), i.current && (i.current.style.height = `${window.screen.height - h.changedTouches[0].clientY}px`);
   }, [u]), l = (h) => {
     window.screen.height - h.clientY - 120 <= 150 && u(), i.current && (i.current.style.height = `${window.screen.height - h.clientY - 120}px`);
@@ -1380,52 +1431,52 @@ const tr = (n) => {
   }, f = () => {
     document.body.addEventListener("mousemove", l), document.body.addEventListener("mouseup", d);
   };
-  return s && !t || !n.children ? null : /* @__PURE__ */ e.jsx(Qe, { onHide: u, children: /* @__PURE__ */ e.jsxs("div", { ref: i, className: `bottom-sheets ${t ? "hide" : ""}`, children: [
+  return s && !t || !n.children ? null : /* @__PURE__ */ e.jsx(en, { onHide: u, children: /* @__PURE__ */ e.jsxs("div", { ref: i, className: `bottom-sheets ${t ? "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: n.children })
   ] }) });
 };
-const Jr = ({ name: n, checked: t, onChange: r, readOnly: s, checkIcon: c }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
+const Zr = ({ 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 rr = ({ text: n, onDelete: t, big: r, onClick: s, screenSize: c }) => {
+const lr = ({ 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")), u = (o) => {
     i(o) && s && s(o);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${r ? "big-chips" : ""} ${s ? "hovered" : ""}`, onClick: u, children: [
     /* @__PURE__ */ e.jsx(ae, { 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(De, { size: 18 }) }) : null
+    t ? /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: t, children: /* @__PURE__ */ e.jsx(Fe, { size: 18 }) }) : null
   ] });
 };
-const Gn = ({ styleContainer: n, type: t = "text", transparent: r, readOnly: s, password: c, border: i, onClear: u, icon: o, onChange: l, name: d, value: f, placeholder: h, className: m, validEmptyValue: j, onFocus: x, onBlur: g, error: k, max: y, min: p }) => {
-  const C = H(null), [b, T] = _(!1), [$, P] = _(!1), S = () => {
+const Un = ({ styleContainer: n, type: t = "text", transparent: r, readOnly: s, password: c, border: i, onClear: u, icon: o, onChange: l, name: d, value: f, placeholder: h, className: m, validEmptyValue: j, onFocus: x, onBlur: g, error: b, max: p, min: y }) => {
+  const C = W(null), [N, T] = w(!1), [$, B] = w(!1), q = () => {
     C.current && C.current.focus();
-  }, L = (G) => {
-    x && x(G), P(!0);
-  }, q = (G) => {
-    g && g(G), P(!1);
-  }, B = w((G, Y) => T(!!(k || G && (!Y || Y === ""))), []);
-  return F(() => {
-    B(j, f);
-  }, [f, j, B]), /* @__PURE__ */ e.jsxs("div", { style: n, className: `input-field text-field ${i ? "border" : ""} ${$ ? "active" : ""} ${r ? "transparent" : ""} ${m}`, children: [
-    o ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: S, children: o }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: S, children: [
+  }, ee = (H) => {
+    x && x(H), B(!0);
+  }, E = (H) => {
+    g && g(H), B(!1);
+  }, F = _((H, V) => T(!!(b || H && (!V || V === ""))), []);
+  return A(() => {
+    F(j, f);
+  }, [f, j, F]), /* @__PURE__ */ e.jsxs("div", { style: n, className: `input-field text-field ${i ? "border" : ""} ${$ ? "active" : ""} ${r ? "transparent" : ""} ${m}`, children: [
+    o ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: q, children: o }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: q, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
           ref: C,
-          max: y,
-          min: p,
+          max: p,
+          min: y,
           readOnly: s,
           required: !0,
           type: c ? "password" : t,
-          className: `${b ? "error" : ""}`,
+          className: `${N ? "error" : ""}`,
           name: d,
           value: f,
           onChange: l,
-          onFocus: L,
-          onBlur: q
+          onFocus: ee,
+          onBlur: E
         }
       ),
       /* @__PURE__ */ e.jsx("label", { children: h ? /* @__PURE__ */ e.jsx("span", { children: h }) : null })
@@ -1433,55 +1484,55 @@ const Gn = ({ styleContainer: n, type: t = "text", transparent: r, readOnly: s,
     u ? /* @__PURE__ */ e.jsx("div", { className: "icon-container clear-btn", children: /* @__PURE__ */ e.jsx(In, { onClick: u }) }) : null
   ] });
 };
-const Kr = ({ styleContainer: n, transparent: t, readOnly: r, border: s, onClear: c, icon: i, onChange: u, name: o, value: l, placeholder: d, className: f, validEmptyValue: h, onFocus: m, onBlur: j, error: x, max: g, min: k }) => {
-  const y = H(null), p = H(null), C = H(null), b = H(null), [T, $] = _(!1), [P, S] = _(l ?? 0), L = w((I, V) => $(!!(x || I && (!V || V === ""))), []), q = () => {
-    b.current && b.current.focus();
-  }, B = w((I, V) => {
+const Qr = ({ styleContainer: n, transparent: t, readOnly: r, border: s, onClear: c, icon: i, onChange: u, name: o, value: l, placeholder: d, className: f, validEmptyValue: h, onFocus: m, onBlur: j, error: x, max: g, min: b }) => {
+  const p = W(null), y = W(null), C = W(null), N = W(null), [T, $] = w(!1), [B, q] = w(l ?? 0), ee = _((I, L) => $(!!(x || I && (!L || L === ""))), []), E = () => {
+    N.current && N.current.focus();
+  }, F = _((I, L) => {
     u && (C.current && clearTimeout(C.current), C.current = setTimeout(() => {
-      C.current && clearTimeout(C.current), u(I, V);
+      C.current && clearTimeout(C.current), u(I, L);
     }, 100));
-  }, [u]), G = w(() => {
-    S((I) => {
-      let V = I ? I + 1 : 1;
-      return typeof g == "number" && V > g && (V = g), B(V, o), V;
+  }, [u]), H = _(() => {
+    q((I) => {
+      let L = I ? I + 1 : 1;
+      return typeof g == "number" && L > g && (L = g), F(L, o), L;
     });
-  }, [B, o, g]), Y = w(() => {
-    S((I) => {
-      let V = I ? I - 1 : -1;
-      return typeof k == "number" && V < k && (V = k), B(V, o), V;
+  }, [F, o, g]), V = _(() => {
+    q((I) => {
+      let L = I ? I - 1 : -1;
+      return typeof b == "number" && L < b && (L = b), F(L, o), L;
     });
-  }, [B, o, k]), te = w((I) => {
-    let V = Number(I.target.value);
-    typeof k == "number" && V < k && (V = k), typeof g == "number" && V > g && (V = g), S(Number(I.target.value)), B(V, o);
-  }, [o, B, P, g, k]), se = w(() => {
-    y.current && clearTimeout(y.current), p.current && clearInterval(p.current), document.removeEventListener("mouseup", se);
-  }, []), oe = w((I) => {
-    I === "p" ? G() : I === "m" && Y(), y.current && clearTimeout(y.current), p.current && clearInterval(p.current), document.addEventListener("mouseup", se), y.current = setTimeout(() => {
-      p.current = setInterval(() => {
-        I === "p" ? G() : I === "m" && Y();
+  }, [F, o, b]), U = _((I) => {
+    let L = Number(I.target.value);
+    typeof b == "number" && L < b && (L = b), typeof g == "number" && L > g && (L = g), q(Number(I.target.value)), F(L, o);
+  }, [o, F, B, g, b]), re = _(() => {
+    p.current && clearTimeout(p.current), y.current && clearInterval(y.current), document.removeEventListener("mouseup", re);
+  }, []), oe = _((I) => {
+    I === "p" ? H() : I === "m" && V(), p.current && clearTimeout(p.current), y.current && clearInterval(y.current), document.addEventListener("mouseup", re), p.current = setTimeout(() => {
+      y.current = setInterval(() => {
+        I === "p" ? H() : I === "m" && V();
       }, 100);
     }, 500);
-  }, [G, Y]);
-  return F(() => {
-    L(h, l);
-  }, [l, h, L]), F(() => {
-    l && !C.current && S(l);
+  }, [H, V]);
+  return A(() => {
+    ee(h, l);
+  }, [l, h, ee]), A(() => {
+    l && !C.current && q(l);
   }, [l]), /* @__PURE__ */ e.jsxs("div", { style: n, className: `input-field number-field ${s ? "border" : ""} ${t ? "transparent" : ""} ${f}`, children: [
-    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: q, children: i }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: q, children: [
+    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: E, children: i }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: E, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: b,
+          ref: N,
           max: g,
-          min: k,
+          min: b,
           readOnly: r,
           required: !0,
           type: "number",
           className: `alex-evo-number-field ${T ? "error" : ""}`,
           name: o,
-          value: P,
-          onChange: te,
+          value: B,
+          onChange: U,
           onFocus: m,
           onBlur: j
         }
@@ -1491,22 +1542,22 @@ const Kr = ({ styleContainer: n, transparent: t, readOnly: r, border: s, onClear
     ] }),
     c ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(In, { onClick: c }) }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "button-block", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "minus number-field-btn", onMouseDown: () => oe("m"), children: /* @__PURE__ */ e.jsx(Pt, {}) }),
-      /* @__PURE__ */ e.jsx("div", { className: "plus number-field-btn", onMouseDown: () => oe("p"), children: /* @__PURE__ */ e.jsx(Vt, {}) })
+      /* @__PURE__ */ e.jsx("div", { className: "minus number-field-btn", onMouseDown: () => oe("m"), children: /* @__PURE__ */ e.jsx(Bt, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "plus number-field-btn", onMouseDown: () => oe("p"), children: /* @__PURE__ */ e.jsx(It, {}) })
     ] })
   ] });
 };
-const Zr = ({ styleContainer: n, transparent: t, readOnly: r, border: s, icon: c, onChange: i, name: u, value: o, placeholder: l, className: d, validEmptyValue: f, onFocus: h, onBlur: m, error: j }) => {
-  const x = H(null), [g, k] = _(!1), y = w((C, b) => k(!!(j || C && (!b || b === ""))), []);
-  F(() => {
-    y(f, o);
-  }, [o, f, y]);
-  const p = () => {
+const es = ({ styleContainer: n, transparent: t, readOnly: r, border: s, icon: c, onChange: i, name: u, value: o, placeholder: l, className: d, validEmptyValue: f, onFocus: h, onBlur: m, error: j }) => {
+  const x = W(null), [g, b] = w(!1), p = _((C, N) => b(!!(j || C && (!N || N === ""))), []);
+  A(() => {
+    p(f, o);
+  }, [o, f, p]);
+  const y = () => {
     x.current && x.current.focus();
   };
   return /* @__PURE__ */ e.jsxs("div", { style: n, className: `input-field text-area ${g ? "error" : ""} ${s ? "border" : ""} ${t ? "transparent" : ""} ${d}`, children: [
-    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: p, children: c }) : null,
-    /* @__PURE__ */ e.jsx("div", { className: "input-container textarea-container", onClick: p, children: /* @__PURE__ */ e.jsx(
+    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: y, children: c }) : null,
+    /* @__PURE__ */ e.jsx("div", { className: "input-container textarea-container", onClick: y, children: /* @__PURE__ */ e.jsx(
       "textarea",
       {
         ref: x,
@@ -1523,48 +1574,48 @@ const Zr = ({ styleContainer: n, transparent: t, readOnly: r, border: s, icon: c
     ) })
   ] });
 };
-const re = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `divider-and-text ${t ? "short" : ""}`, children: [
+const se = ({ 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 sr = ({ name: n, checked: t }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+const or = ({ name: n, checked: t }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
   /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: t, readOnly: !0 }),
   /* @__PURE__ */ e.jsx("span", {})
-] }), Qr = ({ defaultChecked: n, name: t, currentValue: r, value: s, onChange: c, readOnly: i, checked: u }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+] }), ns = ({ defaultChecked: n, name: t, currentValue: r, value: s, onChange: c, readOnly: i, checked: u }) => /* @__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 || u, value: s, onChange: c, readOnly: i }),
   /* @__PURE__ */ e.jsx("span", {})
 ] });
-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 ts = ({ 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
 ] });
-const Fe = (n) => n ? {
+const Ae = (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, Xn = (n, t, r, s) => {
+} : void 0, qn = (n, t, r, s) => {
   let c = { x: n, y: t };
   if (!r)
     return c;
   let i = Number(window.getComputedStyle(r).getPropertyValue("height").replace("px", "")), u = Number(window.getComputedStyle(r).getPropertyValue("width").replace("px", "")), o = t + i - document.documentElement.scrollHeight, l = n + u - 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;
-}, cr = 10, Tn = 2e-3, ns = ({ children: n, label: t, className: r, style: s, border: c, hiding: i, defaultVisible: u = !1, action: o }) => {
-  const [l, d] = _(i ? u : !0), f = H(null), h = (g) => {
+}, ur = 10, Tn = 2e-3, rs = ({ children: n, label: t, className: r, style: s, border: c, hiding: i, defaultVisible: u = !1, action: o }) => {
+  const [l, d] = w(i ? u : !0), f = W(null), h = (g) => {
     if (!g)
       return;
-    const k = Fe(g);
-    if (k)
-      return k.height + cr;
+    const b = Ae(g);
+    if (b)
+      return b.height + ur;
   }, m = (g) => {
-    const k = h(g);
-    return k ? k * Tn > 1 ? 1 : k * Tn : 0.4;
+    const b = h(g);
+    return b ? b * Tn > 1 ? 1 : b * Tn : 0.4;
   }, j = (g) => {
-    const k = g.target;
-    k.closest(".action-btn") || k.classList.contains("action-btn") || i && d((p) => !p);
+    const b = g.target;
+    b.closest(".action-btn") || b.classList.contains("action-btn") || i && d((y) => !y);
   };
-  F(() => {
+  A(() => {
     !i && !l && d(!0);
   }, [i, l]);
   const x = ye(() => m(f.current), [f.current]);
@@ -1585,17 +1636,17 @@ const Fe = (n) => n ? {
       }
     )
   ] });
-}, ir = (n) => n === "" ? [] : n.split(",").map((t) => t.trim()), $n = (n) => n.join(", ");
-const ts = ({ minWidth: n, value: t, onChange: r, border: s }) => {
-  const [c, i] = _([]), [u, o] = _("");
-  F(() => {
-    console.log("p0"), i(ir(t));
-  }, [t]), F(() => {
+}, dr = (n) => n === "" ? [] : n.split(",").map((t) => t.trim()), $n = (n) => n.join(", ");
+const ss = ({ minWidth: n, value: t, onChange: r, border: s }) => {
+  const [c, i] = w([]), [u, o] = w("");
+  A(() => {
+    console.log("p0"), i(dr(t));
+  }, [t]), A(() => {
     console.log(c);
   }, [c]);
   const l = (h) => {
     o(h.target.value);
-  }, d = w(() => {
+  }, d = _(() => {
     if (u === "" || c.includes(u))
       return;
     const h = [...c, u.trim()];
@@ -1606,26 +1657,26 @@ const ts = ({ minWidth: n, value: t, onChange: r, border: s }) => {
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "more-text", style: { minWidth: n }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "add value", children: [
-      /* @__PURE__ */ e.jsx(Gn, { onChange: l, value: u, border: s }),
-      /* @__PURE__ */ e.jsx(nr, { children: /* @__PURE__ */ e.jsx(Pn, { onClick: d, children: "add" }) })
+      /* @__PURE__ */ e.jsx(Un, { onChange: l, value: u, border: s }),
+      /* @__PURE__ */ e.jsx(ir, { children: /* @__PURE__ */ e.jsx(Pn, { onClick: d, children: "add" }) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: c.map((h, m) => /* @__PURE__ */ e.jsx(rr, { text: h, onDelete: () => f(m) }, m)) })
+    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: c.map((h, m) => /* @__PURE__ */ e.jsx(lr, { text: h, onDelete: () => f(m) }, m)) })
   ] });
 };
-const rs = ({ style: n, text: t, className: r, onClick: s, onContextMenu: c }) => {
-  const i = H(null), u = w(() => {
+const cs = ({ style: n, text: t, className: r, onClick: s, onContextMenu: c }) => {
+  const i = W(null), u = _(() => {
     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 = "";
   }, [t]);
-  return F(() => {
+  return A(() => {
     u();
   }, [u]), /* @__PURE__ */ e.jsx("div", { style: n, ref: i, onClick: s, onContextMenu: c, className: `runing-text ${r}`, children: /* @__PURE__ */ e.jsx("p", { children: t }) });
 };
-const ss = ({ className: n, children: t, height: r }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: r }, children: t });
-const cs = ({ onMenu: n, onSearch: t, placeholder: r, autoChenge: s }) => {
-  const c = H(null), [i, u] = _(""), [o, l] = _(!1), d = () => {
+const is = ({ className: n, children: t, height: r }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: r }, children: t });
+const as = ({ onMenu: n, onSearch: t, placeholder: r, autoChenge: s }) => {
+  const c = W(null), [i, u] = w(""), [o, l] = w(!1), d = () => {
     c.current && (c.current.focus(), l(!0));
   }, f = () => {
     c.current && (c.current.focus(), c.current.value = ""), u(""), l(!0), s && t("");
@@ -1637,26 +1688,26 @@ const cs = ({ onMenu: n, onSearch: t, placeholder: r, autoChenge: s }) => {
     x.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: h, children: /* @__PURE__ */ e.jsx(Mt, { size: 24 }) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(Ln, { size: 24 }) }) : null,
+    o ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(Dt, { size: 24 }) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(Ln, { size: 24 }) }) : null,
     /* @__PURE__ */ e.jsx("input", { placeholder: r, type: "text", ref: c, onChange: m, onKeyDown: j, value: i, onFocus: () => l(!0) }),
-    o ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(De, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: d, children: /* @__PURE__ */ e.jsx(It, { size: 24 }) })
+    o ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(Fe, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: d, children: /* @__PURE__ */ e.jsx(zt, { size: 24 }) })
   ] }) });
 };
-const is = ({ visible: n, text: t, option: r }) => {
+const ls = ({ visible: n, text: t, option: r }) => {
   const s = () => {
     r != null && r.onHide && r.onHide();
   };
   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(U, { 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(X, { 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(De, {}) }) }) : null
+    r != null && r.closeButton ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: s, children: /* @__PURE__ */ e.jsx(Fe, {}) }) }) : null
   ] }) : null;
 };
-const as = ({ style: n, name: t, onChange: r, checked: s, className: c }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${c}`, style: n, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: t, onChange: r, checked: s }) });
-const ar = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], ls = ({ style: n, multiple: t, value: r, items: s, className: c, onClick: i, onContextMenu: u, onChange: o }) => {
-  const [l, d] = _(ar(r)), f = (h) => {
+const os = ({ style: n, name: t, onChange: r, checked: s, className: c }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${c}`, style: n, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: t, onChange: r, checked: s }) });
+const hr = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], us = ({ style: n, multiple: t, value: r, items: s, className: c, onClick: i, onContextMenu: u, onChange: o }) => {
+  const [l, d] = w(hr(r)), f = (h) => {
     i && i(h);
     const m = h.currentTarget;
     if (!t) {
@@ -1670,53 +1721,53 @@ const ar = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], ls = ({ style:
     j.length > 0 && m.dataset.el ? x = x.filter((g) => g !== m.dataset.el) : m.dataset.el && x.push(m.dataset.el), d(x), o && o(x, h);
   };
   return /* @__PURE__ */ e.jsx("div", { style: n, className: `sigmentedbutton-container ${c ?? ""}`, children: s.map((h, m) => /* @__PURE__ */ e.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ e.jsxs("button", { "data-el": h, onContextMenu: u, onClick: f, className: `sigmentedbutton-item-button ${l.includes(h) ? "active" : ""}`, children: [
-    l.includes(h) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(Ne, {}) }) : null,
+    l.includes(h) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(be, {}) }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "text-container", children: h })
   ] }, m) }, m)) });
 };
-function lr(n, t, r, s, c) {
+function fr(n, t, r, s, c) {
   return s + (c - s) * ((n - t) / (r - t));
 }
-const Ge = 0, Xe = 100, os = (n) => {
-  const [t, r] = _(0), [s, c] = _(!1), i = H(null), u = H(null);
-  F(() => {
+const Xe = 0, Ue = 100, ds = (n) => {
+  const [t, r] = w(0), [s, c] = w(!1), i = W(null), u = W(null);
+  A(() => {
     n.value ? r(n.value) : r(0);
   }, [n.value]);
   const o = (h) => {
     r(Number(h.target.value)), n.onChange && n.onChange(h);
   }, l = (h, m, j) => {
     if (i.current && u.current) {
-      let x = Fe(u.current);
+      let x = Ae(u.current);
       if (x)
-        return lr(h, m, j, 0, j - m) * (x.width - 20) / (j - m);
+        return fr(h, m, j, 0, j - m) * (x.width - 20) / (j - m);
     }
     return 0;
-  }, d = w((h) => {
+  }, d = _((h) => {
     c(!0), n.onFocus && n.onFocus(h);
-  }, [n.onFocus]), f = w((h) => {
+  }, [n.onFocus]), f = _((h) => {
     c(!1), n.onBlur && n.onBlur(h);
   }, [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 ?? Ge }) : null,
+    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: n.min ?? Xe }) : 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 ?? Ge, n.max ?? Xe) }, 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: l(t, n.min ?? Xe, n.max ?? Ue) }, 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: u, step: n.step, type: "range", min: n.min ?? Ge, max: n.max ?? Xe, onChange: o, value: t, onFocus: d, onBlur: f })
+      /* @__PURE__ */ e.jsx("input", { onMouseUp: n.onMouseUp, ref: u, step: n.step, type: "range", min: n.min ?? Xe, max: n.max ?? Ue, onChange: o, value: t, onFocus: d, onBlur: f })
     ] }),
-    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? Xe }) : null
+    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? Ue }) : null
   ] }) });
-}, or = ({ onHide: n, onSave: t }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-  /* @__PURE__ */ e.jsx(U, { onClick: n, children: "cancel" }),
-  t ? /* @__PURE__ */ e.jsx(U, { onClick: t, children: "save" }) : null
-] }), us = ({ style: n, className: t, header: r, children: s, onSave: c, onHide: i, marginBottom: u, disableBackplate: o }) => {
-  const [l, d] = _(!1), f = w(() => {
+}, xr = ({ onHide: n, onSave: t }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+  /* @__PURE__ */ e.jsx(X, { onClick: n, children: "cancel" }),
+  t ? /* @__PURE__ */ e.jsx(X, { onClick: t, children: "save" }) : null
+] }), hs = ({ style: n, className: t, header: r, children: s, onSave: c, onHide: i, marginBottom: u, disableBackplate: o }) => {
+  const [l, d] = w(!1), f = _(() => {
     window.innerWidth < 720 ? d(!0) : d(!1);
   }, [window.innerWidth]);
-  F(() => {
+  A(() => {
     f();
-  }, [f]), F(() => (window.addEventListener("resize", f), () => {
+  }, [f]), A(() => (window.addEventListener("resize", f), () => {
     window.removeEventListener("resize", f);
   }), [f]);
   const h = () => {
@@ -1726,67 +1777,67 @@ const Ge = 0, Xe = 100, os = (n) => {
   };
   return l ? /* @__PURE__ */ e.jsxs("div", { style: { ...n, height: `calc(100vh - ${u}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: /* @__PURE__ */ e.jsx(pe, { transparent: !0, onClick: h, icon: /* @__PURE__ */ e.jsx(De, {}) }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "dialog-icon-container", children: /* @__PURE__ */ e.jsx(pe, { transparent: !0, onClick: h, icon: /* @__PURE__ */ e.jsx(Fe, {}) }) }),
       /* @__PURE__ */ e.jsx("div", { className: "header", children: r }),
-      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__PURE__ */ e.jsx(U, { onClick: m, children: "save" }) : null })
+      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__PURE__ */ e.jsx(X, { onClick: m, children: "save" }) : null })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: s })
-  ] }) : /* @__PURE__ */ e.jsx(le, { disableBackplate: o, style: n, header: r, className: `full-screen-dialog-base-format ${t}`, onHide: h, children: s, action: /* @__PURE__ */ e.jsx(or, { onHide: h, onSave: c ? m : void 0 }) });
-}, ds = ({ styleContainer: n, text: t, header: r, actionText: s, onSuccess: c, onHide: i, onCancel: u }) => {
-  const o = w(() => {
+  ] }) : /* @__PURE__ */ e.jsx(le, { disableBackplate: o, style: n, header: r, className: `full-screen-dialog-base-format ${t}`, onHide: h, children: s, action: /* @__PURE__ */ e.jsx(xr, { onHide: h, onSave: c ? m : void 0 }) });
+}, fs = ({ styleContainer: n, text: t, header: r, actionText: s, onSuccess: c, onHide: i, onCancel: u }) => {
+  const o = _(() => {
     c && c(), i && i();
-  }, [c, i]), l = w(() => {
+  }, [c, i]), l = _(() => {
     u && u(), i && i();
   }, [i, u]);
-  return /* @__PURE__ */ e.jsx(le, { style: n, header: r, action: /* @__PURE__ */ e.jsx(ur, { onHide: l, actionText: s, onSuccess: o }), children: /* @__PURE__ */ e.jsx("p", { children: t }) });
+  return /* @__PURE__ */ e.jsx(le, { style: n, header: r, action: /* @__PURE__ */ e.jsx(mr, { onHide: l, actionText: s, onSuccess: o }), children: /* @__PURE__ */ e.jsx("p", { children: t }) });
 };
-function ur({ actionText: n, onSuccess: t, onHide: r }) {
+function mr({ actionText: n, onSuccess: t, onHide: r }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(U, { onClick: r, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(U, { onClick: t, children: n ?? "OK" })
+    /* @__PURE__ */ e.jsx(X, { onClick: r, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(X, { onClick: t, children: n ?? "OK" })
   ] });
 }
-function hs({ onSuccess: n, items: t, header: r, onHide: s, noHide: c = !1, name: i = "dailog_name" }) {
-  const [u, o] = _(void 0), l = w(() => {
+function xs({ onSuccess: n, items: t, header: r, onHide: s, noHide: c = !1, name: i = "dailog_name" }) {
+  const [u, o] = w(void 0), l = _(() => {
     n && u && n(u), o(void 0), !c && s && s();
-  }, [u]), d = w((f) => {
+  }, [u]), d = _((f) => {
     o(f);
   }, []);
-  return /* @__PURE__ */ e.jsxs(le, { header: r, action: /* @__PURE__ */ e.jsx(dr, { onHide: s, onSuccess: l, disabled: u === void 0 }), children: [
-    /* @__PURE__ */ e.jsx(re, { style: { padding: "0px" } }),
-    /* @__PURE__ */ e.jsx(Qt, { className: "transparent", scroll: !0, maxHeight: "200px", children: t.map((f, h) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(er, { hovered: !0, header: f.title, onClick: () => d(f.data), control: /* @__PURE__ */ e.jsx(sr, { name: i, checked: f.data === u }) }) }, h)) }),
-    /* @__PURE__ */ e.jsx(re, { style: { padding: "0px" } })
+  return /* @__PURE__ */ e.jsxs(le, { header: r, action: /* @__PURE__ */ e.jsx(jr, { onHide: s, onSuccess: l, disabled: u === void 0 }), children: [
+    /* @__PURE__ */ e.jsx(se, { style: { padding: "0px" } }),
+    /* @__PURE__ */ e.jsx(sr, { className: "transparent", scroll: !0, maxHeight: "200px", children: t.map((f, h) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(cr, { hovered: !0, header: f.title, onClick: () => d(f.data), control: /* @__PURE__ */ e.jsx(or, { name: i, checked: f.data === u }) }) }, h)) }),
+    /* @__PURE__ */ e.jsx(se, { style: { padding: "0px" } })
   ] });
 }
-function dr({ onSuccess: n, onHide: t, disabled: r }) {
+function jr({ onSuccess: n, onHide: t, disabled: r }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(U, { onClick: t, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(U, { onClick: n, disabled: r, children: "OK" })
+    /* @__PURE__ */ e.jsx(X, { onClick: t, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(X, { onClick: n, disabled: r, children: "OK" })
   ] });
 }
-const fs = ({ styleContainer: n, text: t, header: r, onSuccess: s, onHide: c, placeholder: i, type: u = "text", min: o = 0, max: l = 100 }) => {
-  const [d, f] = _(""), h = w(() => {
+const ms = ({ styleContainer: n, text: t, header: r, onSuccess: s, onHide: c, placeholder: i, type: u = "text", min: o = 0, max: l = 100 }) => {
+  const [d, f] = w(""), h = _(() => {
     s && s(d), c && c();
   }, [d]), m = (j) => {
     u === "number" && (Number(j) < o && (j = String(o)), Number(j) > l && (j = String(l))), f(j);
   };
-  return /* @__PURE__ */ e.jsxs(le, { style: n, header: r, action: /* @__PURE__ */ e.jsx(hr, { onHide: c, onSuccess: h }), children: [
+  return /* @__PURE__ */ e.jsxs(le, { style: n, header: r, action: /* @__PURE__ */ e.jsx(vr, { onHide: c, onSuccess: h }), children: [
     /* @__PURE__ */ e.jsx("p", { children: t }),
-    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(Gn, { max: l, min: o, type: u, border: !0, placeholder: i, value: d, onChange: (j) => m(j.target.value) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(Un, { max: l, min: o, type: u, border: !0, placeholder: i, value: d, onChange: (j) => m(j.target.value) }) })
   ] });
 };
-function hr({ onSuccess: n, onHide: t }) {
+function vr({ onSuccess: n, onHide: t }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(U, { onClick: t, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(U, { onClick: n, children: "OK" })
+    /* @__PURE__ */ e.jsx(X, { onClick: t, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(X, { onClick: n, children: "OK" })
   ] });
 }
-const fr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: c, onCancel: i, onOK: u }) => {
-  const [o, l] = _(!1), d = w((m) => {
+const gr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: c, onCancel: i, onOK: u }) => {
+  const [o, l] = w(!1), d = _((m) => {
     n(m), l(!0);
-  }, [n]), f = w((m) => {
+  }, [n]), f = _((m) => {
     t(m), l(!1);
-  }, [t]), h = w(() => {
+  }, [t]), h = _(() => {
     l(!1), i();
   }, []);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -1802,15 +1853,15 @@ const fr = ({ 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(mr, { setMinutes: f }) : /* @__PURE__ */ e.jsx(xr, { setHours: d }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: o ? /* @__PURE__ */ e.jsx(yr, { setMinutes: f }) : /* @__PURE__ */ e.jsx(pr, { setHours: d }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(At, {}) }),
-      /* @__PURE__ */ e.jsx(U, { className: "little", onClick: h, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(U, { className: "little", onClick: u, children: "OK" })
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(Pt, {}) }),
+      /* @__PURE__ */ e.jsx(X, { className: "little", onClick: h, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(X, { className: "little", onClick: u, children: "OK" })
     ] })
   ] });
 };
-function xr({ setHours: n }) {
+function pr({ 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" }),
@@ -1843,7 +1894,7 @@ function xr({ setHours: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-function mr({ setMinutes: n }) {
+function yr({ 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" }),
@@ -1862,7 +1913,7 @@ function mr({ setMinutes: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-const jr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: c, onCancel: i, onOK: u }) => {
+const br = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: c, onCancel: i, onOK: u }) => {
   const o = (d) => {
     let f = Number(d.target.value);
     f < 0 && (f = 0), f > 23 && (f = 23), n(f);
@@ -1885,23 +1936,23 @@ const jr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: c, o
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
       /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(zn, {}) }),
-      /* @__PURE__ */ e.jsx(U, { className: "little", onClick: i, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(U, { className: "little", onClick: u, children: "OK" })
+      /* @__PURE__ */ e.jsx(X, { className: "little", onClick: i, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(X, { className: "little", onClick: u, children: "OK" })
     ] })
   ] });
-}, vr = (n) => {
-  const [t, r] = _(n.minutes ?? 0), [s, c] = _(n.hours ?? 0), [i, u] = _(!0), o = () => {
+}, Nr = (n) => {
+  const [t, r] = w(n.minutes ?? 0), [s, c] = w(n.hours ?? 0), [i, u] = w(!0), o = () => {
     n.onHide && n.onHide(), r(0), c(0);
-  }, l = w((f) => {
+  }, l = _((f) => {
     r(f), n.onChange && n.onChange(s, f), n.onHide && n.onHide();
-  }, [s]), d = w(() => {
+  }, [s]), d = _(() => {
     n.onChange && n.onChange(s, t), n.onHide && n.onHide();
   }, [s, t]);
-  return i ? /* @__PURE__ */ e.jsx(le, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(fr, { setMinutes: l, setHours: c, minutes: t, hours: s, switchMode: () => u(!1), onCancel: o, onOK: d }) }) : /* @__PURE__ */ e.jsx(le, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(jr, { setMinutes: r, setHours: c, minutes: t, hours: s, switchMode: () => u(!0), onCancel: o, onOK: d }) });
-}, xs = ({ border: n, onChange: t, name: r, value: s, className: c, validEmptyValue: i, error: u, container: o }) => {
-  const [l, d] = _(s ?? ""), [f, h] = _(!1), m = w((g) => u || g && (!l || l === "") ? "error" : "", [l]), j = (g, k) => {
-    let y = String(g), p = String(k);
-    y.length < 2 && (y = "0" + y), p.length < 2 && (p = "0" + p), d(`${y}:${p}`), t && t(`${y}:${p}`);
+  return i ? /* @__PURE__ */ e.jsx(le, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(gr, { setMinutes: l, setHours: c, minutes: t, hours: s, switchMode: () => u(!1), onCancel: o, onOK: d }) }) : /* @__PURE__ */ e.jsx(le, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(br, { setMinutes: r, setHours: c, minutes: t, hours: s, switchMode: () => u(!0), onCancel: o, onOK: d }) });
+}, js = ({ border: n, onChange: t, name: r, value: s, className: c, validEmptyValue: i, error: u, container: o }) => {
+  const [l, d] = w(s ?? ""), [f, h] = w(!1), m = _((g) => u || g && (!l || l === "") ? "error" : "", [l]), j = (g, b) => {
+    let p = String(g), y = String(b);
+    p.length < 2 && (p = "0" + p), y.length < 2 && (y = "0" + y), d(`${p}:${y}`), t && t(`${p}:${y}`);
   }, x = () => {
     h(!0);
   };
@@ -1923,8 +1974,8 @@ const jr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: c, o
         /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
       ] })
     ] }),
-    f ? /* @__PURE__ */ e.jsx(ke, { container: o, children: /* @__PURE__ */ e.jsx(
-      vr,
+    f ? /* @__PURE__ */ e.jsx(Ne, { container: o, children: /* @__PURE__ */ e.jsx(
+      Nr,
       {
         onHide: () => h(!1),
         onChange: j,
@@ -1934,7 +1985,7 @@ const jr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: c, o
     ) }) : null
   ] });
 };
-const gr = 2050, Rn = 1900, ce = [
+const kr = 2050, Rn = 1900, ce = [
   "January",
   "February",
   "March",
@@ -1947,32 +1998,32 @@ const gr = 2050, Rn = 1900, ce = [
   "October",
   "November",
   "December"
-], pr = () => Array(gr - Rn).fill(0).map((n, t) => Rn + t), yr = ({ onChange: n, onHide: t }) => {
-  const [r] = _(ce[(/* @__PURE__ */ new Date()).getMonth()]), [s] = _((/* @__PURE__ */ new Date()).getFullYear()), [c] = _((/* @__PURE__ */ new Date()).getDate()), [i, u] = _(ce[(/* @__PURE__ */ new Date()).getMonth()]), [o, l] = _((/* @__PURE__ */ new Date()).getFullYear()), [d, f] = _({
+], Cr = () => Array(kr - Rn).fill(0).map((n, t) => Rn + t), _r = ({ onChange: n, onHide: t }) => {
+  const [r] = w(ce[(/* @__PURE__ */ new Date()).getMonth()]), [s] = w((/* @__PURE__ */ new Date()).getFullYear()), [c] = w((/* @__PURE__ */ new Date()).getDate()), [i, u] = w(ce[(/* @__PURE__ */ new Date()).getMonth()]), [o, l] = w((/* @__PURE__ */ new Date()).getFullYear()), [d, f] = w({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
-  }), [h, m] = _(
+  }), [h, m] = w(
     "DAYS"
     /* DAYS */
-  ), j = (b, T) => new Date(b, T + 1, 0).getDate(), x = (b, T, $) => new Date(b, T, $).getDay(), g = (b, T) => {
-    let $ = Array(j(b, T)).fill(0).map((q, B) => ({ type: "NOW_MONTH", day: B + 1 })), P = x(b, T, j(b, T)), S = Array(7 - P).fill(0).map((q, B) => ({ type: "NEXT_MONTH", day: B + 1 }));
-    return $ = Array(x(b, T, 0)).fill(0).map((q, B) => ({ type: "PREV_MONTH", day: j(T ? b : b - 1, T ? T - 1 : 11) - B })).reverse().concat($).concat(S), $;
-  }, k = (b) => {
+  ), j = (N, T) => new Date(N, T + 1, 0).getDate(), x = (N, T, $) => new Date(N, T, $).getDay(), g = (N, T) => {
+    let $ = Array(j(N, T)).fill(0).map((E, F) => ({ type: "NOW_MONTH", day: F + 1 })), B = x(N, T, j(N, T)), q = Array(7 - B).fill(0).map((E, F) => ({ type: "NEXT_MONTH", day: F + 1 }));
+    return $ = Array(x(N, T, 0)).fill(0).map((E, F) => ({ type: "PREV_MONTH", day: j(T ? N : N - 1, T ? T - 1 : 11) - F })).reverse().concat($).concat(q), $;
+  }, b = (N) => {
     m(
       "DAYS"
       /* DAYS */
-    ), l(b);
-  }, y = (b) => {
+    ), l(N);
+  }, p = (N) => {
     m(
       "DAYS"
       /* DAYS */
-    ), u(b);
-  }, p = (b) => {
-    f(b);
-  }, C = w(() => {
-    let b = /* @__PURE__ */ new Date();
-    b.setFullYear(o), d.type === "NEXT_MONTH" ? i === ce[11] ? (b.setMonth(0), b.setFullYear(o + 1)) : b.setMonth(ce.indexOf(i) + 1) : d.type === "PREV_MONTH" ? i === ce[0] ? (b.setMonth(11), b.setFullYear(o - 1)) : b.setMonth(ce.indexOf(i) - 1) : b.setMonth(ce.indexOf(i)), b.setDate(d.day), n && n(b.getFullYear(), b.getMonth(), b.getDate()), t && t();
+    ), u(N);
+  }, y = (N) => {
+    f(N);
+  }, C = _(() => {
+    let N = /* @__PURE__ */ new Date();
+    N.setFullYear(o), d.type === "NEXT_MONTH" ? i === ce[11] ? (N.setMonth(0), N.setFullYear(o + 1)) : N.setMonth(ce.indexOf(i) + 1) : d.type === "PREV_MONTH" ? i === ce[0] ? (N.setMonth(11), N.setFullYear(o - 1)) : N.setMonth(ce.indexOf(i) - 1) : N.setMonth(ce.indexOf(i)), N.setDate(d.day), n && n(N.getFullYear(), N.getMonth(), N.getDate()), t && t();
   }, [i, o, n, t, d]);
   return /* @__PURE__ */ e.jsxs(le, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
@@ -1993,12 +2044,12 @@ const gr = 2050, Rn = 1900, ce = [
         /* @__PURE__ */ e.jsx(kn, {})
       ] }) })
     ] }),
-    h === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: ce.map((b, T) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => y(b), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: i === b ? /* @__PURE__ */ e.jsx(Ne, {}) : null }),
-      /* @__PURE__ */ e.jsx("div", { className: "content", children: b })
-    ] }, T)) }) : h === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: pr().map((b, T) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => k(b), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === b ? /* @__PURE__ */ e.jsx(Ne, {}) : null }),
-      /* @__PURE__ */ e.jsx("div", { className: "content", children: b })
+    h === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: ce.map((N, T) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => p(N), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: i === N ? /* @__PURE__ */ e.jsx(be, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: N })
+    ] }, T)) }) : h === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Cr().map((N, T) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => b(N), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === N ? /* @__PURE__ */ e.jsx(be, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: N })
     ] }, T)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
         /* @__PURE__ */ e.jsx("span", { children: "M" }),
@@ -2009,28 +2060,28 @@ const gr = 2050, Rn = 1900, ce = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: g(o, ce.indexOf(i)).map((b, T) => /* @__PURE__ */ e.jsx("div", { className: `day ${b.type !== "NOW_MONTH" ? "other" : ""} ${c === b.day && o === s && i === r ? "now" : ""} ${b.day === d.day && b.type === d.type ? "select" : ""}`, onClick: () => p(b), children: b.day }, T)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: g(o, ce.indexOf(i)).map((N, T) => /* @__PURE__ */ e.jsx("div", { className: `day ${N.type !== "NOW_MONTH" ? "other" : ""} ${c === N.day && o === s && i === r ? "now" : ""} ${N.day === d.day && N.type === d.type ? "select" : ""}`, onClick: () => y(N), children: N.day }, T)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
-      /* @__PURE__ */ e.jsx(U, { className: "little m-0", onClick: t, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(U, { className: "little m-0", onClick: C, children: "OK" })
+      /* @__PURE__ */ e.jsx(X, { className: "little m-0", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(X, { className: "little m-0", onClick: C, children: "OK" })
     ] })
   ] });
-}, ms = ({ border: n, onChange: t, name: r, value: s, className: c, validEmptyValue: i, error: u, container: o }) => {
-  const [l, d] = _(s ?? ""), [f, h] = _(!1), m = w((y) => u || y && (!l || l === "") ? "error" : "", [l]), j = () => {
+}, vs = ({ border: n, onChange: t, name: r, value: s, className: c, validEmptyValue: i, error: u, container: o }) => {
+  const [l, d] = w(s ?? ""), [f, h] = w(!1), m = _((p) => u || p && (!l || l === "") ? "error" : "", [l]), j = () => {
     h(!0);
-  }, x = (y) => {
-    let p = String(y + 1);
-    return p.length < 2 && (p = "0" + p), p;
-  }, g = (y) => {
-    let p = String(y);
-    return p.length < 2 && (p = "0" + p), p;
-  }, k = w((y, p, C) => {
-    d(`${y}-${x(p)}-${g(C)}`), t && t(`${y}-${x(p)}-${g(C)}`);
+  }, x = (p) => {
+    let y = String(p + 1);
+    return y.length < 2 && (y = "0" + y), y;
+  }, g = (p) => {
+    let y = String(p);
+    return y.length < 2 && (y = "0" + y), y;
+  }, b = _((p, y, C) => {
+    d(`${p}-${x(y)}-${g(C)}`), t && t(`${p}-${x(y)}-${g(C)}`);
   }, [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: j, children: /* @__PURE__ */ e.jsx(Dt, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: j, children: /* @__PURE__ */ e.jsx(Ft, {}) }),
       /* @__PURE__ */ e.jsx("div", { className: "input-container", onClick: j, children: /* @__PURE__ */ e.jsx(
         "input",
         {
@@ -2043,17 +2094,17 @@ const gr = 2050, Rn = 1900, ce = [
         }
       ) })
     ] }),
-    f ? /* @__PURE__ */ e.jsx(ke, { container: o, children: /* @__PURE__ */ e.jsx(yr, { onChange: k, onHide: () => h(!1) }) }) : null
+    f ? /* @__PURE__ */ e.jsx(Ne, { container: o, children: /* @__PURE__ */ e.jsx(_r, { onChange: b, onHide: () => h(!1) }) }) : null
   ] });
 };
-const js = ({ onChange: n, value: t, className: r }) => {
-  const [s, c] = _(t || []), i = w((o) => {
+const gs = ({ onChange: n, value: t, className: r }) => {
+  const [s, c] = w(t || []), i = _((o) => {
     if (!o)
       return;
     let l = s.slice();
     const d = l.indexOf(o.target.name);
     d !== -1 && !o.target.checked ? l = l.filter((f, h) => h !== d) : d === -1 && o.target.checked && l.push(o.target.name), c(l), n && n(l);
-  }, [s]), u = w((o) => s.indexOf(o) !== -1, [s]);
+  }, [s]), u = _((o) => s.indexOf(o) !== -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: u("Mon") }),
@@ -2085,40 +2136,40 @@ const js = ({ onChange: n, value: t, className: r }) => {
     ] })
   ] }) });
 };
-const vs = ({ 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: u, itemWith: o = "400px" }) => {
-  const l = H(null), [d, f] = _([]), h = w(() => {
+const ps = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), ys = ({ minWith: n, children: t, className: r, gridRowGap: s = "10px", gridColumnGap: c = "5px", itemMinWith: i, itemMaxWith: u, itemWith: o = "400px" }) => {
+  const l = W(null), [d, f] = w([]), h = _(() => {
     if (!l.current)
       return;
     l.current.style.display = "grid", l.current.style.gridRowGap = s, l.current.style.gridColumnGap = c;
     let x = i ?? o, g = u ?? o;
-    l.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + x + ", " + g + "))", l.current.style.gridAutoRows = "0", d.forEach((k) => {
-      k.style.gridAutoRows = "0", k.style.gridAutoColumns = "0";
+    l.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + x + ", " + g + "))", l.current.style.gridAutoRows = "0", d.forEach((b) => {
+      b.style.gridAutoRows = "0", b.style.gridAutoColumns = "0";
     });
-  }, [l.current]), m = w(() => {
+  }, [l.current]), m = _(() => {
     if (!l.current)
       return;
     let x = parseInt(window.getComputedStyle(l.current).getPropertyValue("grid-row-gap")), g = parseInt(window.getComputedStyle(l.current).getPropertyValue("grid-auto-rows"));
-    d.forEach((k) => {
-      let y = 0, p = k.querySelector(".adaptiv-grid-item-container");
-      p && (y = Math.ceil((p.getBoundingClientRect().height + x) / (g + x))), k.style.gridRowEnd = "span " + y;
+    d.forEach((b) => {
+      let p = 0, y = b.querySelector(".adaptiv-grid-item-container");
+      y && (p = Math.ceil((y.getBoundingClientRect().height + x) / (g + x))), b.style.gridRowEnd = "span " + p;
     });
-  }, [d, l.current]), j = w(() => {
+  }, [d, l.current]), j = _(() => {
     if (l.current) {
       let x = l.current.querySelectorAll(".adaptiv-grid-item");
       f(Array.prototype.slice.call(x, 0));
     }
   }, [l.current, t]);
-  return F(() => {
+  return A(() => {
     j();
-  }, [j]), F(() => {
+  }, [j]), A(() => {
     h();
-  }, [h]), F(() => {
+  }, [h]), A(() => {
     m();
-  }, [m, t]), F(() => (window.addEventListener("resize", m), () => {
+  }, [m, t]), A(() => (window.addEventListener("resize", m), () => {
     window.addEventListener("resize", m);
   }), [m]), /* @__PURE__ */ e.jsx("div", { style: { minWidth: n }, ref: l, className: `adaptiv-grid-layout ${r}`, children: t });
 };
-const ps = ({ onClick: n, onContextMenu: t, gap: r, className: s, style: c, countColumn: i, items: u, onClickColl: o, classNameColumn: l }) => {
+const bs = ({ onClick: n, onContextMenu: t, gap: r, className: s, style: c, countColumn: i, items: u, onClickColl: o, classNameColumn: l }) => {
   const d = (h, m) => {
     let j = new Array(h).fill([]).map((x) => new Array());
     for (const x of m) {
@@ -2133,83 +2184,83 @@ const ps = ({ onClick: n, onContextMenu: t, gap: r, className: s, style: c, coun
   });
   return /* @__PURE__ */ e.jsx("div", { onClick: n, onContextMenu: t, style: { ...c, gap: r ? `${r}px` : "5px", gridTemplateColumns: `repeat(${i}, 1fr)` }, className: `alex-evo-sh-ui-kit-column-layout ${s}`, children: d(i, u).map((h, m) => /* @__PURE__ */ e.jsx("div", { onClick: (j) => f(m, j), className: `alex-evo-sh-ui-kit-column-layout-coll ${l}`, children: h.map((j, x) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: j }, x)) }, m)) });
 };
-const br = ({ item: n, isIcon: t, globalClick: r }) => {
+const wr = ({ 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(Ne, {}) : null })
+    /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(be, {}) : null })
   ] });
-}, Nr = ({ items: n, onHide: t, smallDisplay: r, globalClick: s }) => {
-  const c = H(null), [i, u] = _({ left: "0px", top: "0px" });
+}, Sr = ({ items: n, onHide: t, smallDisplay: r, globalClick: s }) => {
+  const c = W(null), [i, u] = w({ left: "0px", top: "0px" });
   function o(l) {
     for (let d of l)
       if (d.icon)
         return !0;
     return !1;
   }
-  return F(() => {
+  return A(() => {
     if (!c.current)
       return;
-    let l = Fe(c.current.parentElement);
+    let l = Ae(c.current.parentElement);
     if (!l)
       return;
-    let d = Xn(l.left + l.width, l.top, c.current, { marginRight: l.width });
+    let d = qn(l.left + l.width, l.top, c.current, { marginRight: l.width });
     u({
       left: d.x - l.left + "px",
       top: d.y - l.top + "px"
     });
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: c, className: "menu-sub-block", style: { ...i }, children: n.map((l, d) => /* @__PURE__ */ e.jsx(br, { item: l, isIcon: o(n), globalClick: s }, d)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: c, className: "menu-sub-block", style: { ...i }, children: n.map((l, d) => /* @__PURE__ */ e.jsx(wr, { item: l, isIcon: o(n), globalClick: s }, d)) }),
     r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "backplate", onClick: t })
   ] });
-}, kr = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: c, smallDisplay: i }) => {
-  const [u, o] = _(!1), l = w(() => {
+}, Er = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: c, smallDisplay: i }) => {
+  const [u, o] = w(!1), l = _(() => {
     s.subItems ? o((d) => !d) : 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: [
       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 ${u ? "active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(Ne, {}) : /* @__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 ${u ? "active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(be, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
     ] }),
-    u && s.subItems ? /* @__PURE__ */ e.jsx(Nr, { items: s.subItems, onHide: () => o(!1), smallDisplay: i }) : null
+    u && s.subItems ? /* @__PURE__ */ e.jsx(Sr, { items: s.subItems, onHide: () => o(!1), smallDisplay: i }) : null
   ] });
 };
-function Un({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: c }) {
+function Jn({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: c }) {
   function i(u) {
     for (let o of u.items)
       if (o.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((u, o) => /* @__PURE__ */ e.jsx(kr, { globalClick: s, autoHide: c, onHide: r, item: u, isIcon: i(n), smallDisplay: t }, o)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((u, o) => /* @__PURE__ */ e.jsx(Er, { globalClick: s, autoHide: c, onHide: r, item: u, isIcon: i(n), smallDisplay: t }, o)) });
 }
-const Cr = 100, _r = (n) => {
-  const t = H(null), [r, s] = _({ left: "0px", top: "0px" }), c = () => {
+const Tr = 100, $r = (n) => {
+  const t = W(null), [r, s] = w({ left: "0px", top: "0px" }), c = () => {
     n.onHide && n.onHide();
   };
-  return F(() => {
-    let i = Xn(n.x, n.y, t.current, { marginBottom: Cr });
+  return A(() => {
+    let i = qn(n.x, n.y, t.current, { marginBottom: Tr });
     s({
       left: i.x + "px",
       top: i.y + "px"
     });
-  }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsx(Qe, { 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, u) => /* @__PURE__ */ e.jsxs(Me.Fragment, { children: [
-    u !== 0 ? /* @__PURE__ */ e.jsx(re, {}) : null,
-    /* @__PURE__ */ e.jsx(Un, { block: i, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: c })
+  }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsx(en, { 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, u) => /* @__PURE__ */ e.jsxs(De.Fragment, { children: [
+    u !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
+    /* @__PURE__ */ e.jsx(Jn, { block: i, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: c })
   ] }, u)) }) }) : null;
-}, wr = (n) => {
+}, Rr = (n) => {
   const t = () => {
   };
-  return /* @__PURE__ */ e.jsx(tr, { onHide: n.onHide || t, visible: n.visible, children: /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-menu-container", children: n.blocks.map((r, s) => /* @__PURE__ */ e.jsxs(Me.Fragment, { children: [
-    s !== 0 ? /* @__PURE__ */ e.jsx(re, {}) : null,
-    /* @__PURE__ */ e.jsx(Un, { block: r, smallDisplay: !0 })
+  return /* @__PURE__ */ e.jsx(ar, { onHide: n.onHide || t, visible: n.visible, children: /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-menu-container", children: n.blocks.map((r, s) => /* @__PURE__ */ e.jsxs(De.Fragment, { children: [
+    s !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
+    /* @__PURE__ */ e.jsx(Jn, { block: r, smallDisplay: !0 })
   ] }, s)) }) });
-}, Sr = (n) => n.screensize === ne.MOBILE ? /* @__PURE__ */ e.jsx(ke, { container: n.container, children: /* @__PURE__ */ e.jsx(wr, { ...n }) }) : /* @__PURE__ */ e.jsx(ke, { container: n.container, children: /* @__PURE__ */ e.jsx(_r, { ...n }) });
-function Er(n) {
+}, Or = (n) => n.screensize === te.MOBILE ? /* @__PURE__ */ e.jsx(Ne, { container: n.container, children: /* @__PURE__ */ e.jsx(Rr, { ...n }) }) : /* @__PURE__ */ e.jsx(Ne, { container: n.container, children: /* @__PURE__ */ e.jsx($r, { ...n }) });
+function Mr(n) {
   let t = [];
   if (n.length > 0)
     for (let r of n)
@@ -2224,7 +2275,7 @@ function Er(n) {
       }
   return t;
 }
-const Tr = ({ data: n, column: t, color: r, backgroundColor: s, H: c }) => {
+const Dr = ({ data: n, column: t, color: r, backgroundColor: s, H: c }) => {
   function i(l, d) {
     for (let f in d)
       if (l === f)
@@ -2240,29 +2291,29 @@ const Tr = ({ data: n, column: t, color: r, backgroundColor: s, H: c }) => {
     const l = o(i(t.field, n));
     return t.template ? t.template(l, n) : l.map((d, f) => /* @__PURE__ */ e.jsx("p", { style: { color: d.color ?? r }, className: d.onClick ? "no-click" : "", onClick: d.onClick, children: typeof d.content == "string" || typeof d.content == "number" ? d.content : /* @__PURE__ */ e.jsx(d.content, {}) }, f));
   }() });
-}, $r = ({ actions: n, item: t, columns: r, onContextMenu: s, onDelete: c, onEdit: i, onClickRow: u, index: o, maxH: l }) => {
-  const d = (h) => !h.target.closest(".no-click"), f = w((h) => {
+}, Fr = ({ actions: n, item: t, columns: r, onContextMenu: s, onDelete: c, onEdit: i, onClickRow: u, index: o, maxH: l }) => {
+  const d = (h) => !h.target.closest(".no-click"), f = _((h) => {
     d(h) && u && u(t, o);
   }, [o, u]);
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: f, children: [
-    r.map((h, m) => /* @__PURE__ */ e.jsx(Tr, { H: l == null ? void 0 : l[m], color: h.color, backgroundColor: h.backgroundColor, column: h, data: t }, m)),
+    r.map((h, m) => /* @__PURE__ */ e.jsx(Dr, { H: l == null ? void 0 : l[m], color: h.color, backgroundColor: h.backgroundColor, column: h, data: t }, m)),
     n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((h, m) => /* @__PURE__ */ e.jsx(pe, { transparent: !0, icon: h.icon, onClick: (j) => h.onClick(j, t, o) }, m)) }) }) : 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(pe, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Lt, {}), onClick: () => i(t, o) }) : null,
-      c ? /* @__PURE__ */ e.jsx(pe, { transparent: !0, icon: /* @__PURE__ */ e.jsx(zt, { className: "text-red-500" }), onClick: () => c(t, o) }) : null,
-      s ? /* @__PURE__ */ e.jsx(pe, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Ft, {}), onClick: (h) => s(h, t, o) }) : null
+      i ? /* @__PURE__ */ e.jsx(pe, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Vt, {}), onClick: () => i(t, o) }) : null,
+      c ? /* @__PURE__ */ e.jsx(pe, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Yt, { className: "text-red-500" }), onClick: () => c(t, o) }) : null,
+      s ? /* @__PURE__ */ e.jsx(pe, { transparent: !0, icon: /* @__PURE__ */ e.jsx(At, {}), onClick: (h) => s(h, t, o) }) : null
     ] }) }) : null
   ] });
-}, ys = ({ data: n, columns: t, onDelete: r, onContextMenu: s, onEdit: c, actions: i, onClickRow: u, adaptive: o }) => {
-  const l = ye(() => t ?? Er(n), [n, t]), d = H(null), f = w(() => {
-    var k, y;
+}, Ns = ({ data: n, columns: t, onDelete: r, onContextMenu: s, onEdit: c, actions: i, onClickRow: u, adaptive: o }) => {
+  const l = ye(() => t ?? Mr(n), [n, t]), d = W(null), f = _(() => {
+    var b, p;
     if (!d.current)
       return;
-    const h = d.current, m = h.tBodies.item(0), j = (y = (k = h.tHead) == null ? void 0 : k.children.item(0)) == null ? void 0 : y.children, x = (j == null ? void 0 : j.length) ?? 1, g = new Array(x).fill(0);
+    const h = d.current, m = h.tBodies.item(0), j = (p = (b = h.tHead) == null ? void 0 : b.children.item(0)) == null ? void 0 : p.children, x = (j == null ? void 0 : j.length) ?? 1, g = new Array(x).fill(0);
     if (m) {
-      for (const p of m.children)
-        for (let C = 0; C < p.children.length; C++) {
-          const T = p.children[C].getBoundingClientRect().height;
+      for (const y of m.children)
+        for (let C = 0; C < y.children.length; C++) {
+          const T = y.children[C].getBoundingClientRect().height;
           g[C] < T && (g[C] = T);
         }
       return g;
@@ -2277,89 +2328,89 @@ const Tr = ({ data: n, column: t, color: r, backgroundColor: s, H: c }) => {
       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((h, m) => /* @__PURE__ */ e.jsx($r, { maxH: f(), onClickRow: u, actions: i, index: m, columns: l, item: h, onDelete: r, onContextMenu: s, onEdit: c }, m)) })
+    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, m) => /* @__PURE__ */ e.jsx(Fr, { maxH: f(), onClickRow: u, actions: i, index: m, columns: l, item: h, onDelete: r, onContextMenu: s, onEdit: c }, m)) })
   ] }) });
 };
-const Rr = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(Ke, { to: r, className: "navigation-item", children: [
+const Ar = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(Ze, { 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 })
-] }), Or = ({ onClick: n, icon: t, title: r }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "navigation-item", children: [
+] }), Pr = ({ 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 })
-] }), bs = ({ 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(Or, { 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 On = ({ onClick: n, icon: t, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Ke, { onClick: n, to: s, className: "navigation-item", children: [
+] }), ks = ({ 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(Pr, { icon: t.icon, onClick: t.onClick, title: t.text }, r) : t.type === "link" ? /* @__PURE__ */ e.jsx(Ar, { icon: t.icon, to: t.to, title: t.text }, r) : null) }) });
+const On = ({ onClick: n, icon: t, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Ze, { 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 })
 ] }), $e = ({ 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 })
-] }), Ns = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: c, backBtn: i, openAlways: u }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+] }), Cs = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: c, backBtn: i, openAlways: u }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
   /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer-container ${n || u ? "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($e, { active: t.active, onClick: t.onClick, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(Je, {}) }) })
+        /* @__PURE__ */ e.jsx("div", { className: "block-content", children: /* @__PURE__ */ e.jsx($e, { active: t.active, onClick: t.onClick, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(Ke, {}) }) })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(re, {}) })
+      /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(se, {}) })
     ] }) : 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($e, { active: o.active, onClick: o.onClick, title: o.text, icon: o.icon }, l) : o.type === "link" ? /* @__PURE__ */ e.jsx(On, { onClick: () => s(), title: o.text, icon: o.icon, to: o.to }, l) : null) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(re, {}) }),
+    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(se, {}) }),
     /* @__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($e, { active: o.active, onClick: o.onClick, title: o.text, icon: o.icon }, l) : o.type === "link" ? /* @__PURE__ */ e.jsx(On, { onClick: () => s(), title: o.text, icon: o.icon, to: o.to }, l) : null) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(re, {}) }),
+    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(se, {}) }),
     i ? /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsx($e, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }) }) : null
   ] }),
   n && !u ? /* @__PURE__ */ e.jsx("div", { className: "backplate", style: { zIndex: 1100 }, onClick: () => s() }) : null
 ] });
-const Mr = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(Ke, { to: r, className: "navigation-item", children: [
+const Br = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(Ze, { 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 })
 ] }), Re = ({ 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 })
-] }), 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: [
+] }), _s = ({ 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(Re, { icon: /* @__PURE__ */ e.jsx(Ln, {}), onClick: n }) : null,
   t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(re, {}),
-    /* @__PURE__ */ e.jsx(Re, { active: t.active, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(Je, {}), onClick: (c) => {
+    /* @__PURE__ */ e.jsx(se, {}),
+    /* @__PURE__ */ e.jsx(Re, { active: t.active, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(Ke, {}), onClick: (c) => {
       t.onClick && t.onClick(c);
     } }),
-    /* @__PURE__ */ e.jsx(re, {})
+    /* @__PURE__ */ e.jsx(se, {})
   ] }) : null,
-  r && r.map((c, i) => c.type === "button" ? /* @__PURE__ */ e.jsx(Re, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, i) : c.type === "link" ? /* @__PURE__ */ e.jsx(Mr, { title: c.text, icon: c.icon, to: c.to }, i) : null),
+  r && r.map((c, i) => c.type === "button" ? /* @__PURE__ */ e.jsx(Re, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, i) : c.type === "link" ? /* @__PURE__ */ e.jsx(Br, { title: c.text, icon: c.icon, to: c.to }, i) : null),
   s ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(re, {}),
-    /* @__PURE__ */ e.jsx(Re, { active: s.active, title: s.text, icon: s.icon ?? /* @__PURE__ */ e.jsx(Je, {}), onClick: (c) => {
+    /* @__PURE__ */ e.jsx(se, {}),
+    /* @__PURE__ */ e.jsx(Re, { active: s.active, title: s.text, icon: s.icon ?? /* @__PURE__ */ e.jsx(Ke, {}), onClick: (c) => {
       s.onClick && s.onClick(c);
     } }),
-    /* @__PURE__ */ e.jsx(re, {})
+    /* @__PURE__ */ e.jsx(se, {})
   ] }) : null
 ] }) }) });
-const Cs = ({ className: n, text: t, title: r, hexColor: s, hexBackground: c, style: i, btn: u }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jt(c), color: s, ...i }, children: [
+const ws = ({ className: n, text: t, title: r, hexColor: s, hexBackground: c, style: i, btn: u }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Kt(c), color: s, ...i }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: r }),
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
   u ? /* @__PURE__ */ e.jsx(Pn, { styleType: u.styleType ?? "filled", style: u.style, className: u.className, onClick: u.onClick, children: u.text }) : null
 ] });
-const Dr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initComponent: i, onlyStringValue: u }) => {
-  const [o, l] = _(""), [d, f] = _(""), [h, m] = _(!1), [j, x] = _(!0), g = w((C, b) => {
-    s({ ...r, [b]: C });
-  }, [s, r]), k = w(() => {
+const Lr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initComponent: i, onlyStringValue: u }) => {
+  const [o, l] = w(""), [d, f] = w(""), [h, m] = w(!1), [j, x] = w(!0), g = _((C, N) => {
+    s({ ...r, [N]: C });
+  }, [s, r]), b = _(() => {
     f(""), l(""), m(!1);
-  }, []), y = w(() => {
+  }, []), p = _(() => {
     let C = d;
     try {
       u || (C = JSON.parse(C));
     } catch {
     }
-    k(), s({ ...r, [o]: C });
-  }, [r, s, o, d, k]), p = w((C) => {
-    let b = { ...r };
-    delete b[C], s(b);
+    b(), s({ ...r, [o]: C });
+  }, [r, s, o, d, b]), y = _((C) => {
+    let N = { ...r };
+    delete N[C], s(N);
   }, [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: [
@@ -2372,39 +2423,39 @@ const Dr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initCompo
       n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => m(!0), children: /* @__PURE__ */ e.jsx(Vn, { size: 18 }) })
     ] }),
     j ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r ? Object.keys(r).map(
-      (C, b) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(en, { readonly: n, onDelete: () => p(C), onChange: (T) => g(T, C), name: C, data: r[C] }) }, b)
+      (C, N) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(nn, { readonly: n, onDelete: () => y(C), onChange: (T) => g(T, C), name: C, data: r[C] }) }, N)
     ) : null }) : null,
     h && !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: (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: d.length || 10, placeholder: "value", onChange: (C) => f(C.target.value), className: "json-base-data-input", type: "text", value: d }) }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: y, children: "save" }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: k, children: "cancel" })
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: p, children: "save" }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: b, 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(Ze, { size: 18 }) }) : null
+      !n && !i ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: c, children: /* @__PURE__ */ e.jsx(Qe, { size: 18 }) }) : null
     ] })
   ] }) });
-}, Fr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initComponent: i, onlyStringValue: u }) => {
-  const [o, l] = _(""), [d, f] = _(!1), [h, m] = _(!0), j = w((y, p) => {
+}, Vr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initComponent: i, onlyStringValue: u }) => {
+  const [o, l] = w(""), [d, f] = w(!1), [h, m] = w(!0), j = _((p, y) => {
     const C = r.slice();
-    C[p] = y, s(C);
-  }, [s, r]), x = w(() => {
+    C[y] = p, s(C);
+  }, [s, r]), x = _(() => {
     l(""), f(!1);
-  }, []), g = w(() => {
-    let y = o;
+  }, []), g = _(() => {
+    let p = o;
     try {
-      u || (y = JSON.parse(y));
+      u || (p = JSON.parse(p));
     } catch {
     }
-    x(), s([...r, y]);
-  }, [r, s, o, x]), k = w((y) => {
-    s(r.filter((p, C) => C !== y));
+    x(), s([...r, p]);
+  }, [r, s, o, x]), b = _((p) => {
+    s(r.filter((y, C) => C !== p));
   }, [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: () => m((y) => !y), children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => m((p) => !p), children: [
         t,
         ":",
         "[",
@@ -2412,19 +2463,19 @@ const Dr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initCompo
       ] }),
       n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => f(!0), children: /* @__PURE__ */ e.jsx(Vn, { size: 18 }) })
     ] }),
-    h ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((y, p) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(en, { readonly: n, onDelete: () => k(p), onChange: (C) => j(C, p), name: String(p), data: y }) }, p)) }) : null,
+    h ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((p, y) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(nn, { readonly: n, onDelete: () => b(y), onChange: (C) => j(C, y), name: String(y), data: p }) }, y)) }) : null,
     d ? /* @__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: (y) => l(y.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: o.length || 10, placeholder: "value", onChange: (p) => l(p.target.value), className: "json-base-data-input", type: "text", value: o }) }),
       /* @__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: x, 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(Ze, { size: 18 }) }) : null
+      !n && !i ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: c, children: /* @__PURE__ */ e.jsx(Qe, { size: 18 }) }) : null
     ] })
   ] }) });
-}, Ar = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c }) => {
-  const i = w((u) => {
+}, Ir = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c }) => {
+  const i = _((u) => {
     s(u.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: [
@@ -2432,17 +2483,17 @@ const Dr = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, initCompo
     ":",
     n ? /* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: 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(Ze, { size: 18 }) })
+      /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: c, children: /* @__PURE__ */ e.jsx(Qe, { size: 18 }) })
     ] })
   ] }) }) });
 };
-var qn = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(qn || {});
-const en = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType: i, onlyStringValue: u }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(Ar, { readonly: n, onDelete: c, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(Fr, { readonly: n, onDelete: c, onChange: s, data: r, name: t, initComponent: i === "ARRAY", onlyStringValue: u }) : /* @__PURE__ */ e.jsx(Dr, { readonly: n, onDelete: c, onChange: s, data: r, name: t, initComponent: i === "OBJECT", onlyStringValue: u }) : null, _s = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType: i = qn.NONE, onlyStringValue: u }) => {
-  const [o, l] = _(r || void 0), [d, f] = _(""), h = w((x) => {
+var Kn = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(Kn || {});
+const nn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType: i, onlyStringValue: u }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(Ir, { readonly: n, onDelete: c, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(Vr, { readonly: n, onDelete: c, onChange: s, data: r, name: t, initComponent: i === "ARRAY", onlyStringValue: u }) : /* @__PURE__ */ e.jsx(Lr, { readonly: n, onDelete: c, onChange: s, data: r, name: t, initComponent: i === "OBJECT", onlyStringValue: u }) : null, Ss = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType: i = Kn.NONE, onlyStringValue: u }) => {
+  const [o, l] = w(r || void 0), [d, f] = w(""), h = _((x) => {
     n || (l(x), s && s(x));
-  }, [s]), m = w(() => {
+  }, [s]), m = _(() => {
     n || (l(void 0), c && c());
-  }, [c]), j = w(() => {
+  }, [c]), j = _(() => {
     if (n)
       return;
     let x = d;
@@ -2452,51 +2503,12 @@ const en = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType:
     }
     l(x), s && s(x);
   }, [s, d]);
-  return o ? /* @__PURE__ */ e.jsx(en, { readonly: n, onDelete: m, onChange: h, data: o, baseType: i, name: t, onlyStringValue: u }) : /* @__PURE__ */ e.jsxs("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: [
+  return o ? /* @__PURE__ */ e.jsx(nn, { readonly: n, onDelete: m, onChange: h, data: o, baseType: i, name: t, onlyStringValue: u }) : /* @__PURE__ */ e.jsxs("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: [
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (x) => f(x.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: j, children: "save" })
   ] });
 };
-const ws = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit alex-evo-sh-ui-kit-panel", children: n });
-function Pr(n) {
-  return n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-function Jn(n, t, r) {
-  return n.replace(new RegExp(Pr(t), "g"), r);
-}
-const Q = (n, t, r = "", s) => {
-  let c, i, u, o, l, d, f, h = Math.round, m = typeof r == "string";
-  if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !m || (f = t.length > 9, f = m ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !f : !1 : f, l = Q.pSBCr(t), o = n < 0, d = r && typeof r == "string" && r != "c" ? Q.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 || !d))
-    return null;
-  s ? (c = h(o * (l.r ?? 0) + n * (d.r ?? 0)), i = h(o * (l.g ?? 0) + n * (d.g ?? 0)), u = h(o * (l.b ?? 0) + n * (d.b ?? 0))) : (c = h((o * (l.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), i = h((o * (l.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), u = h((o * (l.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
-  let j = l.a ?? 1;
-  return d = d.a ?? 1, l = j >= 0 || d >= 0, j = j >= 0 || d >= 0 ? j < 0 ? d : d < 0 ? j : j * o + d * n : 0, f ? "rgb" + (l ? "a(" : "(") + c + "," + i + "," + u + (l ? "," + h(j * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + c * 16777216 + i * 65536 + u * 256 + (l ? h(j * 255) : 0)).toString(16).slice(1, l ? void 0 : -2);
-};
-Q.pSBCr = (n) => {
-  const t = parseInt;
-  let r = n.length, s = {};
-  if (r > 9) {
-    const c = n.split(","), [i, u, o, l] = 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(u), s.b = t(o), s.a = l ? parseFloat(l) : -1;
-  } else {
-    if (r == 8 || r == 6 || r < 4)
-      return null;
-    r < 6 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3] + (r > 4 ? n[4] + n[4] : ""));
-    let c = t(n.slice(1), 16);
-    r == 9 || r == 5 ? (s.r = c >> 24 & 255, s.g = c >> 16 & 255, s.b = c >> 8 & 255, s.a = Math.round((c & 255) / 0.255) / 1e3) : (s.r = c >> 16, s.g = c >> 8 & 255, s.b = c & 255, s.a = -1);
-  }
-  return s;
-};
-function Z(n) {
-  const t = be(n);
-  return t ? t.r * 0.299 + t.g * 0.589 + t.b * 0.114 > 186 ? "#000000" : "#FFFFFF" : "#fff";
-}
-function ie(n, t = !1) {
-  return Q(t ? -0.6 : 0.3, n) ?? n;
-}
-const Br = (n) => `--${Jn(n, "_", "-")}`, Lr = (n) => Jn(n, "-", "_").slice(2), Vr = (n) => ({
+const Es = ({ 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 }), zr = (n) => ({
   Primary_color: n.Primary_color_night,
   Secondary_color: n.Secondary_color_night,
   Tertiary_color: n.Tertiary_color_night,
@@ -2564,7 +2576,7 @@ const Br = (n) => `--${Jn(n, "_", "-")}`, Lr = (n) => Jn(n, "-", "_").slice(2),
   Outline_color: "#79747E",
   Shadow_color: "#000000"
 }, Oe = {
-  Primary_color_night: Q(0.9, Z("#121212"), M.Primary_color) ?? M.Primary_color,
+  Primary_color_night: Q(0.9, K("#121212"), M.Primary_color) ?? M.Primary_color,
   Secondary_color_night: "#625B71",
   Tertiary_color_night: "#7D5260",
   Surface_container_color_night: "#121212",
@@ -2572,51 +2584,51 @@ const Br = (n) => `--${Jn(n, "_", "-")}`, Lr = (n) => Jn(n, "-", "_").slice(2),
   Error_color_night: "#B3261E",
   Outline_color_night: "#79747E",
   Shadow_color_night: "#000000"
-}, Ir = {
+}, Yr = {
   ...M,
-  On_primary_color: Z(M.Primary_color),
-  On_secondary_color: Z(M.Secondary_color),
-  On_tertiary_color: Z(M.Tertiary_color),
+  On_primary_color: K(M.Primary_color),
+  On_secondary_color: K(M.Secondary_color),
+  On_tertiary_color: K(M.Tertiary_color),
   Primary_container_color: ie(M.Primary_color),
   Secondary_container_color: ie(M.Secondary_color),
   Tertiary_container_color: ie(M.Tertiary_color),
-  On_primary_container_color: Z(ie(M.Primary_color)),
-  On_secondary_container_color: Z(ie(M.Secondary_color)),
-  On_tertiary_container_color: Z(ie(M.Tertiary_color)),
-  On_background_color: Z(M.Background_color),
+  On_primary_container_color: K(ie(M.Primary_color)),
+  On_secondary_container_color: K(ie(M.Secondary_color)),
+  On_tertiary_container_color: K(ie(M.Tertiary_color)),
+  On_background_color: K(M.Background_color),
   Outline_variant_color: Q(-0.1, M.Outline_color) ?? M.Outline_color,
   Surface_container_high_color: Q(0.1, M.Surface_container_color) ?? M.Surface_container_color,
   Surface_container_highest_color: Q(0.2, M.Surface_container_color) ?? M.Surface_container_color,
   Surface_container_low_color: Q(-0.1, M.Surface_container_color) ?? M.Surface_container_color,
   Surface_container_lowest_color: Q(-0.2, M.Surface_container_color) ?? M.Surface_container_color,
-  On_surface_color: Z(M.Surface_container_color),
-  On_error_color: Z(M.Error_color),
+  On_surface_color: K(M.Surface_container_color),
+  On_error_color: K(M.Error_color),
   Error_container_color: ie(M.Error_color),
-  On_error_container_color: Z(ie(M.Error_color)),
-  On_surface_variant_color: Q(-0.1, Z(M.Surface_container_color)) ?? Z(M.Surface_container_color)
-}, Ss = () => {
-  const [n, t] = _(Ir), [r, s] = _(M), [c, i] = _(Oe), [u, o] = _(!1), l = (j, x) => {
-    x && document.body.style.setProperty(Br(j), x);
+  On_error_container_color: K(ie(M.Error_color)),
+  On_surface_variant_color: Q(-0.1, K(M.Surface_container_color)) ?? K(M.Surface_container_color)
+}, Ts = () => {
+  const [n, t] = w(Yr), [r, s] = w(M), [c, i] = w(Oe), [u, o] = w(!1), l = (j, x) => {
+    x && document.body.style.setProperty(tr(j), x);
   }, d = (j, x, g = !1) => {
-    var k, y, p, C, b;
+    var b, p, y, C, N;
     if (t((T) => ({ ...T, [j]: x })), l(j, x), j in Mn) {
       const T = Mn[j];
-      (k = T.container) == null || k.forEach(($) => d($, ie(x, g), g)), (y = T.text) == null || y.forEach(($) => d($, Z(x), g)), (p = T.low) == null || p.forEach(($) => d($, Q(g ? -0.1 : 0.1, x) ?? x, g)), (C = T.high) == null || C.forEach(($) => d($, Q(g ? 0.01 : -0.01, x) ?? x, g)), (b = T.variant) == null || b.forEach(($) => d($, Q(g ? -0.3 : 0.3, x) ?? x, g));
+      (b = T.container) == null || b.forEach(($) => d($, ie(x, g), g)), (p = T.text) == null || p.forEach(($) => d($, K(x), g)), (y = T.low) == null || y.forEach(($) => d($, Q(g ? -0.1 : 0.1, x) ?? x, g)), (C = T.high) == null || C.forEach(($) => d($, Q(g ? 0.01 : -0.01, x) ?? x, g)), (N = T.variant) == null || N.forEach(($) => d($, Q(g ? -0.3 : 0.3, x) ?? x, g));
     }
-  }, f = w(async (j) => {
+  }, f = _(async (j) => {
     console.log(j);
     for (let x in j) {
-      const g = j[x], k = Lr(x);
-      (k in M || k in Oe) && (x = k), !(!(x in M || x in Oe) || !g) && (x in M ? (c[x + "_night"] === r[x] && i((y) => ({ ...y, [x + "_night"]: g })), s((y) => ({ ...y, [x]: g }))) : x in Oe && i((y) => ({ ...y, [x]: g })));
+      const g = j[x], b = rr(x);
+      (b in M || b in Oe) && (x = b), !(!(x in M || x in Oe) || !g) && (x in M ? (c[x + "_night"] === r[x] && i((p) => ({ ...p, [x + "_night"]: g })), s((p) => ({ ...p, [x]: g }))) : x in Oe && i((p) => ({ ...p, [x]: g })));
     }
-  }, [r, c]), h = w((j) => {
-    const x = j ? Vr(c) : r;
+  }, [r, c]), h = _((j) => {
+    const x = j ? zr(c) : r;
     for (let g in x)
       d(g, x[g], j);
-  }, [c, r]), m = w((j) => {
+  }, [c, r]), m = _((j) => {
     o(j);
   }, []);
-  return F(() => {
+  return A(() => {
     h(u);
   }, [u, h]), {
     colors: n,
@@ -2635,18 +2647,18 @@ const Br = (n) => `--${Jn(n, "_", "-")}`, Lr = (n) => Jn(n, "-", "_").slice(2),
       return r.title;
   }
   return "";
-}, Es = ({ style: n, screensize: t = ne.STANDART, items: r, onChange: s, value: c, placeholder: i, className: u, border: o, name: l, error: d, onBlur: f, onFocus: h, container: m }) => {
-  const [j, x] = _(""), [g, k] = _({ x: 0, y: 0, width: 100 }), [y, p] = _(!1);
-  F(() => {
+}, $s = ({ style: n, screensize: t = te.STANDART, items: r, onChange: s, value: c, placeholder: i, className: u, border: o, name: l, error: d, onBlur: f, onFocus: h, container: m }) => {
+  const [j, x] = w(""), [g, b] = w({ x: 0, y: 0, width: 100 }), [p, y] = w(!1);
+  A(() => {
     x(Dn(r, c ?? ""));
   }, [c, r]);
-  const C = w(($) => {
-    x(Dn(r, $)), s && s($), p(!1);
-  }, [r, s]), b = w(($) => typeof $ == "string" ? { title: $, onClick: () => C($) } : { title: $.title, onClick: () => C($.value) }, [C]), T = w(($) => {
+  const C = _(($) => {
+    x(Dn(r, $)), s && s($), y(!1);
+  }, [r, s]), N = _(($) => typeof $ == "string" ? { title: $, onClick: () => C($) } : { title: $.title, onClick: () => C($.value) }, [C]), T = _(($) => {
     $.preventDefault();
-    let P = Fe($.currentTarget), S = (P == null ? void 0 : P.left) ?? $.pageX, L = P != null && P.top ? P.top + P.height : $.pageY;
-    k({ x: S, y: L, width: (P == null ? void 0 : P.width) ?? 150 }), p(!0);
-  }, [r, b]);
+    let B = Ae($.currentTarget), q = (B == null ? void 0 : B.left) ?? $.pageX, ee = B != null && B.top ? B.top + B.height : $.pageY;
+    b({ x: q, y: ee, width: (B == null ? void 0 : B.width) ?? 150 }), y(!0);
+  }, [r, N]);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { style: n, className: `input-field select-field ${u} ${o ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: T, children: [
       /* @__PURE__ */ e.jsx(
@@ -2665,95 +2677,95 @@ const Br = (n) => `--${Jn(n, "_", "-")}`, Lr = (n) => Jn(n, "-", "_").slice(2),
       ),
       /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
     ] }) }),
-    /* @__PURE__ */ e.jsx(Sr, { width: g.width, screensize: t, x: g.x, y: g.y, onHide: () => p(!1), container: m, blocks: [{ items: r.map(b) }], visible: y })
+    /* @__PURE__ */ e.jsx(Or, { width: g.width, screensize: t, x: g.x, y: g.y, onHide: () => y(!1), container: m, blocks: [{ items: r.map(N) }], visible: p })
   ] });
 }, Fn = {
   mobileSize: 720,
   bigSize: 1400
-}, Ts = (n = Fn) => {
+}, Rs = (n = Fn) => {
   (n.bigSize <= 100 || n.mobileSize <= 100 || n.bigSize <= 100 || n.mobileSize >= n.bigSize) && (console.error("useScreenSize: invalid option"), n = Fn);
-  const [t, r] = _(ne.STANDART), s = w(() => {
-    window.innerWidth < n.mobileSize ? r(ne.MOBILE) : window.innerWidth < n.bigSize ? r(ne.STANDART) : r(ne.BIG_SCREEN);
+  const [t, r] = w(te.STANDART), s = _(() => {
+    window.innerWidth < n.mobileSize ? r(te.MOBILE) : window.innerWidth < n.bigSize ? r(te.STANDART) : r(te.BIG_SCREEN);
   }, [window.innerWidth]);
-  return F(() => {
+  return A(() => {
     s();
-  }, [s]), F(() => (window.addEventListener("resize", s), () => {
+  }, [s]), A(() => (window.addEventListener("resize", s), () => {
     window.removeEventListener("resize", s);
   }), [s]), { screen: t };
 };
 export {
-  nr as BaseActionCard,
+  ir as BaseActionCard,
   Ce as BaseButton,
-  ds as BaseDialog,
-  _r as BaseMenu,
-  sr as BaseRadioButton,
-  qn as BaseType,
+  fs as BaseDialog,
+  $r as BaseMenu,
+  or as BaseRadioButton,
+  Kn as BaseType,
   le as BasicTemplateDialog,
-  qr as BigContainer,
-  tr as BottomSheetsUi,
+  Kr as BigContainer,
+  ar as BottomSheetsUi,
   Pn as Button,
-  Ur as Card,
-  Jr as Checkbox,
-  rr as Chips,
-  Xr as ColorField,
-  ps as ColumnLayout,
-  ns as ContentBox,
-  ms as DateField,
-  js as DayOfWeekField,
-  ke as DialogModal,
-  re as Divider,
-  Cs as EmptyPage,
-  es as FAB,
-  Tt as FilledButton,
-  Et as FilledTotalButton,
-  us as FullScrinTemplateDialog,
-  gs as GridLayout,
-  vs as GridLayoutItem,
-  be as HEXtoRGB,
-  Hr as HSLtoHSV,
-  Gr as HSVtoHSL,
+  Jr as Card,
+  Zr as Checkbox,
+  lr as Chips,
+  qr as ColorField,
+  bs as ColumnLayout,
+  rs as ContentBox,
+  vs as DateField,
+  gs as DayOfWeekField,
+  Ne as DialogModal,
+  se as Divider,
+  ws as EmptyPage,
+  ts as FAB,
+  $t as FilledButton,
+  Tt as FilledTotalButton,
+  hs as FullScrinTemplateDialog,
+  ys as GridLayout,
+  ps as GridLayoutItem,
+  ke as HEXtoRGB,
+  Xr as HSLtoHSV,
+  Ur as HSVtoHSL,
   ge as HSVtoRGB,
   pe as IconButton,
-  _s as JsonContainer,
-  Qt as ListContainer,
-  er as ListItem,
-  Sr as Menu,
-  Qe as ModalTemplate,
-  ts as MoreText,
-  bs as NavigationBar,
-  Ns as NavigationDrawer,
-  ks as NavigationRail,
-  Kr as NumberField,
-  St as OutlineButton,
-  ws as Panel,
-  Te as RGBtoHSV,
-  Qr as RadioButton,
-  rs as RunningLine,
-  ne as ScreenSize,
-  ss as ScrollContainer,
-  cs as Search,
-  Es as SelectField,
-  hs as SelectionDialog,
-  ls as SigmentedButton,
-  os as Slider,
-  wr as SmallWindowMenu,
-  is as Snackbar,
-  as as Switch,
-  ys as Table,
-  Zr as TextArea,
-  U as TextButton,
-  fs as TextDialog,
-  Gn as TextField,
-  xs as TimeField,
-  vr as TimePicker,
+  Ss as JsonContainer,
+  sr as ListContainer,
+  cr as ListItem,
+  Or as Menu,
+  en as ModalTemplate,
+  ss as MoreText,
+  ks as NavigationBar,
+  Cs as NavigationDrawer,
+  _s as NavigationRail,
+  Qr as NumberField,
+  Et as OutlineButton,
+  Es as Panel,
+  Me as RGBtoHSV,
+  ns as RadioButton,
+  cs as RunningLine,
+  te as ScreenSize,
+  is as ScrollContainer,
+  as as Search,
+  $s as SelectField,
+  xs as SelectionDialog,
+  us as SigmentedButton,
+  ds as Slider,
+  Rr as SmallWindowMenu,
+  ls as Snackbar,
+  os as Switch,
+  Ns as Table,
+  es as TextArea,
+  X as TextButton,
+  ms as TextDialog,
+  Un as TextField,
+  js as TimeField,
+  Nr as TimePicker,
   ae as Typography,
   ie as getContainerColor,
-  Fe as getContainerData,
-  Xn as getModalWindowCord,
-  Z as getTextColor,
-  qt as hexToRgb,
-  lr as map,
-  Ss as useColor,
-  Ts as useScreenSize,
-  yr as СalendarPickers
+  Ae as getContainerData,
+  qn as getModalWindowCord,
+  K as getTextColor,
+  Jt as hexToRgb,
+  fr as map,
+  Ts as useColor,
+  Rs as useScreenSize,
+  _r as СalendarPickers
 };