alex-evo-sh-ui-kit 1.0.21 → 1.0.22

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

@@ -1,4 +1,4 @@
-import Oe, { forwardRef as Pn, createElement as Xe, useRef as Y, useState as C, useMemo as he, useCallback as _, useEffect as F } from "react";
+import Oe, { forwardRef as Pn, createElement as Xe, useRef as W, useState as C, useMemo as he, useCallback as _, useEffect as F } from "react";
 import kt from "react-dom";
 import { NavLink as Ke } from "react-router-dom";
 import './index.css';var Ue = { exports: {} }, me = {};
@@ -52,14 +52,14 @@ function _t() {
     var p = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function b(a) {
       {
-        for (var g = arguments.length, y = new Array(g > 1 ? g - 1 : 0), S = 1; S < g; S++)
-          y[S - 1] = arguments[S];
+        for (var g = arguments.length, y = new Array(g > 1 ? g - 1 : 0), w = 1; w < g; w++)
+          y[w - 1] = arguments[w];
         $("error", a, y);
       }
     }
     function $(a, g, y) {
       {
-        var S = p.ReactDebugCurrentFrame, D = S.getStackAddendum();
+        var w = p.ReactDebugCurrentFrame, D = w.getStackAddendum();
         D !== "" && (g += "%s", y = y.concat([D]));
         var P = y.map(function(O) {
           return String(O);
@@ -67,26 +67,26 @@ function _t() {
         P.unshift("Warning: " + g), Function.prototype.apply.call(console[a], console, P);
       }
     }
-    var k = !1, w = !1, T = !1, q = !1, E = !1, B;
+    var k = !1, E = !1, T = !1, A = !1, S = !1, B;
     B = Symbol.for("react.module.reference");
-    function H(a) {
-      return !!(typeof a == "string" || typeof a == "function" || a === s || a === i || E || a === c || a === d || a === f || q || a === v || k || w || T || typeof a == "object" && a !== null && (a.$$typeof === x || a.$$typeof === h || a.$$typeof === u || a.$$typeof === o || a.$$typeof === l || // This needs to include all possible module reference object
+    function G(a) {
+      return !!(typeof a == "string" || typeof a == "function" || a === s || a === i || S || a === c || a === d || a === f || A || a === v || k || E || T || typeof a == "object" && a !== null && (a.$$typeof === x || a.$$typeof === h || a.$$typeof === u || a.$$typeof === o || a.$$typeof === l || // 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.
       a.$$typeof === B || a.getModuleId !== void 0));
     }
-    function V(a, g, y) {
-      var S = a.displayName;
-      if (S)
-        return S;
+    function I(a, g, y) {
+      var w = a.displayName;
+      if (w)
+        return w;
       var D = g.displayName || g.name || "";
       return D !== "" ? y + "(" + D + ")" : y;
     }
-    function G(a) {
+    function X(a) {
       return a.displayName || "Context";
     }
-    function z(a) {
+    function Y(a) {
       if (a == null)
         return null;
       if (typeof a.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof a == "function")
@@ -111,19 +111,19 @@ function _t() {
         switch (a.$$typeof) {
           case o:
             var g = a;
-            return G(g) + ".Consumer";
+            return X(g) + ".Consumer";
           case u:
             var y = a;
-            return G(y._context) + ".Provider";
+            return X(y._context) + ".Provider";
           case l:
-            return V(a, a.render, "ForwardRef");
+            return I(a, a.render, "ForwardRef");
           case h:
-            var S = a.displayName || null;
-            return S !== null ? S : z(a.type) || "Memo";
+            var w = a.displayName || null;
+            return w !== null ? w : Y(a.type) || "Memo";
           case x: {
             var D = a, P = D._payload, O = D._init;
             try {
-              return z(O(P));
+              return Y(O(P));
             } catch {
               return null;
             }
@@ -131,14 +131,14 @@ function _t() {
         }
       return null;
     }
-    var ee = Object.assign, A = 0, X, ke, en, nn, tn, rn, sn;
+    var ee = Object.assign, L = 0, U, ke, en, nn, tn, rn, sn;
     function cn() {
     }
     cn.__reactDisabledLog = !0;
     function Kn() {
       {
-        if (A === 0) {
-          X = console.log, ke = console.info, en = console.warn, nn = console.error, tn = console.group, rn = console.groupCollapsed, sn = console.groupEnd;
+        if (L === 0) {
+          U = console.log, ke = console.info, en = console.warn, nn = console.error, tn = console.group, rn = console.groupCollapsed, sn = console.groupEnd;
           var a = {
             configurable: !0,
             enumerable: !0,
@@ -155,12 +155,12 @@ function _t() {
             groupEnd: a
           });
         }
-        A++;
+        L++;
       }
     }
     function Jn() {
       {
-        if (A--, A === 0) {
+        if (L--, L === 0) {
           var a = {
             configurable: !0,
             enumerable: !0,
@@ -168,7 +168,7 @@ function _t() {
           };
           Object.defineProperties(console, {
             log: ee({}, a, {
-              value: X
+              value: U
             }),
             info: ee({}, a, {
               value: ke
@@ -190,7 +190,7 @@ function _t() {
             })
           });
         }
-        A < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        L < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Fe = p.ReactCurrentDispatcher, Pe;
@@ -200,8 +200,8 @@ function _t() {
           try {
             throw Error();
           } catch (D) {
-            var S = D.stack.trim().match(/\n( *(at )?)/);
-            Pe = S && S[1] || "";
+            var w = D.stack.trim().match(/\n( *(at )?)/);
+            Pe = w && w[1] || "";
           }
         return `
 ` + Pe + a;
@@ -220,7 +220,7 @@ function _t() {
         if (y !== void 0)
           return y;
       }
-      var S;
+      var w;
       Ae = !0;
       var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -239,14 +239,14 @@ function _t() {
             try {
               Reflect.construct(O, []);
             } catch (J) {
-              S = J;
+              w = J;
             }
             Reflect.construct(a, [], O);
           } else {
             try {
               O.call();
             } catch (J) {
-              S = J;
+              w = J;
             }
             a.call(O.prototype);
           }
@@ -254,26 +254,26 @@ function _t() {
           try {
             throw Error();
           } catch (J) {
-            S = J;
+            w = J;
           }
           a();
         }
       } catch (J) {
-        if (J && S && typeof J.stack == "string") {
+        if (J && w && typeof J.stack == "string") {
           for (var R = J.stack.split(`
-`), K = S.stack.split(`
-`), L = R.length - 1, I = K.length - 1; L >= 1 && I >= 0 && R[L] !== K[I]; )
-            I--;
-          for (; L >= 1 && I >= 0; L--, I--)
-            if (R[L] !== K[I]) {
-              if (L !== 1 || I !== 1)
+`), K = w.stack.split(`
+`), V = R.length - 1, z = K.length - 1; V >= 1 && z >= 0 && R[V] !== K[z]; )
+            z--;
+          for (; V >= 1 && z >= 0; V--, z--)
+            if (R[V] !== K[z]) {
+              if (V !== 1 || z !== 1)
                 do
-                  if (L--, I--, I < 0 || R[L] !== K[I]) {
+                  if (V--, z--, z < 0 || R[V] !== K[z]) {
                     var ne = `
-` + R[L].replace(" at new ", " at ");
+` + R[V].replace(" at new ", " at ");
                     return a.displayName && ne.includes("<anonymous>") && (ne = ne.replace("<anonymous>", a.displayName)), typeof a == "function" && _e.set(a, ne), ne;
                   }
-                while (L >= 1 && I >= 0);
+                while (V >= 1 && z >= 0);
               break;
             }
         }
@@ -310,7 +310,7 @@ function _t() {
           case h:
             return we(a.type, g, y);
           case x: {
-            var S = a, D = S._payload, P = S._init;
+            var w = a, D = w._payload, P = w._init;
             try {
               return we(P(D), g, y);
             } catch {
@@ -327,7 +327,7 @@ function _t() {
       } else
         on.setExtraStackFrame(null);
     }
-    function nt(a, g, y, S, D) {
+    function nt(a, g, y, w, D) {
       {
         var P = Function.call.bind(fe);
         for (var O in a)
@@ -335,14 +335,14 @@ function _t() {
             var R = void 0;
             try {
               if (typeof a[O] != "function") {
-                var K = Error((S || "React class") + ": " + y + " type `" + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[O] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var K = Error((w || "React class") + ": " + y + " type `" + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[O] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw K.name = "Invariant Violation", K;
               }
-              R = a[O](g, O, S, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (L) {
-              R = L;
+              R = a[O](g, O, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (V) {
+              R = V;
             }
-            R && !(R instanceof Error) && (Se(D), b("%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).", S || "React class", y, O, typeof R), Se(null)), R instanceof Error && !(R.message in ln) && (ln[R.message] = !0, Se(D), b("Failed %s type: %s", y, R.message), Se(null));
+            R && !(R instanceof Error) && (Se(D), b("%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).", w || "React class", y, O, typeof R), Se(null)), R instanceof Error && !(R.message in ln) && (ln[R.message] = !0, Se(D), b("Failed %s type: %s", y, R.message), Se(null));
           }
       }
     }
@@ -395,8 +395,8 @@ function _t() {
     }
     function lt(a, g) {
       if (typeof a.ref == "string" && xe.current && g && xe.current.stateNode !== g) {
-        var y = z(xe.current.type);
-        Le[y] || (b('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', z(xe.current.type), a.ref), Le[y] = !0);
+        var y = Y(xe.current.type);
+        Le[y] || (b('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', Y(xe.current.type), a.ref), Le[y] = !0);
       }
     }
     function ot(a, g) {
@@ -421,7 +421,7 @@ function _t() {
         });
       }
     }
-    var dt = function(a, g, y, S, D, P, O) {
+    var dt = function(a, g, y, w, D, P, O) {
       var R = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -442,7 +442,7 @@ function _t() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: S
+        value: w
       }), Object.defineProperty(R, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -450,22 +450,22 @@ function _t() {
         value: D
       }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function ht(a, g, y, S, D) {
+    function ht(a, g, y, w, D) {
       {
         var P, O = {}, R = null, K = null;
         y !== void 0 && (dn(y), R = "" + y), at(g) && (dn(g.key), R = "" + g.key), it(g) && (K = g.ref, lt(g, D));
         for (P in g)
           fe.call(g, P) && !ct.hasOwnProperty(P) && (O[P] = g[P]);
         if (a && a.defaultProps) {
-          var L = a.defaultProps;
-          for (P in L)
-            O[P] === void 0 && (O[P] = L[P]);
+          var V = a.defaultProps;
+          for (P in V)
+            O[P] === void 0 && (O[P] = V[P]);
         }
         if (R || K) {
-          var I = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
-          R && ot(O, I), K && ut(O, I);
+          var z = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
+          R && ot(O, z), K && ut(O, z);
         }
-        return dt(a, R, K, D, S, xe.current, O);
+        return dt(a, R, K, D, w, xe.current, O);
       }
     }
     var Ve = p.ReactCurrentOwner, xn = p.ReactDebugCurrentFrame;
@@ -484,7 +484,7 @@ function _t() {
     function mn() {
       {
         if (Ve.current) {
-          var a = z(Ve.current.type);
+          var a = Y(Ve.current.type);
           if (a)
             return `
 
@@ -526,8 +526,8 @@ Check the top-level render call using <` + y + ">.");
         if (jn[y])
           return;
         jn[y] = !0;
-        var S = "";
-        a && a._owner && a._owner !== Ve.current && (S = " It was passed a child from " + z(a._owner.type) + "."), oe(a), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, S), oe(null);
+        var w = "";
+        a && a._owner && a._owner !== Ve.current && (w = " It was passed a child from " + Y(a._owner.type) + "."), oe(a), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, w), oe(null);
       }
     }
     function gn(a, g) {
@@ -536,8 +536,8 @@ Check the top-level render call using <` + y + ">.");
           return;
         if (Be(a))
           for (var y = 0; y < a.length; y++) {
-            var S = a[y];
-            ze(S) && vn(S, g);
+            var w = a[y];
+            ze(w) && vn(w, g);
           }
         else if (ze(a))
           a._store && (a._store.validated = !0);
@@ -564,11 +564,11 @@ Check the top-level render call using <` + y + ">.");
         else
           return;
         if (y) {
-          var S = z(g);
-          nt(y, a.props, "prop", S, a);
+          var w = Y(g);
+          nt(y, a.props, "prop", w, a);
         } else if (g.PropTypes !== void 0 && !Ie) {
           Ie = !0;
-          var D = z(g);
+          var D = Y(g);
           b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
         }
         typeof g.getDefaultProps == "function" && !g.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -577,9 +577,9 @@ Check the top-level render call using <` + y + ">.");
     function jt(a) {
       {
         for (var g = Object.keys(a.props), y = 0; y < g.length; y++) {
-          var S = g[y];
-          if (S !== "children" && S !== "key") {
-            oe(a), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), oe(null);
+          var w = g[y];
+          if (w !== "children" && w !== "key") {
+            oe(a), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), oe(null);
             break;
           }
         }
@@ -587,24 +587,24 @@ Check the top-level render call using <` + y + ">.");
       }
     }
     var pn = {};
-    function yn(a, g, y, S, D, P) {
+    function yn(a, g, y, w, D, P) {
       {
-        var O = H(a);
+        var O = G(a);
         if (!O) {
           var R = "";
           (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (R += " 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 K = ft(D);
           K ? R += K : R += mn();
-          var L;
-          a === null ? L = "null" : Be(a) ? L = "array" : a !== void 0 && a.$$typeof === t ? (L = "<" + (z(a.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : L = typeof a, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, R);
+          var V;
+          a === null ? V = "null" : Be(a) ? V = "array" : a !== void 0 && a.$$typeof === t ? (V = "<" + (Y(a.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : V = typeof a, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", V, R);
         }
-        var I = ht(a, g, y, D, P);
-        if (I == null)
-          return I;
+        var z = ht(a, g, y, D, P);
+        if (z == null)
+          return z;
         if (O) {
           var ne = g.children;
           if (ne !== void 0)
-            if (S)
+            if (w)
               if (Be(ne)) {
                 for (var ue = 0; ue < ne.length; ue++)
                   gn(ne[ue], a);
@@ -615,7 +615,7 @@ Check the top-level render call using <` + y + ">.");
               gn(ne, a);
         }
         if (fe.call(g, "key")) {
-          var le = z(a), J = Object.keys(g).filter(function(Nt) {
+          var le = Y(a), J = Object.keys(g).filter(function(Nt) {
             return Nt !== "key";
           }), Ye = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!pn[le + Ye]) {
@@ -628,7 +628,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Ye, le, bt, le), pn[le + Ye] = !0;
           }
         }
-        return a === s ? jt(I) : mt(I), I;
+        return a === s ? jt(z) : mt(z), z;
       }
     }
     function vt(a, g, y) {
@@ -643,7 +643,7 @@ React keys must be passed directly to JSX without using spread:
 }
 process.env.NODE_ENV === "production" ? Ue.exports = Ct() : Ue.exports = _t();
 var e = Ue.exports;
-const wt = (n) => Ne({ ...n, className: (n.className ?? "") + " outline-button" }), U = (n) => Ne({ ...n, className: (n.className ?? "") + " text-button" }), St = (n) => Ne({ ...n, className: (n.className ?? "") + " total-button" }), Et = (n) => Ne({ ...n, className: (n.className ?? "") + " filled-button" }), Ne = (n) => {
+const wt = (n) => Ne({ ...n, className: (n.className ?? "") + " outline-button" }), q = (n) => Ne({ ...n, className: (n.className ?? "") + " text-button" }), St = (n) => Ne({ ...n, className: (n.className ?? "") + " total-button" }), Et = (n) => Ne({ ...n, className: (n.className ?? "") + " filled-button" }), Ne = (n) => {
   const t = (r) => {
     n.onClick && n.onClick(r);
     let s = document.createElement("span");
@@ -654,7 +654,7 @@ const wt = (n) => Ne({ ...n, className: (n.className ?? "") + " outline-button"
     }, 500);
   };
   return /* @__PURE__ */ e.jsx("button", { ...n, className: (n.className ?? "") + " btn", onClick: t, children: /* @__PURE__ */ e.jsx("span", { children: n.children }) });
-}, An = ({ styleType: n = "base", ...t }) => n === "outline" ? wt({ ...t }) : n === "text" ? U({ ...t }) : n === "filledTotal" ? St({ ...t }) : n === "filled" ? Et({ ...t }) : Ne({ ...t });
+}, An = ({ styleType: n = "base", ...t }) => n === "outline" ? wt({ ...t }) : n === "text" ? q({ ...t }) : n === "filledTotal" ? St({ ...t }) : n === "filled" ? Et({ ...t }) : Ne({ ...t });
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -719,7 +719,7 @@ const Rt = Pn(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const W = (n, t) => {
+const H = (n, t) => {
   const r = Pn(
     ({ className: s, ...c }, i) => Xe(Rt, {
       ref: i,
@@ -736,7 +736,7 @@ const W = (n, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = W("AlignJustify", [
+const Ln = H("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" }]
@@ -747,7 +747,7 @@ const Ln = W("AlignJustify", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ot = W("ArrowLeft", [
+const Ot = H("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
@@ -757,7 +757,7 @@ const Ot = W("ArrowLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mt = W("CalendarDays", [
+const Mt = H("CalendarDays", [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -775,14 +775,14 @@ const Mt = W("CalendarDays", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ye = W("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+const ye = H("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = W("ChevronDown", [
+const kn = H("ChevronDown", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
 /**
@@ -791,7 +791,7 @@ const kn = W("ChevronDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = W("CircleMinus", [
+const Je = H("CircleMinus", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }]
 ]);
@@ -801,7 +801,7 @@ const Je = W("CircleMinus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = W("CirclePlus", [
+const Vn = H("CirclePlus", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }],
   ["path", { d: "M12 8v8", key: "napkw2" }]
@@ -812,7 +812,7 @@ const Vn = W("CirclePlus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = W("CircleX", [
+const In = H("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -823,7 +823,7 @@ const In = W("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = W("Clock3", [
+const zn = H("Clock3", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polyline", { points: "12 6 12 12 16.5 12", key: "1aq6pp" }]
 ]);
@@ -833,7 +833,7 @@ const zn = W("Clock3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dt = W("EllipsisVertical", [
+const Dt = H("EllipsisVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
@@ -844,7 +844,7 @@ const Dt = W("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qe = W("Ellipsis", [
+const qe = H("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" }]
@@ -855,7 +855,7 @@ const qe = W("Ellipsis", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ft = W("Keyboard", [
+const Ft = H("Keyboard", [
   ["path", { d: "M10 8h.01", key: "1r9ogq" }],
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M14 8h.01", key: "1primd" }],
@@ -872,14 +872,14 @@ const Ft = W("Keyboard", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pt = W("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
+const Pt = H("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const At = W("Palette", [
+const At = H("Palette", [
   ["circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", key: "1okk4w" }],
   ["circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", key: "f64h9f" }],
   ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }],
@@ -898,7 +898,7 @@ const At = W("Palette", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bt = W("Pen", [
+const Bt = H("Pen", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }]
 ]);
 /**
@@ -907,7 +907,7 @@ const Bt = W("Pen", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Lt = W("Plus", [
+const Lt = H("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -917,7 +917,7 @@ const Lt = W("Plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vt = W("Search", [
+const Vt = H("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -927,7 +927,7 @@ const Vt = W("Search", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const It = W("Trash2", [
+const It = H("Trash2", [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
@@ -940,7 +940,7 @@ const It = W("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Me = W("X", [
+const Me = H("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
@@ -1134,59 +1134,59 @@ const Ze = ({ children: n, onHide: t }) => {
   "#5BA8C4",
   "#E64AA9"
 ], Jt = ({ onHide: n, beginColor: t, onChange: r, onAddColor: s, userColor: c = [] }) => {
-  const i = Y(null), u = Y(null), o = Y(null), l = Y(null), [d, f] = C(t ? Ee(pe(t)) : { h: 0, s: 1, v: 0.5 }), h = he(() => ve(d), [d]), x = he(() => "#" + de(h), [h]), [v, m] = C(!1), [j, N] = C(x), p = he(() => j[0] != "#" ? "#" + j : j, [j]);
-  function b(E, B, H, V, G) {
-    if (!(!E || !H))
+  const i = W(null), u = W(null), o = W(null), l = W(null), [d, f] = C(t ? Ee(pe(t)) : { h: 0, s: 1, v: 0.5 }), h = he(() => ve(d), [d]), x = he(() => "#" + de(h), [h]), [v, m] = C(!1), [j, N] = C(x), p = he(() => j[0] != "#" ? "#" + j : j, [j]);
+  function b(S, B, G, I, X) {
+    if (!(!S || !G))
       try {
-        const z = E.getBoundingClientRect(), ee = H.getBoundingClientRect(), A = Math.round(G.s * z.width), X = Math.round((1 - G.v) * z.height), ke = (360 - G.h * 360) / 360 * ee.height;
-        Yn(B, A, X), Wn(V, ke);
+        const Y = S.getBoundingClientRect(), ee = G.getBoundingClientRect(), L = Math.round(X.s * Y.width), U = Math.round((1 - X.v) * Y.height), ke = (360 - X.h * 360) / 360 * ee.height;
+        Yn(B, L, U), Wn(I, ke);
       } catch {
       }
   }
-  const $ = (E) => {
-    f(Ee(pe(E))), N(E);
+  const $ = (S) => {
+    f(Ee(pe(S))), N(S);
   }, k = _(() => {
     s && s([...c, x]);
-  }, [s, c, x]), w = _(() => {
+  }, [s, c, x]), E = _(() => {
     r && r(x);
-  }, [r, x]), T = _((E, B) => {
-    f(Ee({ ...h, [E]: B })), N(de({ ...h, [E]: B }));
-  }, [h]), q = _((E) => {
-    N(E);
+  }, [r, x]), T = _((S, B) => {
+    f(Ee({ ...h, [S]: B })), N(de({ ...h, [S]: B }));
+  }, [h]), A = _((S) => {
+    N(S);
   }, []);
   return F(() => {
     (j.length === 4 || j.length === 7) && f(Ee(pe(j)));
   }, [j]), F(() => {
     if (!o.current || !i.current || !u.current || !l.current)
       return;
-    const E = o.current.getContext("2d");
-    zt(E, o.current, `#${de(ve(d.h, 1, 1))}`), b(o.current, l.current, i.current, u.current, d);
+    const S = o.current.getContext("2d");
+    zt(S, o.current, `#${de(ve(d.h, 1, 1))}`), b(o.current, l.current, i.current, u.current, d);
   }, [d]), F(() => {
     if (!o.current || !l.current)
       return;
-    const E = o.current.getContext("2d");
-    Yt(o.current, E, l.current, (B, H) => {
-      f((V) => {
-        const G = { ...V, s: B / 100, v: H / 100 };
-        return N(de(ve(G))), G;
+    const S = o.current.getContext("2d");
+    Yt(o.current, S, l.current, (B, G) => {
+      f((I) => {
+        const X = { ...I, s: B / 100, v: G / 100 };
+        return N(de(ve(X))), X;
       });
     });
   }, []), F(() => {
     if (!i.current || !u.current)
       return;
-    const E = i.current.getContext("2d");
-    Ht(E, i.current), Gt(E, i.current, u.current, (B) => {
-      f((H) => {
-        const V = { ...H, h: B / 360 };
-        return N(de(ve(V))), V;
+    const S = i.current.getContext("2d");
+    Ht(S, i.current), Gt(S, i.current, u.current, (B) => {
+      f((G) => {
+        const I = { ...G, h: B / 360 };
+        return N(de(ve(I))), I;
       });
     });
   }, []), F(() => {
     console.log(d, h);
   }, [d]), /* @__PURE__ */ e.jsxs(ae, { className: "color-picker-panel", onHide: n, clearStyle: !0, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
-      /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Kt.map((E, B) => /* @__PURE__ */ e.jsx("button", { onClick: () => $(E), className: "swatch", style: { backgroundColor: E } }, B)) }),
-      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker eyedropper", onClick: w, children: "Get Color" })
+      /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Kt.map((S, B) => /* @__PURE__ */ e.jsx("button", { onClick: () => $(S), className: "swatch", style: { backgroundColor: S } }, B)) }),
+      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker eyedropper", onClick: E, children: "Get Color" })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "spectrum-map spectrum-cursor", children: [
@@ -1202,26 +1202,26 @@ const Ze = ({ children: n, onHide: t }) => {
       /* @__PURE__ */ e.jsxs("div", { className: `field-group value-fields rgb-fields ${v ? "" : "active"}`, children: [
         /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
           /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "R:" }),
-          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: h.r, onChange: (E) => T("r", Number(E.target.value)), className: "field-input rgb-input" })
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: h.r, onChange: (S) => T("r", Number(S.target.value)), className: "field-input rgb-input" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
           /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "G:" }),
-          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: h.g, onChange: (E) => T("g", Number(E.target.value)), className: "field-input rgb-input" })
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: h.g, onChange: (S) => T("g", Number(S.target.value)), className: "field-input rgb-input" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
           /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "B:" }),
-          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: h.b, onChange: (E) => T("b", Number(E.target.value)), className: "field-input rgb-input" })
+          /* @__PURE__ */ e.jsx("input", { type: "number", max: "255", min: "0", value: h.b, onChange: (S) => T("b", Number(S.target.value)), className: "field-input rgb-input" })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: `field-group value-fields hex-field ${v ? "active" : ""}`, children: [
         /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "Hex:" }),
-        /* @__PURE__ */ e.jsx("input", { type: "text", className: "field-input", value: p, onChange: (E) => q(E.target.value) })
+        /* @__PURE__ */ e.jsx("input", { type: "text", className: "field-input", value: p, onChange: (S) => A(S.target.value) })
       ] }),
-      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker mode-toggle", onClick: () => m((E) => !E), children: "Mode" })
+      /* @__PURE__ */ e.jsx("button", { className: "button-color-picker mode-toggle", onClick: () => m((S) => !S), children: "Mode" })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
       /* @__PURE__ */ e.jsx("h2", { className: "panel-header", children: "User Colors" }),
-      /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: c ? c.map((E, B) => /* @__PURE__ */ e.jsx("button", { onClick: () => $(E), className: "swatch", style: { backgroundColor: E } }, B)) : null }),
+      /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: c ? c.map((S, B) => /* @__PURE__ */ e.jsx("button", { onClick: () => $(S), className: "swatch", style: { backgroundColor: S } }, B)) : null }),
       /* @__PURE__ */ e.jsxs("button", { onClick: k, className: "button-color-picker add-swatch", children: [
         /* @__PURE__ */ e.jsx("span", { style: { backgroundColor: `#${de(ve(d))}` }, className: "color-indicator" }),
         /* @__PURE__ */ e.jsx("span", { children: "Add to Swatches" })
@@ -1361,7 +1361,7 @@ const Ur = ({ children: n, className: t, id: r, height: s, width: c, pozMove: i
   }, [i]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: c }, className: `big-container ${t}`, onMouseDown: v, onMouseUp: x, onMouseMove: m, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: f.x, top: f.y }, children: n }) });
 };
 const nr = (n) => {
-  const [t, r] = C(!1), [s, c] = C(!0), i = Y(null), u = _(() => {
+  const [t, r] = C(!1), [s, c] = C(!0), i = W(null), u = _(() => {
     r(!0), setTimeout(() => {
       n.onHide(), r(!1), c(!0);
     }, 200);
@@ -1399,16 +1399,16 @@ const tr = ({ text: n, onDelete: t, big: r, onClick: s, screenSize: c }) => {
   ] });
 };
 const Gn = ({ styleContainer: n, type: t = "text", transparent: r, readOnly: s, password: c, border: i, onClear: u, icon: o, onChange: l, name: d, value: f, placeholder: h, className: x, validEmptyValue: v, onFocus: m, onBlur: j, error: N, max: p, min: b }) => {
-  const $ = Y(null), [k, w] = C(!1), [T, q] = C(!1), E = _((G, z) => w(!!(N || G && (!z || z === ""))), []);
+  const $ = W(null), [k, E] = C(!1), [T, A] = C(!1), S = _((X, Y) => E(!!(N || X && (!Y || Y === ""))), []);
   F(() => {
-    E(v, f);
-  }, [f, v, E]);
+    S(v, f);
+  }, [f, v, S]);
   const B = () => {
     $.current && $.current.focus();
-  }, H = (G) => {
-    m && m(G), q(!0);
-  }, V = (G) => {
-    j && j(G), q(!1);
+  }, G = (X) => {
+    m && m(X), A(!0);
+  }, I = (X) => {
+    j && j(X), A(!1);
   };
   return /* @__PURE__ */ e.jsxs("div", { style: n, className: `input-field text-field ${i ? "border" : ""} ${T ? "active" : ""} ${r ? "transparent" : ""} ${x}`, children: [
     o ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: B, children: o }) : null,
@@ -1426,8 +1426,8 @@ const Gn = ({ styleContainer: n, type: t = "text", transparent: r, readOnly: s,
           name: d,
           value: f,
           onChange: l,
-          onFocus: H,
-          onBlur: V
+          onFocus: G,
+          onBlur: I
         }
       ),
       /* @__PURE__ */ e.jsx("label", { children: h ? /* @__PURE__ */ e.jsx("span", { children: h }) : null })
@@ -1436,33 +1436,33 @@ const Gn = ({ styleContainer: n, type: t = "text", transparent: r, readOnly: s,
   ] });
 };
 const Kr = ({ styleContainer: n, transparent: t, readOnly: r, border: s, onClear: c, icon: i, onChange: u, name: o, value: l, placeholder: d, className: f, validEmptyValue: h, onFocus: x, onBlur: v, error: m, max: j, min: N }) => {
-  const p = Y(null), [b, $] = C(!1), k = Y(null), w = Y(null), [T, q] = C(l ?? 0), E = _((A, X) => $(!!(m || A && (!X || X === ""))), []), B = () => {
+  const p = W(null), [b, $] = C(!1), k = W(null), E = W(null), [T, A] = C(l ?? 0), S = _((L, U) => $(!!(m || L && (!U || U === ""))), []), B = () => {
     p.current && p.current.focus();
-  }, H = _(() => {
-    q((A) => {
-      let X = A ? A + 1 : 1;
-      return typeof j == "number" && X > j && (X = j), setTimeout(() => u && u(X, o), 100), X;
+  }, G = _(() => {
+    A((L) => {
+      let U = L ? L + 1 : 1;
+      return typeof j == "number" && U > j && (U = j), setTimeout(() => u && u(U, o), 100), U;
     });
-  }, [u, o, j]), V = _(() => {
-    q((A) => {
-      let X = A ? A - 1 : -1;
-      return typeof N == "number" && X < N && (X = N), setTimeout(() => u && u(X, o), 100), X;
+  }, [u, o, j]), I = _(() => {
+    A((L) => {
+      let U = L ? L - 1 : -1;
+      return typeof N == "number" && U < N && (U = N), setTimeout(() => u && u(U, o), 100), U;
     });
-  }, [u, o, N]), G = _((A) => {
-    Number(A.target.value), q(Number(A.target.value)), setTimeout(() => u && u(Number(A.target.value), o), 0);
-  }, [o, u, T, j, N]), z = _(() => {
-    k.current && clearTimeout(k.current), w.current && clearInterval(w.current), document.removeEventListener("mouseup", z);
-  }, []), ee = _((A) => {
-    A === "p" ? H() : A === "m" && V(), k.current && clearTimeout(k.current), w.current && clearInterval(w.current), document.addEventListener("mouseup", z), k.current = setTimeout(() => {
-      w.current = setInterval(() => {
-        A === "p" ? H() : A === "m" && V();
+  }, [u, o, N]), X = _((L) => {
+    Number(L.target.value), A(Number(L.target.value)), setTimeout(() => u && u(Number(L.target.value), o), 0);
+  }, [o, u, T, j, N]), Y = _(() => {
+    k.current && clearTimeout(k.current), E.current && clearInterval(E.current), document.removeEventListener("mouseup", Y);
+  }, []), ee = _((L) => {
+    L === "p" ? G() : L === "m" && I(), k.current && clearTimeout(k.current), E.current && clearInterval(E.current), document.addEventListener("mouseup", Y), k.current = setTimeout(() => {
+      E.current = setInterval(() => {
+        L === "p" ? G() : L === "m" && I();
       }, 100);
     }, 500);
-  }, [H, V]);
+  }, [G, I]);
   return F(() => {
-    E(h, l);
-  }, [l, h, E]), F(() => {
-    l && q(l);
+    S(h, l);
+  }, [l, h, S]), F(() => {
+    l && A(l);
   }, [l]), /* @__PURE__ */ e.jsxs("div", { style: n, className: `input-field number-field ${s ? "border" : ""} ${t ? "transparent" : ""} ${f}`, children: [
     i ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: B, children: i }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: B, children: [
@@ -1478,7 +1478,7 @@ const Kr = ({ styleContainer: n, transparent: t, readOnly: r, border: s, onClear
           className: `alex-evo-number-field ${b ? "error" : ""}`,
           name: o,
           value: T,
-          onChange: G,
+          onChange: X,
           onFocus: x,
           onBlur: v
         }
@@ -1494,7 +1494,7 @@ const Kr = ({ styleContainer: n, transparent: t, readOnly: r, border: s, onClear
   ] });
 };
 const Jr = ({ styleContainer: n, transparent: t, readOnly: r, border: s, icon: c, onChange: i, name: u, value: o, placeholder: l, className: d, validEmptyValue: f, onFocus: h, onBlur: x, error: v }) => {
-  const m = Y(null), [j, N] = C(!1), p = _(($, k) => N(!!(v || $ && (!k || k === ""))), []);
+  const m = W(null), [j, N] = C(!1), p = _(($, k) => N(!!(v || $ && (!k || k === ""))), []);
   F(() => {
     p(f, o);
   }, [o, f, p]);
@@ -1548,7 +1548,7 @@ const De = (n) => n ? {
   let i = Number(window.getComputedStyle(r).getPropertyValue("height").replace("px", "")), u = Number(window.getComputedStyle(r).getPropertyValue("width").replace("px", "")), o = t + i - document.documentElement.scrollHeight, l = n + u - document.documentElement.clientWidth;
   return o > 0 && (c.y = c.y - o - ((s == null ? void 0 : s.marginBottom) ?? 0)), l > 0 && (c.x = c.x - l - ((s == null ? void 0 : s.marginRight) ?? 0)), c;
 }, sr = 10, Tn = 2e-3, es = ({ children: n, label: t, className: r, style: s, border: c, hiding: i, defaultVisible: u = !1 }) => {
-  const [o, l] = C(i ? u : !0), d = Y(null), f = (j) => {
+  const [o, l] = C(i ? u : !0), d = W(null), f = (j) => {
     if (!j)
       return;
     const N = De(j);
@@ -1609,7 +1609,7 @@ const ns = ({ minWidth: n, value: t, onChange: r, border: s }) => {
   ] });
 };
 const ts = ({ style: n, text: t, className: r, onClick: s, onContextMenu: c }) => {
-  const i = Y(null), u = _(() => {
+  const i = W(null), u = _(() => {
     if (!i.current)
       return;
     let o = i.current.getElementsByTagName("p");
@@ -1621,7 +1621,7 @@ const ts = ({ style: n, text: t, className: r, onClick: s, onContextMenu: c }) =
 };
 const rs = ({ className: n, children: t, height: r }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: r }, children: t });
 const ss = ({ onMenu: n, onSearch: t, placeholder: r, autoChenge: s }) => {
-  const c = Y(null), [i, u] = C(""), [o, l] = C(!1), d = () => {
+  const c = W(null), [i, u] = C(""), [o, l] = C(!1), d = () => {
     c.current && (c.current.focus(), l(!0));
   }, f = () => {
     c.current && (c.current.focus(), c.current.value = ""), u(""), l(!0), s && t("");
@@ -1645,12 +1645,12 @@ const cs = ({ visible: n, text: t, option: r }) => {
   return n ? /* @__PURE__ */ e.jsxs("div", { className: `snackbar-container ${r == null ? void 0 : r.className}`, style: { backgroundColor: r == null ? void 0 : r.backgroundColor, color: r == null ? void 0 : r.color }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "snackbar-content-container", children: [
       /* @__PURE__ */ e.jsx("div", { className: "snackbar-text", children: t }),
-      r != null && r.onClick ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(U, { className: "snackbar-btn", onClick: r.onClick, children: r.buttonText ?? "Action" }) }) : null
+      r != null && r.onClick ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(q, { className: "snackbar-btn", onClick: r.onClick, children: r.buttonText ?? "Action" }) }) : null
     ] }),
     r != null && r.closeButton ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: s, children: /* @__PURE__ */ e.jsx(Me, {}) }) }) : null
   ] }) : null;
 };
-const is = ({ name: n, onChange: t, checked: r, className: s }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${s}`, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: n, onChange: t, checked: r }) });
+const is = ({ style: n, name: t, onChange: r, checked: s, className: c }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${c}`, style: n, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: t, onChange: r, checked: s }) });
 const ir = (n) => n === void 0 ? [] : Array.isArray(n) ? n : [n], as = ({ style: n, multiple: t, value: r, items: s, className: c, onClick: i, onContextMenu: u, onChange: o }) => {
   const [l, d] = C(ir(r)), f = (h) => {
     i && i(h);
@@ -1674,7 +1674,7 @@ function ar(n, t, r, s, c) {
   return s + (c - s) * ((n - t) / (r - t));
 }
 const He = 0, Ge = 100, ls = (n) => {
-  const [t, r] = C(0), [s, c] = C(!1), i = Y(null), u = Y(null);
+  const [t, r] = C(0), [s, c] = C(!1), i = W(null), u = W(null);
   F(() => {
     n.value ? r(n.value) : r(0);
   }, [n.value]);
@@ -1692,7 +1692,7 @@ const He = 0, Ge = 100, ls = (n) => {
   }, [n.onFocus]), f = _((h) => {
     c(!1), n.onBlur && n.onBlur(h);
   }, [n.onBlur]);
-  return /* @__PURE__ */ e.jsx("div", { className: "range", children: /* @__PURE__ */ e.jsxs("div", { className: "field", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "range", children: /* @__PURE__ */ e.jsxs("div", { className: "field", style: n.style, children: [
     n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: n.min ?? He }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "field-range-container", children: [
       /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: i, style: { width: l(t, n.min ?? He, n.max ?? Ge) }, children: /* @__PURE__ */ e.jsxs("div", { className: "slider-tooltip", style: { display: s ? "block" : "none" }, children: [
@@ -1704,8 +1704,8 @@ const He = 0, Ge = 100, ls = (n) => {
     n.maxMinDisplay ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: n.max ?? Ge }) : null
   ] }) });
 }, lr = ({ onHide: n, onSave: t }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-  /* @__PURE__ */ e.jsx(U, { onClick: n, children: "cancel" }),
-  t ? /* @__PURE__ */ e.jsx(U, { onClick: t, children: "save" }) : null
+  /* @__PURE__ */ e.jsx(q, { onClick: n, children: "cancel" }),
+  t ? /* @__PURE__ */ e.jsx(q, { onClick: t, children: "save" }) : null
 ] }), os = ({ style: n, className: t, header: r, children: s, onSave: c, onHide: i, marginBottom: u }) => {
   const [o, l] = C(!1), d = _(() => {
     window.innerWidth < 720 ? l(!0) : l(!1);
@@ -1724,7 +1724,7 @@ const He = 0, Ge = 100, ls = (n) => {
     /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog-header", children: [
       /* @__PURE__ */ e.jsx("div", { className: "dialog-icon-container", children: /* @__PURE__ */ e.jsx(ge, { transparent: !0, onClick: f, icon: /* @__PURE__ */ e.jsx(Me, {}) }) }),
       /* @__PURE__ */ e.jsx("div", { className: "header", children: r }),
-      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__PURE__ */ e.jsx(U, { onClick: h, children: "save" }) : null })
+      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: c ? /* @__PURE__ */ e.jsx(q, { onClick: h, children: "save" }) : null })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: s })
   ] }) : /* @__PURE__ */ e.jsx(ae, { style: n, header: r, className: `full-screen-dialog-base-format ${t}`, onHide: f, children: s, action: /* @__PURE__ */ e.jsx(lr, { onHide: f, onSave: c ? h : void 0 }) });
@@ -1738,8 +1738,8 @@ const He = 0, Ge = 100, ls = (n) => {
 };
 function or({ actionText: n, onSuccess: t, onHide: r }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(U, { onClick: r, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(U, { onClick: t, children: n ?? "OK" })
+    /* @__PURE__ */ e.jsx(q, { onClick: r, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(q, { onClick: t, children: n ?? "OK" })
   ] });
 }
 function ds({ onSuccess: n, items: t, header: r, onHide: s, noHide: c = !1, name: i = "dailog_name" }) {
@@ -1756,8 +1756,8 @@ function ds({ onSuccess: n, items: t, header: r, onHide: s, noHide: c = !1, name
 }
 function ur({ onSuccess: n, onHide: t, disabled: r }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(U, { onClick: t, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(U, { onClick: n, disabled: r, children: "OK" })
+    /* @__PURE__ */ e.jsx(q, { onClick: t, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(q, { onClick: n, disabled: r, children: "OK" })
   ] });
 }
 const hs = ({ styleContainer: n, text: t, header: r, onSuccess: s, onHide: c, placeholder: i, type: u = "text", min: o = 0, max: l = 100 }) => {
@@ -1773,8 +1773,8 @@ const hs = ({ styleContainer: n, text: t, header: r, onSuccess: s, onHide: c, pl
 };
 function dr({ onSuccess: n, onHide: t }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
-    /* @__PURE__ */ e.jsx(U, { onClick: t, children: "cancel" }),
-    /* @__PURE__ */ e.jsx(U, { onClick: n, children: "OK" })
+    /* @__PURE__ */ e.jsx(q, { onClick: t, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(q, { onClick: n, children: "OK" })
   ] });
 }
 const hr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: c, onCancel: i, onOK: u }) => {
@@ -1801,8 +1801,8 @@ const hr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: c, o
     /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: o ? /* @__PURE__ */ e.jsx(xr, { setMinutes: f }) : /* @__PURE__ */ e.jsx(fr, { setHours: d }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
       /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(Ft, {}) }),
-      /* @__PURE__ */ e.jsx(U, { className: "little", onClick: h, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(U, { className: "little", onClick: u, children: "OK" })
+      /* @__PURE__ */ e.jsx(q, { className: "little", onClick: h, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(q, { className: "little", onClick: u, children: "OK" })
     ] })
   ] });
 };
@@ -1881,8 +1881,8 @@ const mr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: c, o
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
       /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(zn, {}) }),
-      /* @__PURE__ */ e.jsx(U, { className: "little", onClick: i, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(U, { className: "little", onClick: u, children: "OK" })
+      /* @__PURE__ */ e.jsx(q, { className: "little", onClick: i, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(q, { className: "little", onClick: u, children: "OK" })
     ] })
   ] });
 }, jr = (n) => {
@@ -1951,9 +1951,9 @@ const vr = 2050, Rn = 1900, se = [
   }), [h, x] = C(
     "DAYS"
     /* DAYS */
-  ), v = (k, w) => new Date(k, w + 1, 0).getDate(), m = (k, w, T) => new Date(k, w, T).getDay(), j = (k, w) => {
-    let T = Array(v(k, w)).fill(0).map((H, V) => ({ type: "NOW_MONTH", day: V + 1 })), q = m(k, w, v(k, w)), E = Array(7 - q).fill(0).map((H, V) => ({ type: "NEXT_MONTH", day: V + 1 }));
-    return T = Array(m(k, w, 0)).fill(0).map((H, V) => ({ type: "PREV_MONTH", day: v(w ? k : k - 1, w ? w - 1 : 11) - V })).reverse().concat(T).concat(E), T;
+  ), v = (k, E) => new Date(k, E + 1, 0).getDate(), m = (k, E, T) => new Date(k, E, T).getDay(), j = (k, E) => {
+    let T = Array(v(k, E)).fill(0).map((G, I) => ({ type: "NOW_MONTH", day: I + 1 })), A = m(k, E, v(k, E)), S = Array(7 - A).fill(0).map((G, I) => ({ type: "NEXT_MONTH", day: I + 1 }));
+    return T = Array(m(k, E, 0)).fill(0).map((G, I) => ({ type: "PREV_MONTH", day: v(E ? k : k - 1, E ? E - 1 : 11) - I })).reverse().concat(T).concat(S), T;
   }, N = (k) => {
     x(
       "DAYS"
@@ -1989,13 +1989,13 @@ const vr = 2050, Rn = 1900, se = [
         /* @__PURE__ */ e.jsx(kn, {})
       ] }) })
     ] }),
-    h === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: se.map((k, w) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => p(k), children: [
+    h === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: se.map((k, E) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => p(k), children: [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: i === k ? /* @__PURE__ */ e.jsx(ye, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: k })
-    ] }, w)) }) : h === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: gr().map((k, w) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => N(k), children: [
+    ] }, E)) }) : h === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: gr().map((k, E) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => N(k), children: [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === k ? /* @__PURE__ */ e.jsx(ye, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: k })
-    ] }, w)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    ] }, E)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
         /* @__PURE__ */ e.jsx("span", { children: "M" }),
         /* @__PURE__ */ e.jsx("span", { children: "T" }),
@@ -2005,11 +2005,11 @@ const vr = 2050, Rn = 1900, se = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: j(o, se.indexOf(i)).map((k, w) => /* @__PURE__ */ e.jsx("div", { className: `day ${k.type !== "NOW_MONTH" ? "other" : ""} ${c === k.day && o === s && i === r ? "now" : ""} ${k.day === d.day && k.type === d.type ? "select" : ""}`, onClick: () => b(k), children: k.day }, w)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: j(o, se.indexOf(i)).map((k, E) => /* @__PURE__ */ e.jsx("div", { className: `day ${k.type !== "NOW_MONTH" ? "other" : ""} ${c === k.day && o === s && i === r ? "now" : ""} ${k.day === d.day && k.type === d.type ? "select" : ""}`, onClick: () => b(k), children: k.day }, E)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
-      /* @__PURE__ */ e.jsx(U, { className: "little m-0", onClick: t, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(U, { className: "little m-0", onClick: $, children: "OK" })
+      /* @__PURE__ */ e.jsx(q, { className: "little m-0", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(q, { className: "little m-0", onClick: $, children: "OK" })
     ] })
   ] });
 }, xs = ({ border: n, onChange: t, name: r, value: s, className: c, validEmptyValue: i, error: u, container: o }) => {
@@ -2082,7 +2082,7 @@ const ms = ({ onChange: n, value: t, className: r }) => {
   ] }) });
 };
 const js = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), vs = ({ minWith: n, children: t, className: r, gridRowGap: s = "10px", gridColumnGap: c = "5px", itemMinWith: i, itemMaxWith: u, itemWith: o = "400px" }) => {
-  const l = Y(null), [d, f] = C([]), h = _(() => {
+  const l = W(null), [d, f] = C([]), h = _(() => {
     if (!l.current)
       return;
     l.current.style.display = "grid", l.current.style.gridRowGap = s, l.current.style.gridColumnGap = c;
@@ -2139,7 +2139,7 @@ const yr = ({ item: n, isIcon: t, globalClick: r }) => {
     /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(ye, {}) : null })
   ] });
 }, br = ({ items: n, onHide: t, smallDisplay: r, globalClick: s }) => {
-  const c = Y(null), [i, u] = C({ left: "0px", top: "0px" });
+  const c = W(null), [i, u] = C({ left: "0px", top: "0px" });
   function o(l) {
     for (let d of l)
       if (d.icon)
@@ -2184,7 +2184,7 @@ function Un({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: c
   return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((u, o) => /* @__PURE__ */ e.jsx(Nr, { globalClick: s, autoHide: c, onHide: r, item: u, isIcon: i(n), smallDisplay: t }, o)) });
 }
 const kr = 100, Cr = (n) => {
-  const t = Y(null), [r, s] = C({ left: "0px", top: "0px" }), c = () => {
+  const t = W(null), [r, s] = C({ left: "0px", top: "0px" }), c = () => {
     n.onHide && n.onHide();
   };
   return F(() => {
@@ -2247,7 +2247,7 @@ const Er = ({ data: n, column: t, color: r, backgroundColor: s, H: c }) => {
     ] }) }) : null
   ] });
 }, ps = ({ data: n, columns: t, onDelete: r, onContextMenu: s, onEdit: c, actions: i, onClickRow: u, adaptive: o }) => {
-  const l = he(() => t ?? Sr(n), [n, t]), d = Y(null), f = _(() => {
+  const l = he(() => t ?? Sr(n), [n, t]), d = W(null), f = _(() => {
     var N, p;
     if (!d.current)
       return;
@@ -2255,8 +2255,8 @@ const Er = ({ data: n, column: t, color: r, backgroundColor: s, H: c }) => {
     if (x) {
       for (const b of x.children)
         for (let $ = 0; $ < b.children.length; $++) {
-          const w = b.children[$].getBoundingClientRect().height;
-          j[$] < w && (j[$] = w);
+          const E = b.children[$].getBoundingClientRect().height;
+          j[$] < E && (j[$] = E);
         }
       return j;
     }
@@ -2589,9 +2589,9 @@ const Ar = (n) => `--${qn(n, "_", "-")}`, Br = (n) => qn(n, "-", "_").slice(2),
     m && document.body.style.setProperty(Ar(v), m);
   }, d = (v, m, j = !1) => {
     var N, p, b, $, k;
-    if (t((w) => ({ ...w, [v]: m })), l(v, m), v in Mn) {
-      const w = Mn[v];
-      (N = w.container) == null || N.forEach((T) => d(T, ce(m, j), j)), (p = w.text) == null || p.forEach((T) => d(T, Z(m), j)), (b = w.low) == null || b.forEach((T) => d(T, Q(j ? -0.1 : 0.1, m) ?? m, j)), ($ = w.high) == null || $.forEach((T) => d(T, Q(j ? 0.01 : -0.01, m) ?? m, j)), (k = w.variant) == null || k.forEach((T) => d(T, Q(j ? -0.3 : 0.3, m) ?? m, j));
+    if (t((E) => ({ ...E, [v]: m })), l(v, m), v in Mn) {
+      const E = Mn[v];
+      (N = E.container) == null || N.forEach((T) => d(T, ce(m, j), j)), (p = E.text) == null || p.forEach((T) => d(T, Z(m), j)), (b = E.low) == null || b.forEach((T) => d(T, Q(j ? -0.1 : 0.1, m) ?? m, j)), ($ = E.high) == null || $.forEach((T) => d(T, Q(j ? 0.01 : -0.01, m) ?? m, j)), (k = E.variant) == null || k.forEach((T) => d(T, Q(j ? -0.3 : 0.3, m) ?? m, j));
     }
   }, f = _(async (v) => {
     console.log(v);
@@ -2625,37 +2625,37 @@ const Ar = (n) => `--${qn(n, "_", "-")}`, Br = (n) => qn(n, "-", "_").slice(2),
       return r.title;
   }
   return "";
-}, ws = ({ screensize: n = te.STANDART, items: t, onChange: r, value: s, placeholder: c, className: i, border: u, name: o, error: l, onBlur: d, onFocus: f, container: h }) => {
-  const [x, v] = C(""), [m, j] = C({ x: 0, y: 0, width: 100 }), [N, p] = C(!1);
+}, ws = ({ style: n, screensize: t = te.STANDART, items: r, onChange: s, value: c, placeholder: i, className: u, border: o, name: l, error: d, onBlur: f, onFocus: h, container: x }) => {
+  const [v, m] = C(""), [j, N] = C({ x: 0, y: 0, width: 100 }), [p, b] = C(!1);
   F(() => {
-    v(Dn(t, s ?? ""));
-  }, [s, t]);
-  const b = _((w) => {
-    v(Dn(t, w)), r && r(w), p(!1);
-  }, [t, r]), $ = _((w) => typeof w == "string" ? { title: w, onClick: () => b(w) } : { title: w.title, onClick: () => b(w.value) }, [b]), k = _((w) => {
-    w.preventDefault();
-    let T = De(w.currentTarget), q = (T == null ? void 0 : T.left) ?? w.pageX, E = T != null && T.top ? T.top + T.height : w.pageY;
-    j({ x: q, y: E, width: (T == null ? void 0 : T.width) ?? 150 }), p(!0);
-  }, [t, $]);
+    m(Dn(r, c ?? ""));
+  }, [c, r]);
+  const $ = _((T) => {
+    m(Dn(r, T)), s && s(T), b(!1);
+  }, [r, s]), k = _((T) => typeof T == "string" ? { title: T, onClick: () => $(T) } : { title: T.title, onClick: () => $(T.value) }, [$]), E = _((T) => {
+    T.preventDefault();
+    let A = De(T.currentTarget), S = (A == null ? void 0 : A.left) ?? T.pageX, B = A != null && A.top ? A.top + A.height : T.pageY;
+    N({ x: S, y: B, width: (A == null ? void 0 : A.width) ?? 150 }), b(!0);
+  }, [r, k]);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { className: `input-field select-field ${i} ${u ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: k, children: [
+    /* @__PURE__ */ e.jsx("div", { style: n, className: `input-field select-field ${u} ${o ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: E, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
           required: !0,
           type: "text",
-          className: `${l ? "error" : ""}`,
-          name: o,
-          value: x,
-          placeholder: c,
-          onFocus: f,
-          onBlur: d,
+          className: `${d ? "error" : ""}`,
+          name: l,
+          value: v,
+          placeholder: i,
+          onFocus: h,
+          onBlur: f,
           readOnly: !0
         }
       ),
       /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
     ] }) }),
-    /* @__PURE__ */ e.jsx(wr, { width: m.width, screensize: n, x: m.x, y: m.y, onHide: () => p(!1), container: h, blocks: [{ items: t.map($) }], visible: N })
+    /* @__PURE__ */ e.jsx(wr, { width: j.width, screensize: t, x: j.x, y: j.y, onHide: () => b(!1), container: x, blocks: [{ items: r.map(k) }], visible: p })
   ] });
 }, Fn = {
   mobileSize: 720,
@@ -2729,7 +2729,7 @@ export {
   is as Switch,
   ps as Table,
   Jr as TextArea,
-  U as TextButton,
+  q as TextButton,
   hs as TextDialog,
   Gn as TextField,
   fs as TimeField,