alex-evo-sh-ui-kit 1.0.13 → 1.0.15

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

@@ -1,7 +1,7 @@
-import pe, { useState as k, useCallback as C, useEffect as P, forwardRef as un, createElement as _e, useRef as U } from "react";
-import Gn from "react-dom";
-import { NavLink as Oe } from "react-router-dom";
-import './index.css';var De = { exports: {} }, ce = {};
+import ke, { forwardRef as bn, createElement as Ve, useRef as z, useState as k, useMemo as Oe, useCallback as C, useEffect as F } from "react";
+import lt from "react-dom";
+import { NavLink as Be } from "react-router-dom";
+import './index.css';var Le = { exports: {} }, ie = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -11,25 +11,25 @@ import './index.css';var De = { exports: {} }, ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rn;
-function Hn() {
-  if (rn)
-    return ce;
-  rn = 1;
-  var n = pe, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(c, o, x) {
-    var u, m = {}, f = null, p = null;
-    x !== void 0 && (f = "" + x), o.key !== void 0 && (f = "" + o.key), o.ref !== void 0 && (p = o.ref);
-    for (u in o)
-      a.call(o, u) && !l.hasOwnProperty(u) && (m[u] = o[u]);
-    if (c && c.defaultProps)
-      for (u in o = c.defaultProps, o)
-        m[u] === void 0 && (m[u] = o[u]);
-    return { $$typeof: t, type: c, key: f, ref: p, props: m, _owner: i.current };
+var hn;
+function ct() {
+  if (hn)
+    return ie;
+  hn = 1;
+  var n = ke, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, l = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(i, d, h) {
+    var u, x = {}, m = null, p = null;
+    h !== void 0 && (m = "" + h), d.key !== void 0 && (m = "" + d.key), d.ref !== void 0 && (p = d.ref);
+    for (u in d)
+      r.call(d, u) && !c.hasOwnProperty(u) && (x[u] = d[u]);
+    if (i && i.defaultProps)
+      for (u in d = i.defaultProps, d)
+        x[u] === void 0 && (x[u] = d[u]);
+    return { $$typeof: t, type: i, key: m, ref: p, props: x, _owner: l.current };
   }
-  return ce.Fragment = s, ce.jsx = d, ce.jsxs = d, ce;
+  return ie.Fragment = s, ie.jsx = o, ie.jsxs = o, ie;
 }
-var ie = {};
+var oe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -39,91 +39,91 @@ var ie = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var an;
-function Zn() {
-  return an || (an = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = pe, t = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), c = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), N = Symbol.iterator, g = "@@iterator";
-    function E(r) {
-      if (r === null || typeof r != "object")
+var xn;
+function it() {
+  return xn || (xn = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = ke, t = Symbol.for("react.element"), s = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), i = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), N = Symbol.iterator, g = "@@iterator";
+    function E(a) {
+      if (a === null || typeof a != "object")
         return null;
-      var h = N && r[N] || r[g];
-      return typeof h == "function" ? h : null;
+      var f = N && a[N] || a[g];
+      return typeof f == "function" ? f : null;
     }
     var v = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function b(r) {
+    function y(a) {
       {
-        for (var h = arguments.length, j = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
+        for (var f = arguments.length, j = new Array(f > 1 ? f - 1 : 0), w = 1; w < f; w++)
           j[w - 1] = arguments[w];
-        O("error", r, j);
+        D("error", a, j);
       }
     }
-    function O(r, h, j) {
+    function D(a, f, j) {
       {
-        var w = v.ReactDebugCurrentFrame, R = w.getStackAddendum();
-        R !== "" && (h += "%s", j = j.concat([R]));
-        var _ = j.map(function($) {
-          return String($);
+        var w = v.ReactDebugCurrentFrame, M = w.getStackAddendum();
+        M !== "" && (f += "%s", j = j.concat([M]));
+        var _ = j.map(function(R) {
+          return String(R);
         });
-        _.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, _);
+        _.unshift("Warning: " + f), Function.prototype.apply.call(console[a], console, _);
       }
     }
-    var y = !1, S = !1, L = !1, B = !1, Z = !1, G;
-    G = Symbol.for("react.module.reference");
-    function Q(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === a || r === l || Z || r === i || r === x || r === u || B || r === p || y || S || L || typeof r == "object" && r !== null && (r.$$typeof === f || r.$$typeof === m || r.$$typeof === d || r.$$typeof === c || r.$$typeof === o || // This needs to include all possible module reference object
+    var b = !1, T = !1, B = !1, X = !1, S = !1, P;
+    P = Symbol.for("react.module.reference");
+    function H(a) {
+      return !!(typeof a == "string" || typeof a == "function" || a === r || a === c || S || a === l || a === h || a === u || X || a === p || b || T || B || typeof a == "object" && a !== null && (a.$$typeof === m || a.$$typeof === x || a.$$typeof === o || a.$$typeof === i || a.$$typeof === d || // 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.
-      r.$$typeof === G || r.getModuleId !== void 0));
+      a.$$typeof === P || a.getModuleId !== void 0));
     }
-    function q(r, h, j) {
-      var w = r.displayName;
+    function I(a, f, j) {
+      var w = a.displayName;
       if (w)
         return w;
-      var R = h.displayName || h.name || "";
-      return R !== "" ? j + "(" + R + ")" : j;
+      var M = f.displayName || f.name || "";
+      return M !== "" ? j + "(" + M + ")" : j;
     }
-    function ue(r) {
-      return r.displayName || "Context";
+    function Z(a) {
+      return a.displayName || "Context";
     }
-    function W(r) {
-      if (r == null)
+    function W(a) {
+      if (a == null)
         return null;
-      if (typeof r.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
-        return r.displayName || r.name || null;
-      if (typeof r == "string")
-        return r;
-      switch (r) {
-        case a:
+      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;
+      switch (a) {
+        case r:
           return "Fragment";
         case s:
           return "Portal";
-        case l:
+        case c:
           return "Profiler";
-        case i:
+        case l:
           return "StrictMode";
-        case x:
+        case h:
           return "Suspense";
         case u:
           return "SuspenseList";
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
-          case c:
-            var h = r;
-            return ue(h) + ".Consumer";
-          case d:
-            var j = r;
-            return ue(j._context) + ".Provider";
+      if (typeof a == "object")
+        switch (a.$$typeof) {
+          case i:
+            var f = a;
+            return Z(f) + ".Consumer";
           case o:
-            return q(r, r.render, "ForwardRef");
-          case m:
-            var w = r.displayName || null;
-            return w !== null ? w : W(r.type) || "Memo";
-          case f: {
-            var R = r, _ = R._payload, $ = R._init;
+            var j = a;
+            return Z(j._context) + ".Provider";
+          case d:
+            return I(a, a.render, "ForwardRef");
+          case x:
+            var w = a.displayName || null;
+            return w !== null ? w : W(a.type) || "Memo";
+          case m: {
+            var M = a, _ = M._payload, R = M._init;
             try {
-              return W($(_));
+              return W(R(_));
             } catch {
               return null;
             }
@@ -131,637 +131,544 @@ function Zn() {
         }
       return null;
     }
-    var X = Object.assign, D = 0, J, Ae, Ve, Ie, Le, Ye, We;
-    function Be() {
+    var J = Object.assign, O = 0, q, me, He, Ge, Xe, Ue, qe;
+    function Je() {
     }
-    Be.__reactDisabledLog = !0;
-    function kn() {
+    Je.__reactDisabledLog = !0;
+    function Dn() {
       {
-        if (D === 0) {
-          J = console.log, Ae = console.info, Ve = console.warn, Ie = console.error, Le = console.group, Ye = console.groupCollapsed, We = console.groupEnd;
-          var r = {
+        if (O === 0) {
+          q = console.log, me = console.info, He = console.warn, Ge = console.error, Xe = console.group, Ue = console.groupCollapsed, qe = console.groupEnd;
+          var a = {
             configurable: !0,
             enumerable: !0,
-            value: Be,
+            value: Je,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: r,
-            log: r,
-            warn: r,
-            error: r,
-            group: r,
-            groupCollapsed: r,
-            groupEnd: r
+            info: a,
+            log: a,
+            warn: a,
+            error: a,
+            group: a,
+            groupCollapsed: a,
+            groupEnd: a
           });
         }
-        D++;
+        O++;
       }
     }
-    function Cn() {
+    function On() {
       {
-        if (D--, D === 0) {
-          var r = {
+        if (O--, O === 0) {
+          var a = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: X({}, r, {
-              value: J
+            log: J({}, a, {
+              value: q
             }),
-            info: X({}, r, {
-              value: Ae
+            info: J({}, a, {
+              value: me
             }),
-            warn: X({}, r, {
-              value: Ve
+            warn: J({}, a, {
+              value: He
             }),
-            error: X({}, r, {
-              value: Ie
+            error: J({}, a, {
+              value: Ge
             }),
-            group: X({}, r, {
-              value: Le
+            group: J({}, a, {
+              value: Xe
             }),
-            groupCollapsed: X({}, r, {
-              value: Ye
+            groupCollapsed: J({}, a, {
+              value: Ue
             }),
-            groupEnd: X({}, r, {
-              value: We
+            groupEnd: J({}, a, {
+              value: qe
             })
           });
         }
-        D < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        O < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var be = v.ReactCurrentDispatcher, ge;
-    function xe(r, h, j) {
+    var we = v.ReactCurrentDispatcher, Ee;
+    function fe(a, f, j) {
       {
-        if (ge === void 0)
+        if (Ee === void 0)
           try {
             throw Error();
-          } catch (R) {
-            var w = R.stack.trim().match(/\n( *(at )?)/);
-            ge = w && w[1] || "";
+          } catch (M) {
+            var w = M.stack.trim().match(/\n( *(at )?)/);
+            Ee = w && w[1] || "";
           }
         return `
-` + ge + r;
+` + Ee + a;
       }
     }
-    var Ne = !1, he;
+    var Se = !1, je;
     {
-      var wn = typeof WeakMap == "function" ? WeakMap : Map;
-      he = new wn();
+      var Fn = typeof WeakMap == "function" ? WeakMap : Map;
+      je = new Fn();
     }
-    function ze(r, h) {
-      if (!r || Ne)
+    function Ke(a, f) {
+      if (!a || Se)
         return "";
       {
-        var j = he.get(r);
+        var j = je.get(a);
         if (j !== void 0)
           return j;
       }
       var w;
-      Ne = !0;
-      var R = Error.prepareStackTrace;
+      Se = !0;
+      var M = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var _;
-      _ = be.current, be.current = null, kn();
+      _ = we.current, we.current = null, Dn();
       try {
-        if (h) {
-          var $ = function() {
+        if (f) {
+          var R = function() {
             throw Error();
           };
-          if (Object.defineProperty($.prototype, "props", {
+          if (Object.defineProperty(R.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct($, []);
-            } catch (Y) {
-              w = Y;
+              Reflect.construct(R, []);
+            } catch (U) {
+              w = U;
             }
-            Reflect.construct(r, [], $);
+            Reflect.construct(a, [], R);
           } else {
             try {
-              $.call();
-            } catch (Y) {
-              w = Y;
+              R.call();
+            } catch (U) {
+              w = U;
             }
-            r.call($.prototype);
+            a.call(R.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Y) {
-            w = Y;
+          } catch (U) {
+            w = U;
           }
-          r();
+          a();
         }
-      } catch (Y) {
-        if (Y && w && typeof Y.stack == "string") {
-          for (var T = Y.stack.split(`
-`), I = w.stack.split(`
-`), M = T.length - 1, F = I.length - 1; M >= 1 && F >= 0 && T[M] !== I[F]; )
-            F--;
-          for (; M >= 1 && F >= 0; M--, F--)
-            if (T[M] !== I[F]) {
-              if (M !== 1 || F !== 1)
+      } catch (U) {
+        if (U && w && typeof U.stack == "string") {
+          for (var $ = U.stack.split(`
+`), G = w.stack.split(`
+`), A = $.length - 1, V = G.length - 1; A >= 1 && V >= 0 && $[A] !== G[V]; )
+            V--;
+          for (; A >= 1 && V >= 0; A--, V--)
+            if ($[A] !== G[V]) {
+              if (A !== 1 || V !== 1)
                 do
-                  if (M--, F--, F < 0 || T[M] !== I[F]) {
-                    var z = `
-` + T[M].replace(" at new ", " at ");
-                    return r.displayName && z.includes("<anonymous>") && (z = z.replace("<anonymous>", r.displayName)), typeof r == "function" && he.set(r, z), z;
+                  if (A--, V--, V < 0 || $[A] !== G[V]) {
+                    var K = `
+` + $[A].replace(" at new ", " at ");
+                    return a.displayName && K.includes("<anonymous>") && (K = K.replace("<anonymous>", a.displayName)), typeof a == "function" && je.set(a, K), K;
                   }
-                while (M >= 1 && F >= 0);
+                while (A >= 1 && V >= 0);
               break;
             }
         }
       } finally {
-        Ne = !1, be.current = _, Cn(), Error.prepareStackTrace = R;
+        Se = !1, we.current = _, On(), Error.prepareStackTrace = M;
       }
-      var se = r ? r.displayName || r.name : "", ee = se ? xe(se) : "";
-      return typeof r == "function" && he.set(r, ee), ee;
+      var re = a ? a.displayName || a.name : "", te = re ? fe(re) : "";
+      return typeof a == "function" && je.set(a, te), te;
     }
-    function En(r, h, j) {
-      return ze(r, !1);
+    function Pn(a, f, j) {
+      return Ke(a, !1);
     }
-    function Tn(r) {
-      var h = r.prototype;
-      return !!(h && h.isReactComponent);
+    function An(a) {
+      var f = a.prototype;
+      return !!(f && f.isReactComponent);
     }
-    function me(r, h, j) {
-      if (r == null)
+    function ve(a, f, j) {
+      if (a == null)
         return "";
-      if (typeof r == "function")
-        return ze(r, Tn(r));
-      if (typeof r == "string")
-        return xe(r);
-      switch (r) {
-        case x:
-          return xe("Suspense");
+      if (typeof a == "function")
+        return Ke(a, An(a));
+      if (typeof a == "string")
+        return fe(a);
+      switch (a) {
+        case h:
+          return fe("Suspense");
         case u:
-          return xe("SuspenseList");
+          return fe("SuspenseList");
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
-          case o:
-            return En(r.render);
-          case m:
-            return me(r.type, h, j);
-          case f: {
-            var w = r, R = w._payload, _ = w._init;
+      if (typeof a == "object")
+        switch (a.$$typeof) {
+          case d:
+            return Pn(a.render);
+          case x:
+            return ve(a.type, f, j);
+          case m: {
+            var w = a, M = w._payload, _ = w._init;
             try {
-              return me(_(R), h, j);
+              return ve(_(M), f, j);
             } catch {
             }
           }
         }
       return "";
     }
-    var re = Object.prototype.hasOwnProperty, Ue = {}, qe = v.ReactDebugCurrentFrame;
-    function fe(r) {
-      if (r) {
-        var h = r._owner, j = me(r.type, r._source, h ? h.type : null);
-        qe.setExtraStackFrame(j);
+    var le = Object.prototype.hasOwnProperty, Ze = {}, Qe = v.ReactDebugCurrentFrame;
+    function pe(a) {
+      if (a) {
+        var f = a._owner, j = ve(a.type, a._source, f ? f.type : null);
+        Qe.setExtraStackFrame(j);
       } else
-        qe.setExtraStackFrame(null);
+        Qe.setExtraStackFrame(null);
     }
-    function $n(r, h, j, w, R) {
+    function Vn(a, f, j, w, M) {
       {
-        var _ = Function.call.bind(re);
-        for (var $ in r)
-          if (_(r, $)) {
-            var T = void 0;
+        var _ = Function.call.bind(le);
+        for (var R in a)
+          if (_(a, R)) {
+            var $ = void 0;
             try {
-              if (typeof r[$] != "function") {
-                var I = Error((w || "React class") + ": " + j + " type `" + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[$] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw I.name = "Invariant Violation", I;
+              if (typeof a[R] != "function") {
+                var G = Error((w || "React class") + ": " + j + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw G.name = "Invariant Violation", G;
               }
-              T = r[$](h, $, w, j, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (M) {
-              T = M;
+              $ = a[R](f, R, w, j, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (A) {
+              $ = A;
             }
-            T && !(T instanceof Error) && (fe(R), b("%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).", w || "React class", j, $, typeof T), fe(null)), T instanceof Error && !(T.message in Ue) && (Ue[T.message] = !0, fe(R), b("Failed %s type: %s", j, T.message), fe(null));
+            $ && !($ instanceof Error) && (pe(M), 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).", w || "React class", j, R, typeof $), pe(null)), $ instanceof Error && !($.message in Ze) && (Ze[$.message] = !0, pe(M), y("Failed %s type: %s", j, $.message), pe(null));
           }
       }
     }
-    var Rn = Array.isArray;
-    function ke(r) {
-      return Rn(r);
+    var Ln = Array.isArray;
+    function $e(a) {
+      return Ln(a);
     }
-    function Sn(r) {
+    function In(a) {
       {
-        var h = typeof Symbol == "function" && Symbol.toStringTag, j = h && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        var f = typeof Symbol == "function" && Symbol.toStringTag, j = f && a[Symbol.toStringTag] || a.constructor.name || "Object";
         return j;
       }
     }
-    function _n(r) {
+    function Bn(a) {
       try {
-        return Je(r), !1;
+        return en(a), !1;
       } catch {
         return !0;
       }
     }
-    function Je(r) {
-      return "" + r;
+    function en(a) {
+      return "" + a;
     }
-    function Ke(r) {
-      if (_n(r))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sn(r)), Je(r);
+    function nn(a) {
+      if (Bn(a))
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", In(a)), en(a);
     }
-    var ae = v.ReactCurrentOwner, Dn = {
+    var ce = v.ReactCurrentOwner, Yn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Xe, Ge, Ce;
-    Ce = {};
-    function Mn(r) {
-      if (re.call(r, "ref")) {
-        var h = Object.getOwnPropertyDescriptor(r, "ref").get;
-        if (h && h.isReactWarning)
+    }, tn, sn, Re;
+    Re = {};
+    function Wn(a) {
+      if (le.call(a, "ref")) {
+        var f = Object.getOwnPropertyDescriptor(a, "ref").get;
+        if (f && f.isReactWarning)
           return !1;
       }
-      return r.ref !== void 0;
+      return a.ref !== void 0;
     }
-    function On(r) {
-      if (re.call(r, "key")) {
-        var h = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (h && h.isReactWarning)
+    function zn(a) {
+      if (le.call(a, "key")) {
+        var f = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (f && f.isReactWarning)
           return !1;
       }
-      return r.key !== void 0;
+      return a.key !== void 0;
     }
-    function Fn(r, h) {
-      if (typeof r.ref == "string" && ae.current && h && ae.current.stateNode !== h) {
-        var j = W(ae.current.type);
-        Ce[j] || (b('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', W(ae.current.type), r.ref), Ce[j] = !0);
+    function Hn(a, f) {
+      if (typeof a.ref == "string" && ce.current && f && ce.current.stateNode !== f) {
+        var j = W(ce.current.type);
+        Re[j] || (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', W(ce.current.type), a.ref), Re[j] = !0);
       }
     }
-    function Pn(r, h) {
+    function Gn(a, f) {
       {
         var j = function() {
-          Xe || (Xe = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+          tn || (tn = !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)", f));
         };
-        j.isReactWarning = !0, Object.defineProperty(r, "key", {
+        j.isReactWarning = !0, Object.defineProperty(a, "key", {
           get: j,
           configurable: !0
         });
       }
     }
-    function An(r, h) {
+    function Xn(a, f) {
       {
         var j = function() {
-          Ge || (Ge = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+          sn || (sn = !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)", f));
         };
-        j.isReactWarning = !0, Object.defineProperty(r, "ref", {
+        j.isReactWarning = !0, Object.defineProperty(a, "ref", {
           get: j,
           configurable: !0
         });
       }
     }
-    var Vn = function(r, h, j, w, R, _, $) {
-      var T = {
+    var Un = function(a, f, j, w, M, _, R) {
+      var $ = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: r,
-        key: h,
+        type: a,
+        key: f,
         ref: j,
-        props: $,
+        props: R,
         // Record the component responsible for creating this element.
         _owner: _
       };
-      return T._store = {}, Object.defineProperty(T._store, "validated", {
+      return $._store = {}, Object.defineProperty($._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(T, "_self", {
+      }), Object.defineProperty($, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: w
-      }), Object.defineProperty(T, "_source", {
+      }), Object.defineProperty($, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
-      }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
+        value: M
+      }), Object.freeze && (Object.freeze($.props), Object.freeze($)), $;
     };
-    function In(r, h, j, w, R) {
+    function qn(a, f, j, w, M) {
       {
-        var _, $ = {}, T = null, I = null;
-        j !== void 0 && (Ke(j), T = "" + j), On(h) && (Ke(h.key), T = "" + h.key), Mn(h) && (I = h.ref, Fn(h, R));
-        for (_ in h)
-          re.call(h, _) && !Dn.hasOwnProperty(_) && ($[_] = h[_]);
-        if (r && r.defaultProps) {
-          var M = r.defaultProps;
-          for (_ in M)
-            $[_] === void 0 && ($[_] = M[_]);
+        var _, R = {}, $ = null, G = null;
+        j !== void 0 && (nn(j), $ = "" + j), zn(f) && (nn(f.key), $ = "" + f.key), Wn(f) && (G = f.ref, Hn(f, M));
+        for (_ in f)
+          le.call(f, _) && !Yn.hasOwnProperty(_) && (R[_] = f[_]);
+        if (a && a.defaultProps) {
+          var A = a.defaultProps;
+          for (_ in A)
+            R[_] === void 0 && (R[_] = A[_]);
         }
-        if (T || I) {
-          var F = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          T && Pn($, F), I && An($, F);
+        if ($ || G) {
+          var V = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
+          $ && Gn(R, V), G && Xn(R, V);
         }
-        return Vn(r, T, I, R, w, ae.current, $);
+        return Un(a, $, G, M, w, ce.current, R);
       }
     }
-    var we = v.ReactCurrentOwner, He = v.ReactDebugCurrentFrame;
-    function te(r) {
-      if (r) {
-        var h = r._owner, j = me(r.type, r._source, h ? h.type : null);
-        He.setExtraStackFrame(j);
+    var Te = v.ReactCurrentOwner, rn = v.ReactDebugCurrentFrame;
+    function se(a) {
+      if (a) {
+        var f = a._owner, j = ve(a.type, a._source, f ? f.type : null);
+        rn.setExtraStackFrame(j);
       } else
-        He.setExtraStackFrame(null);
+        rn.setExtraStackFrame(null);
     }
-    var Ee;
-    Ee = !1;
-    function Te(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === t;
+    var Me;
+    Me = !1;
+    function _e(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === t;
     }
-    function Ze() {
+    function an() {
       {
-        if (we.current) {
-          var r = W(we.current.type);
-          if (r)
+        if (Te.current) {
+          var a = W(Te.current.type);
+          if (a)
             return `
 
-Check the render method of \`` + r + "`.";
+Check the render method of \`` + a + "`.";
         }
         return "";
       }
     }
-    function Ln(r) {
+    function Jn(a) {
       {
-        if (r !== void 0) {
-          var h = r.fileName.replace(/^.*[\\\/]/, ""), j = r.lineNumber;
+        if (a !== void 0) {
+          var f = a.fileName.replace(/^.*[\\\/]/, ""), j = a.lineNumber;
           return `
 
-Check your code at ` + h + ":" + j + ".";
+Check your code at ` + f + ":" + j + ".";
         }
         return "";
       }
     }
-    var Qe = {};
-    function Yn(r) {
+    var ln = {};
+    function Kn(a) {
       {
-        var h = Ze();
-        if (!h) {
-          var j = typeof r == "string" ? r : r.displayName || r.name;
-          j && (h = `
+        var f = an();
+        if (!f) {
+          var j = typeof a == "string" ? a : a.displayName || a.name;
+          j && (f = `
 
 Check the top-level render call using <` + j + ">.");
         }
-        return h;
+        return f;
       }
     }
-    function en(r, h) {
+    function cn(a, f) {
       {
-        if (!r._store || r._store.validated || r.key != null)
+        if (!a._store || a._store.validated || a.key != null)
           return;
-        r._store.validated = !0;
-        var j = Yn(h);
-        if (Qe[j])
+        a._store.validated = !0;
+        var j = Kn(f);
+        if (ln[j])
           return;
-        Qe[j] = !0;
+        ln[j] = !0;
         var w = "";
-        r && r._owner && r._owner !== we.current && (w = " It was passed a child from " + W(r._owner.type) + "."), te(r), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', j, w), te(null);
+        a && a._owner && a._owner !== Te.current && (w = " It was passed a child from " + W(a._owner.type) + "."), se(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.', j, w), se(null);
       }
     }
-    function nn(r, h) {
+    function on(a, f) {
       {
-        if (typeof r != "object")
+        if (typeof a != "object")
           return;
-        if (ke(r))
-          for (var j = 0; j < r.length; j++) {
-            var w = r[j];
-            Te(w) && en(w, h);
+        if ($e(a))
+          for (var j = 0; j < a.length; j++) {
+            var w = a[j];
+            _e(w) && cn(w, f);
           }
-        else if (Te(r))
-          r._store && (r._store.validated = !0);
-        else if (r) {
-          var R = E(r);
-          if (typeof R == "function" && R !== r.entries)
-            for (var _ = R.call(r), $; !($ = _.next()).done; )
-              Te($.value) && en($.value, h);
+        else if (_e(a))
+          a._store && (a._store.validated = !0);
+        else if (a) {
+          var M = E(a);
+          if (typeof M == "function" && M !== a.entries)
+            for (var _ = M.call(a), R; !(R = _.next()).done; )
+              _e(R.value) && cn(R.value, f);
         }
       }
     }
-    function Wn(r) {
+    function Zn(a) {
       {
-        var h = r.type;
-        if (h == null || typeof h == "string")
+        var f = a.type;
+        if (f == null || typeof f == "string")
           return;
         var j;
-        if (typeof h == "function")
-          j = h.propTypes;
-        else if (typeof h == "object" && (h.$$typeof === o || // Note: Memo only checks outer props here.
+        if (typeof f == "function")
+          j = f.propTypes;
+        else if (typeof f == "object" && (f.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        h.$$typeof === m))
-          j = h.propTypes;
+        f.$$typeof === x))
+          j = f.propTypes;
         else
           return;
         if (j) {
-          var w = W(h);
-          $n(j, r.props, "prop", w, r);
-        } else if (h.PropTypes !== void 0 && !Ee) {
-          Ee = !0;
-          var R = W(h);
-          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+          var w = W(f);
+          Vn(j, a.props, "prop", w, a);
+        } else if (f.PropTypes !== void 0 && !Me) {
+          Me = !0;
+          var M = W(f);
+          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", M || "Unknown");
         }
-        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Bn(r) {
+    function Qn(a) {
       {
-        for (var h = Object.keys(r.props), j = 0; j < h.length; j++) {
-          var w = h[j];
+        for (var f = Object.keys(a.props), j = 0; j < f.length; j++) {
+          var w = f[j];
           if (w !== "children" && w !== "key") {
-            te(r), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), te(null);
+            se(a), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), se(null);
             break;
           }
         }
-        r.ref !== null && (te(r), b("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
+        a.ref !== null && (se(a), y("Invalid attribute `ref` supplied to `React.Fragment`."), se(null));
       }
     }
-    var tn = {};
-    function sn(r, h, j, w, R, _) {
+    var dn = {};
+    function un(a, f, j, w, M, _) {
       {
-        var $ = Q(r);
-        if (!$) {
-          var T = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var I = Ln(R);
-          I ? T += I : T += Ze();
-          var M;
-          r === null ? M = "null" : ke(r) ? M = "array" : r !== void 0 && r.$$typeof === t ? (M = "<" + (W(r.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : M = typeof r, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", M, T);
+        var R = H(a);
+        if (!R) {
+          var $ = "";
+          (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && ($ += " 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 G = Jn(M);
+          G ? $ += G : $ += an();
+          var A;
+          a === null ? A = "null" : $e(a) ? A = "array" : a !== void 0 && a.$$typeof === t ? (A = "<" + (W(a.type) || "Unknown") + " />", $ = " Did you accidentally export a JSX literal instead of a component?") : A = 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", A, $);
         }
-        var F = In(r, h, j, R, _);
-        if (F == null)
-          return F;
-        if ($) {
-          var z = h.children;
-          if (z !== void 0)
+        var V = qn(a, f, j, M, _);
+        if (V == null)
+          return V;
+        if (R) {
+          var K = f.children;
+          if (K !== void 0)
             if (w)
-              if (ke(z)) {
-                for (var se = 0; se < z.length; se++)
-                  nn(z[se], r);
-                Object.freeze && Object.freeze(z);
+              if ($e(K)) {
+                for (var re = 0; re < K.length; re++)
+                  on(K[re], a);
+                Object.freeze && Object.freeze(K);
               } else
-                b("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
-              nn(z, r);
+              on(K, a);
         }
-        if (re.call(h, "key")) {
-          var ee = W(r), Y = Object.keys(h).filter(function(Xn) {
-            return Xn !== "key";
-          }), $e = Y.length > 0 ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!tn[ee + $e]) {
-            var Kn = Y.length > 0 ? "{" + Y.join(": ..., ") + ": ...}" : "{}";
-            b(`A props object containing a "key" prop is being spread into JSX:
+        if (le.call(f, "key")) {
+          var te = W(a), U = Object.keys(f).filter(function(at) {
+            return at !== "key";
+          }), De = U.length > 0 ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!dn[te + De]) {
+            var rt = U.length > 0 ? "{" + U.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} />`, $e, ee, Kn, ee), tn[ee + $e] = !0;
+  <%s key={someKey} {...props} />`, De, te, rt, te), dn[te + De] = !0;
           }
         }
-        return r === a ? Bn(F) : Wn(F), F;
+        return a === r ? Qn(V) : Zn(V), V;
       }
     }
-    function zn(r, h, j) {
-      return sn(r, h, j, !0);
+    function et(a, f, j) {
+      return un(a, f, j, !0);
     }
-    function Un(r, h, j) {
-      return sn(r, h, j, !1);
+    function nt(a, f, j) {
+      return un(a, f, j, !1);
     }
-    var qn = Un, Jn = zn;
-    ie.Fragment = a, ie.jsx = qn, ie.jsxs = Jn;
-  }()), ie;
+    var tt = nt, st = et;
+    oe.Fragment = r, oe.jsx = tt, oe.jsxs = st;
+  }()), oe;
 }
-process.env.NODE_ENV === "production" ? De.exports = Hn() : De.exports = Zn();
-var e = De.exports;
-const Qn = (n) => de({ ...n, className: (n.className ?? "") + " outline-button" }), V = (n) => de({ ...n, className: (n.className ?? "") + " text-button" }), et = (n) => de({ ...n, className: (n.className ?? "") + " total-button" }), nt = (n) => de({ ...n, className: (n.className ?? "") + " filled-button" }), de = (n) => {
+process.env.NODE_ENV === "production" ? Le.exports = ct() : Le.exports = it();
+var e = Le.exports;
+const ot = (n) => xe({ ...n, className: (n.className ?? "") + " outline-button" }), Y = (n) => xe({ ...n, className: (n.className ?? "") + " text-button" }), dt = (n) => xe({ ...n, className: (n.className ?? "") + " total-button" }), ut = (n) => xe({ ...n, className: (n.className ?? "") + " filled-button" }), xe = (n) => {
   const t = (s) => {
     n.onClick && n.onClick(s);
-    let a = document.createElement("span");
-    a.classList.add("btn-overlay");
-    let i = s.pageX - s.currentTarget.offsetLeft, l = s.pageY - s.currentTarget.offsetTop;
-    a.style.left = i + "px", a.style.top = l + "px", s.currentTarget.appendChild(a), setTimeout(() => {
-      a.remove();
+    let r = document.createElement("span");
+    r.classList.add("btn-overlay");
+    let l = s.pageX - s.currentTarget.offsetLeft, c = s.pageY - s.currentTarget.offsetTop;
+    r.style.left = l + "px", r.style.top = c + "px", s.currentTarget.appendChild(r), setTimeout(() => {
+      r.remove();
     }, 500);
   };
   return /* @__PURE__ */ e.jsx("button", { ...n, className: (n.className ?? "") + " btn", onClick: t, children: /* @__PURE__ */ e.jsx("span", { children: n.children }) });
-}, xn = ({ styleType: n = "base", ...t }) => n === "outline" ? Qn({ ...t }) : n === "text" ? V({ ...t }) : n === "filledTotal" ? et({ ...t }) : n === "filled" ? nt({ ...t }) : de({ ...t });
-const tt = ({ children: n, className: t, maxHeight: s, scroll: a, transparent: i }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: s ? a ? "scroll" : "hidden" : void 0, maxHeight: s, backgroundColor: i ? "transparent" : void 0 }, className: `list-container ${t} ${a ? "scroll" : ""}`, children: n }), st = ({ icon: n, control: t, text: s, header: a, value: i, onClick: l, hovered: d, className: c }) => {
-  const o = (x) => {
-    x.target.closest(".control-container") || l && l(x);
-  };
-  return /* @__PURE__ */ e.jsxs("li", { className: ` ${c} list-item-container ${d ? "hovered" : ""}`, onClick: o, children: [
-    n ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: n }) : i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: i }) : null,
-    s ? /* @__PURE__ */ e.jsxs("div", { className: "text-container", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "header", children: a }),
-      /* @__PURE__ */ e.jsx("div", { className: "text", children: s })
-    ] }) : /* @__PURE__ */ e.jsx("div", { className: "text-container", children: /* @__PURE__ */ e.jsx("div", { className: "header", children: a }) }),
-    t ? /* @__PURE__ */ e.jsx("div", { className: "control-container", children: t }) : null
-  ] });
-};
-const le = ({ transparent: n, icon: t, className: s, onClick: a, onContextMenu: i, disabled: l, classNameContainer: d, style: c }) => {
-  const o = (x) => {
-    a && a(x);
-    let u = document.createElement("span");
-    u.classList.add("btn-overlay");
-    let m = x.pageX - x.currentTarget.offsetLeft, f = x.pageY - x.currentTarget.offsetTop;
-    u.style.left = m + "px", u.style.top = f + "px", x.currentTarget.appendChild(u), setTimeout(() => {
-      u.remove();
-    }, 500);
-  };
-  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...c }, className: `iconbutton ${s}`, onClick: o, onContextMenu: i, disabled: l, children: /* @__PURE__ */ e.jsx("div", { className: `${d} iconbutton-container`, children: t }) });
-};
-const es = ({ className: n, action: t, imgSrc: s, alt: a, header: i, subhead: l, text: d, children: c, iconButtonCell: o, onClick: x }) => {
-  const u = (f) => !(f.target.className === "action-container" || f.target.closest(".action-container") || f.target.className === "icon-button-container" || f.target.closest(".icon-button-container")), m = (f) => {
-    if (x && x(f), !u(f))
-      return;
-    let p = f.currentTarget.closest(".card-container"), N = p == null ? void 0 : p.querySelector(".blick-container");
-    if (!N)
-      return;
-    let g = document.createElement("span");
-    g.classList.add("btn-overlay");
-    let E = f.pageX - f.currentTarget.offsetLeft, v = f.pageY - f.currentTarget.offsetTop;
-    g.style.left = E + "px", g.style.top = v + "px", N.appendChild(g), setTimeout(() => {
-      g.remove();
-    }, 500);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: `card-container ${n}`, onClick: m, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "blick-container" }),
-    s ? /* @__PURE__ */ e.jsx("div", { className: "card-img-container", children: /* @__PURE__ */ e.jsx("img", { src: s, alt: a }) }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "card-content-container", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "card-Headline-container mb-1 font-bold", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: i }) }),
-        o ? /* @__PURE__ */ e.jsx("div", { className: "icon-button-container", children: o }) : null
-      ] }),
-      l ? /* @__PURE__ */ e.jsx("div", { className: "card-subhead-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "subhead", children: /* @__PURE__ */ e.jsx("h3", { className: "text-xl", children: l }) }) }) : null,
-      d ? /* @__PURE__ */ e.jsx("div", { className: "card-text-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: d }) }) }) : null,
-      c ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: c }) : null,
-      /* @__PURE__ */ e.jsx("div", { className: "action-container", children: t })
-    ] })
-  ] });
-};
-const rt = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n });
-const ns = ({ children: n, className: t, id: s, height: a, width: i, pozMove: l }) => {
-  const [d, c] = k(!1), [o, x] = k(null), [u, m] = k({ x: 0, y: 0 }), f = (g) => {
-    g.button == 1 && (c(!1), x(null), document.body.style.cursor = "auto");
-  }, p = (g) => {
-    g.button == 1 && (x({ x: g.clientX, y: g.clientY }), c(!0), document.body.style.cursor = "move");
-  }, N = C((g) => {
-    d && (m((E) => {
-      if (!o)
-        return E;
-      const v = g.clientX - o.x, b = g.clientY - o.y;
-      let O = E.x + v, y = E.y + b;
-      return { x: O, y };
-    }), x({ x: g.clientX, y: g.clientY }));
-  }, [d, o]);
-  return P(() => {
-    l && m({ ...l });
-  }, [l]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: a, width: i }, className: `big-container ${t}`, onMouseDown: p, onMouseUp: f, onMouseMove: N, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: u.x, top: u.y }, children: n }) });
-};
-const at = (n) => {
-  const [t, s] = k(!1), a = C(() => {
-    s(!0), setTimeout(() => {
-      n.onHide(), s(!1);
-    }, 200);
-  }, [n.onHide]);
-  return P(() => {
-    n.visible || a();
-  }, [n.visible, a]), !n.visible && !t || !n.children ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: `bottom-sheets ${t ? "hide" : ""}`, children: [
-      /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-handle", children: /* @__PURE__ */ e.jsx("span", {}) }),
-      /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-content", children: n.children })
-    ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "backplate bottom-sheets-backplate", style: { zIndex: 1101 }, onClick: a })
-  ] });
-};
-const ts = ({ name: n, checked: t, onChange: s, readOnly: a, checkIcon: i }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
-  /* @__PURE__ */ e.jsx("input", { className: "checkbox", name: n, type: "checkbox", checked: t, onChange: s, readOnly: a }),
-  /* @__PURE__ */ e.jsx("span", { children: i || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
-] });
+}, yn = ({ styleType: n = "base", ...t }) => n === "outline" ? ot({ ...t }) : n === "text" ? Y({ ...t }) : n === "filledTotal" ? dt({ ...t }) : n === "filled" ? ut({ ...t }) : xe({ ...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 ct = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), hn = (...n) => n.filter((t, s, a) => !!t && a.indexOf(t) === s).join(" ");
+const ht = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Nn = (...n) => n.filter((t, s, r) => !!t && r.indexOf(t) === s).join(" ");
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var it = {
+var xt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -778,31 +685,31 @@ var it = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const lt = un(
+const mt = bn(
   ({
     color: n = "currentColor",
     size: t = 24,
     strokeWidth: s = 2,
-    absoluteStrokeWidth: a,
-    className: i = "",
-    children: l,
-    iconNode: d,
-    ...c
-  }, o) => _e(
+    absoluteStrokeWidth: r,
+    className: l = "",
+    children: c,
+    iconNode: o,
+    ...i
+  }, d) => Ve(
     "svg",
     {
-      ref: o,
-      ...it,
+      ref: d,
+      ...xt,
       width: t,
       height: t,
       stroke: n,
-      strokeWidth: a ? Number(s) * 24 / Number(t) : s,
-      className: hn("lucide", i),
-      ...c
+      strokeWidth: r ? Number(s) * 24 / Number(t) : s,
+      className: Nn("lucide", l),
+      ...i
     },
     [
-      ...d.map(([x, u]) => _e(x, u)),
-      ...Array.isArray(l) ? l : [l]
+      ...o.map(([h, u]) => Ve(h, u)),
+      ...Array.isArray(c) ? c : [c]
     ]
   )
 );
@@ -812,13 +719,13 @@ const lt = un(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const A = (n, t) => {
-  const s = un(
-    ({ className: a, ...i }, l) => _e(lt, {
-      ref: l,
+const L = (n, t) => {
+  const s = bn(
+    ({ className: r, ...l }, c) => Ve(mt, {
+      ref: c,
       iconNode: t,
-      className: hn(`lucide-${ct(n)}`, a),
-      ...i
+      className: Nn(`lucide-${ht(n)}`, r),
+      ...l
     })
   );
   return s.displayName = `${n}`, s;
@@ -829,7 +736,7 @@ const A = (n, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mn = A("AlignJustify", [
+const kn = L("AlignJustify", [
   ["line", { x1: "3", x2: "21", y1: "6", y2: "6", key: "4m8b97" }],
   ["line", { x1: "3", x2: "21", y1: "12", y2: "12", key: "10d38w" }],
   ["line", { x1: "3", x2: "21", y1: "18", y2: "18", key: "kwyyxn" }]
@@ -840,7 +747,7 @@ const mn = A("AlignJustify", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ot = A("ArrowLeft", [
+const ft = L("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
@@ -850,7 +757,7 @@ const ot = A("ArrowLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dt = A("CalendarDays", [
+const jt = L("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" }],
@@ -868,14 +775,14 @@ const dt = A("CalendarDays", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const oe = A("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+const he = L("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 cn = A("ChevronDown", [
+const mn = L("ChevronDown", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
 /**
@@ -884,7 +791,7 @@ const cn = A("ChevronDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fe = A("CircleMinus", [
+const Ye = L("CircleMinus", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }]
 ]);
@@ -894,7 +801,7 @@ const Fe = A("CircleMinus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fn = A("CirclePlus", [
+const Cn = L("CirclePlus", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }],
   ["path", { d: "M12 8v8", key: "napkw2" }]
@@ -905,7 +812,7 @@ const fn = A("CirclePlus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = A("CircleX", [
+const wn = L("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" }]
@@ -916,7 +823,7 @@ const jn = A("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vn = A("Clock3", [
+const En = L("Clock3", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polyline", { points: "12 6 12 12 16.5 12", key: "1aq6pp" }]
 ]);
@@ -926,7 +833,7 @@ const vn = A("Clock3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ut = A("EllipsisVertical", [
+const vt = L("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" }]
@@ -937,7 +844,7 @@ const ut = A("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Me = A("Ellipsis", [
+const Ie = L("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" }]
@@ -948,7 +855,7 @@ const Me = A("Ellipsis", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xt = A("Keyboard", [
+const pt = L("Keyboard", [
   ["path", { d: "M10 8h.01", key: "1r9ogq" }],
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M14 8h.01", key: "1primd" }],
@@ -965,14 +872,33 @@ const xt = A("Keyboard", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ht = A("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
+const gt = L("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 mt = A("Pen", [
+const bt = L("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" }],
+  ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
+  [
+    "path",
+    {
+      d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z",
+      key: "12rzf8"
+    }
+  ]
+]);
+/**
+ * @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 yt = L("Pen", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }]
 ]);
 /**
@@ -981,7 +907,7 @@ const mt = A("Pen", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ft = A("Plus", [
+const Nt = L("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -991,7 +917,7 @@ const ft = A("Plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jt = A("Search", [
+const kt = L("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -1001,7 +927,7 @@ const jt = A("Search", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vt = A("Trash2", [
+const Ct = L("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" }],
@@ -1014,84 +940,462 @@ const vt = A("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ye = A("X", [
+const Ce = L("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
-const pt = ({ text: n, onDelete: t, big: s, onClick: a }) => {
-  const i = (d) => !(d.target.className === "alex-evo-ui-kit-chips-btn" || d.target.closest(".alex-evo-ui-kit-chips-btn")), l = (d) => {
-    i(d) && a && a(d);
+const We = ({ children: n, container: t }) => t ? lt.createPortal(
+  n,
+  t
+) : /* @__PURE__ */ e.jsx("p", { children: "container not found" });
+function wt(n, t, s) {
+  if (!(!n || !t)) {
+    n.clearRect(0, 0, t.width, t.height), s || (s = "#ff0000"), n.fillStyle = s, n.fillRect(0, 0, t.width, t.height);
+    var r = n.createLinearGradient(0, 0, t.width, 0);
+    r.addColorStop(0, "#fff"), r.addColorStop(1, "transparent"), n.fillStyle = r, n.fillRect(0, 0, t.width, t.height);
+    var l = n.createLinearGradient(0, 0, 0, t.height);
+    l.addColorStop(0, "transparent"), l.addColorStop(1, "#000"), n.fillStyle = l, n.fillRect(0, 0, t.width, t.height);
+  }
+}
+function Et(n, t, s, r) {
+  !t || !n || n.addEventListener("mousedown", function(l) {
+    St(l, n, s, r);
+  });
+}
+function fn(n, t, s, r) {
+  if (n.preventDefault(), !t)
+    return;
+  const l = t.getBoundingClientRect();
+  let c = n.pageY - l.top;
+  c > l.height && (c = l.height), c < 0 && (c = 0);
+  let o = n.pageX - l.left;
+  o > l.width && (o = l.width), o < 0 && (o = 0);
+  const i = c / l.height, d = o / l.width, h = 100 - 100 * i, u = 100 * d;
+  r(Math.round(u), Math.round(h)), Sn(s, o, c);
+}
+function St(n, t, s, r) {
+  const l = (o) => fn(o, t, s, r);
+  fn(n, t, s, r), s.classList.add("dragging"), window.addEventListener("mousemove", l), window.addEventListener("mouseup", c);
+  function c() {
+    s.classList.remove("dragging"), window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", c);
+  }
+}
+function Sn(n, t, s) {
+  n.style.top = s + "px", n.style.left = t + "px";
+}
+function $t(n, t) {
+  if (!n || !t)
+    return;
+  const s = n.createLinearGradient(0, 0, 0, t.height);
+  s.addColorStop(0, "hsl(0, 100%, 50%)"), s.addColorStop(0.17, "hsl(298.8, 100%, 50%)"), s.addColorStop(0.33, "hsl(241.2, 100%, 50%)"), s.addColorStop(0.5, "hsl(180, 100%, 50%)"), s.addColorStop(0.67, "hsl(118.8, 100%, 50%)"), s.addColorStop(0.83, "hsl(61.2, 100%, 50%)"), s.addColorStop(1, "hsl(360, 100%, 50%)"), n.fillStyle = s, n.fillRect(0, 0, t.width, t.height);
+}
+function Rt(n, t, s, r) {
+  !n || !t || t.addEventListener("mousedown", function(l) {
+    Tt(l, s, t, r);
+  });
+}
+function jn(n, t, s, r) {
+  if (n.preventDefault(), !t)
+    return;
+  const l = t.getBoundingClientRect();
+  let c = n.pageY - l.top;
+  c > l.height && (c = l.height), c < 0 && (c = 0);
+  const i = 360 - 360 * (c / l.height);
+  r(i), $n(s, c);
+}
+function Tt(n, t, s, r) {
+  const l = (o) => jn(o, s, t, r);
+  jn(n, s, t, r), t.classList.add("dragging"), window.addEventListener("mousemove", l), window.addEventListener("mouseup", c);
+  function c() {
+    t.classList.remove("dragging"), window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", c);
+  }
+}
+function $n(n, t) {
+  n.style.top = t + "px";
+}
+function de(n, t, s) {
+  var r, l, c, o, i, d, h, u;
+  switch (arguments.length === 1 && (t = n.s, s = n.v, n = n.h), o = Math.floor(n * 6), i = n * 6 - o, d = s * (1 - t), h = s * (1 - i * t), u = s * (1 - (1 - i) * t), o % 6) {
+    case 0:
+      r = s, l = u, c = d;
+      break;
+    case 1:
+      r = h, l = s, c = d;
+      break;
+    case 2:
+      r = d, l = s, c = u;
+      break;
+    case 3:
+      r = d, l = h, c = s;
+      break;
+    case 4:
+      r = u, l = d, c = s;
+      break;
+    case 5:
+      r = s, l = d, c = h;
+      break;
+  }
+  return {
+    r: Math.round(r * 255),
+    g: Math.round(l * 255),
+    b: Math.round(c * 255)
+  };
+}
+function Fe(n) {
+  let t = n.toString(16);
+  return t.length === 1 && (t = "0" + t), t;
+}
+function ae(n) {
+  return Fe(n.r) + Fe(n.g) + Fe(n.b);
+}
+function ge(n, t, s) {
+  arguments.length === 1 && (t = n.g, s = n.b, n = n.r);
+  var r = Math.max(n, t, s), l = Math.min(n, t, s), c = r - l, o, i = r === 0 ? 0 : c / r, d = r / 255;
+  switch (r) {
+    case l:
+      o = 0;
+      break;
+    case n:
+      o = t - s + c * (t < s ? 6 : 0), o /= 6 * c;
+      break;
+    case t:
+      o = s - n + c * 2, o /= 6 * c;
+      break;
+    case s:
+      o = n - t + c * 4, o /= 6 * c;
+      break;
+  }
+  return {
+    h: o,
+    s: i,
+    v: d
+  };
+}
+function Ne(n) {
+  var t = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  n = n.replace(t, function(r, l, c, o) {
+    return l + l + c + c + o + o;
+  });
+  var s = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);
+  return s ? {
+    r: parseInt(s[1], 16),
+    g: parseInt(s[2], 16),
+    b: parseInt(s[3], 16)
+  } : null;
+}
+const Mt = Ne, _t = (n) => {
+  if (!n)
+    return "linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";
+  const t = Mt(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 Dt = ({ children: n, onHide: t }) => {
+  function s() {
+    t && t();
+  }
+  return /* @__PURE__ */ e.jsxs("div", { className: "modal-container", children: [
+    /* @__PURE__ */ e.jsx("div", { onClick: s, className: "backplate" }),
+    n
+  ] });
+}, ne = ({ className: n, children: t, header: s, action: r, onHide: l, style: c, clearStyle: o = !1 }) => {
+  function i() {
+    l && l();
+  }
+  return /* @__PURE__ */ e.jsx(Dt, { onHide: i, children: /* @__PURE__ */ e.jsxs("div", { style: c, className: `${o ? "" : "dialog-container"} dialog-container-base ${n}`, children: [
+    s ? /* @__PURE__ */ e.jsx("div", { className: "dialog-header", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: s }) }) : null,
+    /* @__PURE__ */ e.jsx("div", { className: "dialog-content", children: t }),
+    r ? /* @__PURE__ */ e.jsx("div", { className: "dialog-action", children: r }) : null
+  ] }) });
+}, Ot = [
+  "#FFFFFF",
+  "#FFFB0D",
+  "#0532FF",
+  "#FF9300",
+  "#00F91A",
+  "#FF2700",
+  "#000000",
+  "#686868",
+  "#EE5464",
+  "#D27AEE",
+  "#5BA8C4",
+  "#E64AA9"
+], Ft = ({ onHide: n, beginColor: t, onChange: s, onAddColor: r, userColor: l = [] }) => {
+  const c = z(null), o = z(null), i = z(null), d = z(null), [h, u] = k(t ? ge(Ne(t)) : { h: 0, s: 1, v: 0.5 }), x = Oe(() => de(h), [h]), m = Oe(() => "#" + ae(x), [x]), [p, N] = k(!1), [g, E] = k(m), v = Oe(() => g[0] != "#" ? "#" + g : g, [g]);
+  function y(S, P, H, I, Z) {
+    if (!(!S || !H))
+      try {
+        const W = S.getBoundingClientRect(), J = H.getBoundingClientRect(), O = Math.round(Z.s * W.width), q = Math.round((1 - Z.v) * W.height), me = (360 - Z.h * 360) / 360 * J.height;
+        Sn(P, O, q), $n(I, me);
+      } catch {
+      }
+  }
+  const D = (S) => {
+    u(ge(Ne(S))), E(S);
+  }, b = C(() => {
+    r && r([...l, m]);
+  }, [r, l, m]), T = C(() => {
+    s && s(m);
+  }, [s, m]), B = C((S, P) => {
+    u(ge({ ...x, [S]: P })), E(ae({ ...x, [S]: P }));
+  }, [x]), X = C((S) => {
+    E(S);
+  }, []);
+  return F(() => {
+    (g.length === 4 || g.length === 7) && u(ge(Ne(g)));
+  }, [g]), F(() => {
+    if (!i.current || !c.current || !o.current || !d.current)
+      return;
+    const S = i.current.getContext("2d");
+    wt(S, i.current, `#${ae(de(h.h, 1, 1))}`), y(i.current, d.current, c.current, o.current, h);
+  }, [h]), F(() => {
+    if (!i.current || !d.current)
+      return;
+    const S = i.current.getContext("2d");
+    Et(i.current, S, d.current, (P, H) => {
+      u((I) => {
+        const Z = { ...I, s: P / 100, v: H / 100 };
+        return E(ae(de(Z))), Z;
+      });
+    });
+  }, []), F(() => {
+    if (!c.current || !o.current)
+      return;
+    const S = c.current.getContext("2d");
+    $t(S, c.current), Rt(S, c.current, o.current, (P) => {
+      u((H) => {
+        const I = { ...H, h: P / 360 };
+        return E(ae(de(I))), I;
+      });
+    });
+  }, []), F(() => {
+    console.log(h, x);
+  }, [h]), /* @__PURE__ */ e.jsxs(ne, { 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: Ot.map((S, P) => /* @__PURE__ */ e.jsx("button", { onClick: () => D(S), className: "swatch", style: { backgroundColor: S } }, P)) }),
+      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker eyedropper", onClick: T, children: "Get Color" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "spectrum-map spectrum-cursor", children: [
+        /* @__PURE__ */ e.jsx("button", { ref: d, className: "color-cursor spectrum-cursor" }),
+        /* @__PURE__ */ e.jsx("canvas", { ref: i, className: "spectrum-canvas spectrum-canvas-color-picker" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "hue-map", children: [
+        /* @__PURE__ */ e.jsx("button", { ref: o, className: "color-cursor hue-cursor" }),
+        /* @__PURE__ */ e.jsx("canvas", { ref: c, 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 ${p ? "" : "active"}`, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
+          /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "R:" }),
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: x.r, onChange: (S) => B("r", Number(S.target.value)), className: "field-input rgb-input" })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
+          /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "G:" }),
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: x.g, onChange: (S) => B("g", Number(S.target.value)), className: "field-input rgb-input" })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
+          /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "B:" }),
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: x.b, onChange: (S) => B("b", Number(S.target.value)), className: "field-input rgb-input" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: `field-group value-fields hex-field ${p ? "active" : ""}`, children: [
+        /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "Hex:" }),
+        /* @__PURE__ */ e.jsx("input", { type: "text", className: "field-input", value: v, onChange: (S) => X(S.target.value) })
+      ] }),
+      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker mode-toggle", onClick: () => N((S) => !S), 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: l ? l.map((S, P) => /* @__PURE__ */ e.jsx("button", { onClick: () => D(S), className: "swatch", style: { backgroundColor: S } }, P)) : null }),
+      /* @__PURE__ */ e.jsxs("button", { onClick: b, className: "button-color-picker add-swatch", children: [
+        /* @__PURE__ */ e.jsx("span", { style: { backgroundColor: `#${ae(de(h))}` }, className: "color-indicator" }),
+        /* @__PURE__ */ e.jsx("span", { children: "Add to Swatches" })
+      ] })
+    ] })
+  ] });
+}, gs = ({ border: n, onChange: t, container: s, value: r, className: l, transparent: c }) => {
+  const [o, i] = k(!1), [d, h] = k(r ?? "#f00"), u = () => {
+    i(!0);
+  }, x = C((m) => {
+    console.log(m), h(m), t && t(m), i(!1);
+  }, [t]);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `date-field color-field ${n ? "border" : ""} ${c ? "transparent" : ""} ${l ?? ""}`, children: [
+      /* @__PURE__ */ e.jsx("div", { className: "color-field-label", onClick: u, children: /* @__PURE__ */ e.jsx("span", { className: "data color-field-data", children: d }) }),
+      /* @__PURE__ */ e.jsx("div", { className: " color-indicator-field", style: { backgroundColor: d }, onClick: u }),
+      /* @__PURE__ */ e.jsx("div", { className: "color-icon-container icon-container", style: { marginRight: "12px", marginLeft: "0" }, onClick: u, children: /* @__PURE__ */ e.jsx(bt, {}) })
+    ] }),
+    o ? /* @__PURE__ */ e.jsx(We, { container: s, children: /* @__PURE__ */ e.jsx(Ft, { onChange: x, beginColor: d, onHide: () => i(!1) }) }) : null
+  ] });
+};
+const Pt = ({ children: n, className: t, maxHeight: s, scroll: r, transparent: l }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: s ? r ? "scroll" : "hidden" : void 0, maxHeight: s, backgroundColor: l ? "transparent" : void 0 }, className: `list-container ${t} ${r ? "scroll" : ""}`, children: n }), At = ({ icon: n, control: t, text: s, header: r, value: l, onClick: c, hovered: o, className: i }) => {
+  const d = (h) => {
+    h.target.closest(".control-container") || c && c(h);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${s ? "big-chips" : ""} ${a ? "hovered" : ""}`, onClick: l, children: [
+  return /* @__PURE__ */ e.jsxs("li", { className: ` ${i} list-item-container ${o ? "hovered" : ""}`, onClick: d, children: [
+    n ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: n }) : l ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: l }) : null,
+    s ? /* @__PURE__ */ e.jsxs("div", { className: "text-container", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "header", children: r }),
+      /* @__PURE__ */ e.jsx("div", { className: "text", children: s })
+    ] }) : /* @__PURE__ */ e.jsx("div", { className: "text-container", children: /* @__PURE__ */ e.jsx("div", { className: "header", children: r }) }),
+    t ? /* @__PURE__ */ e.jsx("div", { className: "control-container", children: t }) : null
+  ] });
+};
+const ue = ({ transparent: n, icon: t, className: s, onClick: r, onContextMenu: l, disabled: c, classNameContainer: o, style: i }) => {
+  const d = (h) => {
+    r && r(h);
+    let u = document.createElement("span");
+    u.classList.add("btn-overlay");
+    let x = h.pageX - h.currentTarget.offsetLeft, m = h.pageY - h.currentTarget.offsetTop;
+    u.style.left = x + "px", u.style.top = m + "px", h.currentTarget.appendChild(u), setTimeout(() => {
+      u.remove();
+    }, 500);
+  };
+  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...i }, className: `iconbutton ${s}`, onClick: d, onContextMenu: l, disabled: c, children: /* @__PURE__ */ e.jsx("div", { className: `${o} iconbutton-container`, children: t }) });
+};
+const bs = ({ className: n, action: t, imgSrc: s, alt: r, header: l, subhead: c, text: o, children: i, iconButtonCell: d, onClick: h }) => {
+  const u = (m) => !(m.target.className === "action-container" || m.target.closest(".action-container") || m.target.className === "icon-button-container" || m.target.closest(".icon-button-container")), x = (m) => {
+    if (h && h(m), !u(m))
+      return;
+    let p = m.currentTarget.closest(".card-container"), N = p == null ? void 0 : p.querySelector(".blick-container");
+    if (!N)
+      return;
+    let g = document.createElement("span");
+    g.classList.add("btn-overlay");
+    let E = m.pageX - m.currentTarget.offsetLeft, v = m.pageY - m.currentTarget.offsetTop;
+    g.style.left = E + "px", g.style.top = v + "px", N.appendChild(g), setTimeout(() => {
+      g.remove();
+    }, 500);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: `card-container ${n}`, onClick: x, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "blick-container" }),
+    s ? /* @__PURE__ */ e.jsx("div", { className: "card-img-container", children: /* @__PURE__ */ e.jsx("img", { src: s, alt: r }) }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "card-content-container", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "card-Headline-container mb-1 font-bold", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: l }) }),
+        d ? /* @__PURE__ */ e.jsx("div", { className: "icon-button-container", children: d }) : null
+      ] }),
+      c ? /* @__PURE__ */ e.jsx("div", { className: "card-subhead-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "subhead", children: /* @__PURE__ */ e.jsx("h3", { className: "text-xl", children: c }) }) }) : null,
+      o ? /* @__PURE__ */ e.jsx("div", { className: "card-text-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: o }) }) }) : null,
+      i ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: i }) : null,
+      /* @__PURE__ */ e.jsx("div", { className: "action-container", children: t })
+    ] })
+  ] });
+};
+const Vt = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n });
+const ys = ({ children: n, className: t, id: s, height: r, width: l, pozMove: c }) => {
+  const [o, i] = k(!1), [d, h] = k(null), [u, x] = k({ x: 0, y: 0 }), m = (g) => {
+    g.button == 1 && (i(!1), h(null), document.body.style.cursor = "auto");
+  }, p = (g) => {
+    g.button == 1 && (h({ x: g.clientX, y: g.clientY }), i(!0), document.body.style.cursor = "move");
+  }, N = C((g) => {
+    o && (x((E) => {
+      if (!d)
+        return E;
+      const v = g.clientX - d.x, y = g.clientY - d.y;
+      let D = E.x + v, b = E.y + y;
+      return { x: D, y: b };
+    }), h({ x: g.clientX, y: g.clientY }));
+  }, [o, d]);
+  return F(() => {
+    c && x({ ...c });
+  }, [c]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: r, width: l }, className: `big-container ${t}`, onMouseDown: p, onMouseUp: m, onMouseMove: N, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: u.x, top: u.y }, children: n }) });
+};
+const Lt = (n) => {
+  const [t, s] = k(!1), r = C(() => {
+    s(!0), setTimeout(() => {
+      n.onHide(), s(!1);
+    }, 200);
+  }, [n.onHide]);
+  return F(() => {
+    n.visible || r();
+  }, [n.visible, r]), !n.visible && !t || !n.children ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `bottom-sheets ${t ? "hide" : ""}`, children: [
+      /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-handle", children: /* @__PURE__ */ e.jsx("span", {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-content", children: n.children })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "backplate bottom-sheets-backplate", style: { zIndex: 1101 }, onClick: r })
+  ] });
+};
+const Ns = ({ name: n, checked: t, onChange: s, readOnly: r, checkIcon: l }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "checkbox", name: n, type: "checkbox", checked: t, onChange: s, readOnly: r }),
+  /* @__PURE__ */ e.jsx("span", { children: l || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
+] });
+const It = ({ text: n, onDelete: t, big: s, onClick: r }) => {
+  const l = (o) => !(o.target.className === "alex-evo-ui-kit-chips-btn" || o.target.closest(".alex-evo-ui-kit-chips-btn")), c = (o) => {
+    l(o) && r && r(o);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${s ? "big-chips" : ""} ${r ? "hovered" : ""}`, onClick: c, children: [
     /* @__PURE__ */ e.jsx("p", { children: n }),
-    t ? /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: t, children: /* @__PURE__ */ e.jsx(ye, { size: 18 }) }) : null
+    t ? /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: t, children: /* @__PURE__ */ e.jsx(Ce, { size: 18 }) }) : null
   ] });
 };
-const pn = ({ styleContainer: n, type: t = "text", transparent: s, readOnly: a, password: i, border: l, onClear: d, icon: c, onChange: o, name: x, value: u, placeholder: m, className: f, validEmptyValue: p, onFocus: N, onBlur: g, error: E, max: v, min: b }) => {
-  const O = U(null), [y, S] = k(!1), L = C((Z, G) => S(!!(E || Z && (!G || G === ""))), []);
-  P(() => {
-    L(p, u);
-  }, [u, p, L]);
-  const B = () => {
-    O.current && O.current.focus();
+const Rn = ({ styleContainer: n, type: t = "text", transparent: s, readOnly: r, password: l, border: c, onClear: o, icon: i, onChange: d, name: h, value: u, placeholder: x, className: m, validEmptyValue: p, onFocus: N, onBlur: g, error: E, max: v, min: y }) => {
+  const D = z(null), [b, T] = k(!1), B = C((S, P) => T(!!(E || S && (!P || P === ""))), []);
+  F(() => {
+    B(p, u);
+  }, [u, p, B]);
+  const X = () => {
+    D.current && D.current.focus();
   };
-  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field ${l ? "border" : ""} ${s ? "transparent" : ""} ${f}`, children: [
-    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: B, children: c }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: B, children: [
+  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field ${c ? "border" : ""} ${s ? "transparent" : ""} ${m}`, children: [
+    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: X, children: i }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: X, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: O,
+          ref: D,
           max: v,
-          min: b,
-          readOnly: a,
+          min: y,
+          readOnly: r,
           required: !0,
-          type: i ? "password" : t,
-          className: `${y ? "error" : ""}`,
-          name: x,
+          type: l ? "password" : t,
+          className: `${b ? "error" : ""}`,
+          name: h,
           value: u,
-          onChange: o,
+          onChange: d,
           onFocus: N,
           onBlur: g
         }
       ),
-      /* @__PURE__ */ e.jsx("label", { children: m ? /* @__PURE__ */ e.jsx("span", { children: m }) : null }),
+      /* @__PURE__ */ e.jsx("label", { children: x ? /* @__PURE__ */ e.jsx("span", { children: x }) : null }),
       /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
     ] }),
-    d ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(jn, { onClick: d }) }) : null
+    o ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(wn, { onClick: o }) }) : null
   ] });
 };
-const ss = ({ styleContainer: n, transparent: t, readOnly: s, border: a, onClear: i, icon: l, onChange: d, name: c, value: o, placeholder: x, className: u, validEmptyValue: m, onFocus: f, onBlur: p, error: N, max: g, min: E }) => {
-  const v = U(null), [b, O] = k(!1), y = U(null), S = U(null), [L, B] = k(o ?? 0), Z = C((D, J) => O(!!(N || D && (!J || J === ""))), []), G = () => {
+const ks = ({ styleContainer: n, transparent: t, readOnly: s, border: r, onClear: l, icon: c, onChange: o, name: i, value: d, placeholder: h, className: u, validEmptyValue: x, onFocus: m, onBlur: p, error: N, max: g, min: E }) => {
+  const v = z(null), [y, D] = k(!1), b = z(null), T = z(null), [B, X] = k(d ?? 0), S = C((O, q) => D(!!(N || O && (!q || q === ""))), []), P = () => {
     v.current && v.current.focus();
-  }, Q = C(() => {
-    B((D) => {
-      const J = D ? D + 1 : 1;
-      return setTimeout(() => d && d(J, c), 100), J;
+  }, H = C(() => {
+    X((O) => {
+      const q = O ? O + 1 : 1;
+      return setTimeout(() => o && o(q, i), 100), q;
     });
-  }, [d, c]), q = C(() => {
-    B((D) => {
-      const J = D ? D - 1 : -1;
-      return setTimeout(() => d && d(J, c), 100), J;
+  }, [o, i]), I = C(() => {
+    X((O) => {
+      const q = O ? O - 1 : -1;
+      return setTimeout(() => o && o(q, i), 100), q;
     });
-  }, [d, c]), ue = C((D) => {
-    B(Number(D.target.value)), setTimeout(() => d && d(Number(D.target.value), c), 0);
-  }, [c, d, L]), W = C(() => {
-    y.current && clearTimeout(y.current), S.current && clearInterval(S.current), document.removeEventListener("mouseup", W);
-  }, []), X = C((D) => {
-    D === "p" ? Q() : D === "m" && q(), y.current && clearTimeout(y.current), S.current && clearInterval(S.current), document.addEventListener("mouseup", W), setTimeout(() => d && d(L, c), 10), y.current = setTimeout(() => {
-      S.current = setInterval(() => {
-        D === "p" ? Q() : D === "m" && q();
+  }, [o, i]), Z = C((O) => {
+    X(Number(O.target.value)), setTimeout(() => o && o(Number(O.target.value), i), 0);
+  }, [i, o, B]), W = C(() => {
+    b.current && clearTimeout(b.current), T.current && clearInterval(T.current), document.removeEventListener("mouseup", W);
+  }, []), J = C((O) => {
+    O === "p" ? H() : O === "m" && I(), b.current && clearTimeout(b.current), T.current && clearInterval(T.current), document.addEventListener("mouseup", W), b.current = setTimeout(() => {
+      T.current = setInterval(() => {
+        O === "p" ? H() : O === "m" && I();
       }, 100);
     }, 500);
-  }, [Q, q]);
-  return P(() => {
-    Z(m, o);
-  }, [o, m, Z]), P(() => {
-    o && B(o);
-  }, [o]), /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field number-field ${a ? "border" : ""} ${t ? "transparent" : ""} ${u}`, children: [
-    l ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: G, children: l }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: G, children: [
+  }, [H, I]);
+  return F(() => {
+    S(x, d);
+  }, [d, x, S]), F(() => {
+    d && X(d);
+  }, [d]), /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field number-field ${r ? "border" : ""} ${t ? "transparent" : ""} ${u}`, children: [
+    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: P, children: c }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: P, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
@@ -1101,330 +1405,308 @@ const ss = ({ styleContainer: n, transparent: t, readOnly: s, border: a, onClear
           readOnly: s,
           required: !0,
           type: "number",
-          className: `alex-evo-number-field ${b ? "error" : ""}`,
-          name: c,
-          value: L,
-          onChange: ue,
-          onFocus: f,
+          className: `alex-evo-number-field ${y ? "error" : ""}`,
+          name: i,
+          value: B,
+          onChange: Z,
+          onFocus: m,
           onBlur: p
         }
       ),
-      /* @__PURE__ */ e.jsx("label", { children: x ? /* @__PURE__ */ e.jsx("span", { children: x }) : null }),
+      /* @__PURE__ */ e.jsx("label", { children: h ? /* @__PURE__ */ e.jsx("span", { children: h }) : null }),
       /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
     ] }),
-    i ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(jn, { onClick: i }) }) : null,
+    l ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(wn, { onClick: l }) }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "button-block", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "minus number-field-btn", onMouseDown: () => X("m"), children: /* @__PURE__ */ e.jsx(ht, {}) }),
-      /* @__PURE__ */ e.jsx("div", { className: "plus number-field-btn", onMouseDown: () => X("p"), children: /* @__PURE__ */ e.jsx(ft, {}) })
+      /* @__PURE__ */ e.jsx("div", { className: "minus number-field-btn", onMouseDown: () => J("m"), children: /* @__PURE__ */ e.jsx(gt, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "plus number-field-btn", onMouseDown: () => J("p"), children: /* @__PURE__ */ e.jsx(Nt, {}) })
     ] })
   ] });
 };
-const rs = ({ styleContainer: n, transparent: t, readOnly: s, border: a, icon: i, onChange: l, name: d, value: c, placeholder: o, className: x, validEmptyValue: u, onFocus: m, onBlur: f, error: p }) => {
-  const N = U(null), [g, E] = k(!1), v = C((O, y) => E(!!(p || O && (!y || y === ""))), []);
-  P(() => {
-    v(u, c);
-  }, [c, u, v]);
-  const b = () => {
+const Cs = ({ styleContainer: n, transparent: t, readOnly: s, border: r, icon: l, onChange: c, name: o, value: i, placeholder: d, className: h, validEmptyValue: u, onFocus: x, onBlur: m, error: p }) => {
+  const N = z(null), [g, E] = k(!1), v = C((D, b) => E(!!(p || D && (!b || b === ""))), []);
+  F(() => {
+    v(u, i);
+  }, [i, u, v]);
+  const y = () => {
     N.current && N.current.focus();
   };
-  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-area ${g ? "error" : ""} ${a ? "border" : ""} ${t ? "transparent" : ""} ${x}`, children: [
-    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: b, children: i }) : null,
-    /* @__PURE__ */ e.jsx("div", { className: "textarea-container", onClick: b, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-area ${g ? "error" : ""} ${r ? "border" : ""} ${t ? "transparent" : ""} ${h}`, children: [
+    l ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: y, children: l }) : null,
+    /* @__PURE__ */ e.jsx("div", { className: "textarea-container", onClick: y, children: /* @__PURE__ */ e.jsx(
       "textarea",
       {
         ref: N,
         readOnly: s,
         required: !0,
-        placeholder: o,
+        placeholder: d,
         className: `${g ? "error" : ""}`,
-        name: d,
-        value: c,
-        onChange: l,
-        onFocus: m,
-        onBlur: f
+        name: o,
+        value: i,
+        onChange: c,
+        onFocus: x,
+        onBlur: m
       }
     ) })
   ] });
 };
-const K = ({ style: n, short: t, text: s }) => s ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `divider-and-text ${t ? "short" : ""}`, children: [
+const Q = ({ style: n, short: t, text: s }) => s ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `divider-and-text ${t ? "short" : ""}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: `divider ${t ? "short" : ""}` }),
   s,
   /* @__PURE__ */ e.jsx("div", { className: `divider ${t ? "short" : ""}` })
 ] }) : /* @__PURE__ */ e.jsx("div", { style: n, className: `divider ${t ? "short" : ""}` });
-const yt = ({ name: n, checked: t }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+const Bt = ({ 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", {})
-] }), as = ({ name: n, currentValue: t, value: s, onChange: a, readOnly: i, checked: l }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
-  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: t === s || l, value: s, onChange: a, readOnly: i }),
+] }), ws = ({ name: n, currentValue: t, value: s, onChange: r, readOnly: l, checked: c }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: t === s || c, value: s, onChange: r, readOnly: l }),
   /* @__PURE__ */ e.jsx("span", {})
 ] });
-const cs = ({ style: n, icon: t, className: s, onClick: a, onContextMenu: i, children: l }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${s} extendedFAB`, onClick: a, onContextMenu: i, children: [
+const Es = ({ style: n, icon: t, className: s, onClick: r, onContextMenu: l, children: c }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${s} extendedFAB`, onClick: r, onContextMenu: l, children: [
   t,
-  l ? /* @__PURE__ */ e.jsx("span", { children: l }) : null
+  c ? /* @__PURE__ */ e.jsx("span", { children: c }) : null
 ] });
-const is = ({ children: n, header: t }) => /* @__PURE__ */ e.jsxs("div", { className: "field-container-ui", children: [
+const Ss = ({ children: n, header: t, className: s, style: r }) => /* @__PURE__ */ e.jsxs("div", { style: r, className: `field-container-ui ${s ?? ""}`, children: [
   /* @__PURE__ */ e.jsx("h4", { children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "field-container-content", children: n })
-] }), bt = (n) => n === "" ? [] : n.split(",").map((t) => t.trim()), ln = (n) => n.join(", ");
-const ls = ({ minWidth: n, value: t, onChange: s, border: a }) => {
-  const [i, l] = k([]), [d, c] = k("");
-  P(() => {
-    console.log("p0"), l(bt(t));
-  }, [t]), P(() => {
-    console.log(i);
-  }, [i]);
-  const o = (m) => {
-    c(m.target.value);
-  }, x = C(() => {
-    if (d === "" || i.includes(d))
+] }), Yt = (n) => n === "" ? [] : n.split(",").map((t) => t.trim()), vn = (n) => n.join(", ");
+const $s = ({ minWidth: n, value: t, onChange: s, border: r }) => {
+  const [l, c] = k([]), [o, i] = k("");
+  F(() => {
+    console.log("p0"), c(Yt(t));
+  }, [t]), F(() => {
+    console.log(l);
+  }, [l]);
+  const d = (x) => {
+    i(x.target.value);
+  }, h = C(() => {
+    if (o === "" || l.includes(o))
       return;
-    const m = [...i, d.trim()];
-    l(m), s && s(ln(m)), c("");
-  }, [i, d]), u = (m) => {
-    const f = i.filter((p, N) => N !== m);
-    l(f), s && s(ln(f));
+    const x = [...l, o.trim()];
+    c(x), s && s(vn(x)), i("");
+  }, [l, o]), u = (x) => {
+    const m = l.filter((p, N) => N !== x);
+    c(m), s && s(vn(m));
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "more-text", style: { minWidth: n }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "add value", children: [
-      /* @__PURE__ */ e.jsx(pn, { onChange: o, value: d, border: a }),
-      /* @__PURE__ */ e.jsx(rt, { children: /* @__PURE__ */ e.jsx(xn, { onClick: x, children: "add" }) })
+      /* @__PURE__ */ e.jsx(Rn, { onChange: d, value: o, border: r }),
+      /* @__PURE__ */ e.jsx(Vt, { children: /* @__PURE__ */ e.jsx(yn, { onClick: h, children: "add" }) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: i.map((m, f) => /* @__PURE__ */ e.jsx(pt, { text: m, onDelete: () => u(f) }, f)) })
+    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: l.map((x, m) => /* @__PURE__ */ e.jsx(It, { text: x, onDelete: () => u(m) }, m)) })
   ] });
 };
-const os = ({ style: n, text: t, className: s, onClick: a, onContextMenu: i }) => {
-  const l = U(null), d = C(() => {
-    if (!l.current)
+const Rs = ({ style: n, text: t, className: s, onClick: r, onContextMenu: l }) => {
+  const c = z(null), o = C(() => {
+    if (!c.current)
       return;
-    let c = l.current.getElementsByTagName("p");
-    c[0] && l.current.clientWidth <= c[0].clientWidth ? (c[0].className = "runing", c[0].innerHTML = `| ${t} | ${t}`) : c[0].className = "";
+    let i = c.current.getElementsByTagName("p");
+    i[0] && c.current.clientWidth <= i[0].clientWidth ? (i[0].className = "runing", i[0].innerHTML = `| ${t} | ${t}`) : i[0].className = "";
   }, [t]);
-  return P(() => {
-    d();
-  }, [d]), /* @__PURE__ */ e.jsx("div", { style: n, ref: l, onClick: a, onContextMenu: i, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: t }) });
+  return F(() => {
+    o();
+  }, [o]), /* @__PURE__ */ e.jsx("div", { style: n, ref: c, onClick: r, onContextMenu: l, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: t }) });
 };
-const ds = ({ className: n, children: t, height: s }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: s }, children: t });
-const us = ({ onMenu: n, onSearch: t, placeholder: s, autoChenge: a }) => {
-  const i = U(null), [l, d] = k(""), [c, o] = k(!1), x = () => {
-    i.current && (i.current.focus(), o(!0));
+const Ts = ({ className: n, children: t, height: s }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: s }, children: t });
+const Ms = ({ onMenu: n, onSearch: t, placeholder: s, autoChenge: r }) => {
+  const l = z(null), [c, o] = k(""), [i, d] = k(!1), h = () => {
+    l.current && (l.current.focus(), d(!0));
   }, u = () => {
-    i.current && (i.current.focus(), i.current.value = ""), d(""), o(!0), a && t("");
-  }, m = () => {
-    u(), i.current && (i.current.blur(), o(!1));
-  }, f = (N) => {
-    d(N.target.value), a && t(N.target.value);
+    l.current && (l.current.focus(), l.current.value = ""), o(""), d(!0), r && t("");
+  }, x = () => {
+    u(), l.current && (l.current.blur(), d(!1));
+  }, m = (N) => {
+    o(N.target.value), r && t(N.target.value);
   }, p = (N) => {
-    N.code === "Enter" && t(l);
+    N.code === "Enter" && t(c);
   };
   return /* @__PURE__ */ e.jsx("div", { className: "search-container", children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
-    c ? /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(ot, { size: 24 }) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(mn, { size: 24 }) }) : null,
-    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: i, onChange: f, onKeyDown: p, value: l, onFocus: () => o(!0) }),
-    c ? /* @__PURE__ */ e.jsx("span", { onClick: u, children: /* @__PURE__ */ e.jsx(ye, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(jt, { size: 24 }) })
+    i ? /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(ft, { size: 24 }) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(kn, { size: 24 }) }) : null,
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: l, onChange: m, onKeyDown: p, value: c, onFocus: () => d(!0) }),
+    i ? /* @__PURE__ */ e.jsx("span", { onClick: u, children: /* @__PURE__ */ e.jsx(Ce, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(kt, { size: 24 }) })
   ] }) });
 };
-const xs = ({ visible: n, text: t, option: s }) => {
-  const a = () => {
+const _s = ({ visible: n, text: t, option: s }) => {
+  const r = () => {
     s != null && s.onHide && s.onHide();
   };
   return n ? /* @__PURE__ */ e.jsxs("div", { className: `snackbar-container ${s == null ? void 0 : s.className}`, style: { backgroundColor: s == null ? void 0 : s.backgroundColor, color: s == null ? void 0 : s.color }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "snackbar-content-container", children: [
       /* @__PURE__ */ e.jsx("div", { className: "snackbar-text", children: t }),
-      s != null && s.onClick ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(V, { className: "snackbar-btn", onClick: s.onClick, children: s.buttonText ?? "Action" }) }) : null
+      s != null && s.onClick ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(Y, { className: "snackbar-btn", onClick: s.onClick, children: s.buttonText ?? "Action" }) }) : null
     ] }),
-    s != null && s.closeButton ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: a, children: /* @__PURE__ */ e.jsx(ye, {}) }) }) : null
+    s != null && s.closeButton ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: r, children: /* @__PURE__ */ e.jsx(Ce, {}) }) }) : null
   ] }) : null;
 };
-const hs = ({ name: n, onChange: t, checked: s, className: a }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${a}`, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: n, onChange: t, checked: s }) });
-const gt = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], ms = ({ multiple: n, value: t, items: s, className: a, onClick: i, onContextMenu: l, onChange: d }) => {
-  const [c, o] = k(gt(t)), x = (u) => {
-    i && i(u);
-    const m = u.currentTarget;
+const Ds = ({ name: n, onChange: t, checked: s, className: r }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${r}`, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: n, onChange: t, checked: s }) });
+const Wt = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], Os = ({ multiple: n, value: t, items: s, className: r, onClick: l, onContextMenu: c, onChange: o }) => {
+  const [i, d] = k(Wt(t)), h = (u) => {
+    l && l(u);
+    const x = u.currentTarget;
     if (!n) {
-      if (!m.dataset.el)
+      if (!x.dataset.el)
         return;
-      o([m.dataset.el]), d && d([m.dataset.el], u);
+      d([x.dataset.el]), o && o([x.dataset.el], u);
       return;
     }
-    const f = c.filter((N) => N === m.dataset.el);
-    let p = c.slice();
-    f.length > 0 && m.dataset.el ? p = p.filter((N) => N !== m.dataset.el) : m.dataset.el && p.push(m.dataset.el), o(p), d && d(p, u);
+    const m = i.filter((N) => N === x.dataset.el);
+    let p = i.slice();
+    m.length > 0 && x.dataset.el ? p = p.filter((N) => N !== x.dataset.el) : x.dataset.el && p.push(x.dataset.el), d(p), o && o(p, u);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: `sigmentedbutton-container ${a ?? ""}`, children: s.map((u, m) => /* @__PURE__ */ e.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ e.jsxs("button", { "data-el": u, onContextMenu: l, onClick: x, className: `sigmentedbutton-item-button ${c.includes(u) ? "active" : ""}`, children: [
-    c.includes(u) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(oe, {}) }) : null,
+  return /* @__PURE__ */ e.jsx("div", { className: `sigmentedbutton-container ${r ?? ""}`, children: s.map((u, x) => /* @__PURE__ */ e.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ e.jsxs("button", { "data-el": u, onContextMenu: c, onClick: h, className: `sigmentedbutton-item-button ${i.includes(u) ? "active" : ""}`, children: [
+    i.includes(u) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(he, {}) }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "text-container", children: u })
-  ] }, m) }, m)) });
+  ] }, x) }, x)) });
 };
-const yn = (n) => n ? {
+const Tn = (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, bn = (n, t, s, a) => {
-  let i = { x: n, y: t };
+} : void 0, Mn = (n, t, s, r) => {
+  let l = { x: n, y: t };
   if (!s)
-    return i;
-  let l = Number(window.getComputedStyle(s).getPropertyValue("height").replace("px", "")), d = Number(window.getComputedStyle(s).getPropertyValue("width").replace("px", "")), c = t + l - document.documentElement.scrollHeight, o = n + d - document.documentElement.clientWidth;
-  return c > 0 && (i.y = i.y - c - ((a == null ? void 0 : a.marginBottom) ?? 0)), o > 0 && (i.x = i.x - o - ((a == null ? void 0 : a.marginRight) ?? 0)), i;
+    return l;
+  let c = Number(window.getComputedStyle(s).getPropertyValue("height").replace("px", "")), o = Number(window.getComputedStyle(s).getPropertyValue("width").replace("px", "")), i = t + c - document.documentElement.scrollHeight, d = n + o - document.documentElement.clientWidth;
+  return i > 0 && (l.y = l.y - i - ((r == null ? void 0 : r.marginBottom) ?? 0)), d > 0 && (l.x = l.x - d - ((r == null ? void 0 : r.marginRight) ?? 0)), l;
 };
-function Nt(n, t, s, a, i) {
-  return a + (i - a) * ((n - t) / (s - t));
+function zt(n, t, s, r, l) {
+  return r + (l - r) * ((n - t) / (s - t));
 }
-const Re = 0, Se = 100, fs = (n) => {
-  const [t, s] = k(0), [a, i] = k(!1), l = U(null), d = U(null);
-  P(() => {
+const Pe = 0, Ae = 100, Fs = (n) => {
+  const [t, s] = k(0), [r, l] = k(!1), c = z(null), o = z(null);
+  F(() => {
     n.value ? s(n.value) : s(0);
   }, [n.value]);
-  const c = (m) => {
-    s(Number(m.target.value)), n.onChange(m);
-  }, o = (m, f, p) => {
-    if (l.current && d.current) {
-      let N = yn(d.current);
+  const i = (x) => {
+    s(Number(x.target.value)), n.onChange(x);
+  }, d = (x, m, p) => {
+    if (c.current && o.current) {
+      let N = Tn(o.current);
       if (N)
-        return Nt(m, f, p, 0, p - f) * (N.width - 20) / (p - f);
+        return zt(x, m, p, 0, p - m) * (N.width - 20) / (p - m);
     }
     return 0;
-  }, x = C((m) => {
-    i(!0), n.onFocus && n.onFocus(m);
-  }, [n.onFocus]), u = C((m) => {
-    i(!1), n.onBlur && n.onBlur(m);
+  }, h = C((x) => {
+    l(!0), n.onFocus && n.onFocus(x);
+  }, [n.onFocus]), u = C((x) => {
+    l(!1), n.onBlur && n.onBlur(x);
   }, [n.onBlur]);
   return /* @__PURE__ */ e.jsx("div", { className: "range", children: /* @__PURE__ */ e.jsxs("div", { className: "field", children: [
-    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: n.min ?? Re }) : null,
+    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: n.min ?? Pe }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "field-range-container", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: l, style: { width: o(t, n.min ?? Re, n.max ?? Se) }, children: /* @__PURE__ */ e.jsxs("div", { className: "slider-tooltip", style: { display: a ? "block" : "none" }, children: [
+      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: c, style: { width: d(t, n.min ?? Pe, n.max ?? Ae) }, children: /* @__PURE__ */ e.jsxs("div", { className: "slider-tooltip", style: { display: r ? "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: d, step: n.step, type: "range", min: n.min ?? Re, max: n.max ?? Se, onChange: c, value: t, onFocus: x, onBlur: u })
+      /* @__PURE__ */ e.jsx("input", { onMouseUp: n.onMouseUp, ref: o, step: n.step, type: "range", min: n.min ?? Pe, max: n.max ?? Ae, onChange: i, value: t, onFocus: h, onBlur: u })
     ] }),
-    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? Se }) : null
-  ] }) });
-};
-const kt = ({ children: n, onHide: t }) => {
-  function s() {
-    t && t();
-  }
-  return /* @__PURE__ */ e.jsxs("div", { className: "modal-container", children: [
-    /* @__PURE__ */ e.jsx("div", { onClick: s, className: "backplate" }),
-    n
-  ] });
-}, ne = ({ className: n, children: t, header: s, action: a, onHide: i, style: l }) => {
-  function d() {
-    i && i();
-  }
-  return /* @__PURE__ */ e.jsx(kt, { onHide: d, children: /* @__PURE__ */ e.jsxs("div", { style: l, className: `dialog-container ${n}`, children: [
-    s ? /* @__PURE__ */ e.jsx("div", { className: "dialog-header", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: s }) }) : null,
-    /* @__PURE__ */ e.jsx("div", { className: "dialog-content", children: t }),
-    a ? /* @__PURE__ */ e.jsx("div", { className: "dialog-action", children: a }) : null
+    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? Ae }) : null
   ] }) });
-}, Ct = ({ onHide: n, onSave: t }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-  /* @__PURE__ */ e.jsx(V, { onClick: n, children: "cancel" }),
-  t ? /* @__PURE__ */ e.jsx(V, { onClick: t, children: "save" }) : null
-] }), js = ({ style: n, className: t, header: s, children: a, onSave: i, onHide: l, marginBottom: d }) => {
-  const [c, o] = k(!1), x = C(() => {
-    window.innerWidth < 720 ? o(!0) : o(!1);
+}, Ht = ({ onHide: n, onSave: t }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+  /* @__PURE__ */ e.jsx(Y, { onClick: n, children: "cancel" }),
+  t ? /* @__PURE__ */ e.jsx(Y, { onClick: t, children: "save" }) : null
+] }), Ps = ({ style: n, className: t, header: s, children: r, onSave: l, onHide: c, marginBottom: o }) => {
+  const [i, d] = k(!1), h = C(() => {
+    window.innerWidth < 720 ? d(!0) : d(!1);
   }, [window.innerWidth]);
-  P(() => {
-    x();
-  }, [x]), P(() => (window.addEventListener("resize", x), () => {
-    window.removeEventListener("resize", x);
-  }), [x]);
+  F(() => {
+    h();
+  }, [h]), F(() => (window.addEventListener("resize", h), () => {
+    window.removeEventListener("resize", h);
+  }), [h]);
   const u = () => {
+    c && c();
+  }, x = () => {
     l && l();
-  }, m = () => {
-    i && i();
   };
-  return c ? /* @__PURE__ */ e.jsxs("div", { style: { ...n, height: `calc(100vh - ${d}px` }, className: `full-screen-dialog-container ${t}`, children: [
+  return i ? /* @__PURE__ */ e.jsxs("div", { style: { ...n, height: `calc(100vh - ${o}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(le, { transparent: !0, onClick: u, icon: /* @__PURE__ */ e.jsx(ye, {}) }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "dialog-icon-container", children: /* @__PURE__ */ e.jsx(ue, { transparent: !0, onClick: u, icon: /* @__PURE__ */ e.jsx(Ce, {}) }) }),
       /* @__PURE__ */ e.jsx("div", { className: "header", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: i ? /* @__PURE__ */ e.jsx(V, { onClick: m, children: "save" }) : null })
+      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: l ? /* @__PURE__ */ e.jsx(Y, { onClick: x, children: "save" }) : null })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: a })
-  ] }) : /* @__PURE__ */ e.jsx(ne, { style: n, header: s, className: `full-screen-dialog-base-format ${t}`, onHide: u, children: a, action: /* @__PURE__ */ e.jsx(Ct, { onHide: u, onSave: i ? m : void 0 }) });
-}, vs = ({ styleContainer: n, text: t, header: s, actionText: a, onSuccess: i, onHide: l, onCancel: d }) => {
-  const c = C(() => {
-    i && i(), l && l();
-  }, []), o = C(() => {
-    d && d(), l && l();
+    /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: r })
+  ] }) : /* @__PURE__ */ e.jsx(ne, { style: n, header: s, className: `full-screen-dialog-base-format ${t}`, onHide: u, children: r, action: /* @__PURE__ */ e.jsx(Ht, { onHide: u, onSave: l ? x : void 0 }) });
+}, As = ({ styleContainer: n, text: t, header: s, actionText: r, onSuccess: l, onHide: c, onCancel: o }) => {
+  const i = C(() => {
+    l && l(), c && c();
+  }, []), d = C(() => {
+    o && o(), c && c();
   }, []);
-  return /* @__PURE__ */ e.jsx(ne, { style: n, header: s, action: /* @__PURE__ */ e.jsx(wt, { onHide: o, actionText: a, onSuccess: c }), children: /* @__PURE__ */ e.jsx("p", { children: t }) });
+  return /* @__PURE__ */ e.jsx(ne, { style: n, header: s, action: /* @__PURE__ */ e.jsx(Gt, { onHide: d, actionText: r, onSuccess: i }), children: /* @__PURE__ */ e.jsx("p", { children: t }) });
 };
-function wt({ actionText: n, onSuccess: t, onHide: s }) {
+function Gt({ actionText: n, onSuccess: t, onHide: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(V, { onClick: s, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(V, { onClick: t, children: n ?? "OK" })
+    /* @__PURE__ */ e.jsx(Y, { onClick: s, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(Y, { onClick: t, children: n ?? "OK" })
   ] });
 }
-function ps({ onSuccess: n, items: t, header: s, onHide: a, noHide: i = !1, name: l = "dailog_name" }) {
-  const [d, c] = k(void 0), o = C(() => {
-    n && d && n(d), c(void 0), !i && a && a();
-  }, [d]), x = C((u) => {
-    c(u);
+function Vs({ onSuccess: n, items: t, header: s, onHide: r, noHide: l = !1, name: c = "dailog_name" }) {
+  const [o, i] = k(void 0), d = C(() => {
+    n && o && n(o), i(void 0), !l && r && r();
+  }, [o]), h = C((u) => {
+    i(u);
   }, []);
-  return /* @__PURE__ */ e.jsxs(ne, { header: s, action: /* @__PURE__ */ e.jsx(Et, { onHide: a, onSuccess: o, disabled: d === void 0 }), children: [
-    /* @__PURE__ */ e.jsx(K, { style: { padding: "0px" } }),
-    /* @__PURE__ */ e.jsx(tt, { className: "transparent", scroll: !0, maxHeight: "200px", children: t.map((u, m) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(st, { hovered: !0, header: u.title, onClick: () => x(u.data), control: /* @__PURE__ */ e.jsx(yt, { name: l, checked: u.data === d }) }) }, m)) }),
-    /* @__PURE__ */ e.jsx(K, { style: { padding: "0px" } })
+  return /* @__PURE__ */ e.jsxs(ne, { header: s, action: /* @__PURE__ */ e.jsx(Xt, { onHide: r, onSuccess: d, disabled: o === void 0 }), children: [
+    /* @__PURE__ */ e.jsx(Q, { style: { padding: "0px" } }),
+    /* @__PURE__ */ e.jsx(Pt, { className: "transparent", scroll: !0, maxHeight: "200px", children: t.map((u, x) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(At, { hovered: !0, header: u.title, onClick: () => h(u.data), control: /* @__PURE__ */ e.jsx(Bt, { name: c, checked: u.data === o }) }) }, x)) }),
+    /* @__PURE__ */ e.jsx(Q, { style: { padding: "0px" } })
   ] });
 }
-function Et({ onSuccess: n, onHide: t, disabled: s }) {
+function Xt({ onSuccess: n, onHide: t, disabled: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(V, { onClick: t, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(V, { onClick: n, disabled: s, children: "OK" })
+    /* @__PURE__ */ e.jsx(Y, { onClick: t, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(Y, { onClick: n, disabled: s, children: "OK" })
   ] });
 }
-const ys = ({ styleContainer: n, text: t, header: s, onSuccess: a, onHide: i, placeholder: l, type: d = "text", min: c = 0, max: o = 100 }) => {
-  const [x, u] = k(""), m = C(() => {
-    a && a(x), i && i();
-  }, [x]), f = (p) => {
-    d === "number" && (Number(p) < c && (p = String(c)), Number(p) > o && (p = String(o))), u(p);
+const Ls = ({ styleContainer: n, text: t, header: s, onSuccess: r, onHide: l, placeholder: c, type: o = "text", min: i = 0, max: d = 100 }) => {
+  const [h, u] = k(""), x = C(() => {
+    r && r(h), l && l();
+  }, [h]), m = (p) => {
+    o === "number" && (Number(p) < i && (p = String(i)), Number(p) > d && (p = String(d))), u(p);
   };
-  return /* @__PURE__ */ e.jsxs(ne, { style: n, header: s, action: /* @__PURE__ */ e.jsx(Tt, { onHide: i, onSuccess: m }), children: [
+  return /* @__PURE__ */ e.jsxs(ne, { style: n, header: s, action: /* @__PURE__ */ e.jsx(Ut, { onHide: l, onSuccess: x }), children: [
     /* @__PURE__ */ e.jsx("p", { children: t }),
-    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(pn, { max: o, min: c, type: d, border: !0, placeholder: l, value: x, onChange: (p) => f(p.target.value) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(Rn, { max: d, min: i, type: o, border: !0, placeholder: c, value: h, onChange: (p) => m(p.target.value) }) })
   ] });
 };
-function Tt({ onSuccess: n, onHide: t }) {
+function Ut({ onSuccess: n, onHide: t }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(V, { onClick: t, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(V, { onClick: n, children: "OK" })
+    /* @__PURE__ */ e.jsx(Y, { onClick: t, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(Y, { onClick: n, children: "OK" })
   ] });
 }
-const gn = ({ children: n, container: t }) => t ? Gn.createPortal(
-  n,
-  t
-) : /* @__PURE__ */ e.jsx("p", { children: "container not found" });
-const $t = ({ setHours: n, setMinutes: t, switchMode: s, hours: a, minutes: i, onCancel: l, onOK: d }) => {
-  const [c, o] = k(!1), x = C((f) => {
-    n(f), o(!0);
-  }, [n]), u = C((f) => {
-    t(f), o(!1);
-  }, [t]), m = C(() => {
-    o(!1), l();
+const qt = ({ setHours: n, setMinutes: t, switchMode: s, hours: r, minutes: l, onCancel: c, onOK: o }) => {
+  const [i, d] = k(!1), h = C((m) => {
+    n(m), d(!0);
+  }, [n]), u = C((m) => {
+    t(m), d(!1);
+  }, [t]), x = C(() => {
+    d(!1), c();
   }, []);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Select time" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "time-input-container", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "time-input hours", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", min: 0, max: 23, value: a }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", min: 0, max: 23, value: r }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
       /* @__PURE__ */ e.jsxs("div", { className: "time-input minutes", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", value: i, min: 0, max: 60 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", value: l, min: 0, max: 60 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(St, { setMinutes: u }) : /* @__PURE__ */ e.jsx(Rt, { setHours: x }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: i ? /* @__PURE__ */ e.jsx(Kt, { setMinutes: u }) : /* @__PURE__ */ e.jsx(Jt, { setHours: h }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(xt, {}) }),
-      /* @__PURE__ */ e.jsx(V, { className: "little", onClick: m, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(V, { className: "little", onClick: d, children: "OK" })
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(pt, {}) }),
+      /* @__PURE__ */ e.jsx(Y, { className: "little", onClick: x, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(Y, { className: "little", onClick: o, children: "OK" })
     ] })
   ] });
 };
-function Rt({ setHours: n }) {
+function Jt({ 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" }),
@@ -1457,7 +1739,7 @@ function Rt({ setHours: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-function St({ setMinutes: n }) {
+function Kt({ setMinutes: n }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "clock-input", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "clock-input-minute", children: [
       /* @__PURE__ */ e.jsx("span", { onClick: () => n(0), children: "00" }),
@@ -1476,71 +1758,71 @@ function St({ setMinutes: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-const _t = ({ setHours: n, setMinutes: t, switchMode: s, minutes: a, hours: i, onCancel: l, onOK: d }) => {
-  const c = (x) => {
-    let u = Number(x.target.value);
+const Zt = ({ setHours: n, setMinutes: t, switchMode: s, minutes: r, hours: l, onCancel: c, onOK: o }) => {
+  const i = (h) => {
+    let u = Number(h.target.value);
     u < 0 && (u = 0), u > 23 && (u = 23), n(u);
-  }, o = (x) => {
-    let u = Number(x.target.value);
+  }, d = (h) => {
+    let u = Number(h.target.value);
     u < 0 && (u = 0), u > 59 && (u = 59), t(u);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Enter time" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "time-input-container", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "time-input hours", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: i, onChange: c }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: l, onChange: i }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
       /* @__PURE__ */ e.jsxs("div", { className: "time-input minutes", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", value: a, min: 0, max: 59, onChange: o }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", value: r, min: 0, max: 59, onChange: d }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(vn, {}) }),
-      /* @__PURE__ */ e.jsx(V, { className: "little", onClick: l, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(V, { className: "little", onClick: d, children: "OK" })
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(En, {}) }),
+      /* @__PURE__ */ e.jsx(Y, { className: "little", onClick: c, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(Y, { className: "little", onClick: o, children: "OK" })
     ] })
   ] });
-}, Dt = (n) => {
-  const [t, s] = k(n.minutes ?? 0), [a, i] = k(n.hours ?? 0), [l, d] = k(!0), c = () => {
-    n.onHide && n.onHide(), s(0), i(0);
-  }, o = C((u) => {
-    s(u), n.onChange && n.onChange(a, u), n.onHide && n.onHide();
-  }, [a]), x = C(() => {
-    n.onChange && n.onChange(a, t), n.onHide && n.onHide();
-  }, [a, t]);
-  return l ? /* @__PURE__ */ e.jsx(ne, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx($t, { setMinutes: o, setHours: i, minutes: t, hours: a, switchMode: () => d(!1), onCancel: c, onOK: x }) }) : /* @__PURE__ */ e.jsx(ne, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(_t, { setMinutes: s, setHours: i, minutes: t, hours: a, switchMode: () => d(!0), onCancel: c, onOK: x }) });
-}, bs = ({ border: n, onChange: t, name: s, value: a, className: i, validEmptyValue: l, error: d, container: c }) => {
-  const [o, x] = k(a ?? ""), [u, m] = k(!1), f = C((g) => d || g && (!o || o === "") ? "error" : "", [o]), p = (g, E) => {
-    let v = String(g), b = String(E);
-    v.length < 2 && (v = "0" + v), b.length < 2 && (b = "0" + b), x(`${v}:${b}`), t && t(`${v}:${b}`);
+}, Qt = (n) => {
+  const [t, s] = k(n.minutes ?? 0), [r, l] = k(n.hours ?? 0), [c, o] = k(!0), i = () => {
+    n.onHide && n.onHide(), s(0), l(0);
+  }, d = C((u) => {
+    s(u), n.onChange && n.onChange(r, u), n.onHide && n.onHide();
+  }, [r]), h = C(() => {
+    n.onChange && n.onChange(r, t), n.onHide && n.onHide();
+  }, [r, t]);
+  return c ? /* @__PURE__ */ e.jsx(ne, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(qt, { setMinutes: d, setHours: l, minutes: t, hours: r, switchMode: () => o(!1), onCancel: i, onOK: h }) }) : /* @__PURE__ */ e.jsx(ne, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Zt, { setMinutes: s, setHours: l, minutes: t, hours: r, switchMode: () => o(!0), onCancel: i, onOK: h }) });
+}, Is = ({ border: n, onChange: t, name: s, value: r, className: l, validEmptyValue: c, error: o, container: i }) => {
+  const [d, h] = k(r ?? ""), [u, x] = k(!1), m = C((g) => o || g && (!d || d === "") ? "error" : "", [d]), p = (g, E) => {
+    let v = String(g), y = String(E);
+    v.length < 2 && (v = "0" + v), y.length < 2 && (y = "0" + y), h(`${v}:${y}`), t && t(`${v}:${y}`);
   }, N = () => {
-    m(!0);
+    x(!0);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: `time-field ${n ? "border" : ""}`, children: [
-      /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: N, children: /* @__PURE__ */ e.jsx(vn, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: N, children: /* @__PURE__ */ e.jsx(En, {}) }),
       /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: N, children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
             required: !0,
             type: "time",
-            className: `${i} ${f(l)}`,
+            className: `${l} ${m(c)}`,
             name: s,
-            value: o,
+            value: d,
             readOnly: !0
           }
         ),
         /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
       ] })
     ] }),
-    u ? /* @__PURE__ */ e.jsx(gn, { container: c, children: /* @__PURE__ */ e.jsx(
-      Dt,
+    u ? /* @__PURE__ */ e.jsx(We, { container: i, children: /* @__PURE__ */ e.jsx(
+      Qt,
       {
-        onHide: () => m(!1),
+        onHide: () => x(!1),
         onChange: p,
         hours: 0,
         minutes: 0
@@ -1548,7 +1830,7 @@ const _t = ({ setHours: n, setMinutes: t, switchMode: s, minutes: a, hours: i, o
     ) }) : null
   ] });
 };
-const Mt = 2050, on = 1900, H = [
+const es = 2050, pn = 1900, ee = [
   "January",
   "February",
   "March",
@@ -1561,59 +1843,59 @@ const Mt = 2050, on = 1900, H = [
   "October",
   "November",
   "December"
-], Ot = () => Array(Mt - on).fill(0).map((n, t) => on + t), Ft = ({ onChange: n, onHide: t }) => {
-  const [s] = k(H[(/* @__PURE__ */ new Date()).getMonth()]), [a] = k((/* @__PURE__ */ new Date()).getFullYear()), [i] = k((/* @__PURE__ */ new Date()).getDate()), [l, d] = k(H[(/* @__PURE__ */ new Date()).getMonth()]), [c, o] = k((/* @__PURE__ */ new Date()).getFullYear()), [x, u] = k({
+], ns = () => Array(es - pn).fill(0).map((n, t) => pn + t), ts = ({ onChange: n, onHide: t }) => {
+  const [s] = k(ee[(/* @__PURE__ */ new Date()).getMonth()]), [r] = k((/* @__PURE__ */ new Date()).getFullYear()), [l] = k((/* @__PURE__ */ new Date()).getDate()), [c, o] = k(ee[(/* @__PURE__ */ new Date()).getMonth()]), [i, d] = k((/* @__PURE__ */ new Date()).getFullYear()), [h, u] = k({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
-  }), [m, f] = k(
+  }), [x, m] = k(
     "DAYS"
     /* DAYS */
-  ), p = (y, S) => new Date(y, S + 1, 0).getDate(), N = (y, S, L) => new Date(y, S, L).getDay(), g = (y, S) => {
-    let L = Array(p(y, S)).fill(0).map((Q, q) => ({ type: "NOW_MONTH", day: q + 1 })), B = N(y, S, p(y, S)), Z = Array(7 - B).fill(0).map((Q, q) => ({ type: "NEXT_MONTH", day: q + 1 }));
-    return L = Array(N(y, S, 0)).fill(0).map((Q, q) => ({ type: "PREV_MONTH", day: p(S ? y : y - 1, S ? S - 1 : 11) - q })).reverse().concat(L).concat(Z), L;
-  }, E = (y) => {
-    f(
+  ), p = (b, T) => new Date(b, T + 1, 0).getDate(), N = (b, T, B) => new Date(b, T, B).getDay(), g = (b, T) => {
+    let B = Array(p(b, T)).fill(0).map((H, I) => ({ type: "NOW_MONTH", day: I + 1 })), X = N(b, T, p(b, T)), S = Array(7 - X).fill(0).map((H, I) => ({ type: "NEXT_MONTH", day: I + 1 }));
+    return B = Array(N(b, T, 0)).fill(0).map((H, I) => ({ type: "PREV_MONTH", day: p(T ? b : b - 1, T ? T - 1 : 11) - I })).reverse().concat(B).concat(S), B;
+  }, E = (b) => {
+    m(
       "DAYS"
       /* DAYS */
-    ), o(y);
-  }, v = (y) => {
-    f(
+    ), d(b);
+  }, v = (b) => {
+    m(
       "DAYS"
       /* DAYS */
-    ), d(y);
-  }, b = (y) => {
-    u(y);
-  }, O = C(() => {
-    let y = /* @__PURE__ */ new Date();
-    y.setFullYear(c), x.type === "NEXT_MONTH" ? l === H[11] ? (y.setMonth(0), y.setFullYear(c + 1)) : y.setMonth(H.indexOf(l) + 1) : x.type === "PREV_MONTH" ? l === H[0] ? (y.setMonth(11), y.setFullYear(c - 1)) : y.setMonth(H.indexOf(l) - 1) : y.setMonth(H.indexOf(l)), y.setDate(x.day), n && n(y.getFullYear(), y.getMonth(), y.getDate()), t && t();
-  }, [l, c, n, t, x]);
+    ), o(b);
+  }, y = (b) => {
+    u(b);
+  }, D = C(() => {
+    let b = /* @__PURE__ */ new Date();
+    b.setFullYear(i), h.type === "NEXT_MONTH" ? c === ee[11] ? (b.setMonth(0), b.setFullYear(i + 1)) : b.setMonth(ee.indexOf(c) + 1) : h.type === "PREV_MONTH" ? c === ee[0] ? (b.setMonth(11), b.setFullYear(i - 1)) : b.setMonth(ee.indexOf(c) - 1) : b.setMonth(ee.indexOf(c)), b.setDate(h.day), n && n(b.getFullYear(), b.getMonth(), b.getDate()), t && t();
+  }, [c, i, n, t, h]);
   return /* @__PURE__ */ e.jsxs(ne, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: m === "MONTHS" ? "active" : "", onClick: () => f(
+      /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: x === "MONTHS" ? "active" : "", onClick: () => m(
         "MONTHS"
         /* MONTHS */
       ), children: [
-        l,
+        c,
         " ",
-        /* @__PURE__ */ e.jsx(cn, {})
+        /* @__PURE__ */ e.jsx(mn, {})
       ] }) }),
-      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: m === "YEARS" ? "active" : "", onClick: () => f(
+      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: x === "YEARS" ? "active" : "", onClick: () => m(
         "YEARS"
         /* YEARS */
       ), children: [
-        c,
+        i,
         " ",
-        /* @__PURE__ */ e.jsx(cn, {})
+        /* @__PURE__ */ e.jsx(mn, {})
       ] }) })
     ] }),
-    m === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: H.map((y, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => v(y), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === y ? /* @__PURE__ */ e.jsx(oe, {}) : null }),
-      /* @__PURE__ */ e.jsx("div", { className: "content", children: y })
-    ] }, S)) }) : m === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Ot().map((y, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => E(y), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === y ? /* @__PURE__ */ e.jsx(oe, {}) : null }),
-      /* @__PURE__ */ e.jsx("div", { className: "content", children: y })
-    ] }, S)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    x === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: ee.map((b, T) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => v(b), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === b ? /* @__PURE__ */ e.jsx(he, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: b })
+    ] }, T)) }) : x === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: ns().map((b, T) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => E(b), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: i === b ? /* @__PURE__ */ e.jsx(he, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: b })
+    ] }, T)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
         /* @__PURE__ */ e.jsx("span", { children: "M" }),
         /* @__PURE__ */ e.jsx("span", { children: "T" }),
@@ -1623,512 +1905,499 @@ const Mt = 2050, on = 1900, H = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: g(c, H.indexOf(l)).map((y, S) => /* @__PURE__ */ e.jsx("div", { className: `day ${y.type !== "NOW_MONTH" ? "other" : ""} ${i === y.day && c === a && l === s ? "now" : ""} ${y.day === x.day && y.type === x.type ? "select" : ""}`, onClick: () => b(y), children: y.day }, S)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: g(i, ee.indexOf(c)).map((b, T) => /* @__PURE__ */ e.jsx("div", { className: `day ${b.type !== "NOW_MONTH" ? "other" : ""} ${l === b.day && i === r && c === s ? "now" : ""} ${b.day === h.day && b.type === h.type ? "select" : ""}`, onClick: () => y(b), children: b.day }, T)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
-      /* @__PURE__ */ e.jsx(V, { className: "little m-0", onClick: t, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(V, { className: "little m-0", onClick: O, children: "OK" })
+      /* @__PURE__ */ e.jsx(Y, { className: "little m-0", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(Y, { className: "little m-0", onClick: D, children: "OK" })
     ] })
   ] });
-}, gs = ({ border: n, onChange: t, name: s, value: a, className: i, validEmptyValue: l, error: d, container: c }) => {
-  const [o, x] = k(a ?? ""), [u, m] = k(!1), f = C((v) => d || v && (!o || o === "") ? "error" : "", [o]), p = () => {
-    m(!0);
+}, Bs = ({ border: n, onChange: t, name: s, value: r, className: l, validEmptyValue: c, error: o, container: i }) => {
+  const [d, h] = k(r ?? ""), [u, x] = k(!1), m = C((v) => o || v && (!d || d === "") ? "error" : "", [d]), p = () => {
+    x(!0);
   }, N = (v) => {
-    let b = String(v + 1);
-    return b.length < 2 && (b = "0" + b), b;
+    let y = String(v + 1);
+    return y.length < 2 && (y = "0" + y), y;
   }, g = (v) => {
-    let b = String(v);
-    return b.length < 2 && (b = "0" + b), b;
-  }, E = C((v, b, O) => {
-    x(`${v}-${N(b)}-${g(O)}`), t && t(`${v}-${N(b)}-${g(O)}`);
+    let y = String(v);
+    return y.length < 2 && (y = "0" + y), y;
+  }, E = C((v, y, D) => {
+    h(`${v}-${N(y)}-${g(D)}`), t && t(`${v}-${N(y)}-${g(D)}`);
   }, [t]);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: `date-field ${n ? "border" : ""}`, children: [
-      /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: p, children: /* @__PURE__ */ e.jsx(dt, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: p, children: /* @__PURE__ */ e.jsx(jt, {}) }),
       /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: p, children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
             required: !0,
             type: "date",
-            className: `${i} ${f(l)}`,
+            className: `${l} ${m(c)}`,
             name: s,
-            value: o,
+            value: d,
             readOnly: !0
           }
         ),
         /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
       ] })
     ] }),
-    u ? /* @__PURE__ */ e.jsx(gn, { container: c, children: /* @__PURE__ */ e.jsx(Ft, { onChange: E, onHide: () => m(!1) }) }) : null
+    u ? /* @__PURE__ */ e.jsx(We, { container: i, children: /* @__PURE__ */ e.jsx(ts, { onChange: E, onHide: () => x(!1) }) }) : null
   ] });
 };
-const Ns = ({ onChange: n, value: t, className: s }) => {
-  const [a, i] = k(t || []), l = C((c) => {
-    if (!c)
+const Ys = ({ onChange: n, value: t, className: s }) => {
+  const [r, l] = k(t || []), c = C((i) => {
+    if (!i)
       return;
-    let o = a.slice();
-    const x = o.indexOf(c.target.name);
-    x !== -1 && !c.target.checked ? o = o.filter((u, m) => m !== x) : x === -1 && c.target.checked && o.push(c.target.name), i(o), n && n(o);
-  }, [a]), d = C((c) => a.indexOf(c) !== -1, [a]);
+    let d = r.slice();
+    const h = d.indexOf(i.target.name);
+    h !== -1 && !i.target.checked ? d = d.filter((u, x) => x !== h) : h === -1 && i.target.checked && d.push(i.target.name), l(d), n && n(d);
+  }, [r]), o = C((i) => r.indexOf(i) !== -1, [r]);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: `days-week-field-container ${s}`, children: [
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Mon", checked: d("Mon") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: c, name: "Mon", checked: o("Mon") }),
       /* @__PURE__ */ e.jsx("span", { children: "Mon" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Tue", checked: d("Tue") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: c, name: "Tue", checked: o("Tue") }),
       /* @__PURE__ */ e.jsx("span", { children: "Tue" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Wed", checked: d("Wed") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: c, name: "Wed", checked: o("Wed") }),
       /* @__PURE__ */ e.jsx("span", { children: "Wed" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Thu", checked: d("Thu") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: c, name: "Thu", checked: o("Thu") }),
       /* @__PURE__ */ e.jsx("span", { children: "Thu" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Fri", checked: d("Fri") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: c, name: "Fri", checked: o("Fri") }),
       /* @__PURE__ */ e.jsx("span", { children: "Fri" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Sat", checked: d("Sat") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: c, name: "Sat", checked: o("Sat") }),
       /* @__PURE__ */ e.jsx("span", { children: "Sat" })
     ] }),
     /* @__PURE__ */ e.jsxs("label", { children: [
-      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Sun", checked: d("Sun") }),
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: c, name: "Sun", checked: o("Sun") }),
       /* @__PURE__ */ e.jsx("span", { children: "Sun" })
     ] })
   ] }) });
 };
-const ks = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), Cs = ({ minWith: n, children: t, className: s, gridRowGap: a = "10px", gridColumnGap: i = "5px", itemMinWith: l, itemMaxWith: d, itemWith: c = "400px" }) => {
-  const o = U(null), [x, u] = k([]), m = C(() => {
-    if (!o.current)
+const Ws = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), zs = ({ minWith: n, children: t, className: s, gridRowGap: r = "10px", gridColumnGap: l = "5px", itemMinWith: c, itemMaxWith: o, itemWith: i = "400px" }) => {
+  const d = z(null), [h, u] = k([]), x = C(() => {
+    if (!d.current)
       return;
-    o.current.style.display = "grid", o.current.style.gridRowGap = a, o.current.style.gridColumnGap = i;
-    let N = l ?? c, g = d ?? c;
-    o.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + N + ", " + g + "))", o.current.style.gridAutoRows = "0", x.forEach((E) => {
+    d.current.style.display = "grid", d.current.style.gridRowGap = r, d.current.style.gridColumnGap = l;
+    let N = c ?? i, g = o ?? i;
+    d.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + N + ", " + g + "))", d.current.style.gridAutoRows = "0", h.forEach((E) => {
       E.style.gridAutoRows = "0", E.style.gridAutoColumns = "0";
     });
-  }, [o.current]), f = C(() => {
-    if (!o.current)
+  }, [d.current]), m = C(() => {
+    if (!d.current)
       return;
-    let N = parseInt(window.getComputedStyle(o.current).getPropertyValue("grid-row-gap")), g = parseInt(window.getComputedStyle(o.current).getPropertyValue("grid-auto-rows"));
-    x.forEach((E) => {
-      let v = 0, b = E.querySelector(".adaptiv-grid-item-container");
-      b && (v = Math.ceil((b.getBoundingClientRect().height + N) / (g + N))), E.style.gridRowEnd = "span " + v;
+    let N = parseInt(window.getComputedStyle(d.current).getPropertyValue("grid-row-gap")), g = parseInt(window.getComputedStyle(d.current).getPropertyValue("grid-auto-rows"));
+    h.forEach((E) => {
+      let v = 0, y = E.querySelector(".adaptiv-grid-item-container");
+      y && (v = Math.ceil((y.getBoundingClientRect().height + N) / (g + N))), E.style.gridRowEnd = "span " + v;
     });
-  }, [x, o.current]), p = C(() => {
-    if (o.current) {
-      let N = o.current.querySelectorAll(".adaptiv-grid-item");
+  }, [h, d.current]), p = C(() => {
+    if (d.current) {
+      let N = d.current.querySelectorAll(".adaptiv-grid-item");
       u(Array.prototype.slice.call(N, 0));
     }
-  }, [o.current, t]);
-  return P(() => {
+  }, [d.current, t]);
+  return F(() => {
     p();
-  }, [p]), P(() => {
+  }, [p]), F(() => {
+    x();
+  }, [x]), F(() => {
     m();
-  }, [m]), P(() => {
-    f();
-  }, [f, t]), P(() => (window.addEventListener("resize", f), () => {
-    window.addEventListener("resize", f);
-  }), [f]), /* @__PURE__ */ e.jsx("div", { style: { minWidth: n }, ref: o, className: `adaptiv-grid-layout ${s}`, children: t });
+  }, [m, t]), F(() => (window.addEventListener("resize", m), () => {
+    window.addEventListener("resize", m);
+  }), [m]), /* @__PURE__ */ e.jsx("div", { style: { minWidth: n }, ref: d, className: `adaptiv-grid-layout ${s}`, children: t });
 };
-const ws = ({ onClick: n, onContextMenu: t, className: s, style: a, countColumn: i, items: l, onClickColl: d, classNameColumn: c }) => {
-  const o = (u, m) => {
-    let f = new Array(u).fill([]).map((p) => new Array());
-    for (const p of m) {
-      if (p.indexCol >= f.length) {
+const Hs = ({ onClick: n, onContextMenu: t, className: s, style: r, countColumn: l, items: c, onClickColl: o, classNameColumn: i }) => {
+  const d = (u, x) => {
+    let m = new Array(u).fill([]).map((p) => new Array());
+    for (const p of x) {
+      if (p.indexCol >= m.length) {
         console.error(`invalid index count. indexCol = ${p.indexCol}, column count = ${u}`);
         continue;
       }
-      f[p.indexCol].push(p.node);
+      m[p.indexCol].push(p.node);
     }
-    return f;
-  }, x = d || (() => {
+    return m;
+  }, h = o || (() => {
   });
-  return /* @__PURE__ */ e.jsx("div", { onClick: n, onContextMenu: t, style: { ...a, gridTemplateColumns: `repeat(${i}, 1fr)` }, className: `alex-evo-sh-ui-kit-column-layout ${s}`, children: o(i, l).map((u, m) => /* @__PURE__ */ e.jsx("div", { onClick: (f) => x(m, f), className: `alex-evo-sh-ui-kit-column-layout-coll ${c}`, children: u.map((f, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, p)) }, m)) });
+  return /* @__PURE__ */ e.jsx("div", { onClick: n, onContextMenu: t, style: { ...r, gridTemplateColumns: `repeat(${l}, 1fr)` }, className: `alex-evo-sh-ui-kit-column-layout ${s}`, children: d(l, c).map((u, x) => /* @__PURE__ */ e.jsx("div", { onClick: (m) => h(x, m), className: `alex-evo-sh-ui-kit-column-layout-coll ${i}`, children: u.map((m, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: m }, p)) }, x)) });
 };
-const Pt = ({ item: n, isIcon: t, globalClick: s }) => {
-  const a = () => {
+const ss = ({ item: n, isIcon: t, globalClick: s }) => {
+  const r = () => {
     n.onClick && n.onClick(), s && s();
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "menu-sub-item", onClick: a, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: "menu-sub-item", onClick: r, 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(oe, {}) : null })
+    /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(he, {}) : null })
   ] });
-}, At = ({ items: n, onHide: t, smallDisplay: s, globalClick: a }) => {
-  const i = U(null), [l, d] = k({ left: "0px", top: "0px" });
-  function c(o) {
-    for (let x of o)
-      if (x.icon)
+}, rs = ({ items: n, onHide: t, smallDisplay: s, globalClick: r }) => {
+  const l = z(null), [c, o] = k({ left: "0px", top: "0px" });
+  function i(d) {
+    for (let h of d)
+      if (h.icon)
         return !0;
     return !1;
   }
-  return P(() => {
-    if (!i.current)
+  return F(() => {
+    if (!l.current)
       return;
-    let o = yn(i.current.parentElement);
-    if (!o)
+    let d = Tn(l.current.parentElement);
+    if (!d)
       return;
-    let x = bn(o.left + o.width, o.top, i.current, { marginRight: o.width });
-    d({
-      left: x.x - o.left + "px",
-      top: x.y - o.top + "px"
+    let h = Mn(d.left + d.width, d.top, l.current, { marginRight: d.width });
+    o({
+      left: h.x - d.left + "px",
+      top: h.y - d.top + "px"
     });
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: i, className: "menu-sub-block", style: { ...l }, children: n.map((o, x) => /* @__PURE__ */ e.jsx(Pt, { item: o, isIcon: c(n), globalClick: a }, x)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: l, className: "menu-sub-block", style: { ...c }, children: n.map((d, h) => /* @__PURE__ */ e.jsx(ss, { item: d, isIcon: i(n), globalClick: r }, h)) }),
     s ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "backplate", onClick: t })
   ] });
-}, Vt = ({ onHide: n, autoHide: t, globalClick: s, item: a, isIcon: i, smallDisplay: l }) => {
-  const [d, c] = k(!1), o = C(() => {
-    a.subItems ? c((x) => !x) : a.onClick && a.onClick(), s && s(), t && n && n();
-  }, [a.onClick]);
+}, as = ({ onHide: n, autoHide: t, globalClick: s, item: r, isIcon: l, smallDisplay: c }) => {
+  const [o, i] = k(!1), d = C(() => {
+    r.subItems ? i((h) => !h) : r.onClick && r.onClick(), s && s(), t && n && n();
+  }, [r.onClick]);
   return /* @__PURE__ */ e.jsxs("div", { className: "menu-item-conatiner", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "menu-item", onClick: o, children: [
-      i ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
-      /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: a.title }),
-      /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: a.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-status-submenu ${d ? "active" : ""}` }) : a.activated ? /* @__PURE__ */ e.jsx(oe, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
+    /* @__PURE__ */ e.jsxs("div", { className: "menu-item", onClick: d, children: [
+      l ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: r.icon }) : null,
+      /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: r.title }),
+      /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: r.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-status-submenu ${o ? "active" : ""}` }) : r.activated ? /* @__PURE__ */ e.jsx(he, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
     ] }),
-    d && a.subItems ? /* @__PURE__ */ e.jsx(At, { items: a.subItems, onHide: () => c(!1), smallDisplay: l }) : null
+    o && r.subItems ? /* @__PURE__ */ e.jsx(rs, { items: r.subItems, onHide: () => i(!1), smallDisplay: c }) : null
   ] });
 };
-function Nn({ block: n, smallDisplay: t, onHide: s, globalClick: a, autoHide: i }) {
-  function l(d) {
-    for (let c of d.items)
-      if (c.icon)
+function _n({ block: n, smallDisplay: t, onHide: s, globalClick: r, autoHide: l }) {
+  function c(o) {
+    for (let i of o.items)
+      if (i.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((d, c) => /* @__PURE__ */ e.jsx(Vt, { globalClick: a, autoHide: i, onHide: s, item: d, isIcon: l(n), smallDisplay: t }, c)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((o, i) => /* @__PURE__ */ e.jsx(as, { globalClick: r, autoHide: l, onHide: s, item: o, isIcon: c(n), smallDisplay: t }, i)) });
 }
-const It = 100, Es = (n) => {
-  const t = U(null), [s, a] = k({ left: "0px", top: "0px" }), i = () => {
+const ls = 100, Gs = (n) => {
+  const t = z(null), [s, r] = k({ left: "0px", top: "0px" }), l = () => {
     n.onHide && n.onHide();
   };
-  return P(() => {
-    let l = bn(n.x, n.y, t.current, { marginBottom: It });
-    a({
-      left: l.x + "px",
-      top: l.y + "px"
+  return F(() => {
+    let c = Mn(n.x, n.y, t.current, { marginBottom: ls });
+    r({
+      left: c.x + "px",
+      top: c.y + "px"
     });
   }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: t, className: "menu-container", style: { ...s, opacity: s.top !== "0px" ? "100%" : "0%", width: n.width, maxWidth: n.width ? "100%" : void 0 }, children: n.blocks.map((l, d) => /* @__PURE__ */ e.jsxs(pe.Fragment, { children: [
-      d !== 0 ? /* @__PURE__ */ e.jsx(K, {}) : null,
-      /* @__PURE__ */ e.jsx(Nn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
-    ] }, d)) }),
-    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: i, onContextMenu: (l) => {
-      l.preventDefault();
+    /* @__PURE__ */ e.jsx("div", { ref: t, className: "menu-container", style: { ...s, opacity: s.top !== "0px" ? "100%" : "0%", width: n.width, maxWidth: n.width ? "100%" : void 0 }, children: n.blocks.map((c, o) => /* @__PURE__ */ e.jsxs(ke.Fragment, { children: [
+      o !== 0 ? /* @__PURE__ */ e.jsx(Q, {}) : null,
+      /* @__PURE__ */ e.jsx(_n, { block: c, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: l })
+    ] }, o)) }),
+    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: l, onContextMenu: (c) => {
+      c.preventDefault();
     } })
   ] }) : null;
-}, Ts = (n) => {
+}, Xs = (n) => {
   const t = () => {
   };
-  return /* @__PURE__ */ e.jsx(at, { onHide: n.onHide || t, visible: n.visible, children: /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-menu-container", children: n.blocks.map((s, a) => /* @__PURE__ */ e.jsxs(pe.Fragment, { children: [
-    a !== 0 ? /* @__PURE__ */ e.jsx(K, {}) : null,
-    /* @__PURE__ */ e.jsx(Nn, { block: s, smallDisplay: !0 })
-  ] }, a)) }) });
+  return /* @__PURE__ */ e.jsx(Lt, { onHide: n.onHide || t, visible: n.visible, children: /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-menu-container", children: n.blocks.map((s, r) => /* @__PURE__ */ e.jsxs(ke.Fragment, { children: [
+    r !== 0 ? /* @__PURE__ */ e.jsx(Q, {}) : null,
+    /* @__PURE__ */ e.jsx(_n, { block: s, smallDisplay: !0 })
+  ] }, r)) }) });
 };
-function Lt(n) {
+function cs(n) {
   let t = [];
   if (n.length > 0)
     for (let s of n)
-      for (let a in s) {
-        let i = !1;
-        for (let l of t)
-          l.field === a && (i = !0);
-        i || t.push({
-          title: a,
-          field: a
+      for (let r in s) {
+        let l = !1;
+        for (let c of t)
+          c.field === r && (l = !0);
+        l || t.push({
+          title: r,
+          field: r
         });
       }
   return t;
 }
-const Yt = ({ data: n, column: t, color: s, backgroundColor: a }) => {
-  function i(c, o) {
-    for (let x in o)
-      if (c === x)
-        return o[x];
+const is = ({ data: n, column: t, color: s, backgroundColor: r }) => {
+  function l(i, d) {
+    for (let h in d)
+      if (i === h)
+        return d[h];
   }
-  function l(c) {
-    return typeof c == "number" || typeof c == "string" ? { content: c } : c;
+  function c(i) {
+    return typeof i == "number" || typeof i == "string" ? { content: i } : i;
   }
-  function d(c) {
-    return c ? Array.isArray(c) ? c.map((o) => l(o)) : [l(c)] : [];
+  function o(i) {
+    return i ? Array.isArray(i) ? i.map((d) => c(d)) : [c(i)] : [];
   }
-  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: a }, children: d(i(t.field, n)).map((c, o) => /* @__PURE__ */ e.jsx("p", { style: { color: c.color ?? s }, className: c.onClick ? "no-click" : "", onClick: c.onClick, children: typeof c.content == "string" || typeof c.content == "number" ? c.content : /* @__PURE__ */ e.jsx(c.content, {}) }, o)) });
-}, Wt = ({ actions: n, item: t, columns: s, onContextMenu: a, onDelete: i, onEdit: l, onClickRow: d, index: c }) => {
-  const o = (u) => !u.target.closest(".no-click"), x = (u) => {
-    o(u) && d && d(t, c);
+  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: r }, children: o(l(t.field, n)).map((i, d) => /* @__PURE__ */ e.jsx("p", { style: { color: i.color ?? s }, className: i.onClick ? "no-click" : "", onClick: i.onClick, children: typeof i.content == "string" || typeof i.content == "number" ? i.content : /* @__PURE__ */ e.jsx(i.content, {}) }, d)) });
+}, os = ({ actions: n, item: t, columns: s, onContextMenu: r, onDelete: l, onEdit: c, onClickRow: o, index: i }) => {
+  const d = (u) => !u.target.closest(".no-click"), h = (u) => {
+    d(u) && o && o(t, i);
   };
-  return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: x, children: [
-    s.map((u, m) => /* @__PURE__ */ e.jsx(Yt, { color: u.color, backgroundColor: u.backgroundColor, column: u, 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((u, m) => /* @__PURE__ */ e.jsx(le, { transparent: !0, icon: u.icon, onClick: (f) => u.onClick(f, t, c) }, m)) }) }) : null,
-    a || i || l ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
-      l ? /* @__PURE__ */ e.jsx(le, { transparent: !0, icon: /* @__PURE__ */ e.jsx(mt, {}), onClick: () => l(t, c) }) : null,
-      i ? /* @__PURE__ */ e.jsx(le, { transparent: !0, icon: /* @__PURE__ */ e.jsx(vt, { className: "text-red-500" }), onClick: () => i(t, c) }) : null,
-      a ? /* @__PURE__ */ e.jsx(le, { transparent: !0, icon: /* @__PURE__ */ e.jsx(ut, {}), onClick: (u) => a(u, t, c) }) : null
+  return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: h, children: [
+    s.map((u, x) => /* @__PURE__ */ e.jsx(is, { color: u.color, backgroundColor: u.backgroundColor, column: u, data: t }, x)),
+    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, x) => /* @__PURE__ */ e.jsx(ue, { transparent: !0, icon: u.icon, onClick: (m) => u.onClick(m, t, i) }, x)) }) }) : null,
+    r || l || c ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
+      c ? /* @__PURE__ */ e.jsx(ue, { transparent: !0, icon: /* @__PURE__ */ e.jsx(yt, {}), onClick: () => c(t, i) }) : null,
+      l ? /* @__PURE__ */ e.jsx(ue, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Ct, { className: "text-red-500" }), onClick: () => l(t, i) }) : null,
+      r ? /* @__PURE__ */ e.jsx(ue, { transparent: !0, icon: /* @__PURE__ */ e.jsx(vt, {}), onClick: (u) => r(u, t, i) }) : null
     ] }) }) : null
   ] });
-}, $s = ({ data: n, columns: t, onDelete: s, onContextMenu: a, onEdit: i, actions: l, onClickRow: d, adaptive: c }) => {
-  const [o] = k(t ?? Lt(n));
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${d ? "clicked" : ""} ${c ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+}, Us = ({ data: n, columns: t, onDelete: s, onContextMenu: r, onEdit: l, actions: c, onClickRow: o, adaptive: i }) => {
+  const [d] = k(t ?? cs(n));
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${o ? "clicked" : ""} ${i ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
-      o.map((x, u) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: x.title }, u)),
-      l ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }) : null,
-      s || a || i ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
+      d.map((h, u) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, u)),
+      c ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }) : null,
+      s || r || l ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
     ] }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: n.map((x, u) => /* @__PURE__ */ e.jsx(Wt, { onClickRow: d, actions: l, index: u, columns: o, item: x, onDelete: s, onContextMenu: a, onEdit: i }, u)) })
+    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, u) => /* @__PURE__ */ e.jsx(os, { onClickRow: o, actions: c, index: u, columns: d, item: h, onDelete: s, onContextMenu: r, onEdit: l }, u)) })
   ] }) });
 };
