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

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

@@ -1,6 +1,6 @@
 import ve, { useState as N, useCallback as R, useEffect as F, forwardRef as on, createElement as _e, useRef as U } from "react";
 import { NavLink as Oe } from "react-router-dom";
-import './index.css';var Se = { exports: {} }, se = {};
+import './index.css';var $e = { exports: {} }, se = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.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, 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 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);
     for (u in o)
       a.call(o, u) && !l.hasOwnProperty(u) && (f[u] = o[u]);
-    if (c && c.defaultProps)
-      for (u in o = c.defaultProps, o)
+    if (i && i.defaultProps)
+      for (u in o = i.defaultProps, o)
         f[u] === void 0 && (f[u] = o[u]);
-    return { $$typeof: r, type: c, key: v, ref: g, props: f, _owner: i.current };
+    return { $$typeof: r, type: i, key: v, ref: g, props: f, _owner: c.current };
   }
   return se.Fragment = s, se.jsx = d, se.jsxs = d, se;
 }
@@ -41,8 +41,8 @@ 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"), 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"), g = Symbol.for("react.offscreen"), y = Symbol.iterator, w = "@@iterator";
-    function S(t) {
+    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";
+    function $(t) {
       if (t === null || typeof t != "object")
         return null;
       var x = y && t[y] || t[w];
@@ -53,10 +53,10 @@ function Un() {
       {
         for (var x = arguments.length, m = new Array(x > 1 ? x - 1 : 0), p = 1; p < x; p++)
           m[p - 1] = arguments[p];
-        B("error", t, m);
+        L("error", t, m);
       }
     }
-    function B(t, x, m) {
+    function L(t, x, m) {
       {
         var p = O.ReactDebugCurrentFrame, C = p.getStackAddendum();
         C !== "" && (x += "%s", m = m.concat([C]));
@@ -66,10 +66,10 @@ function Un() {
         T.unshift("Warning: " + x), Function.prototype.apply.call(console[t], console, T);
       }
     }
-    var j = !1, _ = !1, W = !1, K = !1, ee = !1, H;
+    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 === i || t === h || t === u || K || t === g || j || _ || W || 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
+      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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -85,7 +85,7 @@ function Un() {
     function De(t) {
       return t.displayName || "Context";
     }
-    function V(t) {
+    function B(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,7 +99,7 @@ function Un() {
           return "Portal";
         case l:
           return "Profiler";
-        case i:
+        case c:
           return "StrictMode";
         case h:
           return "Suspense";
@@ -108,7 +108,7 @@ function Un() {
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case c:
+          case i:
             var x = t;
             return De(x) + ".Consumer";
           case d:
@@ -118,11 +118,11 @@ function Un() {
             return X(t, t.render, "ForwardRef");
           case f:
             var p = t.displayName || null;
-            return p !== null ? p : V(t.type) || "Memo";
+            return p !== null ? p : B(t.type) || "Memo";
           case v: {
             var C = t, T = C._payload, k = C._init;
             try {
-              return V(k(T));
+              return B(k(T));
             } catch {
               return null;
             }
@@ -130,18 +130,18 @@ function Un() {
         }
       return null;
     }
-    var q = Object.assign, ne = 0, Me, Fe, Pe, Ae, Ie, Ye, Be;
-    function Le() {
+    var q = Object.assign, ne = 0, Me, Fe, Pe, Ae, Ie, Ye, Le;
+    function We() {
     }
-    Le.__reactDisabledLog = !0;
+    We.__reactDisabledLog = !0;
     function jn() {
       {
         if (ne === 0) {
-          Me = console.log, Fe = console.info, Pe = console.warn, Ae = console.error, Ie = console.group, Ye = console.groupCollapsed, Be = console.groupEnd;
+          Me = console.log, Fe = console.info, Pe = console.warn, Ae = console.error, Ie = console.group, Ye = console.groupCollapsed, Le = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: Le,
+            value: We,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -185,7 +185,7 @@ function Un() {
               value: Ye
             }),
             groupEnd: q({}, t, {
-              value: Be
+              value: Le
             })
           });
         }
@@ -211,7 +211,7 @@ function Un() {
       var gn = typeof WeakMap == "function" ? WeakMap : Map;
       ue = new gn();
     }
-    function We(t, x) {
+    function Ve(t, x) {
       if (!t || ye)
         return "";
       {
@@ -261,18 +261,18 @@ function Un() {
         if (A && p && typeof A.stack == "string") {
           for (var b = A.stack.split(`
 `), P = p.stack.split(`
-`), $ = b.length - 1, D = P.length - 1; $ >= 1 && D >= 0 && b[$] !== P[D]; )
+`), S = b.length - 1, D = P.length - 1; S >= 1 && D >= 0 && b[S] !== P[D]; )
             D--;
-          for (; $ >= 1 && D >= 0; $--, D--)
-            if (b[$] !== P[D]) {
-              if ($ !== 1 || D !== 1)
+          for (; S >= 1 && D >= 0; S--, D--)
+            if (b[S] !== P[D]) {
+              if (S !== 1 || D !== 1)
                 do
-                  if ($--, D--, D < 0 || b[$] !== P[D]) {
+                  if (S--, D--, D < 0 || b[S] !== P[D]) {
                     var Y = `
-` + b[$].replace(" at new ", " at ");
+` + b[S].replace(" at new ", " at ");
                     return t.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", t.displayName)), typeof t == "function" && ue.set(t, Y), Y;
                   }
-                while ($ >= 1 && D >= 0);
+                while (S >= 1 && D >= 0);
               break;
             }
         }
@@ -283,7 +283,7 @@ function Un() {
       return typeof t == "function" && ue.set(t, G), G;
     }
     function yn(t, x, m) {
-      return We(t, !1);
+      return Ve(t, !1);
     }
     function bn(t) {
       var x = t.prototype;
@@ -293,7 +293,7 @@ function Un() {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return We(t, bn(t));
+        return Ve(t, bn(t));
       if (typeof t == "string")
         return de(t);
       switch (t) {
@@ -318,7 +318,7 @@ function Un() {
         }
       return "";
     }
-    var te = Object.prototype.hasOwnProperty, Ve = {}, ze = O.ReactDebugCurrentFrame;
+    var te = Object.prototype.hasOwnProperty, Be = {}, ze = O.ReactDebugCurrentFrame;
     function he(t) {
       if (t) {
         var x = t._owner, m = xe(t.type, t._source, x ? x.type : null);
@@ -338,10 +338,10 @@ function Un() {
                 throw P.name = "Invariant Violation", P;
               }
               b = t[k](x, k, p, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch ($) {
-              b = $;
+            } 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 Ve) && (Ve[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).", 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));
           }
       }
     }
@@ -394,11 +394,11 @@ function Un() {
     }
     function _n(t, x) {
       if (typeof t.ref == "string" && re.current && x && re.current.stateNode !== x) {
-        var m = V(re.current.type);
-        ke[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(re.current.type), t.ref), ke[m] = !0);
+        var m = B(re.current.type);
+        ke[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', B(re.current.type), t.ref), ke[m] = !0);
       }
     }
-    function Sn(t, x) {
+    function $n(t, x) {
       {
         var m = function() {
           Xe || (Xe = !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)", x));
@@ -409,7 +409,7 @@ function Un() {
         });
       }
     }
-    function $n(t, x) {
+    function Sn(t, x) {
       {
         var m = function() {
           qe || (qe = !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)", x));
@@ -456,13 +456,13 @@ function Un() {
         for (T in x)
           te.call(x, T) && !En.hasOwnProperty(T) && (k[T] = x[T]);
         if (t && t.defaultProps) {
-          var $ = t.defaultProps;
-          for (T in $)
-            k[T] === void 0 && (k[T] = $[T]);
+          var S = t.defaultProps;
+          for (T in S)
+            k[T] === void 0 && (k[T] = S[T]);
         }
         if (b || P) {
           var D = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          b && Sn(k, D), P && $n(k, D);
+          b && $n(k, D), P && Sn(k, D);
         }
         return On(t, b, P, C, p, re.current, k);
       }
@@ -483,7 +483,7 @@ function Un() {
     function Je() {
       {
         if (Ne.current) {
-          var t = V(Ne.current.type);
+          var t = B(Ne.current.type);
           if (t)
             return `
 
@@ -526,7 +526,7 @@ Check the top-level render call using <` + m + ">.");
           return;
         He[m] = !0;
         var p = "";
-        t && t._owner && t._owner !== Ne.current && (p = " It was passed a child from " + V(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);
+        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);
       }
     }
     function Qe(t, x) {
@@ -541,7 +541,7 @@ Check the top-level render call using <` + m + ">.");
         else if (we(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var C = S(t);
+          var C = $(t);
           if (typeof C == "function" && C !== t.entries)
             for (var T = C.call(t), k; !(k = T.next()).done; )
               we(k.value) && Ze(k.value, x);
@@ -563,11 +563,11 @@ Check the top-level render call using <` + m + ">.");
         else
           return;
         if (m) {
-          var p = V(x);
+          var p = B(x);
           kn(m, t.props, "prop", p, t);
         } else if (x.PropTypes !== void 0 && !Ce) {
           Ce = !0;
-          var C = V(x);
+          var C = B(x);
           E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
         typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -594,8 +594,8 @@ Check the top-level render call using <` + m + ">.");
           (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 P = Mn(C);
           P ? b += P : b += Je();
-          var $;
-          t === null ? $ = "null" : be(t) ? $ = "array" : t !== void 0 && t.$$typeof === r ? ($ = "<" + (V(t.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : $ = 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", $, b);
+          var S;
+          t === null ? S = "null" : be(t) ? S = "array" : t !== void 0 && t.$$typeof === r ? (S = "<" + (B(t.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : S = 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", S, b);
         }
         var D = Dn(t, x, m, C, T);
         if (D == null)
@@ -614,17 +614,17 @@ Check the top-level render call using <` + m + ">.");
               Qe(Y, t);
         }
         if (te.call(x, "key")) {
-          var G = V(t), A = Object.keys(x).filter(function(Vn) {
-            return Vn !== "key";
+          var G = B(t), A = Object.keys(x).filter(function(Bn) {
+            return Bn !== "key";
           }), Ee = A.length > 0 ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!en[G + Ee]) {
-            var Wn = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
+            var Vn = A.length > 0 ? "{" + A.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} />`, Ee, G, Wn, G), en[G + Ee] = !0;
+  <%s key={someKey} {...props} />`, Ee, G, Vn, G), en[G + Ee] = !0;
           }
         }
         return t === a ? An(D) : Pn(D), D;
@@ -636,30 +636,30 @@ React keys must be passed directly to JSX without using spread:
     function Yn(t, x, m) {
       return nn(t, x, m, !1);
     }
-    var Bn = Yn, Ln = In;
-    ae.Fragment = a, ae.jsx = Bn, ae.jsxs = Ln;
+    var Ln = Yn, Wn = In;
+    ae.Fragment = a, ae.jsx = Ln, ae.jsxs = Wn;
   }()), ae;
 }
-process.env.NODE_ENV === "production" ? Se.exports = zn() : Se.exports = Un();
-var e = Se.exports;
+process.env.NODE_ENV === "production" ? $e.exports = zn() : $e.exports = Un();
+var e = $e.exports;
 const Kn = (n) => le({ ...n, className: (n.className ?? "") + " outline-button" }), M = (n) => le({ ...n, className: (n.className ?? "") + " text-button" }), Xn = (n) => le({ ...n, className: (n.className ?? "") + " total-button" }), qn = (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 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(() => {
+    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(() => {
       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: 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 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 o = (h) => {
     h.target.closest(".control-container") || l && l(h);
   };
-  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,
+  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,
     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: i
     r ? /* @__PURE__ */ e.jsx("div", { className: "control-container", children: r }) : null
   ] });
 };
-const ie = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu: i, disabled: l, classNameContainer: d, style: c }) => {
+const ie = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu: c, disabled: l, classNameContainer: d, style: i }) => {
   const o = (h) => {
     a && a(h);
     let u = document.createElement("span");
@@ -677,9 +677,9 @@ 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, ...c }, className: `iconbutton ${s}`, onClick: o, onContextMenu: i, disabled: l, children: /* @__PURE__ */ e.jsx("div", { className: `${d} iconbutton-container`, children: r }) });
+  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 }) });
 };
-const Yt = ({ className: n, action: r, imgSrc: s, alt: a, header: i, subhead: l, text: d, children: c, iconButtonCell: o, onClick: h }) => {
+const Yt = ({ className: n, action: r, imgSrc: s, alt: a, header: c, subhead: l, text: d, children: i, 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;
@@ -688,8 +688,8 @@ const Yt = ({ className: n, action: r, imgSrc: s, alt: a, header: i, subhead: l,
       return;
     let w = document.createElement("span");
     w.classList.add("btn-overlay");
-    let S = v.pageX - v.currentTarget.offsetLeft, O = v.pageY - v.currentTarget.offsetTop;
-    w.style.left = S + "px", w.style.top = O + "px", y.appendChild(w), setTimeout(() => {
+    let $ = v.pageX - v.currentTarget.offsetLeft, O = v.pageY - v.currentTarget.offsetTop;
+    w.style.left = $ + "px", w.style.top = O + "px", y.appendChild(w), setTimeout(() => {
       w.remove();
     }, 500);
   };
@@ -698,34 +698,34 @@ const Yt = ({ className: n, action: r, imgSrc: s, alt: a, header: i, 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: i }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: c }) }),
         o ? /* @__PURE__ */ e.jsx("div", { className: "icon-button-container", children: o }) : null
       ] }),
       l ? /* @__PURE__ */ e.jsx("div", { className: "card-subhead-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "subhead", children: /* @__PURE__ */ e.jsx("h3", { className: "text-xl", children: l }) }) }) : null,
       d ? /* @__PURE__ */ e.jsx("div", { className: "card-text-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: d }) }) }) : null,
-      c ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: c }) : null,
+      i ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: i }) : 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 Bt = ({ 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");
+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 }), c(!0), document.body.style.cursor = "move");
+    w.button == 1 && (h({ x: w.clientX, y: w.clientY }), i(!0), document.body.style.cursor = "move");
   }, y = R((w) => {
-    d && (f((S) => {
+    d && (f(($) => {
       if (!o)
-        return S;
+        return $;
       const O = w.clientX - o.x, E = w.clientY - o.y;
-      let B = S.x + O, j = S.y + E;
-      return { x: B, y: j };
+      let L = $.x + O, j = $.y + E;
+      return { x: L, y: j };
     }), h({ x: w.clientX, y: w.clientY }));
   }, [d, o]);
   return F(() => {
     l && f({ ...l });
-  }, [l]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: a, width: i }, 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: 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 }) });
 };
 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 Lt = ({ name: n, checked: r, onChange: s, readOnly: a, checkIcon: i }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
+const Wt = ({ 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: i || /* @__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
@@ -783,10 +783,10 @@ const nt = on(
     size: r = 24,
     strokeWidth: s = 2,
     absoluteStrokeWidth: a,
-    className: i = "",
+    className: c = "",
     children: l,
     iconNode: d,
-    ...c
+    ...i
   }, 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", i),
-      ...c
+      className: un("lucide", c),
+      ...i
     },
     [
       ...d.map(([h, u]) => _e(h, u)),
@@ -813,11 +813,11 @@ const nt = on(
  */
 const I = (n, r) => {
   const s = on(
-    ({ className: a, ...i }, l) => _e(nt, {
+    ({ className: a, ...c }, l) => _e(nt, {
       ref: l,
       iconNode: r,
       className: un(`lucide-${Qn(n)}`, a),
-      ...i
+      ...c
     })
   );
   return s.displayName = `${n}`, s;
@@ -897,7 +897,7 @@ const at = I("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $e = I("Ellipsis", [
+const Se = I("Ellipsis", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
@@ -962,34 +962,34 @@ const je = I("X", [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
 const dt = ({ text: n, onDelete: r, big: s, onClick: a }) => {
-  const i = (d) => !(d.target.className === "alex-evo-ui-kit-chips-btn" || d.target.closest(".alex-evo-ui-kit-chips-btn")), l = (d) => {
-    i(d) && a && a(d);
+  const 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);
   };
   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: i, border: l, onClear: d, icon: c, onChange: o, name: h, value: u, placeholder: f, className: v, validEmptyValue: g, onFocus: y, onBlur: w, error: S, max: O, min: E }) => {
-  const B = U(null), [j, _] = N(!1), W = R((ee, H) => _(!!(S || ee && (!H || H === ""))), []);
+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 L = U(null), [j, _] = N(!1), V = R((ee, H) => _(!!($ || ee && (!H || H === ""))), []);
   F(() => {
-    W(g, u);
-  }, [u, g, W]);
+    V(g, u);
+  }, [u, g, V]);
   const K = () => {
-    B.current && B.current.focus();
+    L.current && L.current.focus();
   };
   return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field ${l ? "border" : ""} ${s ? "transparent" : ""} ${v}`, children: [
-    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: K, children: c }) : null,
+    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: K, children: i }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: K, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: B,
+          ref: L,
           max: O,
           min: E,
           readOnly: a,
           required: !0,
-          type: i ? "password" : r,
+          type: c ? "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 Wt = ({ 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: g }) => {
-  const y = U(null), [w, S] = N(!1), O = R((B, j) => S(!!(g || B && (!j || j === ""))), []);
+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 === ""))), []);
   F(() => {
-    O(u, c);
-  }, [c, u, O]);
+    O(u, i);
+  }, [i, 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: [
-    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: E, children: i }) : 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",
       {
@@ -1023,7 +1023,7 @@ const Wt = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: i
         placeholder: o,
         className: `${w ? "error" : ""}`,
         name: d,
-        value: c,
+        value: i,
         onChange: l,
         onFocus: f,
         onBlur: v
@@ -1031,7 +1031,7 @@ const Wt = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: i
     ) })
   ] });
 };
-const L = ({ style: n, short: r, text: s }) => s ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `divider-and-text ${r ? "short" : ""}`, children: [
+const W = ({ style: n, short: r, text: s }) => s ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `divider-and-text ${r ? "short" : ""}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: `divider ${r ? "short" : ""}` }),
   s,
   /* @__PURE__ */ e.jsx("div", { className: `divider ${r ? "short" : ""}` })
@@ -1039,11 +1039,11 @@ const L = ({ 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", {})
-] }), Vt = ({ 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 }),
+] }), 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 }),
   /* @__PURE__ */ e.jsx("span", {})
 ] });
