alex-evo-sh-ui-kit 1.0.8 → 1.0.9

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

@@ -15,16 +15,16 @@ function zn() {
   if (tn)
     return se;
   tn = 1;
-  var n = ve, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(i, o, h) {
-    var u, f = {}, v = null, g = null;
-    h !== void 0 && (v = "" + h), o.key !== void 0 && (v = "" + o.key), o.ref !== void 0 && (g = o.ref);
+  var n = ve, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(c, o, h) {
+    var u, f = {}, v = null, p = null;
+    h !== void 0 && (v = "" + h), o.key !== void 0 && (v = "" + o.key), o.ref !== void 0 && (p = o.ref);
     for (u in o)
       a.call(o, u) && !l.hasOwnProperty(u) && (f[u] = o[u]);
-    if (i && i.defaultProps)
-      for (u in o = i.defaultProps, o)
+    if (c && c.defaultProps)
+      for (u in o = c.defaultProps, o)
         f[u] === void 0 && (f[u] = o[u]);
-    return { $$typeof: r, type: i, key: v, ref: g, props: f, _owner: c.current };
+    return { $$typeof: r, type: c, key: v, ref: p, props: f, _owner: i.current };
   }
   return se.Fragment = s, se.jsx = d, se.jsxs = d, se;
 }
@@ -41,7 +41,7 @@ var ae = {};
 var rn;
 function Un() {
   return rn || (rn = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = ve, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), i = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), y = Symbol.iterator, w = "@@iterator";
+    var n = ve, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), c = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), y = Symbol.iterator, w = "@@iterator";
     function $(t) {
       if (t === null || typeof t != "object")
         return null;
@@ -51,14 +51,14 @@ function Un() {
     var O = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function E(t) {
       {
-        for (var x = arguments.length, m = new Array(x > 1 ? x - 1 : 0), p = 1; p < x; p++)
-          m[p - 1] = arguments[p];
+        for (var x = arguments.length, m = new Array(x > 1 ? x - 1 : 0), g = 1; g < x; g++)
+          m[g - 1] = arguments[g];
         L("error", t, m);
       }
     }
     function L(t, x, m) {
       {
-        var p = O.ReactDebugCurrentFrame, C = p.getStackAddendum();
+        var g = O.ReactDebugCurrentFrame, C = g.getStackAddendum();
         C !== "" && (x += "%s", m = m.concat([C]));
         var T = m.map(function(k) {
           return String(k);
@@ -69,16 +69,16 @@ function Un() {
     var j = !1, _ = !1, V = !1, K = !1, ee = !1, H;
     H = Symbol.for("react.module.reference");
     function oe(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === a || t === l || ee || t === c || t === h || t === u || K || t === g || j || _ || V || typeof t == "object" && t !== null && (t.$$typeof === v || t.$$typeof === f || t.$$typeof === d || t.$$typeof === i || t.$$typeof === o || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === a || t === l || ee || t === i || t === h || t === u || K || t === p || j || _ || V || typeof t == "object" && t !== null && (t.$$typeof === v || t.$$typeof === f || t.$$typeof === d || t.$$typeof === c || t.$$typeof === o || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       t.$$typeof === H || t.getModuleId !== void 0));
     }
     function X(t, x, m) {
-      var p = t.displayName;
-      if (p)
-        return p;
+      var g = t.displayName;
+      if (g)
+        return g;
       var C = x.displayName || x.name || "";
       return C !== "" ? m + "(" + C + ")" : m;
     }
@@ -99,7 +99,7 @@ function Un() {
           return "Portal";
         case l:
           return "Profiler";
-        case c:
+        case i:
           return "StrictMode";
         case h:
           return "Suspense";
@@ -108,7 +108,7 @@ function Un() {
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case i:
+          case c:
             var x = t;
             return De(x) + ".Consumer";
           case d:
@@ -117,8 +117,8 @@ function Un() {
           case o:
             return X(t, t.render, "ForwardRef");
           case f:
-            var p = t.displayName || null;
-            return p !== null ? p : B(t.type) || "Memo";
+            var g = t.displayName || null;
+            return g !== null ? g : B(t.type) || "Memo";
           case v: {
             var C = t, T = C._payload, k = C._init;
             try {
@@ -199,8 +199,8 @@ function Un() {
           try {
             throw Error();
           } catch (C) {
-            var p = C.stack.trim().match(/\n( *(at )?)/);
-            ge = p && p[1] || "";
+            var g = C.stack.trim().match(/\n( *(at )?)/);
+            ge = g && g[1] || "";
           }
         return `
 ` + ge + t;
@@ -219,7 +219,7 @@ function Un() {
         if (m !== void 0)
           return m;
       }
-      var p;
+      var g;
       ye = !0;
       var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -238,14 +238,14 @@ function Un() {
             try {
               Reflect.construct(k, []);
             } catch (A) {
-              p = A;
+              g = A;
             }
             Reflect.construct(t, [], k);
           } else {
             try {
               k.call();
             } catch (A) {
-              p = A;
+              g = A;
             }
             t.call(k.prototype);
           }
@@ -253,14 +253,14 @@ function Un() {
           try {
             throw Error();
           } catch (A) {
-            p = A;
+            g = A;
           }
           t();
         }
       } catch (A) {
-        if (A && p && typeof A.stack == "string") {
+        if (A && g && typeof A.stack == "string") {
           for (var b = A.stack.split(`
-`), P = p.stack.split(`
+`), P = g.stack.split(`
 `), S = b.length - 1, D = P.length - 1; S >= 1 && D >= 0 && b[S] !== P[D]; )
             D--;
           for (; S >= 1 && D >= 0; S--, D--)
@@ -309,7 +309,7 @@ function Un() {
           case f:
             return xe(t.type, x, m);
           case v: {
-            var p = t, C = p._payload, T = p._init;
+            var g = t, C = g._payload, T = g._init;
             try {
               return xe(T(C), x, m);
             } catch {
@@ -326,7 +326,7 @@ function Un() {
       } else
         ze.setExtraStackFrame(null);
     }
-    function kn(t, x, m, p, C) {
+    function kn(t, x, m, g, C) {
       {
         var T = Function.call.bind(te);
         for (var k in t)
@@ -334,14 +334,14 @@ function Un() {
             var b = void 0;
             try {
               if (typeof t[k] != "function") {
-                var P = Error((p || "React class") + ": " + m + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var P = Error((g || "React class") + ": " + m + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw P.name = "Invariant Violation", P;
               }
-              b = t[k](x, k, p, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              b = t[k](x, k, g, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (S) {
               b = S;
             }
-            b && !(b instanceof Error) && (he(C), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", m, k, typeof b), he(null)), b instanceof Error && !(b.message in Be) && (Be[b.message] = !0, he(C), E("Failed %s type: %s", m, b.message), he(null));
+            b && !(b instanceof Error) && (he(C), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", m, k, typeof b), he(null)), b instanceof Error && !(b.message in Be) && (Be[b.message] = !0, he(C), E("Failed %s type: %s", m, b.message), he(null));
           }
       }
     }
@@ -420,7 +420,7 @@ function Un() {
         });
       }
     }
-    var On = function(t, x, m, p, C, T, k) {
+    var On = function(t, x, m, g, C, T, k) {
       var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -441,7 +441,7 @@ function Un() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: p
+        value: g
       }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -449,7 +449,7 @@ function Un() {
         value: C
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function Dn(t, x, m, p, C) {
+    function Dn(t, x, m, g, C) {
       {
         var T, k = {}, b = null, P = null;
         m !== void 0 && (Ke(m), b = "" + m), Rn(x) && (Ke(x.key), b = "" + x.key), Tn(x) && (P = x.ref, _n(x, C));
@@ -464,7 +464,7 @@ function Un() {
           var D = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
           b && $n(k, D), P && Sn(k, D);
         }
-        return On(t, b, P, C, p, re.current, k);
+        return On(t, b, P, C, g, re.current, k);
       }
     }
     var Ne = O.ReactCurrentOwner, Ge = O.ReactDebugCurrentFrame;
@@ -525,8 +525,8 @@ Check the top-level render call using <` + m + ">.");
         if (He[m])
           return;
         He[m] = !0;
-        var p = "";
-        t && t._owner && t._owner !== Ne.current && (p = " It was passed a child from " + B(t._owner.type) + "."), Z(t), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, p), Z(null);
+        var g = "";
+        t && t._owner && t._owner !== Ne.current && (g = " It was passed a child from " + B(t._owner.type) + "."), Z(t), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, g), Z(null);
       }
     }
     function Qe(t, x) {
@@ -535,8 +535,8 @@ Check the top-level render call using <` + m + ">.");
           return;
         if (be(t))
           for (var m = 0; m < t.length; m++) {
-            var p = t[m];
-            we(p) && Ze(p, x);
+            var g = t[m];
+            we(g) && Ze(g, x);
           }
         else if (we(t))
           t._store && (t._store.validated = !0);
@@ -563,8 +563,8 @@ Check the top-level render call using <` + m + ">.");
         else
           return;
         if (m) {
-          var p = B(x);
-          kn(m, t.props, "prop", p, t);
+          var g = B(x);
+          kn(m, t.props, "prop", g, t);
         } else if (x.PropTypes !== void 0 && !Ce) {
           Ce = !0;
           var C = B(x);
@@ -576,9 +576,9 @@ Check the top-level render call using <` + m + ">.");
     function An(t) {
       {
         for (var x = Object.keys(t.props), m = 0; m < x.length; m++) {
-          var p = x[m];
-          if (p !== "children" && p !== "key") {
-            Z(t), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), Z(null);
+          var g = x[m];
+          if (g !== "children" && g !== "key") {
+            Z(t), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), Z(null);
             break;
           }
         }
@@ -586,7 +586,7 @@ Check the top-level render call using <` + m + ">.");
       }
     }
     var en = {};
-    function nn(t, x, m, p, C, T) {
+    function nn(t, x, m, g, C, T) {
       {
         var k = oe(t);
         if (!k) {
@@ -603,7 +603,7 @@ Check the top-level render call using <` + m + ">.");
         if (k) {
           var Y = x.children;
           if (Y !== void 0)
-            if (p)
+            if (g)
               if (be(Y)) {
                 for (var Q = 0; Q < Y.length; Q++)
                   Qe(Y[Q], t);
@@ -647,19 +647,19 @@ const Kn = (n) => le({ ...n, className: (n.className ?? "") + " outline-button"
     n.onClick && n.onClick(s);
     let a = document.createElement("span");
     a.classList.add("btn-overlay");
-    let c = s.pageX - s.currentTarget.offsetLeft, l = s.pageY - s.currentTarget.offsetTop;
-    a.style.left = c + "px", a.style.top = l + "px", s.currentTarget.appendChild(a), setTimeout(() => {
+    let i = s.pageX - s.currentTarget.offsetLeft, l = s.pageY - s.currentTarget.offsetTop;
+    a.style.left = i + "px", a.style.top = l + "px", s.currentTarget.appendChild(a), setTimeout(() => {
       a.remove();
     }, 500);
   };
   return /* @__PURE__ */ e.jsx("button", { ...n, className: (n.className ?? "") + " btn", onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: n.children }) });
 }, dn = ({ styleType: n = "base", ...r }) => n === "outline" ? Kn({ ...r }) : n === "text" ? M({ ...r }) : n === "filledTotal" ? Xn({ ...r }) : n === "filled" ? qn({ ...r }) : le({ ...r });
-const Gn = ({ children: n, className: r, maxHeight: s, scroll: a, transparent: c }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: s ? a ? "scroll" : "hidden" : void 0, maxHeight: s, backgroundColor: c ? "transparent" : void 0 }, className: `list-container ${r} ${a ? "scroll" : ""}`, children: n }), Jn = ({ icon: n, control: r, text: s, header: a, value: c, onClick: l, hovered: d, className: i }) => {
+const Gn = ({ children: n, className: r, maxHeight: s, scroll: a, transparent: i }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: s ? a ? "scroll" : "hidden" : void 0, maxHeight: s, backgroundColor: i ? "transparent" : void 0 }, className: `list-container ${r} ${a ? "scroll" : ""}`, children: n }), Jn = ({ icon: n, control: r, text: s, header: a, value: i, onClick: l, hovered: d, className: c }) => {
   const o = (h) => {
     h.target.closest(".control-container") || l && l(h);
   };
-  return /* @__PURE__ */ e.jsxs("li", { className: ` ${i} list-item-container ${d ? "hovered" : ""}`, onClick: o, children: [
-    n ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: n }) : c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: c }) : null,
+  return /* @__PURE__ */ e.jsxs("li", { className: ` ${c} list-item-container ${d ? "hovered" : ""}`, onClick: o, children: [
+    n ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: n }) : i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: i }) : null,
     s ? /* @__PURE__ */ e.jsxs("div", { className: "text-container", children: [
       /* @__PURE__ */ e.jsx("div", { className: "header", children: a }),
       /* @__PURE__ */ e.jsx("div", { className: "text", children: s })
@@ -667,7 +667,7 @@ const Gn = ({ children: n, className: r, maxHeight: s, scroll: a, transparent: c
     r ? /* @__PURE__ */ e.jsx("div", { className: "control-container", children: r }) : null
   ] });
 };
-const ie = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu: c, disabled: l, classNameContainer: d, style: i }) => {
+const ie = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu: i, disabled: l, classNameContainer: d, style: c }) => {
   const o = (h) => {
     a && a(h);
     let u = document.createElement("span");
@@ -677,13 +677,13 @@ const ie = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu:
       u.remove();
     }, 500);
   };
-  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...i }, className: `iconbutton ${s}`, onClick: o, onContextMenu: c, disabled: l, children: /* @__PURE__ */ e.jsx("div", { className: `${d} iconbutton-container`, children: r }) });
+  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...c }, className: `iconbutton ${s}`, onClick: o, onContextMenu: i, disabled: l, children: /* @__PURE__ */ e.jsx("div", { className: `${d} iconbutton-container`, children: r }) });
 };
-const Yt = ({ className: n, action: r, imgSrc: s, alt: a, header: c, subhead: l, text: d, children: i, iconButtonCell: o, onClick: h }) => {
+const Yt = ({ className: n, action: r, imgSrc: s, alt: a, header: i, subhead: l, text: d, children: c, iconButtonCell: o, onClick: h }) => {
   const u = (v) => !(v.target.className === "action-container" || v.target.closest(".action-container") || v.target.className === "icon-button-container" || v.target.closest(".icon-button-container")), f = (v) => {
     if (h && h(v), !u(v))
       return;
-    let g = v.currentTarget.closest(".card-container"), y = g == null ? void 0 : g.querySelector(".blick-container");
+    let p = v.currentTarget.closest(".card-container"), y = p == null ? void 0 : p.querySelector(".blick-container");
     if (!y)
       return;
     let w = document.createElement("span");
@@ -698,22 +698,22 @@ const Yt = ({ className: n, action: r, imgSrc: s, alt: a, header: c, subhead: l,
     s ? /* @__PURE__ */ e.jsx("div", { className: "card-img-container", children: /* @__PURE__ */ e.jsx("img", { src: s, alt: a }) }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "card-content-container", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "card-Headline-container mb-1 font-bold", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: c }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: i }) }),
         o ? /* @__PURE__ */ e.jsx("div", { className: "icon-button-container", children: o }) : null
       ] }),
       l ? /* @__PURE__ */ e.jsx("div", { className: "card-subhead-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "subhead", children: /* @__PURE__ */ e.jsx("h3", { className: "text-xl", children: l }) }) }) : null,
       d ? /* @__PURE__ */ e.jsx("div", { className: "card-text-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: d }) }) }) : null,
-      i ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: i }) : null,
+      c ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: c }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "action-container", children: r })
     ] })
   ] });
 };
 const Hn = ({ children: n, className: r }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${r ?? ""}`, children: n });
-const Lt = ({ children: n, className: r, id: s, height: a, width: c, pozMove: l }) => {
-  const [d, i] = N(!1), [o, h] = N(null), [u, f] = N({ x: 0, y: 0 }), v = (w) => {
-    w.button == 1 && (i(!1), h(null), document.body.style.cursor = "auto");
-  }, g = (w) => {
-    w.button == 1 && (h({ x: w.clientX, y: w.clientY }), i(!0), document.body.style.cursor = "move");
+const Lt = ({ children: n, className: r, id: s, height: a, width: i, pozMove: l }) => {
+  const [d, c] = N(!1), [o, h] = N(null), [u, f] = N({ x: 0, y: 0 }), v = (w) => {
+    w.button == 1 && (c(!1), h(null), document.body.style.cursor = "auto");
+  }, p = (w) => {
+    w.button == 1 && (h({ x: w.clientX, y: w.clientY }), c(!0), document.body.style.cursor = "move");
   }, y = R((w) => {
     d && (f(($) => {
       if (!o)
@@ -725,7 +725,7 @@ const Lt = ({ children: n, className: r, id: s, height: a, width: c, pozMove: l
   }, [d, o]);
   return F(() => {
     l && f({ ...l });
-  }, [l]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: a, width: c }, className: `big-container ${r}`, onMouseDown: g, onMouseUp: v, onMouseMove: y, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: u.x, top: u.y }, children: n }) });
+  }, [l]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: a, width: i }, className: `big-container ${r}`, onMouseDown: p, onMouseUp: v, onMouseMove: y, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: u.x, top: u.y }, children: n }) });
 };
 const Zn = (n) => {
   const [r, s] = N(!1), a = R(() => {
@@ -743,9 +743,9 @@ const Zn = (n) => {
     /* @__PURE__ */ e.jsx("div", { className: "backplate bottom-sheets-backplate", style: { zIndex: 1101 }, onClick: a })
   ] });
 };
-const Wt = ({ name: n, checked: r, onChange: s, readOnly: a, checkIcon: c }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
+const Wt = ({ name: n, checked: r, onChange: s, readOnly: a, checkIcon: i }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
   /* @__PURE__ */ e.jsx("input", { className: "checkbox", name: n, type: "checkbox", checked: r, onChange: s, readOnly: a }),
-  /* @__PURE__ */ e.jsx("span", { children: c || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
+  /* @__PURE__ */ e.jsx("span", { children: i || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
 ] });
 /**
  * @license lucide-react v0.378.0 - ISC
@@ -783,10 +783,10 @@ const nt = on(
     size: r = 24,
     strokeWidth: s = 2,
     absoluteStrokeWidth: a,
-    className: c = "",
+    className: i = "",
     children: l,
     iconNode: d,
-    ...i
+    ...c
   }, o) => _e(
     "svg",
     {
@@ -796,8 +796,8 @@ const nt = on(
       height: r,
       stroke: n,
       strokeWidth: a ? Number(s) * 24 / Number(r) : s,
-      className: un("lucide", c),
-      ...i
+      className: un("lucide", i),
+      ...c
     },
     [
       ...d.map(([h, u]) => _e(h, u)),
@@ -813,11 +813,11 @@ const nt = on(
  */
 const I = (n, r) => {
   const s = on(
-    ({ className: a, ...c }, l) => _e(nt, {
+    ({ className: a, ...i }, l) => _e(nt, {
       ref: l,
       iconNode: r,
       className: un(`lucide-${Qn(n)}`, a),
-      ...c
+      ...i
     })
   );
   return s.displayName = `${n}`, s;
@@ -962,24 +962,24 @@ const je = I("X", [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
 const dt = ({ text: n, onDelete: r, big: s, onClick: a }) => {
-  const c = (d) => !(d.target.className === "alex-evo-ui-kit-chips-btn" || d.target.closest(".alex-evo-ui-kit-chips-btn")), l = (d) => {
-    c(d) && a && a(d);
+  const i = (d) => !(d.target.className === "alex-evo-ui-kit-chips-btn" || d.target.closest(".alex-evo-ui-kit-chips-btn")), l = (d) => {
+    i(d) && a && a(d);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${s ? "big-chips" : ""} ${a ? "hovered" : ""}`, onClick: l, children: [
     /* @__PURE__ */ e.jsx("p", { children: n }),
     r ? /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: r, children: /* @__PURE__ */ e.jsx(je, { size: 18 }) }) : null
   ] });
 };
