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

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

@@ -11,20 +11,20 @@ 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;
-  var n = ve, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(i, o, h) {
+  var 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);
     for (u in o)
       a.call(o, u) && !l.hasOwnProperty(u) && (f[u] = o[u]);
-    if (i && i.defaultProps)
-      for (u in o = i.defaultProps, o)
+    if (c && c.defaultProps)
+      for (u in o = c.defaultProps, o)
         f[u] === void 0 && (f[u] = o[u]);
-    return { $$typeof: r, type: i, key: v, ref: g, props: f, _owner: c.current };
+    return { $$typeof: r, type: c, key: v, ref: g, props: f, _owner: i.current };
   }
   return se.Fragment = s, se.jsx = d, se.jsxs = d, se;
 }
@@ -39,9 +39,9 @@ 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";
+    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) {
       if (t === null || typeof t != "object")
         return null;
@@ -69,7 +69,7 @@ function zn() {
     var j = !1, _ = !1, W = !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 === 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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -99,7 +99,7 @@ function zn() {
           return "Portal";
         case l:
           return "Profiler";
-        case c:
+        case i:
           return "StrictMode";
         case h:
           return "Suspense";
@@ -108,7 +108,7 @@ function zn() {
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case i:
+          case c:
             var x = t;
             return De(x) + ".Consumer";
           case d:
@@ -134,7 +134,7 @@ function zn() {
     function Le() {
     }
     Le.__reactDisabledLog = !0;
-    function vn() {
+    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;
@@ -157,7 +157,7 @@ function zn() {
         ne++;
       }
     }
-    function jn() {
+    function pn() {
       {
         if (ne--, ne === 0) {
           var t = {
@@ -208,8 +208,8 @@ 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) {
       if (!t || ye)
@@ -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() {
@@ -277,15 +277,15 @@ function zn() {
             }
         }
       } 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) {
+    function yn(t, x, m) {
       return We(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 We(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: {
@@ -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)
@@ -345,17 +345,17 @@ function zn() {
           }
       }
     }
-    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);
       }
     }
-    function _n(t, x) {
+    function Sn(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 zn() {
         });
       }
     }
-    function Sn(t, x) {
+    function $n(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 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,12 +449,12 @@ 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 $)
@@ -462,25 +462,25 @@ function zn() {
         }
         if (b || P) {
           var D = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          b && _n(k, D), P && Sn(k, D);
+          b && Sn(k, D), P && $n(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);
@@ -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,7 +521,7 @@ 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;
@@ -548,7 +548,7 @@ Check the top-level render call using <` + m + ">.");
         }
       }
     }
-    function Fn(t) {
+    function Pn(t) {
       {
         var x = t.type;
         if (x == null || typeof x == "string")
@@ -564,7 +564,7 @@ Check the top-level render call using <` + m + ">.");
           return;
         if (m) {
           var p = V(x);
-          bn(m, t.props, "prop", p, t);
+          kn(m, t.props, "prop", p, t);
         } else if (x.PropTypes !== void 0 && !Ce) {
           Ce = !0;
           var C = V(x);
@@ -573,7 +573,7 @@ Check the top-level render call using <` + m + ">.");
         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 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 D = On(t, x, m, C, T);
+        var D = Dn(t, x, m, C, T);
         if (D == null)
           return D;
         if (k) {
@@ -614,52 +614,52 @@ 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 = V(t), A = Object.keys(x).filter(function(Vn) {
+            return Vn !== "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 Wn = 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, Wn, 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 Bn = Yn, Ln = In;
+    ae.Fragment = a, ae.jsx = Bn, ae.jsxs = Ln;
   }()), ae;
 }
-process.env.NODE_ENV === "production" ? Se.exports = Vn() : Se.exports = zn();
+process.env.NODE_ENV === "production" ? Se.exports = zn() : Se.exports = Un();
 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) => {
+const Kn = (n) => le({ ...n, className: (n.className ?? "") + " outline-button" }), M = (n) => le({ ...n, className: (n.className ?? "") + " text-button" }), Xn = (n) => le({ ...n, className: (n.className ?? "") + " total-button" }), qn = (n) => le({ ...n, className: (n.className ?? "") + " filled-button" }), le = (n) => {
   const r = (s) => {
     n.onClick && n.onClick(s);
     let a = document.createElement("span");
     a.classList.add("btn-overlay");
-    let c = s.pageX - s.currentTarget.offsetLeft, l = s.pageY - s.currentTarget.offsetTop;
-    a.style.left = c + "px", a.style.top = l + "px", s.currentTarget.appendChild(a), setTimeout(() => {
+    let i = s.pageX - s.currentTarget.offsetLeft, l = s.pageY - s.currentTarget.offsetTop;
+    a.style.left = i + "px", a.style.top = l + "px", s.currentTarget.appendChild(a), setTimeout(() => {
       a.remove();
     }, 500);
   };
   return /* @__PURE__ */ e.jsx("button", { ...n, className: (n.className ?? "") + " btn", onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: n.children }) });
-}, 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: i }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: s ? a ? "scroll" : "hidden" : void 0, maxHeight: s, backgroundColor: i ? "transparent" : void 0 }, className: `list-container ${r} ${a ? "scroll" : ""}`, children: n }), Jn = ({ icon: n, control: r, text: s, header: a, value: i, onClick: l, hovered: d, className: c }) => {
   const o = (h) => {
     h.target.closest(".control-container") || l && l(h);
   };
-  return /* @__PURE__ */ e.jsxs("li", { className: ` ${i} list-item-container ${d ? "hovered" : ""}`, onClick: o, children: [
-    n ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: n }) : c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: c }) : null,
+  return /* @__PURE__ */ e.jsxs("li", { className: ` ${c} list-item-container ${d ? "hovered" : ""}`, onClick: o, children: [
+    n ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: n }) : i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: i }) : null,
     s ? /* @__PURE__ */ e.jsxs("div", { className: "text-container", children: [
       /* @__PURE__ */ e.jsx("div", { className: "header", children: a }),
       /* @__PURE__ */ e.jsx("div", { className: "text", children: s })
@@ -667,7 +667,7 @@ const Jn = ({ children: n, className: r, maxHeight: s, scroll: a, transparent: c
     r ? /* @__PURE__ */ e.jsx("div", { className: "control-container", children: r }) : null
   ] });
 };
-const ie = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu: c, disabled: l, classNameContainer: d, style: i }) => {
+const ie = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu: i, disabled: l, classNameContainer: d, style: c }) => {
   const o = (h) => {
     a && a(h);
     let u = document.createElement("span");
@@ -677,9 +677,9 @@ const ie = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu:
       u.remove();
     }, 500);
   };
-  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...i }, className: `iconbutton ${s}`, onClick: o, onContextMenu: c, disabled: l, children: /* @__PURE__ */ e.jsx("div", { className: `${d} iconbutton-container`, children: r }) });
+  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...c }, className: `iconbutton ${s}`, onClick: o, onContextMenu: i, disabled: l, children: /* @__PURE__ */ e.jsx("div", { className: `${d} iconbutton-container`, children: r }) });
 };
-const 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: i, subhead: l, text: d, children: c, iconButtonCell: o, onClick: h }) => {
   const u = (v) => !(v.target.className === "action-container" || v.target.closest(".action-container") || v.target.className === "icon-button-container" || v.target.closest(".icon-button-container")), f = (v) => {
     if (h && h(v), !u(v))
       return;
@@ -698,22 +698,22 @@ const At = ({ className: n, action: r, imgSrc: s, alt: a, header: c, subhead: l,
     s ? /* @__PURE__ */ e.jsx("div", { className: "card-img-container", children: /* @__PURE__ */ e.jsx("img", { src: s, alt: a }) }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "card-content-container", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "card-Headline-container mb-1 font-bold", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: c }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: i }) }),
         o ? /* @__PURE__ */ e.jsx("div", { className: "icon-button-container", children: o }) : null
       ] }),
       l ? /* @__PURE__ */ e.jsx("div", { className: "card-subhead-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "subhead", children: /* @__PURE__ */ e.jsx("h3", { className: "text-xl", children: l }) }) }) : null,
       d ? /* @__PURE__ */ e.jsx("div", { className: "card-text-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: d }) }) }) : null,
-      i ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: i }) : null,
+      c ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: c }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "action-container", children: r })
     ] })
   ] });
 };
 const Hn = ({ children: n, className: r }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${r ?? ""}`, children: n });
-const It = ({ 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");
+const Bt = ({ children: n, className: r, id: s, height: a, width: i, pozMove: l }) => {
+  const [d, c] = N(!1), [o, h] = N(null), [u, f] = N({ x: 0, y: 0 }), v = (w) => {
+    w.button == 1 && (c(!1), h(null), document.body.style.cursor = "auto");
   }, g = (w) => {
-    w.button == 1 && (h({ x: w.clientX, y: w.clientY }), i(!0), document.body.style.cursor = "move");
+    w.button == 1 && (h({ x: w.clientX, y: w.clientY }), c(!0), document.body.style.cursor = "move");
   }, y = R((w) => {
     d && (f((S) => {
       if (!o)
@@ -725,7 +725,7 @@ const It = ({ children: n, className: r, id: s, height: a, width: c, pozMove: l
   }, [d, o]);
   return F(() => {
     l && f({ ...l });
-  }, [l]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: a, width: c }, className: `big-container ${r}`, onMouseDown: g, onMouseUp: v, onMouseMove: y, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: u.x, top: u.y }, children: n }) });
+  }, [l]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: a, width: i }, className: `big-container ${r}`, onMouseDown: g, onMouseUp: v, onMouseMove: y, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: u.x, top: u.y }, children: n }) });
 };
 const Zn = (n) => {
   const [r, s] = N(!1), a = R(() => {
@@ -743,9 +743,9 @@ const Zn = (n) => {
     /* @__PURE__ */ e.jsx("div", { className: "backplate bottom-sheets-backplate", style: { zIndex: 1101 }, onClick: a })
   ] });
 };
-const Yt = ({ name: n, checked: r, onChange: s, readOnly: a, checkIcon: c }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
+const Lt = ({ name: n, checked: r, onChange: s, readOnly: a, checkIcon: i }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
   /* @__PURE__ */ e.jsx("input", { className: "checkbox", name: n, type: "checkbox", checked: r, onChange: s, readOnly: a }),
-  /* @__PURE__ */ e.jsx("span", { children: c || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
+  /* @__PURE__ */ e.jsx("span", { children: i || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
 ] });
 /**
  * @license lucide-react v0.378.0 - ISC
@@ -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
  *
@@ -783,10 +783,10 @@ const nt = on(
     size: r = 24,
     strokeWidth: s = 2,
     absoluteStrokeWidth: a,
-    className: c = "",
+    className: i = "",
     children: l,
     iconNode: d,
-    ...i
+    ...c
   }, o) => _e(
     "svg",
     {
@@ -796,8 +796,8 @@ const nt = on(
       height: r,
       stroke: n,
       strokeWidth: a ? Number(s) * 24 / Number(r) : s,
-      className: dn("lucide", c),
-      ...i
+      className: un("lucide", i),
+      ...c
     },
     [
       ...d.map(([h, u]) => _e(h, u)),
@@ -813,11 +813,11 @@ const nt = on(
  */
 const I = (n, r) => {
   const s = on(
-    ({ className: a, ...c }, l) => _e(nt, {
+    ({ className: a, ...i }, l) => _e(nt, {
       ref: l,
       iconNode: r,
-      className: dn(`lucide-${Qn(n)}`, a),
-      ...c
+      className: un(`lucide-${Qn(n)}`, a),
+      ...i
     })
   );
   return s.displayName = `${n}`, s;
@@ -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" }]
@@ -962,15 +962,15 @@ const je = I("X", [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
 const dt = ({ text: n, onDelete: r, big: s, onClick: a }) => {
-  const c = (d) => !(d.target.className === "alex-evo-ui-kit-chips-btn" || d.target.closest(".alex-evo-ui-kit-chips-btn")), l = (d) => {
-    c(d) && a && a(d);
+  const i = (d) => !(d.target.className === "alex-evo-ui-kit-chips-btn" || d.target.closest(".alex-evo-ui-kit-chips-btn")), l = (d) => {
+    i(d) && a && a(d);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${s ? "big-chips" : ""} ${a ? "hovered" : ""}`, onClick: l, children: [
     /* @__PURE__ */ e.jsx("p", { children: n }),
     r ? /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: r, children: /* @__PURE__ */ e.jsx(je, { size: 18 }) }) : null
   ] });
 };
-const 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 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 === ""))), []);
   F(() => {
     W(g, u);
@@ -979,7 +979,7 @@ const xn = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a,
     B.current && B.current.focus();
   };
   return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field ${l ? "border" : ""} ${s ? "transparent" : ""} ${v}`, children: [
-    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: K, children: i }) : null,
+    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: K, children: c }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: K, children: [
       /* @__PURE__ */ e.jsx(
         "input",
@@ -989,7 +989,7 @@ const xn = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a,
           min: E,
           readOnly: a,
           required: !0,
-          type: c ? "password" : r,
+          type: i ? "password" : r,
           className: `${j ? "error" : ""}`,
           name: h,
           value: u,
@@ -1004,16 +1004,16 @@ const 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 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 === ""))), []);
   F(() => {
-    O(u, i);
-  }, [i, u, O]);
+    O(u, c);
+  }, [c, u, O]);
   const E = () => {
     y.current && y.current.focus();
   };
   return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-area ${w ? "error" : ""} ${a ? "border" : ""} ${r ? "transparent" : ""} ${h}`, children: [
-    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: E, children: c }) : null,
+    i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: E, children: i }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "textarea-container", onClick: E, children: /* @__PURE__ */ e.jsx(
       "textarea",
       {
@@ -1023,7 +1023,7 @@ const Bt = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: c
         placeholder: o,
         className: `${w ? "error" : ""}`,
         name: d,
-        value: i,
+        value: c,
         onChange: l,
         onFocus: f,
         onBlur: v
@@ -1039,75 +1039,75 @@ 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: [
-  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r === s || l, value: s, onChange: a, readOnly: c }),
+] }), Vt = ({ name: n, currentValue: r, value: s, onChange: a, readOnly: i, checked: l }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r === s || l, value: s, onChange: a, readOnly: i }),
   /* @__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: i, children: l }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${s} extendedFAB`, onClick: a, onContextMenu: i, children: [
   r,
   l ? /* @__PURE__ */ e.jsx("span", { children: l }) : null
 ] });
-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 [c, l] = N([]), [d, i] = N("");
+const Kt = ({ minWidth: n, value: r, onChange: s, border: a }) => {
+  const [i, l] = N([]), [d, c] = N("");
   F(() => {
     console.log("p0"), l(xt(r));
   }, [r]), F(() => {
-    console.log(c);
-  }, [c]);
+    console.log(i);
+  }, [i]);
   const o = (f) => {
-    i(f.target.value);
+    c(f.target.value);
   }, h = R(() => {
-    if (d === "" || c.includes(d))
+    if (d === "" || i.includes(d))
       return;
-    const f = [...c, d.trim()];
-    l(f), s && s(an(f)), i("");
-  }, [c, d]), u = (f) => {
-    const v = c.filter((g, y) => y !== f);
+    const f = [...i, d.trim()];
+    l(f), s && s(an(f)), c("");
+  }, [i, d]), u = (f) => {
+    const v = i.filter((g, y) => y !== f);
     l(v), s && s(an(v));
   };
   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)) })