-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: [
+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: [
   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 [i, l] = N([]), [d, c] = N("");
+  const [c, l] = N([]), [d, i] = N("");
   F(() => {
     console.log("p0"), l(xt(r));
   }, [r]), F(() => {
-    console.log(i);
-  }, [i]);
+    console.log(c);
+  }, [c]);
   const o = (f) => {
-    c(f.target.value);
+    i(f.target.value);
   }, h = R(() => {
-    if (d === "" || i.includes(d))
+    if (d === "" || c.includes(d))
       return;
-    const f = [...i, d.trim()];
-    l(f), s && s(an(f)), c("");
-  }, [i, d]), u = (f) => {
-    const v = i.filter((g, y) => y !== f);
+    const f = [...c, d.trim()];
+    l(f), s && s(an(f)), i("");
+  }, [c, d]), u = (f) => {
+    const v = c.filter((g, 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: i.map((f, v) => /* @__PURE__ */ e.jsx(dt, { text: f, onDelete: () => u(v) }, v)) })
+    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: c.map((f, v) => /* @__PURE__ */ e.jsx(dt, { text: f, onDelete: () => u(v) }, v)) })
   ] });
 };
-const Xt = ({ style: n, text: r, className: s, onClick: a, onContextMenu: i }) => {
+const Xt = ({ style: n, text: r, className: s, onClick: a, onContextMenu: c }) => {
   const l = U(null), d = R(() => {
     if (!l.current)
       return;
-    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 = "";
+    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 = "";
   }, [r]);
   return F(() => {
     d();
-  }, [d]), /* @__PURE__ */ e.jsx("div", { style: n, ref: l, onClick: a, onContextMenu: i, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: r }) });
+  }, [d]), /* @__PURE__ */ e.jsx("div", { style: n, ref: l, onClick: a, onContextMenu: c, 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 i = U(null), [l, d] = N(""), [c, o] = N(!1), h = () => {
-    i.current && (i.current.focus(), o(!0));
+  const c = U(null), [l, d] = N(""), [i, o] = N(!1), h = () => {
+    c.current && (c.current.focus(), o(!0));
   }, u = () => {
-    i.current && (i.current.focus(), i.current.value = ""), d(""), o(!0), a && r("");
+    c.current && (c.current.focus(), c.current.value = ""), d(""), o(!0), a && r("");
   }, f = () => {
-    u(), i.current && (i.current.blur(), o(!1));
+    u(), c.current && (c.current.blur(), o(!1));
   }, v = (y) => {
     d(y.target.value), a && r(y.target.value);
   }, g = (y) => {
     y.code === "Enter" && r(l);
   };
   return /* @__PURE__ */ e.jsx("div", { className: "search-container", children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
-    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: g, 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 }) })
+    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 }) })
   ] }) });
 };
 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: i, onContextMenu: l, onChange: d }) => {
-  const [c, o] = N(ht(r)), h = (u) => {
-    i && i(u);
+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 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 = c.filter((y) => y === f.dataset.el);
-    let g = c.slice();
+    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);
   };