-const hn = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a, password: c, border: l, onClear: d, icon: i, onChange: o, name: h, value: u, placeholder: f, className: v, validEmptyValue: g, onFocus: y, onBlur: w, error: $, max: O, min: E }) => {
+const hn = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a, password: i, border: l, onClear: d, icon: c, onChange: o, name: h, value: u, placeholder: f, className: v, validEmptyValue: p, onFocus: y, onBlur: w, error: $, max: O, min: E }) => {
   const L = U(null), [j, _] = N(!1), V = R((ee, H) => _(!!($ || ee && (!H || H === ""))), []);
   F(() => {
-    V(g, u);
-  }, [u, g, V]);
+    V(p, u);
+  }, [u, p, V]);
   const K = () => {
     L.current && L.current.focus();
   };
   return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field ${l ? "border" : ""} ${s ? "transparent" : ""} ${v}`, children: [
-    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: K, children: i }) : null,
+    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: K, children: c }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: K, children: [
       /* @__PURE__ */ e.jsx(
         "input",
@@ -989,7 +989,7 @@ const hn = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a,
           min: E,
           readOnly: a,
           required: !0,
-          type: c ? "password" : r,
+          type: i ? "password" : r,
           className: `${j ? "error" : ""}`,
           name: h,
           value: u,
@@ -1004,16 +1004,16 @@ const hn = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a,
     d ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(rt, { onClick: d }) }) : null
   ] });
 };
-const Vt = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: c, onChange: l, name: d, value: i, placeholder: o, className: h, validEmptyValue: u, onFocus: f, onBlur: v, error: g }) => {
-  const y = U(null), [w, $] = N(!1), O = R((L, j) => $(!!(g || L && (!j || j === ""))), []);
+const Vt = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: i, onChange: l, name: d, value: c, placeholder: o, className: h, validEmptyValue: u, onFocus: f, onBlur: v, error: p }) => {
+  const y = U(null), [w, $] = N(!1), O = R((L, j) => $(!!(p || L && (!j || j === ""))), []);
   F(() => {
-    O(u, i);
-  }, [i, u, O]);
+    O(u, c);
+  }, [c, u, O]);
   const E = () => {
     y.current && y.current.focus();
   };
   return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-area ${w ? "error" : ""} ${a ? "border" : ""} ${r ? "transparent" : ""} ${h}`, children: [
-    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: E, children: c }) : null,
+    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: E, children: i }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "textarea-container", onClick: E, children: /* @__PURE__ */ e.jsx(
       "textarea",
       {
@@ -1023,7 +1023,7 @@ const Vt = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: c
         placeholder: o,
         className: `${w ? "error" : ""}`,
         name: d,
-        value: i,
+        value: c,
         onChange: l,
         onFocus: f,
         onBlur: v
@@ -1039,11 +1039,11 @@ const W = ({ style: n, short: r, text: s }) => s ? /* @__PURE__ */ e.jsxs("div",
 const ut = ({ 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", {})
-] }), Bt = ({ name: n, currentValue: r, value: s, onChange: a, readOnly: c, checked: l }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
-  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r === s || l, value: s, onChange: a, readOnly: c }),
+] }), Bt = ({ name: n, currentValue: r, value: s, onChange: a, readOnly: i, checked: l }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r === s || l, value: s, onChange: a, readOnly: i }),
   /* @__PURE__ */ e.jsx("span", {})
 ] });
