alex-evo-sh-ui-kit 1.0.0 → 1.0.1

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

@@ -1,6 +1,6 @@
 import './index.css';
-import xe, { useState as C, useCallback as R, useEffect as A, forwardRef as nn, createElement as we, useRef as J } from "react";
-var Ee = { exports: {} }, re = {};
+import xe, { useState as N, useCallback as R, useEffect as A, forwardRef as rn, createElement as Te, useRef as z } from "react";
+var Re = { exports: {} }, re = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,21 +10,21 @@ var Ee = { exports: {} }, re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ge;
-function Pn() {
-  if (Ge)
+var Ze;
+function Fn() {
+  if (Ze)
     return re;
-  Ge = 1;
-  var n = xe, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, l = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(c, i, h) {
-    var f, v = {}, m = null, b = null;
-    h !== void 0 && (m = "" + h), i.key !== void 0 && (m = "" + i.key), i.ref !== void 0 && (b = i.ref);
-    for (f in i)
-      a.call(i, f) && !o.hasOwnProperty(f) && (v[f] = i[f]);
-    if (c && c.defaultProps)
-      for (f in i = c.defaultProps, i)
-        v[f] === void 0 && (v[f] = i[f]);
-    return { $$typeof: r, type: c, key: m, ref: b, props: v, _owner: l.current };
+  Ze = 1;
+  var n = xe, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(l, i, h) {
+    var d, x = {}, j = null, y = null;
+    h !== void 0 && (j = "" + h), i.key !== void 0 && (j = "" + i.key), i.ref !== void 0 && (y = i.ref);
+    for (d in i)
+      a.call(i, d) && !o.hasOwnProperty(d) && (x[d] = i[d]);
+    if (l && l.defaultProps)
+      for (d in i = l.defaultProps, i)
+        x[d] === void 0 && (x[d] = i[d]);
+    return { $$typeof: r, type: l, key: j, ref: y, props: x, _owner: c.current };
   }
   return re.Fragment = s, re.jsx = u, re.jsxs = u, re;
 }
@@ -38,54 +38,54 @@ var se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var He;
-function $n() {
-  return He || (He = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = xe, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), c = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), k = Symbol.iterator, w = "@@iterator";
+var Qe;
+function In() {
+  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = xe, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), l = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), g = Symbol.iterator, w = "@@iterator";
     function S(t) {
       if (t === null || typeof t != "object")
         return null;
-      var d = k && t[k] || t[w];
-      return typeof d == "function" ? d : null;
+      var f = g && t[g] || t[w];
+      return typeof f == "function" ? f : null;
     }
     var D = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function E(t) {
       {
-        for (var d = arguments.length, x = new Array(d > 1 ? d - 1 : 0), p = 1; p < d; p++)
-          x[p - 1] = arguments[p];
-        B("error", t, x);
+        for (var f = arguments.length, m = new Array(f > 1 ? f - 1 : 0), p = 1; p < f; p++)
+          m[p - 1] = arguments[p];
+        Y("error", t, m);
       }
     }
-    function B(t, d, x) {
+    function Y(t, f, m) {
       {
-        var p = D.ReactDebugCurrentFrame, N = p.getStackAddendum();
-        N !== "" && (d += "%s", x = x.concat([N]));
-        var T = x.map(function(g) {
-          return String(g);
+        var p = D.ReactDebugCurrentFrame, C = p.getStackAddendum();
+        C !== "" && (f += "%s", m = m.concat([C]));
+        var T = m.map(function(k) {
+          return String(k);
         });
-        T.unshift("Warning: " + d), Function.prototype.apply.call(console[t], console, T);
+        T.unshift("Warning: " + f), Function.prototype.apply.call(console[t], console, T);
       }
     }
-    var j = !1, _ = !1, W = !1, z = !1, Q = !1, G;
-    G = Symbol.for("react.module.reference");
+    var v = !1, _ = !1, W = !1, U = !1, Q = !1, H;
+    H = Symbol.for("react.module.reference");
     function ie(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === a || t === o || Q || t === l || t === h || t === f || z || t === b || j || _ || W || typeof t == "object" && t !== null && (t.$$typeof === m || t.$$typeof === v || t.$$typeof === u || t.$$typeof === c || t.$$typeof === i || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === a || t === o || Q || t === c || t === h || t === d || U || t === y || v || _ || W || typeof t == "object" && t !== null && (t.$$typeof === j || t.$$typeof === x || t.$$typeof === u || t.$$typeof === l || t.$$typeof === i || // 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.
-      t.$$typeof === G || t.getModuleId !== void 0));
+      t.$$typeof === H || t.getModuleId !== void 0));
     }
-    function K(t, d, x) {
+    function K(t, f, m) {
       var p = t.displayName;
       if (p)
         return p;
-      var N = d.displayName || d.name || "";
-      return N !== "" ? x + "(" + N + ")" : x;
+      var C = f.displayName || f.name || "";
+      return C !== "" ? m + "(" + C + ")" : m;
     }
-    function Te(t) {
+    function _e(t) {
       return t.displayName || "Context";
     }
-    function L(t) {
+    function V(t) {
       if (t == null)
         return null;
       if (typeof t.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
@@ -99,30 +99,30 @@ function $n() {
           return "Portal";
         case o:
           return "Profiler";
-        case l:
+        case c:
           return "StrictMode";
         case h:
           return "Suspense";
-        case f:
+        case d:
           return "SuspenseList";
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case c:
-            var d = t;
-            return Te(d) + ".Consumer";
+          case l:
+            var f = t;
+            return _e(f) + ".Consumer";
           case u:
-            var x = t;
-            return Te(x._context) + ".Provider";
+            var m = t;
+            return _e(m._context) + ".Provider";
           case i:
             return K(t, t.render, "ForwardRef");
-          case v:
+          case x:
             var p = t.displayName || null;
-            return p !== null ? p : L(t.type) || "Memo";
-          case m: {
-            var N = t, T = N._payload, g = N._init;
+            return p !== null ? p : V(t.type) || "Memo";
+          case j: {
+            var C = t, T = C._payload, k = C._init;
             try {
-              return L(g(T));
+              return V(k(T));
             } catch {
               return null;
             }
@@ -130,18 +130,18 @@ function $n() {
         }
       return null;
     }
-    var q = Object.assign, ee = 0, Re, _e, Se, Oe, De, Me, Pe;
-    function $e() {
+    var X = Object.assign, ee = 0, Se, Oe, De, Me, Pe, Ae, $e;
+    function Fe() {
     }
-    $e.__reactDisabledLog = !0;
-    function cn() {
+    Fe.__reactDisabledLog = !0;
+    function un() {
       {
         if (ee === 0) {
-          Re = console.log, _e = console.info, Se = console.warn, Oe = console.error, De = console.group, Me = console.groupCollapsed, Pe = console.groupEnd;
+          Se = console.log, Oe = console.info, De = console.warn, Me = console.error, Pe = console.group, Ae = console.groupCollapsed, $e = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: $e,
+            value: Fe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -157,7 +157,7 @@ function $n() {
         ee++;
       }
     }
-    function ln() {
+    function dn() {
       {
         if (ee--, ee === 0) {
           var t = {
@@ -166,26 +166,26 @@ function $n() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: q({}, t, {
-              value: Re
-            }),
-            info: q({}, t, {
-              value: _e
-            }),
-            warn: q({}, t, {
+            log: X({}, t, {
               value: Se
             }),
-            error: q({}, t, {
+            info: X({}, t, {
               value: Oe
             }),
-            group: q({}, t, {
+            warn: X({}, t, {
               value: De
             }),
-            groupCollapsed: q({}, t, {
+            error: X({}, t, {
               value: Me
             }),
-            groupEnd: q({}, t, {
+            group: X({}, t, {
               value: Pe
+            }),
+            groupCollapsed: X({}, t, {
+              value: Ae
+            }),
+            groupEnd: X({}, t, {
+              value: $e
             })
           });
         }
@@ -193,61 +193,61 @@ function $n() {
       }
     }
     var je = D.ReactCurrentDispatcher, ve;
-    function le(t, d, x) {
+    function oe(t, f, m) {
       {
         if (ve === void 0)
           try {
             throw Error();
-          } catch (N) {
-            var p = N.stack.trim().match(/\n( *(at )?)/);
+          } catch (C) {
+            var p = C.stack.trim().match(/\n( *(at )?)/);
             ve = p && p[1] || "";
           }
         return `
 ` + ve + t;
       }
     }
-    var pe = !1, oe;
+    var pe = !1, ue;
     {
-      var on = typeof WeakMap == "function" ? WeakMap : Map;
-      oe = new on();
+      var fn = typeof WeakMap == "function" ? WeakMap : Map;
+      ue = new fn();
     }
-    function Ae(t, d) {
+    function Ie(t, f) {
       if (!t || pe)
         return "";
       {
-        var x = oe.get(t);
-        if (x !== void 0)
-          return x;
+        var m = ue.get(t);
+        if (m !== void 0)
+          return m;
       }
       var p;
       pe = !0;
-      var N = Error.prepareStackTrace;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var T;
-      T = je.current, je.current = null, cn();
+      T = je.current, je.current = null, un();
       try {
-        if (d) {
-          var g = function() {
+        if (f) {
+          var k = function() {
             throw Error();
           };
-          if (Object.defineProperty(g.prototype, "props", {
+          if (Object.defineProperty(k.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(g, []);
+              Reflect.construct(k, []);
             } catch (F) {
               p = F;
             }
-            Reflect.construct(t, [], g);
+            Reflect.construct(t, [], k);
           } else {
             try {
-              g.call();
+              k.call();
             } catch (F) {
               p = F;
             }
-            t.call(g.prototype);
+            t.call(k.prototype);
           }
         } else {
           try {
@@ -259,231 +259,231 @@ function $n() {
         }
       } catch (F) {
         if (F && p && typeof F.stack == "string") {
-          for (var y = F.stack.split(`
+          for (var b = F.stack.split(`
 `), $ = p.stack.split(`
-`), O = y.length - 1, M = $.length - 1; O >= 1 && M >= 0 && y[O] !== $[M]; )
+`), O = b.length - 1, M = $.length - 1; O >= 1 && M >= 0 && b[O] !== $[M]; )
             M--;
           for (; O >= 1 && M >= 0; O--, M--)
-            if (y[O] !== $[M]) {
+            if (b[O] !== $[M]) {
               if (O !== 1 || M !== 1)
                 do
-                  if (O--, M--, M < 0 || y[O] !== $[M]) {
+                  if (O--, M--, M < 0 || b[O] !== $[M]) {
                     var I = `
-` + y[O].replace(" at new ", " at ");
-                    return t.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", t.displayName)), typeof t == "function" && oe.set(t, I), I;
+` + b[O].replace(" at new ", " at ");
+                    return t.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", t.displayName)), typeof t == "function" && ue.set(t, I), I;
                   }
                 while (O >= 1 && M >= 0);
               break;
             }
         }
       } finally {
-        pe = !1, je.current = T, ln(), Error.prepareStackTrace = N;
+        pe = !1, je.current = T, dn(), Error.prepareStackTrace = C;
       }
-      var Z = t ? t.displayName || t.name : "", X = Z ? le(Z) : "";
-      return typeof t == "function" && oe.set(t, X), X;
+      var Z = t ? t.displayName || t.name : "", q = Z ? oe(Z) : "";
+      return typeof t == "function" && ue.set(t, q), q;
     }
-    function un(t, d, x) {
-      return Ae(t, !1);
+    function hn(t, f, m) {
+      return Ie(t, !1);
     }
-    function dn(t) {
-      var d = t.prototype;
-      return !!(d && d.isReactComponent);
+    function xn(t) {
+      var f = t.prototype;
+      return !!(f && f.isReactComponent);
     }
-    function ue(t, d, x) {
+    function de(t, f, m) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return Ae(t, dn(t));
+        return Ie(t, xn(t));
       if (typeof t == "string")
-        return le(t);
+        return oe(t);
       switch (t) {
         case h:
-          return le("Suspense");
-        case f:
-          return le("SuspenseList");
+          return oe("Suspense");
+        case d:
+          return oe("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
           case i:
-            return un(t.render);
-          case v:
-            return ue(t.type, d, x);
-          case m: {
-            var p = t, N = p._payload, T = p._init;
+            return hn(t.render);
+          case x:
+            return de(t.type, f, m);
+          case j: {
+            var p = t, C = p._payload, T = p._init;
             try {
-              return ue(T(N), d, x);
+              return de(T(C), f, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var ne = Object.prototype.hasOwnProperty, Fe = {}, Ie = D.ReactDebugCurrentFrame;
-    function de(t) {
+    var ne = Object.prototype.hasOwnProperty, Be = {}, Ye = D.ReactDebugCurrentFrame;
+    function fe(t) {
       if (t) {
-        var d = t._owner, x = ue(t.type, t._source, d ? d.type : null);
-        Ie.setExtraStackFrame(x);
+        var f = t._owner, m = de(t.type, t._source, f ? f.type : null);
+        Ye.setExtraStackFrame(m);
       } else
-        Ie.setExtraStackFrame(null);
+        Ye.setExtraStackFrame(null);
     }
-    function fn(t, d, x, p, N) {
+    function mn(t, f, m, p, C) {
       {
         var T = Function.call.bind(ne);
-        for (var g in t)
-          if (T(t, g)) {
-            var y = void 0;
+        for (var k in t)
+          if (T(t, k)) {
+            var b = void 0;
             try {
-              if (typeof t[g] != "function") {
-                var $ = Error((p || "React class") + ": " + x + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof t[k] != "function") {
+                var $ = Error((p || "React class") + ": " + m + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw $.name = "Invariant Violation", $;
               }
-              y = t[g](d, g, p, x, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              b = t[k](f, k, p, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (O) {
-              y = O;
+              b = O;
             }
-            y && !(y instanceof Error) && (de(N), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", x, g, typeof y), de(null)), y instanceof Error && !(y.message in Fe) && (Fe[y.message] = !0, de(N), E("Failed %s type: %s", x, y.message), de(null));
+            b && !(b instanceof Error) && (fe(C), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", m, k, typeof b), fe(null)), b instanceof Error && !(b.message in Be) && (Be[b.message] = !0, fe(C), E("Failed %s type: %s", m, b.message), fe(null));
           }
       }
     }
-    var hn = Array.isArray;
+    var jn = Array.isArray;
     function ye(t) {
-      return hn(t);
+      return jn(t);
     }
-    function xn(t) {
+    function vn(t) {
       {
-        var d = typeof Symbol == "function" && Symbol.toStringTag, x = d && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return x;
+        var f = typeof Symbol == "function" && Symbol.toStringTag, m = f && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return m;
       }
     }
-    function mn(t) {
+    function pn(t) {
       try {
-        return Ye(t), !1;
+        return We(t), !1;
       } catch {
         return !0;
       }
     }
-    function Ye(t) {
+    function We(t) {
       return "" + t;
     }
-    function Be(t) {
-      if (mn(t))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xn(t)), Ye(t);
+    function Ve(t) {
+      if (pn(t))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vn(t)), We(t);
     }
-    var te = D.ReactCurrentOwner, jn = {
+    var te = D.ReactCurrentOwner, yn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, We, Le, ge;
+    }, Le, ze, ge;
     ge = {};
-    function vn(t) {
+    function gn(t) {
       if (ne.call(t, "ref")) {
-        var d = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (d && d.isReactWarning)
+        var f = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (f && f.isReactWarning)
           return !1;
       }
       return t.ref !== void 0;
     }
-    function pn(t) {
+    function bn(t) {
       if (ne.call(t, "key")) {
-        var d = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (d && d.isReactWarning)
+        var f = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (f && f.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function yn(t, d) {
-      if (typeof t.ref == "string" && te.current && d && te.current.stateNode !== d) {
-        var x = L(te.current.type);
-        ge[x] || (E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', L(te.current.type), t.ref), ge[x] = !0);
+    function kn(t, f) {
+      if (typeof t.ref == "string" && te.current && f && te.current.stateNode !== f) {
+        var m = V(te.current.type);
+        ge[m] || (E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', V(te.current.type), t.ref), ge[m] = !0);
       }
     }
-    function gn(t, d) {
+    function Nn(t, f) {
       {
-        var x = function() {
-          We || (We = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
+        var m = function() {
+          Le || (Le = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
-        x.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: x,
+        m.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: m,
           configurable: !0
         });
       }
     }
-    function bn(t, d) {
+    function Cn(t, f) {
       {
-        var x = function() {
-          Le || (Le = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
+        var m = function() {
+          ze || (ze = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
-        x.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: x,
+        m.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: m,
           configurable: !0
         });
       }
     }
-    var kn = function(t, d, x, p, N, T, g) {
-      var y = {
+    var wn = function(t, f, m, p, C, T, k) {
+      var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
         type: t,
-        key: d,
-        ref: x,
-        props: g,
+        key: f,
+        ref: m,
+        props: k,
         // Record the component responsible for creating this element.
         _owner: T
       };
-      return y._store = {}, Object.defineProperty(y._store, "validated", {
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(y, "_self", {
+      }), Object.defineProperty(b, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: p
-      }), Object.defineProperty(y, "_source", {
+      }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: N
-      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
+        value: C
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function Nn(t, d, x, p, N) {
+    function En(t, f, m, p, C) {
       {
-        var T, g = {}, y = null, $ = null;
-        x !== void 0 && (Be(x), y = "" + x), pn(d) && (Be(d.key), y = "" + d.key), vn(d) && ($ = d.ref, yn(d, N));
-        for (T in d)
-          ne.call(d, T) && !jn.hasOwnProperty(T) && (g[T] = d[T]);
+        var T, k = {}, b = null, $ = null;
+        m !== void 0 && (Ve(m), b = "" + m), bn(f) && (Ve(f.key), b = "" + f.key), gn(f) && ($ = f.ref, kn(f, C));
+        for (T in f)
+          ne.call(f, T) && !yn.hasOwnProperty(T) && (k[T] = f[T]);
         if (t && t.defaultProps) {
           var O = t.defaultProps;
           for (T in O)
-            g[T] === void 0 && (g[T] = O[T]);
+            k[T] === void 0 && (k[T] = O[T]);
         }
-        if (y || $) {
+        if (b || $) {
           var M = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          y && gn(g, M), $ && bn(g, M);
+          b && Nn(k, M), $ && Cn(k, M);
         }
-        return kn(t, y, $, N, p, te.current, g);
+        return wn(t, b, $, C, p, te.current, k);
       }
     }
-    var be = D.ReactCurrentOwner, Ve = D.ReactDebugCurrentFrame;
-    function H(t) {
+    var be = D.ReactCurrentOwner, Ue = D.ReactDebugCurrentFrame;
+    function G(t) {
       if (t) {
-        var d = t._owner, x = ue(t.type, t._source, d ? d.type : null);
-        Ve.setExtraStackFrame(x);
+        var f = t._owner, m = de(t.type, t._source, f ? f.type : null);
+        Ue.setExtraStackFrame(m);
       } else
-        Ve.setExtraStackFrame(null);
+        Ue.setExtraStackFrame(null);
     }
     var ke;
     ke = !1;
     function Ne(t) {
       return typeof t == "object" && t !== null && t.$$typeof === r;
     }
-    function ze() {
+    function Ke() {
       {
         if (be.current) {
-          var t = L(be.current.type);
+          var t = V(be.current.type);
           if (t)
             return `
 
@@ -492,229 +492,229 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function Cn(t) {
+    function Tn(t) {
       return "";
     }
-    var Ke = {};
-    function wn(t) {
+    var Xe = {};
+    function Rn(t) {
       {
-        var d = ze();
-        if (!d) {
-          var x = typeof t == "string" ? t : t.displayName || t.name;
-          x && (d = `
+        var f = Ke();
+        if (!f) {
+          var m = typeof t == "string" ? t : t.displayName || t.name;
+          m && (f = `
 
-Check the top-level render call using <` + x + ">.");
+Check the top-level render call using <` + m + ">.");
         }
-        return d;
+        return f;
       }
     }
-    function qe(t, d) {
+    function qe(t, f) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var x = wn(d);
-        if (Ke[x])
+        var m = Rn(f);
+        if (Xe[m])
           return;
-        Ke[x] = !0;
+        Xe[m] = !0;
         var p = "";
-        t && t._owner && t._owner !== be.current && (p = " It was passed a child from " + L(t._owner.type) + "."), H(t), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', x, p), H(null);
+        t && t._owner && t._owner !== be.current && (p = " It was passed a child from " + V(t._owner.type) + "."), G(t), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, p), G(null);
       }
     }
-    function Xe(t, d) {
+    function Je(t, f) {
       {
         if (typeof t != "object")
           return;
         if (ye(t))
-          for (var x = 0; x < t.length; x++) {
-            var p = t[x];
-            Ne(p) && qe(p, d);
+          for (var m = 0; m < t.length; m++) {
+            var p = t[m];
+            Ne(p) && qe(p, f);
           }
         else if (Ne(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var N = S(t);
-          if (typeof N == "function" && N !== t.entries)
-            for (var T = N.call(t), g; !(g = T.next()).done; )
-              Ne(g.value) && qe(g.value, d);
+          var C = S(t);
+          if (typeof C == "function" && C !== t.entries)
+            for (var T = C.call(t), k; !(k = T.next()).done; )
+              Ne(k.value) && qe(k.value, f);
         }
       }
     }
-    function En(t) {
+    function _n(t) {
       {
-        var d = t.type;
-        if (d == null || typeof d == "string")
+        var f = t.type;
+        if (f == null || typeof f == "string")
           return;
-        var x;
-        if (typeof d == "function")
-          x = d.propTypes;
-        else if (typeof d == "object" && (d.$$typeof === i || // Note: Memo only checks outer props here.
+        var m;
+        if (typeof f == "function")
+          m = f.propTypes;
+        else if (typeof f == "object" && (f.$$typeof === i || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        d.$$typeof === v))
-          x = d.propTypes;
+        f.$$typeof === x))
+          m = f.propTypes;
         else
           return;
-        if (x) {
-          var p = L(d);
-          fn(x, t.props, "prop", p, t);
-        } else if (d.PropTypes !== void 0 && !ke) {
+        if (m) {
+          var p = V(f);
+          mn(m, t.props, "prop", p, t);
+        } else if (f.PropTypes !== void 0 && !ke) {
           ke = !0;
-          var N = L(d);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
+          var C = V(f);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
-        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Tn(t) {
+    function Sn(t) {
       {
-        for (var d = Object.keys(t.props), x = 0; x < d.length; x++) {
-          var p = d[x];
+        for (var f = Object.keys(t.props), m = 0; m < f.length; m++) {
+          var p = f[m];
           if (p !== "children" && p !== "key") {
-            H(t), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), H(null);
+            G(t), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), G(null);
             break;
           }
         }
-        t.ref !== null && (H(t), E("Invalid attribute `ref` supplied to `React.Fragment`."), H(null));
+        t.ref !== null && (G(t), E("Invalid attribute `ref` supplied to `React.Fragment`."), G(null));
       }
     }
-    var Ue = {};
-    function Je(t, d, x, p, N, T) {
+    var He = {};
+    function Ge(t, f, m, p, C, T) {
       {
-        var g = ie(t);
-        if (!g) {
-          var y = "";
-          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (y += " 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 $ = Cn();
-          $ ? y += $ : y += ze();
+        var k = ie(t);
+        if (!k) {
+          var b = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var $ = Tn();
+          $ ? b += $ : b += Ke();
           var O;
-          t === null ? O = "null" : ye(t) ? O = "array" : t !== void 0 && t.$$typeof === r ? (O = "<" + (L(t.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : O = typeof t, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", O, y);
+          t === null ? O = "null" : ye(t) ? O = "array" : t !== void 0 && t.$$typeof === r ? (O = "<" + (V(t.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : O = typeof t, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", O, b);
         }
-        var M = Nn(t, d, x, N, T);
+        var M = En(t, f, m, C, T);
         if (M == null)
           return M;
-        if (g) {
-          var I = d.children;
+        if (k) {
+          var I = f.children;
           if (I !== void 0)
             if (p)
               if (ye(I)) {
                 for (var Z = 0; Z < I.length; Z++)
-                  Xe(I[Z], t);
+                  Je(I[Z], t);
                 Object.freeze && Object.freeze(I);
               } else
                 E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Xe(I, t);
+              Je(I, t);
         }
-        if (ne.call(d, "key")) {
-          var X = L(t), F = Object.keys(d).filter(function(Mn) {
-            return Mn !== "key";
+        if (ne.call(f, "key")) {
+          var q = V(t), F = Object.keys(f).filter(function($n) {
+            return $n !== "key";
           }), Ce = F.length > 0 ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ue[X + Ce]) {
-            var Dn = F.length > 0 ? "{" + F.join(": ..., ") + ": ...}" : "{}";
+          if (!He[q + Ce]) {
+            var An = F.length > 0 ? "{" + F.join(": ..., ") + ": ...}" : "{}";
             E(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ce, X, Dn, X), Ue[X + Ce] = !0;
+  <%s key={someKey} {...props} />`, Ce, q, An, q), He[q + Ce] = !0;
           }
         }
-        return t === a ? Tn(M) : En(M), M;
+        return t === a ? Sn(M) : _n(M), M;
       }
     }
-    function Rn(t, d, x) {
-      return Je(t, d, x, !0);
+    function On(t, f, m) {
+      return Ge(t, f, m, !0);
     }
-    function _n(t, d, x) {
-      return Je(t, d, x, !1);
+    function Dn(t, f, m) {
+      return Ge(t, f, m, !1);
     }
-    var Sn = _n, On = Rn;
-    se.Fragment = a, se.jsx = Sn, se.jsxs = On;
+    var Mn = Dn, Pn = On;
+    se.Fragment = a, se.jsx = Mn, se.jsxs = Pn;
   }()), se;
 }
-process.env.NODE_ENV === "production" ? Ee.exports = Pn() : Ee.exports = $n();
-var e = Ee.exports;
-const An = (n) => ce({ ...n, className: (n.className ?? "") + " outline-button" }), P = (n) => ce({ ...n, className: (n.className ?? "") + " text-button" }), Fn = (n) => ce({ ...n, className: (n.className ?? "") + " total-button" }), In = (n) => ce({ ...n, className: (n.className ?? "") + " filled-button" }), ce = (n) => {
+process.env.NODE_ENV === "production" ? Re.exports = Fn() : Re.exports = In();
+var e = Re.exports;
+const Bn = (n) => le({ ...n, className: (n.className ?? "") + " outline-button" }), P = (n) => le({ ...n, className: (n.className ?? "") + " text-button" }), Yn = (n) => le({ ...n, className: (n.className ?? "") + " total-button" }), Wn = (n) => le({ ...n, className: (n.className ?? "") + " filled-button" }), le = (n) => {
   const r = (s) => {
     n.onClick && n.onClick(s);
     let a = document.createElement("span");
     a.classList.add("btn-overlay");
-    let l = s.pageX - s.currentTarget.offsetLeft, o = s.pageY - s.currentTarget.offsetTop;
-    a.style.left = l + "px", a.style.top = o + "px", s.currentTarget.appendChild(a), setTimeout(() => {
+    let c = s.pageX - s.currentTarget.offsetLeft, o = s.pageY - s.currentTarget.offsetTop;
+    a.style.left = c + "px", a.style.top = o + "px", s.currentTarget.appendChild(a), setTimeout(() => {
       a.remove();
     }, 500);
   };
   return /* @__PURE__ */ e.jsx("button", { ...n, className: (n.className ?? "") + " btn", onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: n.children }) });
-}, Yn = ({ styleType: n = "base", ...r }) => n === "outline" ? An({ ...r }) : n === "text" ? P({ ...r }) : n === "filledTotal" ? Fn({ ...r }) : n === "filled" ? In({ ...r }) : ce({ ...r }), Bn = ({ children: n, className: r, maxHeight: s, scroll: a, transparent: l }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: s ? a ? "scroll" : "hidden" : void 0, maxHeight: s, backgroundColor: l ? "transparent" : void 0 }, className: `list-container ${r} ${a ? "scroll" : ""}`, children: n }), Wn = ({ icon: n, control: r, text: s, header: a, value: l, onClick: o, hovered: u, className: c }) => {
+}, Vn = ({ styleType: n = "base", ...r }) => n === "outline" ? Bn({ ...r }) : n === "text" ? P({ ...r }) : n === "filledTotal" ? Yn({ ...r }) : n === "filled" ? Wn({ ...r }) : le({ ...r }), Ln = ({ children: n, className: r, maxHeight: s, scroll: a, transparent: c }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: s ? a ? "scroll" : "hidden" : void 0, maxHeight: s, backgroundColor: c ? "transparent" : void 0 }, className: `list-container ${r} ${a ? "scroll" : ""}`, children: n }), zn = ({ icon: n, control: r, text: s, header: a, value: c, onClick: o, hovered: u, className: l }) => {
   const i = (h) => {
     h.target.closest(".control-container") || o && o(h);
   };
-  return /* @__PURE__ */ e.jsxs("li", { className: ` ${c} list-item-container ${u ? "hovered" : ""}`, onClick: i, children: [
-    n ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: n }) : l ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: l }) : null,
+  return /* @__PURE__ */ e.jsxs("li", { className: ` ${l} list-item-container ${u ? "hovered" : ""}`, onClick: i, children: [
+    n ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: n }) : c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: c }) : null,
     s ? /* @__PURE__ */ e.jsxs("div", { className: "text-container", children: [
       /* @__PURE__ */ e.jsx("div", { className: "header", children: a }),
       /* @__PURE__ */ e.jsx("div", { className: "text", children: s })
     ] }) : /* @__PURE__ */ e.jsx("div", { className: "text-container", children: /* @__PURE__ */ e.jsx("div", { className: "header", children: a }) }),
     r ? /* @__PURE__ */ e.jsx("div", { className: "control-container", children: r }) : null
   ] });
-}, ae = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu: l, disabled: o, classNameContainer: u, style: c }) => {
+}, ae = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu: c, disabled: o, classNameContainer: u, style: l }) => {
   const i = (h) => {
     a && a(h);
-    let f = document.createElement("span");
-    f.classList.add("btn-overlay");
-    let v = h.pageX - h.currentTarget.offsetLeft, m = h.pageY - h.currentTarget.offsetTop;
-    f.style.left = v + "px", f.style.top = m + "px", h.currentTarget.appendChild(f), setTimeout(() => {
-      f.remove();
+    let d = document.createElement("span");
+    d.classList.add("btn-overlay");
+    let x = h.pageX - h.currentTarget.offsetLeft, j = h.pageY - h.currentTarget.offsetTop;
+    d.style.left = x + "px", d.style.top = j + "px", h.currentTarget.appendChild(d), setTimeout(() => {
+      d.remove();
     }, 500);
   };
-  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...c }, className: `iconbutton ${s}`, onClick: i, onContextMenu: l, disabled: o, children: /* @__PURE__ */ e.jsx("div", { className: `${u} iconbutton-container`, children: r }) });
-}, Ct = ({ className: n, action: r, imgSrc: s, alt: a, header: l, subhead: o, text: u, children: c, iconButtonCell: i, onClick: h }) => {
-  const f = (m) => !(m.target.className === "action-container" || m.target.closest(".action-container") || m.target.className === "icon-button-container" || m.target.closest(".icon-button-container")), v = (m) => {
-    if (h && h(m), !f(m))
+  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...l }, className: `iconbutton ${s}`, onClick: i, onContextMenu: c, disabled: o, children: /* @__PURE__ */ e.jsx("div", { className: `${u} iconbutton-container`, children: r }) });
+}, Rt = ({ className: n, action: r, imgSrc: s, alt: a, header: c, subhead: o, text: u, children: l, iconButtonCell: i, onClick: h }) => {
+  const d = (j) => !(j.target.className === "action-container" || j.target.closest(".action-container") || j.target.className === "icon-button-container" || j.target.closest(".icon-button-container")), x = (j) => {
+    if (h && h(j), !d(j))
       return;
-    let b = m.currentTarget.closest(".card-container"), k = b == null ? void 0 : b.querySelector(".blick-container");
-    if (!k)
+    let y = j.currentTarget.closest(".card-container"), g = y == null ? void 0 : y.querySelector(".blick-container");
+    if (!g)
       return;
     let w = document.createElement("span");
     w.classList.add("btn-overlay");
-    let S = m.pageX - m.currentTarget.offsetLeft, D = m.pageY - m.currentTarget.offsetTop;
-    w.style.left = S + "px", w.style.top = D + "px", k.appendChild(w), setTimeout(() => {
+    let S = j.pageX - j.currentTarget.offsetLeft, D = j.pageY - j.currentTarget.offsetTop;
+    w.style.left = S + "px", w.style.top = D + "px", g.appendChild(w), setTimeout(() => {
       w.remove();
     }, 500);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `card-container ${n}`, onClick: v, children: [
+  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: 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: l }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: c }) }),
         i ? /* @__PURE__ */ e.jsx("div", { className: "icon-button-container", children: i }) : null
       ] }),
       o ? /* @__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: o }) }) }) : null,
       u ? /* @__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: u }) }) }) : null,
-      c ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: c }) : null,
+      l ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: l }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "action-container", children: r })
     ] })
   ] });
-}, Ln = ({ children: n, className: r }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${r ?? ""}`, children: n }), wt = ({ children: n, className: r, id: s, height: a, width: l, pozMove: o }) => {
-  const [u, c] = C(!1), [i, h] = C(null), [f, v] = C({ x: 0, y: 0 }), m = (w) => {
-    w.button == 1 && (c(!1), h(null), document.body.style.cursor = "auto");
-  }, b = (w) => {
-    w.button == 1 && (h({ x: w.clientX, y: w.clientY }), c(!0), document.body.style.cursor = "move");
-  }, k = R((w) => {
-    u && (v((S) => {
+}, Un = ({ children: n, className: r }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${r ?? ""}`, children: n }), _t = ({ children: n, className: r, id: s, height: a, width: c, pozMove: o }) => {
+  const [u, l] = N(!1), [i, h] = N(null), [d, x] = N({ x: 0, y: 0 }), j = (w) => {
+    w.button == 1 && (l(!1), h(null), document.body.style.cursor = "auto");
+  }, y = (w) => {
+    w.button == 1 && (h({ x: w.clientX, y: w.clientY }), l(!0), document.body.style.cursor = "move");
+  }, g = R((w) => {
+    u && (x((S) => {
       if (!i)
         return S;
       const D = w.clientX - i.x, E = w.clientY - i.y;
-      let B = S.x + D, j = S.y + E;
-      return { x: B, y: j };
+      let Y = S.x + D, v = S.y + E;
+      return { x: Y, y: v };
     }), h({ x: w.clientX, y: w.clientY }));
   }, [u, i]);
   return A(() => {
-    o && v({ ...o });
-  }, [o]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: a, width: l }, className: `big-container ${r}`, onMouseDown: b, onMouseUp: m, onMouseMove: k, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: f.x, top: f.y }, children: n }) });
-}, Vn = (n) => {
-  const [r, s] = C(!1), a = R(() => {
+    o && x({ ...o });
+  }, [o]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: a, width: c }, className: `big-container ${r}`, onMouseDown: y, onMouseUp: j, onMouseMove: g, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: d.x, top: d.y }, children: n }) });
+}, Kn = (n) => {
+  const [r, s] = N(!1), a = R(() => {
     s(!0), setTimeout(() => {
       n.onHide(), s(!1);
     }, 200);
@@ -728,9 +728,9 @@ const An = (n) => ce({ ...n, className: (n.className ?? "") + " outline-button"
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "backplate bottom-sheets-backplate", style: { zIndex: 1101 }, onClick: a })
   ] });
-}, Et = ({ name: n, checked: r, onChange: s, readOnly: a, checkIcon: l }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
+}, St = ({ name: n, checked: r, onChange: s, readOnly: a, checkIcon: c }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
   /* @__PURE__ */ e.jsx("input", { className: "checkbox", name: n, type: "checkbox", checked: r, onChange: s, readOnly: a }),
-  /* @__PURE__ */ e.jsx("span", { children: l || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
+  /* @__PURE__ */ e.jsx("span", { children: c || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
 ] });
 /**
  * @license lucide-react v0.378.0 - ISC
@@ -738,14 +738,14 @@ const An = (n) => ce({ ...n, className: (n.className ?? "") + " outline-button"
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), tn = (...n) => n.filter((r, s, a) => !!r && a.indexOf(r) === s).join(" ");
+const Xn = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), sn = (...n) => n.filter((r, s, a) => !!r && a.indexOf(r) === s).join(" ");
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Kn = {
+var qn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -762,30 +762,30 @@ var Kn = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qn = nn(
+const Jn = rn(
   ({
     color: n = "currentColor",
     size: r = 24,
     strokeWidth: s = 2,
     absoluteStrokeWidth: a,
-    className: l = "",
+    className: c = "",
     children: o,
     iconNode: u,
-    ...c
-  }, i) => we(
+    ...l
+  }, i) => Te(
     "svg",
     {
       ref: i,
-      ...Kn,
+      ...qn,
       width: r,
       height: r,
       stroke: n,
       strokeWidth: a ? Number(s) * 24 / Number(r) : s,
-      className: tn("lucide", l),
-      ...c
+      className: sn("lucide", c),
+      ...l
     },
     [
-      ...u.map(([h, f]) => we(h, f)),
+      ...u.map(([h, d]) => Te(h, d)),
       ...Array.isArray(o) ? o : [o]
     ]
   )
@@ -796,13 +796,13 @@ const qn = nn(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Y = (n, r) => {
-  const s = nn(
-    ({ className: a, ...l }, o) => we(qn, {
+const B = (n, r) => {
+  const s = rn(
+    ({ className: a, ...c }, o) => Te(Jn, {
       ref: o,
       iconNode: r,
-      className: tn(`lucide-${zn(n)}`, a),
-      ...l
+      className: sn(`lucide-${Xn(n)}`, a),
+      ...c
     })
   );
   return s.displayName = `${n}`, s;
@@ -813,7 +813,7 @@ const Y = (n, r) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xn = Y("AlignJustify", [
+const Hn = B("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" }]
@@ -824,7 +824,7 @@ const Xn = Y("AlignJustify", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Un = Y("ArrowLeft", [
+const Gn = B("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
@@ -834,14 +834,14 @@ const Un = Y("ArrowLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fe = Y("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+const ce = B("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 Ze = Y("ChevronDown", [
+const en = B("ChevronDown", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
 /**
@@ -850,7 +850,7 @@ const Ze = Y("ChevronDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jn = Y("CircleX", [
+const Zn = B("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" }]
@@ -861,7 +861,7 @@ const Jn = Y("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gn = Y("Clock3", [
+const Qn = B("Clock3", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polyline", { points: "12 6 12 12 16.5 12", key: "1aq6pp" }]
 ]);
@@ -871,7 +871,7 @@ const Gn = Y("Clock3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hn = Y("EllipsisVertical", [
+const et = B("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" }]
@@ -882,7 +882,7 @@ const Hn = Y("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zn = Y("Keyboard", [
+const nt = B("Keyboard", [
   ["path", { d: "M10 8h.01", key: "1r9ogq" }],
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M14 8h.01", key: "1primd" }],
@@ -899,7 +899,7 @@ const Zn = Y("Keyboard", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qn = Y("Pen", [
+const tt = B("Pen", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }]
 ]);
 /**
@@ -908,7 +908,7 @@ const Qn = Y("Pen", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const et = Y("Search", [
+const rt = B("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -918,7 +918,7 @@ const et = Y("Search", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nt = Y("Trash2", [
+const st = B("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" }],
@@ -931,73 +931,73 @@ const nt = Y("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const me = Y("X", [
+const me = B("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]), tt = ({ text: n, onDelete: r, big: s, onClick: a }) => {
-  const l = (u) => !(u.target.className === "alex-evo-ui-kit-chips-btn" || u.target.closest(".alex-evo-ui-kit-chips-btn")), o = (u) => {
-    l(u) && a && a(u);
+]), at = ({ text: n, onDelete: r, big: s, onClick: a }) => {
+  const c = (u) => !(u.target.className === "alex-evo-ui-kit-chips-btn" || u.target.closest(".alex-evo-ui-kit-chips-btn")), o = (u) => {
+    c(u) && a && a(u);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${s ? "big-chips" : ""} ${a ? "hovered" : ""}`, onClick: o, children: [
     /* @__PURE__ */ e.jsx("p", { children: n }),
     r ? /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: r, children: /* @__PURE__ */ e.jsx(me, { size: 18 }) }) : null
   ] });
-}, rn = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a, password: l, border: o, onClear: u, icon: c, onChange: i, name: h, value: f, placeholder: v, className: m, validEmptyValue: b, onFocus: k, onBlur: w, error: S, max: D, min: E }) => {
-  const B = J(null), [j, _] = C(!1), W = R((Q, G) => _(!!(S || Q && (!G || G === ""))), []);
+}, an = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a, password: c, border: o, onClear: u, icon: l, onChange: i, name: h, value: d, placeholder: x, className: j, validEmptyValue: y, onFocus: g, onBlur: w, error: S, max: D, min: E }) => {
+  const Y = z(null), [v, _] = N(!1), W = R((Q, H) => _(!!(S || Q && (!H || H === ""))), []);
   A(() => {
-    W(b, f);
-  }, [f, b, W]);
-  const z = () => {
-    B.current && B.current.focus();
+    W(y, d);
+  }, [d, y, W]);
+  const U = () => {
+    Y.current && Y.current.focus();
   };
-  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field ${o ? "border" : ""} ${s ? "transparent" : ""} ${m}`, children: [
-    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: z, children: c }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: z, children: [
+  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field ${o ? "border" : ""} ${s ? "transparent" : ""} ${j}`, children: [
+    l ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: U, children: l }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: U, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: B,
+          ref: Y,
           max: D,
           min: E,
           readOnly: a,
           required: !0,
-          type: l ? "password" : r,
-          className: `${j ? "error" : ""}`,
+          type: c ? "password" : r,
+          className: `${v ? "error" : ""}`,
           name: h,
-          value: f,
+          value: d,
           onChange: i,
-          onFocus: k,
+          onFocus: g,
           onBlur: w
         }
       ),
-      /* @__PURE__ */ e.jsx("label", { children: v ? /* @__PURE__ */ e.jsx("span", { children: v }) : null }),
+      /* @__PURE__ */ e.jsx("label", { children: x ? /* @__PURE__ */ e.jsx("span", { children: x }) : null }),
       /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
     ] }),
-    u ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(Jn, { onClick: u }) }) : null
+    u ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(Zn, { onClick: u }) }) : null
   ] });
-}, Tt = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: l, onChange: o, name: u, value: c, placeholder: i, className: h, validEmptyValue: f, onFocus: v, onBlur: m, error: b }) => {
-  const k = J(null), [w, S] = C(!1), D = R((B, j) => S(!!(b || B && (!j || j === ""))), []);
+}, Ot = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: c, onChange: o, name: u, value: l, placeholder: i, className: h, validEmptyValue: d, onFocus: x, onBlur: j, error: y }) => {
+  const g = z(null), [w, S] = N(!1), D = R((Y, v) => S(!!(y || Y && (!v || v === ""))), []);
   A(() => {
-    D(f, c);
-  }, [c, f, D]);
+    D(d, l);
+  }, [l, d, D]);
   const E = () => {
-    k.current && k.current.focus();
+    g.current && g.current.focus();
   };
   return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-area ${w ? "error" : ""} ${a ? "border" : ""} ${r ? "transparent" : ""} ${h}`, children: [
-    l ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: E, children: l }) : null,
+    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: E, children: c }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "textarea-container", onClick: E, children: /* @__PURE__ */ e.jsx(
       "textarea",
       {
-        ref: k,
+        ref: g,
         readOnly: s,
         required: !0,
         placeholder: i,
         className: `${w ? "error" : ""}`,
         name: u,
-        value: c,
+        value: l,
         onChange: o,
-        onFocus: v,
-        onBlur: m
+        onFocus: x,
+        onBlur: j
       }
     ) })
   ] });
@@ -1005,71 +1005,71 @@ const me = Y("X", [
   /* @__PURE__ */ e.jsx("div", { className: `divider ${r ? "short" : ""}` }),
   s,
   /* @__PURE__ */ e.jsx("div", { className: `divider ${r ? "short" : ""}` })
-] }) : /* @__PURE__ */ e.jsx("div", { style: n, className: `divider ${r ? "short" : ""}` }), rt = ({ name: n, checked: r }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+] }) : /* @__PURE__ */ e.jsx("div", { style: n, className: `divider ${r ? "short" : ""}` }), ct = ({ name: n, checked: r }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
   /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r, readOnly: !0 }),
   /* @__PURE__ */ e.jsx("span", {})
-] }), Rt = ({ name: n, currentValue: r, value: s, onChange: a, readOnly: l, checked: o }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
-  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r === s || o, value: s, onChange: a, readOnly: l }),
+] }), Dt = ({ name: n, currentValue: r, value: s, onChange: a, readOnly: c, checked: o }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r === s || o, value: s, onChange: a, readOnly: c }),
   /* @__PURE__ */ e.jsx("span", {})
-] }), _t = ({ style: n, icon: r, className: s, onClick: a, onContextMenu: l, children: o }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${s} extendedFAB`, onClick: a, onContextMenu: l, children: [
+] }), Mt = ({ style: n, icon: r, className: s, onClick: a, onContextMenu: c, children: o }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${s} extendedFAB`, onClick: a, onContextMenu: c, children: [
   r,
   o ? /* @__PURE__ */ e.jsx("span", { children: o }) : null
-] }), St = ({ children: n, header: r }) => /* @__PURE__ */ e.jsxs("div", { className: "field-container-ui", children: [
+] }), Pt = ({ children: n, header: r }) => /* @__PURE__ */ e.jsxs("div", { className: "field-container-ui", children: [
   /* @__PURE__ */ e.jsx("h4", { children: r }),
   /* @__PURE__ */ e.jsx("div", { className: "field-container-content", children: n })
-] }), st = (n) => n === "" ? [] : n.split(",").map((r) => r.trim()), Qe = (n) => n.join(", "), Ot = ({ minWidth: n, value: r, onChange: s, border: a }) => {
-  const [l, o] = C([]), [u, c] = C("");
+] }), lt = (n) => n === "" ? [] : n.split(",").map((r) => r.trim()), nn = (n) => n.join(", "), At = ({ minWidth: n, value: r, onChange: s, border: a }) => {
+  const [c, o] = N([]), [u, l] = N("");
   A(() => {
-    console.log("p0"), o(st(r));
+    console.log("p0"), o(lt(r));
   }, [r]), A(() => {
-    console.log(l);
-  }, [l]);
-  const i = (v) => {
-    c(v.target.value);
+    console.log(c);
+  }, [c]);
+  const i = (x) => {
+    l(x.target.value);
   }, h = R(() => {
-    if (u === "" || l.includes(u))
+    if (u === "" || c.includes(u))
       return;
-    const v = [...l, u.trim()];
-    o(v), s && s(Qe(v)), c("");
-  }, [l, u]), f = (v) => {
-    const m = l.filter((b, k) => k !== v);
-    o(m), s && s(Qe(m));
+    const x = [...c, u.trim()];
+    o(x), s && s(nn(x)), l("");
+  }, [c, u]), d = (x) => {
+    const j = c.filter((y, g) => g !== x);
+    o(j), s && s(nn(j));
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "more-text", style: { minWidth: n }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "add value", children: [
-      /* @__PURE__ */ e.jsx(rn, { onChange: i, value: u, border: a }),
-      /* @__PURE__ */ e.jsx(Ln, { children: /* @__PURE__ */ e.jsx(Yn, { onClick: h, children: "add" }) })
+      /* @__PURE__ */ e.jsx(an, { onChange: i, value: u, border: a }),
+      /* @__PURE__ */ e.jsx(Un, { children: /* @__PURE__ */ e.jsx(Vn, { onClick: h, children: "add" }) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: l.map((v, m) => /* @__PURE__ */ e.jsx(tt, { text: v, onDelete: () => f(m) }, m)) })
+    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: c.map((x, j) => /* @__PURE__ */ e.jsx(at, { text: x, onDelete: () => d(j) }, j)) })
   ] });
-}, Dt = ({ style: n, text: r, className: s, onClick: a, onContextMenu: l }) => {
-  const o = J(null), u = R(() => {
+}, $t = ({ style: n, text: r, className: s, onClick: a, onContextMenu: c }) => {
+  const o = z(null), u = R(() => {
     if (!o.current)
       return;
-    let c = o.current.getElementsByTagName("p");
-    c[0] && o.current.clientWidth <= c[0].clientWidth ? (c[0].className = "runing", c[0].innerHTML = `| ${r} | ${r}`) : c[0].className = "";
+    let l = o.current.getElementsByTagName("p");
+    l[0] && o.current.clientWidth <= l[0].clientWidth ? (l[0].className = "runing", l[0].innerHTML = `| ${r} | ${r}`) : l[0].className = "";
   }, [r]);
   return A(() => {
     u();
-  }, [u]), /* @__PURE__ */ e.jsx("div", { style: n, ref: o, onClick: a, onContextMenu: l, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: r }) });
-}, Mt = ({ className: n, children: r, height: s }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: s }, children: r }), Pt = ({ onMenu: n, onSearch: r, placeholder: s, autoChenge: a }) => {
-  const l = J(null), [o, u] = C(""), [c, i] = C(!1), h = () => {
-    l.current && (l.current.focus(), i(!0));
-  }, f = () => {
-    l.current && (l.current.focus(), l.current.value = ""), u(""), i(!0), a && r("");
-  }, v = () => {
-    f(), l.current && (l.current.blur(), i(!1));
-  }, m = (k) => {
-    u(k.target.value), a && r(k.target.value);
-  }, b = (k) => {
-    k.code === "Enter" && r(o);
+  }, [u]), /* @__PURE__ */ e.jsx("div", { style: n, ref: o, onClick: a, onContextMenu: c, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: r }) });
+}, Ft = ({ className: n, children: r, height: s }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: s }, children: r }), It = ({ onMenu: n, onSearch: r, placeholder: s, autoChenge: a }) => {
+  const c = z(null), [o, u] = N(""), [l, i] = N(!1), h = () => {
+    c.current && (c.current.focus(), i(!0));
+  }, d = () => {
+    c.current && (c.current.focus(), c.current.value = ""), u(""), i(!0), a && r("");
+  }, x = () => {
+    d(), c.current && (c.current.blur(), i(!1));
+  }, j = (g) => {
+    u(g.target.value), a && r(g.target.value);
+  }, y = (g) => {
+    g.code === "Enter" && r(o);
   };
   return /* @__PURE__ */ e.jsx("div", { className: "search-container", children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
-    c ? /* @__PURE__ */ e.jsx("span", { onClick: v, children: /* @__PURE__ */ e.jsx(Un, { size: 24 }) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(Xn, { size: 24 }) }) : null,
-    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: l, onChange: m, onKeyDown: b, value: o, onFocus: () => i(!0) }),
-    c ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(me, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(et, { size: 24 }) })
+    l ? /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(Gn, { size: 24 }) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(Hn, { size: 24 }) }) : null,
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: c, onChange: j, onKeyDown: y, value: o, onFocus: () => i(!0) }),
+    l ? /* @__PURE__ */ e.jsx("span", { onClick: d, children: /* @__PURE__ */ e.jsx(me, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(rt, { size: 24 }) })
   ] }) });
-}, $t = ({ visible: n, text: r, option: s }) => {
+}, Bt = ({ visible: n, text: r, option: s }) => {
   const a = () => {
     s != null && s.onHide && s.onHide();
   };
@@ -1080,9 +1080,72 @@ const me = Y("X", [
     ] }),
     s != null && s.closeButton ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: a, children: /* @__PURE__ */ e.jsx(me, {}) }) }) : null
   ] }) : null;
-}, At = ({ name: n, onChange: r, checked: s, className: a }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${a}`, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: n, onChange: r, checked: s }) }), U = ({ className: n, children: r, header: s, action: a, onHide: l, style: o }) => {
+}, Yt = ({ name: n, onChange: r, checked: s, className: a }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${a}`, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: n, onChange: r, checked: s }) }), it = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], Wt = ({ multiple: n, value: r, items: s, className: a, onClick: c, onContextMenu: o, onChange: u }) => {
+  const [l, i] = N(it(r)), h = (d) => {
+    c && c(d);
+    const x = d.currentTarget;
+    if (!n) {
+      if (!x.dataset.el)
+        return;
+      i([x.dataset.el]), u && u([x.dataset.el], d);
+      return;
+    }
+    const j = l.filter((g) => g === x.dataset.el);
+    let y = l.slice();
+    j.length > 0 && x.dataset.el ? y = y.filter((g) => g !== x.dataset.el) : x.dataset.el && y.push(x.dataset.el), i(y), u && u(y, d);
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: `sigmentedbutton-container ${a ?? ""}`, children: s.map((d, x) => /* @__PURE__ */ e.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ e.jsxs("button", { "data-el": d, onContextMenu: o, onClick: h, className: `sigmentedbutton-item-button ${l.includes(d) ? "active" : ""}`, children: [
+    l.includes(d) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(ce, {}) }) : null,
+    /* @__PURE__ */ e.jsx("div", { className: "text-container", children: d })
+  ] }, x) }, x)) });
+}, cn = (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, ln = (n, r, s, a) => {
+  let c = { x: n, y: r };
+  if (!s)
+    return c;
+  let o = Number(window.getComputedStyle(s).getPropertyValue("height").replace("px", "")), u = Number(window.getComputedStyle(s).getPropertyValue("width").replace("px", "")), l = r + o - document.documentElement.scrollHeight, i = n + u - document.documentElement.clientWidth;
+  return l > 0 && (c.y = c.y - l - ((a == null ? void 0 : a.marginBottom) ?? 0)), i > 0 && (c.x = c.x - i - ((a == null ? void 0 : a.marginRight) ?? 0)), c;
+};
+function ot(n, r, s, a, c) {
+  return a + (c - a) * ((n - r) / (s - r));
+}
+const we = 0, Ee = 100, Vt = (n) => {
+  const [r, s] = N(0), [a, c] = N(!1), o = z(null), u = z(null);
+  A(() => {
+    s(n.value);
+  }, [n.value]);
+  const l = (x) => {
+    s(Number(x.target.value)), n.onChange(x);
+  }, i = (x, j, y) => {
+    if (o.current && u.current) {
+      let g = cn(u.current);
+      if (g)
+        return ot(x, j, y, 0, y - j) * (g.width - 20) / (y - j);
+    }
+    return 0;
+  }, h = R((x) => {
+    c(!0), n.onFocus && n.onFocus(x);
+  }, [n.onFocus]), d = R((x) => {
+    c(!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 ?? we }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "field-range-container", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: o, style: { width: i(r, n.min ?? we, n.max ?? Ee) }, children: /* @__PURE__ */ e.jsxs("div", { className: "slider-tooltip", style: { display: a ? "block" : "none" }, children: [
+        /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-container" }),
+        /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-value", children: r })
+      ] }) }),
+      /* @__PURE__ */ e.jsx("input", { onMouseUp: n.onMouseUp, ref: u, step: n.step, type: "range", min: n.min ?? we, max: n.max ?? Ee, onChange: l, value: r, onFocus: h, onBlur: d })
+    ] }),
+    n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? Ee }) : null
+  ] }) });
+}, J = ({ className: n, children: r, header: s, action: a, onHide: c, style: o }) => {
   function u() {
-    l && l();
+    c && c();
   }
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { onClick: u, style: { zIndex: "999" }, className: "backplate" }),
@@ -1092,12 +1155,12 @@ const me = Y("X", [
       a ? /* @__PURE__ */ e.jsx("div", { className: "dialog-action", children: a }) : null
     ] })
   ] });
-}, at = ({ onHide: n, onSave: r }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+}, ut = ({ onHide: n, onSave: r }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
   /* @__PURE__ */ e.jsx(P, { onClick: n, children: "cancel" }),
   r ? /* @__PURE__ */ e.jsx(P, { onClick: r, children: "save" }) : null
-] }), Ft = ({ style: n, className: r, header: s, children: a, onSave: l, onHide: o }) => {
-  const [u, c] = C(!1), i = R(() => {
-    window.innerWidth < 720 ? c(!0) : c(!1);
+] }), Lt = ({ style: n, className: r, header: s, children: a, onSave: c, onHide: o }) => {
+  const [u, l] = N(!1), i = R(() => {
+    window.innerWidth < 720 ? l(!0) : l(!1);
   }, [window.innerWidth]);
   A(() => {
     i();
@@ -1106,67 +1169,67 @@ const me = Y("X", [
   }), [i]);
   const h = () => {
     o && o();
-  }, f = () => {
-    l && l();
+  }, d = () => {
+    c && c();
   };
   return u ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `full-screen-dialog-container ${r}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog-header", children: [
       /* @__PURE__ */ e.jsx("div", { className: "dialog-icon-container", children: /* @__PURE__ */ e.jsx(ae, { transparent: !0, onClick: h, icon: /* @__PURE__ */ e.jsx(me, {}) }) }),
       /* @__PURE__ */ e.jsx("div", { className: "header", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: l ? /* @__PURE__ */ e.jsx(P, { onClick: f, children: "save" }) : null })
+      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__PURE__ */ e.jsx(P, { onClick: d, children: "save" }) : null })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: a })
-  ] }) : /* @__PURE__ */ e.jsx(U, { style: n, header: s, className: `full-screen-dialog-base-format ${r}`, onHide: h, children: a, action: /* @__PURE__ */ e.jsx(at, { onHide: h, onSave: l ? f : void 0 }) });
-}, It = ({ styleContainer: n, text: r, header: s, actionText: a, onSuccess: l, onHide: o, onCancel: u }) => {
-  const c = R(() => {
-    l && l(), o && o();
+  ] }) : /* @__PURE__ */ e.jsx(J, { style: n, header: s, className: `full-screen-dialog-base-format ${r}`, onHide: h, children: a, action: /* @__PURE__ */ e.jsx(ut, { onHide: h, onSave: c ? d : void 0 }) });
+}, zt = ({ styleContainer: n, text: r, header: s, actionText: a, onSuccess: c, onHide: o, onCancel: u }) => {
+  const l = R(() => {
+    c && c(), o && o();
   }, []), i = R(() => {
     u && u(), o && o();
   }, []);
-  return /* @__PURE__ */ e.jsx(U, { style: n, header: s, action: /* @__PURE__ */ e.jsx(ct, { onHide: i, actionText: a, onSuccess: c }), children: /* @__PURE__ */ e.jsx("p", { children: r }) });
+  return /* @__PURE__ */ e.jsx(J, { style: n, header: s, action: /* @__PURE__ */ e.jsx(dt, { onHide: i, actionText: a, onSuccess: l }), children: /* @__PURE__ */ e.jsx("p", { children: r }) });
 };
-function ct({ actionText: n, onSuccess: r, onHide: s }) {
+function dt({ actionText: n, onSuccess: r, onHide: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
     /* @__PURE__ */ e.jsx(P, { onClick: s, children: "cancel" }),
     /* @__PURE__ */ e.jsx(P, { onClick: r, children: n ?? "OK" })
   ] });
 }
-function Yt({ onSuccess: n, items: r, header: s, onHide: a, noHide: l = !1, name: o = "dailog_name" }) {
-  const [u, c] = C(void 0), i = R(() => {
-    n && u && n(u), c(void 0), !l && a && a();
-  }, [u]), h = R((f) => {
-    c(f);
+function Ut({ onSuccess: n, items: r, header: s, onHide: a, noHide: c = !1, name: o = "dailog_name" }) {
+  const [u, l] = N(void 0), i = R(() => {
+    n && u && n(u), l(void 0), !c && a && a();
+  }, [u]), h = R((d) => {
+    l(d);
   }, []);
-  return /* @__PURE__ */ e.jsxs(U, { header: s, action: /* @__PURE__ */ e.jsx(it, { onHide: a, onSuccess: i, disabled: u === void 0 }), children: [
+  return /* @__PURE__ */ e.jsxs(J, { header: s, action: /* @__PURE__ */ e.jsx(ft, { onHide: a, onSuccess: i, disabled: u === void 0 }), children: [
     /* @__PURE__ */ e.jsx(he, { style: { padding: "0px" } }),
-    /* @__PURE__ */ e.jsx(Bn, { className: "transparent", scroll: !0, maxHeight: "200px", children: r.map((f, v) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(Wn, { hovered: !0, header: f.title, onClick: () => h(f.data), control: /* @__PURE__ */ e.jsx(rt, { name: o, checked: f.data === u }) }) }, v)) }),
+    /* @__PURE__ */ e.jsx(Ln, { className: "transparent", scroll: !0, maxHeight: "200px", children: r.map((d, x) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(zn, { hovered: !0, header: d.title, onClick: () => h(d.data), control: /* @__PURE__ */ e.jsx(ct, { name: o, checked: d.data === u }) }) }, x)) }),
     /* @__PURE__ */ e.jsx(he, { style: { padding: "0px" } })
   ] });
 }
-function it({ onSuccess: n, onHide: r, disabled: s }) {
+function ft({ onSuccess: n, onHide: r, disabled: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
     /* @__PURE__ */ e.jsx(P, { onClick: r, children: "cancel" }),
     /* @__PURE__ */ e.jsx(P, { onClick: n, disabled: s, children: "OK" })
   ] });
 }
-const Bt = ({ styleContainer: n, text: r, header: s, onSuccess: a, onHide: l, placeholder: o, type: u = "text", min: c = 0, max: i = 100 }) => {
-  const [h, f] = C(""), v = R(() => {
-    a && a(h), l && l();
-  }, [h]), m = (b) => {
-    u === "number" && (Number(b) < c && (b = String(c)), Number(b) > i && (b = String(i))), f(b);
+const Kt = ({ styleContainer: n, text: r, header: s, onSuccess: a, onHide: c, placeholder: o, type: u = "text", min: l = 0, max: i = 100 }) => {
+  const [h, d] = N(""), x = R(() => {
+    a && a(h), c && c();
+  }, [h]), j = (y) => {
+    u === "number" && (Number(y) < l && (y = String(l)), Number(y) > i && (y = String(i))), d(y);
   };
-  return /* @__PURE__ */ e.jsxs(U, { style: n, header: s, action: /* @__PURE__ */ e.jsx(lt, { onHide: l, onSuccess: v }), children: [
+  return /* @__PURE__ */ e.jsxs(J, { style: n, header: s, action: /* @__PURE__ */ e.jsx(ht, { onHide: c, onSuccess: x }), children: [
     /* @__PURE__ */ e.jsx("p", { children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(rn, { max: i, min: c, type: u, border: !0, placeholder: o, value: h, onChange: (b) => m(b.target.value) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(an, { max: i, min: l, type: u, border: !0, placeholder: o, value: h, onChange: (y) => j(y.target.value) }) })
   ] });
 };
-function lt({ onSuccess: n, onHide: r }) {
+function ht({ onSuccess: n, onHide: r }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
     /* @__PURE__ */ e.jsx(P, { onClick: r, children: "cancel" }),
     /* @__PURE__ */ e.jsx(P, { onClick: n, children: "OK" })
   ] });
 }
-const ot = 2050, en = 1900, V = [
+const xt = 2050, tn = 1900, L = [
   "January",
   "February",
   "March",
@@ -1179,58 +1242,58 @@ const ot = 2050, en = 1900, V = [
   "October",
   "November",
   "December"
-], ut = () => Array(ot - en).fill(0).map((n, r) => en + r), Wt = ({ onChange: n, onHide: r }) => {
-  const [s] = C(V[(/* @__PURE__ */ new Date()).getMonth()]), [a] = C((/* @__PURE__ */ new Date()).getFullYear()), [l] = C((/* @__PURE__ */ new Date()).getDate()), [o, u] = C(V[(/* @__PURE__ */ new Date()).getMonth()]), [c, i] = C((/* @__PURE__ */ new Date()).getFullYear()), [h, f] = C({
+], mt = () => Array(xt - tn).fill(0).map((n, r) => tn + r), Xt = ({ onChange: n, onHide: r }) => {
+  const [s] = N(L[(/* @__PURE__ */ new Date()).getMonth()]), [a] = N((/* @__PURE__ */ new Date()).getFullYear()), [c] = N((/* @__PURE__ */ new Date()).getDate()), [o, u] = N(L[(/* @__PURE__ */ new Date()).getMonth()]), [l, i] = N((/* @__PURE__ */ new Date()).getFullYear()), [h, d] = N({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
-  }), [v, m] = C(
+  }), [x, j] = N(
     "DAYS"
     /* DAYS */
-  ), b = (j, _) => new Date(j, _ + 1, 0).getDate(), k = (j, _, W) => new Date(j, _, W).getDay(), w = (j, _) => {
-    let W = Array(b(j, _)).fill(0).map((ie, K) => ({ type: "NOW_MONTH", day: K + 1 })), z = k(j, _, b(j, _)), Q = Array(7 - z).fill(0).map((ie, K) => ({ type: "NEXT_MONTH", day: K + 1 }));
-    return W = Array(k(j, _, 0)).fill(0).map((ie, K) => ({ type: "PREV_MONTH", day: b(_ ? j : j - 1, _ ? _ - 1 : 11) - K })).reverse().concat(W).concat(Q), W;
-  }, S = (j) => {
-    m(
+  ), y = (v, _) => new Date(v, _ + 1, 0).getDate(), g = (v, _, W) => new Date(v, _, W).getDay(), w = (v, _) => {
+    let W = Array(y(v, _)).fill(0).map((ie, K) => ({ type: "NOW_MONTH", day: K + 1 })), U = g(v, _, y(v, _)), Q = Array(7 - U).fill(0).map((ie, K) => ({ type: "NEXT_MONTH", day: K + 1 }));
+    return W = Array(g(v, _, 0)).fill(0).map((ie, K) => ({ type: "PREV_MONTH", day: y(_ ? v : v - 1, _ ? _ - 1 : 11) - K })).reverse().concat(W).concat(Q), W;
+  }, S = (v) => {
+    j(
       "DAYS"
       /* DAYS */
-    ), i(j);
-  }, D = (j) => {
-    m(
+    ), i(v);
+  }, D = (v) => {
+    j(
       "DAYS"
       /* DAYS */
-    ), u(j);
-  }, E = (j) => {
-    f(j);
-  }, B = R(() => {
-    let j = /* @__PURE__ */ new Date();
-    j.setFullYear(c), h.type === "NEXT_MONTH" ? o === V[11] ? (j.setMonth(0), j.setFullYear(c + 1)) : j.setMonth(V.indexOf(o) + 1) : h.type === "PREV_MONTH" ? o === V[0] ? (j.setMonth(11), j.setFullYear(c - 1)) : j.setMonth(V.indexOf(o) - 1) : j.setMonth(V.indexOf(o)), j.setDate(h.day), n && n(j.getFullYear(), j.getMonth(), j.getDate()), r && r();
-  }, [o, c, n, r, h]);
-  return /* @__PURE__ */ e.jsxs(U, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
+    ), u(v);
+  }, E = (v) => {
+    d(v);
+  }, Y = R(() => {
+    let v = /* @__PURE__ */ new Date();
+    v.setFullYear(l), h.type === "NEXT_MONTH" ? o === L[11] ? (v.setMonth(0), v.setFullYear(l + 1)) : v.setMonth(L.indexOf(o) + 1) : h.type === "PREV_MONTH" ? o === L[0] ? (v.setMonth(11), v.setFullYear(l - 1)) : v.setMonth(L.indexOf(o) - 1) : v.setMonth(L.indexOf(o)), v.setDate(h.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), r && r();
+  }, [o, l, n, r, h]);
+  return /* @__PURE__ */ e.jsxs(J, { 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: v === "MONTHS" ? "active" : "", onClick: () => m(
+      /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: x === "MONTHS" ? "active" : "", onClick: () => j(
         "MONTHS"
         /* MONTHS */
       ), children: [
         o,
         " ",
-        /* @__PURE__ */ e.jsx(Ze, {})
+        /* @__PURE__ */ e.jsx(en, {})
       ] }) }),
-      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: v === "YEARS" ? "active" : "", onClick: () => m(
+      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: x === "YEARS" ? "active" : "", onClick: () => j(
         "YEARS"
         /* YEARS */
       ), children: [
-        c,
+        l,
         " ",
-        /* @__PURE__ */ e.jsx(Ze, {})
+        /* @__PURE__ */ e.jsx(en, {})
       ] }) })
     ] }),
-    v === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: V.map((j, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => D(j), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === j ? /* @__PURE__ */ e.jsx(fe, {}) : null }),
-      /* @__PURE__ */ e.jsx("div", { className: "content", children: j })
-    ] }, _)) }) : v === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: ut().map((j, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => S(j), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === j ? /* @__PURE__ */ e.jsx(fe, {}) : null }),
-      /* @__PURE__ */ e.jsx("div", { className: "content", children: j })
+    x === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: L.map((v, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => D(v), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === v ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: v })
+    ] }, _)) }) : x === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: mt().map((v, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => S(v), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === v ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: v })
     ] }, _)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
         /* @__PURE__ */ e.jsx("span", { children: "M" }),
@@ -1241,19 +1304,19 @@ const ot = 2050, en = 1900, V = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: w(c, V.indexOf(o)).map((j, _) => /* @__PURE__ */ e.jsx("div", { className: `day ${j.type !== "NOW_MONTH" ? "other" : ""} ${l === j.day && c === a && o === s ? "now" : ""} ${j.day === h.day && j.type === h.type ? "select" : ""}`, onClick: () => E(j), children: j.day }, _)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: w(l, L.indexOf(o)).map((v, _) => /* @__PURE__ */ e.jsx("div", { className: `day ${v.type !== "NOW_MONTH" ? "other" : ""} ${c === v.day && l === a && o === s ? "now" : ""} ${v.day === h.day && v.type === h.type ? "select" : ""}`, onClick: () => E(v), children: v.day }, _)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
       /* @__PURE__ */ e.jsx(P, { className: "little m-0", onClick: r, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(P, { className: "little m-0", onClick: B, children: "OK" })
+      /* @__PURE__ */ e.jsx(P, { className: "little m-0", onClick: Y, children: "OK" })
     ] })
   ] });
-}, dt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: l, onCancel: o, onOK: u }) => {
-  const [c, i] = C(!1), h = R((m) => {
-    n(m), i(!0);
-  }, [n]), f = R((m) => {
-    r(m), i(!1);
-  }, [r]), v = R(() => {
+}, jt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: c, onCancel: o, onOK: u }) => {
+  const [l, i] = N(!1), h = R((j) => {
+    n(j), i(!0);
+  }, [n]), d = R((j) => {
+    r(j), i(!1);
+  }, [r]), x = R(() => {
     i(!1), o();
   }, []);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -1265,19 +1328,19 @@ const ot = 2050, en = 1900, V = [
       ] }),
       /* @__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: l, min: 0, max: 60 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", value: c, min: 0, max: 60 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(ht, { setMinutes: f }) : /* @__PURE__ */ e.jsx(ft, { setHours: h }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: l ? /* @__PURE__ */ e.jsx(pt, { setMinutes: d }) : /* @__PURE__ */ e.jsx(vt, { 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(Zn, {}) }),
-      /* @__PURE__ */ e.jsx(P, { className: "little", onClick: v, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(nt, {}) }),
+      /* @__PURE__ */ e.jsx(P, { className: "little", onClick: x, children: "Cancel" }),
       /* @__PURE__ */ e.jsx(P, { className: "little", onClick: u, children: "OK" })
     ] })
   ] });
 };
-function ft({ setHours: n }) {
+function vt({ 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" }),
@@ -1310,7 +1373,7 @@ function ft({ setHours: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-function ht({ setMinutes: n }) {
+function pt({ 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" }),
@@ -1329,19 +1392,19 @@ function ht({ setMinutes: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-const xt = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: l, onCancel: o, onOK: u }) => {
-  const c = (h) => {
-    let f = Number(h.target.value);
-    f < 0 && (f = 0), f > 23 && (f = 23), n(f);
+const yt = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: c, onCancel: o, onOK: u }) => {
+  const l = (h) => {
+    let d = Number(h.target.value);
+    d < 0 && (d = 0), d > 23 && (d = 23), n(d);
   }, i = (h) => {
-    let f = Number(h.target.value);
-    f < 0 && (f = 0), f > 59 && (f = 59), r(f);
+    let d = Number(h.target.value);
+    d < 0 && (d = 0), d > 59 && (d = 59), r(d);
   };
   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: l, onChange: c }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: c, onChange: l }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
@@ -1351,28 +1414,28 @@ const xt = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: l, o
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(Gn, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(Qn, {}) }),
       /* @__PURE__ */ e.jsx(P, { className: "little", onClick: o, children: "Cancel" }),
       /* @__PURE__ */ e.jsx(P, { className: "little", onClick: u, children: "OK" })
     ] })
   ] });
-}, Lt = (n) => {
-  const [r, s] = C(n.minutes ?? 0), [a, l] = C(n.hours ?? 0), [o, u] = C(!0), c = () => {
-    n.onHide && n.onHide(), s(0), l(0);
-  }, i = R((f) => {
-    s(f), n.onChange && n.onChange(a, f), n.onHide && n.onHide();
+}, qt = (n) => {
+  const [r, s] = N(n.minutes ?? 0), [a, c] = N(n.hours ?? 0), [o, u] = N(!0), l = () => {
+    n.onHide && n.onHide(), s(0), c(0);
+  }, i = R((d) => {
+    s(d), n.onChange && n.onChange(a, d), n.onHide && n.onHide();
   }, [a]), h = R(() => {
     n.onChange && n.onChange(a, r), n.onHide && n.onHide();
   }, [a, r]);
-  return o ? /* @__PURE__ */ e.jsx(U, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(dt, { setMinutes: i, setHours: l, minutes: r, hours: a, switchMode: () => u(!1), onCancel: c, onOK: h }) }) : /* @__PURE__ */ e.jsx(U, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(xt, { setMinutes: s, setHours: l, minutes: r, hours: a, switchMode: () => u(!0), onCancel: c, onOK: h }) });
-}, Vt = ({ onChange: n, value: r, className: s }) => {
-  const [a, l] = C(r || []), o = R((c) => {
-    if (!c)
+  return o ? /* @__PURE__ */ e.jsx(J, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(jt, { setMinutes: i, setHours: c, minutes: r, hours: a, switchMode: () => u(!1), onCancel: l, onOK: h }) }) : /* @__PURE__ */ e.jsx(J, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(yt, { setMinutes: s, setHours: c, minutes: r, hours: a, switchMode: () => u(!0), onCancel: l, onOK: h }) });
+}, Jt = ({ onChange: n, value: r, className: s }) => {
+  const [a, c] = N(r || []), o = R((l) => {
+    if (!l)
       return;
     let i = a.slice();
-    const h = i.indexOf(c.target.name);
-    h !== -1 && !c.target.checked ? i = i.filter((f, v) => v !== h) : h === -1 && c.target.checked && i.push(c.target.name), l(i), n && n(i);
-  }, [a]), u = R((c) => a.indexOf(c) !== -1, [a]);
+    const h = i.indexOf(l.target.name);
+    h !== -1 && !l.target.checked ? i = i.filter((d, x) => x !== h) : h === -1 && l.target.checked && i.push(l.target.name), c(i), n && n(i);
+  }, [a]), u = R((l) => a.indexOf(l) !== -1, [a]);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: `days-week-field-container ${s}`, children: [
     /* @__PURE__ */ e.jsxs("label", { children: [
       /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: o, name: "Mon", checked: u("Mon") }),
@@ -1403,109 +1466,98 @@ const xt = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: l, o
       /* @__PURE__ */ e.jsx("span", { children: "Sun" })
     ] })
   ] }) });
