@arthurzakharov/ui-kit 1.8.1 → 1.8.2

package/dist/components/signature/signature.component.js

@@ -1,6 +1,6 @@
 import { jsxs as te, jsx as V } from "react/jsx-runtime";
-import ze, { useRef as fe, useState as oe, useCallback as re, useEffect as de } from "react";
-import { useResizeObserver as Ne } from "usehooks-ts";
+import Ne, { useRef as fe, useState as oe, useCallback as re, useEffect as de } from "react";
+import { useResizeObserver as ze } from "usehooks-ts";
 import { RefreshCw as Fe, RotateCcw as qe, Check as Be } from "lucide-react";
 import he from "clsx";
 import { Button as we } from "../../controls/buttons/button/button.component.js";
@@ -40,15 +40,15 @@ var Te;
 function Ve() {
   if (Te) return I;
   Te = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, i = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, z = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, s = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function R(f) {
     if (typeof f == "object" && f !== null) {
-      var Z = f.$$typeof;
-      switch (Z) {
+      var G = f.$$typeof;
+      switch (G) {
         case n:
           switch (f = f.type, f) {
             case d:
-            case i:
+            case s:
             case t:
             case o:
             case a:
@@ -63,18 +63,18 @@ function Ve() {
                 case l:
                   return f;
                 default:
-                  return Z;
+                  return G;
               }
           }
         case r:
-          return Z;
+          return G;
       }
     }
   }
   function j(f) {
-    return R(f) === i;
+    return R(f) === s;
   }
-  return I.AsyncMode = d, I.ConcurrentMode = i, I.ContextConsumer = c, I.ContextProvider = l, I.Element = n, I.ForwardRef = u, I.Fragment = t, I.Lazy = x, I.Memo = b, I.Portal = r, I.Profiler = o, I.StrictMode = a, I.Suspense = v, I.isAsyncMode = function(f) {
+  return I.AsyncMode = d, I.ConcurrentMode = s, I.ContextConsumer = c, I.ContextProvider = l, I.Element = n, I.ForwardRef = u, I.Fragment = t, I.Lazy = x, I.Memo = b, I.Portal = r, I.Profiler = o, I.StrictMode = a, I.Suspense = v, I.isAsyncMode = function(f) {
     return j(f) || R(f) === d;
   }, I.isConcurrentMode = j, I.isContextConsumer = function(f) {
     return R(f) === c;
@@ -99,27 +99,27 @@ function Ve() {
   }, I.isSuspense = function(f) {
     return R(f) === v;
   }, I.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === t || f === i || f === o || f === a || f === v || f === y || typeof f == "object" && f !== null && (f.$$typeof === x || f.$$typeof === b || f.$$typeof === l || f.$$typeof === c || f.$$typeof === u || f.$$typeof === T || f.$$typeof === _ || f.$$typeof === z || f.$$typeof === g);
+    return typeof f == "string" || typeof f == "function" || f === t || f === s || f === o || f === a || f === v || f === y || typeof f == "object" && f !== null && (f.$$typeof === x || f.$$typeof === b || f.$$typeof === l || f.$$typeof === c || f.$$typeof === u || f.$$typeof === T || f.$$typeof === _ || f.$$typeof === N || f.$$typeof === g);
   }, I.typeOf = R, I;
 }
 var L = {};
 var Se;
 function Xe() {
   return Se || (Se = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, i = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, z = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, s = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function R(p) {
       return typeof p == "string" || typeof p == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      p === t || p === i || p === o || p === a || p === v || p === y || typeof p == "object" && p !== null && (p.$$typeof === x || p.$$typeof === b || p.$$typeof === l || p.$$typeof === c || p.$$typeof === u || p.$$typeof === T || p.$$typeof === _ || p.$$typeof === z || p.$$typeof === g);
+      p === t || p === s || p === o || p === a || p === v || p === y || typeof p == "object" && p !== null && (p.$$typeof === x || p.$$typeof === b || p.$$typeof === l || p.$$typeof === c || p.$$typeof === u || p.$$typeof === T || p.$$typeof === _ || p.$$typeof === N || p.$$typeof === g);
     }
     function j(p) {
       if (typeof p == "object" && p !== null) {
-        var G = p.$$typeof;
-        switch (G) {
+        var Z = p.$$typeof;
+        switch (Z) {
           case n:
             var ae = p.type;
             switch (ae) {
               case d:
-              case i:
+              case s:
               case t:
               case o:
               case a:
@@ -135,20 +135,20 @@ function Xe() {
                   case l:
                     return Pe;
                   default:
-                    return G;
+                    return Z;
                 }
             }
           case r:
-            return G;
+            return Z;
         }
       }
     }
-    var f = d, Z = i, Q = c, K = l, A = n, P = u, q = t, F = x, m = b, H = r, ee = o, $ = a, Y = v, B = !1;
+    var f = d, G = s, Q = c, K = l, A = n, P = u, q = t, F = x, m = b, H = r, ee = o, $ = a, Y = v, B = !1;
     function J(p) {
-      return B || (B = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), s(p) || j(p) === d;
+      return B || (B = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), i(p) || j(p) === d;
     }
-    function s(p) {
-      return j(p) === i;
+    function i(p) {
+      return j(p) === s;
     }
     function h(p) {
       return j(p) === c;
@@ -183,7 +183,7 @@ function Xe() {
     function X(p) {
       return j(p) === v;
     }
-    L.AsyncMode = f, L.ConcurrentMode = Z, L.ContextConsumer = Q, L.ContextProvider = K, L.Element = A, L.ForwardRef = P, L.Fragment = q, L.Lazy = F, L.Memo = m, L.Portal = H, L.Profiler = ee, L.StrictMode = $, L.Suspense = Y, L.isAsyncMode = J, L.isConcurrentMode = s, L.isContextConsumer = h, L.isContextProvider = w, L.isElement = O, L.isForwardRef = E, L.isFragment = M, L.isLazy = S, L.isMemo = C, L.isPortal = D, L.isProfiler = W, L.isStrictMode = k, L.isSuspense = X, L.isValidElementType = R, L.typeOf = j;
+    L.AsyncMode = f, L.ConcurrentMode = G, L.ContextConsumer = Q, L.ContextProvider = K, L.Element = A, L.ForwardRef = P, L.Fragment = q, L.Lazy = F, L.Memo = m, L.Portal = H, L.Profiler = ee, L.StrictMode = $, L.Suspense = Y, L.isAsyncMode = J, L.isConcurrentMode = i, L.isContextConsumer = h, L.isContextProvider = w, L.isElement = O, L.isForwardRef = E, L.isFragment = M, L.isLazy = S, L.isMemo = C, L.isPortal = D, L.isProfiler = W, L.isStrictMode = k, L.isSuspense = X, L.isValidElementType = R, L.typeOf = j;
   })()), L;
 }
 var Oe;
@@ -214,23 +214,23 @@ function Je() {
       });
       if (d.join("") !== "0123456789")
         return !1;
-      var i = {};
+      var s = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(u) {
-        i[u] = u;
-      }), Object.keys(Object.assign({}, i)).join("") === "abcdefghijklmnopqrst";
+        s[u] = u;
+      }), Object.keys(Object.assign({}, s)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return pe = a() ? Object.assign : function(o, l) {
-    for (var c, d = t(o), i, u = 1; u < arguments.length; u++) {
+    for (var c, d = t(o), s, u = 1; u < arguments.length; u++) {
       c = Object(arguments[u]);
       for (var v in c)
         n.call(c, v) && (d[v] = c[v]);
       if (e) {
-        i = e(c);
-        for (var y = 0; y < i.length; y++)
-          r.call(c, i[y]) && (d[i[y]] = c[i[y]]);
+        s = e(c);
+        for (var y = 0; y < s.length; y++)
+          r.call(c, s[y]) && (d[s[y]] = c[s[y]]);
       }
     }
     return d;
@@ -248,7 +248,7 @@ function We() {
   return Ae || (Ae = 1, ye = Function.call.bind(Object.prototype.hasOwnProperty)), ye;
 }
 var me, Me;
-function Ze() {
+function Ge() {
   if (Me) return me;
   Me = 1;
   var e = function() {
@@ -264,7 +264,7 @@ function Ze() {
       }
     };
   }
-  function a(o, l, c, d, i) {
+  function a(o, l, c, d, s) {
     if (process.env.NODE_ENV !== "production") {
       for (var u in o)
         if (t(o, u)) {
@@ -284,7 +284,7 @@ function Ze() {
             (d || "React class") + ": type specification of " + c + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof v + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), v instanceof Error && !(v.message in r)) {
             r[v.message] = !0;
-            var b = i ? i() : "";
+            var b = s ? s() : "";
             e(
               "Failed " + c + " type: " + v.message + (b ?? "")
             );
@@ -297,10 +297,10 @@ function Ze() {
   }, me = a, me;
 }
 var _e, De;
-function Ge() {
+function Ze() {
   if (De) return _e;
   De = 1;
-  var e = $e(), n = Je(), r = /* @__PURE__ */ be(), t = /* @__PURE__ */ We(), a = /* @__PURE__ */ Ze(), o = function() {
+  var e = $e(), n = Je(), r = /* @__PURE__ */ be(), t = /* @__PURE__ */ We(), a = /* @__PURE__ */ Ge(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(c) {
     var d = "Warning: " + c;
@@ -314,9 +314,9 @@ function Ge() {
     return null;
   }
   return _e = function(c, d) {
-    var i = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
-    function v(s) {
-      var h = s && (i && s[i] || s[u]);
+    var s = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
+    function v(i) {
+      var h = i && (s && i[s] || i[u]);
       if (typeof h == "function")
         return h;
     }
@@ -329,11 +329,11 @@ function Ge() {
       object: _("object"),
       string: _("string"),
       symbol: _("symbol"),
-      any: z(),
+      any: N(),
       arrayOf: R,
       element: j(),
       elementType: f(),
-      instanceOf: Z,
+      instanceOf: G,
       node: P(),
       objectOf: K,
       oneOf: Q,
@@ -341,14 +341,14 @@ function Ge() {
       shape: F,
       exact: m
     };
-    function x(s, h) {
-      return s === h ? s !== 0 || 1 / s === 1 / h : s !== s && h !== h;
+    function x(i, h) {
+      return i === h ? i !== 0 || 1 / i === 1 / h : i !== i && h !== h;
     }
-    function g(s, h) {
-      this.message = s, this.data = h && typeof h == "object" ? h : {}, this.stack = "";
+    function g(i, h) {
+      this.message = i, this.data = h && typeof h == "object" ? h : {}, this.stack = "";
     }
     g.prototype = Error.prototype;
-    function T(s) {
+    function T(i) {
       if (process.env.NODE_ENV !== "production")
         var h = {}, w = 0;
       function O(M, S, C, D, W, k, X) {
@@ -359,38 +359,38 @@ function Ge() {
             );
             throw p.name = "Invariant Violation", p;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var G = D + ":" + C;
-            !h[G] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var Z = D + ":" + C;
+            !h[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
             w < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + k + "` prop on `" + D + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), h[G] = !0, w++);
+            ), h[Z] = !0, w++);
           }
         }
-        return S[C] == null ? M ? S[C] === null ? new g("The " + W + " `" + k + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new g("The " + W + " `" + k + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : s(S, C, D, W, k);
+        return S[C] == null ? M ? S[C] === null ? new g("The " + W + " `" + k + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new g("The " + W + " `" + k + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : i(S, C, D, W, k);
       }
       var E = O.bind(null, !1);
       return E.isRequired = O.bind(null, !0), E;
     }
-    function _(s) {
+    function _(i) {
       function h(w, O, E, M, S, C) {
         var D = w[O], W = $(D);
-        if (W !== s) {
+        if (W !== i) {
           var k = Y(D);
           return new g(
-            "Invalid " + M + " `" + S + "` of type " + ("`" + k + "` supplied to `" + E + "`, expected ") + ("`" + s + "`."),
-            { expectedType: s }
+            "Invalid " + M + " `" + S + "` of type " + ("`" + k + "` supplied to `" + E + "`, expected ") + ("`" + i + "`."),
+            { expectedType: i }
           );
         }
         return null;
       }
       return T(h);
     }
-    function z() {
+    function N() {
       return T(l);
     }
-    function R(s) {
+    function R(i) {
       function h(w, O, E, M, S) {
-        if (typeof s != "function")
+        if (typeof i != "function")
           return new g("Property `" + S + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
         var C = w[O];
         if (!Array.isArray(C)) {
@@ -398,7 +398,7 @@ function Ge() {
           return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an array."));
         }
         for (var W = 0; W < C.length; W++) {
-          var k = s(C, W, E, M, S + "[" + W + "]", r);
+          var k = i(C, W, E, M, S + "[" + W + "]", r);
           if (k instanceof Error)
             return k;
         }
@@ -407,7 +407,7 @@ function Ge() {
       return T(h);
     }
     function j() {
-      function s(h, w, O, E, M) {
+      function i(h, w, O, E, M) {
         var S = h[w];
         if (!c(S)) {
           var C = $(S);
@@ -415,10 +415,10 @@ function Ge() {
         }
         return null;
       }
-      return T(s);
+      return T(i);
     }
     function f() {
-      function s(h, w, O, E, M) {
+      function i(h, w, O, E, M) {
         var S = h[w];
         if (!e.isValidElementType(S)) {
           var C = $(S);
@@ -426,45 +426,45 @@ function Ge() {
         }
         return null;
       }
-      return T(s);
+      return T(i);
     }
-    function Z(s) {
+    function G(i) {
       function h(w, O, E, M, S) {
-        if (!(w[O] instanceof s)) {
-          var C = s.name || y, D = J(w[O]);
+        if (!(w[O] instanceof i)) {
+          var C = i.name || y, D = J(w[O]);
           return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("instance of `" + C + "`."));
         }
         return null;
       }
       return T(h);
     }
-    function Q(s) {
-      if (!Array.isArray(s))
+    function Q(i) {
+      if (!Array.isArray(i))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), l;
       function h(w, O, E, M, S) {
-        for (var C = w[O], D = 0; D < s.length; D++)
-          if (x(C, s[D]))
+        for (var C = w[O], D = 0; D < i.length; D++)
+          if (x(C, i[D]))
             return null;
-        var W = JSON.stringify(s, function(X, p) {
-          var G = Y(p);
-          return G === "symbol" ? String(p) : p;
+        var W = JSON.stringify(i, function(X, p) {
+          var Z = Y(p);
+          return Z === "symbol" ? String(p) : p;
         });
         return new g("Invalid " + M + " `" + S + "` of value `" + String(C) + "` " + ("supplied to `" + E + "`, expected one of " + W + "."));
       }
       return T(h);
     }
-    function K(s) {
+    function K(i) {
       function h(w, O, E, M, S) {
-        if (typeof s != "function")
+        if (typeof i != "function")
           return new g("Property `" + S + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
         var C = w[O], D = $(C);
         if (D !== "object")
           return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an object."));
         for (var W in C)
           if (t(C, W)) {
-            var k = s(C, W, E, M, S + "." + W, r);
+            var k = i(C, W, E, M, S + "." + W, r);
             if (k instanceof Error)
               return k;
           }
@@ -472,46 +472,46 @@ function Ge() {
       }
       return T(h);
     }
-    function A(s) {
-      if (!Array.isArray(s))
+    function A(i) {
+      if (!Array.isArray(i))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), l;
-      for (var h = 0; h < s.length; h++) {
-        var w = s[h];
+      for (var h = 0; h < i.length; h++) {
+        var w = i[h];
         if (typeof w != "function")
           return o(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + B(w) + " at index " + h + "."
           ), l;
       }
       function O(E, M, S, C, D) {
-        for (var W = [], k = 0; k < s.length; k++) {
-          var X = s[k], p = X(E, M, S, C, D, r);
+        for (var W = [], k = 0; k < i.length; k++) {
+          var X = i[k], p = X(E, M, S, C, D, r);
           if (p == null)
             return null;
           p.data && t(p.data, "expectedType") && W.push(p.data.expectedType);
         }
-        var G = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
-        return new g("Invalid " + C + " `" + D + "` supplied to " + ("`" + S + "`" + G + "."));
+        var Z = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
+        return new g("Invalid " + C + " `" + D + "` supplied to " + ("`" + S + "`" + Z + "."));
       }
       return T(O);
     }
     function P() {
-      function s(h, w, O, E, M) {
+      function i(h, w, O, E, M) {
         return H(h[w]) ? null : new g("Invalid " + E + " `" + M + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
       }
-      return T(s);
+      return T(i);
     }
-    function q(s, h, w, O, E) {
+    function q(i, h, w, O, E) {
       return new g(
-        (s || "React class") + ": " + h + " type `" + w + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
+        (i || "React class") + ": " + h + " type `" + w + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
       );
     }
-    function F(s) {
+    function F(i) {
       function h(w, O, E, M, S) {
         var C = w[O], D = $(C);
         if (D !== "object")
           return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
-        for (var W in s) {
-          var k = s[W];
+        for (var W in i) {
+          var k = i[W];
           if (typeof k != "function")
             return q(E, M, S, W, Y(k));
           var X = k(C, W, E, M, S + "." + W, r);
@@ -522,20 +522,20 @@ function Ge() {
       }
       return T(h);
     }
-    function m(s) {
+    function m(i) {
       function h(w, O, E, M, S) {
         var C = w[O], D = $(C);
         if (D !== "object")
           return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
-        var W = n({}, w[O], s);
+        var W = n({}, w[O], i);
         for (var k in W) {
-          var X = s[k];
-          if (t(s, k) && typeof X != "function")
+          var X = i[k];
+          if (t(i, k) && typeof X != "function")
             return q(E, M, S, k, Y(X));
           if (!X)
             return new g(
               "Invalid " + M + " `" + S + "` key `" + k + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(w[O], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
+Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
             );
           var p = X(C, k, E, M, S + "." + k, r);
           if (p)
@@ -545,23 +545,23 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
       }
       return T(h);
     }
-    function H(s) {
-      switch (typeof s) {
+    function H(i) {
+      switch (typeof i) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !s;
+          return !i;
         case "object":
-          if (Array.isArray(s))
-            return s.every(H);
-          if (s === null || c(s))
+          if (Array.isArray(i))
+            return i.every(H);
+          if (i === null || c(i))
             return !0;
-          var h = v(s);
+          var h = v(i);
           if (h) {
-            var w = h.call(s), O;
-            if (h !== s.entries) {
+            var w = h.call(i), O;
+            if (h !== i.entries) {
               for (; !(O = w.next()).done; )
                 if (!H(O.value))
                   return !1;
@@ -578,27 +578,27 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
           return !1;
       }
     }
-    function ee(s, h) {
-      return s === "symbol" ? !0 : h ? h["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && h instanceof Symbol : !1;
+    function ee(i, h) {
+      return i === "symbol" ? !0 : h ? h["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && h instanceof Symbol : !1;
     }
-    function $(s) {
-      var h = typeof s;
-      return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : ee(h, s) ? "symbol" : h;
+    function $(i) {
+      var h = typeof i;
+      return Array.isArray(i) ? "array" : i instanceof RegExp ? "object" : ee(h, i) ? "symbol" : h;
     }
-    function Y(s) {
-      if (typeof s > "u" || s === null)
-        return "" + s;
-      var h = $(s);
+    function Y(i) {
+      if (typeof i > "u" || i === null)
+        return "" + i;
+      var h = $(i);
       if (h === "object") {
-        if (s instanceof Date)
+        if (i instanceof Date)
           return "date";
-        if (s instanceof RegExp)
+        if (i instanceof RegExp)
           return "regexp";
       }
       return h;
     }
-    function B(s) {
-      var h = Y(s);
+    function B(i) {
+      var h = Y(i);
       switch (h) {
         case "array":
         case "object":
@@ -611,8 +611,8 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
           return h;
       }
     }
-    function J(s) {
-      return !s.constructor || !s.constructor.name ? y : s.constructor.name;
+    function J(i) {
+      return !i.constructor || !i.constructor.name ? y : i.constructor.name;
     }
     return b.checkPropTypes = a, b.resetWarningCache = a.resetWarningCache, b.PropTypes = b, b;
   }, _e;
@@ -627,7 +627,7 @@ function Ke() {
   function r() {
   }
   return r.resetWarningCache = n, ge = function() {
-    function t(l, c, d, i, u, v) {
+    function t(l, c, d, s, u, v) {
       if (v !== e) {
         var y = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -670,7 +670,7 @@ function Qe() {
   if (je) return se.exports;
   if (je = 1, process.env.NODE_ENV !== "production") {
     var e = $e(), n = !0;
-    se.exports = /* @__PURE__ */ Ge()(e.isElement, n);
+    se.exports = /* @__PURE__ */ Ze()(e.isElement, n);
   } else
     se.exports = /* @__PURE__ */ Ke()();
   return se.exports;
@@ -694,8 +694,8 @@ xe.prototype.length = function() {
   for (var e = 10, n = 0, r = void 0, t = void 0, a = 0; a <= e; a += 1) {
     var o = a / e, l = this._point(o, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), c = this._point(o, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
     if (a > 0) {
-      var d = l - r, i = c - t;
-      n += Math.sqrt(d * d + i * i);
+      var d = l - r, s = c - t;
+      n += Math.sqrt(d * d + s * s);
     }
     r = l, t = c;
   }
@@ -711,15 +711,15 @@ function et(e, n, r) {
     c = r.leading === !1 ? 0 : Date.now(), l = null, o = e.apply(t, a), l || (t = a = null);
   };
   return function() {
-    var i = Date.now();
-    !c && r.leading === !1 && (c = i);
-    var u = n - (i - c);
-    return t = this, a = arguments, u <= 0 || u > n ? (l && (clearTimeout(l), l = null), c = i, o = e.apply(t, a), l || (t = a = null)) : !l && r.trailing !== !1 && (l = setTimeout(d, u)), o;
+    var s = Date.now();
+    !c && r.leading === !1 && (c = s);
+    var u = n - (s - c);
+    return t = this, a = arguments, u <= 0 || u > n ? (l && (clearTimeout(l), l = null), c = s, o = e.apply(t, a), l || (t = a = null)) : !l && r.trailing !== !1 && (l = setTimeout(d, u)), o;
   };
 }
-function N(e, n) {
+function z(e, n) {
   var r = this, t = n || {};
-  this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = "throttle" in t ? t.throttle : 16, this.minDistance = "minDistance" in t ? t.minDistance : 5, this.throttle ? this._strokeMoveUpdate = et(N.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = N.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
+  this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = "throttle" in t ? t.throttle : 16, this.minDistance = "minDistance" in t ? t.minDistance : 5, this.throttle ? this._strokeMoveUpdate = et(z.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = z.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
     return (this.minWidth + this.maxWidth) / 2;
   }, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.onBegin = t.onBegin, this.onEnd = t.onEnd, this._canvas = e, this._ctx = e.getContext("2d"), this.clear(), this._handleMouseDown = function(a) {
     a.which === 1 && (r._mouseButtonDown = !0, r._strokeBegin(a));
@@ -741,17 +741,17 @@ function N(e, n) {
     o && (a.preventDefault(), r._strokeEnd(a));
   }, this.on();
 }
-N.prototype.clear = function() {
+z.prototype.clear = function() {
   var e = this._ctx, n = this._canvas;
   e.fillStyle = this.backgroundColor, e.clearRect(0, 0, n.width, n.height), e.fillRect(0, 0, n.width, n.height), this._data = [], this._reset(), this._isEmpty = !0;
 };
-N.prototype.fromDataURL = function(e) {
+z.prototype.fromDataURL = function(e) {
   var n = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = new Image(), a = r.ratio || window.devicePixelRatio || 1, o = r.width || this._canvas.width / a, l = r.height || this._canvas.height / a;
   this._reset(), t.src = e, t.onload = function() {
     n._ctx.drawImage(t, 0, 0, o, l);
   }, this._isEmpty = !1;
 };
-N.prototype.toDataURL = function(e) {
+z.prototype.toDataURL = function(e) {
   var n;
   switch (e) {
     case "image/svg+xml":
@@ -762,23 +762,23 @@ N.prototype.toDataURL = function(e) {
       return (n = this._canvas).toDataURL.apply(n, [e].concat(t));
   }
 };
-N.prototype.on = function() {
+z.prototype.on = function() {
   this._handleMouseEvents(), this._handleTouchEvents();
 };
-N.prototype.off = function() {
+z.prototype.off = function() {
   this._canvas.removeEventListener("mousedown", this._handleMouseDown), this._canvas.removeEventListener("mousemove", this._handleMouseMove), document.removeEventListener("mouseup", this._handleMouseUp), this._canvas.removeEventListener("touchstart", this._handleTouchStart), this._canvas.removeEventListener("touchmove", this._handleTouchMove), this._canvas.removeEventListener("touchend", this._handleTouchEnd);
 };
-N.prototype.isEmpty = function() {
+z.prototype.isEmpty = function() {
   return this._isEmpty;
 };
-N.prototype._strokeBegin = function(e) {
+z.prototype._strokeBegin = function(e) {
   this._data.push([]), this._reset(), this._strokeUpdate(e), typeof this.onBegin == "function" && this.onBegin(e);
 };
-N.prototype._strokeUpdate = function(e) {
+z.prototype._strokeUpdate = function(e) {
   var n = e.clientX, r = e.clientY, t = this._createPoint(n, r), a = this._data[this._data.length - 1], o = a && a[a.length - 1], l = o && t.distanceTo(o) < this.minDistance;
   if (!(o && l)) {
-    var c = this._addPoint(t), d = c.curve, i = c.widths;
-    d && i && this._drawCurve(d, i.start, i.end), this._data[this._data.length - 1].push({
+    var c = this._addPoint(t), d = c.curve, s = c.widths;
+    d && s && this._drawCurve(d, s.start, s.end), this._data[this._data.length - 1].push({
       x: t.x,
       y: t.y,
       time: t.time,
@@ -786,7 +786,7 @@ N.prototype._strokeUpdate = function(e) {
     });
   }
 };
-N.prototype._strokeEnd = function(e) {
+z.prototype._strokeEnd = function(e) {
   var n = this.points.length > 2, r = this.points[0];
   if (!n && r && this._drawDot(r), r) {
     var t = this._data[this._data.length - 1], a = t[t.length - 1];
@@ -799,20 +799,20 @@ N.prototype._strokeEnd = function(e) {
   }
   typeof this.onEnd == "function" && this.onEnd(e);
 };
-N.prototype._handleMouseEvents = function() {
+z.prototype._handleMouseEvents = function() {
   this._mouseButtonDown = !1, this._canvas.addEventListener("mousedown", this._handleMouseDown), this._canvas.addEventListener("mousemove", this._handleMouseMove), document.addEventListener("mouseup", this._handleMouseUp);
 };
-N.prototype._handleTouchEvents = function() {
+z.prototype._handleTouchEvents = function() {
   this._canvas.style.msTouchAction = "none", this._canvas.style.touchAction = "none", this._canvas.addEventListener("touchstart", this._handleTouchStart), this._canvas.addEventListener("touchmove", this._handleTouchMove), this._canvas.addEventListener("touchend", this._handleTouchEnd);
 };
-N.prototype._reset = function() {
+z.prototype._reset = function() {
   this.points = [], this._lastVelocity = 0, this._lastWidth = (this.minWidth + this.maxWidth) / 2, this._ctx.fillStyle = this.penColor;
 };
-N.prototype._createPoint = function(e, n, r) {
+z.prototype._createPoint = function(e, n, r) {
   var t = this._canvas.getBoundingClientRect();
   return new ne(e - t.left, n - t.top, r || (/* @__PURE__ */ new Date()).getTime());
 };
-N.prototype._addPoint = function(e) {
+z.prototype._addPoint = function(e) {
   var n = this.points, r = void 0;
   if (n.push(e), n.length > 2) {
     n.length === 3 && n.unshift(n[0]), r = this._calculateCurveControlPoints(n[0], n[1], n[2]);
@@ -823,42 +823,42 @@ N.prototype._addPoint = function(e) {
   }
   return {};
 };
-N.prototype._calculateCurveControlPoints = function(e, n, r) {
-  var t = e.x - n.x, a = e.y - n.y, o = n.x - r.x, l = n.y - r.y, c = { x: (e.x + n.x) / 2, y: (e.y + n.y) / 2 }, d = { x: (n.x + r.x) / 2, y: (n.y + r.y) / 2 }, i = Math.sqrt(t * t + a * a), u = Math.sqrt(o * o + l * l), v = c.x - d.x, y = c.y - d.y, b = u / (i + u), x = { x: d.x + v * b, y: d.y + y * b }, g = n.x - x.x, T = n.y - x.y;
+z.prototype._calculateCurveControlPoints = function(e, n, r) {
+  var t = e.x - n.x, a = e.y - n.y, o = n.x - r.x, l = n.y - r.y, c = { x: (e.x + n.x) / 2, y: (e.y + n.y) / 2 }, d = { x: (n.x + r.x) / 2, y: (n.y + r.y) / 2 }, s = Math.sqrt(t * t + a * a), u = Math.sqrt(o * o + l * l), v = c.x - d.x, y = c.y - d.y, b = u / (s + u), x = { x: d.x + v * b, y: d.y + y * b }, g = n.x - x.x, T = n.y - x.y;
   return {
     c1: new ne(c.x + g, c.y + T),
     c2: new ne(d.x + g, d.y + T)
   };
 };
-N.prototype._calculateCurveWidths = function(e) {
+z.prototype._calculateCurveWidths = function(e) {
   var n = e.startPoint, r = e.endPoint, t = { start: null, end: null }, a = this.velocityFilterWeight * r.velocityFrom(n) + (1 - this.velocityFilterWeight) * this._lastVelocity, o = this._strokeWidth(a);
   return t.start = this._lastWidth, t.end = o, this._lastVelocity = a, this._lastWidth = o, t;
 };
-N.prototype._strokeWidth = function(e) {
+z.prototype._strokeWidth = function(e) {
   return Math.max(this.maxWidth / (e + 1), this.minWidth);
 };
-N.prototype._drawPoint = function(e, n, r) {
+z.prototype._drawPoint = function(e, n, r) {
   var t = this._ctx;
   t.moveTo(e, n), t.arc(e, n, r, 0, 2 * Math.PI, !1), this._isEmpty = !1;
 };
-N.prototype._drawCurve = function(e, n, r) {
+z.prototype._drawCurve = function(e, n, r) {
   var t = this._ctx, a = r - n, o = Math.floor(e.length());
   t.beginPath();
   for (var l = 0; l < o; l += 1) {
-    var c = l / o, d = c * c, i = d * c, u = 1 - c, v = u * u, y = v * u, b = y * e.startPoint.x;
-    b += 3 * v * c * e.control1.x, b += 3 * u * d * e.control2.x, b += i * e.endPoint.x;
+    var c = l / o, d = c * c, s = d * c, u = 1 - c, v = u * u, y = v * u, b = y * e.startPoint.x;
+    b += 3 * v * c * e.control1.x, b += 3 * u * d * e.control2.x, b += s * e.endPoint.x;
     var x = y * e.startPoint.y;
-    x += 3 * v * c * e.control1.y, x += 3 * u * d * e.control2.y, x += i * e.endPoint.y;
-    var g = n + i * a;
+    x += 3 * v * c * e.control1.y, x += 3 * u * d * e.control2.y, x += s * e.endPoint.y;
+    var g = n + s * a;
     this._drawPoint(b, x, g);
   }
   t.closePath(), t.fill();
 };
-N.prototype._drawDot = function(e) {
+z.prototype._drawDot = function(e) {
   var n = this._ctx, r = typeof this.dotSize == "function" ? this.dotSize() : this.dotSize;
   n.beginPath(), this._drawPoint(e.x, e.y, r), n.closePath(), n.fill();
 };
-N.prototype._fromData = function(e, n, r) {
+z.prototype._fromData = function(e, n, r) {
   for (var t = 0; t < e.length; t += 1) {
     var a = e[t];
     if (a.length > 1)
@@ -867,7 +867,7 @@ N.prototype._fromData = function(e, n, r) {
         if (o === 0)
           this.penColor = d, this._reset(), this._addPoint(c);
         else if (o !== a.length - 1) {
-          var i = this._addPoint(c), u = i.curve, v = i.widths;
+          var s = this._addPoint(c), u = s.curve, v = s.widths;
           u && v && n(u, v, d);
         }
       }
@@ -878,19 +878,19 @@ N.prototype._fromData = function(e, n, r) {
     }
   }
 };
-N.prototype._toSVG = function() {
+z.prototype._toSVG = function() {
   var e = this, n = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), a = 0, o = 0, l = r.width / t, c = r.height / t, d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  d.setAttributeNS(null, "width", r.width), d.setAttributeNS(null, "height", r.height), this._fromData(n, function(_, z, R) {
+  d.setAttributeNS(null, "width", r.width), d.setAttributeNS(null, "height", r.height), this._fromData(n, function(_, N, R) {
     var j = document.createElement("path");
     if (!isNaN(_.control1.x) && !isNaN(_.control1.y) && !isNaN(_.control2.x) && !isNaN(_.control2.y)) {
       var f = "M " + _.startPoint.x.toFixed(3) + "," + _.startPoint.y.toFixed(3) + " " + ("C " + _.control1.x.toFixed(3) + "," + _.control1.y.toFixed(3) + " ") + (_.control2.x.toFixed(3) + "," + _.control2.y.toFixed(3) + " ") + (_.endPoint.x.toFixed(3) + "," + _.endPoint.y.toFixed(3));
-      j.setAttribute("d", f), j.setAttribute("stroke-width", (z.end * 2.25).toFixed(3)), j.setAttribute("stroke", R), j.setAttribute("fill", "none"), j.setAttribute("stroke-linecap", "round"), d.appendChild(j);
+      j.setAttribute("d", f), j.setAttribute("stroke-width", (N.end * 2.25).toFixed(3)), j.setAttribute("stroke", R), j.setAttribute("fill", "none"), j.setAttribute("stroke-linecap", "round"), d.appendChild(j);
     }
   }, function(_) {
-    var z = document.createElement("circle"), R = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
-    z.setAttribute("r", R), z.setAttribute("cx", _.x), z.setAttribute("cy", _.y), z.setAttribute("fill", _.color), d.appendChild(z);
+    var N = document.createElement("circle"), R = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
+    N.setAttribute("r", R), N.setAttribute("cx", _.x), N.setAttribute("cy", _.y), N.setAttribute("fill", _.color), d.appendChild(N);
   });
-  var i = "data:image/svg+xml;base64,", u = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + a + " " + o + " " + l + " " + c + '"') + (' width="' + l + '"') + (' height="' + c + '"') + ">", v = d.innerHTML;
+  var s = "data:image/svg+xml;base64,", u = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + a + " " + o + " " + l + " " + c + '"') + (' width="' + l + '"') + (' height="' + c + '"') + ">", v = d.innerHTML;
   if (v === void 0) {
     var y = document.createElement("dummy"), b = d.childNodes;
     y.innerHTML = "";
@@ -899,9 +899,9 @@ N.prototype._toSVG = function() {
     v = y.innerHTML;
   }
   var g = "</svg>", T = u + v + g;
-  return i + btoa(T);
+  return s + btoa(T);
 };
-N.prototype.fromData = function(e) {
+z.prototype.fromData = function(e) {
   var n = this;
   this.clear(), this._fromData(e, function(r, t) {
     return n._drawCurve(r, t.start, t.end);
@@ -909,12 +909,12 @@ N.prototype.fromData = function(e) {
     return n._drawDot(r);
   }), this._data = e;
 };
-N.prototype.toData = function() {
+z.prototype.toData = function() {
   return this._data;
 };
 const tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: N
+  default: z
 }, Symbol.toStringTag, { value: "Module" })), rt = /* @__PURE__ */ Ye(tt);
 var le = { exports: {} }, nt = le.exports, Ie;
 function at() {
@@ -931,22 +931,22 @@ function at() {
         var a = {};
         return t.m = r, t.c = a, t.p = "", t(0);
       })([function(r, t) {
-        function a(i) {
-          var u = i.getContext("2d"), v = i.width, y = i.height, b = u.getImageData(0, 0, v, y).data, x = c(!0, v, y, b), g = c(!1, v, y, b), T = d(!0, v, y, b), _ = d(!1, v, y, b), z = _ - T + 1, R = g - x + 1, j = u.getImageData(T, x, z, R);
-          return i.width = z, i.height = R, u.clearRect(0, 0, z, R), u.putImageData(j, 0, 0), i;
+        function a(s) {
+          var u = s.getContext("2d"), v = s.width, y = s.height, b = u.getImageData(0, 0, v, y).data, x = c(!0, v, y, b), g = c(!1, v, y, b), T = d(!0, v, y, b), _ = d(!1, v, y, b), N = _ - T + 1, R = g - x + 1, j = u.getImageData(T, x, N, R);
+          return s.width = N, s.height = R, u.clearRect(0, 0, N, R), u.putImageData(j, 0, 0), s;
         }
-        function o(i, u, v, y) {
-          return { red: y[4 * (v * u + i)], green: y[4 * (v * u + i) + 1], blue: y[4 * (v * u + i) + 2], alpha: y[4 * (v * u + i) + 3] };
+        function o(s, u, v, y) {
+          return { red: y[4 * (v * u + s)], green: y[4 * (v * u + s) + 1], blue: y[4 * (v * u + s) + 2], alpha: y[4 * (v * u + s) + 3] };
         }
-        function l(i, u, v, y) {
-          return o(i, u, v, y).alpha;
+        function l(s, u, v, y) {
+          return o(s, u, v, y).alpha;
         }
-        function c(i, u, v, y) {
-          for (var b = i ? 1 : -1, x = i ? 0 : v - 1, g = x; i ? g < v : g > -1; g += b) for (var T = 0; T < u; T++) if (l(T, g, u, y)) return g;
+        function c(s, u, v, y) {
+          for (var b = s ? 1 : -1, x = s ? 0 : v - 1, g = x; s ? g < v : g > -1; g += b) for (var T = 0; T < u; T++) if (l(T, g, u, y)) return g;
           return null;
         }
-        function d(i, u, v, y) {
-          for (var b = i ? 1 : -1, x = i ? 0 : u - 1, g = x; i ? g < u : g > -1; g += b) for (var T = 0; T < v; T++) if (l(g, T, u, y)) return g;
+        function d(s, u, v, y) {
+          for (var b = s ? 1 : -1, x = s ? 0 : u - 1, g = x; s ? g < u : g > -1; g += b) for (var T = 0; T < v; T++) if (l(g, T, u, y)) return g;
           return null;
         }
         Object.defineProperty(t, "__esModule", { value: !0 }), t.default = a;
@@ -958,18 +958,18 @@ var ot = ce.exports, Le;
 function it() {
   return Le || (Le = 1, (function(e, n) {
     (function(r, t) {
-      e.exports = t(/* @__PURE__ */ Qe(), ze, rt, at());
+      e.exports = t(/* @__PURE__ */ Qe(), Ne, rt, at());
     })(ot, function(r, t, a, o) {
       return (function(l) {
-        function c(i) {
-          if (d[i]) return d[i].exports;
-          var u = d[i] = { exports: {}, id: i, loaded: !1 };
-          return l[i].call(u.exports, u, u.exports, c), u.loaded = !0, u.exports;
+        function c(s) {
+          if (d[s]) return d[s].exports;
+          var u = d[s] = { exports: {}, id: s, loaded: !1 };
+          return l[s].call(u.exports, u, u.exports, c), u.loaded = !0, u.exports;
         }
         var d = {};
         return c.m = l, c.c = d, c.p = "", c(0);
       })([function(l, c, d) {
-        function i(A) {
+        function s(A) {
           return A && A.__esModule ? A : { default: A };
         }
         function u(A, P) {
@@ -1005,7 +1005,7 @@ function it() {
           return function(P, q, F) {
             return q && A(P.prototype, q), F && A(P, F), P;
           };
-        })(), T = d(1), _ = i(T), z = d(2), R = i(z), j = d(3), f = i(j), Z = d(4), Q = i(Z), K = (function(A) {
+        })(), T = d(1), _ = s(T), N = d(2), R = s(N), j = d(3), f = s(j), G = d(4), Q = s(G), K = (function(A) {
           function P() {
             var q, F, m, H;
             v(this, P);
@@ -1023,10 +1023,10 @@ function it() {
             }, m._checkClearOnResize = function() {
               m.props.clearOnResize && m._resizeCanvas();
             }, m._resizeCanvas = function() {
-              var B = m.props.canvasProps || {}, J = B.width, s = B.height;
-              if (!J || !s) {
+              var B = m.props.canvasProps || {}, J = B.width, i = B.height;
+              if (!J || !i) {
                 var h = m._canvas, w = Math.max(window.devicePixelRatio || 1, 1);
-                J || (h.width = h.offsetWidth * w), s || (h.height = h.offsetHeight * w), h.getContext("2d").scale(w, w), m.clear();
+                J || (h.width = h.offsetWidth * w), i || (h.height = h.offsetHeight * w), h.getContext("2d").scale(w, w), m.clear();
               }
             }, m.on = function() {
               return window.addEventListener("resize", m._checkClearOnResize), m._sigPad.on();
@@ -1058,7 +1058,7 @@ function it() {
               q._canvas = m;
             } }, F));
           } }]), P;
-        })(z.Component);
+        })(N.Component);
         K.propTypes = { velocityFilterWeight: _.default.number, minWidth: _.default.number, maxWidth: _.default.number, minDistance: _.default.number, dotSize: _.default.oneOfType([_.default.number, _.default.func]), penColor: _.default.string, throttle: _.default.number, onEnd: _.default.func, onBegin: _.default.func, canvasProps: _.default.object, clearOnResize: _.default.bool }, K.defaultProps = { clearOnResize: !0 }, c.default = K;
       }, function(l, c) {
         l.exports = r;
@@ -1095,7 +1095,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   AutoPanelLabelText: Ot,
   AutoPanelError: Ct,
   AutoPanelErrorTitle: Rt
-}, Nt = ({
+}, zt = ({
   // Signature props
   name: e,
   auto: n,
@@ -1106,14 +1106,14 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   // Base props
   ...l
 }) => {
-  const c = fe(null), d = fe(e), i = fe(!1), [u, v] = oe(null), [y, b] = oe(r ? "manual" : "auto"), [x, g] = oe(""), [T, _] = oe(!1), { width: z = 0, height: R = 0 } = Ne({ ref: c, box: "border-box" }), j = y === "auto" ? n ? "auto-generated" : "auto-loading" : x ? "manual-drawn" : r ? "manual-stored" : "manual-blank", f = n !== "" || T, Z = r || x, Q = re(
+  const c = fe(null), d = fe(e), s = fe(!1), [u, v] = oe(null), [y, b] = oe(r ? "manual" : "auto"), [x, g] = oe(""), [T, _] = oe(!1), { width: N = 0, height: R = 0 } = ze({ ref: c, box: "border-box" }), j = y === "auto" ? n ? "auto-generated" : "auto-loading" : x ? "manual-drawn" : r ? "manual-stored" : "manual-blank", f = n !== "" || T, G = r || x, Q = re(
     ($) => {
-      !u || !z || !R || !$ || u.fromDataURL($, {
-        width: +z.toFixed(),
+      !u || !N || !R || !$ || u.fromDataURL($, {
+        width: +N.toFixed(),
         height: +R.toFixed()
       });
     },
-    [u, z, R]
+    [u, N, R]
   ), K = re(() => {
     if (!u) return;
     const $ = u.getCanvas().toDataURL("image/png");
@@ -1130,26 +1130,20 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
     x && g("");
   }, [x]), H = ($) => $.includes(j);
   de(() => {
-    y === "manual" && x && z && R && Q(x);
-  }, [y, x, z, R, Q]), de(() => {
-    if (d.current !== e) {
-      if (n) {
-        i.current = !1;
-        return;
-      }
-      console.log(d.current, e), d.current = e, i.current = !0, t().then(($) => {
-        const Y = `data:image/png;base64,${$.signature}`;
-        _(!1), o(Y);
-      }).catch(() => {
-        _(!0);
-      });
-    }
+    y === "manual" && x && N && R && Q(x);
+  }, [y, x, N, R, Q]), de(() => {
+    console.log("NAME CHANGED", d.current === e), d.current !== e && (console.log(d.current, e), d.current = e, t().then(($) => {
+      const Y = `data:image/png;base64,${$.signature}`;
+      _(!1), o(Y);
+    }).catch(() => {
+      _(!0);
+    }));
   }, [e, o]), de(() => {
     if (n) {
-      i.current = !1;
+      s.current = !1;
       return;
     }
-    i.current || (i.current = !0, t().then(($) => {
+    s.current || (s.current = !0, t().then(($) => {
       const Y = `data:image/png;base64,${$.signature}`;
       _(!1), o(Y);
     }).catch(() => {
@@ -1157,7 +1151,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
     }));
   }, [n, e, t, o]);
   const ee = re(() => {
-    _(!1), i.current = !0, t().then(($) => {
+    _(!1), s.current = !0, t().then(($) => {
       const Y = `data:image/png;base64,${$.signature}`;
       _(!1), o(Y);
     }).catch(() => {
@@ -1225,7 +1219,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
                   }
                 )
               ] }) : /* @__PURE__ */ te("div", { className: U.ManualPanel, children: [
-                H(["manual-stored"]) ? /* @__PURE__ */ V("img", { width: z, height: R, alt: "signature", src: Z }) : /* @__PURE__ */ V(
+                H(["manual-stored"]) ? /* @__PURE__ */ V("img", { width: N, height: R, alt: "signature", src: G }) : /* @__PURE__ */ V(
                   ut,
                   {
                     penColor: "#262626",
@@ -1233,7 +1227,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
                     minWidth: 0.25,
                     maxWidth: 2.75,
                     throttle: 12,
-                    canvasProps: { width: +(z || 0).toFixed(), height: +(R || 0).toFixed() },
+                    canvasProps: { width: +(N || 0).toFixed(), height: +(R || 0).toFixed() },
                     ref: ($) => v($),
                     clearOnResize: !0,
                     onEnd: K
@@ -1272,5 +1266,5 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   );
 };
 export {
-  Nt as Signature
+  zt as Signature
 };

package/dist/controls/interactives/text-field/text-field.component.js

@@ -1,106 +1,104 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import d from "clsx";
-import { useBoolean as x } from "usehooks-ts";
-import { FadeScale as k } from "../../../animations/fade-scale/fade-scale.component.js";
-import { FadeSlide as B } from "../../../animations/fade-slide/fade-slide.component.js";
-import { Box as C } from "../../primitives/box/box.component.js";
+import c from "clsx";
+import { useBoolean as u } from "usehooks-ts";
+import { FadeScale as L } from "../../../animations/fade-scale/fade-scale.component.js";
+import { FadeSlide as k } from "../../../animations/fade-slide/fade-slide.component.js";
+import { Box as B } from "../../primitives/box/box.component.js";
 import "react";
-import { baseProps as h } from "../../../utils/functions/functions.util.js";
+import { baseProps as x } from "../../../utils/functions/functions.util.js";
 import "lucide-react";
-import { ErrorMessage as $ } from "../../primitives/error-message/error-message.component.js";
-import { Label as w } from "../../primitives/label/label.component.js";
-import { Input as D } from "../input/input.component.js";
-import '../../../assets/text-field-CMQWxQpy.css';const O = "_TextField_1jd9o_1", y = "_Content_1jd9o_11", q = "_Label_1jd9o_27", z = "_Idle_1jd9o_37", G = "_Active_1jd9o_42", H = "_Placeholder_1jd9o_47", J = "_PlaceholderText_1jd9o_54", K = "_ErrorMessage_1jd9o_62", Q = "_Input_1jd9o_66", R = "_MaskStart_1jd9o_70", e = {
-  TextField: O,
-  Content: y,
+import { ErrorMessage as C } from "../../primitives/error-message/error-message.component.js";
+import { Label as $ } from "../../primitives/label/label.component.js";
+import { Input as w } from "../input/input.component.js";
+import '../../../assets/text-field-CMQWxQpy.css';const D = "_TextField_1jd9o_1", O = "_Content_1jd9o_11", q = "_Label_1jd9o_27", y = "_Idle_1jd9o_37", z = "_Active_1jd9o_42", G = "_Placeholder_1jd9o_47", H = "_PlaceholderText_1jd9o_54", J = "_ErrorMessage_1jd9o_62", K = "_Input_1jd9o_66", Q = "_MaskStart_1jd9o_70", e = {
+  TextField: D,
+  Content: O,
   Label: q,
-  Idle: z,
-  Active: G,
-  Placeholder: H,
-  PlaceholderText: J,
-  ErrorMessage: K,
-  Input: Q,
-  MaskStart: R
-}, le = ({
+  Idle: y,
+  Active: z,
+  Placeholder: G,
+  PlaceholderText: H,
+  ErrorMessage: J,
+  Input: K,
+  MaskStart: Q
+}, ae = ({
   // Interactive props
-  id: l,
-  value: s = "",
-  disabled: I = !1,
-  state: n = "idle",
-  onChange: j,
-  onFocus: F,
-  onBlur: M,
+  id: d,
+  value: r = "",
+  disabled: h = !1,
+  state: l = "idle",
+  onChange: I,
+  onFocus: j,
+  onBlur: F,
   // Text props
-  mask: c,
-  maxLength: P = -1,
-  label: T = "",
+  mask: n,
+  maxLength: M = -1,
+  label: P = "",
   message: m = "",
   placeholder: _ = "",
   // Base props
   ...p
 }) => {
-  const { value: u, setTrue: g, setFalse: A } = x(!1), { value: r, setTrue: S, setFalse: b } = x(!1), a = r || !!s || u, E = !c && !!_ && r && !s && !u, N = !!m && n === "error", v = (o) => {
-    S(), F?.(o);
-  }, L = (o) => {
-    b(), M?.(o);
+  const { value: f, setTrue: T, setFalse: A } = u(!1), { value: s, setTrue: S, setFalse: b } = u(!1), a = s || !!r || f, g = !n && !!_ && s && !r && !f, E = !!m && l === "error", N = (o) => {
+    S(), j?.(o);
+  }, v = (o) => {
+    b(), F?.(o);
   };
   return /* @__PURE__ */ i(
     "div",
     {
-      "data-testid": h(p, "data-testid", "text-field"),
-      className: d(e.TextField, h(p, "className")),
+      "data-testid": x(p, "data-testid", "text-field"),
+      className: c(e.TextField, x(p, "className")),
       children: [
-        /* @__PURE__ */ i(C, { state: n, focused: r, children: [
+        /* @__PURE__ */ i(B, { state: l, focused: s, children: [
           /* @__PURE__ */ t(
-            w,
+            $,
             {
               "data-testid": "text-label",
-              text: T,
+              text: P,
               position: a ? "active" : "idle",
-              state: a ? n : "idle",
-              className: d(e.Label, a ? e.Active : e.Idle)
+              state: a ? l : "idle",
+              className: c(e.Label, a ? e.Active : e.Idle)
             }
           ),
           /* @__PURE__ */ i(
             "label",
             {
-              htmlFor: l,
+              htmlFor: d,
               className: e.Content,
               onPointerDown: (o) => {
-                r && o.preventDefault();
-                const f = document.getElementById(l);
-                console.log("input", f), f?.click();
+                s && o.preventDefault();
               },
               children: [
-                /* @__PURE__ */ t(k, { name: "text-placeholder", condition: E, className: e.Placeholder, children: /* @__PURE__ */ t("span", { "data-testid": "text-placeholder", className: e.PlaceholderText, children: _ }) }),
+                /* @__PURE__ */ t(L, { name: "text-placeholder", condition: g, className: e.Placeholder, children: /* @__PURE__ */ t("span", { "data-testid": "text-placeholder", className: e.PlaceholderText, children: _ }) }),
                 /* @__PURE__ */ t(
-                  D,
+                  w,
                   {
                     "data-testid": "text-input",
-                    mask: c,
-                    maxLength: P,
-                    disabled: I,
-                    id: l,
-                    value: s,
-                    className: d(e.Input, {
-                      [e.MaskStart]: c && s === "" && !a
+                    mask: n,
+                    maxLength: M,
+                    disabled: h,
+                    id: d,
+                    value: r,
+                    className: c(e.Input, {
+                      [e.MaskStart]: n && r === "" && !a
                     }),
-                    onAnimationStart: g,
+                    onAnimationStart: T,
                     onAnimationEnd: A,
-                    onChange: j,
-                    onFocus: v,
-                    onBlur: L
+                    onChange: I,
+                    onFocus: N,
+                    onBlur: v
                   }
                 )
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ t(B, { name: "text-message", direction: "ltr", condition: N, children: /* @__PURE__ */ t($, { "data-testid": "text-error-message", text: m, className: e.ErrorMessage }) })
+        /* @__PURE__ */ t(k, { name: "text-message", direction: "ltr", condition: E, children: /* @__PURE__ */ t(C, { "data-testid": "text-error-message", text: m, className: e.ErrorMessage }) })
       ]
     }
   );
 };
 export {
-  le as TextField
+  ae as TextField
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.8.1",
+  "version": "1.8.2",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",