-const zt = ({ style: n, icon: r, className: s, onClick: a, onContextMenu: c, children: l }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${s} extendedFAB`, onClick: a, onContextMenu: c, children: [
+const zt = ({ style: n, icon: r, className: s, onClick: a, onContextMenu: i, children: l }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${s} extendedFAB`, onClick: a, onContextMenu: i, children: [
   r,
   l ? /* @__PURE__ */ e.jsx("span", { children: l }) : null
 ] });
@@ -1052,21 +1052,21 @@ const Ut = ({ children: n, header: r }) => /* @__PURE__ */ e.jsxs("div", { class
   /* @__PURE__ */ e.jsx("div", { className: "field-container-content", children: n })
 ] }), xt = (n) => n === "" ? [] : n.split(",").map((r) => r.trim()), an = (n) => n.join(", ");
 const Kt = ({ minWidth: n, value: r, onChange: s, border: a }) => {
-  const [c, l] = N([]), [d, i] = N("");
+  const [i, l] = N([]), [d, c] = N("");
   F(() => {
     console.log("p0"), l(xt(r));
   }, [r]), F(() => {
-    console.log(c);
-  }, [c]);
+    console.log(i);
+  }, [i]);
   const o = (f) => {
-    i(f.target.value);
+    c(f.target.value);
   }, h = R(() => {
-    if (d === "" || c.includes(d))
+    if (d === "" || i.includes(d))
       return;
-    const f = [...c, d.trim()];
-    l(f), s && s(an(f)), i("");
-  }, [c, d]), u = (f) => {
-    const v = c.filter((g, y) => y !== f);
+    const f = [...i, d.trim()];
+    l(f), s && s(an(f)), c("");
+  }, [i, d]), u = (f) => {
+    const v = i.filter((p, y) => y !== f);
     l(v), s && s(an(v));
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "more-text", style: { minWidth: n }, children: [
@@ -1074,37 +1074,37 @@ const Kt = ({ minWidth: n, value: r, onChange: s, border: a }) => {
       /* @__PURE__ */ e.jsx(hn, { onChange: o, value: d, border: a }),
       /* @__PURE__ */ e.jsx(Hn, { children: /* @__PURE__ */ e.jsx(dn, { onClick: h, children: "add" }) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: c.map((f, v) => /* @__PURE__ */ e.jsx(dt, { text: f, onDelete: () => u(v) }, v)) })
+    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: i.map((f, v) => /* @__PURE__ */ e.jsx(dt, { text: f, onDelete: () => u(v) }, v)) })
   ] });
 };