-}, zt = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), Kt = ({ minWith: n, children: r, className: s, gridRowGap: a = "10px", gridColumnGap: l = "5px", itemMinWith: o, itemMaxWith: u, itemWith: c = "400px" }) => {
-  const i = J(null), [h, f] = C([]), v = R(() => {
+}, Ht = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), Gt = ({ minWith: n, children: r, className: s, gridRowGap: a = "10px", gridColumnGap: c = "5px", itemMinWith: o, itemMaxWith: u, itemWith: l = "400px" }) => {
+  const i = z(null), [h, d] = N([]), x = R(() => {
     if (!i.current)
       return;
-    i.current.style.display = "grid", i.current.style.gridRowGap = a, i.current.style.gridColumnGap = l;
-    let k = o ?? c, w = u ?? c;
-    i.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + k + ", " + w + "))", i.current.style.gridAutoRows = "0", h.forEach((S) => {
+    i.current.style.display = "grid", i.current.style.gridRowGap = a, i.current.style.gridColumnGap = c;
+    let g = o ?? l, w = u ?? l;
+    i.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + g + ", " + w + "))", i.current.style.gridAutoRows = "0", h.forEach((S) => {
       S.style.gridAutoRows = "0", S.style.gridAutoColumns = "0";
     });
-  }, [i.current]), m = R(() => {
+  }, [i.current]), j = R(() => {
     if (!i.current)
       return;
-    let k = parseInt(window.getComputedStyle(i.current).getPropertyValue("grid-row-gap")), w = parseInt(window.getComputedStyle(i.current).getPropertyValue("grid-auto-rows"));
+    let g = parseInt(window.getComputedStyle(i.current).getPropertyValue("grid-row-gap")), w = parseInt(window.getComputedStyle(i.current).getPropertyValue("grid-auto-rows"));
     h.forEach((S) => {
       let D = 0, E = S.querySelector(".adaptiv-grid-item-container");
-      E && (D = Math.ceil((E.getBoundingClientRect().height + k) / (w + k))), S.style.gridRowEnd = "span " + D;
+      E && (D = Math.ceil((E.getBoundingClientRect().height + g) / (w + g))), S.style.gridRowEnd = "span " + D;
     });
-  }, [h, i.current]), b = R(() => {
+  }, [h, i.current]), y = R(() => {
     if (i.current) {
-      let k = i.current.querySelectorAll(".adaptiv-grid-item");
-      f(Array.prototype.slice.call(k, 0));
+      let g = i.current.querySelectorAll(".adaptiv-grid-item");
+      d(Array.prototype.slice.call(g, 0));
     }
   }, [i.current, r]);
   return A(() => {
-    b();
-  }, [b]), A(() => {
-    v();
-  }, [v]), A(() => {
-    m();
-  }, [m, r]), A(() => (window.addEventListener("resize", m), () => {
-    window.addEventListener("resize", m);
-  }), [m]), /* @__PURE__ */ e.jsx("div", { style: { minWidth: n }, ref: i, className: `adaptiv-grid-layout ${s}`, children: r });
-}, mt = ({ item: n, isIcon: r, globalClick: s }) => {
+    y();
+  }, [y]), A(() => {
+    x();
+  }, [x]), A(() => {
+    j();
+  }, [j, r]), A(() => (window.addEventListener("resize", j), () => {
+    window.addEventListener("resize", j);
+  }), [j]), /* @__PURE__ */ e.jsx("div", { style: { minWidth: n }, ref: i, className: `adaptiv-grid-layout ${s}`, children: r });
+}, gt = ({ item: n, isIcon: r, globalClick: s }) => {
   const a = () => {
     n.onClick && n.onClick(), s && s();
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "menu-sub-item", onClick: a, children: [
     r ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: n.icon }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: n.title }),
-    /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(fe, {}) : null })
+    /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(ce, {}) : null })
   ] });