-const Bt = ({ icon: n, title: t, to: s }) => /* @__PURE__ */ e.jsxs(Oe, { to: s, className: "navigation-item", children: [
+const ds = ({ icon: n, title: t, to: s }) => /* @__PURE__ */ e.jsxs(Be, { to: s, className: "navigation-item", children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: n }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: t })
-] }), zt = ({ onClick: n, icon: t, title: s }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "navigation-item", children: [
+] }), us = ({ onClick: n, icon: t, title: s }) => /* @__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: s })
-] }), Rs = ({ btns: n }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-bar-container", children: /* @__PURE__ */ e.jsx("div", { className: "block-content", children: n.map((t, s) => t.type === "button" ? /* @__PURE__ */ e.jsx(zt, { icon: t.icon, onClick: t.onClick, title: t.text }, s) : t.type === "link" ? /* @__PURE__ */ e.jsx(Bt, { icon: t.icon, to: t.to, title: t.text }, s) : null) }) });
-const dn = ({ onClick: n, icon: t, title: s, to: a }) => /* @__PURE__ */ e.jsxs(Oe, { onClick: n, to: a, className: "navigation-item", children: [
+] }), qs = ({ btns: n }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-bar-container", children: /* @__PURE__ */ e.jsx("div", { className: "block-content", children: n.map((t, s) => t.type === "button" ? /* @__PURE__ */ e.jsx(us, { icon: t.icon, onClick: t.onClick, title: t.text }, s) : t.type === "link" ? /* @__PURE__ */ e.jsx(ds, { icon: t.icon, to: t.to, title: t.text }, s) : null) }) });
+const gn = ({ onClick: n, icon: t, title: s, to: r }) => /* @__PURE__ */ e.jsxs(Be, { onClick: n, to: r, className: "navigation-item", children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: s })
-] }), je = ({ onClick: n, icon: t, title: s, active: a = !1 }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: `navigation-item ${a ? "active" : ""}`, children: [
+] }), be = ({ onClick: n, icon: t, title: s, active: r = !1 }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: `navigation-item ${r ? "active" : ""}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: s })
-] }), Ss = ({ visible: n, firstBtn: t, mainBtn: s, onHide: a, otherBtn: i, backBtn: l, openAlways: d }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer-container ${n || d ? "show" : "hide"}`, children: [
+] }), Js = ({ visible: n, firstBtn: t, mainBtn: s, onHide: r, otherBtn: l, backBtn: c, openAlways: o }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer-container ${n || o ? "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(je, { active: t.active, onClick: t.onClick, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(Me, {}) }) })
+        /* @__PURE__ */ e.jsx("div", { className: "block-content", children: /* @__PURE__ */ e.jsx(be, { active: t.active, onClick: t.onClick, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(Ie, {}) }) })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(K, {}) })
+      /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(Q, {}) })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
       /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
