@arthurzakharov/ui-kit 1.3.3 → 1.3.5

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

@@ -1,10 +1,10 @@
-import { jsxs as ee, jsx as z } from "react/jsx-runtime";
-import ze, { useRef as Fe, useState as Se, useCallback as re, useEffect as de } from "react";
+import { jsxs as ee, jsx as F } from "react/jsx-runtime";
+import ze, { useRef as Fe, useState as be, useCallback as te, useEffect as Pe } from "react";
 import { g as qe, a as Be } from "../../input.component-C5xcmnfu.js";
 import { useResizeObserver as Ue } from "usehooks-ts";
 import { RefreshCw as Ne, Check as Ye } from "lucide-react";
-import Pe from "clsx";
-import { Animation as te } from "../../animations/animation.component.js";
+import Se from "clsx";
+import { Animation as re } from "../../animations/animation.component.js";
 import { C as oe } from "../../control.component-B9Ao9mfl.js";
 import { Flex as ie } from "../flex/flex.component.js";
 import { Text as we } from "../text/text.component.js";
@@ -14,27 +14,27 @@ var Ee;
 function Ve() {
   if (Ee) return I;
   Ee = 1;
-  var e = typeof Symbol == "function" && Symbol.for, a = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, n = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, u = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, i = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, c = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, x = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, y = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, S = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, q = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, a = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, n = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, o = 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, l = 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, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, _ = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, P = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, q = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function $(f) {
     if (typeof f == "object" && f !== null) {
       var G = f.$$typeof;
       switch (G) {
         case a:
           switch (f = f.type, f) {
-            case p:
-            case c:
+            case d:
+            case s:
             case t:
-            case o:
+            case i:
             case n:
             case v:
               return f;
             default:
               switch (f = f && f.$$typeof, f) {
-                case i:
+                case c:
                 case l:
                 case b:
-                case x:
-                case u:
+                case g:
+                case o:
                   return f;
                 default:
                   return G;
@@ -46,14 +46,14 @@ function Ve() {
     }
   }
   function D(f) {
-    return $(f) === c;
+    return $(f) === s;
   }
-  return I.AsyncMode = p, I.ConcurrentMode = c, I.ContextConsumer = i, I.ContextProvider = u, I.Element = a, I.ForwardRef = l, I.Fragment = t, I.Lazy = b, I.Memo = x, I.Portal = r, I.Profiler = o, I.StrictMode = n, I.Suspense = v, I.isAsyncMode = function(f) {
-    return D(f) || $(f) === p;
+  return I.AsyncMode = d, I.ConcurrentMode = s, I.ContextConsumer = c, I.ContextProvider = o, I.Element = a, I.ForwardRef = l, I.Fragment = t, I.Lazy = b, I.Memo = g, I.Portal = r, I.Profiler = i, I.StrictMode = n, I.Suspense = v, I.isAsyncMode = function(f) {
+    return D(f) || $(f) === d;
   }, I.isConcurrentMode = D, I.isContextConsumer = function(f) {
-    return $(f) === i;
+    return $(f) === c;
   }, I.isContextProvider = function(f) {
-    return $(f) === u;
+    return $(f) === o;
   }, I.isElement = function(f) {
     return typeof f == "object" && f !== null && f.$$typeof === a;
   }, I.isForwardRef = function(f) {
@@ -63,51 +63,51 @@ function Ve() {
   }, I.isLazy = function(f) {
     return $(f) === b;
   }, I.isMemo = function(f) {
-    return $(f) === x;
+    return $(f) === g;
   }, I.isPortal = function(f) {
     return $(f) === r;
   }, I.isProfiler = function(f) {
-    return $(f) === o;
+    return $(f) === i;
   }, I.isStrictMode = function(f) {
     return $(f) === n;
   }, I.isSuspense = function(f) {
     return $(f) === v;
   }, I.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === t || f === c || f === o || f === n || f === v || f === m || typeof f == "object" && f !== null && (f.$$typeof === b || f.$$typeof === x || f.$$typeof === u || f.$$typeof === i || f.$$typeof === l || f.$$typeof === S || f.$$typeof === _ || f.$$typeof === q || f.$$typeof === y);
+    return typeof f == "string" || typeof f == "function" || f === t || f === s || f === i || f === n || f === v || f === y || typeof f == "object" && f !== null && (f.$$typeof === b || f.$$typeof === g || f.$$typeof === o || f.$$typeof === c || f.$$typeof === l || f.$$typeof === P || f.$$typeof === x || f.$$typeof === q || f.$$typeof === _);
   }, I.typeOf = $, I;
 }
 var j = {};
 var Te;
 function Xe() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, a = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, n = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, u = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, i = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, c = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, x = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, y = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, S = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, q = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function $(h) {
-      return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      h === t || h === c || h === o || h === n || h === v || h === m || typeof h == "object" && h !== null && (h.$$typeof === b || h.$$typeof === x || h.$$typeof === u || h.$$typeof === i || h.$$typeof === l || h.$$typeof === S || h.$$typeof === _ || h.$$typeof === q || h.$$typeof === y);
+    var e = typeof Symbol == "function" && Symbol.for, a = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, n = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, o = 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, l = 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, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, _ = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, P = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, q = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function $(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 === s || p === i || p === n || p === v || p === y || typeof p == "object" && p !== null && (p.$$typeof === b || p.$$typeof === g || p.$$typeof === o || p.$$typeof === c || p.$$typeof === l || p.$$typeof === P || p.$$typeof === x || p.$$typeof === q || p.$$typeof === _);
     }
-    function D(h) {
-      if (typeof h == "object" && h !== null) {
-        var K = h.$$typeof;
+    function D(p) {
+      if (typeof p == "object" && p !== null) {
+        var K = p.$$typeof;
         switch (K) {
           case a:
-            var se = h.type;
+            var se = p.type;
             switch (se) {
-              case p:
-              case c:
+              case d:
+              case s:
               case t:
-              case o:
+              case i:
               case n:
               case v:
                 return se;
               default:
-                var be = se && se.$$typeof;
-                switch (be) {
-                  case i:
+                var xe = se && se.$$typeof;
+                switch (xe) {
+                  case c:
                   case l:
                   case b:
-                  case x:
-                  case u:
-                    return be;
+                  case g:
+                  case o:
+                    return xe;
                   default:
                     return K;
                 }
@@ -117,150 +117,150 @@ function Xe() {
         }
       }
     }
-    var f = p, G = c, N = i, Y = u, k = a, E = l, B = t, F = b, g = x, Q = r, ae = o, V = n, J = v, U = !1;
-    function Z(h) {
-      return U || (U = !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(h) || D(h) === p;
+    var f = d, G = s, N = c, Y = o, k = a, E = l, B = t, z = b, m = g, Q = r, ae = i, V = n, J = v, U = !1;
+    function Z(p) {
+      return U || (U = !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.")), u(p) || D(p) === d;
     }
-    function s(h) {
-      return D(h) === c;
+    function u(p) {
+      return D(p) === s;
     }
-    function d(h) {
-      return D(h) === i;
+    function h(p) {
+      return D(p) === c;
     }
-    function P(h) {
-      return D(h) === u;
+    function S(p) {
+      return D(p) === o;
     }
-    function C(h) {
-      return typeof h == "object" && h !== null && h.$$typeof === a;
+    function C(p) {
+      return typeof p == "object" && p !== null && p.$$typeof === a;
     }
-    function w(h) {
-      return D(h) === l;
+    function w(p) {
+      return D(p) === l;
     }
-    function O(h) {
-      return D(h) === t;
+    function O(p) {
+      return D(p) === t;
     }
-    function T(h) {
-      return D(h) === b;
+    function T(p) {
+      return D(p) === b;
     }
-    function R(h) {
-      return D(h) === x;
+    function R(p) {
+      return D(p) === g;
     }
-    function M(h) {
-      return D(h) === r;
+    function M(p) {
+      return D(p) === r;
     }
-    function W(h) {
-      return D(h) === o;
+    function W(p) {
+      return D(p) === i;
     }
-    function A(h) {
-      return D(h) === n;
+    function A(p) {
+      return D(p) === n;
     }
-    function H(h) {
-      return D(h) === v;
+    function H(p) {
+      return D(p) === v;
     }
-    j.AsyncMode = f, j.ConcurrentMode = G, j.ContextConsumer = N, j.ContextProvider = Y, j.Element = k, j.ForwardRef = E, j.Fragment = B, j.Lazy = F, j.Memo = g, j.Portal = Q, j.Profiler = ae, j.StrictMode = V, j.Suspense = J, j.isAsyncMode = Z, j.isConcurrentMode = s, j.isContextConsumer = d, j.isContextProvider = P, j.isElement = C, j.isForwardRef = w, j.isFragment = O, j.isLazy = T, j.isMemo = R, j.isPortal = M, j.isProfiler = W, j.isStrictMode = A, j.isSuspense = H, j.isValidElementType = $, j.typeOf = D;
+    j.AsyncMode = f, j.ConcurrentMode = G, j.ContextConsumer = N, j.ContextProvider = Y, j.Element = k, j.ForwardRef = E, j.Fragment = B, j.Lazy = z, j.Memo = m, j.Portal = Q, j.Profiler = ae, j.StrictMode = V, j.Suspense = J, j.isAsyncMode = Z, j.isConcurrentMode = u, j.isContextConsumer = h, j.isContextProvider = S, j.isElement = C, j.isForwardRef = w, j.isFragment = O, j.isLazy = T, j.isMemo = R, j.isPortal = M, j.isProfiler = W, j.isStrictMode = A, j.isSuspense = H, j.isValidElementType = $, j.typeOf = D;
   })()), j;
 }
 var Ce;
 function We() {
   return Ce || (Ce = 1, process.env.NODE_ENV === "production" ? ce.exports = Ve() : ce.exports = Xe()), ce.exports;
 }
-var he, Re;
+var de, Re;
 function Je() {
-  if (Re) return he;
+  if (Re) return de;
   Re = 1;
   var e = Object.getOwnPropertySymbols, a = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function t(o) {
-    if (o == null)
+  function t(i) {
+    if (i == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(o);
+    return Object(i);
   }
   function n() {
     try {
       if (!Object.assign)
         return !1;
-      var o = new String("abc");
-      if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
         return !1;
-      for (var u = {}, i = 0; i < 10; i++)
-        u["_" + String.fromCharCode(i)] = i;
-      var p = Object.getOwnPropertyNames(u).map(function(l) {
-        return u[l];
+      for (var o = {}, c = 0; c < 10; c++)
+        o["_" + String.fromCharCode(c)] = c;
+      var d = Object.getOwnPropertyNames(o).map(function(l) {
+        return o[l];
       });
-      if (p.join("") !== "0123456789")
+      if (d.join("") !== "0123456789")
         return !1;
-      var c = {};
+      var s = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(l) {
-        c[l] = l;
-      }), Object.keys(Object.assign({}, c)).join("") === "abcdefghijklmnopqrst";
+        s[l] = l;
+      }), Object.keys(Object.assign({}, s)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return he = n() ? Object.assign : function(o, u) {
-    for (var i, p = t(o), c, l = 1; l < arguments.length; l++) {
-      i = Object(arguments[l]);
-      for (var v in i)
-        a.call(i, v) && (p[v] = i[v]);
+  return de = n() ? Object.assign : function(i, o) {
+    for (var c, d = t(i), s, l = 1; l < arguments.length; l++) {
+      c = Object(arguments[l]);
+      for (var v in c)
+        a.call(c, v) && (d[v] = c[v]);
       if (e) {
-        c = e(i);
-        for (var m = 0; m < c.length; m++)
-          r.call(i, c[m]) && (p[c[m]] = i[c[m]]);
+        s = e(c);
+        for (var y = 0; y < s.length; y++)
+          r.call(c, s[y]) && (d[s[y]] = c[s[y]]);
       }
     }
-    return p;
-  }, he;
+    return d;
+  }, de;
 }
-var pe, Oe;
-function _e() {
-  if (Oe) return pe;
+var he, Oe;
+function ge() {
+  if (Oe) return he;
   Oe = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return pe = e, pe;
+  return he = e, he;
 }
-var ve, Me;
+var pe, Me;
 function Le() {
-  return Me || (Me = 1, ve = Function.call.bind(Object.prototype.hasOwnProperty)), ve;
+  return Me || (Me = 1, pe = Function.call.bind(Object.prototype.hasOwnProperty)), pe;
 }
-var ye, Ae;
+var ve, Ae;
 function Ze() {
-  if (Ae) return ye;
+  if (Ae) return ve;
   Ae = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var a = /* @__PURE__ */ _e(), r = {}, t = /* @__PURE__ */ Le();
-    e = function(o) {
-      var u = "Warning: " + o;
-      typeof console < "u" && console.error(u);
+    var a = /* @__PURE__ */ ge(), r = {}, t = /* @__PURE__ */ Le();
+    e = function(i) {
+      var o = "Warning: " + i;
+      typeof console < "u" && console.error(o);
       try {
-        throw new Error(u);
+        throw new Error(o);
       } catch {
       }
     };
   }
-  function n(o, u, i, p, c) {
+  function n(i, o, c, d, s) {
     if (process.env.NODE_ENV !== "production") {
-      for (var l in o)
-        if (t(o, l)) {
+      for (var l in i)
+        if (t(i, l)) {
           var v;
           try {
-            if (typeof o[l] != "function") {
-              var m = Error(
-                (p || "React class") + ": " + i + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof i[l] != "function") {
+              var y = Error(
+                (d || "React class") + ": " + c + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw m.name = "Invariant Violation", m;
+              throw y.name = "Invariant Violation", y;
             }
-            v = o[l](u, l, p, i, null, a);
+            v = i[l](o, l, d, c, null, a);
           } catch (b) {
             v = b;
           }
           if (v && !(v instanceof Error) && e(
-            (p || "React class") + ": type specification of " + i + " `" + l + "` 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)."
+            (d || "React class") + ": type specification of " + c + " `" + l + "` 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 x = c ? c() : "";
+            var g = s ? s() : "";
             e(
-              "Failed " + i + " type: " + v.message + (x ?? "")
+              "Failed " + c + " type: " + v.message + (g ?? "")
             );
           }
         }
@@ -268,41 +268,41 @@ function Ze() {
   }
   return n.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, ye = n, ye;
+  }, ve = n, ve;
 }
-var me, De;
+var ye, De;
 function Ge() {
-  if (De) return me;
+  if (De) return ye;
   De = 1;
-  var e = We(), a = Je(), r = /* @__PURE__ */ _e(), t = /* @__PURE__ */ Le(), n = /* @__PURE__ */ Ze(), o = function() {
+  var e = We(), a = Je(), r = /* @__PURE__ */ ge(), t = /* @__PURE__ */ Le(), n = /* @__PURE__ */ Ze(), i = function() {
   };
-  process.env.NODE_ENV !== "production" && (o = function(i) {
-    var p = "Warning: " + i;
-    typeof console < "u" && console.error(p);
+  process.env.NODE_ENV !== "production" && (i = function(c) {
+    var d = "Warning: " + c;
+    typeof console < "u" && console.error(d);
     try {
-      throw new Error(p);
+      throw new Error(d);
     } catch {
     }
   });
-  function u() {
+  function o() {
     return null;
   }
-  return me = function(i, p) {
-    var c = typeof Symbol == "function" && Symbol.iterator, l = "@@iterator";
-    function v(s) {
-      var d = s && (c && s[c] || s[l]);
-      if (typeof d == "function")
-        return d;
+  return ye = function(c, d) {
+    var s = typeof Symbol == "function" && Symbol.iterator, l = "@@iterator";
+    function v(u) {
+      var h = u && (s && u[s] || u[l]);
+      if (typeof h == "function")
+        return h;
     }
-    var m = "<<anonymous>>", x = {
-      array: _("array"),
-      bigint: _("bigint"),
-      bool: _("boolean"),
-      func: _("function"),
-      number: _("number"),
-      object: _("object"),
-      string: _("string"),
-      symbol: _("symbol"),
+    var y = "<<anonymous>>", g = {
+      array: x("array"),
+      bigint: x("bigint"),
+      bool: x("boolean"),
+      func: x("function"),
+      number: x("number"),
+      object: x("object"),
+      string: x("string"),
+      symbol: x("symbol"),
       any: q(),
       arrayOf: $,
       element: D(),
@@ -312,180 +312,180 @@ function Ge() {
       objectOf: Y,
       oneOf: N,
       oneOfType: k,
-      shape: F,
-      exact: g
+      shape: z,
+      exact: m
     };
-    function b(s, d) {
-      return s === d ? s !== 0 || 1 / s === 1 / d : s !== s && d !== d;
+    function b(u, h) {
+      return u === h ? u !== 0 || 1 / u === 1 / h : u !== u && h !== h;
     }
-    function y(s, d) {
-      this.message = s, this.data = d && typeof d == "object" ? d : {}, this.stack = "";
+    function _(u, h) {
+      this.message = u, this.data = h && typeof h == "object" ? h : {}, this.stack = "";
     }
-    y.prototype = Error.prototype;
-    function S(s) {
+    _.prototype = Error.prototype;
+    function P(u) {
       if (process.env.NODE_ENV !== "production")
-        var d = {}, P = 0;
+        var h = {}, S = 0;
       function C(O, T, R, M, W, A, H) {
-        if (M = M || m, A = A || R, H !== r) {
-          if (p) {
-            var h = new Error(
+        if (M = M || y, A = A || R, H !== 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 h.name = "Invariant Violation", h;
+            throw p.name = "Invariant Violation", p;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var K = M + ":" + R;
-            !d[K] && // Avoid spamming the console because they are often not actionable except for lib authors
-            P < 3 && (o(
+            !h[K] && // Avoid spamming the console because they are often not actionable except for lib authors
+            S < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + A + "` prop on `" + M + "`. 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."
-            ), d[K] = !0, P++);
+            ), h[K] = !0, S++);
           }
         }
-        return T[R] == null ? O ? T[R] === null ? new y("The " + W + " `" + A + "` is marked as required " + ("in `" + M + "`, but its value is `null`.")) : new y("The " + W + " `" + A + "` is marked as required in " + ("`" + M + "`, but its value is `undefined`.")) : null : s(T, R, M, W, A);
+        return T[R] == null ? O ? T[R] === null ? new _("The " + W + " `" + A + "` is marked as required " + ("in `" + M + "`, but its value is `null`.")) : new _("The " + W + " `" + A + "` is marked as required in " + ("`" + M + "`, but its value is `undefined`.")) : null : u(T, R, M, W, A);
       }
       var w = C.bind(null, !1);
       return w.isRequired = C.bind(null, !0), w;
     }
-    function _(s) {
-      function d(P, C, w, O, T, R) {
-        var M = P[C], W = V(M);
-        if (W !== s) {
+    function x(u) {
+      function h(S, C, w, O, T, R) {
+        var M = S[C], W = V(M);
+        if (W !== u) {
           var A = J(M);
-          return new y(
-            "Invalid " + O + " `" + T + "` of type " + ("`" + A + "` supplied to `" + w + "`, expected ") + ("`" + s + "`."),
-            { expectedType: s }
+          return new _(
+            "Invalid " + O + " `" + T + "` of type " + ("`" + A + "` supplied to `" + w + "`, expected ") + ("`" + u + "`."),
+            { expectedType: u }
           );
         }
         return null;
       }
-      return S(d);
+      return P(h);
     }
     function q() {
-      return S(u);
+      return P(o);
     }
-    function $(s) {
-      function d(P, C, w, O, T) {
-        if (typeof s != "function")
-          return new y("Property `" + T + "` of component `" + w + "` has invalid PropType notation inside arrayOf.");
-        var R = P[C];
+    function $(u) {
+      function h(S, C, w, O, T) {
+        if (typeof u != "function")
+          return new _("Property `" + T + "` of component `" + w + "` has invalid PropType notation inside arrayOf.");
+        var R = S[C];
         if (!Array.isArray(R)) {
           var M = V(R);
-          return new y("Invalid " + O + " `" + T + "` of type " + ("`" + M + "` supplied to `" + w + "`, expected an array."));
+          return new _("Invalid " + O + " `" + T + "` of type " + ("`" + M + "` supplied to `" + w + "`, expected an array."));
         }
         for (var W = 0; W < R.length; W++) {
-          var A = s(R, W, w, O, T + "[" + W + "]", r);
+          var A = u(R, W, w, O, T + "[" + W + "]", r);
           if (A instanceof Error)
             return A;
         }
         return null;
       }
-      return S(d);
+      return P(h);
     }
     function D() {
-      function s(d, P, C, w, O) {
-        var T = d[P];
-        if (!i(T)) {
+      function u(h, S, C, w, O) {
+        var T = h[S];
+        if (!c(T)) {
           var R = V(T);
-          return new y("Invalid " + w + " `" + O + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement."));
+          return new _("Invalid " + w + " `" + O + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return S(s);
+      return P(u);
     }
     function f() {
-      function s(d, P, C, w, O) {
-        var T = d[P];
+      function u(h, S, C, w, O) {
+        var T = h[S];
         if (!e.isValidElementType(T)) {
           var R = V(T);
-          return new y("Invalid " + w + " `" + O + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement type."));
+          return new _("Invalid " + w + " `" + O + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return S(s);
+      return P(u);
     }
-    function G(s) {
-      function d(P, C, w, O, T) {
-        if (!(P[C] instanceof s)) {
-          var R = s.name || m, M = Z(P[C]);
-          return new y("Invalid " + O + " `" + T + "` of type " + ("`" + M + "` supplied to `" + w + "`, expected ") + ("instance of `" + R + "`."));
+    function G(u) {
+      function h(S, C, w, O, T) {
+        if (!(S[C] instanceof u)) {
+          var R = u.name || y, M = Z(S[C]);
+          return new _("Invalid " + O + " `" + T + "` of type " + ("`" + M + "` supplied to `" + w + "`, expected ") + ("instance of `" + R + "`."));
         }
         return null;
       }
-      return S(d);
+      return P(h);
     }
-    function N(s) {
-      if (!Array.isArray(s))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
+    function N(u) {
+      if (!Array.isArray(u))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "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.")), u;
-      function d(P, C, w, O, T) {
-        for (var R = P[C], M = 0; M < s.length; M++)
-          if (b(R, s[M]))
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), o;
+      function h(S, C, w, O, T) {
+        for (var R = S[C], M = 0; M < u.length; M++)
+          if (b(R, u[M]))
             return null;
-        var W = JSON.stringify(s, function(H, h) {
-          var K = J(h);
-          return K === "symbol" ? String(h) : h;
+        var W = JSON.stringify(u, function(H, p) {
+          var K = J(p);
+          return K === "symbol" ? String(p) : p;
         });
-        return new y("Invalid " + O + " `" + T + "` of value `" + String(R) + "` " + ("supplied to `" + w + "`, expected one of " + W + "."));
+        return new _("Invalid " + O + " `" + T + "` of value `" + String(R) + "` " + ("supplied to `" + w + "`, expected one of " + W + "."));
       }
-      return S(d);
+      return P(h);
     }
-    function Y(s) {
-      function d(P, C, w, O, T) {
-        if (typeof s != "function")
-          return new y("Property `" + T + "` of component `" + w + "` has invalid PropType notation inside objectOf.");
-        var R = P[C], M = V(R);
+    function Y(u) {
+      function h(S, C, w, O, T) {
+        if (typeof u != "function")
+          return new _("Property `" + T + "` of component `" + w + "` has invalid PropType notation inside objectOf.");
+        var R = S[C], M = V(R);
         if (M !== "object")
-          return new y("Invalid " + O + " `" + T + "` of type " + ("`" + M + "` supplied to `" + w + "`, expected an object."));
+          return new _("Invalid " + O + " `" + T + "` of type " + ("`" + M + "` supplied to `" + w + "`, expected an object."));
         for (var W in R)
           if (t(R, W)) {
-            var A = s(R, W, w, O, T + "." + W, r);
+            var A = u(R, W, w, O, T + "." + W, r);
             if (A instanceof Error)
               return A;
           }
         return null;
       }
-      return S(d);
+      return P(h);
     }
-    function k(s) {
-      if (!Array.isArray(s))
-        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), u;
-      for (var d = 0; d < s.length; d++) {
-        var P = s[d];
-        if (typeof P != "function")
-          return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + U(P) + " at index " + d + "."
-          ), u;
+    function k(u) {
+      if (!Array.isArray(u))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), o;
+      for (var h = 0; h < u.length; h++) {
+        var S = u[h];
+        if (typeof S != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + U(S) + " at index " + h + "."
+          ), o;
       }
       function C(w, O, T, R, M) {
-        for (var W = [], A = 0; A < s.length; A++) {
-          var H = s[A], h = H(w, O, T, R, M, r);
-          if (h == null)
+        for (var W = [], A = 0; A < u.length; A++) {
+          var H = u[A], p = H(w, O, T, R, M, r);
+          if (p == null)
             return null;
-          h.data && t(h.data, "expectedType") && W.push(h.data.expectedType);
+          p.data && t(p.data, "expectedType") && W.push(p.data.expectedType);
         }
         var K = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
-        return new y("Invalid " + R + " `" + M + "` supplied to " + ("`" + T + "`" + K + "."));
+        return new _("Invalid " + R + " `" + M + "` supplied to " + ("`" + T + "`" + K + "."));
       }
-      return S(C);
+      return P(C);
     }
     function E() {
-      function s(d, P, C, w, O) {
-        return Q(d[P]) ? null : new y("Invalid " + w + " `" + O + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
+      function u(h, S, C, w, O) {
+        return Q(h[S]) ? null : new _("Invalid " + w + " `" + O + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
       }
-      return S(s);
+      return P(u);
     }
-    function B(s, d, P, C, w) {
-      return new y(
-        (s || "React class") + ": " + d + " type `" + P + "." + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + w + "`."
+    function B(u, h, S, C, w) {
+      return new _(
+        (u || "React class") + ": " + h + " type `" + S + "." + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + w + "`."
       );
     }
-    function F(s) {
-      function d(P, C, w, O, T) {
-        var R = P[C], M = V(R);
+    function z(u) {
+      function h(S, C, w, O, T) {
+        var R = S[C], M = V(R);
         if (M !== "object")
-          return new y("Invalid " + O + " `" + T + "` of type `" + M + "` " + ("supplied to `" + w + "`, expected `object`."));
-        for (var W in s) {
-          var A = s[W];
+          return new _("Invalid " + O + " `" + T + "` of type `" + M + "` " + ("supplied to `" + w + "`, expected `object`."));
+        for (var W in u) {
+          var A = u[W];
           if (typeof A != "function")
             return B(w, O, T, W, J(A));
           var H = A(R, W, w, O, T + "." + W, r);
@@ -494,53 +494,53 @@ function Ge() {
         }
         return null;
       }
-      return S(d);
+      return P(h);
     }
-    function g(s) {
-      function d(P, C, w, O, T) {
-        var R = P[C], M = V(R);
+    function m(u) {
+      function h(S, C, w, O, T) {
+        var R = S[C], M = V(R);
         if (M !== "object")
-          return new y("Invalid " + O + " `" + T + "` of type `" + M + "` " + ("supplied to `" + w + "`, expected `object`."));
-        var W = a({}, P[C], s);
+          return new _("Invalid " + O + " `" + T + "` of type `" + M + "` " + ("supplied to `" + w + "`, expected `object`."));
+        var W = a({}, S[C], u);
         for (var A in W) {
-          var H = s[A];
-          if (t(s, A) && typeof H != "function")
+          var H = u[A];
+          if (t(u, A) && typeof H != "function")
             return B(w, O, T, A, J(H));
           if (!H)
-            return new y(
-              "Invalid " + O + " `" + T + "` key `" + A + "` supplied to `" + w + "`.\nBad object: " + JSON.stringify(P[C], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
+            return new _(
+              "Invalid " + O + " `" + T + "` key `" + A + "` supplied to `" + w + "`.\nBad object: " + JSON.stringify(S[C], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(u), null, "  ")
             );
-          var h = H(R, A, w, O, T + "." + A, r);
-          if (h)
-            return h;
+          var p = H(R, A, w, O, T + "." + A, r);
+          if (p)
+            return p;
         }
         return null;
       }
-      return S(d);
+      return P(h);
     }
-    function Q(s) {
-      switch (typeof s) {
+    function Q(u) {
+      switch (typeof u) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !s;
+          return !u;
         case "object":
-          if (Array.isArray(s))
-            return s.every(Q);
-          if (s === null || i(s))
+          if (Array.isArray(u))
+            return u.every(Q);
+          if (u === null || c(u))
             return !0;
-          var d = v(s);
-          if (d) {
-            var P = d.call(s), C;
-            if (d !== s.entries) {
-              for (; !(C = P.next()).done; )
+          var h = v(u);
+          if (h) {
+            var S = h.call(u), C;
+            if (h !== u.entries) {
+              for (; !(C = S.next()).done; )
                 if (!Q(C.value))
                   return !1;
             } else
-              for (; !(C = P.next()).done; ) {
+              for (; !(C = S.next()).done; ) {
                 var w = C.value;
                 if (w && !Q(w[1]))
                   return !1;
@@ -552,68 +552,68 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
           return !1;
       }
     }
-    function ae(s, d) {
-      return s === "symbol" ? !0 : d ? d["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && d instanceof Symbol : !1;
+    function ae(u, h) {
+      return u === "symbol" ? !0 : h ? h["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && h instanceof Symbol : !1;
     }
-    function V(s) {
-      var d = typeof s;
-      return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : ae(d, s) ? "symbol" : d;
+    function V(u) {
+      var h = typeof u;
+      return Array.isArray(u) ? "array" : u instanceof RegExp ? "object" : ae(h, u) ? "symbol" : h;
     }
-    function J(s) {
-      if (typeof s > "u" || s === null)
-        return "" + s;
-      var d = V(s);
-      if (d === "object") {
-        if (s instanceof Date)
+    function J(u) {
+      if (typeof u > "u" || u === null)
+        return "" + u;
+      var h = V(u);
+      if (h === "object") {
+        if (u instanceof Date)
           return "date";
-        if (s instanceof RegExp)
+        if (u instanceof RegExp)
           return "regexp";
       }
-      return d;
+      return h;
     }
-    function U(s) {
-      var d = J(s);
-      switch (d) {
+    function U(u) {
+      var h = J(u);
+      switch (h) {
         case "array":
         case "object":
-          return "an " + d;
+          return "an " + h;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + d;
+          return "a " + h;
         default:
-          return d;
+          return h;
       }
     }
-    function Z(s) {
-      return !s.constructor || !s.constructor.name ? m : s.constructor.name;
+    function Z(u) {
+      return !u.constructor || !u.constructor.name ? y : u.constructor.name;
     }
-    return x.checkPropTypes = n, x.resetWarningCache = n.resetWarningCache, x.PropTypes = x, x;
-  }, me;
+    return g.checkPropTypes = n, g.resetWarningCache = n.resetWarningCache, g.PropTypes = g, g;
+  }, ye;
 }
-var ge, ke;
+var me, ke;
 function Ke() {
-  if (ke) return ge;
+  if (ke) return me;
   ke = 1;
-  var e = /* @__PURE__ */ _e();
+  var e = /* @__PURE__ */ ge();
   function a() {
   }
   function r() {
   }
-  return r.resetWarningCache = a, ge = function() {
-    function t(u, i, p, c, l, v) {
+  return r.resetWarningCache = a, me = function() {
+    function t(o, c, d, s, l, v) {
       if (v !== e) {
-        var m = new Error(
+        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"
         );
-        throw m.name = "Invariant Violation", m;
+        throw y.name = "Invariant Violation", y;
       }
     }
     t.isRequired = t;
     function n() {
       return t;
     }
-    var o = {
+    var i = {
       array: t,
       bigint: t,
       bool: t,
@@ -636,8 +636,8 @@ function Ke() {
       checkPropTypes: r,
       resetWarningCache: a
     };
-    return o.PropTypes = o, o;
-  }, ge;
+    return i.PropTypes = i, i;
+  }, me;
 }
 var Ie;
 function Qe() {
@@ -661,34 +661,34 @@ ne.prototype.distanceTo = function(e) {
 ne.prototype.equals = function(e) {
   return this.x === e.x && this.y === e.y && this.time === e.time;
 };
-function xe(e, a, r, t) {
+function _e(e, a, r, t) {
   this.startPoint = e, this.control1 = a, this.control2 = r, this.endPoint = t;
 }
-xe.prototype.length = function() {
+_e.prototype.length = function() {
   for (var e = 10, a = 0, r = void 0, t = void 0, n = 0; n <= e; n += 1) {
-    var o = n / e, u = this._point(o, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), i = this._point(o, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
+    var i = n / e, o = this._point(i, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), c = this._point(i, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
     if (n > 0) {
-      var p = u - r, c = i - t;
-      a += Math.sqrt(p * p + c * c);
+      var d = o - r, s = c - t;
+      a += Math.sqrt(d * d + s * s);
     }
-    r = u, t = i;
+    r = o, t = c;
   }
   return a;
 };
-xe.prototype._point = function(e, a, r, t, n) {
+_e.prototype._point = function(e, a, r, t, n) {
   return a * (1 - e) * (1 - e) * (1 - e) + 3 * r * (1 - e) * (1 - e) * e + 3 * t * (1 - e) * e * e + n * e * e * e;
 };
 function et(e, a, r) {
-  var t, n, o, u = null, i = 0;
+  var t, n, i, o = null, c = 0;
   r || (r = {});
-  var p = function() {
-    i = r.leading === !1 ? 0 : Date.now(), u = null, o = e.apply(t, n), u || (t = n = null);
+  var d = function() {
+    c = r.leading === !1 ? 0 : Date.now(), o = null, i = e.apply(t, n), o || (t = n = null);
   };
   return function() {
-    var c = Date.now();
-    !i && r.leading === !1 && (i = c);
-    var l = a - (c - i);
-    return t = this, n = arguments, l <= 0 || l > a ? (u && (clearTimeout(u), u = null), i = c, o = e.apply(t, n), u || (t = n = null)) : !u && r.trailing !== !1 && (u = setTimeout(p, l)), o;
+    var s = Date.now();
+    !c && r.leading === !1 && (c = s);
+    var l = a - (s - c);
+    return t = this, n = arguments, l <= 0 || l > a ? (o && (clearTimeout(o), o = null), c = s, i = e.apply(t, n), o || (t = n = null)) : !o && r.trailing !== !1 && (o = setTimeout(d, l)), i;
   };
 }
 function L(e, a) {
@@ -703,16 +703,16 @@ function L(e, a) {
     n.which === 1 && r._mouseButtonDown && (r._mouseButtonDown = !1, r._strokeEnd(n));
   }, this._handleTouchStart = function(n) {
     if (n.targetTouches.length === 1) {
-      var o = n.changedTouches[0];
-      r._strokeBegin(o);
+      var i = n.changedTouches[0];
+      r._strokeBegin(i);
     }
   }, this._handleTouchMove = function(n) {
     n.preventDefault();
-    var o = n.targetTouches[0];
-    r._strokeMoveUpdate(o);
+    var i = n.targetTouches[0];
+    r._strokeMoveUpdate(i);
   }, this._handleTouchEnd = function(n) {
-    var o = n.target === r._canvas;
-    o && (n.preventDefault(), r._strokeEnd(n));
+    var i = n.target === r._canvas;
+    i && (n.preventDefault(), r._strokeEnd(n));
   }, this.on();
 }
 L.prototype.clear = function() {
@@ -720,9 +720,9 @@ L.prototype.clear = function() {
   e.fillStyle = this.backgroundColor, e.clearRect(0, 0, a.width, a.height), e.fillRect(0, 0, a.width, a.height), this._data = [], this._reset(), this._isEmpty = !0;
 };
 L.prototype.fromDataURL = function(e) {
-  var a = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = new Image(), n = r.ratio || window.devicePixelRatio || 1, o = r.width || this._canvas.width / n, u = r.height || this._canvas.height / n;
+  var a = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = new Image(), n = r.ratio || window.devicePixelRatio || 1, i = r.width || this._canvas.width / n, o = r.height || this._canvas.height / n;
   this._reset(), t.src = e, t.onload = function() {
-    a._ctx.drawImage(t, 0, 0, o, u);
+    a._ctx.drawImage(t, 0, 0, i, o);
   }, this._isEmpty = !1;
 };
 L.prototype.toDataURL = function(e) {
@@ -749,10 +749,10 @@ L.prototype._strokeBegin = function(e) {
   this._data.push([]), this._reset(), this._strokeUpdate(e), typeof this.onBegin == "function" && this.onBegin(e);
 };
 L.prototype._strokeUpdate = function(e) {
-  var a = e.clientX, r = e.clientY, t = this._createPoint(a, r), n = this._data[this._data.length - 1], o = n && n[n.length - 1], u = o && t.distanceTo(o) < this.minDistance;
-  if (!(o && u)) {
-    var i = this._addPoint(t), p = i.curve, c = i.widths;
-    p && c && this._drawCurve(p, c.start, c.end), this._data[this._data.length - 1].push({
+  var a = e.clientX, r = e.clientY, t = this._createPoint(a, r), n = this._data[this._data.length - 1], i = n && n[n.length - 1], o = i && t.distanceTo(i) < this.minDistance;
+  if (!(i && o)) {
+    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,
@@ -792,21 +792,21 @@ L.prototype._addPoint = function(e) {
     a.length === 3 && a.unshift(a[0]), r = this._calculateCurveControlPoints(a[0], a[1], a[2]);
     var t = r.c2;
     r = this._calculateCurveControlPoints(a[1], a[2], a[3]);
-    var n = r.c1, o = new xe(a[1], t, n, a[2]), u = this._calculateCurveWidths(o);
-    return a.shift(), { curve: o, widths: u };
+    var n = r.c1, i = new _e(a[1], t, n, a[2]), o = this._calculateCurveWidths(i);
+    return a.shift(), { curve: i, widths: o };
   }
   return {};
 };
 L.prototype._calculateCurveControlPoints = function(e, a, r) {
-  var t = e.x - a.x, n = e.y - a.y, o = a.x - r.x, u = a.y - r.y, i = { x: (e.x + a.x) / 2, y: (e.y + a.y) / 2 }, p = { x: (a.x + r.x) / 2, y: (a.y + r.y) / 2 }, c = Math.sqrt(t * t + n * n), l = Math.sqrt(o * o + u * u), v = i.x - p.x, m = i.y - p.y, x = l / (c + l), b = { x: p.x + v * x, y: p.y + m * x }, y = a.x - b.x, S = a.y - b.y;
+  var t = e.x - a.x, n = e.y - a.y, i = a.x - r.x, o = a.y - r.y, c = { x: (e.x + a.x) / 2, y: (e.y + a.y) / 2 }, d = { x: (a.x + r.x) / 2, y: (a.y + r.y) / 2 }, s = Math.sqrt(t * t + n * n), l = Math.sqrt(i * i + o * o), v = c.x - d.x, y = c.y - d.y, g = l / (s + l), b = { x: d.x + v * g, y: d.y + y * g }, _ = a.x - b.x, P = a.y - b.y;
   return {
-    c1: new ne(i.x + y, i.y + S),
-    c2: new ne(p.x + y, p.y + S)
+    c1: new ne(c.x + _, c.y + P),
+    c2: new ne(d.x + _, d.y + P)
   };
 };
 L.prototype._calculateCurveWidths = function(e) {
-  var a = e.startPoint, r = e.endPoint, t = { start: null, end: null }, n = this.velocityFilterWeight * r.velocityFrom(a) + (1 - this.velocityFilterWeight) * this._lastVelocity, o = this._strokeWidth(n);
-  return t.start = this._lastWidth, t.end = o, this._lastVelocity = n, this._lastWidth = o, t;
+  var a = e.startPoint, r = e.endPoint, t = { start: null, end: null }, n = this.velocityFilterWeight * r.velocityFrom(a) + (1 - this.velocityFilterWeight) * this._lastVelocity, i = this._strokeWidth(n);
+  return t.start = this._lastWidth, t.end = i, this._lastVelocity = n, this._lastWidth = i, t;
 };
 L.prototype._strokeWidth = function(e) {
   return Math.max(this.maxWidth / (e + 1), this.minWidth);
@@ -816,15 +816,15 @@ L.prototype._drawPoint = function(e, a, r) {
   t.moveTo(e, a), t.arc(e, a, r, 0, 2 * Math.PI, !1), this._isEmpty = !1;
 };
 L.prototype._drawCurve = function(e, a, r) {
-  var t = this._ctx, n = r - a, o = Math.floor(e.length());
+  var t = this._ctx, n = r - a, i = Math.floor(e.length());
   t.beginPath();
-  for (var u = 0; u < o; u += 1) {
-    var i = u / o, p = i * i, c = p * i, l = 1 - i, v = l * l, m = v * l, x = m * e.startPoint.x;
-    x += 3 * v * i * e.control1.x, x += 3 * l * p * e.control2.x, x += c * e.endPoint.x;
-    var b = m * e.startPoint.y;
-    b += 3 * v * i * e.control1.y, b += 3 * l * p * e.control2.y, b += c * e.endPoint.y;
-    var y = a + c * n;
-    this._drawPoint(x, b, y);
+  for (var o = 0; o < i; o += 1) {
+    var c = o / i, d = c * c, s = d * c, l = 1 - c, v = l * l, y = v * l, g = y * e.startPoint.x;
+    g += 3 * v * c * e.control1.x, g += 3 * l * d * e.control2.x, g += s * e.endPoint.x;
+    var b = y * e.startPoint.y;
+    b += 3 * v * c * e.control1.y, b += 3 * l * d * e.control2.y, b += s * e.endPoint.y;
+    var _ = a + s * n;
+    this._drawPoint(g, b, _);
   }
   t.closePath(), t.fill();
 };
@@ -836,44 +836,44 @@ L.prototype._fromData = function(e, a, r) {
   for (var t = 0; t < e.length; t += 1) {
     var n = e[t];
     if (n.length > 1)
-      for (var o = 0; o < n.length; o += 1) {
-        var u = n[o], i = new ne(u.x, u.y, u.time), p = u.color;
-        if (o === 0)
-          this.penColor = p, this._reset(), this._addPoint(i);
-        else if (o !== n.length - 1) {
-          var c = this._addPoint(i), l = c.curve, v = c.widths;
-          l && v && a(l, v, p);
+      for (var i = 0; i < n.length; i += 1) {
+        var o = n[i], c = new ne(o.x, o.y, o.time), d = o.color;
+        if (i === 0)
+          this.penColor = d, this._reset(), this._addPoint(c);
+        else if (i !== n.length - 1) {
+          var s = this._addPoint(c), l = s.curve, v = s.widths;
+          l && v && a(l, v, d);
         }
       }
     else {
       this._reset();
-      var m = n[0];
-      r(m);
+      var y = n[0];
+      r(y);
     }
   }
 };
 L.prototype._toSVG = function() {
-  var e = this, a = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), n = 0, o = 0, u = r.width / t, i = r.height / t, p = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  p.setAttributeNS(null, "width", r.width), p.setAttributeNS(null, "height", r.height), this._fromData(a, function(_, q, $) {
+  var e = this, a = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), n = 0, i = 0, o = 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(a, function(x, q, $) {
     var D = 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));
-      D.setAttribute("d", f), D.setAttribute("stroke-width", (q.end * 2.25).toFixed(3)), D.setAttribute("stroke", $), D.setAttribute("fill", "none"), D.setAttribute("stroke-linecap", "round"), p.appendChild(D);
+    if (!isNaN(x.control1.x) && !isNaN(x.control1.y) && !isNaN(x.control2.x) && !isNaN(x.control2.y)) {
+      var f = "M " + x.startPoint.x.toFixed(3) + "," + x.startPoint.y.toFixed(3) + " " + ("C " + x.control1.x.toFixed(3) + "," + x.control1.y.toFixed(3) + " ") + (x.control2.x.toFixed(3) + "," + x.control2.y.toFixed(3) + " ") + (x.endPoint.x.toFixed(3) + "," + x.endPoint.y.toFixed(3));
+      D.setAttribute("d", f), D.setAttribute("stroke-width", (q.end * 2.25).toFixed(3)), D.setAttribute("stroke", $), D.setAttribute("fill", "none"), D.setAttribute("stroke-linecap", "round"), d.appendChild(D);
     }
-  }, function(_) {
+  }, function(x) {
     var q = document.createElement("circle"), $ = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
-    q.setAttribute("r", $), q.setAttribute("cx", _.x), q.setAttribute("cy", _.y), q.setAttribute("fill", _.color), p.appendChild(q);
+    q.setAttribute("r", $), q.setAttribute("cx", x.x), q.setAttribute("cy", x.y), q.setAttribute("fill", x.color), d.appendChild(q);
   });
-  var c = "data:image/svg+xml;base64,", l = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + n + " " + o + " " + u + " " + i + '"') + (' width="' + u + '"') + (' height="' + i + '"') + ">", v = p.innerHTML;
+  var s = "data:image/svg+xml;base64,", l = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + n + " " + i + " " + o + " " + c + '"') + (' width="' + o + '"') + (' height="' + c + '"') + ">", v = d.innerHTML;
   if (v === void 0) {
-    var m = document.createElement("dummy"), x = p.childNodes;
-    m.innerHTML = "";
-    for (var b = 0; b < x.length; b += 1)
-      m.appendChild(x[b].cloneNode(!0));
-    v = m.innerHTML;
+    var y = document.createElement("dummy"), g = d.childNodes;
+    y.innerHTML = "";
+    for (var b = 0; b < g.length; b += 1)
+      y.appendChild(g[b].cloneNode(!0));
+    v = y.innerHTML;
   }
-  var y = "</svg>", S = l + v + y;
-  return c + btoa(S);
+  var _ = "</svg>", P = l + v + _;
+  return s + btoa(P);
 };
 L.prototype.fromData = function(e) {
   var a = this;
@@ -897,30 +897,30 @@ function at() {
       e.exports = t();
     })(nt, function() {
       return (function(r) {
-        function t(o) {
-          if (n[o]) return n[o].exports;
-          var u = n[o] = { exports: {}, id: o, loaded: !1 };
-          return r[o].call(u.exports, u, u.exports, t), u.loaded = !0, u.exports;
+        function t(i) {
+          if (n[i]) return n[i].exports;
+          var o = n[i] = { exports: {}, id: i, loaded: !1 };
+          return r[i].call(o.exports, o, o.exports, t), o.loaded = !0, o.exports;
         }
         var n = {};
         return t.m = r, t.c = n, t.p = "", t(0);
       })([function(r, t) {
-        function n(c) {
-          var l = c.getContext("2d"), v = c.width, m = c.height, x = l.getImageData(0, 0, v, m).data, b = i(!0, v, m, x), y = i(!1, v, m, x), S = p(!0, v, m, x), _ = p(!1, v, m, x), q = _ - S + 1, $ = y - b + 1, D = l.getImageData(S, b, q, $);
-          return c.width = q, c.height = $, l.clearRect(0, 0, q, $), l.putImageData(D, 0, 0), c;
+        function n(s) {
+          var l = s.getContext("2d"), v = s.width, y = s.height, g = l.getImageData(0, 0, v, y).data, b = c(!0, v, y, g), _ = c(!1, v, y, g), P = d(!0, v, y, g), x = d(!1, v, y, g), q = x - P + 1, $ = _ - b + 1, D = l.getImageData(P, b, q, $);
+          return s.width = q, s.height = $, l.clearRect(0, 0, q, $), l.putImageData(D, 0, 0), s;
         }
-        function o(c, l, v, m) {
-          return { red: m[4 * (v * l + c)], green: m[4 * (v * l + c) + 1], blue: m[4 * (v * l + c) + 2], alpha: m[4 * (v * l + c) + 3] };
+        function i(s, l, v, y) {
+          return { red: y[4 * (v * l + s)], green: y[4 * (v * l + s) + 1], blue: y[4 * (v * l + s) + 2], alpha: y[4 * (v * l + s) + 3] };
         }
-        function u(c, l, v, m) {
-          return o(c, l, v, m).alpha;
+        function o(s, l, v, y) {
+          return i(s, l, v, y).alpha;
         }
-        function i(c, l, v, m) {
-          for (var x = c ? 1 : -1, b = c ? 0 : v - 1, y = b; c ? y < v : y > -1; y += x) for (var S = 0; S < l; S++) if (u(S, y, l, m)) return y;
+        function c(s, l, v, y) {
+          for (var g = s ? 1 : -1, b = s ? 0 : v - 1, _ = b; s ? _ < v : _ > -1; _ += g) for (var P = 0; P < l; P++) if (o(P, _, l, y)) return _;
           return null;
         }
-        function p(c, l, v, m) {
-          for (var x = c ? 1 : -1, b = c ? 0 : l - 1, y = b; c ? y < l : y > -1; y += x) for (var S = 0; S < v; S++) if (u(y, S, l, m)) return y;
+        function d(s, l, v, y) {
+          for (var g = s ? 1 : -1, b = s ? 0 : l - 1, _ = b; s ? _ < l : _ > -1; _ += g) for (var P = 0; P < v; P++) if (o(_, P, l, y)) return _;
           return null;
         }
         Object.defineProperty(t, "__esModule", { value: !0 }), t.default = n;
@@ -933,115 +933,115 @@ function it() {
   return $e || ($e = 1, (function(e, a) {
     (function(r, t) {
       e.exports = t(/* @__PURE__ */ Qe(), ze, rt, at());
-    })(ot, function(r, t, n, o) {
-      return (function(u) {
-        function i(c) {
-          if (p[c]) return p[c].exports;
-          var l = p[c] = { exports: {}, id: c, loaded: !1 };
-          return u[c].call(l.exports, l, l.exports, i), l.loaded = !0, l.exports;
+    })(ot, function(r, t, n, i) {
+      return (function(o) {
+        function c(s) {
+          if (d[s]) return d[s].exports;
+          var l = d[s] = { exports: {}, id: s, loaded: !1 };
+          return o[s].call(l.exports, l, l.exports, c), l.loaded = !0, l.exports;
         }
-        var p = {};
-        return i.m = u, i.c = p, i.p = "", i(0);
-      })([function(u, i, p) {
-        function c(k) {
+        var d = {};
+        return c.m = o, c.c = d, c.p = "", c(0);
+      })([function(o, c, d) {
+        function s(k) {
           return k && k.__esModule ? k : { default: k };
         }
         function l(k, E) {
           var B = {};
-          for (var F in k) E.indexOf(F) >= 0 || Object.prototype.hasOwnProperty.call(k, F) && (B[F] = k[F]);
+          for (var z in k) E.indexOf(z) >= 0 || Object.prototype.hasOwnProperty.call(k, z) && (B[z] = k[z]);
           return B;
         }
         function v(k, E) {
           if (!(k instanceof E)) throw new TypeError("Cannot call a class as a function");
         }
-        function m(k, E) {
+        function y(k, E) {
           if (!k) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
           return !E || typeof E != "object" && typeof E != "function" ? k : E;
         }
-        function x(k, E) {
+        function g(k, E) {
           if (typeof E != "function" && E !== null) throw new TypeError("Super expression must either be null or a function, not " + typeof E);
           k.prototype = Object.create(E && E.prototype, { constructor: { value: k, enumerable: !1, writable: !0, configurable: !0 } }), E && (Object.setPrototypeOf ? Object.setPrototypeOf(k, E) : k.__proto__ = E);
         }
-        Object.defineProperty(i, "__esModule", { value: !0 });
+        Object.defineProperty(c, "__esModule", { value: !0 });
         var b = Object.assign || function(k) {
           for (var E = 1; E < arguments.length; E++) {
             var B = arguments[E];
-            for (var F in B) Object.prototype.hasOwnProperty.call(B, F) && (k[F] = B[F]);
+            for (var z in B) Object.prototype.hasOwnProperty.call(B, z) && (k[z] = B[z]);
           }
           return k;
-        }, y = /* @__PURE__ */ (function() {
+        }, _ = /* @__PURE__ */ (function() {
           function k(E, B) {
-            for (var F = 0; F < B.length; F++) {
-              var g = B[F];
-              g.enumerable = g.enumerable || !1, g.configurable = !0, "value" in g && (g.writable = !0), Object.defineProperty(E, g.key, g);
+            for (var z = 0; z < B.length; z++) {
+              var m = B[z];
+              m.enumerable = m.enumerable || !1, m.configurable = !0, "value" in m && (m.writable = !0), Object.defineProperty(E, m.key, m);
             }
           }
-          return function(E, B, F) {
-            return B && k(E.prototype, B), F && k(E, F), E;
+          return function(E, B, z) {
+            return B && k(E.prototype, B), z && k(E, z), E;
           };
-        })(), S = p(1), _ = c(S), q = p(2), $ = c(q), D = p(3), f = c(D), G = p(4), N = c(G), Y = (function(k) {
+        })(), P = d(1), x = s(P), q = d(2), $ = s(q), D = d(3), f = s(D), G = d(4), N = s(G), Y = (function(k) {
           function E() {
-            var B, F, g, Q;
+            var B, z, m, Q;
             v(this, E);
             for (var ae = arguments.length, V = Array(ae), J = 0; J < ae; J++) V[J] = arguments[J];
-            return F = g = m(this, (B = E.__proto__ || Object.getPrototypeOf(E)).call.apply(B, [this].concat(V))), g._sigPad = null, g._excludeOurProps = function() {
-              var U = g.props, Z = (U.canvasProps, U.clearOnResize, l(U, ["canvasProps", "clearOnResize"]));
+            return z = m = y(this, (B = E.__proto__ || Object.getPrototypeOf(E)).call.apply(B, [this].concat(V))), m._sigPad = null, m._excludeOurProps = function() {
+              var U = m.props, Z = (U.canvasProps, U.clearOnResize, l(U, ["canvasProps", "clearOnResize"]));
               return Z;
-            }, g.getCanvas = function() {
-              return g._canvas;
-            }, g.getTrimmedCanvas = function() {
+            }, m.getCanvas = function() {
+              return m._canvas;
+            }, m.getTrimmedCanvas = function() {
               var U = document.createElement("canvas");
-              return U.width = g._canvas.width, U.height = g._canvas.height, U.getContext("2d").drawImage(g._canvas, 0, 0), (0, N.default)(U);
-            }, g.getSignaturePad = function() {
-              return g._sigPad;
-            }, g._checkClearOnResize = function() {
-              g.props.clearOnResize && g._resizeCanvas();
-            }, g._resizeCanvas = function() {
-              var U = g.props.canvasProps || {}, Z = U.width, s = U.height;
-              if (!Z || !s) {
-                var d = g._canvas, P = Math.max(window.devicePixelRatio || 1, 1);
-                Z || (d.width = d.offsetWidth * P), s || (d.height = d.offsetHeight * P), d.getContext("2d").scale(P, P), g.clear();
+              return U.width = m._canvas.width, U.height = m._canvas.height, U.getContext("2d").drawImage(m._canvas, 0, 0), (0, N.default)(U);
+            }, m.getSignaturePad = function() {
+              return m._sigPad;
+            }, m._checkClearOnResize = function() {
+              m.props.clearOnResize && m._resizeCanvas();
+            }, m._resizeCanvas = function() {
+              var U = m.props.canvasProps || {}, Z = U.width, u = U.height;
+              if (!Z || !u) {
+                var h = m._canvas, S = Math.max(window.devicePixelRatio || 1, 1);
+                Z || (h.width = h.offsetWidth * S), u || (h.height = h.offsetHeight * S), h.getContext("2d").scale(S, S), m.clear();
               }
-            }, g.on = function() {
-              return window.addEventListener("resize", g._checkClearOnResize), g._sigPad.on();
-            }, g.off = function() {
-              return window.removeEventListener("resize", g._checkClearOnResize), g._sigPad.off();
-            }, g.clear = function() {
-              return g._sigPad.clear();
-            }, g.isEmpty = function() {
-              return g._sigPad.isEmpty();
-            }, g.fromDataURL = function(U, Z) {
-              return g._sigPad.fromDataURL(U, Z);
-            }, g.toDataURL = function(U, Z) {
-              return g._sigPad.toDataURL(U, Z);
-            }, g.fromData = function(U) {
-              return g._sigPad.fromData(U);
-            }, g.toData = function() {
-              return g._sigPad.toData();
-            }, Q = F, m(g, Q);
+            }, m.on = function() {
+              return window.addEventListener("resize", m._checkClearOnResize), m._sigPad.on();
+            }, m.off = function() {
+              return window.removeEventListener("resize", m._checkClearOnResize), m._sigPad.off();
+            }, m.clear = function() {
+              return m._sigPad.clear();
+            }, m.isEmpty = function() {
+              return m._sigPad.isEmpty();
+            }, m.fromDataURL = function(U, Z) {
+              return m._sigPad.fromDataURL(U, Z);
+            }, m.toDataURL = function(U, Z) {
+              return m._sigPad.toDataURL(U, Z);
+            }, m.fromData = function(U) {
+              return m._sigPad.fromData(U);
+            }, m.toData = function() {
+              return m._sigPad.toData();
+            }, Q = z, y(m, Q);
           }
-          return x(E, k), y(E, [{ key: "componentDidMount", value: function() {
+          return g(E, k), _(E, [{ key: "componentDidMount", value: function() {
             this._sigPad = new f.default(this._canvas, this._excludeOurProps()), this._resizeCanvas(), this.on();
           } }, { key: "componentWillUnmount", value: function() {
             this.off();
           } }, { key: "componentDidUpdate", value: function() {
             Object.assign(this._sigPad, this._excludeOurProps());
           } }, { key: "render", value: function() {
-            var B = this, F = this.props.canvasProps;
-            return $.default.createElement("canvas", b({ ref: function(g) {
-              B._canvas = g;
-            } }, F));
+            var B = this, z = this.props.canvasProps;
+            return $.default.createElement("canvas", b({ ref: function(m) {
+              B._canvas = m;
+            } }, z));
           } }]), E;
         })(q.Component);
-        Y.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 }, Y.defaultProps = { clearOnResize: !0 }, i.default = Y;
-      }, function(u, i) {
-        u.exports = r;
-      }, function(u, i) {
-        u.exports = t;
-      }, function(u, i) {
-        u.exports = n;
-      }, function(u, i) {
-        u.exports = o;
+        Y.propTypes = { velocityFilterWeight: x.default.number, minWidth: x.default.number, maxWidth: x.default.number, minDistance: x.default.number, dotSize: x.default.oneOfType([x.default.number, x.default.func]), penColor: x.default.string, throttle: x.default.number, onEnd: x.default.func, onBegin: x.default.func, canvasProps: x.default.object, clearOnResize: x.default.bool }, Y.defaultProps = { clearOnResize: !0 }, c.default = Y;
+      }, function(o, c) {
+        o.exports = r;
+      }, function(o, c) {
+        o.exports = t;
+      }, function(o, c) {
+        o.exports = n;
+      }, function(o, c) {
+        o.exports = i;
       }]);
     });
   })(le)), le.exports;
@@ -1062,61 +1062,59 @@ const ut = /* @__PURE__ */ Be(st), ct = "_Signature_mhdg5_1", lt = "_SignatureMa
   SignatureAutoPanelNoteIcon: xt,
   SignatureAutoPanelButton: bt
 }, kt = (e) => {
-  const { modes: a, isInAutoMode: r, valueAuto: t, valueManual: n, onUpdateAuto: o, onUpdateManual: u, onChange: i, className: p = "" } = e, c = Fe(null), [l, v] = Se(null), [m, x] = Se("auto-generated"), { width: b = 0, height: y = 0 } = Ue({ ref: c, box: "border-box" }), S = re(() => {
-    l && b && y && n && l.fromDataURL(n, {
-      width: +b.toFixed(),
-      height: +y.toFixed()
+  const { isInAutoMode: a, valueAuto: r, valueManual: t, onUpdateAuto: n, onUpdateManual: i, onChange: o, className: c = "" } = e, d = Fe(null), [s, l] = be(null), [v, y] = be("auto-generated"), { width: g = 0, height: b = 0 } = Ue({ ref: d, box: "border-box" }), _ = a ? "auto-generated" : v === "manual-drawn" ? "manual-drawn" : t ? "manual-stored" : "manual-blank", P = te(() => {
+    s && g && b && t && s.fromDataURL(t, {
+      width: +g.toFixed(),
+      height: +b.toFixed()
     });
-  }, [l, b, y, n]), _ = re(() => {
-    if (l) {
-      const Y = l.getCanvas().toDataURL("image/png");
-      x("manual-drawn"), u(Y), i(Y);
+  }, [s, g, b, t]), x = te(() => {
+    if (s) {
+      const Y = s.getCanvas().toDataURL("image/png");
+      y("manual-drawn"), i(Y), o(Y);
     }
-  }, [l, i, u]), q = re(() => {
-    l && (l.clear(), u(""), i(""));
-  }, [l, i, u]), $ = re(() => {
-    o(!0), x("auto-generated"), t && i(t);
-  }, [o, t, i]), D = re(() => {
-    o(!1), x(n ? "manual-stored" : "manual-blank"), n ? (i(n), setTimeout(S, 0)) : i("");
-  }, [o, n, i, S]), f = re(() => {
-    o(!1), x("manual-blank"), u(""), i("");
-  }, [o, u, i]), G = re(() => {
-    x("manual-stored"), S();
-  }, [S]), N = (Y) => Y.includes(m);
-  return de(() => {
-    !a.includes("auto") && r && o(!1);
-  }, [a, r, o]), de(() => {
-    !r && n && b && y && S();
-  }, [r, n, b, y, S]), de(() => {
-    r && t ? i(t) : !r && !n && i("");
-  }, [r, t, n, i]), /* @__PURE__ */ ee("div", { className: Pe(X.Signature, p), children: [
+  }, [s, o, i]), q = te(() => {
+    s && (s.clear(), i(""), o(""));
+  }, [s, o, i]), $ = te(() => {
+    n(!0), y("auto-generated"), r && o(r);
+  }, [n, r, o]), D = te(() => {
+    n(!1), y(t ? "manual-stored" : "manual-blank"), t ? (o(t), setTimeout(P, 0)) : o("");
+  }, [n, t, o, P]), f = te(() => {
+    n(!1), y("manual-blank"), i(""), o("");
+  }, [n, i, o]), G = te(() => {
+    y("manual-stored"), P();
+  }, [P]), N = (Y) => Y.includes(_);
+  return Pe(() => {
+    !a && t && g && b && P();
+  }, [a, t, g, b, P]), Pe(() => {
+    a && r ? o(r) : !a && !t && o("");
+  }, [a, r, t, o]), /* @__PURE__ */ ee("div", { className: Se(X.Signature, c), children: [
     /* @__PURE__ */ ee(
       "div",
       {
-        className: Pe(
+        className: Se(
           X.SignatureMain,
           N(["auto-generated"]) ? X.SignatureMainAuto : X.SignatureMainManual
         ),
-        ref: c,
+        ref: d,
         children: [
           /* @__PURE__ */ ee(ie, { direction: "row", justify: N(["manual-drawn"]) ? "end" : "center", className: X.SignatureHeader, children: [
             /* @__PURE__ */ ee(we.Tag, { tag: "h6", weight: "medium", size: "regular", color: "primary", align: "center", children: [
-              /* @__PURE__ */ z(te.FadeScale, { name: "generated-signature", condition: N(["auto-generated"]), children: "Wir haben eine digitale Signature Sie generiert." }),
-              /* @__PURE__ */ z(te.FadeScale, { flex: !0, name: "create-signature", condition: N(["manual-blank", "manual-stored"]), children: "Ihre Signatur:" })
+              /* @__PURE__ */ F(re.FadeScale, { name: "generated-signature", condition: N(["auto-generated"]), children: "Wir haben eine digitale Signature Sie generiert." }),
+              /* @__PURE__ */ F(re.FadeScale, { flex: !0, name: "create-signature", condition: N(["manual-blank", "manual-stored"]), children: "Ihre Signatur:" })
             ] }),
-            /* @__PURE__ */ z(te.FadeSlide, { flex: !0, name: "reset", direction: "rtl", condition: N(["manual-drawn"]), children: /* @__PURE__ */ z("div", { className: X.SignatureHeaderReset, children: /* @__PURE__ */ z(oe.ButtonText, { blurAfterClick: !0, underlined: !0, icon: /* @__PURE__ */ z(Ne, {}), onClick: q, children: "Neu starten" }) }) })
+            /* @__PURE__ */ F(re.FadeSlide, { flex: !0, name: "reset", direction: "rtl", condition: N(["manual-drawn"]), children: /* @__PURE__ */ F("div", { className: X.SignatureHeaderReset, children: /* @__PURE__ */ F(oe.ButtonText, { blurAfterClick: !0, underlined: !0, icon: /* @__PURE__ */ F(Ne, {}), onClick: q, children: "Neu starten" }) }) })
           ] }),
-          /* @__PURE__ */ z(ie, { direction: "row", align: "end", justify: "center", children: N(["auto-generated"]) ? /* @__PURE__ */ ee(ie, { direction: "column", align: "center", justify: "start", children: [
-            /* @__PURE__ */ z(te.FadeScale, { flex: !0, name: "signature", condition: t !== "", children: /* @__PURE__ */ z("img", { className: X.SignatureAutoPanelImage, src: t, alt: "signature" }) }),
-            /* @__PURE__ */ z(te.FadeScale, { flex: !0, name: "signature", condition: t === "", children: /* @__PURE__ */ z("div", { className: X.SignatureAutoPanelLoader, children: /* @__PURE__ */ z(He, { size: "sm", color: "primary" }) }) }),
+          /* @__PURE__ */ F(ie, { direction: "row", align: "end", justify: "center", children: N(["auto-generated"]) ? /* @__PURE__ */ ee(ie, { direction: "column", align: "center", justify: "start", children: [
+            /* @__PURE__ */ F(re.FadeScale, { flex: !0, name: "signature", condition: r !== "", children: /* @__PURE__ */ F("img", { className: X.SignatureAutoPanelImage, src: r, alt: "signature" }) }),
+            /* @__PURE__ */ F(re.FadeScale, { flex: !0, name: "signature", condition: r === "", children: /* @__PURE__ */ F("div", { className: X.SignatureAutoPanelLoader, children: /* @__PURE__ */ F(He, { size: "sm", color: "primary" }) }) }),
             /* @__PURE__ */ ee(ie, { direction: "row", align: "center", justify: "center", gap: "xxs", mt: "xs", children: [
-              /* @__PURE__ */ z(Ye, { size: 24, className: X.SignatureAutoPanelNoteIcon }),
-              /* @__PURE__ */ z(we.Tag, { weight: "regular", size: "small", color: "secondary", children: "Diese Unterschrift ist ausreichend" })
+              /* @__PURE__ */ F(Ye, { size: 24, className: X.SignatureAutoPanelNoteIcon }),
+              /* @__PURE__ */ F(we.Tag, { weight: "regular", size: "small", color: "secondary", children: "Diese Unterschrift ist ausreichend" })
             ] }),
-            /* @__PURE__ */ z(te.FadeScale, { flex: !0, name: "signature", condition: a.includes("manual"), children: /* @__PURE__ */ z("div", { className: X.SignatureAutoPanelButton, children: /* @__PURE__ */ z(oe.ButtonText, { blurAfterClick: !0, underlined: !0, onClick: D, children: "per Hand/Maus unterschreiben" }) }) })
+            /* @__PURE__ */ F("div", { className: X.SignatureAutoPanelButton, children: /* @__PURE__ */ F(oe.ButtonText, { blurAfterClick: !0, underlined: !0, onClick: D, children: "per Hand/Maus unterschreiben" }) })
           ] }) : /* @__PURE__ */ ee("div", { className: X.SignatureManualPanel, children: [
-            /* @__PURE__ */ z("div", { className: X.SignatureManualPanelPlaceholder }),
-            N(["manual-stored"]) ? /* @__PURE__ */ z("img", { width: b, height: y, alt: "signature", src: n }) : /* @__PURE__ */ z(
+            /* @__PURE__ */ F("div", { className: X.SignatureManualPanelPlaceholder }),
+            N(["manual-stored"]) ? /* @__PURE__ */ F("img", { width: g, height: b, alt: "signature", src: t }) : /* @__PURE__ */ F(
               ut,
               {
                 penColor: "#262626",
@@ -1124,28 +1122,28 @@ const ut = /* @__PURE__ */ Be(st), ct = "_Signature_mhdg5_1", lt = "_SignatureMa
                 minWidth: 0.25,
                 maxWidth: 2.75,
                 throttle: 12,
-                canvasProps: { width: +(b || 0).toFixed(), height: +(y || 0).toFixed() },
-                ref: (Y) => v(Y),
+                canvasProps: { width: +(g || 0).toFixed(), height: +(b || 0).toFixed() },
+                ref: (Y) => l(Y),
                 clearOnResize: !0,
-                onEnd: _
+                onEnd: x
               }
             ),
-            /* @__PURE__ */ z(
-              te.FadeScale,
+            /* @__PURE__ */ F(
+              re.FadeScale,
               {
                 name: "to-generated",
                 condition: N(["manual-stored"]),
                 className: X.SignatureManualPanelButton,
-                children: /* @__PURE__ */ z(oe.ButtonText, { blurAfterClick: !0, underlined: !0, onClick: f, children: "Zurücksetzen" })
+                children: /* @__PURE__ */ F(oe.ButtonText, { blurAfterClick: !0, underlined: !0, onClick: f, children: "Zurücksetzen" })
               }
             )
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ z(te.FadeScale, { name: "footer", condition: N(["manual-blank", "manual-drawn"]), children: /* @__PURE__ */ ee(ie, { direction: "row", align: "center", justify: "space-between", gap: "md", mt: "md", children: [
-      a.includes("auto") ? /* @__PURE__ */ z(oe.Button, { fullWidth: !0, blurAfterClick: !0, color: "tertiary", onClick: $, children: "Abbrechen" }) : null,
-      /* @__PURE__ */ z(oe.Button, { fullWidth: !0, blurAfterClick: !0, color: "primary", disabled: !n, onClick: G, children: "Speichern" })
+    /* @__PURE__ */ F(re.FadeScale, { name: "footer", condition: N(["manual-blank", "manual-drawn"]), children: /* @__PURE__ */ ee(ie, { direction: "row", align: "center", justify: "space-between", gap: "md", mt: "md", children: [
+      /* @__PURE__ */ F(oe.Button, { fullWidth: !0, blurAfterClick: !0, color: "tertiary", onClick: $, children: "Abbrechen" }),
+      /* @__PURE__ */ F(oe.Button, { fullWidth: !0, blurAfterClick: !0, color: "primary", disabled: !t, onClick: G, children: "Speichern" })
     ] }) })
   ] });
 };