@arthurzakharov/ui-kit 1.7.7 → 1.7.9

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

@@ -1,8 +1,8 @@
-import { jsxs as ee, jsx as H } from "react/jsx-runtime";
-import ze, { useRef as xe, useState as oe, useCallback as te, useEffect as Pe } from "react";
+import { jsxs as te, jsx as Y } from "react/jsx-runtime";
+import ze, { useRef as fe, useState as oe, useCallback as re, useEffect as de } from "react";
 import { useResizeObserver as Ne } from "usehooks-ts";
 import { RefreshCw as Fe, RotateCcw as qe, Check as Be } from "lucide-react";
-import fe from "clsx";
+import he from "clsx";
 import { Button as we } from "../../controls/buttons/button/button.component.js";
 import "../../controls/primitives/box/box.component.js";
 import { baseProps as Ee } from "../../utils/functions/functions.util.js";
@@ -13,21 +13,21 @@ import '../../assets/signature-CYVRZH6h.css';function He(e) {
 }
 function Ye(e) {
   if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
-  var a = e.default;
-  if (typeof a == "function") {
+  var n = e.default;
+  if (typeof n == "function") {
     var r = function t() {
-      var n = !1;
+      var a = !1;
       try {
-        n = this instanceof t;
+        a = this instanceof t;
       } catch {
       }
-      return n ? Reflect.construct(a, arguments, this.constructor) : a.apply(this, arguments);
+      return a ? Reflect.construct(n, arguments, this.constructor) : n.apply(this, arguments);
     };
-    r.prototype = a.prototype;
+    r.prototype = n.prototype;
   } else r = {};
   return Object.defineProperty(r, "__esModule", { value: !0 }), Object.keys(e).forEach(function(t) {
-    var n = Object.getOwnPropertyDescriptor(e, t);
-    Object.defineProperty(r, t, n.get ? n : {
+    var a = Object.getOwnPropertyDescriptor(e, t);
+    Object.defineProperty(r, t, a.get ? a : {
       enumerable: !0,
       get: function() {
         return e[t];
@@ -40,28 +40,28 @@ var Te;
 function Ve() {
   if (Te) return I;
   Te = 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, s = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = 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, 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, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, x = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, q = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function $(d) {
-    if (typeof d == "object" && d !== null) {
-      var Z = d.$$typeof;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, s = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, 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 (d = d.type, d) {
-            case f:
-            case u:
+        case n:
+          switch (f = f.type, f) {
+            case d:
+            case s:
             case t:
             case o:
-            case n:
+            case a:
             case v:
-              return d;
+              return f;
             default:
-              switch (d = d && d.$$typeof, d) {
-                case s:
-                case l:
-                case T:
-                case b:
+              switch (f = f && f.$$typeof, f) {
                 case c:
-                  return d;
+                case u:
+                case x:
+                case b:
+                case l:
+                  return f;
                 default:
                   return Z;
               }
@@ -71,252 +71,252 @@ function Ve() {
       }
     }
   }
-  function j(d) {
-    return $(d) === u;
+  function j(f) {
+    return R(f) === s;
   }
-  return I.AsyncMode = f, I.ConcurrentMode = u, I.ContextConsumer = s, I.ContextProvider = c, I.Element = a, I.ForwardRef = l, I.Fragment = t, I.Lazy = T, I.Memo = b, I.Portal = r, I.Profiler = o, I.StrictMode = n, I.Suspense = v, I.isAsyncMode = function(d) {
-    return j(d) || $(d) === f;
-  }, I.isConcurrentMode = j, I.isContextConsumer = function(d) {
-    return $(d) === s;
-  }, I.isContextProvider = function(d) {
-    return $(d) === c;
-  }, I.isElement = function(d) {
-    return typeof d == "object" && d !== null && d.$$typeof === a;
-  }, I.isForwardRef = function(d) {
-    return $(d) === l;
-  }, I.isFragment = function(d) {
-    return $(d) === t;
-  }, I.isLazy = function(d) {
-    return $(d) === T;
-  }, I.isMemo = function(d) {
-    return $(d) === b;
-  }, I.isPortal = function(d) {
-    return $(d) === r;
-  }, I.isProfiler = function(d) {
-    return $(d) === o;
-  }, I.isStrictMode = function(d) {
-    return $(d) === n;
-  }, I.isSuspense = function(d) {
-    return $(d) === v;
-  }, I.isValidElementType = function(d) {
-    return typeof d == "string" || typeof d == "function" || d === t || d === u || d === o || d === n || d === v || d === y || typeof d == "object" && d !== null && (d.$$typeof === T || d.$$typeof === b || d.$$typeof === c || d.$$typeof === s || d.$$typeof === l || d.$$typeof === x || d.$$typeof === _ || d.$$typeof === q || d.$$typeof === g);
-  }, I.typeOf = $, I;
+  return I.AsyncMode = d, I.ConcurrentMode = s, I.ContextConsumer = c, I.ContextProvider = l, I.Element = n, I.ForwardRef = u, I.Fragment = t, I.Lazy = x, I.Memo = b, I.Portal = r, I.Profiler = o, I.StrictMode = a, I.Suspense = v, I.isAsyncMode = function(f) {
+    return j(f) || R(f) === d;
+  }, I.isConcurrentMode = j, I.isContextConsumer = function(f) {
+    return R(f) === c;
+  }, I.isContextProvider = function(f) {
+    return R(f) === l;
+  }, I.isElement = function(f) {
+    return typeof f == "object" && f !== null && f.$$typeof === n;
+  }, I.isForwardRef = function(f) {
+    return R(f) === u;
+  }, I.isFragment = function(f) {
+    return R(f) === t;
+  }, I.isLazy = function(f) {
+    return R(f) === x;
+  }, I.isMemo = function(f) {
+    return R(f) === b;
+  }, I.isPortal = function(f) {
+    return R(f) === r;
+  }, I.isProfiler = function(f) {
+    return R(f) === o;
+  }, I.isStrictMode = function(f) {
+    return R(f) === a;
+  }, I.isSuspense = function(f) {
+    return R(f) === v;
+  }, I.isValidElementType = function(f) {
+    return typeof f == "string" || typeof f == "function" || f === t || f === s || f === o || f === a || f === v || f === y || typeof f == "object" && f !== null && (f.$$typeof === x || f.$$typeof === b || f.$$typeof === l || f.$$typeof === c || f.$$typeof === u || f.$$typeof === T || f.$$typeof === _ || f.$$typeof === W || f.$$typeof === g);
+  }, I.typeOf = R, I;
 }
 var L = {};
 var Se;
 function Xe() {
   return Se || (Se = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, 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, s = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = 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, 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, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, x = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, q = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function $(p) {
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, s = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, 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 === o || p === n || p === v || p === y || typeof p == "object" && p !== null && (p.$$typeof === T || p.$$typeof === b || p.$$typeof === c || p.$$typeof === s || p.$$typeof === l || p.$$typeof === x || p.$$typeof === _ || p.$$typeof === q || p.$$typeof === g);
+      p === t || p === s || p === o || p === a || p === v || p === y || typeof p == "object" && p !== null && (p.$$typeof === x || p.$$typeof === b || p.$$typeof === l || p.$$typeof === c || p.$$typeof === u || p.$$typeof === T || p.$$typeof === _ || p.$$typeof === W || p.$$typeof === g);
     }
     function j(p) {
       if (typeof p == "object" && p !== null) {
-        var K = p.$$typeof;
-        switch (K) {
-          case a:
+        var G = p.$$typeof;
+        switch (G) {
+          case n:
             var ae = p.type;
             switch (ae) {
-              case f:
-              case u:
+              case d:
+              case s:
               case t:
               case o:
-              case n:
+              case a:
               case v:
                 return ae;
               default:
-                var be = ae && ae.$$typeof;
-                switch (be) {
-                  case s:
-                  case l:
-                  case T:
-                  case b:
+                var Pe = ae && ae.$$typeof;
+                switch (Pe) {
                   case c:
-                    return be;
+                  case u:
+                  case x:
+                  case b:
+                  case l:
+                    return Pe;
                   default:
-                    return K;
+                    return G;
                 }
             }
           case r:
-            return K;
+            return G;
         }
       }
     }
-    var d = f, Z = u, re = s, Q = c, A = a, P = l, N = t, R = T, m = b, F = r, G = o, V = n, X = v, B = !1;
+    var f = d, Z = s, Q = c, K = l, A = n, P = u, q = t, F = x, m = b, H = r, ee = o, z = a, V = v, B = !1;
     function J(p) {
-      return B || (B = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), i(p) || j(p) === f;
+      return B || (B = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), i(p) || j(p) === d;
     }
     function i(p) {
-      return j(p) === u;
+      return j(p) === s;
     }
     function h(p) {
-      return j(p) === s;
+      return j(p) === c;
     }
     function w(p) {
-      return j(p) === c;
+      return j(p) === l;
     }
-    function C(p) {
-      return typeof p == "object" && p !== null && p.$$typeof === a;
+    function O(p) {
+      return typeof p == "object" && p !== null && p.$$typeof === n;
     }
     function E(p) {
-      return j(p) === l;
+      return j(p) === u;
     }
     function M(p) {
       return j(p) === t;
     }
     function S(p) {
-      return j(p) === T;
+      return j(p) === x;
     }
-    function O(p) {
+    function C(p) {
       return j(p) === b;
     }
     function D(p) {
       return j(p) === r;
     }
-    function W(p) {
+    function $(p) {
       return j(p) === o;
     }
     function k(p) {
-      return j(p) === n;
+      return j(p) === a;
     }
-    function Y(p) {
+    function X(p) {
       return j(p) === v;
     }
-    L.AsyncMode = d, L.ConcurrentMode = Z, L.ContextConsumer = re, L.ContextProvider = Q, L.Element = A, L.ForwardRef = P, L.Fragment = N, L.Lazy = R, L.Memo = m, L.Portal = F, L.Profiler = G, L.StrictMode = V, L.Suspense = X, L.isAsyncMode = J, L.isConcurrentMode = i, L.isContextConsumer = h, L.isContextProvider = w, L.isElement = C, L.isForwardRef = E, L.isFragment = M, L.isLazy = S, L.isMemo = O, L.isPortal = D, L.isProfiler = W, L.isStrictMode = k, L.isSuspense = Y, L.isValidElementType = $, L.typeOf = j;
+    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 = w, L.isElement = O, L.isForwardRef = E, L.isFragment = M, L.isLazy = S, L.isMemo = C, L.isPortal = D, L.isProfiler = $, L.isStrictMode = k, L.isSuspense = X, L.isValidElementType = R, L.typeOf = j;
   })()), L;
 }
-var Ce;
+var Oe;
 function $e() {
-  return Ce || (Ce = 1, process.env.NODE_ENV === "production" ? ue.exports = Ve() : ue.exports = Xe()), ue.exports;
+  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? ue.exports = Ve() : ue.exports = Xe()), ue.exports;
 }
-var de, Oe;
+var pe, Ce;
 function Je() {
-  if (Oe) return de;
-  Oe = 1;
-  var e = Object.getOwnPropertySymbols, a = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+  if (Ce) return pe;
+  Ce = 1;
+  var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function t(o) {
     if (o == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(o);
   }
-  function n() {
+  function a() {
     try {
       if (!Object.assign)
         return !1;
       var o = new String("abc");
       if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
         return !1;
-      for (var c = {}, s = 0; s < 10; s++)
-        c["_" + String.fromCharCode(s)] = s;
-      var f = Object.getOwnPropertyNames(c).map(function(l) {
-        return c[l];
+      for (var l = {}, c = 0; c < 10; c++)
+        l["_" + String.fromCharCode(c)] = c;
+      var d = Object.getOwnPropertyNames(l).map(function(u) {
+        return l[u];
       });
-      if (f.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(o, c) {
-    for (var s, f = t(o), u, l = 1; l < arguments.length; l++) {
-      s = Object(arguments[l]);
-      for (var v in s)
-        a.call(s, v) && (f[v] = s[v]);
+  return pe = a() ? Object.assign : function(o, l) {
+    for (var c, d = t(o), s, u = 1; u < arguments.length; u++) {
+      c = Object(arguments[u]);
+      for (var v in c)
+        n.call(c, v) && (d[v] = c[v]);
       if (e) {
-        u = e(s);
-        for (var y = 0; y < u.length; y++)
-          r.call(s, u[y]) && (f[u[y]] = s[u[y]]);
+        s = e(c);
+        for (var y = 0; y < s.length; y++)
+          r.call(c, s[y]) && (d[s[y]] = c[s[y]]);
       }
     }
-    return f;
-  }, de;
+    return d;
+  }, pe;
 }
-var he, Re;
-function _e() {
-  if (Re) return he;
+var ve, Re;
+function be() {
+  if (Re) return ve;
   Re = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return he = e, he;
+  return ve = e, ve;
 }
-var pe, Ae;
+var ye, Ae;
 function We() {
-  return Ae || (Ae = 1, pe = Function.call.bind(Object.prototype.hasOwnProperty)), pe;
+  return Ae || (Ae = 1, ye = Function.call.bind(Object.prototype.hasOwnProperty)), ye;
 }
-var ve, Me;
+var me, Me;
 function Ze() {
-  if (Me) return ve;
+  if (Me) return me;
   Me = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var a = /* @__PURE__ */ _e(), r = {}, t = /* @__PURE__ */ We();
+    var n = /* @__PURE__ */ be(), r = {}, t = /* @__PURE__ */ We();
     e = function(o) {
-      var c = "Warning: " + o;
-      typeof console < "u" && console.error(c);
+      var l = "Warning: " + o;
+      typeof console < "u" && console.error(l);
       try {
-        throw new Error(c);
+        throw new Error(l);
       } catch {
       }
     };
   }
-  function n(o, c, s, f, u) {
+  function a(o, l, c, d, s) {
     if (process.env.NODE_ENV !== "production") {
-      for (var l in o)
-        if (t(o, l)) {
+      for (var u in o)
+        if (t(o, u)) {
           var v;
           try {
-            if (typeof o[l] != "function") {
+            if (typeof o[u] != "function") {
               var y = Error(
-                (f || "React class") + ": " + s + " 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`."
+                (d || "React class") + ": " + c + " 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 y.name = "Invariant Violation", y;
             }
-            v = o[l](c, l, f, s, null, a);
-          } catch (T) {
-            v = T;
+            v = o[u](l, u, d, c, null, n);
+          } catch (x) {
+            v = x;
           }
           if (v && !(v instanceof Error) && e(
-            (f || "React class") + ": type specification of " + s + " `" + 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 + " `" + 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 = u ? u() : "";
+            var b = s ? s() : "";
             e(
-              "Failed " + s + " type: " + v.message + (b ?? "")
+              "Failed " + c + " type: " + v.message + (b ?? "")
             );
           }
         }
     }
   }
-  return n.resetWarningCache = function() {
+  return a.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, ve = n, ve;
+  }, me = a, me;
 }
-var ye, De;
+var _e, De;
 function Ge() {
-  if (De) return ye;
+  if (De) return _e;
   De = 1;
-  var e = $e(), a = Je(), r = /* @__PURE__ */ _e(), t = /* @__PURE__ */ We(), n = /* @__PURE__ */ Ze(), o = function() {
+  var e = $e(), n = Je(), r = /* @__PURE__ */ be(), t = /* @__PURE__ */ We(), a = /* @__PURE__ */ Ze(), o = function() {
   };
-  process.env.NODE_ENV !== "production" && (o = function(s) {
-    var f = "Warning: " + s;
-    typeof console < "u" && console.error(f);
+  process.env.NODE_ENV !== "production" && (o = function(c) {
+    var d = "Warning: " + c;
+    typeof console < "u" && console.error(d);
     try {
-      throw new Error(f);
+      throw new Error(d);
     } catch {
     }
   });
-  function c() {
+  function l() {
     return null;
   }
-  return ye = function(s, f) {
-    var u = typeof Symbol == "function" && Symbol.iterator, l = "@@iterator";
+  return _e = function(c, d) {
+    var s = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
     function v(i) {
-      var h = i && (u && i[u] || i[l]);
+      var h = i && (s && i[s] || i[u]);
       if (typeof h == "function")
         return h;
     }
@@ -329,53 +329,53 @@ function Ge() {
       object: _("object"),
       string: _("string"),
       symbol: _("symbol"),
-      any: q(),
-      arrayOf: $,
+      any: W(),
+      arrayOf: R,
       element: j(),
-      elementType: d(),
+      elementType: f(),
       instanceOf: Z,
       node: P(),
-      objectOf: Q,
-      oneOf: re,
+      objectOf: K,
+      oneOf: Q,
       oneOfType: A,
-      shape: R,
+      shape: F,
       exact: m
     };
-    function T(i, h) {
+    function x(i, h) {
       return i === h ? i !== 0 || 1 / i === 1 / h : i !== i && h !== h;
     }
     function g(i, h) {
       this.message = i, this.data = h && typeof h == "object" ? h : {}, this.stack = "";
     }
     g.prototype = Error.prototype;
-    function x(i) {
+    function T(i) {
       if (process.env.NODE_ENV !== "production")
         var h = {}, w = 0;
-      function C(M, S, O, D, W, k, Y) {
-        if (D = D || y, k = k || O, Y !== r) {
-          if (f) {
+      function O(M, S, C, D, $, k, X) {
+        if (D = D || y, k = k || C, 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 K = D + ":" + O;
-            !h[K] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var G = D + ":" + C;
+            !h[G] && // Avoid spamming the console because they are often not actionable except for lib authors
             w < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + k + "` prop on `" + D + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), h[K] = !0, w++);
+            ), h[G] = !0, w++);
           }
         }
-        return S[O] == null ? M ? S[O] === null ? new g("The " + W + " `" + k + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new g("The " + W + " `" + k + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : i(S, O, D, W, k);
+        return S[C] == null ? M ? S[C] === null ? new g("The " + $ + " `" + k + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new g("The " + $ + " `" + k + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : i(S, C, D, $, k);
       }
-      var E = C.bind(null, !1);
-      return E.isRequired = C.bind(null, !0), E;
+      var E = O.bind(null, !1);
+      return E.isRequired = O.bind(null, !0), E;
     }
     function _(i) {
-      function h(w, C, E, M, S, O) {
-        var D = w[C], W = V(D);
-        if (W !== i) {
-          var k = X(D);
+      function h(w, O, E, M, S, C) {
+        var D = w[O], $ = z(D);
+        if ($ !== i) {
+          var k = V(D);
           return new g(
             "Invalid " + M + " `" + S + "` of type " + ("`" + k + "` supplied to `" + E + "`, expected ") + ("`" + i + "`."),
             { expectedType: i }
@@ -383,169 +383,169 @@ function Ge() {
         }
         return null;
       }
-      return x(h);
+      return T(h);
     }
-    function q() {
-      return x(c);
+    function W() {
+      return T(l);
     }
-    function $(i) {
-      function h(w, C, E, M, S) {
+    function R(i) {
+      function h(w, O, E, M, S) {
         if (typeof i != "function")
           return new g("Property `" + S + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
-        var O = w[C];
-        if (!Array.isArray(O)) {
-          var D = V(O);
+        var C = w[O];
+        if (!Array.isArray(C)) {
+          var D = z(C);
           return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an array."));
         }
-        for (var W = 0; W < O.length; W++) {
-          var k = i(O, W, E, M, S + "[" + W + "]", r);
+        for (var $ = 0; $ < C.length; $++) {
+          var k = i(C, $, E, M, S + "[" + $ + "]", r);
           if (k instanceof Error)
             return k;
         }
         return null;
       }
-      return x(h);
+      return T(h);
     }
     function j() {
-      function i(h, w, C, E, M) {
+      function i(h, w, O, E, M) {
         var S = h[w];
-        if (!s(S)) {
-          var O = V(S);
-          return new g("Invalid " + E + " `" + M + "` of type " + ("`" + O + "` supplied to `" + C + "`, expected a single ReactElement."));
+        if (!c(S)) {
+          var C = z(S);
+          return new g("Invalid " + E + " `" + M + "` of type " + ("`" + C + "` supplied to `" + O + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return x(i);
+      return T(i);
     }
-    function d() {
-      function i(h, w, C, E, M) {
+    function f() {
+      function i(h, w, O, E, M) {
         var S = h[w];
         if (!e.isValidElementType(S)) {
-          var O = V(S);
-          return new g("Invalid " + E + " `" + M + "` of type " + ("`" + O + "` supplied to `" + C + "`, expected a single ReactElement type."));
+          var C = z(S);
+          return new g("Invalid " + E + " `" + M + "` of type " + ("`" + C + "` supplied to `" + O + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return x(i);
+      return T(i);
     }
     function Z(i) {
-      function h(w, C, E, M, S) {
-        if (!(w[C] instanceof i)) {
-          var O = i.name || y, D = J(w[C]);
-          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("instance of `" + O + "`."));
+      function h(w, O, E, M, S) {
+        if (!(w[O] instanceof i)) {
+          var C = i.name || y, D = J(w[O]);
+          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("instance of `" + C + "`."));
         }
         return null;
       }
-      return x(h);
+      return T(h);
     }
-    function re(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])."
-        ) : o("Invalid argument supplied to oneOf, expected an array.")), c;
-      function h(w, C, E, M, S) {
-        for (var O = w[C], D = 0; D < i.length; D++)
-          if (T(O, i[D]))
+        ) : o("Invalid argument supplied to oneOf, expected an array.")), l;
+      function h(w, O, E, M, S) {
+        for (var C = w[O], D = 0; D < i.length; D++)
+          if (x(C, i[D]))
             return null;
-        var W = JSON.stringify(i, function(Y, p) {
-          var K = X(p);
-          return K === "symbol" ? String(p) : p;
+        var $ = JSON.stringify(i, function(X, p) {
+          var G = V(p);
+          return G === "symbol" ? String(p) : p;
         });
-        return new g("Invalid " + M + " `" + S + "` of value `" + String(O) + "` " + ("supplied to `" + E + "`, expected one of " + W + "."));
+        return new g("Invalid " + M + " `" + S + "` of value `" + String(C) + "` " + ("supplied to `" + E + "`, expected one of " + $ + "."));
       }
-      return x(h);
+      return T(h);
     }
-    function Q(i) {
-      function h(w, C, E, M, S) {
+    function K(i) {
+      function h(w, O, E, M, S) {
         if (typeof i != "function")
           return new g("Property `" + S + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
-        var O = w[C], D = V(O);
+        var C = w[O], D = z(C);
         if (D !== "object")
           return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an object."));
-        for (var W in O)
-          if (t(O, W)) {
-            var k = i(O, W, E, M, S + "." + W, r);
+        for (var $ in C)
+          if (t(C, $)) {
+            var k = i(C, $, E, M, S + "." + $, r);
             if (k instanceof Error)
               return k;
           }
         return null;
       }
-      return x(h);
+      return T(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;
+        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), l;
       for (var h = 0; h < i.length; h++) {
         var w = i[h];
         if (typeof w != "function")
           return o(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + B(w) + " at index " + h + "."
-          ), c;
+          ), l;
       }
-      function C(E, M, S, O, D) {
-        for (var W = [], k = 0; k < i.length; k++) {
-          var Y = i[k], p = Y(E, M, S, O, D, r);
+      function O(E, M, S, C, D) {
+        for (var $ = [], k = 0; k < i.length; k++) {
+          var X = i[k], p = X(E, M, S, C, D, r);
           if (p == null)
             return null;
-          p.data && t(p.data, "expectedType") && W.push(p.data.expectedType);
+          p.data && t(p.data, "expectedType") && $.push(p.data.expectedType);
         }
-        var K = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
-        return new g("Invalid " + O + " `" + D + "` supplied to " + ("`" + S + "`" + K + "."));
+        var G = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : "";
+        return new g("Invalid " + C + " `" + D + "` supplied to " + ("`" + S + "`" + G + "."));
       }
-      return x(C);
+      return T(O);
     }
     function P() {
-      function i(h, w, C, E, M) {
-        return F(h[w]) ? null : new g("Invalid " + E + " `" + M + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
+      function i(h, w, O, E, M) {
+        return H(h[w]) ? null : new g("Invalid " + E + " `" + M + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
       }
-      return x(i);
+      return T(i);
     }
-    function N(i, h, w, C, E) {
+    function q(i, h, w, O, E) {
       return new g(
-        (i || "React class") + ": " + h + " type `" + w + "." + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
+        (i || "React class") + ": " + h + " type `" + w + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
       );
     }
-    function R(i) {
-      function h(w, C, E, M, S) {
-        var O = w[C], D = V(O);
+    function F(i) {
+      function h(w, O, E, M, S) {
+        var C = w[O], D = z(C);
         if (D !== "object")
           return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
-        for (var W in i) {
-          var k = i[W];
+        for (var $ in i) {
+          var k = i[$];
           if (typeof k != "function")
-            return N(E, M, S, W, X(k));
-          var Y = k(O, W, E, M, S + "." + W, r);
-          if (Y)
-            return Y;
+            return q(E, M, S, $, V(k));
+          var X = k(C, $, E, M, S + "." + $, r);
+          if (X)
+            return X;
         }
         return null;
       }
-      return x(h);
+      return T(h);
     }
     function m(i) {
-      function h(w, C, E, M, S) {
-        var O = w[C], D = V(O);
+      function h(w, O, E, M, S) {
+        var C = w[O], D = z(C);
         if (D !== "object")
           return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
-        var W = a({}, w[C], i);
-        for (var k in W) {
-          var Y = i[k];
-          if (t(i, k) && typeof Y != "function")
-            return N(E, M, S, k, X(Y));
-          if (!Y)
+        var $ = n({}, w[O], i);
+        for (var k in $) {
+          var X = i[k];
+          if (t(i, k) && typeof X != "function")
+            return q(E, M, S, k, V(X));
+          if (!X)
             return new g(
-              "Invalid " + M + " `" + S + "` key `" + k + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(w[C], null, "  ") + `
+              "Invalid " + M + " `" + S + "` key `" + k + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(w[O], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
             );
-          var p = Y(O, k, E, M, S + "." + k, r);
+          var p = X(C, k, E, M, S + "." + k, r);
           if (p)
             return p;
         }
         return null;
       }
-      return x(h);
+      return T(h);
     }
-    function F(i) {
+    function H(i) {
       switch (typeof i) {
         case "number":
         case "string":
@@ -555,20 +555,20 @@ Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
           return !i;
         case "object":
           if (Array.isArray(i))
-            return i.every(F);
-          if (i === null || s(i))
+            return i.every(H);
+          if (i === null || c(i))
             return !0;
           var h = v(i);
           if (h) {
-            var w = h.call(i), C;
+            var w = h.call(i), O;
             if (h !== i.entries) {
-              for (; !(C = w.next()).done; )
-                if (!F(C.value))
+              for (; !(O = w.next()).done; )
+                if (!H(O.value))
                   return !1;
             } else
-              for (; !(C = w.next()).done; ) {
-                var E = C.value;
-                if (E && !F(E[1]))
+              for (; !(O = w.next()).done; ) {
+                var E = O.value;
+                if (E && !H(E[1]))
                   return !1;
               }
           } else
@@ -578,17 +578,17 @@ Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
           return !1;
       }
     }
-    function G(i, h) {
+    function ee(i, h) {
       return i === "symbol" ? !0 : h ? h["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && h instanceof Symbol : !1;
     }
-    function V(i) {
+    function z(i) {
       var h = typeof i;
-      return Array.isArray(i) ? "array" : i instanceof RegExp ? "object" : G(h, i) ? "symbol" : h;
+      return Array.isArray(i) ? "array" : i instanceof RegExp ? "object" : ee(h, i) ? "symbol" : h;
     }
-    function X(i) {
+    function V(i) {
       if (typeof i > "u" || i === null)
         return "" + i;
-      var h = V(i);
+      var h = z(i);
       if (h === "object") {
         if (i instanceof Date)
           return "date";
@@ -598,7 +598,7 @@ Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
       return h;
     }
     function B(i) {
-      var h = X(i);
+      var h = V(i);
       switch (h) {
         case "array":
         case "object":
@@ -614,20 +614,20 @@ Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
     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;
+    return b.checkPropTypes = a, b.resetWarningCache = a.resetWarningCache, b.PropTypes = b, b;
+  }, _e;
 }
-var me, ke;
+var ge, ke;
 function Ke() {
-  if (ke) return me;
+  if (ke) return ge;
   ke = 1;
-  var e = /* @__PURE__ */ _e();
-  function a() {
+  var e = /* @__PURE__ */ be();
+  function n() {
   }
   function r() {
   }
-  return r.resetWarningCache = a, me = function() {
-    function t(c, s, f, u, l, v) {
+  return r.resetWarningCache = n, ge = function() {
+    function t(l, c, d, s, u, v) {
       if (v !== e) {
         var y = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -636,7 +636,7 @@ function Ke() {
       }
     }
     t.isRequired = t;
-    function n() {
+    function a() {
       return t;
     }
     var o = {
@@ -649,34 +649,34 @@ function Ke() {
       string: t,
       symbol: t,
       any: t,
-      arrayOf: n,
+      arrayOf: a,
       element: t,
       elementType: t,
-      instanceOf: n,
+      instanceOf: a,
       node: t,
-      objectOf: n,
-      oneOf: n,
-      oneOfType: n,
-      shape: n,
-      exact: n,
+      objectOf: a,
+      oneOf: a,
+      oneOfType: a,
+      shape: a,
+      exact: a,
       checkPropTypes: r,
-      resetWarningCache: a
+      resetWarningCache: n
     };
     return o.PropTypes = o, o;
-  }, me;
+  }, ge;
 }
 var je;
 function Qe() {
   if (je) return se.exports;
   if (je = 1, process.env.NODE_ENV !== "production") {
-    var e = $e(), a = !0;
-    se.exports = /* @__PURE__ */ Ge()(e.isElement, a);
+    var e = $e(), n = !0;
+    se.exports = /* @__PURE__ */ Ge()(e.isElement, n);
   } else
     se.exports = /* @__PURE__ */ Ke()();
   return se.exports;
 }
-function ne(e, a, r) {
-  this.x = e, this.y = a, this.time = r || (/* @__PURE__ */ new Date()).getTime();
+function ne(e, n, r) {
+  this.x = e, this.y = n, this.time = r || (/* @__PURE__ */ new Date()).getTime();
 }
 ne.prototype.velocityFrom = function(e) {
   return this.time !== e.time ? this.distanceTo(e) / (this.time - e.time) : 1;
@@ -687,98 +687,98 @@ ne.prototype.distanceTo = 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) {
-  this.startPoint = e, this.control1 = a, this.control2 = r, this.endPoint = t;
+function xe(e, n, r, t) {
+  this.startPoint = e, this.control1 = n, this.control2 = r, this.endPoint = t;
 }
-ge.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, c = this._point(o, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), s = this._point(o, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
-    if (n > 0) {
-      var f = c - r, u = s - t;
-      a += Math.sqrt(f * f + u * u);
+xe.prototype.length = function() {
+  for (var e = 10, n = 0, r = void 0, t = void 0, a = 0; a <= e; a += 1) {
+    var o = a / e, l = this._point(o, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), c = this._point(o, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
+    if (a > 0) {
+      var d = l - r, s = c - t;
+      n += Math.sqrt(d * d + s * s);
     }
-    r = c, t = s;
+    r = l, t = c;
   }
-  return a;
+  return n;
 };
-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;
+xe.prototype._point = function(e, n, r, t, a) {
+  return n * (1 - e) * (1 - e) * (1 - e) + 3 * r * (1 - e) * (1 - e) * e + 3 * t * (1 - e) * e * e + a * e * e * e;
 };
-function et(e, a, r) {
-  var t, n, o, c = null, s = 0;
+function et(e, n, r) {
+  var t, a, o, l = null, c = 0;
   r || (r = {});
-  var f = function() {
-    s = r.leading === !1 ? 0 : Date.now(), c = null, o = e.apply(t, n), c || (t = n = null);
+  var d = function() {
+    c = r.leading === !1 ? 0 : Date.now(), l = null, o = e.apply(t, a), l || (t = a = null);
   };
   return function() {
-    var u = Date.now();
-    !s && r.leading === !1 && (s = u);
-    var l = a - (u - s);
-    return t = this, n = arguments, l <= 0 || l > a ? (c && (clearTimeout(c), c = null), s = u, o = e.apply(t, n), c || (t = n = null)) : !c && r.trailing !== !1 && (c = setTimeout(f, l)), o;
+    var s = Date.now();
+    !c && r.leading === !1 && (c = s);
+    var u = n - (s - c);
+    return t = this, a = arguments, u <= 0 || u > n ? (l && (clearTimeout(l), l = null), c = s, o = e.apply(t, a), l || (t = a = null)) : !l && r.trailing !== !1 && (l = setTimeout(d, u)), o;
   };
 }
-function z(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() {
+function N(e, n) {
+  var r = this, t = n || {};
+  this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = "throttle" in t ? t.throttle : 16, this.minDistance = "minDistance" in t ? t.minDistance : 5, this.throttle ? this._strokeMoveUpdate = et(N.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = N.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
     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));
-  }, this._handleMouseMove = function(n) {
-    r._mouseButtonDown && r._strokeMoveUpdate(n);
-  }, this._handleMouseUp = function(n) {
-    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];
+  }, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.onBegin = t.onBegin, this.onEnd = t.onEnd, this._canvas = e, this._ctx = e.getContext("2d"), this.clear(), this._handleMouseDown = function(a) {
+    a.which === 1 && (r._mouseButtonDown = !0, r._strokeBegin(a));
+  }, this._handleMouseMove = function(a) {
+    r._mouseButtonDown && r._strokeMoveUpdate(a);
+  }, this._handleMouseUp = function(a) {
+    a.which === 1 && r._mouseButtonDown && (r._mouseButtonDown = !1, r._strokeEnd(a));
+  }, this._handleTouchStart = function(a) {
+    if (a.targetTouches.length === 1) {
+      var o = a.changedTouches[0];
       r._strokeBegin(o);
     }
-  }, this._handleTouchMove = function(n) {
-    n.preventDefault();
-    var o = n.targetTouches[0];
+  }, this._handleTouchMove = function(a) {
+    a.preventDefault();
+    var o = a.targetTouches[0];
     r._strokeMoveUpdate(o);
-  }, this._handleTouchEnd = function(n) {
-    var o = n.target === r._canvas;
-    o && (n.preventDefault(), r._strokeEnd(n));
+  }, this._handleTouchEnd = function(a) {
+    var o = a.target === r._canvas;
+    o && (a.preventDefault(), r._strokeEnd(a));
   }, this.on();
 }
-z.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;
+N.prototype.clear = function() {
+  var e = this._ctx, n = this._canvas;
+  e.fillStyle = this.backgroundColor, e.clearRect(0, 0, n.width, n.height), e.fillRect(0, 0, n.width, n.height), this._data = [], this._reset(), this._isEmpty = !0;
 };
-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, o = r.width || this._canvas.width / n, c = r.height || this._canvas.height / n;
+N.prototype.fromDataURL = function(e) {
+  var n = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = new Image(), a = r.ratio || window.devicePixelRatio || 1, o = r.width || this._canvas.width / a, l = r.height || this._canvas.height / a;
   this._reset(), t.src = e, t.onload = function() {
-    a._ctx.drawImage(t, 0, 0, o, c);
+    n._ctx.drawImage(t, 0, 0, o, l);
   }, this._isEmpty = !1;
 };
-z.prototype.toDataURL = function(e) {
-  var a;
+N.prototype.toDataURL = function(e) {
+  var n;
   switch (e) {
     case "image/svg+xml":
       return this._toSVG();
     default:
-      for (var r = arguments.length, t = Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-        t[n - 1] = arguments[n];
-      return (a = this._canvas).toDataURL.apply(a, [e].concat(t));
+      for (var r = arguments.length, t = Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
+        t[a - 1] = arguments[a];
+      return (n = this._canvas).toDataURL.apply(n, [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], o = n && n[n.length - 1], c = o && t.distanceTo(o) < this.minDistance;
-  if (!(o && c)) {
-    var s = this._addPoint(t), f = s.curve, u = s.widths;
-    f && u && this._drawCurve(f, u.start, u.end), this._data[this._data.length - 1].push({
+N.prototype._strokeUpdate = function(e) {
+  var n = e.clientX, r = e.clientY, t = this._createPoint(n, r), a = this._data[this._data.length - 1], o = a && a[a.length - 1], l = o && t.distanceTo(o) < this.minDistance;
+  if (!(o && l)) {
+    var c = this._addPoint(t), d = c.curve, s = c.widths;
+    d && s && this._drawCurve(d, s.start, s.end), this._data[this._data.length - 1].push({
       x: t.x,
       y: t.y,
       time: t.time,
@@ -786,11 +786,11 @@ z.prototype._strokeUpdate = function(e) {
     });
   }
 };
-z.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];
-    r.equals(n) || t.push({
+N.prototype._strokeEnd = function(e) {
+  var n = this.points.length > 2, r = this.points[0];
+  if (!n && r && this._drawDot(r), r) {
+    var t = this._data[this._data.length - 1], a = t[t.length - 1];
+    r.equals(a) || t.push({
       x: r.x,
       y: r.y,
       time: r.time,
@@ -799,183 +799,183 @@ 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, n, r) {
   var t = this._canvas.getBoundingClientRect();
-  return new ne(e - t.left, a - t.top, r || (/* @__PURE__ */ new Date()).getTime());
+  return new ne(e - t.left, n - t.top, r || (/* @__PURE__ */ new Date()).getTime());
 };
-z.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]);
+N.prototype._addPoint = function(e) {
+  var n = this.points, r = void 0;
+  if (n.push(e), n.length > 2) {
+    n.length === 3 && n.unshift(n[0]), r = this._calculateCurveControlPoints(n[0], n[1], n[2]);
     var t = r.c2;
-    r = this._calculateCurveControlPoints(a[1], a[2], a[3]);
-    var n = r.c1, o = new ge(a[1], t, n, a[2]), c = this._calculateCurveWidths(o);
-    return a.shift(), { curve: o, widths: c };
+    r = this._calculateCurveControlPoints(n[1], n[2], n[3]);
+    var a = r.c1, o = new xe(n[1], t, a, n[2]), l = this._calculateCurveWidths(o);
+    return n.shift(), { curve: o, widths: l };
   }
   return {};
 };
-z.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, s = { x: (e.x + a.x) / 2, y: (e.y + a.y) / 2 }, f = { x: (a.x + r.x) / 2, y: (a.y + r.y) / 2 }, u = Math.sqrt(t * t + n * n), l = Math.sqrt(o * o + c * c), v = s.x - f.x, y = s.y - f.y, b = l / (u + l), T = { x: f.x + v * b, y: f.y + y * b }, g = a.x - T.x, x = a.y - T.y;
+N.prototype._calculateCurveControlPoints = function(e, n, r) {
+  var t = e.x - n.x, a = e.y - n.y, o = n.x - r.x, l = n.y - r.y, c = { x: (e.x + n.x) / 2, y: (e.y + n.y) / 2 }, d = { x: (n.x + r.x) / 2, y: (n.y + r.y) / 2 }, s = Math.sqrt(t * t + a * a), u = Math.sqrt(o * o + l * l), v = c.x - d.x, y = c.y - d.y, b = u / (s + u), x = { x: d.x + v * b, y: d.y + y * b }, g = n.x - x.x, T = n.y - x.y;
   return {
-    c1: new ne(s.x + g, s.y + x),
-    c2: new ne(f.x + g, f.y + x)
+    c1: new ne(c.x + g, c.y + T),
+    c2: new ne(d.x + g, 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, o = this._strokeWidth(n);
-  return t.start = this._lastWidth, t.end = o, this._lastVelocity = n, this._lastWidth = o, t;
+N.prototype._calculateCurveWidths = function(e) {
+  var n = e.startPoint, r = e.endPoint, t = { start: null, end: null }, a = this.velocityFilterWeight * r.velocityFrom(n) + (1 - this.velocityFilterWeight) * this._lastVelocity, o = this._strokeWidth(a);
+  return t.start = this._lastWidth, t.end = o, this._lastVelocity = a, this._lastWidth = o, t;
 };
-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, n, r) {
   var t = this._ctx;
-  t.moveTo(e, a), t.arc(e, a, r, 0, 2 * Math.PI, !1), this._isEmpty = !1;
+  t.moveTo(e, n), t.arc(e, n, r, 0, 2 * Math.PI, !1), this._isEmpty = !1;
 };
-z.prototype._drawCurve = function(e, a, r) {
-  var t = this._ctx, n = r - a, o = Math.floor(e.length());
+N.prototype._drawCurve = function(e, n, r) {
+  var t = this._ctx, a = r - n, o = Math.floor(e.length());
   t.beginPath();
-  for (var c = 0; c < o; c += 1) {
-    var s = c / o, f = s * s, u = f * s, l = 1 - s, v = l * l, y = v * l, b = y * e.startPoint.x;
-    b += 3 * v * s * e.control1.x, b += 3 * l * f * e.control2.x, b += u * e.endPoint.x;
-    var T = y * e.startPoint.y;
-    T += 3 * v * s * e.control1.y, T += 3 * l * f * e.control2.y, T += u * e.endPoint.y;
-    var g = a + u * n;
-    this._drawPoint(b, T, g);
+  for (var l = 0; l < o; l += 1) {
+    var c = l / o, d = c * c, s = d * c, u = 1 - c, v = u * u, y = v * u, b = y * e.startPoint.x;
+    b += 3 * v * c * e.control1.x, b += 3 * u * d * e.control2.x, b += s * e.endPoint.x;
+    var x = y * e.startPoint.y;
+    x += 3 * v * c * e.control1.y, x += 3 * u * d * e.control2.y, x += s * e.endPoint.y;
+    var g = n + s * a;
+    this._drawPoint(b, x, g);
   }
   t.closePath(), t.fill();
 };
-z.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();
+N.prototype._drawDot = function(e) {
+  var n = this._ctx, r = typeof this.dotSize == "function" ? this.dotSize() : this.dotSize;
+  n.beginPath(), this._drawPoint(e.x, e.y, r), n.closePath(), n.fill();
 };
-z.prototype._fromData = function(e, a, r) {
+N.prototype._fromData = function(e, n, 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 c = n[o], s = new ne(c.x, c.y, c.time), f = c.color;
+    var a = e[t];
+    if (a.length > 1)
+      for (var o = 0; o < a.length; o += 1) {
+        var l = a[o], c = new ne(l.x, l.y, l.time), d = l.color;
         if (o === 0)
-          this.penColor = f, this._reset(), this._addPoint(s);
-        else if (o !== n.length - 1) {
-          var u = this._addPoint(s), l = u.curve, v = u.widths;
-          l && v && a(l, v, f);
+          this.penColor = d, this._reset(), this._addPoint(c);
+        else if (o !== a.length - 1) {
+          var s = this._addPoint(c), u = s.curve, v = s.widths;
+          u && v && n(u, v, d);
         }
       }
     else {
       this._reset();
-      var y = n[0];
+      var y = a[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, o = 0, c = r.width / t, s = r.height / t, f = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  f.setAttributeNS(null, "width", r.width), f.setAttributeNS(null, "height", r.height), this._fromData(a, function(_, q, $) {
+N.prototype._toSVG = function() {
+  var e = this, n = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), a = 0, o = 0, l = r.width / t, c = r.height / t, d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  d.setAttributeNS(null, "width", r.width), d.setAttributeNS(null, "height", r.height), this._fromData(n, function(_, W, R) {
     var j = document.createElement("path");
     if (!isNaN(_.control1.x) && !isNaN(_.control1.y) && !isNaN(_.control2.x) && !isNaN(_.control2.y)) {
-      var d = "M " + _.startPoint.x.toFixed(3) + "," + _.startPoint.y.toFixed(3) + " " + ("C " + _.control1.x.toFixed(3) + "," + _.control1.y.toFixed(3) + " ") + (_.control2.x.toFixed(3) + "," + _.control2.y.toFixed(3) + " ") + (_.endPoint.x.toFixed(3) + "," + _.endPoint.y.toFixed(3));
-      j.setAttribute("d", d), j.setAttribute("stroke-width", (q.end * 2.25).toFixed(3)), j.setAttribute("stroke", $), j.setAttribute("fill", "none"), j.setAttribute("stroke-linecap", "round"), f.appendChild(j);
+      var f = "M " + _.startPoint.x.toFixed(3) + "," + _.startPoint.y.toFixed(3) + " " + ("C " + _.control1.x.toFixed(3) + "," + _.control1.y.toFixed(3) + " ") + (_.control2.x.toFixed(3) + "," + _.control2.y.toFixed(3) + " ") + (_.endPoint.x.toFixed(3) + "," + _.endPoint.y.toFixed(3));
+      j.setAttribute("d", f), j.setAttribute("stroke-width", (W.end * 2.25).toFixed(3)), j.setAttribute("stroke", R), j.setAttribute("fill", "none"), j.setAttribute("stroke-linecap", "round"), d.appendChild(j);
     }
   }, function(_) {
-    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), f.appendChild(q);
+    var W = document.createElement("circle"), R = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
+    W.setAttribute("r", R), W.setAttribute("cx", _.x), W.setAttribute("cy", _.y), W.setAttribute("fill", _.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 + " " + o + " " + c + " " + s + '"') + (' width="' + c + '"') + (' height="' + s + '"') + ">", v = f.innerHTML;
+  var s = "data:image/svg+xml;base64,", u = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + a + " " + o + " " + l + " " + c + '"') + (' width="' + l + '"') + (' height="' + c + '"') + ">", v = d.innerHTML;
   if (v === void 0) {
-    var y = document.createElement("dummy"), b = f.childNodes;
+    var y = document.createElement("dummy"), b = d.childNodes;
     y.innerHTML = "";
-    for (var T = 0; T < b.length; T += 1)
-      y.appendChild(b[T].cloneNode(!0));
+    for (var x = 0; x < b.length; x += 1)
+      y.appendChild(b[x].cloneNode(!0));
     v = y.innerHTML;
   }
-  var g = "</svg>", x = l + v + g;
-  return u + btoa(x);
+  var g = "</svg>", T = u + v + g;
+  return s + btoa(T);
 };
-z.prototype.fromData = function(e) {
-  var a = this;
+N.prototype.fromData = function(e) {
+  var n = this;
   this.clear(), this._fromData(e, function(r, t) {
-    return a._drawCurve(r, t.start, t.end);
+    return n._drawCurve(r, t.start, t.end);
   }, function(r) {
-    return a._drawDot(r);
+    return n._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, Ie;
 function at() {
-  return Ie || (Ie = 1, (function(e, a) {
+  return Ie || (Ie = 1, (function(e, n) {
     (function(r, t) {
       e.exports = t();
     })(nt, function() {
       return (function(r) {
         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;
+          if (a[o]) return a[o].exports;
+          var l = a[o] = { exports: {}, id: o, loaded: !1 };
+          return r[o].call(l.exports, l, l.exports, t), l.loaded = !0, l.exports;
         }
-        var n = {};
-        return t.m = r, t.c = n, t.p = "", t(0);
+        var a = {};
+        return t.m = r, t.c = a, t.p = "", t(0);
       })([function(r, t) {
-        function n(u) {
-          var l = u.getContext("2d"), v = u.width, y = u.height, b = l.getImageData(0, 0, v, y).data, T = s(!0, v, y, b), g = s(!1, v, y, b), x = f(!0, v, y, b), _ = f(!1, v, y, b), q = _ - x + 1, $ = g - T + 1, j = l.getImageData(x, T, q, $);
-          return u.width = q, u.height = $, l.clearRect(0, 0, q, $), l.putImageData(j, 0, 0), u;
+        function a(s) {
+          var u = s.getContext("2d"), v = s.width, y = s.height, b = u.getImageData(0, 0, v, y).data, x = c(!0, v, y, b), g = c(!1, v, y, b), T = d(!0, v, y, b), _ = d(!1, v, y, b), W = _ - T + 1, R = g - 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 o(u, l, v, y) {
-          return { red: y[4 * (v * l + u)], green: y[4 * (v * l + u) + 1], blue: y[4 * (v * l + u) + 2], alpha: y[4 * (v * 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, v, y) {
-          return o(u, l, v, y).alpha;
+        function l(s, u, v, y) {
+          return o(s, u, v, y).alpha;
         }
-        function s(u, l, v, y) {
-          for (var b = u ? 1 : -1, T = u ? 0 : v - 1, g = T; u ? g < v : g > -1; g += b) for (var x = 0; x < l; x++) if (c(x, g, l, y)) return g;
+        function c(s, u, v, y) {
+          for (var b = s ? 1 : -1, x = s ? 0 : v - 1, g = x; s ? g < v : g > -1; g += b) for (var T = 0; T < u; T++) if (l(T, g, u, y)) return g;
           return null;
         }
-        function f(u, l, v, y) {
-          for (var b = u ? 1 : -1, T = u ? 0 : l - 1, g = T; u ? g < l : g > -1; g += b) for (var x = 0; x < v; x++) if (c(g, x, l, y)) return g;
+        function d(s, u, v, y) {
+          for (var b = s ? 1 : -1, x = s ? 0 : u - 1, g = x; s ? g < u : g > -1; g += b) for (var T = 0; T < v; T++) if (l(g, T, u, y)) return g;
           return null;
         }
-        Object.defineProperty(t, "__esModule", { value: !0 }), t.default = n;
+        Object.defineProperty(t, "__esModule", { value: !0 }), t.default = a;
       }]);
     });
   })(le)), le.exports;
 }
 var ot = ce.exports, Le;
 function it() {
-  return Le || (Le = 1, (function(e, a) {
+  return Le || (Le = 1, (function(e, n) {
     (function(r, t) {
       e.exports = t(/* @__PURE__ */ Qe(), ze, rt, at());
-    })(ot, function(r, t, n, o) {
-      return (function(c) {
-        function s(u) {
-          if (f[u]) return f[u].exports;
-          var l = f[u] = { exports: {}, id: u, loaded: !1 };
-          return c[u].call(l.exports, l, l.exports, s), l.loaded = !0, l.exports;
+    })(ot, function(r, t, a, o) {
+      return (function(l) {
+        function c(s) {
+          if (d[s]) return d[s].exports;
+          var u = d[s] = { exports: {}, id: s, loaded: !1 };
+          return l[s].call(u.exports, u, u.exports, c), u.loaded = !0, u.exports;
         }
-        var f = {};
-        return s.m = c, s.c = f, s.p = "", s(0);
-      })([function(c, s, f) {
-        function u(A) {
+        var d = {};
+        return c.m = l, c.c = d, c.p = "", c(0);
+      })([function(l, c, d) {
+        function s(A) {
           return A && A.__esModule ? A : { default: A };
         }
-        function l(A, P) {
-          var N = {};
-          for (var R in A) P.indexOf(R) >= 0 || Object.prototype.hasOwnProperty.call(A, R) && (N[R] = A[R]);
-          return N;
+        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 v(A, P) {
           if (!(A instanceof P)) throw new TypeError("Cannot call a class as a function");
@@ -988,36 +988,36 @@ function it() {
           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(s, "__esModule", { value: !0 });
-        var T = Object.assign || function(A) {
+        Object.defineProperty(c, "__esModule", { value: !0 });
+        var x = Object.assign || function(A) {
           for (var P = 1; P < arguments.length; P++) {
-            var N = arguments[P];
-            for (var R in N) Object.prototype.hasOwnProperty.call(N, R) && (A[R] = N[R]);
+            var q = arguments[P];
+            for (var F in q) Object.prototype.hasOwnProperty.call(q, F) && (A[F] = q[F]);
           }
           return A;
         }, g = /* @__PURE__ */ (function() {
-          function A(P, N) {
-            for (var R = 0; R < N.length; R++) {
-              var m = N[R];
+          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(P, N, R) {
-            return N && A(P.prototype, N), R && A(P, R), P;
+          return function(P, q, F) {
+            return q && A(P.prototype, q), F && A(P, F), P;
           };
-        })(), x = f(1), _ = u(x), q = f(2), $ = u(q), j = f(3), d = u(j), Z = f(4), re = u(Z), Q = (function(A) {
+        })(), T = d(1), _ = 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 N, R, m, F;
+            var q, F, m, H;
             v(this, P);
-            for (var G = arguments.length, V = Array(G), X = 0; X < G; X++) V[X] = arguments[X];
-            return R = m = y(this, (N = P.__proto__ || Object.getPrototypeOf(P)).call.apply(N, [this].concat(V))), m._sigPad = null, m._excludeOurProps = function() {
-              var B = m.props, J = (B.canvasProps, B.clearOnResize, l(B, ["canvasProps", "clearOnResize"]));
+            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;
             }, 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, re.default)(B);
+              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() {
@@ -1044,36 +1044,36 @@ function it() {
               return m._sigPad.fromData(B);
             }, m.toData = function() {
               return m._sigPad.toData();
-            }, F = R, y(m, F);
+            }, H = F, y(m, H);
           }
           return b(P, A), g(P, [{ key: "componentDidMount", value: function() {
-            this._sigPad = new d.default(this._canvas, this._excludeOurProps()), this._resizeCanvas(), this.on();
+            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 N = this, R = this.props.canvasProps;
-            return $.default.createElement("canvas", T({ ref: function(m) {
-              N._canvas = m;
-            } }, R));
+            var q = this, F = this.props.canvasProps;
+            return R.default.createElement("canvas", x({ ref: function(m) {
+              q._canvas = m;
+            } }, F));
           } }]), P;
-        })(q.Component);
-        Q.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 }, Q.defaultProps = { clearOnResize: !0 }, s.default = Q;
-      }, function(c, s) {
-        c.exports = r;
-      }, function(c, s) {
-        c.exports = t;
-      }, function(c, s) {
-        c.exports = n;
-      }, function(c, s) {
-        c.exports = o;
+        })(W.Component);
+        K.propTypes = { velocityFilterWeight: _.default.number, minWidth: _.default.number, maxWidth: _.default.number, minDistance: _.default.number, dotSize: _.default.oneOfType([_.default.number, _.default.func]), penColor: _.default.string, throttle: _.default.number, onEnd: _.default.func, onBegin: _.default.func, canvasProps: _.default.object, clearOnResize: _.default.bool }, K.defaultProps = { clearOnResize: !0 }, c.default = K;
+      }, function(l, c) {
+        l.exports = r;
+      }, function(l, c) {
+        l.exports = t;
+      }, function(l, c) {
+        l.exports = a;
+      }, function(l, c) {
+        l.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", U = {
+const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_7", ft = "_MainAuto_1sp4s_17", dt = "_MainManual_1sp4s_21", ht = "_Footer_1sp4s_27", pt = "_Header_1sp4s_37", vt = "_HeaderTitle_1sp4s_47", yt = "_HeaderManualDraw_1sp4s_52", mt = "_HeaderNotManualDraw_1sp4s_56", _t = "_HeaderReset_1sp4s_60", gt = "_ManualPanel_1sp4s_71", bt = "_ManualPanelButton_1sp4s_82", xt = "_AutoPanel_1sp4s_97", Pt = "_AutoPanelImage_1sp4s_104", wt = "_AutoPanelLoader_1sp4s_110", Et = "_AutoPanelButton_1sp4s_117", Tt = "_AutoPanelLabel_1sp4s_121", St = "_AutoPanelLabelIcon_1sp4s_129", Ot = "_AutoPanelLabelText_1sp4s_135", Ct = "_AutoPanelError_1sp4s_142", Rt = "_AutoPanelErrorTitle_1sp4s_151", U = {
   Signature: ct,
   Main: lt,
   MainAuto: ft,
@@ -1092,97 +1092,100 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
   AutoPanelButton: Et,
   AutoPanelLabel: Tt,
   AutoPanelLabelIcon: St,
-  AutoPanelLabelText: Ct,
-  AutoPanelError: Ot,
+  AutoPanelLabelText: Ot,
+  AutoPanelError: Ct,
   AutoPanelErrorTitle: Rt
 }, Nt = ({
   // Signature props
-  auto: e,
-  manual: a,
-  getSignature: r,
-  onChangeManual: t,
-  onChangeAuto: n,
+  name: e,
+  auto: n,
+  manual: r,
+  getSignature: t,
+  onChangeManual: a,
+  onChangeAuto: o,
   // Base props
-  ...o
+  ...l
 }) => {
-  const c = xe(null), s = xe(!1), [f, u] = oe(null), [l, v] = oe(a ? "manual" : "auto"), [y, b] = oe(""), [T, g] = oe(!1), { width: x = 0, height: _ = 0 } = Ne({ ref: c, box: "border-box" }), q = l === "auto" ? e ? "auto-generated" : "auto-loading" : y ? "manual-drawn" : a ? "manual-stored" : "manual-blank", $ = e !== "" || T, j = a || y, d = te(
-    (F) => {
-      !f || !x || !_ || !F || f.fromDataURL(F, {
-        width: +x.toFixed(),
-        height: +_.toFixed()
+  const c = fe(null), d = fe(e), s = fe(!1), [u, v] = oe(null), [y, b] = oe(r ? "manual" : "auto"), [x, g] = oe(""), [T, _] = oe(!1), { width: W = 0, height: R = 0 } = Ne({ ref: c, box: "border-box" }), j = y === "auto" ? n ? "auto-generated" : "auto-loading" : x ? "manual-drawn" : r ? "manual-stored" : "manual-blank", f = n !== "" || T, Z = r || x, Q = re(
+    (z) => {
+      !u || !W || !R || !z || u.fromDataURL(z, {
+        width: +W.toFixed(),
+        height: +R.toFixed()
       });
     },
-    [f, x, _]
-  ), Z = te(() => {
-    if (!f) return;
-    const F = f.getCanvas().toDataURL("image/png");
-    b(F), t(F);
-  }, [f, t]), re = te(() => {
-    f && (f.clear(), b(""), t(""));
-  }, [f, t]), Q = te(() => {
-    v("auto"), b("");
-  }, []), A = te(() => {
-    v("manual");
-  }, []), P = te(() => {
-    v("auto"), b(""), t("");
-  }, [t]), N = te(() => {
-    y && b("");
-  }, [y]), R = (F) => F.includes(q);
-  Pe(() => {
-    l === "manual" && y && x && _ && d(y);
-  }, [l, y, x, _, d]), Pe(() => {
-    if (e) {
+    [u, W, R]
+  ), K = re(() => {
+    if (!u) return;
+    const z = u.getCanvas().toDataURL("image/png");
+    g(z), a(z);
+  }, [u, a]), A = re(() => {
+    u && (u.clear(), g(""), a(""));
+  }, [u, a]), P = re(() => {
+    b("auto"), g("");
+  }, []), q = re(() => {
+    b("manual");
+  }, []), F = re(() => {
+    b("auto"), g(""), a("");
+  }, [a]), m = re(() => {
+    x && g("");
+  }, [x]), H = (z) => z.includes(j);
+  de(() => {
+    y === "manual" && x && W && R && Q(x);
+  }, [y, x, W, R, Q]), de(() => {
+    d.current !== e && (d.current = e, s.current = !1, _(!1), o(""));
+  }, [e, o]), de(() => {
+    if (n) {
       s.current = !1;
       return;
     }
-    s.current || (s.current = !0, r().then((F) => {
-      const G = `data:image/png;base64,${F.signature}`;
-      g(!1), n(G);
+    s.current || (s.current = !0, t().then((z) => {
+      const V = `data:image/png;base64,${z.signature}`;
+      _(!1), o(V);
     }).catch(() => {
-      g(!0);
+      _(!0);
     }));
-  }, [e, r, n]);
-  const m = te(() => {
-    g(!1), s.current = !0, r().then((F) => {
-      const G = `data:image/png;base64,${F.signature}`;
-      g(!1), n(G);
+  }, [n, e, t, o]);
+  const ee = re(() => {
+    _(!1), s.current = !0, t().then((z) => {
+      const V = `data:image/png;base64,${z.signature}`;
+      _(!1), o(V);
     }).catch(() => {
-      g(!0);
+      _(!0);
     });
-  }, [r, n]);
-  return /* @__PURE__ */ ee(
+  }, [t, o]);
+  return /* @__PURE__ */ te(
     "div",
     {
-      "data-testid": Ee(o, "data-testid", "signature"),
-      className: fe(U.Signature, Ee(o, "className")),
+      "data-testid": Ee(l, "data-testid", "signature"),
+      className: he(U.Signature, Ee(l, "className")),
       children: [
-        /* @__PURE__ */ ee(
+        /* @__PURE__ */ te(
           "div",
           {
-            className: fe(U.Main, R(["auto-generated", "auto-loading"]) ? U.MainAuto : U.MainManual),
+            className: he(U.Main, H(["auto-generated", "auto-loading"]) ? U.MainAuto : U.MainManual),
             ref: c,
             children: [
-              /* @__PURE__ */ ee("div", { className: fe(U.Header, R(["manual-drawn"]) ? U.HeaderManualDraw : U.HeaderNotManualDraw), children: [
-                R(["auto-generated", "auto-loading"]) && /* @__PURE__ */ H("span", { className: U.HeaderTitle, children: "Wir haben eine digitale Signature Sie generiert." }),
-                R(["manual-blank", "manual-stored"]) && /* @__PURE__ */ H("span", { className: U.HeaderTitle, children: "Ihre Signatur:" }),
-                R(["manual-drawn"]) && /* @__PURE__ */ H(
+              /* @__PURE__ */ te("div", { className: he(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__ */ H(Fe, {}),
+                    icon: /* @__PURE__ */ Y(Fe, {}),
                     className: U.HeaderReset,
-                    onClick: re
+                    onClick: A
                   }
                 )
               ] }),
-              R(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ ee("div", { className: U.AutoPanel, children: [
-                e !== "" && /* @__PURE__ */ H("img", { className: U.AutoPanelImage, src: e, alt: "signature" }),
-                e === "" && !T && /* @__PURE__ */ H(Ue, { size: "sm", color: "accent-primary", className: U.AutoPanelLoader }),
-                e === "" && T && /* @__PURE__ */ ee("div", { className: U.AutoPanelError, children: [
-                  /* @__PURE__ */ H("span", { className: U.AutoPanelErrorTitle, children: "Automatische Signatur konnte nicht geladen werden." }),
-                  /* @__PURE__ */ H(
+              H(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ te("div", { className: U.AutoPanel, children: [
+                n !== "" && /* @__PURE__ */ Y("img", { className: U.AutoPanelImage, src: n, alt: "signature" }),
+                n === "" && !T && /* @__PURE__ */ Y(Ue, { size: "sm", color: "accent-primary", className: U.AutoPanelLoader }),
+                n === "" && 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,
@@ -1190,16 +1193,16 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
                       text: "Erneut versuchen",
                       size: "sm",
                       iconPosition: "right",
-                      icon: /* @__PURE__ */ H(qe, {}),
-                      onClick: m
+                      icon: /* @__PURE__ */ Y(qe, {}),
+                      onClick: ee
                     }
                   )
                 ] }),
-                e !== "" && /* @__PURE__ */ ee("div", { className: U.AutoPanelLabel, children: [
-                  /* @__PURE__ */ H(Be, { className: U.AutoPanelLabelIcon }),
-                  /* @__PURE__ */ H("span", { className: U.AutoPanelLabelText, children: "Diese Unterschrift ist ausreichend" })
+                n !== "" && /* @__PURE__ */ te("div", { className: U.AutoPanelLabel, children: [
+                  /* @__PURE__ */ Y(Be, { className: U.AutoPanelLabelIcon }),
+                  /* @__PURE__ */ Y("span", { className: U.AutoPanelLabelText, children: "Diese Unterschrift ist ausreichend" })
                 ] }),
-                $ && /* @__PURE__ */ H(
+                f && /* @__PURE__ */ Y(
                   ie,
                   {
                     blurAfterClick: !0,
@@ -1207,11 +1210,11 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
                     text: "Per Hand/Maus unterschreiben",
                     underlined: !0,
                     className: U.AutoPanelButton,
-                    onClick: A
+                    onClick: q
                   }
                 )
-              ] }) : /* @__PURE__ */ ee("div", { className: U.ManualPanel, children: [
-                R(["manual-stored"]) ? /* @__PURE__ */ H("img", { width: x, height: _, alt: "signature", src: j }) : /* @__PURE__ */ H(
+              ] }) : /* @__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",
@@ -1219,37 +1222,37 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
                     minWidth: 0.25,
                     maxWidth: 2.75,
                     throttle: 12,
-                    canvasProps: { width: +(x || 0).toFixed(), height: +(_ || 0).toFixed() },
-                    ref: (F) => u(F),
+                    canvasProps: { width: +(W || 0).toFixed(), height: +(R || 0).toFixed() },
+                    ref: (z) => v(z),
                     clearOnResize: !0,
-                    onEnd: Z
+                    onEnd: K
                   }
                 ),
-                R(["manual-stored"]) && /* @__PURE__ */ H(
+                H(["manual-stored"]) && /* @__PURE__ */ Y(
                   ie,
                   {
                     blurAfterClick: !0,
                     underlined: !0,
                     text: "Zurücksetzen",
                     className: U.ManualPanelButton,
-                    onClick: P
+                    onClick: F
                   }
                 )
               ] })
             ]
           }
         ),
-        R(["manual-blank", "manual-drawn"]) && /* @__PURE__ */ ee("div", { className: U.Footer, children: [
-          /* @__PURE__ */ H(we, { fullWidth: !0, blurAfterClick: !0, text: "Abbrechen", color: "tertiary", onClick: Q }),
-          /* @__PURE__ */ H(
+        H(["manual-blank", "manual-drawn"]) && /* @__PURE__ */ te("div", { className: U.Footer, children: [
+          /* @__PURE__ */ Y(we, { fullWidth: !0, blurAfterClick: !0, text: "Abbrechen", color: "tertiary", onClick: P }),
+          /* @__PURE__ */ Y(
             we,
             {
               fullWidth: !0,
               blurAfterClick: !0,
               text: "Speichern",
               color: "primary",
-              disabled: !y,
-              onClick: N
+              disabled: !x,
+              onClick: m
             }
           )
         ] })