-  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,
+  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,
     /* @__PURE__ */ e.jsx("div", { className: "text-container", children: u })
   ] }, f) }, f)) });
 };
@@ -1145,21 +1145,21 @@ const fn = (n) => n ? {
   left: Number(n.getBoundingClientRect().left),
   top: Number(n.getBoundingClientRect().top)
 } : void 0, mn = (n, r, s, a) => {
-  let i = { x: n, y: r };
+  let c = { x: n, y: r };
   if (!s)
-    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;
+    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;
 };
-function ft(n, r, s, a, i) {
-  return a + (i - a) * ((n - r) / (s - r));
+function ft(n, r, s, a, c) {
+  return a + (c - a) * ((n - r) / (s - r));
 }
 const Te = 0, Re = 100, Qt = (n) => {
-  const [r, s] = N(0), [a, i] = N(!1), l = U(null), d = U(null);
+  const [r, s] = N(0), [a, c] = N(!1), l = U(null), d = U(null);
   F(() => {
     n.value ? s(n.value) : s(0);
   }, [n.value]);
-  const c = (f) => {
+  const i = (f) => {
     s(Number(f.target.value)), n.onChange(f);
   }, o = (f, v, g) => {
     if (l.current && d.current) {
@@ -1169,9 +1169,9 @@ const Te = 0, Re = 100, Qt = (n) => {
     }
     return 0;
   }, h = R((f) => {
-    i(!0), n.onFocus && n.onFocus(f);
+    c(!0), n.onFocus && n.onFocus(f);
   }, [n.onFocus]), u = R((f) => {
-    i(!1), n.onBlur && n.onBlur(f);
+    c(!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: c, 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: i, 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: i, style: l }) => {
+const J = ({ className: n, children: r, header: s, action: a, onHide: c, style: l }) => {
   function d() {
-    i && i();
+    c && c();
   }
   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: i, 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: i, onHide: l }) => {
-  const [d, c] = N(!1), o = R(() => {
-    window.innerWidth < 720 ? c(!0) : c(!1);
+] }), 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);
   }, [window.innerWidth]);
   F(() => {
     o();
@@ -1212,23 +1212,23 @@ const J = ({ className: n, children: r, header: s, action: a, onHide: i, style:
   const h = () => {
     l && l();
   }, u = () => {
-    i && i();
+    c && c();
   };
   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: i ? /* @__PURE__ */ e.jsx(M, { onClick: u, children: "save" }) : null })
+      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__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: 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();
+  ] }) : /* @__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();
   }, []), 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: c }), 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: i }), 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,16 +1236,16 @@ 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: i = !1, name: l = "dailog_name" }) {
-  const [d, c] = N(void 0), o = R(() => {
-    n && d && n(d), c(void 0), !i && a && a();
+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();
   }, [d]), h = R((u) => {
-    c(u);
+    i(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(L, { style: { padding: "0px" } }),
+    /* @__PURE__ */ e.jsx(W, { style: { padding: "0px" } }),
     /* @__PURE__ */ e.jsx(Gn, { className: "transparent", scroll: !0, maxHeight: "200px", children: r.map((u, f) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(Jn, { hovered: !0, header: u.title, onClick: () => h(u.data), control: /* @__PURE__ */ e.jsx(ut, { name: l, checked: u.data === d }) }) }, f)) }),