-}, jt = (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, sn = (n, r, s, a) => {
-  let l = { x: n, y: r };
-  if (!s)
-    return l;
-  let o = Number(window.getComputedStyle(s).getPropertyValue("height").replace("px", "")), u = Number(window.getComputedStyle(s).getPropertyValue("width").replace("px", "")), c = r + o - document.documentElement.scrollHeight, i = n + u - document.documentElement.clientWidth;
-  return c > 0 && (l.y = l.y - c - ((a == null ? void 0 : a.marginBottom) ?? 0)), i > 0 && (l.x = l.x - i - ((a == null ? void 0 : a.marginRight) ?? 0)), l;
-}, vt = ({ items: n, onHide: r, smallDisplay: s, globalClick: a }) => {
-  const l = J(null), [o, u] = C({ left: "0px", top: "0px" });
-  function c(i) {
+}, bt = ({ items: n, onHide: r, smallDisplay: s, globalClick: a }) => {
+  const c = z(null), [o, u] = N({ left: "0px", top: "0px" });
+  function l(i) {
     for (let h of i)
       if (h.icon)
         return !0;
     return !1;
   }
   return A(() => {
-    if (!l.current)
+    if (!c.current)
       return;
-    let i = jt(l.current.parentElement);
+    let i = cn(c.current.parentElement);
     if (!i)
       return;
-    let h = sn(i.left + i.width, i.top, l.current, { marginRight: i.width });
+    let h = ln(i.left + i.width, i.top, c.current, { marginRight: i.width });
     u({
       left: h.x - i.left + "px",
       top: h.y - i.top + "px"
     });
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: l, className: "menu-sub-block", style: { ...o }, children: n.map((i, h) => /* @__PURE__ */ e.jsx(mt, { item: i, isIcon: c(n), globalClick: a }, h)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: c, className: "menu-sub-block", style: { ...o }, children: n.map((i, h) => /* @__PURE__ */ e.jsx(gt, { item: i, isIcon: l(n), globalClick: a }, h)) }),
     s ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "backplate", onClick: r })
   ] });
