@arthurzakharov/ui-kit 1.8.2 → 1.8.3

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

@@ -3,9 +3,9 @@ import Ne, { useRef as fe, useState as oe, useCallback as re, useEffect as de }
 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";
+import { Button as Ee } from "../../controls/buttons/button/button.component.js";
 import "../../controls/primitives/box/box.component.js";
-import { baseProps as Ee } from "../../utils/functions/functions.util.js";
+import { baseProps as we } from "../../utils/functions/functions.util.js";
 import { ButtonText as ie } from "../../controls/buttons/button-text/button-text.component.js";
 import { Loader as Ue } from "../loader/loader.component.js";
 import '../../assets/signature-CYVRZH6h.css';function He(e) {
@@ -43,8 +43,8 @@ function Ve() {
   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 G = f.$$typeof;
-      switch (G) {
+      var J = f.$$typeof;
+      switch (J) {
         case n:
           switch (f = f.type, f) {
             case d:
@@ -63,11 +63,11 @@ function Ve() {
                 case l:
                   return f;
                 default:
-                  return G;
+                  return J;
               }
           }
         case r:
-          return G;
+          return J;
       }
     }
   }
@@ -143,8 +143,8 @@ function Xe() {
         }
       }
     }
-    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) {
+    var f = d, J = 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 G(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.")), i(p) || j(p) === d;
     }
     function i(p) {
@@ -153,13 +153,13 @@ function Xe() {
     function h(p) {
       return j(p) === c;
     }
-    function w(p) {
+    function E(p) {
       return j(p) === l;
     }
-    function O(p) {
+    function C(p) {
       return typeof p == "object" && p !== null && p.$$typeof === n;
     }
-    function E(p) {
+    function w(p) {
       return j(p) === u;
     }
     function M(p) {
@@ -168,7 +168,7 @@ function Xe() {
     function S(p) {
       return j(p) === x;
     }
-    function C(p) {
+    function O(p) {
       return j(p) === b;
     }
     function D(p) {
@@ -183,17 +183,17 @@ function Xe() {
     function X(p) {
       return j(p) === v;
     }
-    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.AsyncMode = f, L.ConcurrentMode = J, 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 = G, L.isConcurrentMode = i, L.isContextConsumer = h, L.isContextProvider = E, L.isElement = C, L.isForwardRef = w, L.isFragment = M, L.isLazy = S, L.isMemo = O, L.isPortal = D, L.isProfiler = W, L.isStrictMode = k, L.isSuspense = X, L.isValidElementType = R, L.typeOf = j;
   })()), L;
 }
-var Oe;
+var Ce;
 function $e() {
-  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? ue.exports = Ve() : ue.exports = Xe()), ue.exports;
+  return Ce || (Ce = 1, process.env.NODE_ENV === "production" ? ue.exports = Ve() : ue.exports = Xe()), ue.exports;
 }
-var pe, Ce;
-function Je() {
-  if (Ce) return pe;
-  Ce = 1;
+var pe, Oe;
+function Ge() {
+  if (Oe) return pe;
+  Oe = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function t(o) {
     if (o == null)
@@ -248,7 +248,7 @@ function We() {
   return Ae || (Ae = 1, ye = Function.call.bind(Object.prototype.hasOwnProperty)), ye;
 }
 var me, Me;
-function Ge() {
+function Je() {
   if (Me) return me;
   Me = 1;
   var e = function() {
@@ -300,7 +300,7 @@ var _e, De;
 function Ze() {
   if (De) return _e;
   De = 1;
-  var e = $e(), n = Je(), r = /* @__PURE__ */ be(), t = /* @__PURE__ */ We(), a = /* @__PURE__ */ Ge(), o = function() {
+  var e = $e(), n = Ge(), r = /* @__PURE__ */ be(), t = /* @__PURE__ */ We(), a = /* @__PURE__ */ Je(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(c) {
     var d = "Warning: " + c;
@@ -333,7 +333,7 @@ function Ze() {
       arrayOf: R,
       element: j(),
       elementType: f(),
-      instanceOf: G,
+      instanceOf: J,
       node: P(),
       objectOf: K,
       oneOf: Q,
@@ -350,34 +350,34 @@ function Ze() {
     g.prototype = Error.prototype;
     function T(i) {
       if (process.env.NODE_ENV !== "production")
-        var h = {}, w = 0;
-      function O(M, S, C, D, W, k, X) {
-        if (D = D || y, k = k || C, X !== r) {
+        var h = {}, E = 0;
+      function C(M, S, O, D, W, k, X) {
+        if (D = D || y, k = k || O, X !== r) {
           if (d) {
             var p = 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"
             );
             throw p.name = "Invariant Violation", p;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Z = D + ":" + C;
+            var Z = D + ":" + O;
             !h[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
-            w < 3 && (o(
+            E < 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[Z] = !0, w++);
+            ), h[Z] = !0, E++);
           }
         }
-        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);
+        return S[O] == null ? M ? S[O] === 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, O, D, W, k);
       }
-      var E = O.bind(null, !1);
-      return E.isRequired = O.bind(null, !0), E;
+      var w = C.bind(null, !1);
+      return w.isRequired = C.bind(null, !0), w;
     }
     function _(i) {
-      function h(w, O, E, M, S, C) {
-        var D = w[O], W = $(D);
+      function h(E, C, w, M, S, O) {
+        var D = E[C], W = $(D);
         if (W !== i) {
           var k = Y(D);
           return new g(
-            "Invalid " + M + " `" + S + "` of type " + ("`" + k + "` supplied to `" + E + "`, expected ") + ("`" + i + "`."),
+            "Invalid " + M + " `" + S + "` of type " + ("`" + k + "` supplied to `" + w + "`, expected ") + ("`" + i + "`."),
             { expectedType: i }
           );
         }
@@ -389,16 +389,16 @@ function Ze() {
       return T(l);
     }
     function R(i) {
-      function h(w, O, E, M, S) {
+      function h(E, C, w, M, S) {
         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)) {
-          var D = $(C);
-          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an array."));
+          return new g("Property `" + S + "` of component `" + w + "` has invalid PropType notation inside arrayOf.");
+        var O = E[C];
+        if (!Array.isArray(O)) {
+          var D = $(O);
+          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + w + "`, expected an array."));
         }
-        for (var W = 0; W < C.length; W++) {
-          var k = i(C, W, E, M, S + "[" + W + "]", r);
+        for (var W = 0; W < O.length; W++) {
+          var k = i(O, W, w, M, S + "[" + W + "]", r);
           if (k instanceof Error)
             return k;
         }
@@ -407,32 +407,32 @@ function Ze() {
       return T(h);
     }
     function j() {
-      function i(h, w, O, E, M) {
-        var S = h[w];
+      function i(h, E, C, w, M) {
+        var S = h[E];
         if (!c(S)) {
-          var C = $(S);
-          return new g("Invalid " + E + " `" + M + "` of type " + ("`" + C + "` supplied to `" + O + "`, expected a single ReactElement."));
+          var O = $(S);
+          return new g("Invalid " + w + " `" + M + "` of type " + ("`" + O + "` supplied to `" + C + "`, expected a single ReactElement."));
         }
         return null;
       }
       return T(i);
     }
     function f() {
-      function i(h, w, O, E, M) {
-        var S = h[w];
+      function i(h, E, C, w, M) {
+        var S = h[E];
         if (!e.isValidElementType(S)) {
-          var C = $(S);
-          return new g("Invalid " + E + " `" + M + "` of type " + ("`" + C + "` supplied to `" + O + "`, expected a single ReactElement type."));
+          var O = $(S);
+          return new g("Invalid " + w + " `" + M + "` of type " + ("`" + O + "` supplied to `" + C + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return T(i);
     }
-    function G(i) {
-      function h(w, O, E, M, S) {
-        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 + "`."));
+    function J(i) {
+      function h(E, C, w, M, S) {
+        if (!(E[C] instanceof i)) {
+          var O = i.name || y, D = G(E[C]);
+          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + w + "`, expected ") + ("instance of `" + O + "`."));
         }
         return null;
       }
@@ -443,28 +443,28 @@ function Ze() {
         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 < i.length; D++)
-          if (x(C, i[D]))
+      function h(E, C, w, M, S) {
+        for (var O = E[C], D = 0; D < i.length; D++)
+          if (x(O, i[D]))
             return null;
         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 new g("Invalid " + M + " `" + S + "` of value `" + String(O) + "` " + ("supplied to `" + w + "`, expected one of " + W + "."));
       }
       return T(h);
     }
     function K(i) {
-      function h(w, O, E, M, S) {
+      function h(E, C, w, M, S) {
         if (typeof i != "function")
-          return new g("Property `" + S + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
-        var C = w[O], D = $(C);
+          return new g("Property `" + S + "` of component `" + w + "` has invalid PropType notation inside objectOf.");
+        var O = E[C], D = $(O);
         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 = i(C, W, E, M, S + "." + W, r);
+          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + w + "`, expected an object."));
+        for (var W in O)
+          if (t(O, W)) {
+            var k = i(O, W, w, M, S + "." + W, r);
             if (k instanceof Error)
               return k;
           }
@@ -476,45 +476,45 @@ function Ze() {
       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 < i.length; h++) {
-        var w = i[h];
-        if (typeof w != "function")
+        var E = i[h];
+        if (typeof E != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + B(w) + " at index " + h + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + B(E) + " at index " + h + "."
           ), l;
       }
-      function O(E, M, S, C, D) {
+      function C(w, M, S, O, D) {
         for (var W = [], k = 0; k < i.length; k++) {
-          var X = i[k], p = X(E, M, S, C, D, r);
+          var X = i[k], p = X(w, M, S, O, D, r);
           if (p == null)
             return null;
           p.data && t(p.data, "expectedType") && W.push(p.data.expectedType);
         }
         var Z = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
-        return new g("Invalid " + C + " `" + D + "` supplied to " + ("`" + S + "`" + Z + "."));
+        return new g("Invalid " + O + " `" + D + "` supplied to " + ("`" + S + "`" + Z + "."));
       }
-      return T(O);
+      return T(C);
     }
     function P() {
-      function i(h, w, O, E, M) {
-        return H(h[w]) ? null : new g("Invalid " + E + " `" + M + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+      function i(h, E, C, w, M) {
+        return H(h[E]) ? null : new g("Invalid " + w + " `" + M + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
       }
       return T(i);
     }
-    function q(i, h, w, O, E) {
+    function q(i, h, E, C, w) {
       return new g(
-        (i || "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 `" + E + "." + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + w + "`."
       );
     }
     function F(i) {
-      function h(w, O, E, M, S) {
-        var C = w[O], D = $(C);
+      function h(E, C, w, M, S) {
+        var O = E[C], D = $(O);
         if (D !== "object")
-          return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
+          return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + w + "`, expected `object`."));
         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);
+            return q(w, M, S, W, Y(k));
+          var X = k(O, W, w, M, S + "." + W, r);
           if (X)
             return X;
         }
@@ -523,21 +523,21 @@ function Ze() {
       return T(h);
     }
     function m(i) {
-      function h(w, O, E, M, S) {
-        var C = w[O], D = $(C);
+      function h(E, C, w, M, S) {
+        var O = E[C], D = $(O);
         if (D !== "object")
-          return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
-        var W = n({}, w[O], i);
+          return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + w + "`, expected `object`."));
+        var W = n({}, E[C], i);
         for (var k in W) {
           var X = i[k];
           if (t(i, k) && typeof X != "function")
-            return q(E, M, S, k, Y(X));
+            return q(w, 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, "  ") + `
+              "Invalid " + M + " `" + S + "` key `" + k + "` supplied to `" + w + "`.\nBad object: " + JSON.stringify(E[C], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
             );
-          var p = X(C, k, E, M, S + "." + k, r);
+          var p = X(O, k, w, M, S + "." + k, r);
           if (p)
             return p;
         }
@@ -560,15 +560,15 @@ Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
             return !0;
           var h = v(i);
           if (h) {
-            var w = h.call(i), O;
+            var E = h.call(i), C;
             if (h !== i.entries) {
-              for (; !(O = w.next()).done; )
-                if (!H(O.value))
+              for (; !(C = E.next()).done; )
+                if (!H(C.value))
                   return !1;
             } else
-              for (; !(O = w.next()).done; ) {
-                var E = O.value;
-                if (E && !H(E[1]))
+              for (; !(C = E.next()).done; ) {
+                var w = C.value;
+                if (w && !H(w[1]))
                   return !1;
               }
           } else
@@ -611,7 +611,7 @@ Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
           return h;
       }
     }
-    function J(i) {
+    function G(i) {
       return !i.constructor || !i.constructor.name ? y : i.constructor.name;
     }
     return b.checkPropTypes = a, b.resetWarningCache = a.resetWarningCache, b.PropTypes = b, b;
@@ -1005,14 +1005,14 @@ function it() {
           return function(P, q, F) {
             return q && A(P.prototype, q), F && A(P, F), P;
           };
-        })(), 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) {
+        })(), T = d(1), _ = s(T), N = d(2), R = s(N), j = d(3), f = s(j), J = d(4), Q = s(J), K = (function(A) {
           function P() {
             var q, F, m, H;
             v(this, P);
             for (var ee = arguments.length, $ = Array(ee), Y = 0; Y < ee; Y++) $[Y] = arguments[Y];
             return F = m = y(this, (q = P.__proto__ || Object.getPrototypeOf(P)).call.apply(q, [this].concat($))), m._sigPad = null, m._excludeOurProps = function() {
-              var B = m.props, J = (B.canvasProps, B.clearOnResize, u(B, ["canvasProps", "clearOnResize"]));
-              return J;
+              var B = m.props, G = (B.canvasProps, B.clearOnResize, u(B, ["canvasProps", "clearOnResize"]));
+              return G;
             }, m.getCanvas = function() {
               return m._canvas;
             }, m.getTrimmedCanvas = function() {
@@ -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, i = B.height;
-              if (!J || !i) {
-                var h = m._canvas, w = Math.max(window.devicePixelRatio || 1, 1);
-                J || (h.width = h.offsetWidth * w), i || (h.height = h.offsetHeight * w), h.getContext("2d").scale(w, w), m.clear();
+              var B = m.props.canvasProps || {}, G = B.width, i = B.height;
+              if (!G || !i) {
+                var h = m._canvas, E = Math.max(window.devicePixelRatio || 1, 1);
+                G || (h.width = h.offsetWidth * E), i || (h.height = h.offsetHeight * E), h.getContext("2d").scale(E, E), m.clear();
               }
             }, m.on = function() {
               return window.addEventListener("resize", m._checkClearOnResize), m._sigPad.on();
@@ -1036,10 +1036,10 @@ function it() {
               return m._sigPad.clear();
             }, m.isEmpty = function() {
               return m._sigPad.isEmpty();
-            }, m.fromDataURL = function(B, J) {
-              return m._sigPad.fromDataURL(B, J);
-            }, m.toDataURL = function(B, J) {
-              return m._sigPad.toDataURL(B, J);
+            }, m.fromDataURL = function(B, G) {
+              return m._sigPad.fromDataURL(B, G);
+            }, m.toDataURL = function(B, G) {
+              return m._sigPad.toDataURL(B, G);
             }, m.fromData = function(B) {
               return m._sigPad.fromData(B);
             }, m.toData = function() {
@@ -1073,7 +1073,7 @@ function it() {
   })(ce)), ce.exports;
 }
 var st = it();
-const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_7", ft = "_MainAuto_1sp4s_17", dt = "_MainManual_1sp4s_21", ht = "_Footer_1sp4s_27", pt = "_Header_1sp4s_37", vt = "_HeaderTitle_1sp4s_47", yt = "_HeaderManualDraw_1sp4s_52", mt = "_HeaderNotManualDraw_1sp4s_56", _t = "_HeaderReset_1sp4s_60", gt = "_ManualPanel_1sp4s_71", bt = "_ManualPanelButton_1sp4s_82", xt = "_AutoPanel_1sp4s_97", Pt = "_AutoPanelImage_1sp4s_104", wt = "_AutoPanelLoader_1sp4s_110", Et = "_AutoPanelButton_1sp4s_117", Tt = "_AutoPanelLabel_1sp4s_121", St = "_AutoPanelLabelIcon_1sp4s_129", Ot = "_AutoPanelLabelText_1sp4s_135", Ct = "_AutoPanelError_1sp4s_142", Rt = "_AutoPanelErrorTitle_1sp4s_151", U = {
+const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_7", ft = "_MainAuto_1sp4s_17", dt = "_MainManual_1sp4s_21", ht = "_Footer_1sp4s_27", pt = "_Header_1sp4s_37", vt = "_HeaderTitle_1sp4s_47", yt = "_HeaderManualDraw_1sp4s_52", mt = "_HeaderNotManualDraw_1sp4s_56", _t = "_HeaderReset_1sp4s_60", gt = "_ManualPanel_1sp4s_71", bt = "_ManualPanelButton_1sp4s_82", xt = "_AutoPanel_1sp4s_97", Pt = "_AutoPanelImage_1sp4s_104", Et = "_AutoPanelLoader_1sp4s_110", wt = "_AutoPanelButton_1sp4s_117", Tt = "_AutoPanelLabel_1sp4s_121", St = "_AutoPanelLabelIcon_1sp4s_129", Ct = "_AutoPanelLabelText_1sp4s_135", Ot = "_AutoPanelError_1sp4s_142", Rt = "_AutoPanelErrorTitle_1sp4s_151", U = {
   Signature: ct,
   Main: lt,
   MainAuto: ft,
@@ -1088,12 +1088,12 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   ManualPanelButton: bt,
   AutoPanel: xt,
   AutoPanelImage: Pt,
-  AutoPanelLoader: wt,
-  AutoPanelButton: Et,
+  AutoPanelLoader: Et,
+  AutoPanelButton: wt,
   AutoPanelLabel: Tt,
   AutoPanelLabelIcon: St,
-  AutoPanelLabelText: Ot,
-  AutoPanelError: Ct,
+  AutoPanelLabelText: Ct,
+  AutoPanelError: Ot,
   AutoPanelErrorTitle: Rt
 }, zt = ({
   // Signature props
@@ -1106,7 +1106,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   // Base props
   ...l
 }) => {
-  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(
+  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, J = r || x, Q = re(
     ($) => {
       !u || !N || !R || !$ || u.fromDataURL($, {
         width: +N.toFixed(),
@@ -1132,7 +1132,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   de(() => {
     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(($) => {
+    console.log("NAME CHANGED prev", d.current), console.log("NAME CHANGED 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(() => {
@@ -1161,8 +1161,8 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   return /* @__PURE__ */ te(
     "div",
     {
-      "data-testid": Ee(l, "data-testid", "signature"),
-      className: he(U.Signature, Ee(l, "className")),
+      "data-testid": we(l, "data-testid", "signature"),
+      className: he(U.Signature, we(l, "className")),
       children: [
         /* @__PURE__ */ te(
           "div",
@@ -1219,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: N, height: R, alt: "signature", src: G }) : /* @__PURE__ */ V(
+                H(["manual-stored"]) ? /* @__PURE__ */ V("img", { width: N, height: R, alt: "signature", src: J }) : /* @__PURE__ */ V(
                   ut,
                   {
                     penColor: "#262626",
@@ -1248,9 +1248,9 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
           }
         ),
         H(["manual-blank", "manual-drawn"]) && /* @__PURE__ */ te("div", { className: U.Footer, children: [
-          /* @__PURE__ */ V(we, { fullWidth: !0, blurAfterClick: !0, text: "Abbrechen", color: "tertiary", onClick: P }),
+          /* @__PURE__ */ V(Ee, { fullWidth: !0, blurAfterClick: !0, text: "Abbrechen", color: "tertiary", onClick: P }),
           /* @__PURE__ */ V(
-            we,
+            Ee,
             {
               fullWidth: !0,
               blurAfterClick: !0,

package/package.json

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