-    /* @__PURE__ */ e.jsx(L, { style: { padding: "0px" } })
+    /* @__PURE__ */ e.jsx(W, { style: { padding: "0px" } })
   ] });
 }
 function jt({ onSuccess: n, onHide: r, disabled: s }) {
@@ -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: i, placeholder: l, type: d = "text", min: c = 0, max: o = 100 }) => {
+const rr = ({ styleContainer: n, text: r, header: s, onSuccess: a, onHide: c, placeholder: l, type: d = "text", min: i = 0, max: o = 100 }) => {
   const [h, u] = N(""), f = R(() => {
-    a && a(h), i && i();
+    a && a(h), c && c();
   }, [h]), v = (g) => {
-    d === "number" && (Number(g) < c && (g = String(c)), Number(g) > o && (g = String(o))), u(g);
+    d === "number" && (Number(g) < i && (g = String(i)), Number(g) > o && (g = String(o))), u(g);
   };
-  return /* @__PURE__ */ e.jsxs(J, { style: n, header: s, action: /* @__PURE__ */ e.jsx(pt, { onHide: i, onSuccess: f }), children: [
+  return /* @__PURE__ */ e.jsxs(J, { style: n, header: s, action: /* @__PURE__ */ e.jsx(pt, { onHide: c, 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: c, 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: i, type: d, border: !0, placeholder: l, value: h, onChange: (g) => v(g.target.value) }) })
   ] });
 };
 function pt({ onSuccess: n, onHide: r }) {
@@ -1285,17 +1285,17 @@ 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()), [i] = N((/* @__PURE__ */ new Date()).getDate()), [l, d] = N(z[(/* @__PURE__ */ new Date()).getMonth()]), [c, o] = N((/* @__PURE__ */ new Date()).getFullYear()), [h, u] = N({
+  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({
     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, _, W) => new Date(j, _, W).getDay(), w = (j, _) => {
-    let W = 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 W = Array(y(j, _, 0)).fill(0).map((oe, X) => ({ type: "PREV_MONTH", day: g(_ ? j : j - 1, _ ? _ - 1 : 11) - X })).reverse().concat(W).concat(ee), W;
-  }, S = (j) => {
+  ), 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;
+  }, $ = (j) => {
     v(
       "DAYS"
       /* DAYS */
@@ -1307,10 +1307,10 @@ const gt = 2050, cn = 1900, z = [
     ), d(j);
   }, E = (j) => {
     u(j);
-  }, B = R(() => {
+  }, L = R(() => {
     let j = /* @__PURE__ */ new Date();
-    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]);
+    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]);
   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: [
-        c,
+        i,
         " ",
         /* @__PURE__ */ e.jsx(sn, {})
       ] }) })