+    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: i.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: i }) => {
   const l = U(null), d = R(() => {
     if (!l.current)
       return;
-    let i = l.current.getElementsByTagName("p");
-    i[0] && l.current.clientWidth <= i[0].clientWidth ? (i[0].className = "runing", i[0].innerHTML = `| ${r} | ${r}`) : i[0].className = "";
+    let c = l.current.getElementsByTagName("p");
+    c[0] && l.current.clientWidth <= c[0].clientWidth ? (c[0].className = "runing", c[0].innerHTML = `| ${r} | ${r}`) : c[0].className = "";
   }, [r]);
   return F(() => {
     d();
-  }, [d]), /* @__PURE__ */ e.jsx("div", { style: n, ref: l, onClick: a, onContextMenu: c, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: r }) });
+  }, [d]), /* @__PURE__ */ e.jsx("div", { style: n, ref: l, onClick: a, onContextMenu: i, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: r }) });
 };
-const 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 c = U(null), [l, d] = N(""), [i, o] = N(!1), h = () => {
-    c.current && (c.current.focus(), o(!0));
+const qt = ({ className: n, children: r, height: s }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: s }, children: r });
+const Gt = ({ onMenu: n, onSearch: r, placeholder: s, autoChenge: a }) => {
+  const i = U(null), [l, d] = N(""), [c, o] = N(!1), h = () => {
+    i.current && (i.current.focus(), o(!0));
   }, u = () => {
-    c.current && (c.current.focus(), c.current.value = ""), d(""), o(!0), a && r("");
+    i.current && (i.current.focus(), i.current.value = ""), d(""), o(!0), a && r("");
   }, f = () => {
-    u(), c.current && (c.current.blur(), o(!1));
+    u(), i.current && (i.current.blur(), o(!1));
   }, v = (y) => {
     d(y.target.value), a && r(y.target.value);
   }, g = (y) => {
     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,
-    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: c, onChange: v, onKeyDown: g, value: l, onFocus: () => o(!0) }),
-    i ? /* @__PURE__ */ e.jsx("span", { onClick: u, children: /* @__PURE__ */ e.jsx(je, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(lt, { size: 24 }) })
+    c ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(tt, { size: 24 }) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(xn, { size: 24 }) }) : null,
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: i, onChange: v, onKeyDown: g, value: l, onFocus: () => o(!0) }),
+    c ? /* @__PURE__ */ e.jsx("span", { onClick: u, children: /* @__PURE__ */ e.jsx(je, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(lt, { size: 24 }) })
   ] }) });
 };