-const Xt = ({ style: n, text: r, className: s, onClick: a, onContextMenu: c }) => {
+const Xt = ({ style: n, text: r, className: s, onClick: a, onContextMenu: i }) => {
   const l = U(null), d = R(() => {
     if (!l.current)
       return;
-    let i = l.current.getElementsByTagName("p");
-    i[0] && l.current.clientWidth <= i[0].clientWidth ? (i[0].className = "runing", i[0].innerHTML = `| ${r} | ${r}`) : i[0].className = "";
+    let c = l.current.getElementsByTagName("p");
+    c[0] && l.current.clientWidth <= c[0].clientWidth ? (c[0].className = "runing", c[0].innerHTML = `| ${r} | ${r}`) : c[0].className = "";
   }, [r]);
   return F(() => {
     d();
-  }, [d]), /* @__PURE__ */ e.jsx("div", { style: n, ref: l, onClick: a, onContextMenu: c, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: r }) });
+  }, [d]), /* @__PURE__ */ e.jsx("div", { style: n, ref: l, onClick: a, onContextMenu: i, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: r }) });
 };
 const qt = ({ className: n, children: r, height: s }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: s }, children: r });
 const Gt = ({ onMenu: n, onSearch: r, placeholder: s, autoChenge: a }) => {
-  const c = U(null), [l, d] = N(""), [i, o] = N(!1), h = () => {
-    c.current && (c.current.focus(), o(!0));
+  const i = U(null), [l, d] = N(""), [c, o] = N(!1), h = () => {
+    i.current && (i.current.focus(), o(!0));
   }, u = () => {
-    c.current && (c.current.focus(), c.current.value = ""), d(""), o(!0), a && r("");
+    i.current && (i.current.focus(), i.current.value = ""), d(""), o(!0), a && r("");
   }, f = () => {
-    u(), c.current && (c.current.blur(), o(!1));
+    u(), i.current && (i.current.blur(), o(!1));
   }, v = (y) => {
     d(y.target.value), a && r(y.target.value);
-  }, g = (y) => {
+  }, p = (y) => {
     y.code === "Enter" && r(l);
   };
   return /* @__PURE__ */ e.jsx("div", { className: "search-container", children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
-    i ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(tt, { 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: c, onChange: v, onKeyDown: g, value: l, onFocus: () => o(!0) }),
-    i ? /* @__PURE__ */ e.jsx("span", { onClick: u, children: /* @__PURE__ */ e.jsx(je, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(lt, { size: 24 }) })
+    c ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(tt, { 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: i, onChange: v, onKeyDown: p, value: l, onFocus: () => o(!0) }),
+    c ? /* @__PURE__ */ e.jsx("span", { onClick: u, children: /* @__PURE__ */ e.jsx(je, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(lt, { size: 24 }) })
   ] }) });
 };
 const Jt = ({ visible: n, text: r, option: s }) => {
@@ -1120,9 +1120,9 @@ const Jt = ({ visible: n, text: r, option: s }) => {
   ] }) : null;
 };
 const Ht = ({ name: n, onChange: r, checked: s, className: a }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${a}`, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: n, onChange: r, checked: s }) });
-const ht = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], Zt = ({ multiple: n, value: r, items: s, className: a, onClick: c, onContextMenu: l, onChange: d }) => {
-  const [i, o] = N(ht(r)), h = (u) => {
-    c && c(u);
+const ht = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], Zt = ({ multiple: n, value: r, items: s, className: a, onClick: i, onContextMenu: l, onChange: d }) => {
+  const [c, o] = N(ht(r)), h = (u) => {
+    i && i(u);
     const f = u.currentTarget;
     if (!n) {
       if (!f.dataset.el)
@@ -1130,12 +1130,12 @@ const ht = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], Zt = ({ multip
       o([f.dataset.el]), d && d([f.dataset.el], u);
       return;
     }
-    const v = i.filter((y) => y === f.dataset.el);
-    let g = i.slice();
-    v.length > 0 && f.dataset.el ? g = g.filter((y) => y !== f.dataset.el) : f.dataset.el && g.push(f.dataset.el), o(g), d && d(g, u);
+    const v = c.filter((y) => y === f.dataset.el);
+    let p = c.slice();
+    v.length > 0 && f.dataset.el ? p = p.filter((y) => y !== f.dataset.el) : f.dataset.el && p.push(f.dataset.el), o(p), d && d(p, u);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: `sigmentedbutton-container ${a ?? ""}`, children: s.map((u, f) => /* @__PURE__ */ e.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ e.jsxs("button", { "data-el": u, onContextMenu: l, onClick: h, className: `sigmentedbutton-item-button ${i.includes(u) ? "active" : ""}`, children: [
-    i.includes(u) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(ce, {}) }) : null,
+  return /* @__PURE__ */ e.jsx("div", { className: `sigmentedbutton-container ${a ?? ""}`, children: s.map((u, f) => /* @__PURE__ */ e.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ e.jsxs("button", { "data-el": u, onContextMenu: l, onClick: h, className: `sigmentedbutton-item-button ${c.includes(u) ? "active" : ""}`, children: [
+    c.includes(u) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(ce, {}) }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "text-container", children: u })
   ] }, f) }, f)) });
 };
@@ -1145,33 +1145,33 @@ const fn = (n) => n ? {
   left: Number(n.getBoundingClientRect().left),
   top: Number(n.getBoundingClientRect().top)
 } : void 0, mn = (n, r, s, a) => {
-  let c = { x: n, y: r };
+  let i = { x: n, y: r };
   if (!s)
-    return c;
-  let l = Number(window.getComputedStyle(s).getPropertyValue("height").replace("px", "")), d = Number(window.getComputedStyle(s).getPropertyValue("width").replace("px", "")), i = r + l - document.documentElement.scrollHeight, o = n + d - document.documentElement.clientWidth;
-  return i > 0 && (c.y = c.y - i - ((a == null ? void 0 : a.marginBottom) ?? 0)), o > 0 && (c.x = c.x - o - ((a == null ? void 0 : a.marginRight) ?? 0)), c;
+    return i;
+  let l = Number(window.getComputedStyle(s).getPropertyValue("height").replace("px", "")), d = Number(window.getComputedStyle(s).getPropertyValue("width").replace("px", "")), c = r + l - document.documentElement.scrollHeight, o = n + d - document.documentElement.clientWidth;
+  return c > 0 && (i.y = i.y - c - ((a == null ? void 0 : a.marginBottom) ?? 0)), o > 0 && (i.x = i.x - o - ((a == null ? void 0 : a.marginRight) ?? 0)), i;
 };
-function ft(n, r, s, a, c) {
-  return a + (c - a) * ((n - r) / (s - r));
+function ft(n, r, s, a, i) {
+  return a + (i - a) * ((n - r) / (s - r));
 }
 const Te = 0, Re = 100, Qt = (n) => {
-  const [r, s] = N(0), [a, c] = N(!1), l = U(null), d = U(null);
+  const [r, s] = N(0), [a, i] = N(!1), l = U(null), d = U(null);
   F(() => {
     n.value ? s(n.value) : s(0);
   }, [n.value]);
-  const i = (f) => {
+  const c = (f) => {
     s(Number(f.target.value)), n.onChange(f);
-  }, o = (f, v, g) => {
+  }, o = (f, v, p) => {
     if (l.current && d.current) {
       let y = fn(d.current);
       if (y)
-        return ft(f, v, g, 0, g - v) * (y.width - 20) / (g - v);
+        return ft(f, v, p, 0, p - v) * (y.width - 20) / (p - v);
     }
     return 0;
   }, h = R((f) => {
-    c(!0), n.onFocus && n.onFocus(f);
+    i(!0), n.onFocus && n.onFocus(f);
   }, [n.onFocus]), u = R((f) => {
-    c(!1), n.onBlur && n.onBlur(f);
+    i(!1), n.onBlur && n.onBlur(f);
   }, [n.onBlur]);
   return /* @__PURE__ */ e.jsx("div", { className: "range", children: /* @__PURE__ */ e.jsxs("div", { className: "field", children: [
     n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: n.min ?? Te }) : null,
@@ -1180,14 +1180,14 @@ const Te = 0, Re = 100, Qt = (n) => {
         /* @__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: d, step: n.step, type: "range", min: n.min ?? Te, max: n.max ?? Re, onChange: i, value: r, onFocus: h, onBlur: u })
+      /* @__PURE__ */ e.jsx("input", { onMouseUp: n.onMouseUp, ref: d, step: n.step, type: "range", min: n.min ?? Te, max: n.max ?? Re, onChange: c, value: r, onFocus: h, onBlur: u })
     ] }),
     n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? Re }) : null
   ] }) });
 };
-const J = ({ className: n, children: r, header: s, action: a, onHide: c, style: l }) => {
+const J = ({ className: n, children: r, header: s, action: a, onHide: i, style: l }) => {
   function d() {
-    c && c();
+    i && i();
   }
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { onClick: d, style: { zIndex: "999" }, className: "backplate" }),
@@ -1200,9 +1200,9 @@ const J = ({ className: n, children: r, header: s, action: a, onHide: c, style:
 }, mt = ({ onHide: n, onSave: r }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
   /* @__PURE__ */ e.jsx(M, { onClick: n, children: "cancel" }),
   r ? /* @__PURE__ */ e.jsx(M, { onClick: r, children: "save" }) : null
-] }), er = ({ style: n, className: r, header: s, children: a, onSave: c, onHide: l }) => {
-  const [d, i] = N(!1), o = R(() => {
-    window.innerWidth < 720 ? i(!0) : i(!1);
+] }), er = ({ style: n, className: r, header: s, children: a, onSave: i, onHide: l }) => {
+  const [d, c] = N(!1), o = R(() => {
+    window.innerWidth < 720 ? c(!0) : c(!1);
   }, [window.innerWidth]);
   F(() => {
     o();
@@ -1212,23 +1212,23 @@ const J = ({ className: n, children: r, header: s, action: a, onHide: c, style:
   const h = () => {
     l && l();
   }, u = () => {
-    c && c();
+    i && i();
   };
   return d ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `full-screen-dialog-container ${r}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog-header", children: [
       /* @__PURE__ */ e.jsx("div", { className: "dialog-icon-container", children: /* @__PURE__ */ e.jsx(ie, { transparent: !0, onClick: h, icon: /* @__PURE__ */ e.jsx(je, {}) }) }),
       /* @__PURE__ */ e.jsx("div", { className: "header", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__PURE__ */ e.jsx(M, { onClick: u, children: "save" }) : null })
+      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: i ? /* @__PURE__ */ e.jsx(M, { onClick: u, children: "save" }) : null })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: a })
-  ] }) : /* @__PURE__ */ e.jsx(J, { style: n, header: s, className: `full-screen-dialog-base-format ${r}`, onHide: h, children: a, action: /* @__PURE__ */ e.jsx(mt, { onHide: h, onSave: c ? u : void 0 }) });
-}, nr = ({ styleContainer: n, text: r, header: s, actionText: a, onSuccess: c, onHide: l, onCancel: d }) => {
-  const i = R(() => {
-    c && c(), l && l();
+  ] }) : /* @__PURE__ */ e.jsx(J, { style: n, header: s, className: `full-screen-dialog-base-format ${r}`, onHide: h, children: a, action: /* @__PURE__ */ e.jsx(mt, { onHide: h, onSave: i ? u : void 0 }) });
+}, nr = ({ styleContainer: n, text: r, header: s, actionText: a, onSuccess: i, onHide: l, onCancel: d }) => {
+  const c = R(() => {
+    i && i(), l && l();
   }, []), o = R(() => {
     d && d(), l && l();
   }, []);
-  return /* @__PURE__ */ e.jsx(J, { style: n, header: s, action: /* @__PURE__ */ e.jsx(vt, { onHide: o, actionText: a, onSuccess: i }), children: /* @__PURE__ */ e.jsx("p", { children: r }) });
+  return /* @__PURE__ */ e.jsx(J, { style: n, header: s, action: /* @__PURE__ */ e.jsx(vt, { onHide: o, actionText: a, onSuccess: c }), children: /* @__PURE__ */ e.jsx("p", { children: r }) });
 };
 function vt({ actionText: n, onSuccess: r, onHide: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
@@ -1236,11 +1236,11 @@ function vt({ actionText: n, onSuccess: r, onHide: s }) {
     /* @__PURE__ */ e.jsx(M, { onClick: r, children: n ?? "OK" })
   ] });
 }