-      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: s && s.map((c, o) => c.type === "button" ? /* @__PURE__ */ e.jsx(je, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, o) : c.type === "link" ? /* @__PURE__ */ e.jsx(dn, { onClick: () => a(), title: c.text, icon: c.icon, to: c.to }, o) : null) })
+      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: s && s.map((i, d) => i.type === "button" ? /* @__PURE__ */ e.jsx(be, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }, d) : i.type === "link" ? /* @__PURE__ */ e.jsx(gn, { onClick: () => r(), title: i.text, icon: i.icon, to: i.to }, d) : null) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(K, {}) }),
+    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(Q, {}) }),
     /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
       /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
-      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: i && i.map((c, o) => c.type === "button" ? /* @__PURE__ */ e.jsx(je, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, o) : c.type === "link" ? /* @__PURE__ */ e.jsx(dn, { onClick: () => a(), title: c.text, icon: c.icon, to: c.to }, o) : null) })
+      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: l && l.map((i, d) => i.type === "button" ? /* @__PURE__ */ e.jsx(be, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }, d) : i.type === "link" ? /* @__PURE__ */ e.jsx(gn, { onClick: () => r(), title: i.text, icon: i.icon, to: i.to }, d) : null) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(K, {}) }),
-    l ? /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsx(je, { active: l.active, onClick: l.onClick, title: l.text, icon: l.icon }) }) : null
+    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(Q, {}) }),
+    c ? /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsx(be, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }) }) : null
   ] }),