-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,10 +1119,10 @@ 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 [i, o] = N(ht(r)), h = (u) => {
-    c && c(u);
+const Ht = ({ name: n, onChange: r, checked: s, className: a }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${a}`, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: n, onChange: r, checked: s }) });
+const ht = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], Zt = ({ multiple: n, value: r, items: s, className: a, onClick: i, onContextMenu: l, onChange: d }) => {
+  const [c, o] = N(ht(r)), h = (u) => {
+    i && i(u);
     const f = u.currentTarget;
     if (!n) {
       if (!f.dataset.el)
@@ -1130,48 +1130,48 @@ const ht = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], Gt = ({ multip
       o([f.dataset.el]), d && d([f.dataset.el], u);
       return;
     }
-    const v = i.filter((y) => y === f.dataset.el);
-    let g = i.slice();
+    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);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: `sigmentedbutton-container ${a ?? ""}`, children: s.map((u, f) => /* @__PURE__ */ e.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ e.jsxs("button", { "data-el": u, onContextMenu: l, onClick: h, className: `sigmentedbutton-item-button ${i.includes(u) ? "active" : ""}`, children: [
-    i.includes(u) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(ce, {}) }) : null,
+  return /* @__PURE__ */ e.jsx("div", { className: `sigmentedbutton-container ${a ?? ""}`, children: s.map((u, f) => /* @__PURE__ */ e.jsx("div", { className: "sigmentedbutton-item-container", children: /* @__PURE__ */ e.jsxs("button", { "data-el": u, onContextMenu: l, onClick: h, className: `sigmentedbutton-item-button ${c.includes(u) ? "active" : ""}`, children: [
+    c.includes(u) ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: /* @__PURE__ */ e.jsx(ce, {}) }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "text-container", children: u })
   ] }, f) }, f)) });
 };
-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) => {
-  let c = { x: n, y: r };
+} : void 0, mn = (n, r, s, a) => {
+  let i = { x: n, y: r };
   if (!s)
-    return c;
-  let l = Number(window.getComputedStyle(s).getPropertyValue("height").replace("px", "")), d = Number(window.getComputedStyle(s).getPropertyValue("width").replace("px", "")), i = r + l - document.documentElement.scrollHeight, o = n + d - document.documentElement.clientWidth;
-  return i > 0 && (c.y = c.y - i - ((a == null ? void 0 : a.marginBottom) ?? 0)), o > 0 && (c.x = c.x - o - ((a == null ? void 0 : a.marginRight) ?? 0)), c;
+    return i;
+  let l = Number(window.getComputedStyle(s).getPropertyValue("height").replace("px", "")), d = Number(window.getComputedStyle(s).getPropertyValue("width").replace("px", "")), c = r + l - document.documentElement.scrollHeight, o = n + d - document.documentElement.clientWidth;
+  return c > 0 && (i.y = i.y - c - ((a == null ? void 0 : a.marginBottom) ?? 0)), o > 0 && (i.x = i.x - o - ((a == null ? void 0 : a.marginRight) ?? 0)), i;
 };
-function ft(n, r, s, a, c) {
-  return a + (c - a) * ((n - r) / (s - r));
+function ft(n, r, s, a, i) {
+  return a + (i - a) * ((n - r) / (s - r));
 }
-const Te = 0, Re = 100, Ht = (n) => {
-  const [r, s] = N(0), [a, c] = N(!1), l = U(null), d = U(null);
+const Te = 0, Re = 100, Qt = (n) => {
+  const [r, s] = N(0), [a, i] = N(!1), l = U(null), d = U(null);
   F(() => {
     n.value ? s(n.value) : s(0);
   }, [n.value]);
-  const i = (f) => {
+  const c = (f) => {
     s(Number(f.target.value)), n.onChange(f);
   }, o = (f, v, g) => {
     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);
     }
     return 0;
   }, h = R((f) => {
-    c(!0), n.onFocus && n.onFocus(f);
+    i(!0), n.onFocus && n.onFocus(f);
   }, [n.onFocus]), u = R((f) => {
-    c(!1), n.onBlur && n.onBlur(f);
+    i(!1), n.onBlur && n.onBlur(f);
   }, [n.onBlur]);
   return /* @__PURE__ */ e.jsx("div", { className: "range", children: /* @__PURE__ */ e.jsxs("div", { className: "field", children: [
     n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: n.min ?? Te }) : null,
@@ -1180,14 +1180,14 @@ const Te = 0, Re = 100, Ht = (n) => {
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-container" }),
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-value", children: r })
       ] }) }),
-      /* @__PURE__ */ e.jsx("input", { onMouseUp: n.onMouseUp, ref: d, step: n.step, type: "range", min: n.min ?? Te, max: n.max ?? Re, onChange: i, value: r, onFocus: h, onBlur: u })
+      /* @__PURE__ */ e.jsx("input", { onMouseUp: n.onMouseUp, ref: d, step: n.step, type: "range", min: n.min ?? Te, max: n.max ?? Re, onChange: c, value: r, onFocus: h, onBlur: u })
     ] }),
     n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? Re }) : null
   ] }) });
 };
-const G = ({ className: n, children: r, header: s, action: a, onHide: c, style: l }) => {
+const J = ({ className: n, children: r, header: s, action: a, onHide: i, style: l }) => {
   function d() {
-    c && c();
+    i && i();
   }
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { onClick: d, style: { zIndex: "999" }, className: "backplate" }),
@@ -1200,9 +1200,9 @@ const 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 }) => {
-  const [d, i] = N(!1), o = R(() => {
-    window.innerWidth < 720 ? i(!0) : i(!1);
+] }), er = ({ style: n, className: r, header: s, children: a, onSave: i, onHide: l }) => {
+  const [d, c] = N(!1), o = R(() => {
+    window.innerWidth < 720 ? c(!0) : c(!1);
   }, [window.innerWidth]);
   F(() => {
     o();
@@ -1212,23 +1212,23 @@ const G = ({ className: n, children: r, header: s, action: a, onHide: c, style:
   const h = () => {
     l && l();
   }, u = () => {
-    c && c();
+    i && i();
   };
   return d ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `full-screen-dialog-container ${r}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog-header", children: [
       /* @__PURE__ */ e.jsx("div", { className: "dialog-icon-container", children: /* @__PURE__ */ e.jsx(ie, { transparent: !0, onClick: h, icon: /* @__PURE__ */ e.jsx(je, {}) }) }),
       /* @__PURE__ */ e.jsx("div", { className: "header", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__PURE__ */ e.jsx(M, { onClick: u, children: "save" }) : null })
+      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: i ? /* @__PURE__ */ e.jsx(M, { onClick: u, children: "save" }) : null })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: a })
-  ] }) : /* @__PURE__ */ e.jsx(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 }) => {
-  const i = R(() => {
-    c && c(), l && l();
+  ] }) : /* @__PURE__ */ e.jsx(J, { style: n, header: s, className: `full-screen-dialog-base-format ${r}`, onHide: h, children: a, action: /* @__PURE__ */ e.jsx(mt, { onHide: h, onSave: i ? u : void 0 }) });
+}, nr = ({ styleContainer: n, text: r, header: s, actionText: a, onSuccess: i, onHide: l, onCancel: d }) => {
+  const c = R(() => {
+    i && i(), l && l();
   }, []), o = R(() => {
     d && d(), l && l();
   }, []);
-  return /* @__PURE__ */ e.jsx(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: c }), children: /* @__PURE__ */ e.jsx("p", { children: r }) });
 };
 function vt({ actionText: n, onSuccess: r, onHide: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
@@ -1236,15 +1236,15 @@ 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" }) {
-  const [d, i] = N(void 0), o = R(() => {
-    n && d && n(d), i(void 0), !c && a && a();
+function tr({ onSuccess: n, items: r, header: s, onHide: a, noHide: i = !1, name: l = "dailog_name" }) {
+  const [d, c] = N(void 0), o = R(() => {
+    n && d && n(d), c(void 0), !i && a && a();
   }, [d]), h = R((u) => {
-    i(u);
+    c(u);
   }, []);
-  return /* @__PURE__ */ e.jsxs(G, { header: s, action: /* @__PURE__ */ e.jsx(jt, { onHide: a, onSuccess: o, disabled: d === void 0 }), children: [
+  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(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(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" } })
   ] });
 }
@@ -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: i, placeholder: l, type: d = "text", min: c = 0, max: o = 100 }) => {
   const [h, u] = N(""), f = R(() => {
-    a && a(h), c && c();
+    a && a(h), i && i();
   }, [h]), v = (g) => {
-    d === "number" && (Number(g) < i && (g = String(i)), Number(g) > o && (g = String(o))), u(g);
+    d === "number" && (Number(g) < c && (g = String(c)), 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: i, 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: c, type: d, border: !0, placeholder: l, value: h, onChange: (g) => v(g.target.value) }) })
   ] });
 };
 function pt({ onSuccess: n, onHide: r }) {
@@ -1284,8 +1284,8 @@ 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 }) => {
-  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({
+], yt = () => Array(gt - cn).fill(0).map((n, r) => cn + r), sr = ({ onChange: n, onHide: r }) => {
+  const [s] = N(z[(/* @__PURE__ */ new Date()).getMonth()]), [a] = N((/* @__PURE__ */ new Date()).getFullYear()), [i] = N((/* @__PURE__ */ new Date()).getDate()), [l, d] = N(z[(/* @__PURE__ */ new Date()).getMonth()]), [c, o] = N((/* @__PURE__ */ new Date()).getFullYear()), [h, u] = N({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
@@ -1309,9 +1309,9 @@ const gt = 2050, cn = 1900, z = [
     u(j);
   }, B = 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: [
+    j.setFullYear(c), h.type === "NEXT_MONTH" ? l === z[11] ? (j.setMonth(0), j.setFullYear(c + 1)) : j.setMonth(z.indexOf(l) + 1) : h.type === "PREV_MONTH" ? l === z[0] ? (j.setMonth(11), j.setFullYear(c - 1)) : j.setMonth(z.indexOf(l) - 1) : j.setMonth(z.indexOf(l)), j.setDate(h.day), n && n(j.getFullYear(), j.getMonth(), j.getDate()), r && r();
+  }, [l, c, n, r, h]);
+  return /* @__PURE__ */ e.jsxs(J, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
       /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: f === "MONTHS" ? "active" : "", onClick: () => v(
         "MONTHS"
@@ -1325,7 +1325,7 @@ const gt = 2050, cn = 1900, z = [
         "YEARS"
         /* YEARS */
       ), children: [
-        i,
+        c,
         " ",
         /* @__PURE__ */ e.jsx(sn, {})
       ] }) })
@@ -1334,7 +1334,7 @@ const gt = 2050, cn = 1900, z = [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === j ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: j })
     ] }, _)) }) : f === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: yt().map((j, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => S(j), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: i === j ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === j ? /* @__PURE__ */ e.jsx(ce, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: j })
     ] }, _)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