-}, pt = ({ onHide: n, autoHide: r, globalClick: s, item: a, isIcon: l, smallDisplay: o }) => {
-  const [u, c] = C(!1), i = R(() => {
-    a.subItems ? c((h) => !h) : a.onClick && a.onClick(), s && s(), r && n && n();
+}, kt = ({ onHide: n, autoHide: r, globalClick: s, item: a, isIcon: c, smallDisplay: o }) => {
+  const [u, l] = N(!1), i = R(() => {
+    a.subItems ? l((h) => !h) : a.onClick && a.onClick(), s && s(), r && n && n();
   }, [a.onClick]);
   return /* @__PURE__ */ e.jsxs("div", { className: "menu-item-conatiner", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "menu-item", onClick: i, children: [
-      l ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
+      c ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: a.title }),
-      /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: a.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-status-submenu ${u ? "active" : ""}` }) : a.activated ? /* @__PURE__ */ e.jsx(fe, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
+      /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: a.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-status-submenu ${u ? "active" : ""}` }) : a.activated ? /* @__PURE__ */ e.jsx(ce, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
     ] }),
-    u && a.subItems ? /* @__PURE__ */ e.jsx(vt, { items: a.subItems, onHide: () => c(!1), smallDisplay: o }) : null
+    u && a.subItems ? /* @__PURE__ */ e.jsx(bt, { items: a.subItems, onHide: () => l(!1), smallDisplay: o }) : null
   ] });
 };
