alex-evo-sh-ui-kit 1.0.6 → 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
@@ -11,7 +11,7 @@ import './index.css';var Se = { exports: {} }, se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var tn;
-function Vn() {
+function zn() {
   if (tn)
     return se;
   tn = 1;
@@ -39,10 +39,10 @@ var ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var rn;
-function zn() {
+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";
-    function S(t) {
+    function $(t) {
       if (t === null || typeof t != "object")
         return null;
       var x = y && t[y] || t[w];
@@ -53,10 +53,10 @@ function zn() {
       {
         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 zn() {
         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 === c || 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 === 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 === 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 zn() {
     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")
@@ -118,11 +118,11 @@ function zn() {
             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 zn() {
         }
       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;
-    function vn() {
+    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, {
@@ -157,7 +157,7 @@ function zn() {
         ne++;
       }
     }
-    function jn() {
+    function pn() {
       {
         if (ne--, ne === 0) {
           var t = {
@@ -185,7 +185,7 @@ function zn() {
               value: Ye
             }),
             groupEnd: q({}, t, {
-              value: Be
+              value: Le
             })
           });
         }
@@ -208,10 +208,10 @@ function zn() {
     }
     var ye = !1, ue;
     {
-      var pn = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new pn();
+      var gn = typeof WeakMap == "function" ? WeakMap : Map;
+      ue = new gn();
     }
-    function We(t, x) {
+    function Ve(t, x) {
       if (!t || ye)
         return "";
       {
@@ -224,7 +224,7 @@ function zn() {
       var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var T;
-      T = pe.current, pe.current = null, vn();
+      T = pe.current, pe.current = null, jn();
       try {
         if (x) {
           var k = function() {
@@ -261,31 +261,31 @@ function zn() {
         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;
             }
         }
       } finally {
-        ye = !1, pe.current = T, jn(), Error.prepareStackTrace = C;
+        ye = !1, pe.current = T, pn(), Error.prepareStackTrace = C;
       }
-      var Q = t ? t.displayName || t.name : "", J = Q ? de(Q) : "";
-      return typeof t == "function" && ue.set(t, J), J;
+      var Q = t ? t.displayName || t.name : "", G = Q ? de(Q) : "";
+      return typeof t == "function" && ue.set(t, G), G;
     }
-    function gn(t, x, m) {
-      return We(t, !1);
+    function yn(t, x, m) {
+      return Ve(t, !1);
     }
-    function yn(t) {
+    function bn(t) {
       var x = t.prototype;
       return !!(x && x.isReactComponent);
     }
@@ -293,7 +293,7 @@ function zn() {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return We(t, yn(t));
+        return Ve(t, bn(t));
       if (typeof t == "string")
         return de(t);
       switch (t) {
@@ -305,7 +305,7 @@ function zn() {
       if (typeof t == "object")
         switch (t.$$typeof) {
           case o:
-            return gn(t.render);
+            return yn(t.render);
           case f:
             return xe(t.type, x, m);
           case v: {
@@ -318,7 +318,7 @@ function zn() {
         }
       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);
@@ -326,7 +326,7 @@ function zn() {
       } else
         ze.setExtraStackFrame(null);
     }
-    function bn(t, x, m, p, C) {
+    function kn(t, x, m, p, C) {
       {
         var T = Function.call.bind(te);
         for (var k in t)
@@ -338,24 +338,24 @@ function zn() {
                 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));
           }
       }
     }
-    var kn = Array.isArray;
+    var Nn = Array.isArray;
     function be(t) {
-      return kn(t);
+      return Nn(t);
     }
-    function Nn(t) {
+    function Cn(t) {
       {
         var x = typeof Symbol == "function" && Symbol.toStringTag, m = x && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return m;
       }
     }
-    function Cn(t) {
+    function wn(t) {
       try {
         return Ue(t), !1;
       } catch {
@@ -366,17 +366,17 @@ function zn() {
       return "" + t;
     }
     function Ke(t) {
-      if (Cn(t))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Nn(t)), Ue(t);
+      if (wn(t))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cn(t)), Ue(t);
     }
-    var re = O.ReactCurrentOwner, wn = {
+    var re = O.ReactCurrentOwner, En = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Xe, qe, ke;
     ke = {};
-    function En(t) {
+    function Tn(t) {
       if (te.call(t, "ref")) {
         var x = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (x && x.isReactWarning)
@@ -384,7 +384,7 @@ function zn() {
       }
       return t.ref !== void 0;
     }
-    function Tn(t) {
+    function Rn(t) {
       if (te.call(t, "key")) {
         var x = Object.getOwnPropertyDescriptor(t, "key").get;
         if (x && x.isReactWarning)
@@ -392,13 +392,13 @@ function zn() {
       }
       return t.key !== void 0;
     }
-    function Rn(t, x) {
+    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 _n(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));
@@ -420,7 +420,7 @@ function zn() {
         });
       }
     }
-    var $n = function(t, x, m, p, C, T, k) {
+    var On = function(t, x, m, p, C, T, k) {
       var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -449,41 +449,41 @@ function zn() {
         value: C
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function On(t, x, m, p, C) {
+    function Dn(t, x, m, p, C) {
       {
         var T, k = {}, b = null, P = null;
-        m !== void 0 && (Ke(m), b = "" + m), Tn(x) && (Ke(x.key), b = "" + x.key), En(x) && (P = x.ref, Rn(x, C));
+        m !== void 0 && (Ke(m), b = "" + m), Rn(x) && (Ke(x.key), b = "" + x.key), Tn(x) && (P = x.ref, _n(x, C));
         for (T in x)
-          te.call(x, T) && !wn.hasOwnProperty(T) && (k[T] = x[T]);
+          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 && _n(k, D), P && Sn(k, D);
+          b && $n(k, D), P && Sn(k, D);
         }
-        return $n(t, b, P, C, p, re.current, k);
+        return On(t, b, P, C, p, re.current, k);
       }
     }
-    var Ne = O.ReactCurrentOwner, Je = O.ReactDebugCurrentFrame;
+    var Ne = O.ReactCurrentOwner, Ge = O.ReactDebugCurrentFrame;
     function Z(t) {
       if (t) {
         var x = t._owner, m = xe(t.type, t._source, x ? x.type : null);
-        Je.setExtraStackFrame(m);
+        Ge.setExtraStackFrame(m);
       } else
-        Je.setExtraStackFrame(null);
+        Ge.setExtraStackFrame(null);
     }
     var Ce;
     Ce = !1;
     function we(t) {
       return typeof t == "object" && t !== null && t.$$typeof === r;
     }
-    function Ge() {
+    function Je() {
       {
         if (Ne.current) {
-          var t = V(Ne.current.type);
+          var t = B(Ne.current.type);
           if (t)
             return `
 
@@ -492,7 +492,7 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function Dn(t) {
+    function Mn(t) {
       {
         if (t !== void 0) {
           var x = t.fileName.replace(/^.*[\\\/]/, ""), m = t.lineNumber;
@@ -504,9 +504,9 @@ Check your code at ` + x + ":" + m + ".";
       }
     }
     var He = {};
-    function Mn(t) {
+    function Fn(t) {
       {
-        var x = Ge();
+        var x = Je();
         if (!x) {
           var m = typeof t == "string" ? t : t.displayName || t.name;
           m && (x = `
@@ -521,12 +521,12 @@ Check the top-level render call using <` + m + ">.");
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var m = Mn(x);
+        var m = Fn(x);
         if (He[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,14 +541,14 @@ 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);
         }
       }
     }
-    function Fn(t) {
+    function Pn(t) {
       {
         var x = t.type;
         if (x == null || typeof x == "string")
@@ -563,17 +563,17 @@ Check the top-level render call using <` + m + ">.");
         else
           return;
         if (m) {
-          var p = V(x);
-          bn(m, t.props, "prop", p, t);
+          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.");
       }
     }
-    function Pn(t) {
+    function An(t) {
       {
         for (var x = Object.keys(t.props), m = 0; m < x.length; m++) {
           var p = x[m];
@@ -592,12 +592,12 @@ Check the top-level render call using <` + m + ">.");
         if (!k) {
           var b = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var P = Dn(C);
-          P ? b += P : b += Ge();
-          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 P = Mn(C);
+          P ? b += P : b += Je();
+          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 = On(t, x, m, C, T);
+        var D = Dn(t, x, m, C, T);
         if (D == null)
           return D;
         if (k) {
@@ -614,35 +614,35 @@ Check the top-level render call using <` + m + ">.");
               Qe(Y, t);
         }
         if (te.call(x, "key")) {
-          var J = V(t), A = Object.keys(x).filter(function(Wn) {
-            return Wn !== "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[J + Ee]) {
-            var Ln = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
+          if (!en[G + Ee]) {
+            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, J, Ln, J), en[J + Ee] = !0;
+  <%s key={someKey} {...props} />`, Ee, G, Vn, G), en[G + Ee] = !0;
           }
         }
-        return t === a ? Pn(D) : Fn(D), D;
+        return t === a ? An(D) : Pn(D), D;
       }
     }
-    function An(t, x, m) {
+    function In(t, x, m) {
       return nn(t, x, m, !0);
     }
-    function In(t, x, m) {
+    function Yn(t, x, m) {
       return nn(t, x, m, !1);
     }
-    var Yn = In, Bn = An;
-    ae.Fragment = a, ae.jsx = Yn, ae.jsxs = Bn;
+    var Ln = Yn, Wn = In;
+    ae.Fragment = a, ae.jsx = Ln, ae.jsxs = Wn;
   }()), ae;
 }
-process.env.NODE_ENV === "production" ? Se.exports = Vn() : Se.exports = zn();
-var e = Se.exports;
-const Un = (n) => le({ ...n, className: (n.className ?? "") + " outline-button" }), M = (n) => le({ ...n, className: (n.className ?? "") + " text-button" }), Kn = (n) => le({ ...n, className: (n.className ?? "") + " total-button" }), Xn = (n) => le({ ...n, className: (n.className ?? "") + " filled-button" }), le = (n) => {
+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");
@@ -653,8 +653,8 @@ const Un = (n) => le({ ...n, className: (n.className ?? "") + " outline-button"
     }, 500);
   };
   return /* @__PURE__ */ e.jsx("button", { ...n, className: (n.className ?? "") + " btn", onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: n.children }) });
-}, qn = ({ styleType: n = "base", ...r }) => n === "outline" ? Un({ ...r }) : n === "text" ? M({ ...r }) : n === "filledTotal" ? Kn({ ...r }) : n === "filled" ? Xn({ ...r }) : le({ ...r });
-const Jn = ({ 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 }), Gn = ({ icon: n, control: r, text: s, header: a, value: c, onClick: l, hovered: d, className: i }) => {
+}, 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 o = (h) => {
     h.target.closest(".control-container") || l && l(h);
   };
@@ -679,7 +679,7 @@ const ie = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu:
   };
   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 At = ({ 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: 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 At = ({ className: n, action: r, imgSrc: s, alt: a, header: c, 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);
   };
@@ -709,18 +709,18 @@ const At = ({ className: n, action: r, imgSrc: s, alt: a, header: c, subhead: l,
   ] });
 };
 const Hn = ({ children: n, className: r }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${r ?? ""}`, children: n });
-const It = ({ children: n, className: r, id: s, height: a, width: c, pozMove: l }) => {
+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");
   }, 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(() => {
@@ -743,7 +743,7 @@ const Zn = (n) => {
     /* @__PURE__ */ e.jsx("div", { className: "backplate bottom-sheets-backplate", style: { zIndex: 1101 }, onClick: a })
   ] });
 };
-const Yt = ({ 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: 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: c || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
 ] });
@@ -753,7 +753,7 @@ const Yt = ({ name: n, checked: r, onChange: s, readOnly: a, checkIcon: c }) =>
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qn = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), dn = (...n) => n.filter((r, s, a) => !!r && a.indexOf(r) === s).join(" ");
+const Qn = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), un = (...n) => n.filter((r, s, a) => !!r && a.indexOf(r) === s).join(" ");
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -796,7 +796,7 @@ const nt = on(
       height: r,
       stroke: n,
       strokeWidth: a ? Number(s) * 24 / Number(r) : s,
-      className: dn("lucide", c),
+      className: un("lucide", c),
       ...i
     },
     [
@@ -816,7 +816,7 @@ const I = (n, r) => {
     ({ className: a, ...c }, l) => _e(nt, {
       ref: l,
       iconNode: r,
-      className: dn(`lucide-${Qn(n)}`, a),
+      className: un(`lucide-${Qn(n)}`, a),
       ...c
     })
   );
@@ -828,7 +828,7 @@ const I = (n, r) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const un = I("AlignJustify", [
+const xn = I("AlignJustify", [
   ["line", { x1: "3", x2: "21", y1: "6", y2: "6", key: "4m8b97" }],
   ["line", { x1: "3", x2: "21", y1: "12", y2: "12", key: "10d38w" }],
   ["line", { x1: "3", x2: "21", y1: "18", y2: "18", key: "kwyyxn" }]
@@ -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" }]
@@ -970,13 +970,13 @@ const dt = ({ text: n, onDelete: r, big: s, onClick: a }) => {
     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 xn = ({ 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: 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: [
     i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: K, children: i }) : null,
@@ -984,7 +984,7 @@ const xn = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a,
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: B,
+          ref: L,
           max: O,
           min: E,
           readOnly: a,
@@ -1004,8 +1004,8 @@ const xn = ({ 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 Bt = ({ 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, 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, i);
   }, [i, u, O]);
@@ -1031,7 +1031,7 @@ const Bt = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: c
     ) })
   ] });
 };
-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,19 +1039,19 @@ 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", {})
-] }), Lt = ({ name: n, currentValue: r, value: s, onChange: a, readOnly: c, checked: l }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+] }), 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 Wt = ({ 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: 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
 ] });
-const Vt = ({ children: n, header: r }) => /* @__PURE__ */ e.jsxs("div", { className: "field-container-ui", children: [
+const Ut = ({ children: n, header: r }) => /* @__PURE__ */ e.jsxs("div", { className: "field-container-ui", children: [
   /* @__PURE__ */ e.jsx("h4", { children: r }),
   /* @__PURE__ */ e.jsx("div", { className: "field-container-content", children: n })
 ] }), xt = (n) => n === "" ? [] : n.split(",").map((r) => r.trim()), an = (n) => n.join(", ");
-const zt = ({ minWidth: n, value: r, onChange: s, border: a }) => {
+const Kt = ({ minWidth: n, value: r, onChange: s, border: a }) => {
   const [c, l] = N([]), [d, i] = N("");
   F(() => {
     console.log("p0"), l(xt(r));
@@ -1071,13 +1071,13 @@ const zt = ({ minWidth: n, value: r, onChange: s, border: a }) => {
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "more-text", style: { minWidth: n }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "add value", children: [
-      /* @__PURE__ */ e.jsx(xn, { onChange: o, value: d, border: a }),
-      /* @__PURE__ */ e.jsx(Hn, { children: /* @__PURE__ */ e.jsx(qn, { onClick: h, children: "add" }) })
+      /* @__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)) })
   ] });
 };
-const Ut = ({ style: n, text: r, className: s, onClick: a, onContextMenu: c }) => {
+const Xt = ({ style: n, text: r, className: s, onClick: a, onContextMenu: c }) => {
   const l = U(null), d = R(() => {
     if (!l.current)
       return;
@@ -1088,8 +1088,8 @@ const Ut = ({ style: n, text: r, className: s, onClick: a, onContextMenu: c }) =
     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 }) });
 };
-const Kt = ({ className: n, children: r, height: s }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: s }, children: r });
-const Xt = ({ onMenu: n, onSearch: r, placeholder: s, autoChenge: a }) => {
+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));
   }, u = () => {
@@ -1102,12 +1102,12 @@ const Xt = ({ onMenu: n, onSearch: r, placeholder: s, autoChenge: a }) => {
     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(un, { size: 24 }) }) : null,
+    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 qt = ({ visible: n, text: r, option: s }) => {
+const Jt = ({ visible: n, text: r, option: s }) => {
   const a = () => {
     s != null && s.onHide && s.onHide();
   };
@@ -1119,8 +1119,8 @@ const qt = ({ visible: n, text: r, option: s }) => {
     s != null && s.closeButton ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: a, children: /* @__PURE__ */ e.jsx(je, {}) }) }) : null
   ] }) : null;
 };
-const Jt = ({ 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], Gt = ({ multiple: n, value: r, items: s, className: a, onClick: c, onContextMenu: l, onChange: d }) => {
+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 f = u.currentTarget;
@@ -1139,12 +1139,12 @@ const ht = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], Gt = ({ multip
     /* @__PURE__ */ e.jsx("div", { className: "text-container", children: u })
   ] }, f) }, f)) });
 };
-const hn = (n) => n ? {
+const fn = (n) => n ? {
   height: Number(window.getComputedStyle(n).getPropertyValue("height").replace("px", "")),
   width: Number(window.getComputedStyle(n).getPropertyValue("width").replace("px", "")),
   left: Number(n.getBoundingClientRect().left),
   top: Number(n.getBoundingClientRect().top)
-} : void 0, fn = (n, r, s, a) => {
+} : void 0, mn = (n, r, s, a) => {
   let c = { x: n, y: r };
   if (!s)
     return c;
@@ -1154,7 +1154,7 @@ const hn = (n) => n ? {
 function ft(n, r, s, a, c) {
   return a + (c - a) * ((n - r) / (s - r));
 }
-const Te = 0, Re = 100, Ht = (n) => {
+const Te = 0, Re = 100, Qt = (n) => {
   const [r, s] = N(0), [a, c] = N(!1), l = U(null), d = U(null);
   F(() => {
     n.value ? s(n.value) : s(0);
@@ -1163,7 +1163,7 @@ const Te = 0, Re = 100, Ht = (n) => {
     s(Number(f.target.value)), n.onChange(f);
   }, o = (f, v, g) => {
     if (l.current && d.current) {
-      let y = hn(d.current);
+      let y = fn(d.current);
       if (y)
         return ft(f, v, g, 0, g - v) * (y.width - 20) / (g - v);
     }
@@ -1185,7 +1185,7 @@ const Te = 0, Re = 100, Ht = (n) => {
     n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? Re }) : null
   ] }) });
 };
-const G = ({ className: n, children: r, header: s, action: a, onHide: c, style: l }) => {
+const J = ({ className: n, children: r, header: s, action: a, onHide: c, style: l }) => {
   function d() {
     c && c();
   }
@@ -1200,7 +1200,7 @@ const G = ({ 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
-] }), Zt = ({ style: n, className: r, header: s, children: a, onSave: c, onHide: l }) => {
+] }), 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]);
@@ -1221,14 +1221,14 @@ const G = ({ className: n, children: r, header: s, action: a, onHide: c, style:
       /* @__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(G, { 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 }) });
-}, Qt = ({ styleContainer: n, text: r, header: s, actionText: a, onSuccess: c, onHide: l, onCancel: d }) => {
+  ] }) : /* @__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(G, { 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: 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 er({ onSuccess: n, items: r, header: s, onHide: a, noHide: c = !1, name: l = "dailog_name" }) {
+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) => {
     i(u);
   }, []);
-  return /* @__PURE__ */ e.jsxs(G, { 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(Jn, { className: "transparent", scroll: !0, maxHeight: "200px", children: r.map((u, f) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(Gn, { 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" } })
+  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" } }),
+    /* @__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(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 nr = ({ 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: c, placeholder: l, type: d = "text", min: i = 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);
   };
-  return /* @__PURE__ */ e.jsxs(G, { 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: c, onSuccess: f }), children: [
     /* @__PURE__ */ e.jsx("p", { children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(xn, { 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: i, type: d, border: !0, placeholder: l, value: h, onChange: (g) => v(g.target.value) }) })
   ] });
 };
 function pt({ onSuccess: n, onHide: r }) {
@@ -1284,7 +1284,7 @@ const gt = 2050, cn = 1900, z = [
   "October",
   "November",
   "December"
-], yt = () => Array(gt - cn).fill(0).map((n, r) => cn + r), tr = ({ onChange: n, onHide: r }) => {
+], 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({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
@@ -1292,10 +1292,10 @@ const gt = 2050, cn = 1900, z = [
   }), [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,11 +1307,11 @@ const gt = 2050, cn = 1900, z = [
     ), d(j);
   }, E = (j) => {
     u(j);
-  }, B = R(() => {
+  }, 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]);
-  return /* @__PURE__ */ e.jsxs(G, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
+  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(
         "MONTHS"
@@ -1333,7 +1333,7 @@ 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: [
+    ] }, _)) }) : 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: [
@@ -1350,7 +1350,7 @@ const gt = 2050, cn = 1900, z = [
     ] }),
     /* @__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" })
     ] })
   ] });
 };
@@ -1462,7 +1462,7 @@ const Ct = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: c, o
       /* @__PURE__ */ e.jsx(M, { className: "little", onClick: d, children: "OK" })
     ] })
   ] });
-}, rr = (n) => {
+}, 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);
   }, o = R((u) => {
@@ -1470,9 +1470,9 @@ const Ct = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: c, o
   }, [a]), h = R(() => {
     n.onChange && n.onChange(a, r), n.onHide && n.onHide();
   }, [a, r]);
-  return l ? /* @__PURE__ */ e.jsx(G, { 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(G, { 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: 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 sr = ({ onChange: n, value: r, className: s }) => {
+const ir = ({ onChange: n, value: r, className: s }) => {
   const [a, c] = N(r || []), l = R((i) => {
     if (!i)
       return;
@@ -1511,22 +1511,22 @@ const sr = ({ onChange: n, value: r, className: s }) => {
     ] })
   ] }) });
 };
-const ar = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), ir = ({ 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: 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 = 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((S) => {
-      S.style.gridAutoRows = "0", S.style.gridAutoColumns = "0";
+    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 ar = ({ 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();
@@ -1564,10 +1579,10 @@ const wt = ({ item: n, isIcon: r, globalClick: s }) => {
   return F(() => {
     if (!c.current)
       return;
-    let o = hn(c.current.parentElement);
+    let o = fn(c.current.parentElement);
     if (!o)
       return;
-    let h = fn(o.left + o.width, o.top, c.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"
@@ -1589,7 +1604,7 @@ const wt = ({ item: n, isIcon: r, globalClick: s }) => {
     d && a.subItems ? /* @__PURE__ */ e.jsx(Et, { items: a.subItems, onHide: () => i(!1), smallDisplay: l }) : null
   ] });
 };
-function mn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: c }) {
+function vn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: c }) {
   function l(d) {
     for (let i of d.items)
       if (i.icon)
@@ -1598,31 +1613,31 @@ function mn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: 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, cr = (n) => {
+const Rt = 100, dr = (n) => {
   const r = U(null), [s, a] = N({ left: "0px", top: "0px" }), c = () => {
     n.onHide && n.onHide();
   };
   return F(() => {
-    let l = fn(n.x, n.y, r.current, { marginBottom: Rt });
+    let l = mn(n.x, n.y, r.current, { marginBottom: Rt });
     a({
       left: l.x + "px",
       top: l.y + "px"
     });
   }, [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(mn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: c })
+      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: c, onContextMenu: (l) => {
       l.preventDefault();
     } })
   ] }) : null;
-}, lr = (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,
-    /* @__PURE__ */ e.jsx(mn, { block: s, smallDisplay: !0 })
+    a !== 0 ? /* @__PURE__ */ e.jsx(W, {}) : null,
+    /* @__PURE__ */ e.jsx(vn, { block: s, smallDisplay: !0 })
   ] }, a)) }) });
 };
 function _t(n) {
@@ -1640,7 +1655,7 @@ function _t(n) {
       }
   return r;
 }
-const St = ({ data: n, column: r, color: s, backgroundColor: a }) => {
+const $t = ({ data: n, column: r, color: s, backgroundColor: a }) => {
   function c(i, o) {
     for (let h in o)
       if (i === h)
@@ -1653,12 +1668,12 @@ const St = ({ data: n, column: r, color: s, backgroundColor: a }) => {
     return i ? Array.isArray(i) ? i.map((o) => l(o)) : [l(i)] : [];
   }
   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)) });
-}, $t = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: c, onEdit: l, onClickRow: d, index: i }) => {
+}, 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, 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)),
+    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,
@@ -1666,7 +1681,7 @@ const St = ({ data: n, column: r, color: s, backgroundColor: a }) => {
       a ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(at, {}), onClick: (u) => a(u, r, i) }) : null
     ] }) }) : null
   ] });
-}, or = ({ 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: 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" : ""} ${i ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
@@ -1674,7 +1689,7 @@ const St = ({ data: n, column: r, color: s, backgroundColor: a }) => {
       l ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }) : 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: 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: c }, u)) })
   ] }) });
 };
 const Ot = ({ icon: n, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Oe, { to: s, className: "navigation-item", children: [
@@ -1683,108 +1698,130 @@ 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 })
-] }), dr = ({ 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 })
-] }), ur = ({ 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: 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((i, o) => i.type === "button" ? /* @__PURE__ */ e.jsx(fe, { 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((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: c && c.map((i, o) => i.type === "button" ? /* @__PURE__ */ e.jsx(fe, { 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: 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 })
-] }), xr = ({ 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(un, {}), onClick: n }) : null,
+] }), 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: (c) => {
+    /* @__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((c, l) => c.type === "button" ? /* @__PURE__ */ e.jsx(me, { 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((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: (c) => {
+    /* @__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) {
+  var r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);
+  return r ? {
+    r: parseInt(r[1], 16),
+    g: parseInt(r[2], 16),
+    b: parseInt(r[3], 16)
+  } : null;
+}
+const Pt = (n) => {
+  if (!n)
+    return "linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";
+  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: [
+  /* @__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
+] });
 export {
   Hn as BaseActionCard,
   le as BaseButton,
-  Qt as BaseDialog,
+  nr as BaseDialog,
   ut as BaseRadioButton,
-  G as BasicTemplateDialog,
-  It as BigContainer,
+  J as BasicTemplateDialog,
+  Lt as BigContainer,
   Zn as BottomSheetsUi,
-  qn as Button,
-  At as Card,
-  Yt as Checkbox,
+  dn as Button,
+  Yt as Card,
+  Wt as Checkbox,
   dt as Chips,
-  sr as DayOfWeekField,
-  L as Divider,
-  Wt as FAB,
-  Vt as FieldContainer,
-  Xn as FilledButton,
-  Kn as FilledTotalButton,
-  Zt as FullScrinTemplateDialog,
-  ir as GridLayout,
-  ar as GridLayoutItem,
+  or as ColumnLayout,
+  ir as DayOfWeekField,
+  W as Divider,
+  vr as EmptyPage,
+  zt as FAB,
+  Ut as FieldContainer,
+  qn as FilledButton,
+  Xn as FilledTotalButton,
+  er as FullScrinTemplateDialog,
+  lr as GridLayout,
+  cr as GridLayoutItem,
   ie as IconButton,
-  Jn as ListContainer,
-  Gn as ListItem,
-  cr as Menu,
-  zt as MoreText,
-  dr as NavigationBar,
-  ur as NavigationDrawer,
-  xr as NavigationRail,
-  Un as OutlineButton,
-  Lt as RadioButton,
-  Ut as RunningLine,
-  Kt as ScrollContainer,
-  Xt as Search,
-  er as SelectionDialog,
-  Gt as SigmentedButton,
-  Ht as Slider,
-  lr as SmallWindowMenu,
-  qt as Snackbar,
-  Jt as Switch,
-  or as Table,
-  Bt as TextArea,
+  Gn as ListContainer,
+  Jn as ListItem,
+  dr as Menu,
+  Kt as MoreText,
+  hr as NavigationBar,
+  fr as NavigationDrawer,
+  mr as NavigationRail,
+  Kn as OutlineButton,
+  Bt as RadioButton,
+  Xt as RunningLine,
+  qt as ScrollContainer,
+  Gt as Search,
+  tr as SelectionDialog,
+  Zt as SigmentedButton,
+  Qt as Slider,
+  ur as SmallWindowMenu,
+  Jt as Snackbar,
+  Ht as Switch,
+  xr as Table,
+  Vt as TextArea,
   M as TextButton,
-  nr as TextDialog,
-  xn as TextField,
-  rr as TimePicker,
-  hn as getContainerData,
-  fn as getModalWindowCord,
+  rr as TextDialog,
+  hn as TextField,
+  ar as TimePicker,
+  fn as getContainerData,
+  mn as getModalWindowCord,
+  Ft as hexToRgb,
   ft as map,
-  tr as СalendarPickers
+  sr as СalendarPickers
 };