@@ -1333,8 +1333,8 @@ const gt = 2050, cn = 1900, z = [
     f === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: z.map((j, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => O(j), children: [
       /* @__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: () => S(j), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === j ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
+    ] }, _)) }) : 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: "content", children: j })
     ] }, _)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
@@ -1346,16 +1346,16 @@ 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(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.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.jsxs("div", { className: "calendar-body-action-container", children: [
       /* @__PURE__ */ e.jsx(M, { className: "little m-0", onClick: r, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(M, { className: "little m-0", onClick: B, children: "OK" })
+      /* @__PURE__ */ e.jsx(M, { className: "little m-0", onClick: L, children: "OK" })
     ] })
   ] });
 };
-const bt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: i, onCancel: l, onOK: d }) => {
-  const [c, o] = N(!1), h = R((v) => {
+const bt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: c, onCancel: l, onOK: d }) => {
+  const [i, 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: i, 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: i, 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(Nt, { setMinutes: u }) : /* @__PURE__ */ e.jsx(kt, { setHours: h }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: i ? /* @__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: i, onCancel: l, onOK: d }) => {
-  const c = (h) => {
+const Ct = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: c, onCancel: l, onOK: d }) => {
+  const i = (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: i, 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: i, onChange: c }) }),
+        /* @__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("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: i, o
     ] })
   ] });
 }, ar = (n) => {
-  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);
+  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);
   }, 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: 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 }) });
+  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 }) });
 };
 const ir = ({ onChange: n, value: r, className: s }) => {
-  const [a, i] = N(r || []), l = R((c) => {
-    if (!c)
+  const [a, c] = N(r || []), l = R((i) => {
+    if (!i)
       return;
     let o = a.slice();
-    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]);
+    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]);
   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,22 +1511,22 @@ 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: i = "5px", itemMinWith: l, itemMaxWith: d, itemWith: c = "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: c = "5px", itemMinWith: l, itemMaxWith: d, itemWith: i = "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 = 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((S) => {
-      S.style.gridAutoRows = "0", S.style.gridAutoColumns = "0";
+    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.gridTemplateColumns = "repeat(auto-fill, minmax(" + y + ", " + w + "))", o.current.style.gridAutoRows = "0", h.forEach(($) => {
+      $.style.gridAutoRows = "0", $.style.gridAutoColumns = "0";
     });
   }, [o.current]), v = R(() => {
     if (!o.current)
       return;
     let y = parseInt(window.getComputedStyle(o.current).getPropertyValue("grid-row-gap")), w = parseInt(window.getComputedStyle(o.current).getPropertyValue("grid-auto-rows"));
-    h.forEach((S) => {
-      let O = 0, E = S.querySelector(".adaptiv-grid-item-container");
-      E && (O = Math.ceil((E.getBoundingClientRect().height + y) / (w + y))), S.style.gridRowEnd = "span " + O;
+    h.forEach(($) => {
+      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(() => {
     if (o.current) {
@@ -1544,6 +1544,21 @@ 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}`);
+        continue;
+      }
+      f[v.indexCol].push(v.node);
+    }
+    return f;
+  }, o = l || (() => {
+  });
+  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)) });
+};
 const wt = ({ item: n, isIcon: r, globalClick: s }) => {
   const a = () => {
     n.onClick && n.onClick(), s && s();
@@ -1554,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 i = U(null), [l, d] = N({ left: "0px", top: "0px" });
-  function c(o) {
+  const c = U(null), [l, d] = N({ left: "0px", top: "0px" });
+  function i(o) {
     for (let h of o)
       if (h.icon)
         return !0;
     return !1;
   }
   return F(() => {
-    if (!i.current)
+    if (!c.current)
       return;
-    let o = fn(i.current.parentElement);
+    let o = fn(c.current.parentElement);
     if (!o)
       return;
-    let h = mn(o.left + o.width, o.top, i.current, { marginRight: o.width });
+    let h = mn(o.left + o.width, o.top, c.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: i, className: "menu-sub-block", style: { ...l }, children: n.map((o, h) => /* @__PURE__ */ e.jsx(wt, { item: o, isIcon: c(n), globalClick: a }, h)) }),
+    /* @__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)) }),
     s ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "backplate", onClick: r })
   ] });
-}, 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();
+}, 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();
   }, [a.onClick]);
   return /* @__PURE__ */ e.jsxs("div", { className: "menu-item-conatiner", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "menu-item", onClick: o, children: [
-      i ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
+      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 ${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: () => c(!1), smallDisplay: l }) : null
+    d && a.subItems ? /* @__PURE__ */ e.jsx(Et, { items: a.subItems, onHide: () => i(!1), smallDisplay: l }) : null
   ] });
 };