-function an({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: l }) {
+function on({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: c }) {
   function o(u) {
-    for (let c of u.items)
-      if (c.icon)
+    for (let l of u.items)
+      if (l.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((u, c) => /* @__PURE__ */ e.jsx(pt, { globalClick: a, autoHide: l, onHide: s, item: u, isIcon: o(n), smallDisplay: r }, c)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((u, l) => /* @__PURE__ */ e.jsx(kt, { globalClick: a, autoHide: c, onHide: s, item: u, isIcon: o(n), smallDisplay: r }, l)) });
 }
-const yt = 100, qt = (n) => {
-  const r = J(null), [s, a] = C({ left: "0px", top: "0px" }), l = () => {
+const Nt = 100, Zt = (n) => {
+  const r = z(null), [s, a] = N({ left: "0px", top: "0px" }), c = () => {
     n.onHide && n.onHide();
   };
   return A(() => {
-    let o = sn(n.x, n.y, r.current, { marginBottom: yt });
+    let o = ln(n.x, n.y, r.current, { marginBottom: Nt });
     a({
       left: o.x + "px",
       top: o.y + "px"
@@ -1513,114 +1565,117 @@ const yt = 100, qt = (n) => {
   }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { ref: r, className: "menu-container", style: { ...s, opacity: s.top !== "0px" ? "100%" : "0%", width: n.width, maxWidth: n.width ? "100%" : void 0 }, children: n.blocks.map((o, u) => /* @__PURE__ */ e.jsxs(xe.Fragment, { children: [
       u !== 0 ? /* @__PURE__ */ e.jsx(he, {}) : null,
-      /* @__PURE__ */ e.jsx(an, { block: o, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: l })
+      /* @__PURE__ */ e.jsx(on, { block: o, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: c })
     ] }, u)) }),
-    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: l, onContextMenu: (o) => {
+    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: c, onContextMenu: (o) => {
       o.preventDefault();
     } })
   ] }) : null;
-}, Xt = (n) => {
+}, Qt = (n) => {
   const r = () => {
   };
-  return /* @__PURE__ */ e.jsx(Vn, { onHide: n.onHide || r, visible: n.visible, children: /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-menu-container", children: n.blocks.map((s, a) => /* @__PURE__ */ e.jsxs(xe.Fragment, { children: [
+  return /* @__PURE__ */ e.jsx(Kn, { onHide: n.onHide || r, visible: n.visible, children: /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-menu-container", children: n.blocks.map((s, a) => /* @__PURE__ */ e.jsxs(xe.Fragment, { children: [
     a !== 0 ? /* @__PURE__ */ e.jsx(he, {}) : null,
-    /* @__PURE__ */ e.jsx(an, { block: s, smallDisplay: !0 })
+    /* @__PURE__ */ e.jsx(on, { block: s, smallDisplay: !0 })
   ] }, a)) }) });
 };