@@ -1346,7 +1346,7 @@ const gt = 2050, cn = 1900, z = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: w(i, z.indexOf(l)).map((j, _) => /* @__PURE__ */ e.jsx("div", { className: `day ${j.type !== "NOW_MONTH" ? "other" : ""} ${c === j.day && i === a && l === s ? "now" : ""} ${j.day === h.day && j.type === h.type ? "select" : ""}`, onClick: () => E(j), children: j.day }, _)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: w(c, z.indexOf(l)).map((j, _) => /* @__PURE__ */ e.jsx("div", { className: `day ${j.type !== "NOW_MONTH" ? "other" : ""} ${i === j.day && c === a && l === s ? "now" : ""} ${j.day === h.day && j.type === h.type ? "select" : ""}`, onClick: () => E(j), children: j.day }, _)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
       /* @__PURE__ */ e.jsx(M, { className: "little m-0", onClick: r, children: "Cancel" }),
@@ -1354,8 +1354,8 @@ const gt = 2050, cn = 1900, z = [
     ] })
   ] });
 };
-const bt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: c, onCancel: l, onOK: d }) => {
-  const [i, o] = N(!1), h = R((v) => {
+const bt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: i, onCancel: l, onOK: d }) => {
+  const [c, o] = N(!1), h = R((v) => {
     n(v), o(!0);
   }, [n]), u = R((v) => {
     r(v), o(!1);
@@ -1371,11 +1371,11 @@ const bt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: c, o
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
       /* @__PURE__ */ e.jsxs("div", { className: "time-input minutes", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", value: c, min: 0, max: 60 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", value: i, min: 0, max: 60 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: i ? /* @__PURE__ */ e.jsx(Nt, { setMinutes: u }) : /* @__PURE__ */ e.jsx(kt, { setHours: h }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(Nt, { setMinutes: u }) : /* @__PURE__ */ e.jsx(kt, { setHours: h }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
       /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(it, {}) }),
       /* @__PURE__ */ e.jsx(M, { className: "little", onClick: f, children: "Cancel" }),
@@ -1435,8 +1435,8 @@ function Nt({ setMinutes: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-const Ct = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: c, onCancel: l, onOK: d }) => {
-  const i = (h) => {
+const Ct = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: i, onCancel: l, onOK: d }) => {
+  const c = (h) => {
     let u = Number(h.target.value);
     u < 0 && (u = 0), u > 23 && (u = 23), n(u);
   }, o = (h) => {
@@ -1447,7 +1447,7 @@ const Ct = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: c, o
     /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Enter time" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "time-input-container", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "time-input hours", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: c, onChange: i }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: i, onChange: c }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
@@ -1462,24 +1462,24 @@ 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) => {
-  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);
+}, ar = (n) => {
+  const [r, s] = N(n.minutes ?? 0), [a, i] = N(n.hours ?? 0), [l, d] = N(!0), c = () => {
+    n.onHide && n.onHide(), s(0), i(0);
   }, o = R((u) => {
     s(u), n.onChange && n.onChange(a, u), n.onHide && n.onHide();
   }, [a]), h = R(() => {
     n.onChange && n.onChange(a, r), n.onHide && n.onHide();
   }, [a, r]);
-  return l ? /* @__PURE__ */ e.jsx(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: i, minutes: r, hours: a, switchMode: () => d(!1), onCancel: c, onOK: h }) }) : /* @__PURE__ */ e.jsx(J, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Ct, { setMinutes: s, setHours: i, minutes: r, hours: a, switchMode: () => d(!0), onCancel: c, onOK: h }) });
 };
-const sr = ({ onChange: n, value: r, className: s }) => {
-  const [a, c] = N(r || []), l = R((i) => {
-    if (!i)
+const ir = ({ onChange: n, value: r, className: s }) => {
+  const [a, i] = N(r || []), l = R((c) => {
+    if (!c)
       return;
     let o = a.slice();
-    const h = o.indexOf(i.target.name);
-    h !== -1 && !i.target.checked ? o = o.filter((u, f) => f !== h) : h === -1 && i.target.checked && o.push(i.target.name), c(o), n && n(o);
-  }, [a]), d = R((i) => a.indexOf(i) !== -1, [a]);
+    const h = o.indexOf(c.target.name);
+    h !== -1 && !c.target.checked ? o = o.filter((u, f) => f !== h) : h === -1 && c.target.checked && o.push(c.target.name), i(o), n && n(o);
+  }, [a]), d = R((c) => a.indexOf(c) !== -1, [a]);
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: `days-week-field-container ${s}`, children: [
     /* @__PURE__ */ e.jsxs("label", { children: [
       /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: l, name: "Mon", checked: d("Mon") }),
@@ -1511,12 +1511,12 @@ const 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: i = "5px", itemMinWith: l, itemMaxWith: d, itemWith: c = "400px" }) => {
   const o = U(null), [h, u] = N([]), f = R(() => {
     if (!o.current)
       return;
-    o.current.style.display = "grid", o.current.style.gridRowGap = a, o.current.style.gridColumnGap = c;
-    let y = l ?? i, w = d ?? i;
+    o.current.style.display = "grid", o.current.style.gridRowGap = a, o.current.style.gridColumnGap = i;
+    let y = l ?? c, w = d ?? c;
     o.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + y + ", " + w + "))", o.current.style.gridAutoRows = "0", h.forEach((S) => {
       S.style.gridAutoRows = "0", S.style.gridAutoColumns = "0";
     });
@@ -1554,56 +1554,56 @@ const wt = ({ item: n, isIcon: r, globalClick: s }) => {
     /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(ce, {}) : null })
   ] });
 }, Et = ({ items: n, onHide: r, smallDisplay: s, globalClick: a }) => {
-  const c = U(null), [l, d] = N({ left: "0px", top: "0px" });
-  function i(o) {
+  const i = U(null), [l, d] = N({ left: "0px", top: "0px" });
+  function c(o) {
     for (let h of o)
       if (h.icon)
         return !0;
     return !1;
   }
   return F(() => {
-    if (!c.current)
+    if (!i.current)
       return;
-    let o = hn(c.current.parentElement);
+    let o = fn(i.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, i.current, { marginRight: o.width });
     d({
       left: h.x - o.left + "px",
       top: h.y - o.top + "px"
     });
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: c, className: "menu-sub-block", style: { ...l }, children: n.map((o, h) => /* @__PURE__ */ e.jsx(wt, { item: o, isIcon: i(n), globalClick: a }, h)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: i, className: "menu-sub-block", style: { ...l }, children: n.map((o, h) => /* @__PURE__ */ e.jsx(wt, { item: o, isIcon: c(n), globalClick: a }, h)) }),
     s ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "backplate", onClick: r })
   ] });