-function vn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: i }) {
+function vn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: c }) {
   function l(d) {
-    for (let c of d.items)
-      if (c.icon)
+    for (let i of d.items)
+      if (i.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((d, c) => /* @__PURE__ */ e.jsx(Tt, { globalClick: a, autoHide: i, onHide: s, item: d, isIcon: l(n), smallDisplay: r }, c)) });
+  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)) });
 }
-const Rt = 100, or = (n) => {
-  const r = U(null), [s, a] = N({ left: "0px", top: "0px" }), i = () => {
+const Rt = 100, dr = (n) => {
+  const r = U(null), [s, a] = N({ left: "0px", top: "0px" }), c = () => {
     n.onHide && n.onHide();
   };
   return F(() => {
@@ -1610,18 +1625,18 @@ const Rt = 100, or = (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(L, {}) : null,
-      /* @__PURE__ */ e.jsx(vn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
+      d !== 0 ? /* @__PURE__ */ e.jsx(W, {}) : null,
+      /* @__PURE__ */ e.jsx(vn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: c })
     ] }, d)) }),
-    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: i, onContextMenu: (l) => {
+    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: c, onContextMenu: (l) => {
       l.preventDefault();
     } })
   ] }) : null;
-}, dr = (n) => {
+}, ur = (n) => {
   const r = () => {
   };
   return /* @__PURE__ */ e.jsx(Zn, { 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(ve.Fragment, { children: [
-    a !== 0 ? /* @__PURE__ */ e.jsx(L, {}) : null,
+    a !== 0 ? /* @__PURE__ */ e.jsx(W, {}) : null,
     /* @__PURE__ */ e.jsx(vn, { block: s, smallDisplay: !0 })
   ] }, a)) }) });
 };