-function gt(n) {
+function Ct(n) {
   let r = [];
   if (n.length > 0)
     for (let s of n)
       for (let a in s) {
-        let l = !1;
+        let c = !1;
         for (let o of r)
-          o.field === a && (l = !0);
-        l || r.push({
+          o.field === a && (c = !0);
+        c || r.push({
           title: a,
           field: a
         });
       }
   return r;
 }
-const bt = ({ data: n, column: r, color: s, backgroundColor: a }) => {
-  function l(c, i) {
+const wt = ({ data: n, column: r, color: s, backgroundColor: a }) => {
+  function c(l, i) {
     for (let h in i)
-      if (c === h)
+      if (l === h)
         return i[h];
   }
-  function o(c) {
-    return typeof c == "number" || typeof c == "string" ? { content: c } : c;
+  function o(l) {
+    return typeof l == "number" || typeof l == "string" ? { content: l } : l;
   }
-  function u(c) {
-    return c ? Array.isArray(c) ? c.map((i) => o(i)) : [o(c)] : [];
+  function u(l) {
+    return l ? Array.isArray(l) ? l.map((i) => o(i)) : [o(l)] : [];
   }
-  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: a }, children: u(l(r.field, n)).map((c, i) => /* @__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, {}) }, i)) });
-}, kt = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: l, onEdit: o, onClickRow: u, index: c }) => {
-  const i = (f) => !f.target.closest(".no-click"), h = (f) => {
-    i(f) && u && u(r, c);
+  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: a }, children: u(c(r.field, n)).map((l, i) => /* @__PURE__ */ e.jsx("p", { style: { color: l.color ?? s }, className: l.onClick ? "no-click" : "", onClick: l.onClick, children: typeof l.content == "string" || typeof l.content == "number" ? l.content : /* @__PURE__ */ e.jsx(l.content, {}) }, i)) });
+}, Et = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: c, onEdit: o, onClickRow: u, index: l }) => {
+  const i = (d) => !d.target.closest(".no-click"), h = (d) => {
+    i(d) && u && u(r, l);
   };
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: h, children: [
-    s.map((f, v) => /* @__PURE__ */ e.jsx(bt, { color: f.color, backgroundColor: f.backgroundColor, column: f, data: r }, v)),
-    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((f, v) => /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: f.icon, onClick: (m) => f.onClick(m, r, c) }, v)) }) }) : null,
-    a || l || o ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
-      o ? /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Qn, {}), onClick: () => o(r, c) }) : null,
-      l ? /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: /* @__PURE__ */ e.jsx(nt, { className: "text-red-500" }), onClick: () => l(r, c) }) : null,
-      a ? /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Hn, {}), onClick: (f) => a(f, r, c) }) : null
+    s.map((d, x) => /* @__PURE__ */ e.jsx(wt, { color: d.color, backgroundColor: d.backgroundColor, column: d, data: r }, x)),
+    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((d, x) => /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: d.icon, onClick: (j) => d.onClick(j, r, l) }, x)) }) }) : null,
+    a || c || o ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
+      o ? /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: /* @__PURE__ */ e.jsx(tt, {}), onClick: () => o(r, l) }) : null,
+      c ? /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: /* @__PURE__ */ e.jsx(st, { className: "text-red-500" }), onClick: () => c(r, l) }) : null,
+      a ? /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: /* @__PURE__ */ e.jsx(et, {}), onClick: (d) => a(d, r, l) }) : null
     ] }) }) : null
   ] });