-}, Tt = ({ onHide: n, autoHide: r, globalClick: s, item: a, isIcon: c, smallDisplay: l }) => {
-  const [d, i] = N(!1), o = R(() => {
-    a.subItems ? i((h) => !h) : a.onClick && a.onClick(), s && s(), r && n && n();
+}, Tt = ({ onHide: n, autoHide: r, globalClick: s, item: a, isIcon: i, smallDisplay: l }) => {
+  const [d, c] = N(!1), o = R(() => {
+    a.subItems ? c((h) => !h) : a.onClick && a.onClick(), s && s(), r && n && n();
   }, [a.onClick]);
   return /* @__PURE__ */ e.jsxs("div", { className: "menu-item-conatiner", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "menu-item", onClick: o, children: [
-      c ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
+      i ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: a.title }),
       /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: a.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-status-submenu ${d ? "active" : ""}` }) : a.activated ? /* @__PURE__ */ e.jsx(ce, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
     ] }),
-    d && a.subItems ? /* @__PURE__ */ e.jsx(Et, { items: a.subItems, onHide: () => i(!1), smallDisplay: l }) : null
+    d && a.subItems ? /* @__PURE__ */ e.jsx(Et, { items: a.subItems, onHide: () => c(!1), smallDisplay: l }) : null
   ] });
 };
-function mn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: c }) {
+function vn({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: i }) {
   function l(d) {
-    for (let i of d.items)
-      if (i.icon)
+    for (let c of d.items)
+      if (c.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((d, i) => /* @__PURE__ */ e.jsx(Tt, { globalClick: a, autoHide: c, onHide: s, item: d, isIcon: l(n), smallDisplay: r }, i)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((d, c) => /* @__PURE__ */ e.jsx(Tt, { globalClick: a, autoHide: i, onHide: s, item: d, isIcon: l(n), smallDisplay: r }, c)) });
 }
-const Rt = 100, cr = (n) => {
-  const r = U(null), [s, a] = N({ left: "0px", top: "0px" }), c = () => {
+const Rt = 100, or = (n) => {
+  const r = U(null), [s, a] = N({ left: "0px", top: "0px" }), i = () => {
     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"
@@ -1611,18 +1611,18 @@ const Rt = 100, cr = (n) => {
   }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { ref: r, className: "menu-container", style: { ...s, opacity: s.top !== "0px" ? "100%" : "0%", width: n.width, maxWidth: n.width ? "100%" : void 0 }, children: n.blocks.map((l, d) => /* @__PURE__ */ e.jsxs(ve.Fragment, { children: [
       d !== 0 ? /* @__PURE__ */ e.jsx(L, {}) : null,
-      /* @__PURE__ */ e.jsx(mn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: c })
+      /* @__PURE__ */ e.jsx(vn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
     ] }, d)) }),
-    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: c, onContextMenu: (l) => {
+    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: i, onContextMenu: (l) => {
       l.preventDefault();
     } })
   ] }) : null;
-}, lr = (n) => {
+}, dr = (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 })
+    /* @__PURE__ */ e.jsx(vn, { block: s, smallDisplay: !0 })
   ] }, a)) }) });
 };
 function _t(n) {
@@ -1630,10 +1630,10 @@ function _t(n) {
   if (n.length > 0)
     for (let s of n)
       for (let a in s) {
-        let c = !1;
+        let i = !1;
         for (let l of r)
-          l.field === a && (c = !0);
-        c || r.push({
+          l.field === a && (i = !0);
+        i || r.push({
           title: a,
           field: a
         });
@@ -1641,40 +1641,40 @@ function _t(n) {
   return r;
 }
 const St = ({ data: n, column: r, color: s, backgroundColor: a }) => {
-  function c(i, o) {
+  function i(c, o) {
     for (let h in o)
-      if (i === h)
+      if (c === h)
         return o[h];
   }
-  function l(i) {
-    return typeof i == "number" || typeof i == "string" ? { content: i } : i;
+  function l(c) {
+    return typeof c == "number" || typeof c == "string" ? { content: c } : c;
   }
-  function d(i) {
-    return i ? Array.isArray(i) ? i.map((o) => l(o)) : [l(i)] : [];
+  function d(c) {
+    return c ? Array.isArray(c) ? c.map((o) => l(o)) : [l(c)] : [];
   }
-  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: a }, children: d(c(r.field, n)).map((i, o) => /* @__PURE__ */ e.jsx("p", { style: { color: i.color ?? s }, className: i.onClick ? "no-click" : "", onClick: i.onClick, children: typeof i.content == "string" || typeof i.content == "number" ? i.content : /* @__PURE__ */ e.jsx(i.content, {}) }, o)) });
-}, $t = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: c, onEdit: l, onClickRow: d, index: i }) => {
+  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: a }, children: d(i(r.field, n)).map((c, o) => /* @__PURE__ */ e.jsx("p", { style: { color: c.color ?? s }, className: c.onClick ? "no-click" : "", onClick: c.onClick, children: typeof c.content == "string" || typeof c.content == "number" ? c.content : /* @__PURE__ */ e.jsx(c.content, {}) }, o)) });
+}, $t = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: i, onEdit: l, onClickRow: d, index: c }) => {
   const o = (u) => !u.target.closest(".no-click"), h = (u) => {
-    o(u) && d && d(r, i);
+    o(u) && d && d(r, c);
   };
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: h, children: [
     s.map((u, f) => /* @__PURE__ */ e.jsx(St, { color: u.color, backgroundColor: u.backgroundColor, column: u, data: r }, f)),
-    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, f) => /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: u.icon, onClick: (v) => u.onClick(v, r, i) }, f)) }) }) : null,
-    a || c || l ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
-      l ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(ct, {}), onClick: () => l(r, i) }) : null,
-      c ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(ot, { className: "text-red-500" }), onClick: () => c(r, i) }) : null,
-      a ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(at, {}), onClick: (u) => a(u, r, i) }) : null
+    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, f) => /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: u.icon, onClick: (v) => u.onClick(v, r, c) }, f)) }) }) : null,
+    a || i || l ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
+      l ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(ct, {}), onClick: () => l(r, c) }) : null,
+      i ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(ot, { className: "text-red-500" }), onClick: () => i(r, c) }) : null,
+      a ? /* @__PURE__ */ e.jsx(ie, { transparent: !0, icon: /* @__PURE__ */ e.jsx(at, {}), onClick: (u) => a(u, r, c) }) : null
     ] }) }) : null
   ] });
-}, or = ({ data: n, columns: r, onDelete: s, onContextMenu: a, onEdit: c, actions: l, onClickRow: d, adaptive: i }) => {
+}, ur = ({ data: n, columns: r, onDelete: s, onContextMenu: a, onEdit: i, actions: l, onClickRow: d, adaptive: c }) => {
   const [o] = N(r ?? _t(n));
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${d ? "clicked" : ""} ${i ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${d ? "clicked" : ""} ${c ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
       o.map((h, u) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, u)),
       l ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }) : null,
-      s || a || c ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
+      s || a || i ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
     ] }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, u) => /* @__PURE__ */ e.jsx($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($t, { 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,14 +1683,14 @@ 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) }) });
+] }), 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) }) });
 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: [
   /* @__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: [
+] }), hr = ({ 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: [
@@ -1701,12 +1701,12 @@ const ln = ({ onClick: n, icon: r, title: s, to: a }) => /* @__PURE__ */ e.jsxs(
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "navigation-block", children: [
       /* @__PURE__ */ e.jsx("div", { className: "block-header" }),
-      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: s && s.map((i, o) => i.type === "button" ? /* @__PURE__ */ e.jsx(fe, { onClick: i.onClick, title: i.text, icon: i.icon }, o) : i.type === "link" ? /* @__PURE__ */ e.jsx(ln, { onClick: () => a(), title: i.text, icon: i.icon, to: i.to }, o) : null) })
+      /* @__PURE__ */ e.jsx("div", { className: "block-content", children: s && s.map((c, o) => c.type === "button" ? /* @__PURE__ */ e.jsx(fe, { 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.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: 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: "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
@@ -1719,72 +1719,93 @@ const Mt = ({ icon: n, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Oe, { to: s,
 ] }), me = ({ 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 = ({ 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,
+] }), 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: [
+  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) => {
-      r.onClick && r.onClick(c);
+    /* @__PURE__ */ e.jsx(me, { title: r.text, icon: r.icon ?? /* @__PURE__ */ e.jsx($e, {}), onClick: (i) => {
+      r.onClick && r.onClick(i);
     } }),
     /* @__PURE__ */ e.jsx(L, {})
   ] }) : 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((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),
   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) => {
-      a.onClick && a.onClick(c);
+    /* @__PURE__ */ e.jsx(me, { title: a.text, icon: a.icon ?? /* @__PURE__ */ e.jsx($e, {}), onClick: (i) => {
+      a.onClick && a.onClick(i);
     } }),
     /* @__PURE__ */ e.jsx(L, {})
   ] }) : 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 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: [
+  /* @__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,
+  Bt as BigContainer,
   Zn as BottomSheetsUi,
-  qn as Button,
-  At as Card,
-  Yt as Checkbox,
+  dn as Button,
+  Yt as Card,
+  Lt as Checkbox,
   dt as Chips,
-  sr as DayOfWeekField,
+  ir 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,
+  mr 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,
+  or as Menu,
+  Kt as MoreText,
+  xr as NavigationBar,
+  hr as NavigationDrawer,
+  fr as NavigationRail,
+  Kn as OutlineButton,
+  Vt as RadioButton,
+  Xt as RunningLine,
+  qt as ScrollContainer,
+  Gt as Search,
+  tr as SelectionDialog,
+  Zt as SigmentedButton,
+  Qt as Slider,
+  dr as SmallWindowMenu,
+  Jt as Snackbar,
+  Ht as Switch,
+  ur as Table,
+  Wt 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
 };