@@ -1630,51 +1645,51 @@ function _t(n) {
   if (n.length > 0)
     for (let s of n)
       for (let a in s) {
-        let i = !1;
+        let c = !1;
         for (let l of r)
-          l.field === a && (i = !0);
-        i || r.push({
+          l.field === a && (c = !0);
+        c || r.push({
           title: a,
           field: a
         });
       }
   return r;
 }
-const St = ({ data: n, column: r, color: s, backgroundColor: a }) => {
-  function i(c, o) {
+const $t = ({ data: n, column: r, color: s, backgroundColor: a }) => {
+  function c(i, o) {
     for (let h in o)
-      if (c === h)
+      if (i === h)
         return o[h];
   }
-  function l(c) {
-    return typeof c == "number" || typeof c == "string" ? { content: c } : c;
+  function l(i) {
+    return typeof i == "number" || typeof i == "string" ? { content: i } : i;
   }
-  function d(c) {
-    return c ? Array.isArray(c) ? c.map((o) => l(o)) : [l(c)] : [];
+  function d(i) {
+    return i ? Array.isArray(i) ? i.map((o) => l(o)) : [l(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)) });
-}, $t = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: i, onEdit: l, onClickRow: d, index: 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 }) => {
   const o = (u) => !u.target.closest(".no-click"), h = (u) => {
-    o(u) && d && d(r, c);
+    o(u) && d && d(r, i);
   };
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: h, children: [
-    s.map((u, f) => /* @__PURE__ */ e.jsx(St, { 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, 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
+    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
     ] }) }) : null
   ] });
-}, ur = ({ data: n, columns: r, onDelete: s, onContextMenu: a, onEdit: i, actions: l, onClickRow: d, adaptive: c }) => {
+}, xr = ({ data: n, columns: r, onDelete: s, onContextMenu: a, onEdit: c, actions: l, onClickRow: d, adaptive: i }) => {
   const [o] = N(r ?? _t(n));
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${d ? "clicked" : ""} ${c ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${d ? "clicked" : ""} ${i ? "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 || i ? /* @__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, u) => /* @__PURE__ */ e.jsx($t, { onClickRow: d, actions: l, index: u, columns: o, item: h, onDelete: s, onContextMenu: a, onEdit: i }, 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: c }, u)) })
   ] }) });
 };
 const Ot = ({ icon: n, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Oe, { to: s, className: "navigation-item", children: [
@@ -1683,58 +1698,58 @@ const Ot = ({ icon: n, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Oe, { to: s,
 ] }), Dt = ({ onClick: n, icon: r, title: s }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "navigation-item", children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: r }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: s })
-] }), xr = ({ btns: n }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-bar-container", children: /* @__PURE__ */ e.jsx("div", { className: "block-content", children: n.map((r, s) => r.type === "button" ? /* @__PURE__ */ e.jsx(Dt, { icon: r.icon, onClick: r.onClick, title: r.text }, s) : r.type === "link" ? /* @__PURE__ */ e.jsx(Ot, { icon: r.icon, to: r.to, title: r.text }, s) : null) }) });
+] }), hr = ({ btns: n }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-bar-container", children: /* @__PURE__ */ e.jsx("div", { className: "block-content", children: n.map((r, s) => r.type === "button" ? /* @__PURE__ */ e.jsx(Dt, { icon: r.icon, onClick: r.onClick, title: r.text }, s) : r.type === "link" ? /* @__PURE__ */ e.jsx(Ot, { icon: r.icon, to: r.to, title: r.text }, s) : null) }) });
 const ln = ({ onClick: n, icon: r, title: s, to: a }) => /* @__PURE__ */ e.jsxs(Oe, { onClick: n, to: a, className: "navigation-item", children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: r }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: s })