-function tr({ onSuccess: n, items: r, header: s, onHide: a, noHide: c = !1, name: l = "dailog_name" }) {
-  const [d, i] = N(void 0), o = R(() => {
-    n && d && n(d), i(void 0), !c && a && a();
+function tr({ onSuccess: n, items: r, header: s, onHide: a, noHide: i = !1, name: l = "dailog_name" }) {
+  const [d, c] = N(void 0), o = R(() => {
+    n && d && n(d), c(void 0), !i && a && a();
   }, [d]), h = R((u) => {
-    i(u);
+    c(u);
   }, []);
   return /* @__PURE__ */ e.jsxs(J, { header: s, action: /* @__PURE__ */ e.jsx(jt, { onHide: a, onSuccess: o, disabled: d === void 0 }), children: [
     /* @__PURE__ */ e.jsx(W, { style: { padding: "0px" } }),
@@ -1254,15 +1254,15 @@ function jt({ onSuccess: n, onHide: r, disabled: s }) {
     /* @__PURE__ */ e.jsx(M, { onClick: n, disabled: s, children: "OK" })
   ] });
 }
-const rr = ({ styleContainer: n, text: r, header: s, onSuccess: a, onHide: c, placeholder: l, type: d = "text", min: i = 0, max: o = 100 }) => {
+const rr = ({ styleContainer: n, text: r, header: s, onSuccess: a, onHide: i, placeholder: l, type: d = "text", min: c = 0, max: o = 100 }) => {
   const [h, u] = N(""), f = R(() => {
-    a && a(h), c && c();
-  }, [h]), v = (g) => {
-    d === "number" && (Number(g) < i && (g = String(i)), Number(g) > o && (g = String(o))), u(g);
+    a && a(h), i && i();
+  }, [h]), v = (p) => {
+    d === "number" && (Number(p) < c && (p = String(c)), Number(p) > o && (p = String(o))), u(p);
   };
-  return /* @__PURE__ */ e.jsxs(J, { style: n, header: s, action: /* @__PURE__ */ e.jsx(pt, { onHide: c, onSuccess: f }), children: [
+  return /* @__PURE__ */ e.jsxs(J, { style: n, header: s, action: /* @__PURE__ */ e.jsx(pt, { onHide: i, onSuccess: f }), children: [
     /* @__PURE__ */ e.jsx("p", { children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(hn, { max: o, min: i, type: d, border: !0, placeholder: l, value: h, onChange: (g) => v(g.target.value) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(hn, { max: o, min: c, type: d, border: !0, placeholder: l, value: h, onChange: (p) => v(p.target.value) }) })
   ] });
 };
 function pt({ onSuccess: n, onHide: r }) {
@@ -1285,16 +1285,16 @@ const gt = 2050, cn = 1900, z = [
   "November",
   "December"
 ], yt = () => Array(gt - cn).fill(0).map((n, r) => cn + r), sr = ({ onChange: n, onHide: r }) => {
-  const [s] = N(z[(/* @__PURE__ */ new Date()).getMonth()]), [a] = N((/* @__PURE__ */ new Date()).getFullYear()), [c] = N((/* @__PURE__ */ new Date()).getDate()), [l, d] = N(z[(/* @__PURE__ */ new Date()).getMonth()]), [i, o] = N((/* @__PURE__ */ new Date()).getFullYear()), [h, u] = N({
+  const [s] = N(z[(/* @__PURE__ */ new Date()).getMonth()]), [a] = N((/* @__PURE__ */ new Date()).getFullYear()), [i] = N((/* @__PURE__ */ new Date()).getDate()), [l, d] = N(z[(/* @__PURE__ */ new Date()).getMonth()]), [c, o] = N((/* @__PURE__ */ new Date()).getFullYear()), [h, u] = N({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
   }), [f, v] = N(
     "DAYS"
     /* DAYS */
-  ), g = (j, _) => new Date(j, _ + 1, 0).getDate(), y = (j, _, V) => new Date(j, _, V).getDay(), w = (j, _) => {
-    let V = Array(g(j, _)).fill(0).map((oe, X) => ({ type: "NOW_MONTH", day: X + 1 })), K = y(j, _, g(j, _)), ee = Array(7 - K).fill(0).map((oe, X) => ({ type: "NEXT_MONTH", day: X + 1 }));
-    return V = Array(y(j, _, 0)).fill(0).map((oe, X) => ({ type: "PREV_MONTH", day: g(_ ? j : j - 1, _ ? _ - 1 : 11) - X })).reverse().concat(V).concat(ee), V;
+  ), p = (j, _) => new Date(j, _ + 1, 0).getDate(), y = (j, _, V) => new Date(j, _, V).getDay(), w = (j, _) => {
+    let V = Array(p(j, _)).fill(0).map((oe, X) => ({ type: "NOW_MONTH", day: X + 1 })), K = y(j, _, p(j, _)), ee = Array(7 - K).fill(0).map((oe, X) => ({ type: "NEXT_MONTH", day: X + 1 }));
+    return V = Array(y(j, _, 0)).fill(0).map((oe, X) => ({ type: "PREV_MONTH", day: p(_ ? j : j - 1, _ ? _ - 1 : 11) - X })).reverse().concat(V).concat(ee), V;
   }, $ = (j) => {
     v(
       "DAYS"
@@ -1309,8 +1309,8 @@ const gt = 2050, cn = 1900, z = [
     u(j);
   }, L = R(() => {
     let j = /* @__PURE__ */ new Date();
-    j.setFullYear(i), h.type === "NEXT_MONTH" ? l === z[11] ? (j.setMonth(0), j.setFullYear(i + 1)) : j.setMonth(z.indexOf(l) + 1) : h.type === "PREV_MONTH" ? l === z[0] ? (j.setMonth(11), j.setFullYear(i - 1)) : j.setMonth(z.indexOf(l) - 1) : j.setMonth(z.indexOf(l)), j.setDate(h.day), n && n(j.getFullYear(), j.getMonth(), j.getDate()), r && r();
-  }, [l, i, n, r, h]);
+    j.setFullYear(c), h.type === "NEXT_MONTH" ? l === z[11] ? (j.setMonth(0), j.setFullYear(c + 1)) : j.setMonth(z.indexOf(l) + 1) : h.type === "PREV_MONTH" ? l === z[0] ? (j.setMonth(11), j.setFullYear(c - 1)) : j.setMonth(z.indexOf(l) - 1) : j.setMonth(z.indexOf(l)), j.setDate(h.day), n && n(j.getFullYear(), j.getMonth(), j.getDate()), r && r();
+  }, [l, c, 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: f === "MONTHS" ? "active" : "", onClick: () => v(
@@ -1325,7 +1325,7 @@ const gt = 2050, cn = 1900, z = [
         "YEARS"
         /* YEARS */
       ), children: [
-        i,
+        c,
         " ",
         /* @__PURE__ */ e.jsx(sn, {})
       ] }) })
@@ -1334,7 +1334,7 @@ const gt = 2050, cn = 1900, z = [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === j ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: j })
     ] }, _)) }) : f === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: yt().map((j, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => $(j), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: i === j ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === j ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: j })
     ] }, _)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
@@ -1346,7 +1346,7 @@ const gt = 2050, cn = 1900, z = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: w(i, z.indexOf(l)).map((j, _) => /* @__PURE__ */ e.jsx("div", { className: `day ${j.type !== "NOW_MONTH" ? "other" : ""} ${c === j.day && i === a && l === s ? "now" : ""} ${j.day === h.day && j.type === h.type ? "select" : ""}`, onClick: () => E(j), children: j.day }, _)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: w(c, z.indexOf(l)).map((j, _) => /* @__PURE__ */ e.jsx("div", { className: `day ${j.type !== "NOW_MONTH" ? "other" : ""} ${i === j.day && c === a && l === s ? "now" : ""} ${j.day === h.day && j.type === h.type ? "select" : ""}`, onClick: () => E(j), children: j.day }, _)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
       /* @__PURE__ */ e.jsx(M, { className: "little m-0", onClick: r, children: "Cancel" }),
@@ -1354,8 +1354,8 @@ const gt = 2050, cn = 1900, z = [
     ] })
   ] });
 };