-  n && !d ? /* @__PURE__ */ e.jsx("div", { className: "backplate", style: { zIndex: 1100 }, onClick: () => a() }) : null
+  n && !o ? /* @__PURE__ */ e.jsx("div", { className: "backplate", style: { zIndex: 1100 }, onClick: () => r() }) : null
 ] });
-const Ut = ({ icon: n, title: t, to: s }) => /* @__PURE__ */ e.jsxs(Oe, { to: s, className: "navigation-item", children: [
+const hs = ({ icon: n, title: t, to: s }) => /* @__PURE__ */ e.jsxs(Be, { to: s, className: "navigation-item", children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: n }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: t })
-] }), ve = ({ onClick: n, icon: t, title: s, active: a = !1 }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: `navigation-item ${a ? "active" : ""}`, children: [
+] }), ye = ({ onClick: n, icon: t, title: s, active: r = !1 }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: `navigation-item ${r ? "active" : ""}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: s })
-] }), _s = ({ onToggleMenu: n, firstBtn: t, mainBtn: s, backBtn: a }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-rail-container", children: /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsxs("div", { className: "block-content", children: [
-  n ? /* @__PURE__ */ e.jsx(ve, { icon: /* @__PURE__ */ e.jsx(mn, {}), onClick: n }) : null,
+] }), Ks = ({ onToggleMenu: n, firstBtn: t, mainBtn: s, backBtn: r }) => /* @__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(ye, { icon: /* @__PURE__ */ e.jsx(kn, {}), onClick: n }) : null,
   t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(K, {}),
-    /* @__PURE__ */ e.jsx(ve, { active: t.active, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(Me, {}), onClick: (i) => {
-      t.onClick && t.onClick(i);
+    /* @__PURE__ */ e.jsx(Q, {}),
+    /* @__PURE__ */ e.jsx(ye, { active: t.active, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(Ie, {}), onClick: (l) => {
+      t.onClick && t.onClick(l);
     } }),
-    /* @__PURE__ */ e.jsx(K, {})
+    /* @__PURE__ */ e.jsx(Q, {})
   ] }) : null,
-  s && s.map((i, l) => i.type === "button" ? /* @__PURE__ */ e.jsx(ve, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }, l) : i.type === "link" ? /* @__PURE__ */ e.jsx(Ut, { title: i.text, icon: i.icon, to: i.to }, l) : null),
-  a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(K, {}),
-    /* @__PURE__ */ e.jsx(ve, { active: a.active, title: a.text, icon: a.icon ?? /* @__PURE__ */ e.jsx(Me, {}), onClick: (i) => {
-      a.onClick && a.onClick(i);
+  s && s.map((l, c) => l.type === "button" ? /* @__PURE__ */ e.jsx(ye, { active: l.active, onClick: l.onClick, title: l.text, icon: l.icon }, c) : l.type === "link" ? /* @__PURE__ */ e.jsx(hs, { title: l.text, icon: l.icon, to: l.to }, c) : null),
+  r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(Q, {}),
+    /* @__PURE__ */ e.jsx(ye, { active: r.active, title: r.text, icon: r.icon ?? /* @__PURE__ */ e.jsx(Ie, {}), onClick: (l) => {
+      r.onClick && r.onClick(l);
     } }),
-    /* @__PURE__ */ e.jsx(K, {})
+    /* @__PURE__ */ e.jsx(Q, {})
   ] }) : null
 ] }) }) });
-function qt(n) {
-  var t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);
-  return t ? {
-    r: parseInt(t[1], 16),
-    g: parseInt(t[2], 16),
-    b: parseInt(t[3], 16)
-  } : null;
-}
-const Jt = (n) => {
-  if (!n)
-    return "linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";
-  const t = qt(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 Ds = ({ className: n, text: t, title: s, hexColor: a, hexBackground: i, style: l, btn: d }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jt(i), color: a, ...l }, children: [
+const Zs = ({ className: n, text: t, title: s, hexColor: r, hexBackground: l, style: c, btn: o }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: _t(l), color: r, ...c }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: s }),
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
-  d ? /* @__PURE__ */ e.jsx(xn, { styleType: d.styleType ?? "filled", style: d.style, className: d.className, onClick: d.onClick, children: d.text }) : null
+  o ? /* @__PURE__ */ e.jsx(yn, { styleType: o.styleType ?? "filled", style: o.style, className: o.className, onClick: o.onClick, children: o.text }) : null
 ] });
-const Kt = ({ readonly: n, name: t, data: s, onChange: a, onDelete: i }) => {
-  const [l, d] = k(""), [c, o] = k(""), [x, u] = k(!1), [m, f] = k(!0), p = C((v, b) => {
-    a({ ...s, [b]: v });
-  }, [a, s]), N = C(() => {
-    o(""), d(""), u(!1);
+const xs = ({ readonly: n, name: t, data: s, onChange: r, onDelete: l }) => {
+  const [c, o] = k(""), [i, d] = k(""), [h, u] = k(!1), [x, m] = k(!0), p = C((v, y) => {
+    r({ ...s, [y]: v });
+  }, [r, s]), N = C(() => {
+    d(""), o(""), u(!1);
   }, []), g = C(() => {
-    let v = c;
+    let v = i;
     try {
       v = JSON.parse(v);
     } catch {
     }
-    N(), a({ ...s, [l]: v });
-  }, [s, a, l, c, N]), E = C((v) => {
-    let b = { ...s };
-    delete b[v], a(b);
-  }, [s, a]);
+    N(), r({ ...s, [c]: v });
+  }, [s, r, c, i, N]), E = C((v) => {
+    let y = { ...s };
+    delete y[v], r(y);
+  }, [s, r]);
   return /* @__PURE__ */ e.jsx("div", { className: "json-card-container", children: /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "json-line json-object-header", children: [
-      /* @__PURE__ */ e.jsxs("span", { onClick: () => f((v) => !v), className: "json-element json-object-name json-object-header", children: [
+      /* @__PURE__ */ e.jsxs("span", { onClick: () => m((v) => !v), className: "json-element json-object-name json-object-header", children: [
         t,
         ":",
         "{",
-        m ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
+        x ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
       ] }),
-      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => u(!0), children: /* @__PURE__ */ e.jsx(fn, { size: 18 }) })
+      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => u(!0), children: /* @__PURE__ */ e.jsx(Cn, { size: 18 }) })
     ] }),
-    m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: s ? Object.keys(s).map(
-      (v, b) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(Pe, { readonly: n, onDelete: () => E(v), onChange: (O) => p(O, v), name: v, data: s[v] }) }, b)
+    x ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: s ? Object.keys(s).map(
+      (v, y) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ze, { readonly: n, onDelete: () => E(v), onChange: (D) => p(D, v), name: v, data: s[v] }) }, y)
     ) : null }) : null,
-    x && !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: l.length || 10, placeholder: "key", onChange: (v) => d(v.target.value), className: "json-base-data-input", type: "text", value: l }) }),
+    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: c.length || 10, placeholder: "key", onChange: (v) => o(v.target.value), className: "json-base-data-input", type: "text", value: c }) }),
       ":",
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "value", onChange: (v) => o(v.target.value), className: "json-base-data-input", type: "text", value: c }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: i.length || 10, placeholder: "value", onChange: (v) => d(v.target.value), className: "json-base-data-input", type: "text", value: i }) }),
       /* @__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: N, children: "cancel" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "}",
-      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(Fe, { size: 18 }) })
+      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: l, children: /* @__PURE__ */ e.jsx(Ye, { size: 18 }) })
     ] })
   ] }) });
-}, Xt = ({ readonly: n, name: t, data: s, onChange: a, onDelete: i }) => {
-  const [l, d] = k(""), [c, o] = k(!1), [x, u] = k(!0), m = C((g, E) => {
+}, ms = ({ readonly: n, name: t, data: s, onChange: r, onDelete: l }) => {
+  const [c, o] = k(""), [i, d] = k(!1), [h, u] = k(!0), x = C((g, E) => {
     const v = s.slice();
-    v[E] = g, a(v);
-  }, [a, s]), f = C(() => {
-    d(""), o(!1);
+    v[E] = g, r(v);
+  }, [r, s]), m = C(() => {
+    o(""), d(!1);
   }, []), p = C(() => {
-    let g = l;
+    let g = c;
     try {
       g = JSON.parse(g);
     } catch {
     }
-    f(), a([...s, g]);
-  }, [s, a, l, f]), N = C((g) => {
-    a(s.filter((E, v) => v !== g));
-  }, [s, a]);
+    m(), r([...s, g]);
+  }, [s, r, c, m]), N = C((g) => {
+    r(s.filter((E, v) => v !== g));
+  }, [s, r]);
   return /* @__PURE__ */ e.jsx("div", { className: "json-card-container", 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: () => u((g) => !g), children: [
         t,
         ":",
         "[",
-        x ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
+        h ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
       ] }),
-      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => o(!0), children: /* @__PURE__ */ e.jsx(fn, { size: 18 }) })
+      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => d(!0), children: /* @__PURE__ */ e.jsx(Cn, { size: 18 }) })
     ] }),
-    x ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: s && s.map((g, E) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(Pe, { readonly: n, onDelete: () => N(E), onChange: (v) => m(v, E), name: String(E), data: g }) }, E)) }) : null,
-    c ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: l.length || 10, placeholder: "value", onChange: (g) => d(g.target.value), className: "json-base-data-input", type: "text", value: l }) }),
+    h ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: s && s.map((g, E) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ze, { readonly: n, onDelete: () => N(E), onChange: (v) => x(v, E), name: String(E), data: g }) }, E)) }) : null,
+    i ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "value", onChange: (g) => o(g.target.value), className: "json-base-data-input", type: "text", value: c }) }),
       /* @__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: f, children: "cancel" })
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: m, children: "cancel" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "]",
-      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(Fe, { size: 18 }) })
+      n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: l, children: /* @__PURE__ */ e.jsx(Ye, { size: 18 }) })
     ] })
   ] }) });
-}, Gt = ({ readonly: n, name: t, data: s, onChange: a, onDelete: i }) => {
-  const l = C((d) => {
-    a(d.target.value);
-  }, [a]);
+}, fs = ({ readonly: n, name: t, data: s, onChange: r, onDelete: l }) => {
+  const c = C((o) => {
+    r(o.target.value);
+  }, [r]);
   return /* @__PURE__ */ e.jsx("div", { className: "json-card-container", children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
     /* @__PURE__ */ e.jsx("span", { className: "json-object-name", children: t }),
     ":",
     n ? /* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: s }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: /* @__PURE__ */ e.jsx("input", { size: (s == null ? void 0 : s.toString().length) || 10, onChange: l, className: "json-base-data-input", type: "text", value: s !== void 0 ? String(s) : "" }) }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(Fe, { size: 18 }) })
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: /* @__PURE__ */ e.jsx("input", { size: (s == null ? void 0 : s.toString().length) || 10, onChange: c, className: "json-base-data-input", type: "text", value: s !== void 0 ? String(s) : "" }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: l, children: /* @__PURE__ */ e.jsx(Ye, { size: 18 }) })
     ] })
   ] }) }) });
-}, Pe = ({ readonly: n, name: t, data: s, onChange: a, onDelete: i }) => typeof s == "boolean" || typeof s == "number" || typeof s == "string" ? /* @__PURE__ */ e.jsx(Gt, { readonly: n, onDelete: i, onChange: a, data: s, name: t }) : s ? Array.isArray(s) ? /* @__PURE__ */ e.jsx(Xt, { readonly: n, onDelete: i, onChange: a, data: s, name: t }) : /* @__PURE__ */ e.jsx(Kt, { readonly: n, onDelete: i, onChange: a, data: s, name: t }) : null, Ms = ({ readonly: n, name: t, data: s, onChange: a, onDelete: i }) => {
-  const [l, d] = k(s || void 0), [c, o] = k(""), x = C((f) => {
-    n || (d(f), a && a(f));
-  }, [a]), u = C(() => {
-    n || (d(void 0), i && i());
-  }, [i]), m = C(() => {
+}, ze = ({ readonly: n, name: t, data: s, onChange: r, onDelete: l }) => typeof s == "boolean" || typeof s == "number" || typeof s == "string" ? /* @__PURE__ */ e.jsx(fs, { readonly: n, onDelete: l, onChange: r, data: s, name: t }) : s ? Array.isArray(s) ? /* @__PURE__ */ e.jsx(ms, { readonly: n, onDelete: l, onChange: r, data: s, name: t }) : /* @__PURE__ */ e.jsx(xs, { readonly: n, onDelete: l, onChange: r, data: s, name: t }) : null, Qs = ({ readonly: n, name: t, data: s, onChange: r, onDelete: l }) => {
+  const [c, o] = k(s || void 0), [i, d] = k(""), h = C((m) => {
+    n || (o(m), r && r(m));
+  }, [r]), u = C(() => {
+    n || (o(void 0), l && l());
+  }, [l]), x = C(() => {
     if (n)
       return;
-    let f = c;
+    let m = i;
     try {
-      f = JSON.parse(f);
+      m = JSON.parse(m);
     } catch {
     }
-    d(f), a && a(f);
-  }, [a, c]);
-  return l ? /* @__PURE__ */ e.jsx(Pe, { readonly: n, onDelete: u, onChange: x, data: l, name: t }) : /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
-    /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "value", onChange: (f) => o(f.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: c }) }),
-    /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: m, children: "save" })
+    o(m), r && r(m);
+  }, [r, i]);
+  return c ? /* @__PURE__ */ e.jsx(ze, { readonly: n, onDelete: u, onChange: h, data: c, name: t }) : /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
+    /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: i.length || 10, placeholder: "value", onChange: (m) => d(m.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: i }) }),
+    /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: x, children: "save" })
   ] });
 };
 export {
-  rt as BaseActionCard,
-  de as BaseButton,
-  vs as BaseDialog,
-  yt as BaseRadioButton,
+  Vt as BaseActionCard,
+  xe as BaseButton,
+  As as BaseDialog,
+  Bt as BaseRadioButton,
   ne as BasicTemplateDialog,
-  ns as BigContainer,
-  at as BottomSheetsUi,
-  xn as Button,
-  es as Card,
-  ts as Checkbox,
-  pt as Chips,
-  ws as ColumnLayout,
-  gs as DateField,
-  Ns as DayOfWeekField,
-  gn as DialogModal,
-  K as Divider,
-  Ds as EmptyPage,
-  cs as FAB,
-  is as FieldContainer,
-  nt as FilledButton,
-  et as FilledTotalButton,
-  js as FullScrinTemplateDialog,
-  Cs as GridLayout,
-  ks as GridLayoutItem,
-  le as IconButton,
-  Ms as JsonContainer,
-  tt as ListContainer,
-  st as ListItem,
-  Es as Menu,
-  kt as ModalTemplate,
-  ls as MoreText,
-  Rs as NavigationBar,
-  Ss as NavigationDrawer,
-  _s as NavigationRail,
-  ss as NumberField,
-  Qn as OutlineButton,
-  as as RadioButton,
-  os as RunningLine,
-  ds as ScrollContainer,
-  us as Search,
-  ps as SelectionDialog,
-  ms as SigmentedButton,
-  fs as Slider,
-  Ts as SmallWindowMenu,
-  xs as Snackbar,
-  hs as Switch,
-  $s as Table,
-  rs as TextArea,
-  V as TextButton,
-  ys as TextDialog,
-  pn as TextField,
-  bs as TimeField,
-  Dt as TimePicker,
-  yn as getContainerData,
-  bn as getModalWindowCord,
-  qt as hexToRgb,
-  Nt as map,
-  Ft as СalendarPickers
+  ys as BigContainer,
+  Lt as BottomSheetsUi,
+  yn as Button,
+  bs as Card,
+  Ns as Checkbox,
+  It as Chips,
+  gs as ColorField,
+  Hs as ColumnLayout,
+  Bs as DateField,
+  Ys as DayOfWeekField,
+  We as DialogModal,
+  Q as Divider,
+  Zs as EmptyPage,
+  Es as FAB,
+  Ss as FieldContainer,
+  ut as FilledButton,
+  dt as FilledTotalButton,
+  Ps as FullScrinTemplateDialog,
+  zs as GridLayout,
+  Ws as GridLayoutItem,
+  ue as IconButton,
+  Qs as JsonContainer,
+  Pt as ListContainer,
+  At as ListItem,
+  Gs as Menu,
+  Dt as ModalTemplate,
+  $s as MoreText,
+  qs as NavigationBar,
+  Js as NavigationDrawer,
+  Ks as NavigationRail,
+  ks as NumberField,
+  ot as OutlineButton,
+  ws as RadioButton,
+  Rs as RunningLine,
+  Ts as ScrollContainer,
+  Ms as Search,
+  Vs as SelectionDialog,
+  Os as SigmentedButton,
+  Fs as Slider,
+  Xs as SmallWindowMenu,
+  _s as Snackbar,
+  Ds as Switch,
+  Us as Table,
+  Cs as TextArea,
+  Y as TextButton,
+  Ls as TextDialog,
+  Rn as TextField,
+  Is as TimeField,
+  Qt as TimePicker,
+  Tn as getContainerData,
+  Mn as getModalWindowCord,
+  Mt as hexToRgb,
+  zt as map,
+  ts as СalendarPickers
 };