-] }), fe = ({ onClick: n, icon: r, title: s }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "navigation-item", children: [
+] }), 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 })
-] }), hr = ({ visible: n, firstBtn: r, mainBtn: s, onHide: a, otherBtn: i, backBtn: l, openAlways: d }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+] }), fr = ({ visible: n, firstBtn: r, mainBtn: s, onHide: a, otherBtn: c, 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: [
         /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
-        /* @__PURE__ */ e.jsx("div", { className: "block-content", children: /* @__PURE__ */ e.jsx(fe, { onClick: r.onClick, title: r.text, icon: r.icon ?? /* @__PURE__ */ e.jsx($e, {}) }) })
+        /* @__PURE__ */ e.jsx("div", { className: "block-content", children: /* @__PURE__ */ e.jsx(fe, { active: r.active, onClick: r.onClick, title: r.text, icon: r.icon ?? /* @__PURE__ */ e.jsx(Se, {}) }) })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(L, {}) })
+      /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(W, {}) })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
       /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
-      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: s && s.map((c, o) => c.type === "button" ? /* @__PURE__ */ e.jsx(fe, { 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: "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: "divider-container", children: /* @__PURE__ */ e.jsx(L, {}) }),
+    /* @__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: i && i.map((c, o) => c.type === "button" ? /* @__PURE__ */ e.jsx(fe, { 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: "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: "divider-container", children: /* @__PURE__ */ e.jsx(L, {}) }),
-    l ? /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsx(fe, { onClick: l.onClick, title: l.text, icon: l.icon }) }) : 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
   ] }),
   n && !d ? /* @__PURE__ */ e.jsx("div", { className: "backplate", style: { zIndex: 1100 }, onClick: () => a() }) : null
 ] });
 const Mt = ({ icon: n, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Oe, { to: s, className: "navigation-item", children: [
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-icon", children: n }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-text", children: r })
-] }), me = ({ onClick: n, icon: r, title: s }) => /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "navigation-item", children: [
+] }), me = ({ 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 = ({ onToggleMenu: n, firstBtn: r, mainBtn: s, backBtn: a }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-rail-container", children: /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsxs("div", { className: "block-content", children: [
+] }), mr = ({ onToggleMenu: n, firstBtn: r, mainBtn: s, backBtn: a }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-rail-container", children: /* @__PURE__ */ e.jsx("div", { className: "navigation-block", children: /* @__PURE__ */ e.jsxs("div", { className: "block-content", children: [
   n ? /* @__PURE__ */ e.jsx(me, { icon: /* @__PURE__ */ e.jsx(xn, {}), onClick: n }) : null,
   r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(L, {}),
-    /* @__PURE__ */ e.jsx(me, { title: r.text, icon: r.icon ?? /* @__PURE__ */ e.jsx($e, {}), onClick: (i) => {
-      r.onClick && r.onClick(i);
+    /* @__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(L, {})
+    /* @__PURE__ */ e.jsx(W, {})
   ] }) : null,
-  s && s.map((i, l) => i.type === "button" ? /* @__PURE__ */ e.jsx(me, { 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),
+  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),
   a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(L, {}),
-    /* @__PURE__ */ e.jsx(me, { title: a.text, icon: a.icon ?? /* @__PURE__ */ e.jsx($e, {}), onClick: (i) => {
-      a.onClick && a.onClick(i);
+    /* @__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(L, {})
+    /* @__PURE__ */ e.jsx(W, {})
   ] }) : null
 ] }) }) });
 function Ft(n) {
@@ -1751,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 mr = ({ 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: [
+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: [
   /* @__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
@@ -1762,15 +1777,16 @@ export {
   nr as BaseDialog,
   ut as BaseRadioButton,
   J as BasicTemplateDialog,
-  Bt as BigContainer,
+  Lt as BigContainer,
   Zn as BottomSheetsUi,
   dn as Button,
   Yt as Card,
-  Lt as Checkbox,
+  Wt as Checkbox,
   dt as Chips,
+  or as ColumnLayout,
   ir as DayOfWeekField,
-  L as Divider,
-  mr as EmptyPage,
+  W as Divider,
+  vr as EmptyPage,
   zt as FAB,
   Ut as FieldContainer,
   qn as FilledButton,
@@ -1781,24 +1797,24 @@ export {
   ie as IconButton,
   Gn as ListContainer,
   Jn as ListItem,
-  or as Menu,
+  dr as Menu,
   Kt as MoreText,
-  xr as NavigationBar,
-  hr as NavigationDrawer,
-  fr as NavigationRail,
+  hr as NavigationBar,
+  fr as NavigationDrawer,
+  mr as NavigationRail,
   Kn as OutlineButton,
-  Vt as RadioButton,
+  Bt as RadioButton,
   Xt as RunningLine,
   qt as ScrollContainer,
   Gt as Search,
   tr as SelectionDialog,
   Zt as SigmentedButton,
   Qt as Slider,
-  dr as SmallWindowMenu,
+  ur as SmallWindowMenu,
   Jt as Snackbar,
   Ht as Switch,
-  ur as Table,
-  Wt as TextArea,
+  xr as Table,
+  Vt as TextArea,
   M as TextButton,
   rr as TextDialog,
   hn as TextField,