@arthurzakharov/ui-kit 1.4.9 → 1.5.1

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

@@ -1,34 +1,33 @@
-import { jsxs as ee, jsx as j } from "react/jsx-runtime";
-import Fe, { useRef as Se, useState as se, useCallback as re, useEffect as we } from "react";
-import { a as Be, g as Ne } from "../../_commonjsHelpers-CqEciG1_.js";
-import { useResizeObserver as Ue } from "usehooks-ts";
-import { RefreshCw as Ye, RotateCcw as He, Check as Ve } from "lucide-react";
-import Ee from "clsx";
+import { jsxs as ee, jsx as I } from "react/jsx-runtime";
+import ze, { useRef as Pe, useState as ie, useCallback as ne, useEffect as we } from "react";
+import { a as Ne, g as Be } from "../../_commonjsHelpers-CqEciG1_.js";
+import { useResizeObserver as Fe } from "usehooks-ts";
+import { RefreshCw as Ue, RotateCcw as Ye, Check as He } from "lucide-react";
+import de from "clsx";
 import { AnimationFadeScale as te } from "../../animations/animation-fade-scale/animation-fade-scale.component.js";
-import { AnimationFadeSlide as Xe } from "../../animations/animation-fade-slide/animation-fade-slide.component.js";
-import { ControlButton as Te } from "../../controls/control-button/control-button.component.js";
-import { ControlButtonText as ue } from "../../controls/control-button-text/control-button-text.component.js";
-import { Flex as oe } from "../flex/flex.component.js";
+import { AnimationFadeSlide as Ve } from "../../animations/animation-fade-slide/animation-fade-slide.component.js";
+import { ControlButton as Ee } from "../../controls/control-button/control-button.component.js";
+import { ControlButtonText as se } from "../../controls/control-button-text/control-button-text.component.js";
 import { Text as he } from "../text/text.component.js";