-const bt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: c, onCancel: l, onOK: d }) => {
-  const [i, o] = N(!1), h = R((v) => {
+const bt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: i, onCancel: l, onOK: d }) => {
+  const [c, o] = N(!1), h = R((v) => {
     n(v), o(!0);
   }, [n]), u = R((v) => {
     r(v), o(!1);
@@ -1371,11 +1371,11 @@ const bt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: c, o
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
       /* @__PURE__ */ e.jsxs("div", { className: "time-input minutes", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", value: c, min: 0, max: 60 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", value: i, min: 0, max: 60 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: i ? /* @__PURE__ */ e.jsx(Nt, { setMinutes: u }) : /* @__PURE__ */ e.jsx(kt, { setHours: h }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(Nt, { setMinutes: u }) : /* @__PURE__ */ e.jsx(kt, { 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(it, {}) }),
       /* @__PURE__ */ e.jsx(M, { className: "little", onClick: f, children: "Cancel" }),
@@ -1435,8 +1435,8 @@ function Nt({ setMinutes: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-const Ct = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: c, onCancel: l, onOK: d }) => {
-  const i = (h) => {
+const Ct = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: i, onCancel: l, onOK: d }) => {
+  const c = (h) => {
     let u = Number(h.target.value);
     u < 0 && (u = 0), u > 23 && (u = 23), n(u);
   }, o = (h) => {
@@ -1447,7 +1447,7 @@ const Ct = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: c, o
     /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Enter time" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "time-input-container", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "time-input hours", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: c, onChange: i }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: i, onChange: c }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
@@ -1463,23 +1463,23 @@ const Ct = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: c, o
     ] })
   ] });
 }, ar = (n) => {
-  const [r, s] = N(n.minutes ?? 0), [a, c] = N(n.hours ?? 0), [l, d] = N(!0), i = () => {
-    n.onHide && n.onHide(), s(0), c(0);
+  const [r, s] = N(n.minutes ?? 0), [a, i] = N(n.hours ?? 0), [l, d] = N(!0), c = () => {
+    n.onHide && n.onHide(), s(0), i(0);
   }, o = R((u) => {
     s(u), n.onChange && n.onChange(a, u), n.onHide && n.onHide();
   }, [a]), h = R(() => {
     n.onChange && n.onChange(a, r), n.onHide && n.onHide();
   }, [a, r]);
-  return l ? /* @__PURE__ */ e.jsx(J, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(bt, { setMinutes: o, setHours: c, minutes: r, hours: a, switchMode: () => d(!1), onCancel: i, onOK: h }) }) : /* @__PURE__ */ e.jsx(J, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Ct, { setMinutes: s, setHours: c, minutes: r, hours: a, switchMode: () => d(!0), onCancel: i, onOK: h }) });
+  return l ? /* @__PURE__ */ e.jsx(J, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(bt, { setMinutes: o, setHours: i, minutes: r, hours: a, switchMode: () => d(!1), onCancel: c, onOK: h }) }) : /* @__PURE__ */ e.jsx(J, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Ct, { setMinutes: s, setHours: i, minutes: r, hours: a, switchMode: () => d(!0), onCancel: c, onOK: h }) });
 };
 const ir = ({ onChange: n, value: r, className: s }) => {
-  const [a, c] = N(r || []), l = R((i) => {
-    if (!i)
+  const [a, i] = N(r || []), l = R((c) => {
+    if (!c)
       return;
     let o = a.slice();
-    const h = o.indexOf(i.target.name);
-    h !== -1 && !i.target.checked ? o = o.filter((u, f) => f !== h) : h === -1 && i.target.checked && o.push(i.target.name), c(o), n && n(o);
-  }, [a]), d = R((i) => a.indexOf(i) !== -1, [a]);
+    const h = o.indexOf(c.target.name);
+    h !== -1 && !c.target.checked ? o = o.filter((u, f) => f !== h) : h === -1 && c.target.checked && o.push(c.target.name), i(o), n && n(o);
+  }, [a]), d = R((c) => a.indexOf(c) !== -1, [a]);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: `days-week-field-container ${s}`, children: [
     /* @__PURE__ */ e.jsxs("label", { children: [
       /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Mon", checked: d("Mon") }),
@@ -1511,12 +1511,12 @@ const ir = ({ onChange: n, value: r, className: s }) => {
     ] })
   ] }) });
 };
