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

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
@@ -17,14 +17,14 @@ function zn() {
   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 u, f = {}, v = null, g = null;
-    h !== void 0 && (v = "" + h), o.key !== void 0 && (v = "" + o.key), o.ref !== void 0 && (g = o.ref);
+    var u, f = {}, v = null, p = null;
+    h !== void 0 && (v = "" + h), o.key !== void 0 && (v = "" + o.key), o.ref !== void 0 && (p = o.ref);
     for (u in o)
       a.call(o, u) && !l.hasOwnProperty(u) && (f[u] = o[u]);
     if (c && c.defaultProps)
       for (u in o = c.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: c, key: v, ref: p, props: f, _owner: i.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"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), c = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), y = Symbol.iterator, w = "@@iterator";
+    function $(t) {
       if (t === null || typeof t != "object")
         return null;
       var x = y && t[y] || t[w];
@@ -51,14 +51,14 @@ function Un() {
     var O = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function E(t) {
       {
-        for (var x = arguments.length, m = new Array(x > 1 ? x - 1 : 0), p = 1; p < x; p++)
-          m[p - 1] = arguments[p];
-        B("error", t, m);
+        for (var x = arguments.length, m = new Array(x > 1 ? x - 1 : 0), g = 1; g < x; g++)
+          m[g - 1] = arguments[g];
+        L("error", t, m);
       }
     }
-    function B(t, x, m) {
+    function L(t, x, m) {
       {
-        var p = O.ReactDebugCurrentFrame, C = p.getStackAddendum();
+        var g = O.ReactDebugCurrentFrame, C = g.getStackAddendum();
         C !== "" && (x += "%s", m = m.concat([C]));
         var T = m.map(function(k) {
           return String(k);
@@ -66,26 +66,26 @@ 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 === i || t === h || t === u || K || t === p || j || _ || V || typeof t == "object" && t !== null && (t.$$typeof === v || t.$$typeof === f || t.$$typeof === d || t.$$typeof === c || t.$$typeof === o || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       t.$$typeof === H || t.getModuleId !== void 0));
     }
     function X(t, x, m) {
-      var p = t.displayName;
-      if (p)
-        return p;
+      var g = t.displayName;
+      if (g)
+        return g;
       var C = x.displayName || x.name || "";
       return C !== "" ? m + "(" + C + ")" : m;
     }
     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")
@@ -117,12 +117,12 @@ function Un() {
           case o:
             return X(t, t.render, "ForwardRef");
           case f:
-            var p = t.displayName || null;
-            return p !== null ? p : V(t.type) || "Memo";
+            var g = t.displayName || null;
+            return g !== null ? g : B(t.type) || "Memo";
           case v: {
             var C = t, T = C._payload, k = C._init;
             try {
-              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
             })
           });
         }
@@ -199,8 +199,8 @@ function Un() {
           try {
             throw Error();
           } catch (C) {
-            var p = C.stack.trim().match(/\n( *(at )?)/);
-            ge = p && p[1] || "";
+            var g = C.stack.trim().match(/\n( *(at )?)/);
+            ge = g && g[1] || "";
           }
         return `
 ` + ge + t;
@@ -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 "";
       {
@@ -219,7 +219,7 @@ function Un() {
         if (m !== void 0)
           return m;
       }
-      var p;
+      var g;
       ye = !0;
       var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -238,14 +238,14 @@ function Un() {
             try {
               Reflect.construct(k, []);
             } catch (A) {
-              p = A;
+              g = A;
             }
             Reflect.construct(t, [], k);
           } else {
             try {
               k.call();
             } catch (A) {
-              p = A;
+              g = A;
             }
             t.call(k.prototype);
           }
@@ -253,26 +253,26 @@ function Un() {
           try {
             throw Error();
           } catch (A) {
-            p = A;
+            g = A;
           }
           t();
         }
       } catch (A) {
-        if (A && p && typeof A.stack == "string") {
+        if (A && g && typeof A.stack == "string") {
           for (var b = A.stack.split(`
-`), P = p.stack.split(`
-`), $ = b.length - 1, D = P.length - 1; $ >= 1 && D >= 0 && b[$] !== P[D]; )
+`), P = g.stack.split(`
+`), 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) {
@@ -309,7 +309,7 @@ function Un() {
           case f:
             return xe(t.type, x, m);
           case v: {
-            var p = t, C = p._payload, T = p._init;
+            var g = t, C = g._payload, T = g._init;
             try {
               return xe(T(C), x, m);
             } catch {
@@ -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);
@@ -326,7 +326,7 @@ function Un() {
       } else
         ze.setExtraStackFrame(null);
     }
-    function kn(t, x, m, p, C) {
+    function kn(t, x, m, g, C) {
       {
         var T = Function.call.bind(te);
         for (var k in t)
@@ -334,14 +334,14 @@ function Un() {
             var b = void 0;
             try {
               if (typeof t[k] != "function") {
-                var P = Error((p || "React class") + ": " + m + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var P = Error((g || "React class") + ": " + m + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw P.name = "Invariant Violation", P;
               }
-              b = t[k](x, k, p, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch ($) {
-              b = $;
+              b = t[k](x, k, g, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (S) {
+              b = S;
             }
-            b && !(b instanceof Error) && (he(C), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", m, k, typeof b), he(null)), b instanceof Error && !(b.message in 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).", g || "React class", m, k, typeof b), he(null)), b instanceof Error && !(b.message in Be) && (Be[b.message] = !0, he(C), E("Failed %s type: %s", m, b.message), he(null));
           }
       }
     }
@@ -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));
@@ -420,7 +420,7 @@ function Un() {
         });
       }
     }
-    var On = function(t, x, m, p, C, T, k) {
+    var On = function(t, x, m, g, C, T, k) {
       var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -441,7 +441,7 @@ function Un() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: p
+        value: g
       }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -449,22 +449,22 @@ function Un() {
         value: C
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function Dn(t, x, m, p, C) {
+    function Dn(t, x, m, g, C) {
       {
         var T, k = {}, b = null, P = null;
         m !== void 0 && (Ke(m), b = "" + m), Rn(x) && (Ke(x.key), b = "" + x.key), Tn(x) && (P = x.ref, _n(x, C));
         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);
+        return On(t, b, P, C, g, re.current, k);
       }
     }
     var Ne = O.ReactCurrentOwner, Ge = O.ReactDebugCurrentFrame;
@@ -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 `
 
@@ -525,8 +525,8 @@ Check the top-level render call using <` + m + ">.");
         if (He[m])
           return;
         He[m] = !0;
-        var p = "";
-        t && t._owner && t._owner !== Ne.current && (p = " It was passed a child from " + 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);
+        var g = "";
+        t && t._owner && t._owner !== Ne.current && (g = " It was passed a child from " + B(t._owner.type) + "."), Z(t), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, g), Z(null);
       }
     }
     function Qe(t, x) {
@@ -535,13 +535,13 @@ Check the top-level render call using <` + m + ">.");
           return;
         if (be(t))
           for (var m = 0; m < t.length; m++) {
-            var p = t[m];
-            we(p) && Ze(p, x);
+            var g = t[m];
+            we(g) && Ze(g, x);
           }
         else if (we(t))
           t._store && (t._store.validated = !0);
         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);
-          kn(m, t.props, "prop", p, t);
+          var g = B(x);
+          kn(m, t.props, "prop", g, t);
         } else if (x.PropTypes !== void 0 && !Ce) {
           Ce = !0;
-          var C = 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.");
@@ -576,9 +576,9 @@ Check the top-level render call using <` + m + ">.");
     function An(t) {
       {
         for (var x = Object.keys(t.props), m = 0; m < x.length; m++) {
-          var p = x[m];
-          if (p !== "children" && p !== "key") {
-            Z(t), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), Z(null);
+          var g = x[m];
+          if (g !== "children" && g !== "key") {
+            Z(t), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), Z(null);
             break;
           }
         }
@@ -586,7 +586,7 @@ Check the top-level render call using <` + m + ">.");
       }
     }
     var en = {};
-    function nn(t, x, m, p, C, T) {
+    function nn(t, x, m, g, C, T) {
       {
         var k = oe(t);
         if (!k) {
@@ -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)
@@ -603,7 +603,7 @@ Check the top-level render call using <` + m + ">.");
         if (k) {
           var Y = x.children;
           if (Y !== void 0)
-            if (p)
+            if (g)
               if (be(Y)) {
                 for (var Q = 0; Q < Y.length; Q++)
                   Qe(Y[Q], t);
@@ -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,12 +636,12 @@ 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);
@@ -683,13 +683,13 @@ const Yt = ({ className: n, action: r, imgSrc: s, alt: a, header: i, subhead: l,
   const u = (v) => !(v.target.className === "action-container" || v.target.closest(".action-container") || v.target.className === "icon-button-container" || v.target.closest(".icon-button-container")), f = (v) => {
     if (h && h(v), !u(v))
       return;
-    let g = v.currentTarget.closest(".card-container"), y = g == null ? void 0 : g.querySelector(".blick-container");
+    let p = v.currentTarget.closest(".card-container"), y = p == null ? void 0 : p.querySelector(".blick-container");
     if (!y)
       return;
     let w = document.createElement("span");
     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,23 +709,23 @@ const Yt = ({ className: n, action: r, imgSrc: s, alt: a, header: i, subhead: l,
   ] });
 };
 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 Lt = ({ children: n, className: r, id: s, height: a, width: i, pozMove: l }) => {
   const [d, c] = N(!1), [o, h] = N(null), [u, f] = N({ x: 0, y: 0 }), v = (w) => {
     w.button == 1 && (c(!1), h(null), document.body.style.cursor = "auto");
-  }, g = (w) => {
+  }, p = (w) => {
     w.button == 1 && (h({ x: w.clientX, y: w.clientY }), c(!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: i }, className: `big-container ${r}`, onMouseDown: p, onMouseUp: v, onMouseMove: y, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: u.x, top: u.y }, children: n }) });
 };
 const Zn = (n) => {
   const [r, s] = N(!1), a = R(() => {
@@ -743,7 +743,7 @@ 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: i }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
   /* @__PURE__ */ e.jsx("input", { className: "checkbox", name: n, type: "checkbox", checked: r, onChange: s, readOnly: a }),
   /* @__PURE__ */ e.jsx("span", { children: i || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
 ] });
@@ -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 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: i, border: l, onClear: d, icon: c, onChange: o, name: h, value: u, placeholder: f, className: v, validEmptyValue: p, onFocus: y, onBlur: w, error: $, max: O, min: E }) => {
+  const L = U(null), [j, _] = N(!1), V = R((ee, H) => _(!!($ || ee && (!H || H === ""))), []);
   F(() => {
-    W(g, u);
-  }, [u, g, W]);
+    V(p, u);
+  }, [u, p, 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,
@@ -984,7 +984,7 @@ const hn = ({ 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 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: i, onChange: l, name: d, value: c, placeholder: o, className: h, validEmptyValue: u, onFocus: f, onBlur: v, error: p }) => {
+  const y = U(null), [w, $] = N(!1), O = R((L, j) => $(!!(p || L && (!j || j === ""))), []);
   F(() => {
     O(u, c);
   }, [c, u, O]);
@@ -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,7 +1039,7 @@ 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: [
+] }), Bt = ({ name: n, currentValue: r, value: s, onChange: a, readOnly: i, checked: l }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
   /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r === s || l, value: s, onChange: a, readOnly: i }),
   /* @__PURE__ */ e.jsx("span", {})
 ] });
@@ -1066,7 +1066,7 @@ const Kt = ({ minWidth: n, value: r, onChange: s, border: a }) => {
     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 v = i.filter((p, y) => y !== f);
     l(v), s && s(an(v));
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "more-text", style: { minWidth: n }, children: [
@@ -1098,12 +1098,12 @@ const Gt = ({ onMenu: n, onSearch: r, placeholder: s, autoChenge: a }) => {
     u(), i.current && (i.current.blur(), o(!1));
   }, v = (y) => {
     d(y.target.value), a && r(y.target.value);
-  }, g = (y) => {
+  }, p = (y) => {
     y.code === "Enter" && r(l);
   };
   return /* @__PURE__ */ e.jsx("div", { className: "search-container", children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
     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) }),
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: i, onChange: v, onKeyDown: p, value: l, onFocus: () => o(!0) }),
     c ? /* @__PURE__ */ e.jsx("span", { onClick: u, children: /* @__PURE__ */ e.jsx(je, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(lt, { size: 24 }) })
   ] }) });
 };
@@ -1131,8 +1131,8 @@ const ht = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], Zt = ({ multip
       return;
     }
     const v = c.filter((y) => y === f.dataset.el);
-    let g = c.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);
+    let p = c.slice();
+    v.length > 0 && f.dataset.el ? p = p.filter((y) => y !== f.dataset.el) : f.dataset.el && p.push(f.dataset.el), o(p), d && d(p, u);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `sigmentedbutton-container ${a ?? ""}`, children: s.map((u, f) => /* @__PURE__ */ e.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ e.jsxs("button", { "data-el": u, onContextMenu: l, onClick: h, className: `sigmentedbutton-item-button ${c.includes(u) ? "active" : ""}`, children: [
     c.includes(u) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(ce, {}) }) : null,
@@ -1161,11 +1161,11 @@ const Te = 0, Re = 100, Qt = (n) => {
   }, [n.value]);
   const c = (f) => {
     s(Number(f.target.value)), n.onChange(f);
-  }, o = (f, v, g) => {
+  }, o = (f, v, p) => {
     if (l.current && d.current) {
       let y = fn(d.current);
       if (y)
-        return ft(f, v, g, 0, g - v) * (y.width - 20) / (g - v);
+        return ft(f, v, p, 0, p - v) * (y.width - 20) / (p - v);
     }
     return 0;
   }, h = R((f) => {
@@ -1243,9 +1243,9 @@ function tr({ onSuccess: n, items: r, header: s, onHide: a, noHide: i = !1, name
     c(u);
   }, []);
   return /* @__PURE__ */ e.jsxs(J, { header: s, action: /* @__PURE__ */ e.jsx(jt, { onHide: a, onSuccess: o, disabled: d === void 0 }), children: [
-    /* @__PURE__ */ e.jsx(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 }) {
@@ -1257,12 +1257,12 @@ function jt({ onSuccess: n, onHide: r, disabled: s }) {
 const rr = ({ styleContainer: n, text: r, header: s, onSuccess: a, onHide: i, placeholder: l, type: d = "text", min: c = 0, max: o = 100 }) => {
   const [h, u] = N(""), f = R(() => {
     a && a(h), i && i();
-  }, [h]), v = (g) => {
-    d === "number" && (Number(g) < c && (g = String(c)), Number(g) > o && (g = String(o))), u(g);
+  }, [h]), v = (p) => {
+    d === "number" && (Number(p) < c && (p = String(c)), Number(p) > o && (p = String(o))), u(p);
   };
   return /* @__PURE__ */ e.jsxs(J, { style: n, header: s, action: /* @__PURE__ */ e.jsx(pt, { onHide: i, onSuccess: f }), children: [
     /* @__PURE__ */ e.jsx("p", { children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(hn, { max: o, min: 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: c, type: d, border: !0, placeholder: l, value: h, onChange: (p) => v(p.target.value) }) })
   ] });
 };
 function pt({ onSuccess: n, onHide: r }) {
@@ -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) => {
+  ), p = (j, _) => new Date(j, _ + 1, 0).getDate(), y = (j, _, V) => new Date(j, _, V).getDay(), w = (j, _) => {
+    let V = Array(p(j, _)).fill(0).map((oe, X) => ({ type: "NOW_MONTH", day: X + 1 })), K = y(j, _, p(j, _)), ee = Array(7 - K).fill(0).map((oe, X) => ({ type: "NEXT_MONTH", day: X + 1 }));
+    return V = Array(y(j, _, 0)).fill(0).map((oe, X) => ({ type: "PREV_MONTH", day: p(_ ? j : j - 1, _ ? _ - 1 : 11) - X })).reverse().concat(V).concat(ee), V;
+  }, $ = (j) => {
     v(
       "DAYS"
       /* DAYS */
@@ -1307,7 +1307,7 @@ 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]);
@@ -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: c === 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" })
     ] })
   ] });
 };
@@ -1517,26 +1517,26 @@ const cr = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adapt
       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.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(() => {
+  }, [h, o.current]), p = R(() => {
     if (o.current) {
       let y = o.current.querySelectorAll(".adaptiv-grid-item");
       u(Array.prototype.slice.call(y, 0));
     }
   }, [o.current, r]);
   return F(() => {
-    g();
-  }, [g]), F(() => {
+    p();
+  }, [p]), F(() => {
     f();
   }, [f]), F(() => {
     v();
@@ -1544,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 = ({ onClick: n, onContextMenu: r, className: s, style: a, countColumn: i, items: l, onClickColl: d, classNameColumn: c }) => {
+  const o = (u, f) => {
+    let v = new Array(u).fill([]).map((p) => new Array());
+    for (const p of f) {
+      if (p.indexCol >= v.length) {
+        console.error(`invalid index count. indexCol = ${p.indexCol}, column count = ${u}`);
+        continue;
+      }
+      v[p.indexCol].push(p.node);
+    }
+    return v;
+  }, h = d || (() => {
+  });
+  return /* @__PURE__ */ e.jsx("div", { onClick: n, onContextMenu: r, style: { ...a, gridTemplateColumns: `repeat(${i}, 1fr)` }, className: `alex-evo-sh-ui-kit-column-layout ${s}`, children: o(i, l).map((u, f) => /* @__PURE__ */ e.jsx("div", { onClick: (v) => h(f, v), className: `alex-evo-sh-ui-kit-column-layout-coll ${c}`, children: u.map((v, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: v }, p)) }, f)) });
+};
 const wt = ({ item: n, isIcon: r, globalClick: s }) => {
   const a = () => {
     n.onClick && n.onClick(), s && s();
@@ -1598,7 +1613,7 @@ function vn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: i
   }
   return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((d, c) => /* @__PURE__ */ e.jsx(Tt, { globalClick: a, autoHide: i, onHide: s, item: d, isIcon: l(n), smallDisplay: r }, c)) });
 }
-const Rt = 100, or = (n) => {
+const Rt = 100, dr = (n) => {
   const r = U(null), [s, a] = N({ left: "0px", top: "0px" }), i = () => {
     n.onHide && n.onHide();
   };
@@ -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,
+      d !== 0 ? /* @__PURE__ */ e.jsx(W, {}) : null,
       /* @__PURE__ */ e.jsx(vn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
     ] }, d)) }),
     /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: i, 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)) }) });
 };
@@ -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 i(c, o) {
     for (let h in o)
       if (c === h)
@@ -1653,12 +1668,12 @@ const St = ({ data: n, column: r, color: s, backgroundColor: a }) => {
     return c ? Array.isArray(c) ? c.map((o) => l(o)) : [l(c)] : [];
   }
   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 }) => {
+}, St = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: i, onEdit: l, onClickRow: d, index: c }) => {
   const o = (u) => !u.target.closest(".no-click"), h = (u) => {
     o(u) && d && d(r, c);
   };
   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, 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,
@@ -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, c) }) : 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: i, actions: l, onClickRow: d, adaptive: c }) => {
   const [o] = N(r ?? _t(n));
   return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${d ? "clicked" : ""} ${c ? "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 || i ? /* @__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: i }, 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: i, backBtn: l, openAlways: d }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
   /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer-container ${n || d ? "show" : "hide"}`, children: [
     r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
         /* @__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((c, o) => c.type === "button" ? /* @__PURE__ */ e.jsx(fe, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, o) : c.type === "link" ? /* @__PURE__ */ e.jsx(ln, { onClick: () => a(), title: c.text, icon: c.icon, to: c.to }, o) : null) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(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: i && i.map((c, o) => c.type === "button" ? /* @__PURE__ */ e.jsx(fe, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, o) : c.type === "link" ? /* @__PURE__ */ e.jsx(ln, { onClick: () => a(), title: c.text, icon: c.icon, to: c.to }, o) : null) })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "divider-container", children: /* @__PURE__ */ e.jsx(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) => {
+    /* @__PURE__ */ e.jsx(W, {}),
+    /* @__PURE__ */ e.jsx(me, { active: r.active, title: r.text, icon: r.icon ?? /* @__PURE__ */ e.jsx(Se, {}), onClick: (i) => {
       r.onClick && r.onClick(i);
     } }),
-    /* @__PURE__ */ e.jsx(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((i, l) => i.type === "button" ? /* @__PURE__ */ e.jsx(me, { active: i.active, onClick: i.onClick, title: i.text, icon: i.icon }, l) : i.type === "link" ? /* @__PURE__ */ e.jsx(Mt, { title: i.text, icon: i.icon, to: i.to }, l) : null),
   a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(L, {}),
-    /* @__PURE__ */ e.jsx(me, { title: a.text, icon: a.icon ?? /* @__PURE__ */ e.jsx($e, {}), onClick: (i) => {
+    /* @__PURE__ */ e.jsx(W, {}),
+    /* @__PURE__ */ e.jsx(me, { active: a.active, title: a.text, icon: a.icon ?? /* @__PURE__ */ e.jsx(Se, {}), onClick: (i) => {
       a.onClick && a.onClick(i);
     } }),
-    /* @__PURE__ */ e.jsx(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: i, style: l, btn: d }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Pt(i), color: a, ...l }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: s }),
   r ? /* @__PURE__ */ e.jsx("p", { children: r }) : null,
   d ? /* @__PURE__ */ e.jsx(dn, { styleType: d.styleType ?? "filled", style: d.style, className: d.className, onClick: d.onClick, children: d.text }) : null
@@ -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,