-import { Loader as Je } from "../loader/loader.component.js";
-import '../../assets/signature-qHi3xUi4.css';var fe = { exports: {} }, ce = { exports: {} }, le = { exports: {} }, I = {};
-var Ce;
-function Ze() {
-  if (Ce) return I;
-  Ce = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, o = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, _ = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, P = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function $(f) {
+import { Loader as Xe } from "../loader/loader.component.js";
+import '../../assets/signature-EuXLu4YT.css';var le = { exports: {} }, ue = { exports: {} }, ce = { exports: {} }, q = {};
+var Te;
+function Je() {
+  if (Te) return q;
+  Te = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, n = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, o = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, _ = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, S = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, y = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function j(f) {
     if (typeof f == "object" && f !== null) {
       var X = f.$$typeof;
       switch (X) {
-        case n:
+        case r:
           switch (f = f.type, f) {
             case d:
             case o:
             case t:
             case i:
             case a:
-            case v:
+            case p:
               return f;
             default:
               switch (f = f && f.$$typeof, f) {
@@ -42,135 +41,135 @@ function Ze() {
                   return X;
               }
           }
-        case r:
+        case n:
           return X;
       }
     }
   }
   function k(f) {
-    return $(f) === o;
+    return j(f) === o;
   }
-  return I.AsyncMode = d, I.ConcurrentMode = o, I.ContextConsumer = u, I.ContextProvider = c, I.Element = n, I.ForwardRef = l, I.Fragment = t, I.Lazy = x, I.Memo = _, I.Portal = r, I.Profiler = i, I.StrictMode = a, I.Suspense = v, I.isAsyncMode = function(f) {
-    return k(f) || $(f) === d;
-  }, I.isConcurrentMode = k, I.isContextConsumer = function(f) {
-    return $(f) === u;
-  }, I.isContextProvider = function(f) {
-    return $(f) === c;
-  }, I.isElement = function(f) {
-    return typeof f == "object" && f !== null && f.$$typeof === n;
-  }, I.isForwardRef = function(f) {
-    return $(f) === l;
-  }, I.isFragment = function(f) {
-    return $(f) === t;
-  }, I.isLazy = function(f) {
-    return $(f) === x;
-  }, I.isMemo = function(f) {
-    return $(f) === _;
-  }, I.isPortal = function(f) {
-    return $(f) === r;
-  }, I.isProfiler = function(f) {
-    return $(f) === i;
-  }, I.isStrictMode = function(f) {
-    return $(f) === a;
-  }, I.isSuspense = function(f) {
-    return $(f) === v;
-  }, I.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === t || f === o || f === i || f === a || f === v || f === m || typeof f == "object" && f !== null && (f.$$typeof === x || f.$$typeof === _ || f.$$typeof === c || f.$$typeof === u || f.$$typeof === l || f.$$typeof === P || f.$$typeof === g || f.$$typeof === W || f.$$typeof === b);
-  }, I.typeOf = $, I;
+  return q.AsyncMode = d, q.ConcurrentMode = o, q.ContextConsumer = u, q.ContextProvider = c, q.Element = r, q.ForwardRef = l, q.Fragment = t, q.Lazy = x, q.Memo = _, q.Portal = n, q.Profiler = i, q.StrictMode = a, q.Suspense = p, q.isAsyncMode = function(f) {
+    return k(f) || j(f) === d;
+  }, q.isConcurrentMode = k, q.isContextConsumer = function(f) {
+    return j(f) === u;
+  }, q.isContextProvider = function(f) {
+    return j(f) === c;
+  }, q.isElement = function(f) {
+    return typeof f == "object" && f !== null && f.$$typeof === r;
+  }, q.isForwardRef = function(f) {
+    return j(f) === l;
+  }, q.isFragment = function(f) {
+    return j(f) === t;
+  }, q.isLazy = function(f) {
+    return j(f) === x;
+  }, q.isMemo = function(f) {
+    return j(f) === _;
+  }, q.isPortal = function(f) {
+    return j(f) === n;
+  }, q.isProfiler = function(f) {
+    return j(f) === i;
+  }, q.isStrictMode = function(f) {
+    return j(f) === a;
+  }, q.isSuspense = function(f) {
+    return j(f) === p;
+  }, q.isValidElementType = function(f) {
+    return typeof f == "string" || typeof f == "function" || f === t || f === o || f === i || f === a || f === p || f === m || typeof f == "object" && f !== null && (f.$$typeof === x || f.$$typeof === _ || f.$$typeof === c || f.$$typeof === u || f.$$typeof === l || f.$$typeof === S || f.$$typeof === y || f.$$typeof === W || f.$$typeof === b);
+  }, q.typeOf = j, q;
 }
-var z = {};
-var Re;
-function Ge() {
-  return Re || (Re = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, o = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, _ = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, P = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function $(p) {
-      return typeof p == "string" || typeof p == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      p === t || p === o || p === i || p === a || p === v || p === m || typeof p == "object" && p !== null && (p.$$typeof === x || p.$$typeof === _ || p.$$typeof === c || p.$$typeof === u || p.$$typeof === l || p.$$typeof === P || p.$$typeof === g || p.$$typeof === W || p.$$typeof === b);
+var L = {};
+var Ce;
+function Ze() {
+  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, n = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, o = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, _ = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, S = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, y = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function j(v) {
+      return typeof v == "string" || typeof v == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      v === t || v === o || v === i || v === a || v === p || v === m || typeof v == "object" && v !== null && (v.$$typeof === x || v.$$typeof === _ || v.$$typeof === c || v.$$typeof === u || v.$$typeof === l || v.$$typeof === S || v.$$typeof === y || v.$$typeof === W || v.$$typeof === b);
     }
-    function k(p) {
-      if (typeof p == "object" && p !== null) {
-        var K = p.$$typeof;
+    function k(v) {
+      if (typeof v == "object" && v !== null) {
+        var K = v.$$typeof;
         switch (K) {
-          case n:
-            var ie = p.type;
-            switch (ie) {
+          case r:
+            var oe = v.type;
+            switch (oe) {
               case d:
               case o:
               case t:
               case i:
               case a:
-              case v:
-                return ie;
+              case p:
+                return oe;
               default:
-                var Pe = ie && ie.$$typeof;
-                switch (Pe) {
+                var Se = oe && oe.$$typeof;
+                switch (Se) {
                   case u:
                   case l:
                   case x:
                   case _:
                   case c:
-                    return Pe;
+                    return Se;
                   default:
                     return K;
                 }
             }
-          case r:
+          case n:
             return K;
         }
       }
     }
-    var f = d, X = o, ne = u, Q = c, O = n, S = l, B = t, F = x, y = _, G = r, U = i, Y = a, J = v, N = !1;
-    function Z(p) {
-      return N || (N = !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) || k(p) === d;
+    var f = d, X = o, re = u, Q = c, M = r, P = l, B = t, N = x, g = _, G = n, U = i, H = a, J = p, F = !1;
+    function Z(v) {
+      return F || (F = !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(v) || k(v) === d;
     }
-    function s(p) {
-      return k(p) === o;
+    function s(v) {
+      return k(v) === o;
     }
-    function h(p) {
-      return k(p) === u;
+    function h(v) {
+      return k(v) === u;
     }
-    function w(p) {
-      return k(p) === c;
+    function w(v) {
+      return k(v) === c;
     }
-    function C(p) {
-      return typeof p == "object" && p !== null && p.$$typeof === n;
+    function C(v) {
+      return typeof v == "object" && v !== null && v.$$typeof === r;
     }
-    function E(p) {
-      return k(p) === l;
+    function E(v) {
+      return k(v) === l;
     }
-    function M(p) {
-      return k(p) === t;
+    function O(v) {
+      return k(v) === t;
     }
-    function T(p) {
-      return k(p) === x;
+    function T(v) {
+      return k(v) === x;
     }
-    function R(p) {
-      return k(p) === _;
+    function R(v) {
+      return k(v) === _;
     }
-    function A(p) {
-      return k(p) === r;
+    function A(v) {
+      return k(v) === n;
     }
-    function L(p) {
-      return k(p) === i;
+    function $(v) {
+      return k(v) === i;
     }
-    function D(p) {
-      return k(p) === a;
+    function D(v) {
+      return k(v) === a;
     }
-    function H(p) {
-      return k(p) === v;
+    function V(v) {
+      return k(v) === p;
     }
-    z.AsyncMode = f, z.ConcurrentMode = X, z.ContextConsumer = ne, z.ContextProvider = Q, z.Element = O, z.ForwardRef = S, z.Fragment = B, z.Lazy = F, z.Memo = y, z.Portal = G, z.Profiler = U, z.StrictMode = Y, z.Suspense = J, z.isAsyncMode = Z, z.isConcurrentMode = s, z.isContextConsumer = h, z.isContextProvider = w, z.isElement = C, z.isForwardRef = E, z.isFragment = M, z.isLazy = T, z.isMemo = R, z.isPortal = A, z.isProfiler = L, z.isStrictMode = D, z.isSuspense = H, z.isValidElementType = $, z.typeOf = k;
-  })()), z;
+    L.AsyncMode = f, L.ConcurrentMode = X, L.ContextConsumer = re, L.ContextProvider = Q, L.Element = M, L.ForwardRef = P, L.Fragment = B, L.Lazy = N, L.Memo = g, L.Portal = G, L.Profiler = U, L.StrictMode = H, L.Suspense = J, L.isAsyncMode = Z, L.isConcurrentMode = s, L.isContextConsumer = h, L.isContextProvider = w, L.isElement = C, L.isForwardRef = E, L.isFragment = O, L.isLazy = T, L.isMemo = R, L.isPortal = A, L.isProfiler = $, L.isStrictMode = D, L.isSuspense = V, L.isValidElementType = j, L.typeOf = k;
+  })()), L;
 }
-var Oe;
-function We() {
-  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? le.exports = Ze() : le.exports = Ge()), le.exports;
+var Re;
+function $e() {
+  return Re || (Re = 1, process.env.NODE_ENV === "production" ? ce.exports = Je() : ce.exports = Ze()), ce.exports;
 }
-var pe, Me;
-function Ke() {
-  if (Me) return pe;
+var ve, Me;
+function Ge() {
+  if (Me) return ve;
   Me = 1;
-  var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
   function t(i) {
     if (i == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
@@ -198,39 +197,39 @@ function Ke() {
       return !1;
     }
   }
-  return pe = a() ? Object.assign : function(i, c) {
+  return ve = a() ? Object.assign : function(i, c) {
     for (var u, d = t(i), o, l = 1; l < arguments.length; l++) {
       u = Object(arguments[l]);
-      for (var v in u)
-        n.call(u, v) && (d[v] = u[v]);
+      for (var p in u)
+        r.call(u, p) && (d[p] = u[p]);
       if (e) {
         o = e(u);
         for (var m = 0; m < o.length; m++)
-          r.call(u, o[m]) && (d[o[m]] = u[o[m]]);
+          n.call(u, o[m]) && (d[o[m]] = u[o[m]]);
       }
     }
     return d;
-  }, pe;
+  }, ve;
 }
-var ve, Ae;
+var pe, Oe;
 function be() {
-  if (Ae) return ve;
-  Ae = 1;
+  if (Oe) return pe;
+  Oe = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return ve = e, ve;
+  return pe = e, pe;
 }
-var ye, De;
-function qe() {
-  return De || (De = 1, ye = Function.call.bind(Object.prototype.hasOwnProperty)), ye;
+var ge, Ae;
+function We() {
+  return Ae || (Ae = 1, ge = Function.call.bind(Object.prototype.hasOwnProperty)), ge;
 }
-var me, ke;
-function Qe() {
-  if (ke) return me;
-  ke = 1;
+var me, De;
+function Ke() {
+  if (De) return me;
+  De = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var n = /* @__PURE__ */ be(), r = {}, t = /* @__PURE__ */ qe();
+    var r = /* @__PURE__ */ be(), n = {}, t = /* @__PURE__ */ We();
     e = function(i) {
       var c = "Warning: " + i;
       typeof console < "u" && console.error(c);
@@ -244,7 +243,7 @@ function Qe() {
     if (process.env.NODE_ENV !== "production") {
       for (var l in i)
         if (t(i, l)) {
-          var v;
+          var p;
           try {
             if (typeof i[l] != "function") {
               var m = Error(
@@ -252,31 +251,31 @@ function Qe() {
               );
               throw m.name = "Invariant Violation", m;
             }
-            v = i[l](c, l, d, u, null, n);
+            p = i[l](c, l, d, u, null, r);
           } catch (x) {
-            v = x;
+            p = x;
           }
-          if (v && !(v instanceof Error) && e(
-            (d || "React class") + ": type specification of " + u + " `" + l + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof v + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), v instanceof Error && !(v.message in r)) {
-            r[v.message] = !0;
+          if (p && !(p instanceof Error) && e(
+            (d || "React class") + ": type specification of " + u + " `" + l + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), p instanceof Error && !(p.message in n)) {
+            n[p.message] = !0;
             var _ = o ? o() : "";
             e(
-              "Failed " + u + " type: " + v.message + (_ ?? "")
+              "Failed " + u + " type: " + p.message + (_ ?? "")
             );
           }
         }
     }
   }
   return a.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (r = {});
+    process.env.NODE_ENV !== "production" && (n = {});
   }, me = a, me;
 }
-var ge, je;
-function et() {
-  if (je) return ge;
-  je = 1;
-  var e = We(), n = Ke(), r = /* @__PURE__ */ be(), t = /* @__PURE__ */ qe(), a = /* @__PURE__ */ Qe(), i = function() {
+var ye, ke;
+function Qe() {
+  if (ke) return ye;
+  ke = 1;
+  var e = $e(), r = Ge(), n = /* @__PURE__ */ be(), t = /* @__PURE__ */ We(), a = /* @__PURE__ */ Ke(), i = function() {
   };
   process.env.NODE_ENV !== "production" && (i = function(u) {
     var d = "Warning: " + u;
@@ -289,33 +288,33 @@ function et() {
   function c() {
     return null;
   }
-  return ge = function(u, d) {
+  return ye = function(u, d) {
     var o = typeof Symbol == "function" && Symbol.iterator, l = "@@iterator";
-    function v(s) {
+    function p(s) {
       var h = s && (o && s[o] || s[l]);
       if (typeof h == "function")
         return h;
     }
     var m = "<<anonymous>>", _ = {
-      array: g("array"),
-      bigint: g("bigint"),
-      bool: g("boolean"),
-      func: g("function"),
-      number: g("number"),
-      object: g("object"),
-      string: g("string"),
-      symbol: g("symbol"),
+      array: y("array"),
+      bigint: y("bigint"),
+      bool: y("boolean"),
+      func: y("function"),
+      number: y("number"),
+      object: y("object"),
+      string: y("string"),
+      symbol: y("symbol"),
       any: W(),
-      arrayOf: $,
+      arrayOf: j,
       element: k(),
       elementType: f(),
       instanceOf: X,
-      node: S(),
+      node: P(),
       objectOf: Q,
-      oneOf: ne,
-      oneOfType: O,
-      shape: F,
-      exact: y
+      oneOf: re,
+      oneOfType: M,
+      shape: N,
+      exact: g
     };
     function x(s, h) {
       return s === h ? s !== 0 || 1 / s === 1 / h : s !== s && h !== h;
@@ -324,16 +323,16 @@ function et() {
       this.message = s, this.data = h && typeof h == "object" ? h : {}, this.stack = "";
     }
     b.prototype = Error.prototype;
-    function P(s) {
+    function S(s) {
       if (process.env.NODE_ENV !== "production")
         var h = {}, w = 0;
-      function C(M, T, R, A, L, D, H) {
-        if (A = A || m, D = D || R, H !== r) {
+      function C(O, T, R, A, $, D, V) {
+        if (A = A || m, D = D || R, V !== n) {
           if (d) {
-            var p = new Error(
+            var v = 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;
+            throw v.name = "Invariant Violation", v;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var K = A + ":" + R;
             !h[K] && // Avoid spamming the console because they are often not actionable except for lib authors
@@ -342,184 +341,184 @@ function et() {
             ), h[K] = !0, w++);
           }
         }
-        return T[R] == null ? M ? T[R] === null ? new b("The " + L + " `" + D + "` is marked as required " + ("in `" + A + "`, but its value is `null`.")) : new b("The " + L + " `" + D + "` is marked as required in " + ("`" + A + "`, but its value is `undefined`.")) : null : s(T, R, A, L, D);
+        return T[R] == null ? O ? T[R] === null ? new b("The " + $ + " `" + D + "` is marked as required " + ("in `" + A + "`, but its value is `null`.")) : new b("The " + $ + " `" + D + "` is marked as required in " + ("`" + A + "`, but its value is `undefined`.")) : null : s(T, R, A, $, D);
       }
       var E = C.bind(null, !1);
       return E.isRequired = C.bind(null, !0), E;
     }
-    function g(s) {
-      function h(w, C, E, M, T, R) {
-        var A = w[C], L = Y(A);
-        if (L !== s) {
+    function y(s) {
+      function h(w, C, E, O, T, R) {
+        var A = w[C], $ = H(A);
+        if ($ !== s) {
           var D = J(A);
           return new b(
-            "Invalid " + M + " `" + T + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("`" + s + "`."),
+            "Invalid " + O + " `" + T + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("`" + s + "`."),
             { expectedType: s }
           );
         }
         return null;
       }
-      return P(h);
+      return S(h);
     }
     function W() {
-      return P(c);
+      return S(c);
     }
-    function $(s) {
-      function h(w, C, E, M, T) {
+    function j(s) {
+      function h(w, C, E, O, T) {
         if (typeof s != "function")
           return new b("Property `" + T + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
         var R = w[C];
         if (!Array.isArray(R)) {
-          var A = Y(R);
-          return new b("Invalid " + M + " `" + T + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected an array."));
+          var A = H(R);
+          return new b("Invalid " + O + " `" + T + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected an array."));
         }
-        for (var L = 0; L < R.length; L++) {
-          var D = s(R, L, E, M, T + "[" + L + "]", r);
+        for (var $ = 0; $ < R.length; $++) {
+          var D = s(R, $, E, O, T + "[" + $ + "]", n);
           if (D instanceof Error)
             return D;
         }
         return null;
       }
-      return P(h);
+      return S(h);
     }
     function k() {
-      function s(h, w, C, E, M) {
+      function s(h, w, C, E, O) {
         var T = h[w];
         if (!u(T)) {
-          var R = Y(T);
-          return new b("Invalid " + E + " `" + M + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement."));
+          var R = H(T);
+          return new b("Invalid " + E + " `" + O + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return P(s);
+      return S(s);
     }
     function f() {
-      function s(h, w, C, E, M) {
+      function s(h, w, C, E, O) {
         var T = h[w];
         if (!e.isValidElementType(T)) {
-          var R = Y(T);
-          return new b("Invalid " + E + " `" + M + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement type."));
+          var R = H(T);
+          return new b("Invalid " + E + " `" + O + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return P(s);
+      return S(s);
     }
     function X(s) {
-      function h(w, C, E, M, T) {
+      function h(w, C, E, O, T) {
         if (!(w[C] instanceof s)) {
           var R = s.name || m, A = Z(w[C]);
-          return new b("Invalid " + M + " `" + T + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected ") + ("instance of `" + R + "`."));
+          return new b("Invalid " + O + " `" + T + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected ") + ("instance of `" + R + "`."));
         }
         return null;
       }
-      return P(h);
+      return S(h);
     }
-    function ne(s) {
+    function re(s) {
       if (!Array.isArray(s))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
-      function h(w, C, E, M, T) {
+      function h(w, C, E, O, T) {
         for (var R = w[C], A = 0; A < s.length; A++)
           if (x(R, s[A]))
             return null;
-        var L = JSON.stringify(s, function(H, p) {
-          var K = J(p);
-          return K === "symbol" ? String(p) : p;
+        var $ = JSON.stringify(s, function(V, v) {
+          var K = J(v);
+          return K === "symbol" ? String(v) : v;
         });
-        return new b("Invalid " + M + " `" + T + "` of value `" + String(R) + "` " + ("supplied to `" + E + "`, expected one of " + L + "."));
+        return new b("Invalid " + O + " `" + T + "` of value `" + String(R) + "` " + ("supplied to `" + E + "`, expected one of " + $ + "."));
       }
-      return P(h);
+      return S(h);
     }
     function Q(s) {
-      function h(w, C, E, M, T) {
+      function h(w, C, E, O, T) {
         if (typeof s != "function")
           return new b("Property `" + T + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
-        var R = w[C], A = Y(R);
+        var R = w[C], A = H(R);
         if (A !== "object")
-          return new b("Invalid " + M + " `" + T + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected an object."));
-        for (var L in R)
-          if (t(R, L)) {
-            var D = s(R, L, E, M, T + "." + L, r);
+          return new b("Invalid " + O + " `" + T + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected an object."));
+        for (var $ in R)
+          if (t(R, $)) {
+            var D = s(R, $, E, O, T + "." + $, n);
             if (D instanceof Error)
               return D;
           }
         return null;
       }
-      return P(h);
+      return S(h);
     }
-    function O(s) {
+    function M(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 w = s[h];
         if (typeof w != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + N(w) + " at index " + h + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + F(w) + " at index " + h + "."
           ), c;
       }
-      function C(E, M, T, R, A) {
-        for (var L = [], D = 0; D < s.length; D++) {
-          var H = s[D], p = H(E, M, T, R, A, r);
-          if (p == null)
+      function C(E, O, T, R, A) {
+        for (var $ = [], D = 0; D < s.length; D++) {
+          var V = s[D], v = V(E, O, T, R, A, n);
+          if (v == null)
             return null;
-          p.data && t(p.data, "expectedType") && L.push(p.data.expectedType);
+          v.data && t(v.data, "expectedType") && $.push(v.data.expectedType);
         }
-        var K = L.length > 0 ? ", expected one of type [" + L.join(", ") + "]" : "";
+        var K = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : "";
         return new b("Invalid " + R + " `" + A + "` supplied to " + ("`" + T + "`" + K + "."));
       }
-      return P(C);
+      return S(C);
     }
-    function S() {
-      function s(h, w, C, E, M) {
-        return G(h[w]) ? null : new b("Invalid " + E + " `" + M + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
+    function P() {
+      function s(h, w, C, E, O) {
+        return G(h[w]) ? null : new b("Invalid " + E + " `" + O + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
       }
-      return P(s);
+      return S(s);
     }
     function B(s, h, w, C, E) {
       return new b(
         (s || "React class") + ": " + h + " type `" + w + "." + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
       );
     }
-    function F(s) {
-      function h(w, C, E, M, T) {
-        var R = w[C], A = Y(R);
+    function N(s) {
+      function h(w, C, E, O, T) {
+        var R = w[C], A = H(R);
         if (A !== "object")
-          return new b("Invalid " + M + " `" + T + "` of type `" + A + "` " + ("supplied to `" + E + "`, expected `object`."));
-        for (var L in s) {
-          var D = s[L];
+          return new b("Invalid " + O + " `" + T + "` of type `" + A + "` " + ("supplied to `" + E + "`, expected `object`."));
+        for (var $ in s) {
+          var D = s[$];
           if (typeof D != "function")
-            return B(E, M, T, L, J(D));
-          var H = D(R, L, E, M, T + "." + L, r);
-          if (H)
-            return H;
+            return B(E, O, T, $, J(D));
+          var V = D(R, $, E, O, T + "." + $, n);
+          if (V)
+            return V;
         }
         return null;
       }
-      return P(h);
+      return S(h);
     }
-    function y(s) {
-      function h(w, C, E, M, T) {
-        var R = w[C], A = Y(R);
+    function g(s) {
+      function h(w, C, E, O, T) {
+        var R = w[C], A = H(R);
         if (A !== "object")
-          return new b("Invalid " + M + " `" + T + "` of type `" + A + "` " + ("supplied to `" + E + "`, expected `object`."));
-        var L = n({}, w[C], s);
-        for (var D in L) {
-          var H = s[D];
-          if (t(s, D) && typeof H != "function")
-            return B(E, M, T, D, J(H));
-          if (!H)
+          return new b("Invalid " + O + " `" + T + "` of type `" + A + "` " + ("supplied to `" + E + "`, expected `object`."));
+        var $ = r({}, w[C], s);
+        for (var D in $) {
+          var V = s[D];
+          if (t(s, D) && typeof V != "function")
+            return B(E, O, T, D, J(V));
+          if (!V)
             return new b(
-              "Invalid " + M + " `" + T + "` key `" + D + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(w[C], null, "  ") + `
+              "Invalid " + O + " `" + T + "` key `" + D + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(w[C], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
             );
-          var p = H(R, D, E, M, T + "." + D, r);
-          if (p)
-            return p;
+          var v = V(R, D, E, O, T + "." + D, n);
+          if (v)
+            return v;
         }
         return null;
       }
-      return P(h);
+      return S(h);
     }
     function G(s) {
       switch (typeof s) {
@@ -534,7 +533,7 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
             return s.every(G);
           if (s === null || u(s))
             return !0;
-          var h = v(s);
+          var h = p(s);
           if (h) {
             var w = h.call(s), C;
             if (h !== s.entries) {
@@ -557,14 +556,14 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
     function U(s, h) {
       return s === "symbol" ? !0 : h ? h["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && h instanceof Symbol : !1;
     }
-    function Y(s) {
+    function H(s) {
       var h = typeof s;
       return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : U(h, s) ? "symbol" : h;
     }
     function J(s) {
       if (typeof s > "u" || s === null)
         return "" + s;
-      var h = Y(s);
+      var h = H(s);
       if (h === "object") {
         if (s instanceof Date)
           return "date";
@@ -573,7 +572,7 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
       }
       return h;
     }
-    function N(s) {
+    function F(s) {
       var h = J(s);
       switch (h) {
         case "array":
@@ -591,20 +590,20 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
       return !s.constructor || !s.constructor.name ? m : s.constructor.name;
     }
     return _.checkPropTypes = a, _.resetWarningCache = a.resetWarningCache, _.PropTypes = _, _;
-  }, ge;
+  }, ye;
 }
 var _e, Ie;
-function tt() {
+function et() {
   if (Ie) return _e;
   Ie = 1;
   var e = /* @__PURE__ */ be();
-  function n() {
-  }
   function r() {
   }
-  return r.resetWarningCache = n, _e = function() {
-    function t(c, u, d, o, l, v) {
-      if (v !== e) {
+  function n() {
+  }
+  return n.resetWarningCache = r, _e = function() {
+    function t(c, u, d, o, l, p) {
+      if (p !== e) {
         var m = 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"
         );
@@ -635,24 +634,24 @@ function tt() {
       oneOfType: a,
       shape: a,
       exact: a,
-      checkPropTypes: r,
-      resetWarningCache: n
+      checkPropTypes: n,
+      resetWarningCache: r
     };
     return i.PropTypes = i, i;
   }, _e;
 }
-var ze;
-function rt() {
-  if (ze) return ce.exports;
-  if (ze = 1, process.env.NODE_ENV !== "production") {
-    var e = We(), n = !0;
-    ce.exports = /* @__PURE__ */ et()(e.isElement, n);
+var qe;
+function tt() {
+  if (qe) return ue.exports;
+  if (qe = 1, process.env.NODE_ENV !== "production") {
+    var e = $e(), r = !0;
+    ue.exports = /* @__PURE__ */ Qe()(e.isElement, r);
   } else
-    ce.exports = /* @__PURE__ */ tt()();
-  return ce.exports;
+    ue.exports = /* @__PURE__ */ et()();
+  return ue.exports;
 }
-function ae(e, n, r) {
-  this.x = e, this.y = n, this.time = r || (/* @__PURE__ */ new Date()).getTime();
+function ae(e, r, n) {
+  this.x = e, this.y = r, this.time = n || (/* @__PURE__ */ new Date()).getTime();
 }
 ae.prototype.velocityFrom = function(e) {
   return this.time !== e.time ? this.distanceTo(e) / (this.time - e.time) : 1;
@@ -663,95 +662,95 @@ ae.prototype.distanceTo = function(e) {
 ae.prototype.equals = function(e) {
   return this.x === e.x && this.y === e.y && this.time === e.time;
 };
-function xe(e, n, r, t) {
-  this.startPoint = e, this.control1 = n, this.control2 = r, this.endPoint = t;
+function xe(e, r, n, t) {
+  this.startPoint = e, this.control1 = r, this.control2 = n, this.endPoint = t;
 }
 xe.prototype.length = function() {
-  for (var e = 10, n = 0, r = void 0, t = void 0, a = 0; a <= e; a += 1) {
+  for (var e = 10, r = 0, n = void 0, t = void 0, a = 0; a <= e; a += 1) {
     var i = a / e, c = this._point(i, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), u = this._point(i, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
     if (a > 0) {
-      var d = c - r, o = u - t;
-      n += Math.sqrt(d * d + o * o);
+      var d = c - n, o = u - t;
+      r += Math.sqrt(d * d + o * o);
     }
-    r = c, t = u;
+    n = c, t = u;
   }
-  return n;
+  return r;
 };
-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;
+xe.prototype._point = function(e, r, n, t, a) {
+  return r * (1 - e) * (1 - e) * (1 - e) + 3 * n * (1 - e) * (1 - e) * e + 3 * t * (1 - e) * e * e + a * e * e * e;
 };
-function nt(e, n, r) {
+function nt(e, r, n) {
   var t, a, i, c = null, u = 0;
-  r || (r = {});
+  n || (n = {});
   var d = function() {
-    u = r.leading === !1 ? 0 : Date.now(), c = null, i = e.apply(t, a), c || (t = a = null);
+    u = n.leading === !1 ? 0 : Date.now(), c = null, i = e.apply(t, a), c || (t = a = null);
   };
   return function() {
     var o = Date.now();
-    !u && r.leading === !1 && (u = o);
-    var l = n - (o - u);
-    return t = this, a = arguments, l <= 0 || l > n ? (c && (clearTimeout(c), c = null), u = o, i = e.apply(t, a), c || (t = a = null)) : !c && r.trailing !== !1 && (c = setTimeout(d, l)), i;
+    !u && n.leading === !1 && (u = o);
+    var l = r - (o - u);
+    return t = this, a = arguments, l <= 0 || l > r ? (c && (clearTimeout(c), c = null), u = o, i = e.apply(t, a), c || (t = a = null)) : !c && n.trailing !== !1 && (c = setTimeout(d, l)), i;
   };
 }
-function q(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 = nt(q.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = q.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
+function z(e, r) {
+  var n = this, t = r || {};
+  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 = nt(z.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = z.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
     return (this.minWidth + this.maxWidth) / 2;
   }, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.onBegin = t.onBegin, this.onEnd = t.onEnd, this._canvas = e, this._ctx = e.getContext("2d"), this.clear(), this._handleMouseDown = function(a) {
-    a.which === 1 && (r._mouseButtonDown = !0, r._strokeBegin(a));
+    a.which === 1 && (n._mouseButtonDown = !0, n._strokeBegin(a));
   }, this._handleMouseMove = function(a) {
-    r._mouseButtonDown && r._strokeMoveUpdate(a);
+    n._mouseButtonDown && n._strokeMoveUpdate(a);
   }, this._handleMouseUp = function(a) {
-    a.which === 1 && r._mouseButtonDown && (r._mouseButtonDown = !1, r._strokeEnd(a));
+    a.which === 1 && n._mouseButtonDown && (n._mouseButtonDown = !1, n._strokeEnd(a));
   }, this._handleTouchStart = function(a) {
     if (a.targetTouches.length === 1) {
       var i = a.changedTouches[0];
-      r._strokeBegin(i);
+      n._strokeBegin(i);
     }
   }, this._handleTouchMove = function(a) {
     a.preventDefault();
     var i = a.targetTouches[0];
-    r._strokeMoveUpdate(i);
+    n._strokeMoveUpdate(i);
   }, this._handleTouchEnd = function(a) {
-    var i = a.target === r._canvas;
-    i && (a.preventDefault(), r._strokeEnd(a));
+    var i = a.target === n._canvas;
+    i && (a.preventDefault(), n._strokeEnd(a));
   }, this.on();
 }
-q.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.clear = function() {
+  var e = this._ctx, r = this._canvas;
+  e.fillStyle = this.backgroundColor, e.clearRect(0, 0, r.width, r.height), e.fillRect(0, 0, r.width, r.height), this._data = [], this._reset(), this._isEmpty = !0;
 };
-q.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, i = r.width || this._canvas.width / a, c = r.height || this._canvas.height / a;
+z.prototype.fromDataURL = function(e) {
+  var r = this, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = new Image(), a = n.ratio || window.devicePixelRatio || 1, i = n.width || this._canvas.width / a, c = n.height || this._canvas.height / a;
   this._reset(), t.src = e, t.onload = function() {
-    n._ctx.drawImage(t, 0, 0, i, c);
+    r._ctx.drawImage(t, 0, 0, i, c);
   }, this._isEmpty = !1;
 };
-q.prototype.toDataURL = function(e) {
-  var n;
+z.prototype.toDataURL = function(e) {
+  var r;
   switch (e) {
     case "image/svg+xml":
       return this._toSVG();
     default:
-      for (var r = arguments.length, t = Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
+      for (var n = arguments.length, t = Array(n > 1 ? n - 1 : 0), a = 1; a < n; a++)
         t[a - 1] = arguments[a];
-      return (n = this._canvas).toDataURL.apply(n, [e].concat(t));
+      return (r = this._canvas).toDataURL.apply(r, [e].concat(t));
   }
 };
-q.prototype.on = function() {
+z.prototype.on = function() {
   this._handleMouseEvents(), this._handleTouchEvents();
 };
-q.prototype.off = function() {
+z.prototype.off = function() {
   this._canvas.removeEventListener("mousedown", this._handleMouseDown), this._canvas.removeEventListener("mousemove", this._handleMouseMove), document.removeEventListener("mouseup", this._handleMouseUp), this._canvas.removeEventListener("touchstart", this._handleTouchStart), this._canvas.removeEventListener("touchmove", this._handleTouchMove), this._canvas.removeEventListener("touchend", this._handleTouchEnd);
 };
-q.prototype.isEmpty = function() {
+z.prototype.isEmpty = function() {
   return this._isEmpty;
 };
-q.prototype._strokeBegin = function(e) {
+z.prototype._strokeBegin = function(e) {
   this._data.push([]), this._reset(), this._strokeUpdate(e), typeof this.onBegin == "function" && this.onBegin(e);
 };
-q.prototype._strokeUpdate = function(e) {
-  var n = e.clientX, r = e.clientY, t = this._createPoint(n, r), a = this._data[this._data.length - 1], i = a && a[a.length - 1], c = i && t.distanceTo(i) < this.minDistance;
+z.prototype._strokeUpdate = function(e) {
+  var r = e.clientX, n = e.clientY, t = this._createPoint(r, n), a = this._data[this._data.length - 1], i = a && a[a.length - 1], c = i && t.distanceTo(i) < this.minDistance;
   if (!(i && c)) {
     var u = this._addPoint(t), d = u.curve, o = u.widths;
     d && o && this._drawCurve(d, o.start, o.end), this._data[this._data.length - 1].push({
@@ -762,79 +761,79 @@ q.prototype._strokeUpdate = function(e) {
     });
   }
 };
-q.prototype._strokeEnd = function(e) {
-  var n = this.points.length > 2, r = this.points[0];
-  if (!n && r && this._drawDot(r), r) {
+z.prototype._strokeEnd = function(e) {
+  var r = this.points.length > 2, n = this.points[0];
+  if (!r && n && this._drawDot(n), n) {
     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,
+    n.equals(a) || t.push({
+      x: n.x,
+      y: n.y,
+      time: n.time,
       color: this.penColor
     });
   }
   typeof this.onEnd == "function" && this.onEnd(e);
 };
-q.prototype._handleMouseEvents = function() {
+z.prototype._handleMouseEvents = function() {
   this._mouseButtonDown = !1, this._canvas.addEventListener("mousedown", this._handleMouseDown), this._canvas.addEventListener("mousemove", this._handleMouseMove), document.addEventListener("mouseup", this._handleMouseUp);
 };
-q.prototype._handleTouchEvents = function() {
+z.prototype._handleTouchEvents = function() {
   this._canvas.style.msTouchAction = "none", this._canvas.style.touchAction = "none", this._canvas.addEventListener("touchstart", this._handleTouchStart), this._canvas.addEventListener("touchmove", this._handleTouchMove), this._canvas.addEventListener("touchend", this._handleTouchEnd);
 };
-q.prototype._reset = function() {
+z.prototype._reset = function() {
   this.points = [], this._lastVelocity = 0, this._lastWidth = (this.minWidth + this.maxWidth) / 2, this._ctx.fillStyle = this.penColor;
 };
-q.prototype._createPoint = function(e, n, r) {
+z.prototype._createPoint = function(e, r, n) {
   var t = this._canvas.getBoundingClientRect();
-  return new ae(e - t.left, n - t.top, r || (/* @__PURE__ */ new Date()).getTime());
+  return new ae(e - t.left, r - t.top, n || (/* @__PURE__ */ new Date()).getTime());
 };
-q.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(n[1], n[2], n[3]);
-    var a = r.c1, i = new xe(n[1], t, a, n[2]), c = this._calculateCurveWidths(i);
-    return n.shift(), { curve: i, widths: c };
+z.prototype._addPoint = function(e) {
+  var r = this.points, n = void 0;
+  if (r.push(e), r.length > 2) {
+    r.length === 3 && r.unshift(r[0]), n = this._calculateCurveControlPoints(r[0], r[1], r[2]);
+    var t = n.c2;
+    n = this._calculateCurveControlPoints(r[1], r[2], r[3]);
+    var a = n.c1, i = new xe(r[1], t, a, r[2]), c = this._calculateCurveWidths(i);
+    return r.shift(), { curve: i, widths: c };
   }
   return {};
 };
-q.prototype._calculateCurveControlPoints = function(e, n, r) {
-  var t = e.x - n.x, a = e.y - n.y, i = n.x - r.x, c = n.y - r.y, u = { 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 }, o = Math.sqrt(t * t + a * a), l = Math.sqrt(i * i + c * c), v = u.x - d.x, m = u.y - d.y, _ = l / (o + l), x = { x: d.x + v * _, y: d.y + m * _ }, b = n.x - x.x, P = n.y - x.y;
+z.prototype._calculateCurveControlPoints = function(e, r, n) {
+  var t = e.x - r.x, a = e.y - r.y, i = r.x - n.x, c = r.y - n.y, u = { x: (e.x + r.x) / 2, y: (e.y + r.y) / 2 }, d = { x: (r.x + n.x) / 2, y: (r.y + n.y) / 2 }, o = Math.sqrt(t * t + a * a), l = Math.sqrt(i * i + c * c), p = u.x - d.x, m = u.y - d.y, _ = l / (o + l), x = { x: d.x + p * _, y: d.y + m * _ }, b = r.x - x.x, S = r.y - x.y;
   return {
-    c1: new ae(u.x + b, u.y + P),
-    c2: new ae(d.x + b, d.y + P)
+    c1: new ae(u.x + b, u.y + S),
+    c2: new ae(d.x + b, d.y + S)
   };
 };
-q.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, i = this._strokeWidth(a);
+z.prototype._calculateCurveWidths = function(e) {
+  var r = e.startPoint, n = e.endPoint, t = { start: null, end: null }, a = this.velocityFilterWeight * n.velocityFrom(r) + (1 - this.velocityFilterWeight) * this._lastVelocity, i = this._strokeWidth(a);
   return t.start = this._lastWidth, t.end = i, this._lastVelocity = a, this._lastWidth = i, t;
 };
-q.prototype._strokeWidth = function(e) {
+z.prototype._strokeWidth = function(e) {
   return Math.max(this.maxWidth / (e + 1), this.minWidth);
 };
-q.prototype._drawPoint = function(e, n, r) {
+z.prototype._drawPoint = function(e, r, n) {
   var t = this._ctx;
-  t.moveTo(e, n), t.arc(e, n, r, 0, 2 * Math.PI, !1), this._isEmpty = !1;
+  t.moveTo(e, r), t.arc(e, r, n, 0, 2 * Math.PI, !1), this._isEmpty = !1;
 };
-q.prototype._drawCurve = function(e, n, r) {
-  var t = this._ctx, a = r - n, i = Math.floor(e.length());
+z.prototype._drawCurve = function(e, r, n) {
+  var t = this._ctx, a = n - r, i = Math.floor(e.length());
   t.beginPath();
   for (var c = 0; c < i; c += 1) {
-    var u = c / i, d = u * u, o = d * u, l = 1 - u, v = l * l, m = v * l, _ = m * e.startPoint.x;
-    _ += 3 * v * u * e.control1.x, _ += 3 * l * d * e.control2.x, _ += o * e.endPoint.x;
+    var u = c / i, d = u * u, o = d * u, l = 1 - u, p = l * l, m = p * l, _ = m * e.startPoint.x;
+    _ += 3 * p * u * e.control1.x, _ += 3 * l * d * e.control2.x, _ += o * e.endPoint.x;
     var x = m * e.startPoint.y;
-    x += 3 * v * u * e.control1.y, x += 3 * l * d * e.control2.y, x += o * e.endPoint.y;
-    var b = n + o * a;
+    x += 3 * p * u * e.control1.y, x += 3 * l * d * e.control2.y, x += o * e.endPoint.y;
+    var b = r + o * a;
     this._drawPoint(_, x, b);
   }
   t.closePath(), t.fill();
 };
-q.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._drawDot = function(e) {
+  var r = this._ctx, n = typeof this.dotSize == "function" ? this.dotSize() : this.dotSize;
+  r.beginPath(), this._drawPoint(e.x, e.y, n), r.closePath(), r.fill();
 };
-q.prototype._fromData = function(e, n, r) {
+z.prototype._fromData = function(e, r, n) {
   for (var t = 0; t < e.length; t += 1) {
     var a = e[t];
     if (a.length > 1)
@@ -843,99 +842,99 @@ q.prototype._fromData = function(e, n, r) {
         if (i === 0)
           this.penColor = d, this._reset(), this._addPoint(u);
         else if (i !== a.length - 1) {
-          var o = this._addPoint(u), l = o.curve, v = o.widths;
-          l && v && n(l, v, d);
+          var o = this._addPoint(u), l = o.curve, p = o.widths;
+          l && p && r(l, p, d);
         }
       }
     else {
       this._reset();
       var m = a[0];
-      r(m);
+      n(m);
     }
   }
 };
-q.prototype._toSVG = function() {
-  var e = this, n = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), a = 0, i = 0, c = r.width / t, u = 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(g, W, $) {
+z.prototype._toSVG = function() {
+  var e = this, r = this._data, n = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), a = 0, i = 0, c = n.width / t, u = n.height / t, d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  d.setAttributeNS(null, "width", n.width), d.setAttributeNS(null, "height", n.height), this._fromData(r, function(y, W, j) {
     var k = 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));
-      k.setAttribute("d", f), k.setAttribute("stroke-width", (W.end * 2.25).toFixed(3)), k.setAttribute("stroke", $), k.setAttribute("fill", "none"), k.setAttribute("stroke-linecap", "round"), d.appendChild(k);
+    if (!isNaN(y.control1.x) && !isNaN(y.control1.y) && !isNaN(y.control2.x) && !isNaN(y.control2.y)) {
+      var f = "M " + y.startPoint.x.toFixed(3) + "," + y.startPoint.y.toFixed(3) + " " + ("C " + y.control1.x.toFixed(3) + "," + y.control1.y.toFixed(3) + " ") + (y.control2.x.toFixed(3) + "," + y.control2.y.toFixed(3) + " ") + (y.endPoint.x.toFixed(3) + "," + y.endPoint.y.toFixed(3));
+      k.setAttribute("d", f), k.setAttribute("stroke-width", (W.end * 2.25).toFixed(3)), k.setAttribute("stroke", j), k.setAttribute("fill", "none"), k.setAttribute("stroke-linecap", "round"), d.appendChild(k);
     }
-  }, function(g) {
-    var W = document.createElement("circle"), $ = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
-    W.setAttribute("r", $), W.setAttribute("cx", g.x), W.setAttribute("cy", g.y), W.setAttribute("fill", g.color), d.appendChild(W);
+  }, function(y) {
+    var W = document.createElement("circle"), j = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
+    W.setAttribute("r", j), W.setAttribute("cx", y.x), W.setAttribute("cy", y.y), W.setAttribute("fill", y.color), d.appendChild(W);
   });
-  var o = "data:image/svg+xml;base64,", l = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + a + " " + i + " " + c + " " + u + '"') + (' width="' + c + '"') + (' height="' + u + '"') + ">", v = d.innerHTML;
-  if (v === void 0) {
+  var o = "data:image/svg+xml;base64,", l = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + a + " " + i + " " + c + " " + u + '"') + (' width="' + c + '"') + (' height="' + u + '"') + ">", p = d.innerHTML;
+  if (p === void 0) {
     var m = document.createElement("dummy"), _ = d.childNodes;
     m.innerHTML = "";
     for (var x = 0; x < _.length; x += 1)
       m.appendChild(_[x].cloneNode(!0));
-    v = m.innerHTML;
+    p = m.innerHTML;
   }
-  var b = "</svg>", P = l + v + b;
-  return o + btoa(P);
+  var b = "</svg>", S = l + p + b;
+  return o + btoa(S);
 };
-q.prototype.fromData = function(e) {
-  var n = this;
-  this.clear(), this._fromData(e, function(r, t) {
-    return n._drawCurve(r, t.start, t.end);
-  }, function(r) {
-    return n._drawDot(r);
+z.prototype.fromData = function(e) {
+  var r = this;
+  this.clear(), this._fromData(e, function(n, t) {
+    return r._drawCurve(n, t.start, t.end);
+  }, function(n) {
+    return r._drawDot(n);
   }), this._data = e;
 };
-q.prototype.toData = function() {
+z.prototype.toData = function() {
   return this._data;
 };
-const at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: q
-}, Symbol.toStringTag, { value: "Module" })), ot = /* @__PURE__ */ Be(at);
-var de = { exports: {} }, it = de.exports, $e;
-function st() {
-  return $e || ($e = 1, (function(e, n) {
-    (function(r, t) {
+  default: z
+}, Symbol.toStringTag, { value: "Module" })), at = /* @__PURE__ */ Ne(rt);
+var fe = { exports: {} }, ot = fe.exports, Le;
+function it() {
+  return Le || (Le = 1, (function(e, r) {
+    (function(n, t) {
       e.exports = t();
-    })(it, function() {
-      return (function(r) {
+    })(ot, function() {
+      return (function(n) {
         function t(i) {
           if (a[i]) return a[i].exports;
           var c = a[i] = { exports: {}, id: i, loaded: !1 };
-          return r[i].call(c.exports, c, c.exports, t), c.loaded = !0, c.exports;
+          return n[i].call(c.exports, c, c.exports, t), c.loaded = !0, c.exports;
         }
         var a = {};
-        return t.m = r, t.c = a, t.p = "", t(0);
-      })([function(r, t) {
+        return t.m = n, t.c = a, t.p = "", t(0);
+      })([function(n, t) {
         function a(o) {
-          var l = o.getContext("2d"), v = o.width, m = o.height, _ = l.getImageData(0, 0, v, m).data, x = u(!0, v, m, _), b = u(!1, v, m, _), P = d(!0, v, m, _), g = d(!1, v, m, _), W = g - P + 1, $ = b - x + 1, k = l.getImageData(P, x, W, $);
-          return o.width = W, o.height = $, l.clearRect(0, 0, W, $), l.putImageData(k, 0, 0), o;
+          var l = o.getContext("2d"), p = o.width, m = o.height, _ = l.getImageData(0, 0, p, m).data, x = u(!0, p, m, _), b = u(!1, p, m, _), S = d(!0, p, m, _), y = d(!1, p, m, _), W = y - S + 1, j = b - x + 1, k = l.getImageData(S, x, W, j);
+          return o.width = W, o.height = j, l.clearRect(0, 0, W, j), l.putImageData(k, 0, 0), o;
         }
-        function i(o, l, v, m) {
-          return { red: m[4 * (v * l + o)], green: m[4 * (v * l + o) + 1], blue: m[4 * (v * l + o) + 2], alpha: m[4 * (v * l + o) + 3] };
+        function i(o, l, p, m) {
+          return { red: m[4 * (p * l + o)], green: m[4 * (p * l + o) + 1], blue: m[4 * (p * l + o) + 2], alpha: m[4 * (p * l + o) + 3] };
         }
-        function c(o, l, v, m) {
-          return i(o, l, v, m).alpha;
+        function c(o, l, p, m) {
+          return i(o, l, p, m).alpha;
         }
-        function u(o, l, v, m) {
-          for (var _ = o ? 1 : -1, x = o ? 0 : v - 1, b = x; o ? b < v : b > -1; b += _) for (var P = 0; P < l; P++) if (c(P, b, l, m)) return b;
+        function u(o, l, p, m) {
+          for (var _ = o ? 1 : -1, x = o ? 0 : p - 1, b = x; o ? b < p : b > -1; b += _) for (var S = 0; S < l; S++) if (c(S, b, l, m)) return b;
           return null;
         }
-        function d(o, l, v, m) {
-          for (var _ = o ? 1 : -1, x = o ? 0 : l - 1, b = x; o ? b < l : b > -1; b += _) for (var P = 0; P < v; P++) if (c(b, P, l, m)) return b;
+        function d(o, l, p, m) {
+          for (var _ = o ? 1 : -1, x = o ? 0 : l - 1, b = x; o ? b < l : b > -1; b += _) for (var S = 0; S < p; S++) if (c(b, S, l, m)) return b;
           return null;
         }
         Object.defineProperty(t, "__esModule", { value: !0 }), t.default = a;
       }]);
     });
-  })(de)), de.exports;
+  })(fe)), fe.exports;
 }
-var ut = fe.exports, Le;
-function ct() {
-  return Le || (Le = 1, (function(e, n) {
-    (function(r, t) {
-      e.exports = t(/* @__PURE__ */ rt(), Fe, ot, st());
-    })(ut, function(r, t, a, i) {
+var st = le.exports, je;
+function ut() {
+  return je || (je = 1, (function(e, r) {
+    (function(n, t) {
+      e.exports = t(/* @__PURE__ */ tt(), ze, at, it());
+    })(st, function(n, t, a, i) {
       return (function(c) {
         function u(o) {
           if (d[o]) return d[o].exports;
@@ -945,99 +944,99 @@ function ct() {
         var d = {};
         return u.m = c, u.c = d, u.p = "", u(0);
       })([function(c, u, d) {
-        function o(O) {
-          return O && O.__esModule ? O : { default: O };
+        function o(M) {
+          return M && M.__esModule ? M : { default: M };
         }
-        function l(O, S) {
+        function l(M, P) {
           var B = {};
-          for (var F in O) S.indexOf(F) >= 0 || Object.prototype.hasOwnProperty.call(O, F) && (B[F] = O[F]);
+          for (var N in M) P.indexOf(N) >= 0 || Object.prototype.hasOwnProperty.call(M, N) && (B[N] = M[N]);
           return B;
         }
-        function v(O, S) {
-          if (!(O instanceof S)) throw new TypeError("Cannot call a class as a function");
+        function p(M, P) {
+          if (!(M instanceof P)) throw new TypeError("Cannot call a class as a function");
         }
-        function m(O, S) {
-          if (!O) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-          return !S || typeof S != "object" && typeof S != "function" ? O : S;
+        function m(M, P) {
+          if (!M) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+          return !P || typeof P != "object" && typeof P != "function" ? M : P;
         }
-        function _(O, S) {
-          if (typeof S != "function" && S !== null) throw new TypeError("Super expression must either be null or a function, not " + typeof S);
-          O.prototype = Object.create(S && S.prototype, { constructor: { value: O, enumerable: !1, writable: !0, configurable: !0 } }), S && (Object.setPrototypeOf ? Object.setPrototypeOf(O, S) : O.__proto__ = S);
+        function _(M, P) {
+          if (typeof P != "function" && P !== null) throw new TypeError("Super expression must either be null or a function, not " + typeof P);
+          M.prototype = Object.create(P && P.prototype, { constructor: { value: M, enumerable: !1, writable: !0, configurable: !0 } }), P && (Object.setPrototypeOf ? Object.setPrototypeOf(M, P) : M.__proto__ = P);
         }
         Object.defineProperty(u, "__esModule", { value: !0 });
-        var x = Object.assign || function(O) {
-          for (var S = 1; S < arguments.length; S++) {
-            var B = arguments[S];
-            for (var F in B) Object.prototype.hasOwnProperty.call(B, F) && (O[F] = B[F]);
+        var x = Object.assign || function(M) {
+          for (var P = 1; P < arguments.length; P++) {
+            var B = arguments[P];
+            for (var N in B) Object.prototype.hasOwnProperty.call(B, N) && (M[N] = B[N]);
           }
-          return O;
+          return M;
         }, b = /* @__PURE__ */ (function() {
-          function O(S, B) {
-            for (var F = 0; F < B.length; F++) {
-              var y = B[F];
-              y.enumerable = y.enumerable || !1, y.configurable = !0, "value" in y && (y.writable = !0), Object.defineProperty(S, y.key, y);
+          function M(P, B) {
+            for (var N = 0; N < B.length; N++) {
+              var g = B[N];
+              g.enumerable = g.enumerable || !1, g.configurable = !0, "value" in g && (g.writable = !0), Object.defineProperty(P, g.key, g);
             }
           }
-          return function(S, B, F) {
-            return B && O(S.prototype, B), F && O(S, F), S;
+          return function(P, B, N) {
+            return B && M(P.prototype, B), N && M(P, N), P;
           };
-        })(), P = d(1), g = o(P), W = d(2), $ = o(W), k = d(3), f = o(k), X = d(4), ne = o(X), Q = (function(O) {
-          function S() {
-            var B, F, y, G;
-            v(this, S);
-            for (var U = arguments.length, Y = Array(U), J = 0; J < U; J++) Y[J] = arguments[J];
-            return F = y = m(this, (B = S.__proto__ || Object.getPrototypeOf(S)).call.apply(B, [this].concat(Y))), y._sigPad = null, y._excludeOurProps = function() {
-              var N = y.props, Z = (N.canvasProps, N.clearOnResize, l(N, ["canvasProps", "clearOnResize"]));
+        })(), S = d(1), y = o(S), W = d(2), j = o(W), k = d(3), f = o(k), X = d(4), re = o(X), Q = (function(M) {
+          function P() {
+            var B, N, g, G;
+            p(this, P);
+            for (var U = arguments.length, H = Array(U), J = 0; J < U; J++) H[J] = arguments[J];
+            return N = g = m(this, (B = P.__proto__ || Object.getPrototypeOf(P)).call.apply(B, [this].concat(H))), g._sigPad = null, g._excludeOurProps = function() {
+              var F = g.props, Z = (F.canvasProps, F.clearOnResize, l(F, ["canvasProps", "clearOnResize"]));
               return Z;
-            }, y.getCanvas = function() {
-              return y._canvas;
-            }, y.getTrimmedCanvas = function() {
-              var N = document.createElement("canvas");
-              return N.width = y._canvas.width, N.height = y._canvas.height, N.getContext("2d").drawImage(y._canvas, 0, 0), (0, ne.default)(N);
-            }, y.getSignaturePad = function() {
-              return y._sigPad;
-            }, y._checkClearOnResize = function() {
-              y.props.clearOnResize && y._resizeCanvas();
-            }, y._resizeCanvas = function() {
-              var N = y.props.canvasProps || {}, Z = N.width, s = N.height;
+            }, g.getCanvas = function() {
+              return g._canvas;
+            }, g.getTrimmedCanvas = function() {
+              var F = document.createElement("canvas");
+              return F.width = g._canvas.width, F.height = g._canvas.height, F.getContext("2d").drawImage(g._canvas, 0, 0), (0, re.default)(F);
+            }, g.getSignaturePad = function() {
+              return g._sigPad;
+            }, g._checkClearOnResize = function() {
+              g.props.clearOnResize && g._resizeCanvas();
+            }, g._resizeCanvas = function() {
+              var F = g.props.canvasProps || {}, Z = F.width, s = F.height;
               if (!Z || !s) {
-                var h = y._canvas, w = Math.max(window.devicePixelRatio || 1, 1);
-                Z || (h.width = h.offsetWidth * w), s || (h.height = h.offsetHeight * w), h.getContext("2d").scale(w, w), y.clear();
+                var h = g._canvas, w = Math.max(window.devicePixelRatio || 1, 1);
+                Z || (h.width = h.offsetWidth * w), s || (h.height = h.offsetHeight * w), h.getContext("2d").scale(w, w), g.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(N, Z) {
-              return y._sigPad.fromDataURL(N, Z);
-            }, y.toDataURL = function(N, Z) {
-              return y._sigPad.toDataURL(N, Z);
-            }, y.fromData = function(N) {
-              return y._sigPad.fromData(N);
-            }, y.toData = function() {
-              return y._sigPad.toData();
-            }, G = F, m(y, G);
+            }, g.on = function() {
+              return window.addEventListener("resize", g._checkClearOnResize), g._sigPad.on();
+            }, g.off = function() {
+              return window.removeEventListener("resize", g._checkClearOnResize), g._sigPad.off();
+            }, g.clear = function() {
+              return g._sigPad.clear();
+            }, g.isEmpty = function() {
+              return g._sigPad.isEmpty();
+            }, g.fromDataURL = function(F, Z) {
+              return g._sigPad.fromDataURL(F, Z);
+            }, g.toDataURL = function(F, Z) {
+              return g._sigPad.toDataURL(F, Z);
+            }, g.fromData = function(F) {
+              return g._sigPad.fromData(F);
+            }, g.toData = function() {
+              return g._sigPad.toData();
+            }, G = N, m(g, G);
           }
-          return _(S, O), b(S, [{ key: "componentDidMount", value: function() {
+          return _(P, M), b(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 B = this, F = this.props.canvasProps;
-            return $.default.createElement("canvas", x({ ref: function(y) {
-              B._canvas = y;
-            } }, F));
-          } }]), S;
+            var B = this, N = this.props.canvasProps;
+            return j.default.createElement("canvas", x({ ref: function(g) {
+              B._canvas = g;
+            } }, N));
+          } }]), P;
         })(W.Component);
-        Q.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 }, Q.defaultProps = { clearOnResize: !0 }, u.default = Q;
+        Q.propTypes = { velocityFilterWeight: y.default.number, minWidth: y.default.number, maxWidth: y.default.number, minDistance: y.default.number, dotSize: y.default.oneOfType([y.default.number, y.default.func]), penColor: y.default.string, throttle: y.default.number, onEnd: y.default.func, onBegin: y.default.func, canvasProps: y.default.object, clearOnResize: y.default.bool }, Q.defaultProps = { clearOnResize: !0 }, u.default = Q;
       }, function(c, u) {
-        c.exports = r;
+        c.exports = n;
       }, function(c, u) {
         c.exports = t;
       }, function(c, u) {
@@ -1046,144 +1045,151 @@ function ct() {
         c.exports = i;
       }]);
     });
-  })(fe)), fe.exports;
+  })(le)), le.exports;
 }
-var lt = ct();
-const ft = /* @__PURE__ */ Ne(lt), dt = "_Signature_4mfzi_1", ht = "_SignatureMain_4mfzi_5", pt = "_SignatureMainAuto_4mfzi_15", vt = "_SignatureMainManual_4mfzi_19", yt = "_SignatureHeader_4mfzi_26", mt = "_SignatureHeaderReset_4mfzi_34", gt = "_SignatureManualPanel_4mfzi_41", _t = "_SignatureManualPanelPlaceholder_4mfzi_48", bt = "_SignatureManualPanelButton_4mfzi_52", xt = "_SignatureAutoPanelImage_4mfzi_67", Pt = "_SignatureAutoPanelLoader_4mfzi_72", St = "_SignatureAutoPanelNoteIcon_4mfzi_79", wt = "_SignatureAutoPanelButton_4mfzi_83", V = {
-  Signature: dt,
-  SignatureMain: ht,
-  SignatureMainAuto: pt,
+var ct = ut();
+const lt = /* @__PURE__ */ Be(ct), ft = "_Signature_qgimg_1", dt = "_SignatureMain_qgimg_5", ht = "_SignatureMainAuto_qgimg_15", vt = "_SignatureMainManual_qgimg_19", pt = "_Buttons_qgimg_24", gt = "_Header_qgimg_34", mt = "_HeaderManualDraw_qgimg_43", yt = "_HeaderNotManualDraw_qgimg_47", _t = "_Content_qgimg_51", bt = "_AutoContent_qgimg_57", xt = "_SignatureHeaderReset_qgimg_64", St = "_SignatureManualPanel_qgimg_71", Pt = "_SignatureManualPanelPlaceholder_qgimg_78", wt = "_SignatureManualPanelButton_qgimg_82", Et = "_SignatureAutoPanelImage_qgimg_97", Tt = "_SignatureAutoPanelLoader_qgimg_103", Ct = "_SignatureAutoPanelNoteIcon_qgimg_110", Rt = "_SignatureAutoPanelButton_qgimg_114", Mt = "_SignatureAutoLabel_qgimg_118", Ot = "_SignatureErrorLoading_qgimg_127", Y = {
+  Signature: ft,
+  SignatureMain: dt,
+  SignatureMainAuto: ht,
   SignatureMainManual: vt,
-  SignatureHeader: yt,
-  SignatureHeaderReset: mt,
-  SignatureManualPanel: gt,
-  SignatureManualPanelPlaceholder: _t,
-  SignatureManualPanelButton: bt,
-  SignatureAutoPanelImage: xt,
-  SignatureAutoPanelLoader: Pt,
-  SignatureAutoPanelNoteIcon: St,
-  SignatureAutoPanelButton: wt
-}, Lt = (e) => {
-  const { auto: n, manual: r, getSignature: t, onChangeManual: a, onChangeAuto: i, className: c = "" } = e, u = Se(null), d = Se(!1), [o, l] = se(null), [v, m] = se(r ? "manual" : "auto"), [_, x] = se(""), [b, P] = se(!1), { width: g = 0, height: W = 0 } = Ue({ ref: u, box: "border-box" }), $ = v === "auto" ? n ? "auto-generated" : "auto-loading" : _ ? "manual-drawn" : r ? "manual-stored" : "manual-blank", k = n !== "" || b, f = r || _, X = re(
+  Buttons: pt,
+  Header: gt,
+  HeaderManualDraw: mt,
+  HeaderNotManualDraw: yt,
+  Content: _t,
+  AutoContent: bt,
+  SignatureHeaderReset: xt,
+  SignatureManualPanel: St,
+  SignatureManualPanelPlaceholder: Pt,
+  SignatureManualPanelButton: wt,
+  SignatureAutoPanelImage: Et,
+  SignatureAutoPanelLoader: Tt,
+  SignatureAutoPanelNoteIcon: Ct,
+  SignatureAutoPanelButton: Rt,
+  SignatureAutoLabel: Mt,
+  SignatureErrorLoading: Ot
+}, Ft = (e) => {
+  const { auto: r, manual: n, getSignature: t, onChangeManual: a, onChangeAuto: i, className: c = "" } = e, u = Pe(null), d = Pe(!1), [o, l] = ie(null), [p, m] = ie(n ? "manual" : "auto"), [_, x] = ie(""), [b, S] = ie(!1), { width: y = 0, height: W = 0 } = Fe({ ref: u, box: "border-box" }), j = p === "auto" ? r ? "auto-generated" : "auto-loading" : _ ? "manual-drawn" : n ? "manual-stored" : "manual-blank", k = r !== "" || b, f = n || _, X = ne(
     (U) => {
-      !o || !g || !W || !U || o.fromDataURL(U, {
-        width: +g.toFixed(),
+      !o || !y || !W || !U || o.fromDataURL(U, {
+        width: +y.toFixed(),
         height: +W.toFixed()
       });
     },
-    [o, g, W]
-  ), ne = re(() => {
+    [o, y, W]
+  ), re = ne(() => {
     if (!o) return;
     const U = o.getCanvas().toDataURL("image/png");
     x(U), a(U);
-  }, [o, a]), Q = re(() => {
+  }, [o, a]), Q = ne(() => {
     o && (o.clear(), x(""), a(""));
-  }, [o, a]), O = re(() => {
+  }, [o, a]), M = ne(() => {
     m("auto"), x("");
-  }, []), S = re(() => {
+  }, []), P = ne(() => {
     m("manual");
-  }, []), B = re(() => {
+  }, []), B = ne(() => {
     m("manual"), x(""), a("");
-  }, [a]), F = re(() => {
+  }, [a]), N = ne(() => {
     _ && x("");
-  }, [_]), y = (U) => U.includes($);
+  }, [_]), g = (U) => U.includes(j);
   we(() => {
-    v === "manual" && _ && g && W && X(_);
-  }, [v, _, g, W, X]), we(() => {
-    if (n) {
+    p === "manual" && _ && y && W && X(_);
+  }, [p, _, y, W, X]), we(() => {
+    if (r) {
       d.current = !1;
       return;
     }
     d.current || (d.current = !0, t().then((U) => {
-      const Y = `data:image/png;base64,${U.signature}`;
-      P(!1), i(Y);
+      const H = `data:image/png;base64,${U.signature}`;
+      S(!1), i(H);
     }).catch(() => {
-      P(!0);
+      S(!0);
     }));
-  }, [n, t, i]);
-  const G = re(() => {
-    P(!1), d.current = !0, t().then((U) => {
-      const Y = `data:image/png;base64,${U.signature}`;
-      P(!1), i(Y);
+  }, [r, t, i]);
+  const G = ne(() => {
+    S(!1), d.current = !0, t().then((U) => {
+      const H = `data:image/png;base64,${U.signature}`;
+      S(!1), i(H);
     }).catch(() => {
-      P(!0);
+      S(!0);
     });
   }, [t, i]);
-  return /* @__PURE__ */ ee("div", { className: Ee(V.Signature, c), children: [
+  return /* @__PURE__ */ ee("div", { className: de(Y.Signature, c), children: [
     /* @__PURE__ */ ee(
       "div",
       {
-        className: Ee(
-          V.SignatureMain,
-          y(["auto-generated", "auto-loading"]) ? V.SignatureMainAuto : V.SignatureMainManual
+        className: de(
+          Y.SignatureMain,
+          g(["auto-generated", "auto-loading"]) ? Y.SignatureMainAuto : Y.SignatureMainManual
         ),
         ref: u,
         children: [
-          /* @__PURE__ */ ee(oe, { direction: "row", justify: y(["manual-drawn"]) ? "end" : "center", className: V.SignatureHeader, children: [
+          /* @__PURE__ */ ee("div", { className: de(Y.Header, g(["manual-drawn"]) ? Y.HeaderManualDraw : Y.HeaderNotManualDraw), children: [
             /* @__PURE__ */ ee(he, { tag: "h6", weight: "medium", align: "center", children: [
-              /* @__PURE__ */ j(te, { name: "generated-signature", condition: y(["auto-generated", "auto-loading"]), children: "Wir haben eine digitale Signature Sie generiert." }),
-              /* @__PURE__ */ j(te, { name: "create-signature", condition: y(["manual-blank", "manual-stored"]), children: "Ihre Signatur:" })
+              /* @__PURE__ */ I(te, { name: "generated-signature", condition: g(["auto-generated", "auto-loading"]), children: "Wir haben eine digitale Signature Sie generiert." }),
+              /* @__PURE__ */ I(te, { name: "create-signature", condition: g(["manual-blank", "manual-stored"]), children: "Ihre Signatur:" })
             ] }),
-            /* @__PURE__ */ j(Xe, { name: "reset", direction: "rtl", condition: y(["manual-drawn"]), children: /* @__PURE__ */ j("div", { className: V.SignatureHeaderReset, children: /* @__PURE__ */ j(ue, { blurAfterClick: !0, underlined: !0, icon: /* @__PURE__ */ j(Ye, {}), onClick: Q, children: "Neu starten" }) }) })
+            /* @__PURE__ */ I(Ve, { name: "reset", direction: "rtl", condition: g(["manual-drawn"]), children: /* @__PURE__ */ I("div", { className: Y.SignatureHeaderReset, children: /* @__PURE__ */ I(se, { blurAfterClick: !0, underlined: !0, icon: /* @__PURE__ */ I(Ue, {}), onClick: Q, children: "Neu starten" }) }) })
           ] }),
-          /* @__PURE__ */ j(oe, { direction: "row", align: "end", justify: "center", children: y(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ ee(oe, { direction: "column", align: "center", justify: "start", children: [
-            /* @__PURE__ */ j(te, { name: "signature", condition: n !== "", children: /* @__PURE__ */ j("img", { className: V.SignatureAutoPanelImage, src: n, alt: "signature" }) }),
-            /* @__PURE__ */ j(te, { name: "signature", condition: n === "" && !b, children: /* @__PURE__ */ j("div", { className: V.SignatureAutoPanelLoader, style: { height: 142 }, children: /* @__PURE__ */ j(Je, { size: "sm", color: "accent-primary" }) }) }),
-            /* @__PURE__ */ j(te, { name: "auto-failed", condition: n === "" && b, children: /* @__PURE__ */ ee(oe, { direction: "column", align: "center", justify: "center", style: { height: 78 }, gap: "xs", children: [
-              /* @__PURE__ */ j(he, { tag: "span", size: "body-small", color: "text-secondary", children: "Automatische Signatur konnte nicht geladen werden." }),
-              /* @__PURE__ */ j(
-                ue,
+          /* @__PURE__ */ I("div", { className: Y.Content, children: g(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ ee("div", { className: Y.AutoContent, children: [
+            /* @__PURE__ */ I(te, { name: "signature", condition: r !== "", children: /* @__PURE__ */ I("img", { className: Y.SignatureAutoPanelImage, src: r, alt: "signature" }) }),
+            /* @__PURE__ */ I(te, { name: "signature", condition: r === "" && !b, children: /* @__PURE__ */ I("div", { className: Y.SignatureAutoPanelLoader, style: { height: 142 }, children: /* @__PURE__ */ I(Xe, { size: "sm", color: "accent-primary" }) }) }),
+            /* @__PURE__ */ I(te, { name: "auto-failed", condition: r === "" && b, children: /* @__PURE__ */ ee("div", { className: Y.SignatureErrorLoading, children: [
+              /* @__PURE__ */ I(he, { tag: "span", size: "body-small", color: "text-secondary", children: "Automatische Signatur konnte nicht geladen werden." }),
+              /* @__PURE__ */ I(
+                se,
                 {
                   blurAfterClick: !0,
                   underlined: !0,
                   size: "sm",
                   iconPosition: "right",
-                  icon: /* @__PURE__ */ j(He, {}),
+                  icon: /* @__PURE__ */ I(Ye, {}),
                   onClick: G,
                   children: "Erneut versuchen"
                 }
               )
             ] }) }),
-            /* @__PURE__ */ j(te, { name: "auto-note", condition: n !== "", children: /* @__PURE__ */ ee(oe, { direction: "row", align: "center", justify: "center", gap: "xxs", mt: "xs", children: [
-              /* @__PURE__ */ j(Ve, { size: 24, className: V.SignatureAutoPanelNoteIcon }),
-              /* @__PURE__ */ j(he, { tag: "span", size: "body-small", color: "text-secondary", children: "Diese Unterschrift ist ausreichend" })
+            /* @__PURE__ */ I(te, { name: "auto-note", condition: r !== "", children: /* @__PURE__ */ ee("div", { className: Y.SignatureAutoLabel, children: [
+              /* @__PURE__ */ I(He, { size: 24, className: Y.SignatureAutoPanelNoteIcon }),
+              /* @__PURE__ */ I(he, { tag: "span", size: "body-small", color: "text-secondary", children: "Diese Unterschrift ist ausreichend" })
             ] }) }),
-            /* @__PURE__ */ j(te, { name: "manual-switch", condition: k, children: /* @__PURE__ */ j("div", { className: V.SignatureAutoPanelButton, children: /* @__PURE__ */ j(ue, { blurAfterClick: !0, underlined: !0, onClick: S, children: "per Hand/Maus unterschreiben" }) }) })
-          ] }) : /* @__PURE__ */ ee("div", { className: V.SignatureManualPanel, children: [
-            /* @__PURE__ */ j("div", { className: V.SignatureManualPanelPlaceholder }),
-            y(["manual-stored"]) ? /* @__PURE__ */ j("img", { width: g, height: W, alt: "signature", src: f }) : /* @__PURE__ */ j(
-              ft,
+            /* @__PURE__ */ I(te, { name: "manual-switch", condition: k, children: /* @__PURE__ */ I("div", { className: Y.SignatureAutoPanelButton, children: /* @__PURE__ */ I(se, { blurAfterClick: !0, underlined: !0, onClick: P, children: "per Hand/Maus unterschreiben" }) }) })
+          ] }) : /* @__PURE__ */ ee("div", { className: Y.SignatureManualPanel, children: [
+            /* @__PURE__ */ I("div", { className: Y.SignatureManualPanelPlaceholder }),
+            g(["manual-stored"]) ? /* @__PURE__ */ I("img", { width: y, height: W, alt: "signature", src: f }) : /* @__PURE__ */ I(
+              lt,
               {
                 penColor: "#262626",
                 dotSize: 2,
                 minWidth: 0.25,
                 maxWidth: 2.75,
                 throttle: 12,
-                canvasProps: { width: +(g || 0).toFixed(), height: +(W || 0).toFixed() },
+                canvasProps: { width: +(y || 0).toFixed(), height: +(W || 0).toFixed() },
                 ref: (U) => l(U),
                 clearOnResize: !0,
-                onEnd: ne
+                onEnd: re
               }
             ),
-            /* @__PURE__ */ j(
+            /* @__PURE__ */ I(
               te,
               {
                 name: "to-generated",
-                condition: y(["manual-stored"]),
-                className: V.SignatureManualPanelButton,
-                children: /* @__PURE__ */ j(ue, { blurAfterClick: !0, underlined: !0, onClick: B, children: "Zurücksetzen" })
+                condition: g(["manual-stored"]),
+                className: Y.SignatureManualPanelButton,
+                children: /* @__PURE__ */ I(se, { blurAfterClick: !0, underlined: !0, onClick: B, children: "Zurücksetzen" })
               }
             )
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ j(te, { name: "footer", condition: y(["manual-blank", "manual-drawn"]), children: /* @__PURE__ */ ee(oe, { direction: "row", grow: "equal", align: "center", justify: "space-between", gap: "md", mt: "md", children: [
-      /* @__PURE__ */ j(Te, { fullWidth: !0, blurAfterClick: !0, color: "tertiary", onClick: O, children: "Abbrechen" }),
-      /* @__PURE__ */ j(Te, { fullWidth: !0, blurAfterClick: !0, color: "primary", disabled: !_, onClick: F, children: "Speichern" })
+    /* @__PURE__ */ I(te, { name: "footer", condition: g(["manual-blank", "manual-drawn"]), children: /* @__PURE__ */ ee("div", { className: Y.Buttons, children: [
+      /* @__PURE__ */ I(Ee, { fullWidth: !0, blurAfterClick: !0, color: "tertiary", onClick: M, children: "Abbrechen" }),
+      /* @__PURE__ */ I(Ee, { fullWidth: !0, blurAfterClick: !0, color: "primary", disabled: !_, onClick: N, children: "Speichern" })
     ] }) })
   ] });
 };
 export {
-  Lt as Signature
+  Ft as Signature
 };