-const cr = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), lr = ({ minWith: n, children: r, className: s, gridRowGap: a = "10px", gridColumnGap: c = "5px", itemMinWith: l, itemMaxWith: d, itemWith: i = "400px" }) => {
+const cr = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), lr = ({ minWith: n, children: r, className: s, gridRowGap: a = "10px", gridColumnGap: i = "5px", itemMinWith: l, itemMaxWith: d, itemWith: c = "400px" }) => {
   const o = U(null), [h, u] = N([]), f = R(() => {
     if (!o.current)
       return;
-    o.current.style.display = "grid", o.current.style.gridRowGap = a, o.current.style.gridColumnGap = c;
-    let y = l ?? i, w = d ?? i;
+    o.current.style.display = "grid", o.current.style.gridRowGap = a, o.current.style.gridColumnGap = i;
+    let y = l ?? c, w = d ?? c;
     o.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + y + ", " + w + "))", o.current.style.gridAutoRows = "0", h.forEach(($) => {
       $.style.gridAutoRows = "0", $.style.gridAutoColumns = "0";
     });
@@ -1528,15 +1528,15 @@ const cr = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adapt
       let O = 0, E = $.querySelector(".adaptiv-grid-item-container");
       E && (O = Math.ceil((E.getBoundingClientRect().height + y) / (w + y))), $.style.gridRowEnd = "span " + O;
     });
-  }, [h, o.current]), g = R(() => {
+  }, [h, o.current]), p = R(() => {
     if (o.current) {
       let y = o.current.querySelectorAll(".adaptiv-grid-item");
       u(Array.prototype.slice.call(y, 0));
     }
   }, [o.current, r]);
   return F(() => {
-    g();
-  }, [g]), F(() => {
+    p();
+  }, [p]), F(() => {
     f();
   }, [f]), F(() => {
     v();
@@ -1544,20 +1544,20 @@ const cr = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adapt
     window.addEventListener("resize", v);
   }), [v]), /* @__PURE__ */ e.jsx("div", { style: { minWidth: n }, ref: o, className: `adaptiv-grid-layout ${s}`, children: r });
 };
-const or = ({ onContextMenu: n, className: r, style: s, countColumn: a, items: c, onClickColl: l, classNameColumn: d }) => {
-  const i = (h, u) => {
-    let f = new Array(h).fill([]).map((v) => new Array());
-    for (const v of u) {
-      if (v.indexCol >= f.length) {
-        console.error(`invalid index count. indexCol = ${v.indexCol}, column count = ${h}`);
+const or = ({ onClick: n, onContextMenu: r, className: s, style: a, countColumn: i, items: l, onClickColl: d, classNameColumn: c }) => {
+  const o = (u, f) => {
+    let v = new Array(u).fill([]).map((p) => new Array());
+    for (const p of f) {
+      if (p.indexCol >= v.length) {
+        console.error(`invalid index count. indexCol = ${p.indexCol}, column count = ${u}`);
         continue;
       }
-      f[v.indexCol].push(v.node);
+      v[p.indexCol].push(p.node);
     }
-    return f;
-  }, o = l || (() => {
+    return v;
+  }, h = d || (() => {
   });
-  return /* @__PURE__ */ e.jsx("div", { onContextMenu: n, style: { ...s, gridTemplateColumns: `repeat(${a}, 1fr)` }, className: `alex-evo-sh-ui-kit-column-layout ${r}`, children: i(a, c).map((h, u) => /* @__PURE__ */ e.jsx("div", { onClick: (f) => o(u, f), className: `alex-evo-sh-ui-kit-column-layout-coll ${d}`, children: h.map((f, v) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, v)) }, u)) });
+  return /* @__PURE__ */ e.jsx("div", { onClick: n, onContextMenu: r, style: { ...a, gridTemplateColumns: `repeat(${i}, 1fr)` }, className: `alex-evo-sh-ui-kit-column-layout ${s}`, children: o(i, l).map((u, f) => /* @__PURE__ */ e.jsx("div", { onClick: (v) => h(f, v), className: `alex-evo-sh-ui-kit-column-layout-coll ${c}`, children: u.map((v, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: v }, p)) }, f)) });
 };
 const wt = ({ item: n, isIcon: r, globalClick: s }) => {
   const a = () => {
@@ -1569,52 +1569,52 @@ const wt = ({ item: n, isIcon: r, globalClick: s }) => {
     /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(ce, {}) : null })
   ] });
 }, Et = ({ items: n, onHide: r, smallDisplay: s, globalClick: a }) => {
-  const c = U(null), [l, d] = N({ left: "0px", top: "0px" });
-  function i(o) {
+  const i = U(null), [l, d] = N({ left: "0px", top: "0px" });
+  function c(o) {
     for (let h of o)
       if (h.icon)
         return !0;
     return !1;
   }
   return F(() => {
-    if (!c.current)
+    if (!i.current)
       return;
-    let o = fn(c.current.parentElement);
+    let o = fn(i.current.parentElement);
     if (!o)
       return;
-    let h = mn(o.left + o.width, o.top, c.current, { marginRight: o.width });
+    let h = mn(o.left + o.width, o.top, i.current, { marginRight: o.width });
     d({
       left: h.x - o.left + "px",
       top: h.y - o.top + "px"
     });
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: c, className: "menu-sub-block", style: { ...l }, children: n.map((o, h) => /* @__PURE__ */ e.jsx(wt, { item: o, isIcon: i(n), globalClick: a }, h)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: i, className: "menu-sub-block", style: { ...l }, children: n.map((o, h) => /* @__PURE__ */ e.jsx(wt, { item: o, isIcon: c(n), globalClick: a }, h)) }),
     s ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "backplate", onClick: r })
   ] });
