@arthurzakharov/ui-kit 1.9.0 → 1.9.1

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

@@ -1,12 +1,12 @@
-import { jsxs as Q, jsx as U } from "react/jsx-runtime";
-import We, { useRef as ze, useState as oe, useCallback as ee, useEffect as xe } from "react";
+import { jsxs as te, jsx as Y } from "react/jsx-runtime";
+import We, { useRef as ze, useState as oe, useCallback as re, useEffect as xe } from "react";
 import { useResizeObserver as Ne } from "usehooks-ts";
 import { RefreshCw as Fe, RotateCcw as qe, Check as Be } from "lucide-react";
 import fe from "clsx";
 import { Button as Pe } from "../../controls/buttons/button/button.component.js";
 import "../../controls/primitives/box/box.component.js";
 import "../../utils/content/content.component.js";
-import { baseProps as we } from "../../utils/functions/functions.util.js";
+import { baseProps as Ee } 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) {
@@ -37,29 +37,29 @@ function Ye(e) {
   }), r;
 }
 var ce = { exports: {} }, se = { exports: {} }, ue = { exports: {} }, I = {};
-var Ee;
+var we;
 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, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, o = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, v = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, P = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, _ = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, x = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, F = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function $(f) {
+  if (we) return I;
+  we = 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, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = 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, _ = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function R(f) {
     if (typeof f == "object" && f !== null) {
       var Z = f.$$typeof;
       switch (Z) {
         case a:
           switch (f = f.type, f) {
-            case v:
-            case u:
+            case d:
+            case s:
             case t:
-            case i:
+            case o:
             case n:
-            case d:
+            case v:
               return f;
             default:
               switch (f = f && f.$$typeof, f) {
-                case o:
                 case l:
-                case P:
+                case u:
+                case x:
                 case b:
                 case c:
                   return f;
@@ -72,66 +72,66 @@ function Ve() {
       }
     }
   }
-  function R(f) {
-    return $(f) === u;
+  function j(f) {
+    return R(f) === s;
   }
-  return I.AsyncMode = v, I.ConcurrentMode = u, I.ContextConsumer = o, I.ContextProvider = c, I.Element = a, I.ForwardRef = l, I.Fragment = t, I.Lazy = P, I.Memo = b, I.Portal = r, I.Profiler = i, I.StrictMode = n, I.Suspense = d, I.isAsyncMode = function(f) {
-    return R(f) || $(f) === v;
-  }, I.isConcurrentMode = R, I.isContextConsumer = function(f) {
-    return $(f) === o;
+  return I.AsyncMode = d, I.ConcurrentMode = s, I.ContextConsumer = l, I.ContextProvider = c, I.Element = a, I.ForwardRef = u, I.Fragment = t, I.Lazy = x, I.Memo = b, I.Portal = r, I.Profiler = o, I.StrictMode = n, I.Suspense = v, I.isAsyncMode = function(f) {
+    return j(f) || R(f) === d;
+  }, I.isConcurrentMode = j, I.isContextConsumer = function(f) {
+    return R(f) === l;
   }, I.isContextProvider = function(f) {
-    return $(f) === c;
+    return R(f) === c;
   }, I.isElement = function(f) {
     return typeof f == "object" && f !== null && f.$$typeof === a;
   }, I.isForwardRef = function(f) {
-    return $(f) === l;
+    return R(f) === u;
   }, I.isFragment = function(f) {
-    return $(f) === t;
+    return R(f) === t;
   }, I.isLazy = function(f) {
-    return $(f) === P;
+    return R(f) === x;
   }, I.isMemo = function(f) {
-    return $(f) === b;
+    return R(f) === b;
   }, I.isPortal = function(f) {
-    return $(f) === r;
+    return R(f) === r;
   }, I.isProfiler = function(f) {
-    return $(f) === i;
+    return R(f) === o;
   }, I.isStrictMode = function(f) {
-    return $(f) === n;
+    return R(f) === n;
   }, I.isSuspense = function(f) {
-    return $(f) === d;
+    return R(f) === v;
   }, I.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === t || f === u || f === i || f === n || f === d || f === m || typeof f == "object" && f !== null && (f.$$typeof === P || f.$$typeof === b || f.$$typeof === c || f.$$typeof === o || f.$$typeof === l || f.$$typeof === x || f.$$typeof === g || f.$$typeof === F || f.$$typeof === _);
-  }, I.typeOf = $, I;
+    return typeof f == "string" || typeof f == "function" || f === t || f === s || f === o || f === n || f === v || f === y || typeof f == "object" && f !== null && (f.$$typeof === x || f.$$typeof === b || f.$$typeof === c || f.$$typeof === l || f.$$typeof === u || f.$$typeof === T || f.$$typeof === g || f.$$typeof === W || f.$$typeof === _);
+  }, I.typeOf = R, I;
 }
 var L = {};
 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, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, o = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, v = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, P = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, _ = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, x = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, F = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function $(p) {
+    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, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = 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, _ = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function R(p) {
       return typeof p == "string" || typeof p == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      p === t || p === u || p === i || p === n || p === d || p === m || typeof p == "object" && p !== null && (p.$$typeof === P || p.$$typeof === b || p.$$typeof === c || p.$$typeof === o || p.$$typeof === l || p.$$typeof === x || p.$$typeof === g || p.$$typeof === F || p.$$typeof === _);
+      p === t || p === s || p === o || p === n || p === v || p === y || typeof p == "object" && p !== null && (p.$$typeof === x || p.$$typeof === b || p.$$typeof === c || p.$$typeof === l || p.$$typeof === u || p.$$typeof === T || p.$$typeof === g || p.$$typeof === W || p.$$typeof === _);
     }
-    function R(p) {
+    function j(p) {
       if (typeof p == "object" && p !== null) {
         var G = p.$$typeof;
         switch (G) {
           case a:
             var ae = p.type;
             switch (ae) {
-              case v:
-              case u:
+              case d:
+              case s:
               case t:
-              case i:
+              case o:
               case n:
-              case d:
+              case v:
                 return ae;
               default:
                 var be = ae && ae.$$typeof;
                 switch (be) {
-                  case o:
                   case l:
-                  case P:
+                  case u:
+                  case x:
                   case b:
                   case c:
                     return be;
@@ -144,47 +144,47 @@ function Xe() {
         }
       }
     }
-    var f = v, Z = u, te = o, K = c, A = a, w = l, M = t, N = P, y = b, Y = r, ne = i, V = n, X = d, q = !1;
+    var f = d, Z = s, Q = l, K = c, A = a, P = u, q = t, F = x, m = b, H = r, ee = o, z = n, V = v, B = !1;
     function J(p) {
-      return q || (q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), s(p) || R(p) === v;
+      return B || (B = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), i(p) || j(p) === d;
     }
-    function s(p) {
-      return R(p) === u;
+    function i(p) {
+      return j(p) === s;
     }
     function h(p) {
-      return R(p) === o;
+      return j(p) === l;
     }
     function E(p) {
-      return R(p) === c;
+      return j(p) === c;
     }
     function C(p) {
       return typeof p == "object" && p !== null && p.$$typeof === a;
     }
-    function T(p) {
-      return R(p) === l;
+    function w(p) {
+      return j(p) === u;
     }
-    function D(p) {
-      return R(p) === t;
+    function M(p) {
+      return j(p) === t;
     }
     function S(p) {
-      return R(p) === P;
+      return j(p) === x;
     }
     function O(p) {
-      return R(p) === b;
+      return j(p) === b;
     }
-    function k(p) {
-      return R(p) === r;
+    function D(p) {
+      return j(p) === r;
     }
-    function W(p) {
-      return R(p) === i;
+    function $(p) {
+      return j(p) === o;
     }
-    function j(p) {
-      return R(p) === n;
+    function k(p) {
+      return j(p) === n;
     }
-    function H(p) {
-      return R(p) === d;
+    function X(p) {
+      return j(p) === v;
     }
-    L.AsyncMode = f, L.ConcurrentMode = Z, L.ContextConsumer = te, L.ContextProvider = K, L.Element = A, L.ForwardRef = w, L.Fragment = M, L.Lazy = N, L.Memo = y, L.Portal = Y, L.Profiler = ne, L.StrictMode = V, L.Suspense = X, L.isAsyncMode = J, L.isConcurrentMode = s, L.isContextConsumer = h, L.isContextProvider = E, L.isElement = C, L.isForwardRef = T, L.isFragment = D, L.isLazy = S, L.isMemo = O, L.isPortal = k, L.isProfiler = W, L.isStrictMode = j, L.isSuspense = H, L.isValidElementType = $, L.typeOf = R;
+    L.AsyncMode = f, L.ConcurrentMode = Z, L.ContextConsumer = Q, L.ContextProvider = K, L.Element = A, L.ForwardRef = P, L.Fragment = q, L.Lazy = F, L.Memo = m, L.Portal = H, L.Profiler = ee, L.StrictMode = z, L.Suspense = V, L.isAsyncMode = J, 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 = $, L.isStrictMode = k, L.isSuspense = X, L.isValidElementType = R, L.typeOf = j;
   })()), L;
 }
 var Se;
@@ -196,45 +196,45 @@ function Je() {
   if (Ce) return de;
   Ce = 1;
   var e = Object.getOwnPropertySymbols, a = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function t(i) {
-    if (i == null)
+  function t(o) {
+    if (o == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(i);
+    return Object(o);
   }
   function n() {
     try {
       if (!Object.assign)
         return !1;
-      var i = new String("abc");
-      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+      var o = new String("abc");
+      if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
         return !1;
-      for (var c = {}, o = 0; o < 10; o++)
-        c["_" + String.fromCharCode(o)] = o;
-      var v = Object.getOwnPropertyNames(c).map(function(l) {
-        return c[l];
+      for (var c = {}, l = 0; l < 10; l++)
+        c["_" + String.fromCharCode(l)] = l;
+      var d = Object.getOwnPropertyNames(c).map(function(u) {
+        return c[u];
       });
-      if (v.join("") !== "0123456789")
+      if (d.join("") !== "0123456789")
         return !1;
-      var u = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(l) {
-        u[l] = l;
-      }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
+      var s = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(u) {
+        s[u] = u;
+      }), Object.keys(Object.assign({}, s)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return de = n() ? Object.assign : function(i, c) {
-    for (var o, v = t(i), u, l = 1; l < arguments.length; l++) {
-      o = Object(arguments[l]);
-      for (var d in o)
-        a.call(o, d) && (v[d] = o[d]);
+  return de = n() ? Object.assign : function(o, c) {
+    for (var l, d = t(o), s, u = 1; u < arguments.length; u++) {
+      l = Object(arguments[u]);
+      for (var v in l)
+        a.call(l, v) && (d[v] = l[v]);
       if (e) {
-        u = e(o);
-        for (var m = 0; m < u.length; m++)
-          r.call(o, u[m]) && (v[u[m]] = o[u[m]]);
+        s = e(l);
+        for (var y = 0; y < s.length; y++)
+          r.call(l, s[y]) && (d[s[y]] = l[s[y]]);
       }
     }
-    return v;
+    return d;
   }, de;
 }
 var he, Oe;
@@ -256,8 +256,8 @@ function Ze() {
   };
   if (process.env.NODE_ENV !== "production") {
     var a = /* @__PURE__ */ _e(), r = {}, t = /* @__PURE__ */ $e();
-    e = function(i) {
-      var c = "Warning: " + i;
+    e = function(o) {
+      var c = "Warning: " + o;
       typeof console < "u" && console.error(c);
       try {
         throw new Error(c);
@@ -265,29 +265,29 @@ function Ze() {
       }
     };
   }
-  function n(i, c, o, v, u) {
+  function n(o, c, l, d, s) {
     if (process.env.NODE_ENV !== "production") {
-      for (var l in i)
-        if (t(i, l)) {
-          var d;
+      for (var u in o)
+        if (t(o, u)) {
+          var v;
           try {
-            if (typeof i[l] != "function") {
-              var m = Error(
-                (v || "React class") + ": " + o + " 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`."
+            if (typeof o[u] != "function") {
+              var y = Error(
+                (d || "React class") + ": " + l + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[u] + "`.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;
             }
-            d = i[l](c, l, v, o, null, a);
-          } catch (P) {
-            d = P;
+            v = o[u](c, u, d, l, null, a);
+          } catch (x) {
+            v = x;
           }
-          if (d && !(d instanceof Error) && e(
-            (v || "React class") + ": type specification of " + o + " `" + l + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". 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 instanceof Error && !(d.message in r)) {
-            r[d.message] = !0;
-            var b = u ? u() : "";
+          if (v && !(v instanceof Error) && e(
+            (d || "React class") + ": type specification of " + l + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof v + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), v instanceof Error && !(v.message in r)) {
+            r[v.message] = !0;
+            var b = s ? s() : "";
             e(
-              "Failed " + o + " type: " + d.message + (b ?? "")
+              "Failed " + l + " type: " + v.message + (b ?? "")
             );
           }
         }
@@ -301,27 +301,27 @@ var ye, Me;
 function Ge() {
   if (Me) return ye;
   Me = 1;
-  var e = Le(), a = Je(), r = /* @__PURE__ */ _e(), t = /* @__PURE__ */ $e(), n = /* @__PURE__ */ Ze(), i = function() {
+  var e = Le(), a = Je(), r = /* @__PURE__ */ _e(), t = /* @__PURE__ */ $e(), n = /* @__PURE__ */ Ze(), o = function() {
   };
-  process.env.NODE_ENV !== "production" && (i = function(o) {
-    var v = "Warning: " + o;
-    typeof console < "u" && console.error(v);
+  process.env.NODE_ENV !== "production" && (o = function(l) {
+    var d = "Warning: " + l;
+    typeof console < "u" && console.error(d);
     try {
-      throw new Error(v);
+      throw new Error(d);
     } catch {
     }
   });
   function c() {
     return null;
   }
-  return ye = function(o, v) {
-    var u = typeof Symbol == "function" && Symbol.iterator, l = "@@iterator";
-    function d(s) {
-      var h = s && (u && s[u] || s[l]);
+  return ye = function(l, d) {
+    var s = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
+    function v(i) {
+      var h = i && (s && i[s] || i[u]);
       if (typeof h == "function")
         return h;
     }
-    var m = "<<anonymous>>", b = {
+    var y = "<<anonymous>>", b = {
       array: g("array"),
       bigint: g("bigint"),
       bool: g("boolean"),
@@ -330,246 +330,246 @@ function Ge() {
       object: g("object"),
       string: g("string"),
       symbol: g("symbol"),
-      any: F(),
-      arrayOf: $,
-      element: R(),
+      any: W(),
+      arrayOf: R,
+      element: j(),
       elementType: f(),
       instanceOf: Z,
-      node: w(),
+      node: P(),
       objectOf: K,
-      oneOf: te,
+      oneOf: Q,
       oneOfType: A,
-      shape: N,
-      exact: y
+      shape: F,
+      exact: m
     };
-    function P(s, h) {
-      return s === h ? s !== 0 || 1 / s === 1 / h : s !== s && h !== h;
+    function x(i, h) {
+      return i === h ? i !== 0 || 1 / i === 1 / h : i !== i && h !== h;
     }
-    function _(s, h) {
-      this.message = s, this.data = h && typeof h == "object" ? h : {}, this.stack = "";
+    function _(i, h) {
+      this.message = i, this.data = h && typeof h == "object" ? h : {}, this.stack = "";
     }
     _.prototype = Error.prototype;
-    function x(s) {
+    function T(i) {
       if (process.env.NODE_ENV !== "production")
         var h = {}, E = 0;
-      function C(D, S, O, k, W, j, H) {
-        if (k = k || m, j = j || O, H !== r) {
-          if (v) {
+      function C(M, S, O, D, $, 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 G = k + ":" + O;
+            var G = D + ":" + O;
             !h[G] && // Avoid spamming the console because they are often not actionable except for lib authors
-            E < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + j + "` prop on `" + k + "`. 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."
+            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[G] = !0, E++);
           }
         }
-        return S[O] == null ? D ? S[O] === null ? new _("The " + W + " `" + j + "` is marked as required " + ("in `" + k + "`, but its value is `null`.")) : new _("The " + W + " `" + j + "` is marked as required in " + ("`" + k + "`, but its value is `undefined`.")) : null : s(S, O, k, W, j);
+        return S[O] == null ? M ? S[O] === null ? new _("The " + $ + " `" + k + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new _("The " + $ + " `" + k + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : i(S, O, D, $, k);
       }
-      var T = C.bind(null, !1);
-      return T.isRequired = C.bind(null, !0), T;
+      var w = C.bind(null, !1);
+      return w.isRequired = C.bind(null, !0), w;
     }
-    function g(s) {
-      function h(E, C, T, D, S, O) {
-        var k = E[C], W = V(k);
-        if (W !== s) {
-          var j = X(k);
+    function g(i) {
+      function h(E, C, w, M, S, O) {
+        var D = E[C], $ = z(D);
+        if ($ !== i) {
+          var k = V(D);
           return new _(
-            "Invalid " + D + " `" + S + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected ") + ("`" + s + "`."),
-            { expectedType: s }
+            "Invalid " + M + " `" + S + "` of type " + ("`" + k + "` supplied to `" + w + "`, expected ") + ("`" + i + "`."),
+            { expectedType: i }
           );
         }
         return null;
       }
-      return x(h);
+      return T(h);
     }
-    function F() {
-      return x(c);
+    function W() {
+      return T(c);
     }
-    function $(s) {
-      function h(E, C, T, D, S) {
-        if (typeof s != "function")
-          return new _("Property `" + S + "` of component `" + T + "` has invalid PropType notation inside arrayOf.");
+    function R(i) {
+      function h(E, C, w, M, S) {
+        if (typeof i != "function")
+          return new _("Property `" + S + "` of component `" + w + "` has invalid PropType notation inside arrayOf.");
         var O = E[C];
         if (!Array.isArray(O)) {
-          var k = V(O);
-          return new _("Invalid " + D + " `" + S + "` of type " + ("`" + k + "` supplied to `" + T + "`, expected an array."));
+          var D = z(O);
+          return new _("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + w + "`, expected an array."));
         }
-        for (var W = 0; W < O.length; W++) {
-          var j = s(O, W, T, D, S + "[" + W + "]", r);
-          if (j instanceof Error)
-            return j;
+        for (var $ = 0; $ < O.length; $++) {
+          var k = i(O, $, w, M, S + "[" + $ + "]", r);
+          if (k instanceof Error)
+            return k;
         }
         return null;
       }
-      return x(h);
+      return T(h);
     }
-    function R() {
-      function s(h, E, C, T, D) {
+    function j() {
+      function i(h, E, C, w, M) {
         var S = h[E];
-        if (!o(S)) {
-          var O = V(S);
-          return new _("Invalid " + T + " `" + D + "` of type " + ("`" + O + "` supplied to `" + C + "`, expected a single ReactElement."));
+        if (!l(S)) {
+          var O = z(S);
+          return new _("Invalid " + w + " `" + M + "` of type " + ("`" + O + "` supplied to `" + C + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return x(s);
+      return T(i);
     }
     function f() {
-      function s(h, E, C, T, D) {
+      function i(h, E, C, w, M) {
         var S = h[E];
         if (!e.isValidElementType(S)) {
-          var O = V(S);
-          return new _("Invalid " + T + " `" + D + "` of type " + ("`" + O + "` supplied to `" + C + "`, expected a single ReactElement type."));
+          var O = z(S);
+          return new _("Invalid " + w + " `" + M + "` of type " + ("`" + O + "` supplied to `" + C + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return x(s);
+      return T(i);
     }
-    function Z(s) {
-      function h(E, C, T, D, S) {
-        if (!(E[C] instanceof s)) {
-          var O = s.name || m, k = J(E[C]);
-          return new _("Invalid " + D + " `" + S + "` of type " + ("`" + k + "` supplied to `" + T + "`, expected ") + ("instance of `" + O + "`."));
+    function Z(i) {
+      function h(E, C, w, M, S) {
+        if (!(E[C] instanceof i)) {
+          var O = i.name || y, D = J(E[C]);
+          return new _("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + w + "`, expected ") + ("instance of `" + O + "`."));
         }
         return null;
       }
-      return x(h);
+      return T(h);
     }
-    function te(s) {
-      if (!Array.isArray(s))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+    function Q(i) {
+      if (!Array.isArray(i))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
-      function h(E, C, T, D, S) {
-        for (var O = E[C], k = 0; k < s.length; k++)
-          if (P(O, s[k]))
+        ) : o("Invalid argument supplied to oneOf, expected an array.")), c;
+      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(s, function(H, p) {
-          var G = X(p);
+        var $ = JSON.stringify(i, function(X, p) {
+          var G = V(p);
           return G === "symbol" ? String(p) : p;
         });
-        return new _("Invalid " + D + " `" + S + "` of value `" + String(O) + "` " + ("supplied to `" + T + "`, expected one of " + W + "."));
+        return new _("Invalid " + M + " `" + S + "` of value `" + String(O) + "` " + ("supplied to `" + w + "`, expected one of " + $ + "."));
       }
-      return x(h);
+      return T(h);
     }
-    function K(s) {
-      function h(E, C, T, D, S) {
-        if (typeof s != "function")
-          return new _("Property `" + S + "` of component `" + T + "` has invalid PropType notation inside objectOf.");
-        var O = E[C], k = V(O);
-        if (k !== "object")
-          return new _("Invalid " + D + " `" + S + "` of type " + ("`" + k + "` supplied to `" + T + "`, expected an object."));
-        for (var W in O)
-          if (t(O, W)) {
-            var j = s(O, W, T, D, S + "." + W, r);
-            if (j instanceof Error)
-              return j;
+    function K(i) {
+      function h(E, C, w, M, S) {
+        if (typeof i != "function")
+          return new _("Property `" + S + "` of component `" + w + "` has invalid PropType notation inside objectOf.");
+        var O = E[C], D = z(O);
+        if (D !== "object")
+          return new _("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + w + "`, expected an object."));
+        for (var $ in O)
+          if (t(O, $)) {
+            var k = i(O, $, w, M, S + "." + $, r);
+            if (k instanceof Error)
+              return k;
           }
         return null;
       }
-      return x(h);
+      return T(h);
     }
-    function A(s) {
-      if (!Array.isArray(s))
-        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), c;
-      for (var h = 0; h < s.length; h++) {
-        var E = s[h];
+    function A(i) {
+      if (!Array.isArray(i))
+        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+      for (var h = 0; h < i.length; h++) {
+        var E = i[h];
         if (typeof E != "function")
-          return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + q(E) + " at index " + h + "."
+          return o(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + B(E) + " at index " + h + "."
           ), c;
       }
-      function C(T, D, S, O, k) {
-        for (var W = [], j = 0; j < s.length; j++) {
-          var H = s[j], p = H(T, D, S, O, k, r);
+      function C(w, M, S, O, D) {
+        for (var $ = [], k = 0; k < i.length; k++) {
+          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);
+          p.data && t(p.data, "expectedType") && $.push(p.data.expectedType);
         }
-        var G = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
-        return new _("Invalid " + O + " `" + k + "` supplied to " + ("`" + S + "`" + G + "."));
+        var G = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : "";
+        return new _("Invalid " + O + " `" + D + "` supplied to " + ("`" + S + "`" + G + "."));
       }
-      return x(C);
+      return T(C);
     }
-    function w() {
-      function s(h, E, C, T, D) {
-        return Y(h[E]) ? null : new _("Invalid " + T + " `" + D + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
+    function P() {
+      function i(h, E, C, w, M) {
+        return H(h[E]) ? null : new _("Invalid " + w + " `" + M + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
       }
-      return x(s);
+      return T(i);
     }
-    function M(s, h, E, C, T) {
+    function q(i, h, E, C, w) {
       return new _(
-        (s || "React class") + ": " + h + " type `" + E + "." + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + T + "`."
+        (i || "React class") + ": " + h + " type `" + E + "." + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + w + "`."
       );
     }
-    function N(s) {
-      function h(E, C, T, D, S) {
-        var O = E[C], k = V(O);
-        if (k !== "object")
-          return new _("Invalid " + D + " `" + S + "` of type `" + k + "` " + ("supplied to `" + T + "`, expected `object`."));
-        for (var W in s) {
-          var j = s[W];
-          if (typeof j != "function")
-            return M(T, D, S, W, X(j));
-          var H = j(O, W, T, D, S + "." + W, r);
-          if (H)
-            return H;
+    function F(i) {
+      function h(E, C, w, M, S) {
+        var O = E[C], D = z(O);
+        if (D !== "object")
+          return new _("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + w + "`, expected `object`."));
+        for (var $ in i) {
+          var k = i[$];
+          if (typeof k != "function")
+            return q(w, M, S, $, V(k));
+          var X = k(O, $, w, M, S + "." + $, r);
+          if (X)
+            return X;
         }
         return null;
       }
-      return x(h);
+      return T(h);
     }
-    function y(s) {
-      function h(E, C, T, D, S) {
-        var O = E[C], k = V(O);
-        if (k !== "object")
-          return new _("Invalid " + D + " `" + S + "` of type `" + k + "` " + ("supplied to `" + T + "`, expected `object`."));
-        var W = a({}, E[C], s);
-        for (var j in W) {
-          var H = s[j];
-          if (t(s, j) && typeof H != "function")
-            return M(T, D, S, j, X(H));
-          if (!H)
+    function m(i) {
+      function h(E, C, w, M, S) {
+        var O = E[C], D = z(O);
+        if (D !== "object")
+          return new _("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + w + "`, expected `object`."));
+        var $ = a({}, E[C], i);
+        for (var k in $) {
+          var X = i[k];
+          if (t(i, k) && typeof X != "function")
+            return q(w, M, S, k, V(X));
+          if (!X)
             return new _(
-              "Invalid " + D + " `" + S + "` key `" + j + "` supplied to `" + T + "`.\nBad object: " + JSON.stringify(E[C], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(s), 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 = H(O, j, T, D, S + "." + j, r);
+          var p = X(O, k, w, M, S + "." + k, r);
           if (p)
             return p;
         }
         return null;
       }
-      return x(h);
+      return T(h);
     }
-    function Y(s) {
-      switch (typeof s) {
+    function H(i) {
+      switch (typeof i) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !s;
+          return !i;
         case "object":
-          if (Array.isArray(s))
-            return s.every(Y);
-          if (s === null || o(s))
+          if (Array.isArray(i))
+            return i.every(H);
+          if (i === null || l(i))
             return !0;
-          var h = d(s);
+          var h = v(i);
           if (h) {
-            var E = h.call(s), C;
-            if (h !== s.entries) {
+            var E = h.call(i), C;
+            if (h !== i.entries) {
               for (; !(C = E.next()).done; )
-                if (!Y(C.value))
+                if (!H(C.value))
                   return !1;
             } else
               for (; !(C = E.next()).done; ) {
-                var T = C.value;
-                if (T && !Y(T[1]))
+                var w = C.value;
+                if (w && !H(w[1]))
                   return !1;
               }
           } else
@@ -579,27 +579,27 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
           return !1;
       }
     }
-    function ne(s, h) {
-      return s === "symbol" ? !0 : h ? h["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && h instanceof Symbol : !1;
+    function ee(i, h) {
+      return i === "symbol" ? !0 : h ? h["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && h instanceof Symbol : !1;
     }
-    function V(s) {
-      var h = typeof s;
-      return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : ne(h, s) ? "symbol" : h;
+    function z(i) {
+      var h = typeof i;
+      return Array.isArray(i) ? "array" : i instanceof RegExp ? "object" : ee(h, i) ? "symbol" : h;
     }
-    function X(s) {
-      if (typeof s > "u" || s === null)
-        return "" + s;
-      var h = V(s);
+    function V(i) {
+      if (typeof i > "u" || i === null)
+        return "" + i;
+      var h = z(i);
       if (h === "object") {
-        if (s instanceof Date)
+        if (i instanceof Date)
           return "date";
-        if (s instanceof RegExp)
+        if (i instanceof RegExp)
           return "regexp";
       }
       return h;
     }
-    function q(s) {
-      var h = X(s);
+    function B(i) {
+      var h = V(i);
       switch (h) {
         case "array":
         case "object":
@@ -612,8 +612,8 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
           return h;
       }
     }
-    function J(s) {
-      return !s.constructor || !s.constructor.name ? m : s.constructor.name;
+    function J(i) {
+      return !i.constructor || !i.constructor.name ? y : i.constructor.name;
     }
     return b.checkPropTypes = n, b.resetWarningCache = n.resetWarningCache, b.PropTypes = b, b;
   }, ye;
@@ -628,19 +628,19 @@ function Ke() {
   function r() {
   }
   return r.resetWarningCache = a, me = function() {
-    function t(c, o, v, u, l, d) {
-      if (d !== e) {
-        var m = new Error(
+    function t(c, l, d, s, u, v) {
+      if (v !== e) {
+        var y = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw m.name = "Invariant Violation", m;
+        throw y.name = "Invariant Violation", y;
       }
     }
     t.isRequired = t;
     function n() {
       return t;
     }
-    var i = {
+    var o = {
       array: t,
       bigint: t,
       bool: t,
@@ -663,7 +663,7 @@ function Ke() {
       checkPropTypes: r,
       resetWarningCache: a
     };
-    return i.PropTypes = i, i;
+    return o.PropTypes = o, o;
   }, me;
 }
 var ke;
@@ -676,16 +676,16 @@ function Qe() {
     se.exports = /* @__PURE__ */ Ke()();
   return se.exports;
 }
-function re(e, a, r) {
+function ne(e, a, r) {
   this.x = e, this.y = a, this.time = r || (/* @__PURE__ */ new Date()).getTime();
 }
-re.prototype.velocityFrom = function(e) {
+ne.prototype.velocityFrom = function(e) {
   return this.time !== e.time ? this.distanceTo(e) / (this.time - e.time) : 1;
 };
-re.prototype.distanceTo = function(e) {
+ne.prototype.distanceTo = function(e) {
   return Math.sqrt(Math.pow(this.x - e.x, 2) + Math.pow(this.y - e.y, 2));
 };
-re.prototype.equals = function(e) {
+ne.prototype.equals = function(e) {
   return this.x === e.x && this.y === e.y && this.time === e.time;
 };
 function ge(e, a, r, t) {
@@ -693,12 +693,12 @@ function ge(e, a, r, t) {
 }
 ge.prototype.length = function() {
   for (var e = 10, a = 0, r = void 0, t = void 0, n = 0; n <= e; n += 1) {
-    var i = n / e, c = this._point(i, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), o = this._point(i, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
+    var o = n / e, c = this._point(o, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), l = this._point(o, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
     if (n > 0) {
-      var v = c - r, u = o - t;
-      a += Math.sqrt(v * v + u * u);
+      var d = c - r, s = l - t;
+      a += Math.sqrt(d * d + s * s);
     }
-    r = c, t = o;
+    r = c, t = l;
   }
   return a;
 };
@@ -706,21 +706,21 @@ ge.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, i, c = null, o = 0;
+  var t, n, o, c = null, l = 0;
   r || (r = {});
-  var v = function() {
-    o = r.leading === !1 ? 0 : Date.now(), c = null, i = e.apply(t, n), c || (t = n = null);
+  var d = function() {
+    l = r.leading === !1 ? 0 : Date.now(), c = null, o = e.apply(t, n), c || (t = n = null);
   };
   return function() {
-    var u = Date.now();
-    !o && r.leading === !1 && (o = u);
-    var l = a - (u - o);
-    return t = this, n = arguments, l <= 0 || l > a ? (c && (clearTimeout(c), c = null), o = u, i = e.apply(t, n), c || (t = n = null)) : !c && r.trailing !== !1 && (c = setTimeout(v, l)), i;
+    var s = Date.now();
+    !l && r.leading === !1 && (l = s);
+    var u = a - (s - l);
+    return t = this, n = arguments, u <= 0 || u > a ? (c && (clearTimeout(c), c = null), l = s, o = e.apply(t, n), c || (t = n = null)) : !c && r.trailing !== !1 && (c = setTimeout(d, u)), o;
   };
 }
-function z(e, a) {
+function N(e, a) {
   var r = this, t = a || {};
-  this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = "throttle" in t ? t.throttle : 16, this.minDistance = "minDistance" in t ? t.minDistance : 5, this.throttle ? this._strokeMoveUpdate = et(z.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = z.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
+  this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = "throttle" in t ? t.throttle : 16, this.minDistance = "minDistance" in t ? t.minDistance : 5, this.throttle ? this._strokeMoveUpdate = et(N.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = N.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
     return (this.minWidth + this.maxWidth) / 2;
   }, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.onBegin = t.onBegin, this.onEnd = t.onEnd, this._canvas = e, this._ctx = e.getContext("2d"), this.clear(), this._handleMouseDown = function(n) {
     n.which === 1 && (r._mouseButtonDown = !0, r._strokeBegin(n));
@@ -730,29 +730,29 @@ function z(e, a) {
     n.which === 1 && r._mouseButtonDown && (r._mouseButtonDown = !1, r._strokeEnd(n));
   }, this._handleTouchStart = function(n) {
     if (n.targetTouches.length === 1) {
-      var i = n.changedTouches[0];
-      r._strokeBegin(i);
+      var o = n.changedTouches[0];
+      r._strokeBegin(o);
     }
   }, this._handleTouchMove = function(n) {
     n.preventDefault();
-    var i = n.targetTouches[0];
-    r._strokeMoveUpdate(i);
+    var o = n.targetTouches[0];
+    r._strokeMoveUpdate(o);
   }, this._handleTouchEnd = function(n) {
-    var i = n.target === r._canvas;
-    i && (n.preventDefault(), r._strokeEnd(n));
+    var o = n.target === r._canvas;
+    o && (n.preventDefault(), r._strokeEnd(n));
   }, this.on();
 }
-z.prototype.clear = function() {
+N.prototype.clear = function() {
   var e = this._ctx, a = this._canvas;
   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;
 };
-z.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, i = r.width || this._canvas.width / n, c = r.height || this._canvas.height / n;
+N.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, c = r.height || this._canvas.height / n;
   this._reset(), t.src = e, t.onload = function() {
-    a._ctx.drawImage(t, 0, 0, i, c);
+    a._ctx.drawImage(t, 0, 0, o, c);
   }, this._isEmpty = !1;
 };
-z.prototype.toDataURL = function(e) {
+N.prototype.toDataURL = function(e) {
   var a;
   switch (e) {
     case "image/svg+xml":
@@ -763,23 +763,23 @@ z.prototype.toDataURL = function(e) {
       return (a = this._canvas).toDataURL.apply(a, [e].concat(t));
   }
 };
-z.prototype.on = function() {
+N.prototype.on = function() {
   this._handleMouseEvents(), this._handleTouchEvents();
 };
-z.prototype.off = function() {
+N.prototype.off = function() {
   this._canvas.removeEventListener("mousedown", this._handleMouseDown), this._canvas.removeEventListener("mousemove", this._handleMouseMove), document.removeEventListener("mouseup", this._handleMouseUp), this._canvas.removeEventListener("touchstart", this._handleTouchStart), this._canvas.removeEventListener("touchmove", this._handleTouchMove), this._canvas.removeEventListener("touchend", this._handleTouchEnd);
 };
-z.prototype.isEmpty = function() {
+N.prototype.isEmpty = function() {
   return this._isEmpty;
 };
-z.prototype._strokeBegin = function(e) {
+N.prototype._strokeBegin = function(e) {
   this._data.push([]), this._reset(), this._strokeUpdate(e), typeof this.onBegin == "function" && this.onBegin(e);
 };
-z.prototype._strokeUpdate = function(e) {
-  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], c = i && t.distanceTo(i) < this.minDistance;
-  if (!(i && c)) {
-    var o = this._addPoint(t), v = o.curve, u = o.widths;
-    v && u && this._drawCurve(v, u.start, u.end), this._data[this._data.length - 1].push({
+N.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], c = o && t.distanceTo(o) < this.minDistance;
+  if (!(o && c)) {
+    var l = this._addPoint(t), d = l.curve, s = l.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,
@@ -787,7 +787,7 @@ z.prototype._strokeUpdate = function(e) {
     });
   }
 };
-z.prototype._strokeEnd = function(e) {
+N.prototype._strokeEnd = function(e) {
   var a = this.points.length > 2, r = this.points[0];
   if (!a && r && this._drawDot(r), r) {
     var t = this._data[this._data.length - 1], n = t[t.length - 1];
@@ -800,109 +800,109 @@ z.prototype._strokeEnd = function(e) {
   }
   typeof this.onEnd == "function" && this.onEnd(e);
 };
-z.prototype._handleMouseEvents = function() {
+N.prototype._handleMouseEvents = function() {
   this._mouseButtonDown = !1, this._canvas.addEventListener("mousedown", this._handleMouseDown), this._canvas.addEventListener("mousemove", this._handleMouseMove), document.addEventListener("mouseup", this._handleMouseUp);
 };
-z.prototype._handleTouchEvents = function() {
+N.prototype._handleTouchEvents = function() {
   this._canvas.style.msTouchAction = "none", this._canvas.style.touchAction = "none", this._canvas.addEventListener("touchstart", this._handleTouchStart), this._canvas.addEventListener("touchmove", this._handleTouchMove), this._canvas.addEventListener("touchend", this._handleTouchEnd);
 };
-z.prototype._reset = function() {
+N.prototype._reset = function() {
   this.points = [], this._lastVelocity = 0, this._lastWidth = (this.minWidth + this.maxWidth) / 2, this._ctx.fillStyle = this.penColor;
 };
-z.prototype._createPoint = function(e, a, r) {
+N.prototype._createPoint = function(e, a, r) {
   var t = this._canvas.getBoundingClientRect();
-  return new re(e - t.left, a - t.top, r || (/* @__PURE__ */ new Date()).getTime());
+  return new ne(e - t.left, a - t.top, r || (/* @__PURE__ */ new Date()).getTime());
 };
-z.prototype._addPoint = function(e) {
+N.prototype._addPoint = function(e) {
   var a = this.points, r = void 0;
   if (a.push(e), a.length > 2) {
     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, i = new ge(a[1], t, n, a[2]), c = this._calculateCurveWidths(i);
-    return a.shift(), { curve: i, widths: c };
+    var n = r.c1, o = new ge(a[1], t, n, a[2]), c = this._calculateCurveWidths(o);
+    return a.shift(), { curve: o, widths: c };
   }
   return {};
 };
-z.prototype._calculateCurveControlPoints = function(e, a, r) {
-  var t = e.x - a.x, n = e.y - a.y, i = a.x - r.x, c = a.y - r.y, o = { x: (e.x + a.x) / 2, y: (e.y + a.y) / 2 }, v = { x: (a.x + r.x) / 2, y: (a.y + r.y) / 2 }, u = Math.sqrt(t * t + n * n), l = Math.sqrt(i * i + c * c), d = o.x - v.x, m = o.y - v.y, b = l / (u + l), P = { x: v.x + d * b, y: v.y + m * b }, _ = a.x - P.x, x = a.y - P.y;
+N.prototype._calculateCurveControlPoints = function(e, a, r) {
+  var t = e.x - a.x, n = e.y - a.y, o = a.x - r.x, c = a.y - r.y, l = { 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), u = Math.sqrt(o * o + c * c), v = l.x - d.x, y = l.y - d.y, b = u / (s + u), x = { x: d.x + v * b, y: d.y + y * b }, _ = a.x - x.x, T = a.y - x.y;
   return {
-    c1: new re(o.x + _, o.y + x),
-    c2: new re(v.x + _, v.y + x)
+    c1: new ne(l.x + _, l.y + T),
+    c2: new ne(d.x + _, d.y + T)
   };
 };
-z.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, i = this._strokeWidth(n);
-  return t.start = this._lastWidth, t.end = i, this._lastVelocity = n, this._lastWidth = i, t;
+N.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;
 };
-z.prototype._strokeWidth = function(e) {
+N.prototype._strokeWidth = function(e) {
   return Math.max(this.maxWidth / (e + 1), this.minWidth);
 };
-z.prototype._drawPoint = function(e, a, r) {
+N.prototype._drawPoint = function(e, a, r) {
   var t = this._ctx;
   t.moveTo(e, a), t.arc(e, a, r, 0, 2 * Math.PI, !1), this._isEmpty = !1;
 };
-z.prototype._drawCurve = function(e, a, r) {
-  var t = this._ctx, n = r - a, i = Math.floor(e.length());
+N.prototype._drawCurve = function(e, a, r) {
+  var t = this._ctx, n = r - a, o = Math.floor(e.length());
   t.beginPath();
-  for (var c = 0; c < i; c += 1) {
-    var o = c / i, v = o * o, u = v * o, l = 1 - o, d = l * l, m = d * l, b = m * e.startPoint.x;
-    b += 3 * d * o * e.control1.x, b += 3 * l * v * e.control2.x, b += u * e.endPoint.x;
-    var P = m * e.startPoint.y;
-    P += 3 * d * o * e.control1.y, P += 3 * l * v * e.control2.y, P += u * e.endPoint.y;
-    var _ = a + u * n;
-    this._drawPoint(b, P, _);
+  for (var c = 0; c < o; c += 1) {
+    var l = c / o, d = l * l, s = d * l, u = 1 - l, v = u * u, y = v * u, b = y * e.startPoint.x;
+    b += 3 * v * l * e.control1.x, b += 3 * u * d * e.control2.x, b += s * e.endPoint.x;
+    var x = y * e.startPoint.y;
+    x += 3 * v * l * e.control1.y, x += 3 * u * d * e.control2.y, x += s * e.endPoint.y;
+    var _ = a + s * n;
+    this._drawPoint(b, x, _);
   }
   t.closePath(), t.fill();
 };
-z.prototype._drawDot = function(e) {
+N.prototype._drawDot = function(e) {
   var a = this._ctx, r = typeof this.dotSize == "function" ? this.dotSize() : this.dotSize;
   a.beginPath(), this._drawPoint(e.x, e.y, r), a.closePath(), a.fill();
 };
-z.prototype._fromData = function(e, a, r) {
+N.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 i = 0; i < n.length; i += 1) {
-        var c = n[i], o = new re(c.x, c.y, c.time), v = c.color;
-        if (i === 0)
-          this.penColor = v, this._reset(), this._addPoint(o);
-        else if (i !== n.length - 1) {
-          var u = this._addPoint(o), l = u.curve, d = u.widths;
-          l && d && a(l, d, v);
+      for (var o = 0; o < n.length; o += 1) {
+        var c = n[o], l = new ne(c.x, c.y, c.time), d = c.color;
+        if (o === 0)
+          this.penColor = d, this._reset(), this._addPoint(l);
+        else if (o !== n.length - 1) {
+          var s = this._addPoint(l), u = s.curve, v = s.widths;
+          u && v && a(u, v, d);
         }
       }
     else {
       this._reset();
-      var m = n[0];
-      r(m);
+      var y = n[0];
+      r(y);
     }
   }
 };
-z.prototype._toSVG = function() {
-  var e = this, a = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), n = 0, i = 0, c = r.width / t, o = r.height / t, v = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  v.setAttributeNS(null, "width", r.width), v.setAttributeNS(null, "height", r.height), this._fromData(a, function(g, F, $) {
-    var R = document.createElement("path");
+N.prototype._toSVG = function() {
+  var e = this, a = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), n = 0, o = 0, c = r.width / t, l = 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(g, W, R) {
+    var j = document.createElement("path");
     if (!isNaN(g.control1.x) && !isNaN(g.control1.y) && !isNaN(g.control2.x) && !isNaN(g.control2.y)) {
       var f = "M " + g.startPoint.x.toFixed(3) + "," + g.startPoint.y.toFixed(3) + " " + ("C " + g.control1.x.toFixed(3) + "," + g.control1.y.toFixed(3) + " ") + (g.control2.x.toFixed(3) + "," + g.control2.y.toFixed(3) + " ") + (g.endPoint.x.toFixed(3) + "," + g.endPoint.y.toFixed(3));
-      R.setAttribute("d", f), R.setAttribute("stroke-width", (F.end * 2.25).toFixed(3)), R.setAttribute("stroke", $), R.setAttribute("fill", "none"), R.setAttribute("stroke-linecap", "round"), v.appendChild(R);
+      j.setAttribute("d", f), j.setAttribute("stroke-width", (W.end * 2.25).toFixed(3)), j.setAttribute("stroke", R), j.setAttribute("fill", "none"), j.setAttribute("stroke-linecap", "round"), d.appendChild(j);
     }
   }, function(g) {
-    var F = document.createElement("circle"), $ = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
-    F.setAttribute("r", $), F.setAttribute("cx", g.x), F.setAttribute("cy", g.y), F.setAttribute("fill", g.color), v.appendChild(F);
+    var W = document.createElement("circle"), R = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
+    W.setAttribute("r", R), W.setAttribute("cx", g.x), W.setAttribute("cy", g.y), W.setAttribute("fill", g.color), d.appendChild(W);
   });
-  var u = "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 + " " + c + " " + o + '"') + (' width="' + c + '"') + (' height="' + o + '"') + ">", d = v.innerHTML;
-  if (d === void 0) {
-    var m = document.createElement("dummy"), b = v.childNodes;
-    m.innerHTML = "";
-    for (var P = 0; P < b.length; P += 1)
-      m.appendChild(b[P].cloneNode(!0));
-    d = m.innerHTML;
+  var s = "data:image/svg+xml;base64,", u = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + n + " " + o + " " + c + " " + l + '"') + (' width="' + c + '"') + (' height="' + l + '"') + ">", v = d.innerHTML;
+  if (v === void 0) {
+    var y = document.createElement("dummy"), b = d.childNodes;
+    y.innerHTML = "";
+    for (var x = 0; x < b.length; x += 1)
+      y.appendChild(b[x].cloneNode(!0));
+    v = y.innerHTML;
   }
-  var _ = "</svg>", x = l + d + _;
-  return u + btoa(x);
+  var _ = "</svg>", T = u + v + _;
+  return s + btoa(T);
 };
-z.prototype.fromData = function(e) {
+N.prototype.fromData = function(e) {
   var a = this;
   this.clear(), this._fromData(e, function(r, t) {
     return a._drawCurve(r, t.start, t.end);
@@ -910,12 +910,12 @@ z.prototype.fromData = function(e) {
     return a._drawDot(r);
   }), this._data = e;
 };
-z.prototype.toData = function() {
+N.prototype.toData = function() {
   return this._data;
 };
 const tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: z
+  default: N
 }, Symbol.toStringTag, { value: "Module" })), rt = /* @__PURE__ */ Ye(tt);
 var le = { exports: {} }, nt = le.exports, je;
 function at() {
@@ -924,30 +924,30 @@ function at() {
       e.exports = t();
     })(nt, function() {
       return (function(r) {
-        function t(i) {
-          if (n[i]) return n[i].exports;
-          var c = n[i] = { exports: {}, id: i, loaded: !1 };
-          return r[i].call(c.exports, c, c.exports, t), c.loaded = !0, c.exports;
+        function t(o) {
+          if (n[o]) return n[o].exports;
+          var c = n[o] = { exports: {}, id: o, loaded: !1 };
+          return r[o].call(c.exports, c, c.exports, t), c.loaded = !0, c.exports;
         }
         var n = {};
         return t.m = r, t.c = n, t.p = "", t(0);
       })([function(r, t) {
-        function n(u) {
-          var l = u.getContext("2d"), d = u.width, m = u.height, b = l.getImageData(0, 0, d, m).data, P = o(!0, d, m, b), _ = o(!1, d, m, b), x = v(!0, d, m, b), g = v(!1, d, m, b), F = g - x + 1, $ = _ - P + 1, R = l.getImageData(x, P, F, $);
-          return u.width = F, u.height = $, l.clearRect(0, 0, F, $), l.putImageData(R, 0, 0), u;
+        function n(s) {
+          var u = s.getContext("2d"), v = s.width, y = s.height, b = u.getImageData(0, 0, v, y).data, x = l(!0, v, y, b), _ = l(!1, v, y, b), T = d(!0, v, y, b), g = d(!1, v, y, b), W = g - T + 1, R = _ - x + 1, j = u.getImageData(T, x, W, R);
+          return s.width = W, s.height = R, u.clearRect(0, 0, W, R), u.putImageData(j, 0, 0), s;
         }
-        function i(u, l, d, m) {
-          return { red: m[4 * (d * l + u)], green: m[4 * (d * l + u) + 1], blue: m[4 * (d * l + u) + 2], alpha: m[4 * (d * l + u) + 3] };
+        function o(s, u, v, y) {
+          return { red: y[4 * (v * u + s)], green: y[4 * (v * u + s) + 1], blue: y[4 * (v * u + s) + 2], alpha: y[4 * (v * u + s) + 3] };
         }
-        function c(u, l, d, m) {
-          return i(u, l, d, m).alpha;
+        function c(s, u, v, y) {
+          return o(s, u, v, y).alpha;
         }
-        function o(u, l, d, m) {
-          for (var b = u ? 1 : -1, P = u ? 0 : d - 1, _ = P; u ? _ < d : _ > -1; _ += b) for (var x = 0; x < l; x++) if (c(x, _, l, m)) return _;
+        function l(s, u, v, y) {
+          for (var b = s ? 1 : -1, x = s ? 0 : v - 1, _ = x; s ? _ < v : _ > -1; _ += b) for (var T = 0; T < u; T++) if (c(T, _, u, y)) return _;
           return null;
         }
-        function v(u, l, d, m) {
-          for (var b = u ? 1 : -1, P = u ? 0 : l - 1, _ = P; u ? _ < l : _ > -1; _ += b) for (var x = 0; x < d; x++) if (c(_, x, l, m)) return _;
+        function d(s, u, v, y) {
+          for (var b = s ? 1 : -1, x = s ? 0 : u - 1, _ = x; s ? _ < u : _ > -1; _ += b) for (var T = 0; T < v; T++) if (c(_, T, u, y)) return _;
           return null;
         }
         Object.defineProperty(t, "__esModule", { value: !0 }), t.default = n;
@@ -960,121 +960,121 @@ function it() {
   return Ie || (Ie = 1, (function(e, a) {
     (function(r, t) {
       e.exports = t(/* @__PURE__ */ Qe(), We, rt, at());
-    })(ot, function(r, t, n, i) {
+    })(ot, function(r, t, n, o) {
       return (function(c) {
-        function o(u) {
-          if (v[u]) return v[u].exports;
-          var l = v[u] = { exports: {}, id: u, loaded: !1 };
-          return c[u].call(l.exports, l, l.exports, o), l.loaded = !0, l.exports;
+        function l(s) {
+          if (d[s]) return d[s].exports;
+          var u = d[s] = { exports: {}, id: s, loaded: !1 };
+          return c[s].call(u.exports, u, u.exports, l), u.loaded = !0, u.exports;
         }
-        var v = {};
-        return o.m = c, o.c = v, o.p = "", o(0);
-      })([function(c, o, v) {
-        function u(A) {
+        var d = {};
+        return l.m = c, l.c = d, l.p = "", l(0);
+      })([function(c, l, d) {
+        function s(A) {
           return A && A.__esModule ? A : { default: A };
         }
-        function l(A, w) {
-          var M = {};
-          for (var N in A) w.indexOf(N) >= 0 || Object.prototype.hasOwnProperty.call(A, N) && (M[N] = A[N]);
-          return M;
+        function u(A, P) {
+          var q = {};
+          for (var F in A) P.indexOf(F) >= 0 || Object.prototype.hasOwnProperty.call(A, F) && (q[F] = A[F]);
+          return q;
         }
-        function d(A, w) {
-          if (!(A instanceof w)) throw new TypeError("Cannot call a class as a function");
+        function v(A, P) {
+          if (!(A instanceof P)) throw new TypeError("Cannot call a class as a function");
         }
-        function m(A, w) {
+        function y(A, P) {
           if (!A) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-          return !w || typeof w != "object" && typeof w != "function" ? A : w;
+          return !P || typeof P != "object" && typeof P != "function" ? A : P;
         }
-        function b(A, w) {
-          if (typeof w != "function" && w !== null) throw new TypeError("Super expression must either be null or a function, not " + typeof w);
-          A.prototype = Object.create(w && w.prototype, { constructor: { value: A, enumerable: !1, writable: !0, configurable: !0 } }), w && (Object.setPrototypeOf ? Object.setPrototypeOf(A, w) : A.__proto__ = w);
+        function b(A, P) {
+          if (typeof P != "function" && P !== null) throw new TypeError("Super expression must either be null or a function, not " + typeof P);
+          A.prototype = Object.create(P && P.prototype, { constructor: { value: A, enumerable: !1, writable: !0, configurable: !0 } }), P && (Object.setPrototypeOf ? Object.setPrototypeOf(A, P) : A.__proto__ = P);
         }
-        Object.defineProperty(o, "__esModule", { value: !0 });
-        var P = Object.assign || function(A) {
-          for (var w = 1; w < arguments.length; w++) {
-            var M = arguments[w];
-            for (var N in M) Object.prototype.hasOwnProperty.call(M, N) && (A[N] = M[N]);
+        Object.defineProperty(l, "__esModule", { value: !0 });
+        var x = Object.assign || function(A) {
+          for (var P = 1; P < arguments.length; P++) {
+            var q = arguments[P];
+            for (var F in q) Object.prototype.hasOwnProperty.call(q, F) && (A[F] = q[F]);
           }
           return A;
         }, _ = /* @__PURE__ */ (function() {
-          function A(w, M) {
-            for (var N = 0; N < M.length; N++) {
-              var y = M[N];
-              y.enumerable = y.enumerable || !1, y.configurable = !0, "value" in y && (y.writable = !0), Object.defineProperty(w, y.key, y);
+          function A(P, q) {
+            for (var F = 0; F < q.length; F++) {
+              var m = q[F];
+              m.enumerable = m.enumerable || !1, m.configurable = !0, "value" in m && (m.writable = !0), Object.defineProperty(P, m.key, m);
             }
           }
-          return function(w, M, N) {
-            return M && A(w.prototype, M), N && A(w, N), w;
+          return function(P, q, F) {
+            return q && A(P.prototype, q), F && A(P, F), P;
           };
-        })(), x = v(1), g = u(x), F = v(2), $ = u(F), R = v(3), f = u(R), Z = v(4), te = u(Z), K = (function(A) {
-          function w() {
-            var M, N, y, Y;
-            d(this, w);
-            for (var ne = arguments.length, V = Array(ne), X = 0; X < ne; X++) V[X] = arguments[X];
-            return N = y = m(this, (M = w.__proto__ || Object.getPrototypeOf(w)).call.apply(M, [this].concat(V))), y._sigPad = null, y._excludeOurProps = function() {
-              var q = y.props, J = (q.canvasProps, q.clearOnResize, l(q, ["canvasProps", "clearOnResize"]));
+        })(), T = d(1), g = s(T), W = d(2), R = s(W), j = d(3), f = s(j), Z = d(4), Q = s(Z), K = (function(A) {
+          function P() {
+            var q, F, m, H;
+            v(this, P);
+            for (var ee = arguments.length, z = Array(ee), V = 0; V < ee; V++) z[V] = arguments[V];
+            return F = m = y(this, (q = P.__proto__ || Object.getPrototypeOf(P)).call.apply(q, [this].concat(z))), m._sigPad = null, m._excludeOurProps = function() {
+              var B = m.props, J = (B.canvasProps, B.clearOnResize, u(B, ["canvasProps", "clearOnResize"]));
               return J;
-            }, y.getCanvas = function() {
-              return y._canvas;
-            }, y.getTrimmedCanvas = function() {
-              var q = document.createElement("canvas");
-              return q.width = y._canvas.width, q.height = y._canvas.height, q.getContext("2d").drawImage(y._canvas, 0, 0), (0, te.default)(q);
-            }, y.getSignaturePad = function() {
-              return y._sigPad;
-            }, y._checkClearOnResize = function() {
-              y.props.clearOnResize && y._resizeCanvas();
-            }, y._resizeCanvas = function() {
-              var q = y.props.canvasProps || {}, J = q.width, s = q.height;
-              if (!J || !s) {
-                var h = y._canvas, E = Math.max(window.devicePixelRatio || 1, 1);
-                J || (h.width = h.offsetWidth * E), s || (h.height = h.offsetHeight * E), h.getContext("2d").scale(E, E), y.clear();
+            }, m.getCanvas = function() {
+              return m._canvas;
+            }, m.getTrimmedCanvas = function() {
+              var B = document.createElement("canvas");
+              return B.width = m._canvas.width, B.height = m._canvas.height, B.getContext("2d").drawImage(m._canvas, 0, 0), (0, Q.default)(B);
+            }, m.getSignaturePad = function() {
+              return m._sigPad;
+            }, 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, E = Math.max(window.devicePixelRatio || 1, 1);
+                J || (h.width = h.offsetWidth * E), i || (h.height = h.offsetHeight * E), h.getContext("2d").scale(E, E), m.clear();
               }
-            }, y.on = function() {
-              return window.addEventListener("resize", y._checkClearOnResize), y._sigPad.on();
-            }, y.off = function() {
-              return window.removeEventListener("resize", y._checkClearOnResize), y._sigPad.off();
-            }, y.clear = function() {
-              return y._sigPad.clear();
-            }, y.isEmpty = function() {
-              return y._sigPad.isEmpty();
-            }, y.fromDataURL = function(q, J) {
-              return y._sigPad.fromDataURL(q, J);
-            }, y.toDataURL = function(q, J) {
-              return y._sigPad.toDataURL(q, J);
-            }, y.fromData = function(q) {
-              return y._sigPad.fromData(q);
-            }, y.toData = function() {
-              return y._sigPad.toData();
-            }, Y = N, m(y, Y);
+            }, 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(B, J) {
+              return m._sigPad.fromDataURL(B, J);
+            }, m.toDataURL = function(B, J) {
+              return m._sigPad.toDataURL(B, J);
+            }, m.fromData = function(B) {
+              return m._sigPad.fromData(B);
+            }, m.toData = function() {
+              return m._sigPad.toData();
+            }, H = F, y(m, H);
           }
-          return b(w, A), _(w, [{ key: "componentDidMount", value: function() {
+          return b(P, A), _(P, [{ 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 M = this, N = this.props.canvasProps;
-            return $.default.createElement("canvas", P({ ref: function(y) {
-              M._canvas = y;
-            } }, N));
-          } }]), w;
-        })(F.Component);
-        K.propTypes = { velocityFilterWeight: g.default.number, minWidth: g.default.number, maxWidth: g.default.number, minDistance: g.default.number, dotSize: g.default.oneOfType([g.default.number, g.default.func]), penColor: g.default.string, throttle: g.default.number, onEnd: g.default.func, onBegin: g.default.func, canvasProps: g.default.object, clearOnResize: g.default.bool }, K.defaultProps = { clearOnResize: !0 }, o.default = K;
-      }, function(c, o) {
+            var q = this, F = this.props.canvasProps;
+            return R.default.createElement("canvas", x({ ref: function(m) {
+              q._canvas = m;
+            } }, F));
+          } }]), P;
+        })(W.Component);
+        K.propTypes = { velocityFilterWeight: g.default.number, minWidth: g.default.number, maxWidth: g.default.number, minDistance: g.default.number, dotSize: g.default.oneOfType([g.default.number, g.default.func]), penColor: g.default.string, throttle: g.default.number, onEnd: g.default.func, onBegin: g.default.func, canvasProps: g.default.object, clearOnResize: g.default.bool }, K.defaultProps = { clearOnResize: !0 }, l.default = K;
+      }, function(c, l) {
         c.exports = r;
-      }, function(c, o) {
+      }, function(c, l) {
         c.exports = t;
-      }, function(c, o) {
+      }, function(c, l) {
         c.exports = n;
-      }, function(c, o) {
-        c.exports = i;
+      }, function(c, l) {
+        c.exports = o;
       }]);
     });
   })(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", Ct = "_AutoPanelLabelText_1sp4s_135", Ot = "_AutoPanelError_1sp4s_142", Rt = "_AutoPanelErrorTitle_1sp4s_151", B = {
+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,
@@ -1089,8 +1089,8 @@ 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: Ct,
@@ -1103,83 +1103,86 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   getSignature: r,
   onChangeManual: t,
   onChangeAuto: n,
+  onSwitchToManual: o,
+  onSwitchToAuto: c,
+  onSwitchToPreview: l,
   // Base props
-  ...i
+  ...d
 }) => {
-  const c = ze(null), [o, v] = oe(null), [u, l] = oe(a ? "manual" : "auto"), [d, m] = oe(""), [b, P] = oe(!1), { width: _ = 0, height: x = 0 } = Ne({ ref: c, box: "border-box" }), g = u === "auto" ? e ? "auto-generated" : "auto-loading" : d ? "manual-drawn" : a ? "manual-stored" : "manual-blank", F = e !== "" || b, $ = a || d, R = ee(
-    (y) => {
-      !o || !_ || !x || !y || o.fromDataURL(y, {
-        width: +_.toFixed(),
-        height: +x.toFixed()
+  const s = ze(null), [u, v] = oe(null), [y, b] = oe(a ? "manual" : "auto"), [x, _] = oe(""), [T, g] = oe(!1), { width: W = 0, height: R = 0 } = Ne({ ref: s, box: "border-box" }), j = y === "auto" ? e ? "auto-generated" : "auto-loading" : x ? "manual-drawn" : a ? "manual-stored" : "manual-blank", f = e !== "" || T, Z = a || x, Q = re(
+    (z) => {
+      !u || !W || !R || !z || u.fromDataURL(z, {
+        width: +W.toFixed(),
+        height: +R.toFixed()
       });
     },
-    [o, _, x]
-  ), f = ee(() => {
-    if (!o) return;
-    const y = o.getCanvas().toDataURL("image/png");
-    m(y), t(y);
-  }, [o, t]), Z = ee(() => {
-    o && (o.clear(), m(""), t(""));
-  }, [o, t]), te = ee(() => {
-    l("auto"), m("");
-  }, []), K = ee(() => {
-    l("manual");
-  }, []), A = ee(() => {
-    l("auto"), m(""), t("");
-  }, [t]), w = ee(() => {
-    d && m("");
-  }, [d]), M = (y) => y.includes(g);
+    [u, W, R]
+  ), K = re(() => {
+    if (!u) return;
+    const z = u.getCanvas().toDataURL("image/png");
+    _(z), t(z);
+  }, [u, t]), A = re(() => {
+    u && (u.clear(), _(""), t(""));
+  }, [u, t]), P = re(() => {
+    b("auto"), _(""), c?.();
+  }, [c]), q = re(() => {
+    b("manual"), o?.();
+  }, [o]), F = re(() => {
+    b("auto"), _(""), t(""), c?.();
+  }, [t, c]), m = re(() => {
+    x && (_(""), l?.());
+  }, [x, l]), H = (z) => z.includes(j);
   xe(() => {
-    u === "manual" && d && _ && x && R(d);
-  }, [u, d, _, x, R]), xe(() => {
-    n(""), r().then((y) => {
-      const Y = `data:image/png;base64,${y.signature}`;
-      P(!1), n(Y);
+    y === "manual" && x && W && R && Q(x);
+  }, [y, x, W, R, Q]), xe(() => {
+    n(""), r().then((z) => {
+      const V = `data:image/png;base64,${z.signature}`;
+      g(!1), n(V);
     }).catch(() => {
-      P(!0);
+      g(!0);
     });
   }, []);
-  const N = ee(() => {
-    P(!1), r().then((y) => {
-      const Y = `data:image/png;base64,${y.signature}`;
-      P(!1), n(Y);
+  const ee = re(() => {
+    g(!1), r().then((z) => {
+      const V = `data:image/png;base64,${z.signature}`;
+      g(!1), n(V);
     }).catch(() => {
-      P(!0);
+      g(!0);
     });
   }, [r, n]);
-  return /* @__PURE__ */ Q(
+  return /* @__PURE__ */ te(
     "div",
     {
-      "data-testid": we(i, "data-testid", "signature"),
-      className: fe(B.Signature, we(i, "className")),
+      "data-testid": Ee(d, "data-testid", "signature"),
+      className: fe(U.Signature, Ee(d, "className")),
       children: [
-        /* @__PURE__ */ Q(
+        /* @__PURE__ */ te(
           "div",
           {
-            className: fe(B.Main, M(["auto-generated", "auto-loading"]) ? B.MainAuto : B.MainManual),
-            ref: c,
+            className: fe(U.Main, H(["auto-generated", "auto-loading"]) ? U.MainAuto : U.MainManual),
+            ref: s,
             children: [
-              /* @__PURE__ */ Q("div", { className: fe(B.Header, M(["manual-drawn"]) ? B.HeaderManualDraw : B.HeaderNotManualDraw), children: [
-                M(["auto-generated", "auto-loading"]) && /* @__PURE__ */ U("span", { className: B.HeaderTitle, children: "Wir haben eine digitale Signature Sie generiert." }),
-                M(["manual-blank", "manual-stored"]) && /* @__PURE__ */ U("span", { className: B.HeaderTitle, children: "Ihre Signatur:" }),
-                M(["manual-drawn"]) && /* @__PURE__ */ U(
+              /* @__PURE__ */ te("div", { className: fe(U.Header, H(["manual-drawn"]) ? U.HeaderManualDraw : U.HeaderNotManualDraw), children: [
+                H(["auto-generated", "auto-loading"]) && /* @__PURE__ */ Y("span", { className: U.HeaderTitle, children: "Wir haben eine digitale Signature Sie generiert." }),
+                H(["manual-blank", "manual-stored"]) && /* @__PURE__ */ Y("span", { className: U.HeaderTitle, children: "Ihre Signatur:" }),
+                H(["manual-drawn"]) && /* @__PURE__ */ Y(
                   ie,
                   {
                     blurAfterClick: !0,
                     text: "Neu starten",
                     underlined: !0,
-                    icon: /* @__PURE__ */ U(Fe, {}),
-                    className: B.HeaderReset,
-                    onClick: Z
+                    icon: /* @__PURE__ */ Y(Fe, {}),
+                    className: U.HeaderReset,
+                    onClick: A
                   }
                 )
               ] }),
-              M(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ Q("div", { className: B.AutoPanel, children: [
-                e !== "" && /* @__PURE__ */ U("img", { className: B.AutoPanelImage, src: e, alt: "signature" }),
-                e === "" && !b && /* @__PURE__ */ U(Ue, { size: "sm", color: "accent-primary", className: B.AutoPanelLoader }),
-                e === "" && b && /* @__PURE__ */ Q("div", { className: B.AutoPanelError, children: [
-                  /* @__PURE__ */ U("span", { className: B.AutoPanelErrorTitle, children: "Automatische Signatur konnte nicht geladen werden." }),
-                  /* @__PURE__ */ U(
+              H(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ te("div", { className: U.AutoPanel, children: [
+                e !== "" && /* @__PURE__ */ Y("img", { className: U.AutoPanelImage, src: e, alt: "signature" }),
+                e === "" && !T && /* @__PURE__ */ Y(Ue, { size: "sm", color: "accent-primary", className: U.AutoPanelLoader }),
+                e === "" && T && /* @__PURE__ */ te("div", { className: U.AutoPanelError, children: [
+                  /* @__PURE__ */ Y("span", { className: U.AutoPanelErrorTitle, children: "Automatische Signatur konnte nicht geladen werden." }),
+                  /* @__PURE__ */ Y(
                     ie,
                     {
                       blurAfterClick: !0,
@@ -1187,28 +1190,28 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
                       text: "Erneut versuchen",
                       size: "sm",
                       iconPosition: "right",
-                      icon: /* @__PURE__ */ U(qe, {}),
-                      onClick: N
+                      icon: /* @__PURE__ */ Y(qe, {}),
+                      onClick: ee
                     }
                   )
                 ] }),
-                e !== "" && /* @__PURE__ */ Q("div", { className: B.AutoPanelLabel, children: [
-                  /* @__PURE__ */ U(Be, { className: B.AutoPanelLabelIcon }),
-                  /* @__PURE__ */ U("span", { className: B.AutoPanelLabelText, children: "Diese Unterschrift ist ausreichend" })
+                e !== "" && /* @__PURE__ */ te("div", { className: U.AutoPanelLabel, children: [
+                  /* @__PURE__ */ Y(Be, { className: U.AutoPanelLabelIcon }),
+                  /* @__PURE__ */ Y("span", { className: U.AutoPanelLabelText, children: "Diese Unterschrift ist ausreichend" })
                 ] }),
-                F && /* @__PURE__ */ U(
+                f && /* @__PURE__ */ Y(
                   ie,
                   {
                     blurAfterClick: !0,
                     color: "link",
                     text: "Per Hand/Maus unterschreiben",
                     underlined: !0,
-                    className: B.AutoPanelButton,
-                    onClick: K
+                    className: U.AutoPanelButton,
+                    onClick: q
                   }
                 )
-              ] }) : /* @__PURE__ */ Q("div", { className: B.ManualPanel, children: [
-                M(["manual-stored"]) ? /* @__PURE__ */ U("img", { width: _, height: x, alt: "signature", src: $ }) : /* @__PURE__ */ U(
+              ] }) : /* @__PURE__ */ te("div", { className: U.ManualPanel, children: [
+                H(["manual-stored"]) ? /* @__PURE__ */ Y("img", { width: W, height: R, alt: "signature", src: Z }) : /* @__PURE__ */ Y(
                   ut,
                   {
                     penColor: "#262626",
@@ -1216,37 +1219,37 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
                     minWidth: 0.25,
                     maxWidth: 2.75,
                     throttle: 12,
-                    canvasProps: { width: +(_ || 0).toFixed(), height: +(x || 0).toFixed() },
-                    ref: (y) => v(y),
+                    canvasProps: { width: +(W || 0).toFixed(), height: +(R || 0).toFixed() },
+                    ref: (z) => v(z),
                     clearOnResize: !0,
-                    onEnd: f
+                    onEnd: K
                   }
                 ),
-                M(["manual-stored"]) && /* @__PURE__ */ U(
+                H(["manual-stored"]) && /* @__PURE__ */ Y(
                   ie,
                   {
                     blurAfterClick: !0,
                     underlined: !0,
                     text: "Zurücksetzen",
-                    className: B.ManualPanelButton,
-                    onClick: A
+                    className: U.ManualPanelButton,
+                    onClick: F
                   }
                 )
               ] })
             ]
           }
         ),
-        M(["manual-blank", "manual-drawn"]) && /* @__PURE__ */ Q("div", { className: B.Footer, children: [
-          /* @__PURE__ */ U(Pe, { fullWidth: !0, blurAfterClick: !0, text: "Abbrechen", color: "tertiary", onClick: te }),
-          /* @__PURE__ */ U(
+        H(["manual-blank", "manual-drawn"]) && /* @__PURE__ */ te("div", { className: U.Footer, children: [
+          /* @__PURE__ */ Y(Pe, { fullWidth: !0, blurAfterClick: !0, text: "Abbrechen", color: "tertiary", onClick: P }),
+          /* @__PURE__ */ Y(
             Pe,
             {
               fullWidth: !0,
               blurAfterClick: !0,
               text: "Speichern",
               color: "primary",
-              disabled: !d,
-              onClick: w
+              disabled: !x,
+              onClick: m
             }
           )
         ] })