-}, Ut = ({ data: n, columns: r, onDelete: s, onContextMenu: a, onEdit: l, actions: o, onClickRow: u, adaptive: c }) => {
-  const [i] = C(r ?? gt(n));
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${u ? "clicked" : ""} ${c ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+}, er = ({ data: n, columns: r, onDelete: s, onContextMenu: a, onEdit: c, actions: o, onClickRow: u, adaptive: l }) => {
+  const [i] = N(r ?? Ct(n));
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${u ? "clicked" : ""} ${l ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
-      i.map((h, f) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, f)),
+      i.map((h, d) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, d)),
       o ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }) : null,
-      s || a || l ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
+      s || a || c ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
     ] }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, f) => /* @__PURE__ */ e.jsx(kt, { onClickRow: u, actions: o, index: f, columns: i, item: h, onDelete: s, onContextMenu: a, onEdit: l }, f)) })
+    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, d) => /* @__PURE__ */ e.jsx(Et, { onClickRow: u, actions: o, index: d, columns: i, item: h, onDelete: s, onContextMenu: a, onEdit: c }, d)) })
   ] }) });
 };
 export {
-  Ln as BaseActionCard,
-  ce as BaseButton,
-  It as BaseDialog,
-  rt as BaseRadioButton,
-  U as BasicTemplateDialog,
-  wt as BigContainer,
-  Vn as BottomSheetsUi,
-  Yn as Button,
-  Ct as Card,
-  Et as Checkbox,
-  tt as Chips,
-  Vt as DayOfWeekField,
+  Un as BaseActionCard,
+  le as BaseButton,
+  zt as BaseDialog,
+  ct as BaseRadioButton,
+  J as BasicTemplateDialog,
+  _t as BigContainer,
+  Kn as BottomSheetsUi,
+  Vn as Button,
+  Rt as Card,
+  St as Checkbox,
+  at as Chips,
+  Jt as DayOfWeekField,
   he as Divider,
-  _t as FAB,
-  St as FieldContainer,
-  In as FilledButton,
-  Fn as FilledTotalButton,
-  Ft as FullScrinTemplateDialog,
-  Kt as GridLayout,
-  zt as GridLayoutItem,
+  Mt as FAB,
+  Pt as FieldContainer,
+  Wn as FilledButton,
+  Yn as FilledTotalButton,
+  Lt as FullScrinTemplateDialog,
+  Gt as GridLayout,
+  Ht as GridLayoutItem,
   ae as IconButton,
-  Bn as ListContainer,
-  Wn as ListItem,
-  qt as Menu,
-  Ot as MoreText,
-  An as OutlineButton,
-  Rt as RadioButton,
-  Dt as RunningLine,
-  Mt as ScrollContainer,
-  Pt as Search,
-  Yt as SelectionDialog,
-  Xt as SmallWindowMenu,
-  $t as Snackbar,
-  At as Switch,
-  Ut as Table,
-  Tt as TextArea,
+  Ln as ListContainer,
+  zn as ListItem,
+  Zt as Menu,
+  At as MoreText,
+  Bn as OutlineButton,
+  Dt as RadioButton,
+  $t as RunningLine,
+  Ft as ScrollContainer,
+  It as Search,
+  Ut as SelectionDialog,
+  Wt as SigmentedButton,
+  Vt as Slider,
+  Qt as SmallWindowMenu,
+  Bt as Snackbar,
+  Yt as Switch,
+  er as Table,
+  Ot as TextArea,
   P as TextButton,
-  Bt as TextDialog,
-  rn as TextField,
-  Lt as TimePicker,
-  jt as getContainerData,
-  sn as getModalWindowCord,
-  Wt as СalendarPickers
+  Kt as TextDialog,
+  an as TextField,
+  qt as TimePicker,
+  cn as getContainerData,
+  ln as getModalWindowCord,
+  ot as map,
+  Xt as СalendarPickers
 };