-}, Tt = ({ onHide: n, autoHide: r, globalClick: s, item: a, isIcon: c, smallDisplay: l }) => {
-  const [d, i] = N(!1), o = R(() => {
-    a.subItems ? i((h) => !h) : a.onClick && a.onClick(), s && s(), r && n && n();
+}, Tt = ({ onHide: n, autoHide: r, globalClick: s, item: a, isIcon: i, smallDisplay: l }) => {
+  const [d, c] = N(!1), o = R(() => {
+    a.subItems ? c((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: o, children: [
-      c ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
+      i ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: a.title }),
       /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: a.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-status-submenu ${d ? "active" : ""}` }) : a.activated ? /* @__PURE__ */ e.jsx(ce, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
     ] }),
-    d && a.subItems ? /* @__PURE__ */ e.jsx(Et, { items: a.subItems, onHide: () => i(!1), smallDisplay: l }) : null
+    d && a.subItems ? /* @__PURE__ */ e.jsx(Et, { items: a.subItems, onHide: () => c(!1), smallDisplay: l }) : null
   ] });
 };
-function vn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: c }) {
+function vn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: i }) {
   function l(d) {
-    for (let i of d.items)
-      if (i.icon)
+    for (let c of d.items)
+      if (c.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((d, i) => /* @__PURE__ */ e.jsx(Tt, { globalClick: a, autoHide: c, onHide: s, item: d, isIcon: l(n), smallDisplay: r }, i)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((d, c) => /* @__PURE__ */ e.jsx(Tt, { globalClick: a, autoHide: i, onHide: s, item: d, isIcon: l(n), smallDisplay: r }, c)) });
 }
 const Rt = 100, dr = (n) => {
-  const r = U(null), [s, a] = N({ left: "0px", top: "0px" }), c = () => {
+  const r = U(null), [s, a] = N({ left: "0px", top: "0px" }), i = () => {
     n.onHide && n.onHide();
   };
   return F(() => {
@@ -1626,9 +1626,9 @@ const Rt = 100, dr = (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((l, d) => /* @__PURE__ */ e.jsxs(ve.Fragment, { children: [
       d !== 0 ? /* @__PURE__ */ e.jsx(W, {}) : null,
-      /* @__PURE__ */ e.jsx(vn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: c })
+      /* @__PURE__ */ e.jsx(vn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
     ] }, d)) }),
-    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: c, onContextMenu: (l) => {
+    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: i, onContextMenu: (l) => {
       l.preventDefault();
     } })
   ] }) : null;
@@ -1645,10 +1645,10 @@ function _t(n) {
   if (n.length > 0)
     for (let s of n)
       for (let a in s) {
-        let c = !1;
+        let i = !1;
         for (let l of r)
-          l.field === a && (c = !0);
-        c || r.push({
+          l.field === a && (i = !0);
+        i || r.push({
           title: a,
           field: a
         });
@@ -1656,40 +1656,40 @@ function _t(n) {
   return r;
 }
 const $t = ({ data: n, column: r, color: s, backgroundColor: a }) => {
-  function c(i, o) {
+  function i(c, o) {
     for (let h in o)
-      if (i === h)
+      if (c === h)
         return o[h];
   }
-  function l(i) {
-    return typeof i == "number" || typeof i == "string" ? { content: i } : i;
+  function l(c) {
+    return typeof c == "number" || typeof c == "string" ? { content: c } : c;
   }
-  function d(i) {
-    return i ? Array.isArray(i) ? i.map((o) => l(o)) : [l(i)] : [];
+  function d(c) {
+    return c ? Array.isArray(c) ? c.map((o) => l(o)) : [l(c)] : [];
   }
-  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: a }, children: d(c(r.field, n)).map((i, o) => /* @__PURE__ */ e.jsx("p", { style: { color: i.color ?? s }, className: i.onClick ? "no-click" : "", onClick: i.onClick, children: typeof i.content == "string" || typeof i.content == "number" ? i.content : /* @__PURE__ */ e.jsx(i.content, {}) }, o)) });
-}, St = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: c, onEdit: l, onClickRow: d, index: i }) => {
+  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: a }, children: d(i(r.field, n)).map((c, o) => /* @__PURE__ */ e.jsx("p", { style: { color: c.color ?? s }, className: c.onClick ? "no-click" : "", onClick: c.onClick, children: typeof c.content == "string" || typeof c.content == "number" ? c.content : /* @__PURE__ */ e.jsx(c.content, {}) }, o)) });
+}, St = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: i, onEdit: l, onClickRow: d, index: c }) => {
   const o = (u) => !u.target.closest(".no-click"), h = (u) => {
-    o(u) && d && d(r, i);
+    o(u) && d && d(r, c);
   };
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: h, children: [
     s.map((u, f) => /* @__PURE__ */ e.jsx($t, { color: u.color, backgroundColor: u.backgroundColor, column: u, data: r }, f)),
-    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, f) => /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: u.icon, onClick: (v) => u.onClick(v, r, i) }, f)) }) }) : null,
-    a || c || l ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
-      l ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(ct, {}), onClick: () => l(r, i) }) : null,
-      c ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(ot, { className: "text-red-500" }), onClick: () => c(r, i) }) : null,
-      a ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(at, {}), onClick: (u) => a(u, r, i) }) : null
+    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, f) => /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: u.icon, onClick: (v) => u.onClick(v, r, c) }, f)) }) }) : null,
+    a || i || l ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
+      l ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(ct, {}), onClick: () => l(r, c) }) : null,
+      i ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(ot, { className: "text-red-500" }), onClick: () => i(r, c) }) : null,
+      a ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(at, {}), onClick: (u) => a(u, r, c) }) : null
     ] }) }) : null
   ] });
-}, xr = ({ data: n, columns: r, onDelete: s, onContextMenu: a, onEdit: c, actions: l, onClickRow: d, adaptive: i }) => {
+}, xr = ({ data: n, columns: r, onDelete: s, onContextMenu: a, onEdit: i, actions: l, onClickRow: d, adaptive: c }) => {
   const [o] = N(r ?? _t(n));
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${d ? "clicked" : ""} ${i ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${d ? "clicked" : ""} ${c ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
       o.map((h, u) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, u)),
       l ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }) : null,
-      s || a || c ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
+      s || a || i ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
     ] }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, u) => /* @__PURE__ */ e.jsx(St, { onClickRow: d, actions: l, index: u, columns: o, item: h, onDelete: s, onContextMenu: a, onEdit: c }, u)) })
+    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, u) => /* @__PURE__ */ e.jsx(St, { onClickRow: d, actions: l, index: u, columns: o, item: h, onDelete: s, onContextMenu: a, onEdit: i }, u)) })
   ] }) });
 };
 const Ot = ({ icon: n, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Oe, { to: s, className: "navigation-item", children: [
@@ -1705,7 +1705,7 @@ const ln = ({ onClick: n, icon: r, title: s, to: a }) => /* @__PURE__ */ e.jsxs(
 ] }), fe = ({ onClick: n, icon: r, title: s, active: a = !1 }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: `navigation-item ${a ? "active" : ""}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: r }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: s })
-] }), fr = ({ visible: n, firstBtn: r, mainBtn: s, onHide: a, otherBtn: c, backBtn: l, openAlways: d }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+] }), fr = ({ visible: n, firstBtn: r, mainBtn: s, onHide: a, otherBtn: i, backBtn: l, openAlways: d }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
   /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer-container ${n || d ? "show" : "hide"}`, children: [
     r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
@@ -1716,12 +1716,12 @@ const ln = ({ onClick: n, icon: r, title: s, to: a }) => /* @__PURE__ */ e.jsxs(
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
       /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
-      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: s && s.map((i, o) => i.type === "button" ? /* @__PURE__ */ e.jsx(fe, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }, o) : i.type === "link" ? /* @__PURE__ */ e.jsx(ln, { onClick: () => a(), title: i.text, icon: i.icon, to: i.to }, o) : null) })
+      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: s && s.map((c, o) => c.type === "button" ? /* @__PURE__ */ e.jsx(fe, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, o) : c.type === "link" ? /* @__PURE__ */ e.jsx(ln, { onClick: () => a(), title: c.text, icon: c.icon, to: c.to }, o) : null) })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(W, {}) }),
     /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
       /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
-      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: c && c.map((i, o) => i.type === "button" ? /* @__PURE__ */ e.jsx(fe, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }, o) : i.type === "link" ? /* @__PURE__ */ e.jsx(ln, { onClick: () => a(), title: i.text, icon: i.icon, to: i.to }, o) : null) })
+      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: i && i.map((c, o) => c.type === "button" ? /* @__PURE__ */ e.jsx(fe, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, o) : c.type === "link" ? /* @__PURE__ */ e.jsx(ln, { onClick: () => a(), title: c.text, icon: c.icon, to: c.to }, o) : null) })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(W, {}) }),
     l ? /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsx(fe, { active: l.active, onClick: l.onClick, title: l.text, icon: l.icon }) }) : null
@@ -1738,16 +1738,16 @@ const Mt = ({ icon: n, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Oe, { to: s,
   n ? /* @__PURE__ */ e.jsx(me, { icon: /* @__PURE__ */ e.jsx(xn, {}), onClick: n }) : null,
   r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(W, {}),
-    /* @__PURE__ */ e.jsx(me, { active: r.active, title: r.text, icon: r.icon ?? /* @__PURE__ */ e.jsx(Se, {}), onClick: (c) => {
-      r.onClick && r.onClick(c);
+    /* @__PURE__ */ e.jsx(me, { active: r.active, title: r.text, icon: r.icon ?? /* @__PURE__ */ e.jsx(Se, {}), onClick: (i) => {
+      r.onClick && r.onClick(i);
     } }),
     /* @__PURE__ */ e.jsx(W, {})
   ] }) : null,
-  s && s.map((c, l) => c.type === "button" ? /* @__PURE__ */ e.jsx(me, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, l) : c.type === "link" ? /* @__PURE__ */ e.jsx(Mt, { title: c.text, icon: c.icon, to: c.to }, l) : null),
+  s && s.map((i, l) => i.type === "button" ? /* @__PURE__ */ e.jsx(me, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }, l) : i.type === "link" ? /* @__PURE__ */ e.jsx(Mt, { title: i.text, icon: i.icon, to: i.to }, l) : null),
   a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(W, {}),
-    /* @__PURE__ */ e.jsx(me, { active: a.active, title: a.text, icon: a.icon ?? /* @__PURE__ */ e.jsx(Se, {}), onClick: (c) => {
-      a.onClick && a.onClick(c);
+    /* @__PURE__ */ e.jsx(me, { active: a.active, title: a.text, icon: a.icon ?? /* @__PURE__ */ e.jsx(Se, {}), onClick: (i) => {
+      a.onClick && a.onClick(i);
     } }),
     /* @__PURE__ */ e.jsx(W, {})
   ] }) : null
@@ -1766,7 +1766,7 @@ const Pt = (n) => {
   const r = Ft(n);
   return r ? `linear-gradient(135deg, rgba(${r.r}, ${r.g}, ${r.b}, 0.1), rgba(${r.r}, ${r.g}, ${r.b}, 0))` : "linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";
 };
-const vr = ({ className: n, text: r, title: s, hexColor: a, hexBackground: c, style: l, btn: d }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Pt(c), color: a, ...l }, children: [
+const vr = ({ className: n, text: r, title: s, hexColor: a, hexBackground: i, style: l, btn: d }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Pt(i), color: a, ...l }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: s }),
   r ? /* @__PURE__ */ e.jsx("p", { children: r }) : null,
   d ? /* @__PURE__ */ e.jsx(dn, { styleType: d.styleType ?? "filled", style: d.style, className: d.className, onClick: d.onClick, children: d.text }) : null