@arthurzakharov/ui-kit 1.3.8 → 1.4.0

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

@@ -1,20 +1,22 @@
-import { jsxs as te, jsx as j } from "react/jsx-runtime";
-import Fe, { useRef as Pe, useState as ue, useCallback as re, useEffect as we } from "react";
-import { g as qe, a as Be } from "../../input.component-C5xcmnfu.js";
-import { useResizeObserver as Ne } from "usehooks-ts";
-import { RefreshCw as Ue, RotateCcw as Ye, Check as He } from "lucide-react";
+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 { Animation as Q } from "../../animations/animation.component.js";
-import { C as ie } from "../../control.component-B9Ao9mfl.js";
-import { Flex as oe } from "../flex/flex.component.js";
+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 ie } from "../flex/flex.component.js";
 import { Text as he } from "../text/text.component.js";
-import { Loader as Ve } from "../loader/loader.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 Te;
-function Xe() {
-  if (Te) return I;
-  Te = 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, o = 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, i = 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, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, x = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, S = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+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, o = 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, i = 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) {
     if (typeof f == "object" && f !== null) {
       var X = f.$$typeof;
@@ -32,7 +34,7 @@ function Xe() {
               switch (f = f && f.$$typeof, f) {
                 case u:
                 case l:
-                case b:
+                case x:
                 case _:
                 case c:
                   return f;
@@ -48,7 +50,7 @@ function Xe() {
   function k(f) {
     return $(f) === i;
   }
-  return I.AsyncMode = d, I.ConcurrentMode = i, I.ContextConsumer = u, I.ContextProvider = c, I.Element = n, I.ForwardRef = l, I.Fragment = t, I.Lazy = b, I.Memo = _, I.Portal = r, I.Profiler = o, I.StrictMode = a, I.Suspense = v, I.isAsyncMode = function(f) {
+  return I.AsyncMode = d, I.ConcurrentMode = i, 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 = o, 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;
@@ -61,7 +63,7 @@ function Xe() {
   }, I.isFragment = function(f) {
     return $(f) === t;
   }, I.isLazy = function(f) {
-    return $(f) === b;
+    return $(f) === x;
   }, I.isMemo = function(f) {
     return $(f) === _;
   }, I.isPortal = function(f) {
@@ -73,41 +75,41 @@ function Xe() {
   }, I.isSuspense = function(f) {
     return $(f) === v;
   }, I.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === t || f === i || f === o || f === a || f === v || f === m || typeof f == "object" && f !== null && (f.$$typeof === b || f.$$typeof === _ || f.$$typeof === c || f.$$typeof === u || f.$$typeof === l || f.$$typeof === S || f.$$typeof === g || f.$$typeof === W || f.$$typeof === x);
+    return typeof f == "string" || typeof f == "function" || f === t || f === i || f === o || 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;
 }
 var z = {};
-var Ce;
-function Je() {
-  return Ce || (Ce = 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, o = 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, i = 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, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, x = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, S = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, g = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, W = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+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, o = 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, i = 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 === i || p === o || p === a || p === v || p === m || typeof p == "object" && p !== null && (p.$$typeof === b || p.$$typeof === _ || p.$$typeof === c || p.$$typeof === u || p.$$typeof === l || p.$$typeof === S || p.$$typeof === g || p.$$typeof === W || p.$$typeof === x);
+      p === t || p === i || p === o || 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);
     }
     function k(p) {
       if (typeof p == "object" && p !== null) {
         var K = p.$$typeof;
         switch (K) {
           case n:
-            var se = p.type;
-            switch (se) {
+            var oe = p.type;
+            switch (oe) {
               case d:
               case i:
               case t:
               case o:
               case a:
               case v:
-                return se;
+                return oe;
               default:
-                var Se = se && se.$$typeof;
-                switch (Se) {
+                var Pe = oe && oe.$$typeof;
+                switch (Pe) {
                   case u:
                   case l:
-                  case b:
+                  case x:
                   case _:
                   case c:
-                    return Se;
+                    return Pe;
                   default:
                     return K;
                 }
@@ -117,7 +119,7 @@ function Je() {
         }
       }
     }
-    var f = d, X = i, ne = u, ee = c, O = n, P = l, B = t, q = b, y = _, G = r, U = o, Y = a, J = v, N = !1;
+    var f = d, X = i, ne = u, Q = c, O = n, S = l, B = t, F = x, y = _, G = r, U = o, 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;
     }
@@ -140,7 +142,7 @@ function Je() {
       return k(p) === t;
     }
     function T(p) {
-      return k(p) === b;
+      return k(p) === x;
     }
     function R(p) {
       return k(p) === _;
@@ -157,17 +159,17 @@ function Je() {
     function H(p) {
       return k(p) === v;
     }
-    z.AsyncMode = f, z.ConcurrentMode = X, z.ContextConsumer = ne, z.ContextProvider = ee, z.Element = O, z.ForwardRef = P, z.Fragment = B, z.Lazy = q, 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.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;
 }
-var Re;
-function Le() {
-  return Re || (Re = 1, process.env.NODE_ENV === "production" ? le.exports = Xe() : le.exports = Je()), le.exports;
+var Oe;
+function We() {
+  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? le.exports = Ze() : le.exports = Ge()), le.exports;
 }
-var pe, Oe;
-function Ze() {
-  if (Oe) return pe;
-  Oe = 1;
+var pe, Me;
+function Ke() {
+  if (Me) return pe;
+  Me = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function t(o) {
     if (o == null)
@@ -210,25 +212,25 @@ function Ze() {
     return d;
   }, pe;
 }
-var ve, Me;
-function xe() {
-  if (Me) return ve;
-  Me = 1;
+var ve, Ae;
+function be() {
+  if (Ae) return ve;
+  Ae = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return ve = e, ve;
 }
-var ye, Ae;
-function We() {
-  return Ae || (Ae = 1, ye = Function.call.bind(Object.prototype.hasOwnProperty)), ye;
+var ye, De;
+function qe() {
+  return De || (De = 1, ye = Function.call.bind(Object.prototype.hasOwnProperty)), ye;
 }
-var me, De;
-function Ge() {
-  if (De) return me;
-  De = 1;
+var me, ke;
+function Qe() {
+  if (ke) return me;
+  ke = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var n = /* @__PURE__ */ xe(), r = {}, t = /* @__PURE__ */ We();
+    var n = /* @__PURE__ */ be(), r = {}, t = /* @__PURE__ */ qe();
     e = function(o) {
       var c = "Warning: " + o;
       typeof console < "u" && console.error(c);
@@ -251,8 +253,8 @@ function Ge() {
               throw m.name = "Invariant Violation", m;
             }
             v = o[l](c, l, d, u, null, n);
-          } catch (b) {
-            v = b;
+          } catch (x) {
+            v = 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)."
@@ -270,11 +272,11 @@ function Ge() {
     process.env.NODE_ENV !== "production" && (r = {});
   }, me = a, me;
 }
-var ge, ke;
-function Ke() {
-  if (ke) return ge;
-  ke = 1;
-  var e = Le(), n = Ze(), r = /* @__PURE__ */ xe(), t = /* @__PURE__ */ We(), a = /* @__PURE__ */ Ge(), o = function() {
+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(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(u) {
     var d = "Warning: " + u;
@@ -308,21 +310,21 @@ function Ke() {
       element: k(),
       elementType: f(),
       instanceOf: X,
-      node: P(),
-      objectOf: ee,
+      node: S(),
+      objectOf: Q,
       oneOf: ne,
       oneOfType: O,
-      shape: q,
+      shape: F,
       exact: y
     };
-    function b(s, h) {
+    function x(s, h) {
       return s === h ? s !== 0 || 1 / s === 1 / h : s !== s && h !== h;
     }
-    function x(s, h) {
+    function b(s, h) {
       this.message = s, this.data = h && typeof h == "object" ? h : {}, this.stack = "";
     }
-    x.prototype = Error.prototype;
-    function S(s) {
+    b.prototype = Error.prototype;
+    function P(s) {
       if (process.env.NODE_ENV !== "production")
         var h = {}, w = 0;
       function C(M, T, R, A, L, D, H) {
@@ -340,7 +342,7 @@ function Ke() {
             ), h[K] = !0, w++);
           }
         }
-        return T[R] == null ? M ? T[R] === null ? new x("The " + L + " `" + D + "` is marked as required " + ("in `" + A + "`, but its value is `null`.")) : new x("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 ? 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);
       }
       var E = C.bind(null, !1);
       return E.isRequired = C.bind(null, !0), E;
@@ -350,26 +352,26 @@ function Ke() {
         var A = w[C], L = Y(A);
         if (L !== s) {
           var D = J(A);
-          return new x(
+          return new b(
             "Invalid " + M + " `" + T + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("`" + s + "`."),
             { expectedType: s }
           );
         }
         return null;
       }
-      return S(h);
+      return P(h);
     }
     function W() {
-      return S(c);
+      return P(c);
     }
     function $(s) {
       function h(w, C, E, M, T) {
         if (typeof s != "function")
-          return new x("Property `" + T + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
+          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 x("Invalid " + M + " `" + T + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected an array."));
+          return new b("Invalid " + M + " `" + 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);
@@ -378,39 +380,39 @@ function Ke() {
         }
         return null;
       }
-      return S(h);
+      return P(h);
     }
     function k() {
       function s(h, w, C, E, M) {
         var T = h[w];
         if (!u(T)) {
           var R = Y(T);
-          return new x("Invalid " + E + " `" + M + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement."));
+          return new b("Invalid " + E + " `" + M + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return S(s);
+      return P(s);
     }
     function f() {
       function s(h, w, C, E, M) {
         var T = h[w];
         if (!e.isValidElementType(T)) {
           var R = Y(T);
-          return new x("Invalid " + E + " `" + M + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement type."));
+          return new b("Invalid " + E + " `" + M + "` of type " + ("`" + R + "` supplied to `" + C + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return S(s);
+      return P(s);
     }
     function X(s) {
       function h(w, C, E, M, T) {
         if (!(w[C] instanceof s)) {
           var R = s.name || m, A = Z(w[C]);
-          return new x("Invalid " + M + " `" + T + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected ") + ("instance of `" + R + "`."));
+          return new b("Invalid " + M + " `" + T + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected ") + ("instance of `" + R + "`."));
         }
         return null;
       }
-      return S(h);
+      return P(h);
     }
     function ne(s) {
       if (!Array.isArray(s))
@@ -419,23 +421,23 @@ function Ke() {
         ) : o("Invalid argument supplied to oneOf, expected an array.")), c;
       function h(w, C, E, M, T) {
         for (var R = w[C], A = 0; A < s.length; A++)
-          if (b(R, s[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;
         });
-        return new x("Invalid " + M + " `" + T + "` of value `" + String(R) + "` " + ("supplied to `" + E + "`, expected one of " + L + "."));
+        return new b("Invalid " + M + " `" + T + "` of value `" + String(R) + "` " + ("supplied to `" + E + "`, expected one of " + L + "."));
       }
-      return S(h);
+      return P(h);
     }
-    function ee(s) {
+    function Q(s) {
       function h(w, C, E, M, T) {
         if (typeof s != "function")
-          return new x("Property `" + T + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
+          return new b("Property `" + T + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
         var R = w[C], A = Y(R);
         if (A !== "object")
-          return new x("Invalid " + M + " `" + T + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected an 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);
@@ -444,7 +446,7 @@ function Ke() {
           }
         return null;
       }
-      return S(h);
+      return P(h);
     }
     function O(s) {
       if (!Array.isArray(s))
@@ -464,26 +466,26 @@ function Ke() {
           p.data && t(p.data, "expectedType") && L.push(p.data.expectedType);
         }
         var K = L.length > 0 ? ", expected one of type [" + L.join(", ") + "]" : "";
-        return new x("Invalid " + R + " `" + A + "` supplied to " + ("`" + T + "`" + K + "."));
+        return new b("Invalid " + R + " `" + A + "` supplied to " + ("`" + T + "`" + K + "."));
       }
-      return S(C);
+      return P(C);
     }
-    function P() {
+    function S() {
       function s(h, w, C, E, M) {
-        return G(h[w]) ? null : new x("Invalid " + E + " `" + M + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
+        return G(h[w]) ? null : new b("Invalid " + E + " `" + M + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
       }
-      return S(s);
+      return P(s);
     }
     function B(s, h, w, C, E) {
-      return new x(
+      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 q(s) {
+    function F(s) {
       function h(w, C, E, M, T) {
         var R = w[C], A = Y(R);
         if (A !== "object")
-          return new x("Invalid " + M + " `" + T + "` of type `" + A + "` " + ("supplied to `" + E + "`, expected `object`."));
+          return new b("Invalid " + M + " `" + T + "` of type `" + A + "` " + ("supplied to `" + E + "`, expected `object`."));
         for (var L in s) {
           var D = s[L];
           if (typeof D != "function")
@@ -494,20 +496,20 @@ function Ke() {
         }
         return null;
       }
-      return S(h);
+      return P(h);
     }
     function y(s) {
       function h(w, C, E, M, T) {
         var R = w[C], A = Y(R);
         if (A !== "object")
-          return new x("Invalid " + M + " `" + T + "` of type `" + A + "` " + ("supplied to `" + E + "`, expected `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 x(
+            return new b(
               "Invalid " + M + " `" + T + "` key `" + D + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(w[C], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
             );
@@ -517,7 +519,7 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
         }
         return null;
       }
-      return S(h);
+      return P(h);
     }
     function G(s) {
       switch (typeof s) {
@@ -591,11 +593,11 @@ Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
     return _.checkPropTypes = a, _.resetWarningCache = a.resetWarningCache, _.PropTypes = _, _;
   }, ge;
 }
-var _e, je;
-function Qe() {
-  if (je) return _e;
-  je = 1;
-  var e = /* @__PURE__ */ xe();
+var _e, Ie;
+function tt() {
+  if (Ie) return _e;
+  Ie = 1;
+  var e = /* @__PURE__ */ be();
   function n() {
   }
   function r() {
@@ -639,14 +641,14 @@ function Qe() {
     return o.PropTypes = o, o;
   }, _e;
 }
-var Ie;
-function et() {
-  if (Ie) return ce.exports;
-  if (Ie = 1, process.env.NODE_ENV !== "production") {
-    var e = Le(), n = !0;
-    ce.exports = /* @__PURE__ */ Ke()(e.isElement, n);
+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);
   } else
-    ce.exports = /* @__PURE__ */ Qe()();
+    ce.exports = /* @__PURE__ */ tt()();
   return ce.exports;
 }
 function ae(e, n, r) {
@@ -661,10 +663,10 @@ ae.prototype.distanceTo = function(e) {
 ae.prototype.equals = function(e) {
   return this.x === e.x && this.y === e.y && this.time === e.time;
 };
-function be(e, n, r, t) {
+function xe(e, n, r, t) {
   this.startPoint = e, this.control1 = n, this.control2 = r, this.endPoint = t;
 }
-be.prototype.length = function() {
+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, c = this._point(o, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), u = this._point(o, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
     if (a > 0) {
@@ -675,10 +677,10 @@ be.prototype.length = function() {
   }
   return n;
 };
-be.prototype._point = function(e, n, r, t, a) {
+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 tt(e, n, r) {
+function nt(e, n, r) {
   var t, a, o, c = null, u = 0;
   r || (r = {});
   var d = function() {
@@ -691,9 +693,9 @@ function tt(e, n, r) {
     return t = this, a = arguments, l <= 0 || l > n ? (c && (clearTimeout(c), c = null), u = i, o = e.apply(t, a), c || (t = a = null)) : !c && r.trailing !== !1 && (c = setTimeout(d, l)), o;
   };
 }
-function F(e, n) {
+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 = tt(F.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = F.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
+  this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = "throttle" in t ? t.throttle : 16, this.minDistance = "minDistance" in t ? t.minDistance : 5, this.throttle ? this._strokeMoveUpdate = nt(q.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = q.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));
@@ -715,17 +717,17 @@ function F(e, n) {
     o && (a.preventDefault(), r._strokeEnd(a));
   }, this.on();
 }
-F.prototype.clear = function() {
+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;
 };
-F.prototype.fromDataURL = function(e) {
+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, o = r.width || this._canvas.width / a, c = r.height || this._canvas.height / a;
   this._reset(), t.src = e, t.onload = function() {
     n._ctx.drawImage(t, 0, 0, o, c);
   }, this._isEmpty = !1;
 };
-F.prototype.toDataURL = function(e) {
+q.prototype.toDataURL = function(e) {
   var n;
   switch (e) {
     case "image/svg+xml":
@@ -736,19 +738,19 @@ F.prototype.toDataURL = function(e) {
       return (n = this._canvas).toDataURL.apply(n, [e].concat(t));
   }
 };
-F.prototype.on = function() {
+q.prototype.on = function() {
   this._handleMouseEvents(), this._handleTouchEvents();
 };
-F.prototype.off = function() {
+q.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);
 };
-F.prototype.isEmpty = function() {
+q.prototype.isEmpty = function() {
   return this._isEmpty;
 };
-F.prototype._strokeBegin = function(e) {
+q.prototype._strokeBegin = function(e) {
   this._data.push([]), this._reset(), this._strokeUpdate(e), typeof this.onBegin == "function" && this.onBegin(e);
 };
-F.prototype._strokeUpdate = function(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], o = a && a[a.length - 1], c = o && t.distanceTo(o) < this.minDistance;
   if (!(o && c)) {
     var u = this._addPoint(t), d = u.curve, i = u.widths;
@@ -760,7 +762,7 @@ F.prototype._strokeUpdate = function(e) {
     });
   }
 };
-F.prototype._strokeEnd = function(e) {
+q.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];
@@ -773,66 +775,66 @@ F.prototype._strokeEnd = function(e) {
   }
   typeof this.onEnd == "function" && this.onEnd(e);
 };
-F.prototype._handleMouseEvents = function() {
+q.prototype._handleMouseEvents = function() {
   this._mouseButtonDown = !1, this._canvas.addEventListener("mousedown", this._handleMouseDown), this._canvas.addEventListener("mousemove", this._handleMouseMove), document.addEventListener("mouseup", this._handleMouseUp);
 };
-F.prototype._handleTouchEvents = function() {
+q.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);
 };
-F.prototype._reset = function() {
+q.prototype._reset = function() {
   this.points = [], this._lastVelocity = 0, this._lastWidth = (this.minWidth + this.maxWidth) / 2, this._ctx.fillStyle = this.penColor;
 };
-F.prototype._createPoint = function(e, n, r) {
+q.prototype._createPoint = function(e, n, r) {
   var t = this._canvas.getBoundingClientRect();
   return new ae(e - t.left, n - t.top, r || (/* @__PURE__ */ new Date()).getTime());
 };
-F.prototype._addPoint = function(e) {
+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, o = new be(n[1], t, a, n[2]), c = this._calculateCurveWidths(o);
+    var a = r.c1, o = new xe(n[1], t, a, n[2]), c = this._calculateCurveWidths(o);
     return n.shift(), { curve: o, widths: c };
   }
   return {};
 };
-F.prototype._calculateCurveControlPoints = function(e, n, r) {
-  var t = e.x - n.x, a = e.y - n.y, o = 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 }, i = Math.sqrt(t * t + a * a), l = Math.sqrt(o * o + c * c), v = u.x - d.x, m = u.y - d.y, _ = l / (i + l), b = { x: d.x + v * _, y: d.y + m * _ }, x = n.x - b.x, S = n.y - b.y;
+q.prototype._calculateCurveControlPoints = function(e, n, r) {
+  var t = e.x - n.x, a = e.y - n.y, o = 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 }, i = Math.sqrt(t * t + a * a), l = Math.sqrt(o * o + c * c), v = u.x - d.x, m = u.y - d.y, _ = l / (i + l), x = { x: d.x + v * _, y: d.y + m * _ }, b = n.x - x.x, P = n.y - x.y;
   return {
-    c1: new ae(u.x + x, u.y + S),
-    c2: new ae(d.x + x, d.y + S)
+    c1: new ae(u.x + b, u.y + P),
+    c2: new ae(d.x + b, d.y + P)
   };
 };
-F.prototype._calculateCurveWidths = function(e) {
+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, o = this._strokeWidth(a);
   return t.start = this._lastWidth, t.end = o, this._lastVelocity = a, this._lastWidth = o, t;
 };
-F.prototype._strokeWidth = function(e) {
+q.prototype._strokeWidth = function(e) {
   return Math.max(this.maxWidth / (e + 1), this.minWidth);
 };
-F.prototype._drawPoint = function(e, n, r) {
+q.prototype._drawPoint = function(e, n, r) {
   var t = this._ctx;
   t.moveTo(e, n), t.arc(e, n, r, 0, 2 * Math.PI, !1), this._isEmpty = !1;
 };
-F.prototype._drawCurve = function(e, n, r) {
+q.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 u = c / o, d = u * u, i = 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, _ += i * e.endPoint.x;
-    var b = m * e.startPoint.y;
-    b += 3 * v * u * e.control1.y, b += 3 * l * d * e.control2.y, b += i * e.endPoint.y;
-    var x = n + i * a;
-    this._drawPoint(_, b, x);
+    var x = m * e.startPoint.y;
+    x += 3 * v * u * e.control1.y, x += 3 * l * d * e.control2.y, x += i * e.endPoint.y;
+    var b = n + i * a;
+    this._drawPoint(_, x, b);
   }
   t.closePath(), t.fill();
 };
-F.prototype._drawDot = function(e) {
+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();
 };
-F.prototype._fromData = function(e, n, r) {
+q.prototype._fromData = function(e, n, r) {
   for (var t = 0; t < e.length; t += 1) {
     var a = e[t];
     if (a.length > 1)
@@ -852,7 +854,7 @@ F.prototype._fromData = function(e, n, r) {
     }
   }
 };
-F.prototype._toSVG = function() {
+q.prototype._toSVG = function() {
   var e = this, n = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), a = 0, o = 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, $) {
     var k = document.createElement("path");
@@ -868,14 +870,14 @@ F.prototype._toSVG = function() {
   if (v === void 0) {
     var m = document.createElement("dummy"), _ = d.childNodes;
     m.innerHTML = "";
-    for (var b = 0; b < _.length; b += 1)
-      m.appendChild(_[b].cloneNode(!0));
+    for (var x = 0; x < _.length; x += 1)
+      m.appendChild(_[x].cloneNode(!0));
     v = m.innerHTML;
   }
-  var x = "</svg>", S = l + v + x;
-  return i + btoa(S);
+  var b = "</svg>", P = l + v + b;
+  return i + btoa(P);
 };
-F.prototype.fromData = function(e) {
+q.prototype.fromData = function(e) {
   var n = this;
   this.clear(), this._fromData(e, function(r, t) {
     return n._drawCurve(r, t.start, t.end);
@@ -883,19 +885,19 @@ F.prototype.fromData = function(e) {
     return n._drawDot(r);
   }), this._data = e;
 };
-F.prototype.toData = function() {
+q.prototype.toData = function() {
   return this._data;
 };
-const rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: F
-}, Symbol.toStringTag, { value: "Module" })), nt = /* @__PURE__ */ qe(rt);
-var de = { exports: {} }, at = de.exports, ze;
-function it() {
-  return ze || (ze = 1, (function(e, n) {
+  default: q
+}, Symbol.toStringTag, { value: "Module" })), it = /* @__PURE__ */ Be(at);
+var de = { exports: {} }, ot = de.exports, $e;
+function st() {
+  return $e || ($e = 1, (function(e, n) {
     (function(r, t) {
       e.exports = t();
-    })(at, function() {
+    })(ot, function() {
       return (function(r) {
         function t(o) {
           if (a[o]) return a[o].exports;
@@ -906,7 +908,7 @@ function it() {
         return t.m = r, t.c = a, t.p = "", t(0);
       })([function(r, t) {
         function a(i) {
-          var l = i.getContext("2d"), v = i.width, m = i.height, _ = l.getImageData(0, 0, v, m).data, b = u(!0, v, m, _), x = u(!1, v, m, _), S = d(!0, v, m, _), g = d(!1, v, m, _), W = g - S + 1, $ = x - b + 1, k = l.getImageData(S, b, W, $);
+          var l = i.getContext("2d"), v = i.width, m = i.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 i.width = W, i.height = $, l.clearRect(0, 0, W, $), l.putImageData(k, 0, 0), i;
         }
         function o(i, l, v, m) {
@@ -916,11 +918,11 @@ function it() {
           return o(i, l, v, m).alpha;
         }
         function u(i, l, v, m) {
-          for (var _ = i ? 1 : -1, b = i ? 0 : v - 1, x = b; i ? x < v : x > -1; x += _) for (var S = 0; S < l; S++) if (c(S, x, l, m)) return x;
+          for (var _ = i ? 1 : -1, x = i ? 0 : v - 1, b = x; i ? b < v : b > -1; b += _) for (var P = 0; P < l; P++) if (c(P, b, l, m)) return b;
           return null;
         }
         function d(i, l, v, m) {
-          for (var _ = i ? 1 : -1, b = i ? 0 : l - 1, x = b; i ? x < l : x > -1; x += _) for (var S = 0; S < v; S++) if (c(x, S, l, m)) return x;
+          for (var _ = i ? 1 : -1, x = i ? 0 : l - 1, b = x; i ? b < l : b > -1; b += _) for (var P = 0; P < v; P++) if (c(b, P, l, m)) return b;
           return null;
         }
         Object.defineProperty(t, "__esModule", { value: !0 }), t.default = a;
@@ -928,12 +930,12 @@ function it() {
     });
   })(de)), de.exports;
 }
-var ot = fe.exports, $e;
-function st() {
-  return $e || ($e = 1, (function(e, n) {
+var ut = fe.exports, Le;
+function ct() {
+  return Le || (Le = 1, (function(e, n) {
     (function(r, t) {
-      e.exports = t(/* @__PURE__ */ et(), Fe, nt, it());
-    })(ot, function(r, t, a, o) {
+      e.exports = t(/* @__PURE__ */ rt(), Fe, it, st());
+    })(ut, function(r, t, a, o) {
       return (function(c) {
         function u(i) {
           if (d[i]) return d[i].exports;
@@ -946,45 +948,45 @@ function st() {
         function i(O) {
           return O && O.__esModule ? O : { default: O };
         }
-        function l(O, P) {
+        function l(O, S) {
           var B = {};
-          for (var q in O) P.indexOf(q) >= 0 || Object.prototype.hasOwnProperty.call(O, q) && (B[q] = O[q]);
+          for (var F in O) S.indexOf(F) >= 0 || Object.prototype.hasOwnProperty.call(O, F) && (B[F] = O[F]);
           return B;
         }
-        function v(O, P) {
-          if (!(O instanceof P)) throw new TypeError("Cannot call a class as a function");
+        function v(O, S) {
+          if (!(O instanceof S)) throw new TypeError("Cannot call a class as a function");
         }
-        function m(O, P) {
+        function m(O, S) {
           if (!O) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-          return !P || typeof P != "object" && typeof P != "function" ? O : P;
+          return !S || typeof S != "object" && typeof S != "function" ? O : S;
         }
-        function _(O, P) {
-          if (typeof P != "function" && P !== null) throw new TypeError("Super expression must either be null or a function, not " + typeof P);
-          O.prototype = Object.create(P && P.prototype, { constructor: { value: O, enumerable: !1, writable: !0, configurable: !0 } }), P && (Object.setPrototypeOf ? Object.setPrototypeOf(O, P) : O.__proto__ = 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);
         }
         Object.defineProperty(u, "__esModule", { value: !0 });
-        var b = Object.assign || function(O) {
-          for (var P = 1; P < arguments.length; P++) {
-            var B = arguments[P];
-            for (var q in B) Object.prototype.hasOwnProperty.call(B, q) && (O[q] = B[q]);
+        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]);
           }
           return O;
-        }, x = /* @__PURE__ */ (function() {
-          function O(P, B) {
-            for (var q = 0; q < B.length; q++) {
-              var y = B[q];
-              y.enumerable = y.enumerable || !1, y.configurable = !0, "value" in y && (y.writable = !0), Object.defineProperty(P, y.key, y);
+        }, 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);
             }
           }
-          return function(P, B, q) {
-            return B && O(P.prototype, B), q && O(P, q), P;
+          return function(S, B, F) {
+            return B && O(S.prototype, B), F && O(S, F), S;
           };
-        })(), S = d(1), g = i(S), W = d(2), $ = i(W), k = d(3), f = i(k), X = d(4), ne = i(X), ee = (function(O) {
-          function P() {
-            var B, q, y, G;
-            v(this, P);
+        })(), P = d(1), g = i(P), W = d(2), $ = i(W), k = d(3), f = i(k), X = d(4), ne = i(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 q = y = m(this, (B = P.__proto__ || Object.getPrototypeOf(P)).call.apply(B, [this].concat(Y))), y._sigPad = null, y._excludeOurProps = function() {
+            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"]));
               return Z;
             }, y.getCanvas = function() {
@@ -1018,22 +1020,22 @@ function st() {
               return y._sigPad.fromData(N);
             }, y.toData = function() {
               return y._sigPad.toData();
-            }, G = q, m(y, G);
+            }, G = F, m(y, G);
           }
-          return _(P, O), x(P, [{ key: "componentDidMount", value: function() {
+          return _(S, O), b(S, [{ 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, q = this.props.canvasProps;
-            return $.default.createElement("canvas", b({ ref: function(y) {
+            var B = this, F = this.props.canvasProps;
+            return $.default.createElement("canvas", x({ ref: function(y) {
               B._canvas = y;
-            } }, q));
-          } }]), P;
+            } }, F));
+          } }]), S;
         })(W.Component);
-        ee.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 }, ee.defaultProps = { clearOnResize: !0 }, u.default = ee;
+        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;
       }, function(c, u) {
         c.exports = r;
       }, function(c, u) {
@@ -1046,23 +1048,23 @@ function st() {
     });
   })(fe)), fe.exports;
 }
-var ut = st();
-const ct = /* @__PURE__ */ Be(ut), lt = "_Signature_4mfzi_1", ft = "_SignatureMain_4mfzi_5", dt = "_SignatureMainAuto_4mfzi_15", ht = "_SignatureMainManual_4mfzi_19", pt = "_SignatureHeader_4mfzi_26", vt = "_SignatureHeaderReset_4mfzi_34", yt = "_SignatureManualPanel_4mfzi_41", mt = "_SignatureManualPanelPlaceholder_4mfzi_48", gt = "_SignatureManualPanelButton_4mfzi_52", _t = "_SignatureAutoPanelImage_4mfzi_67", xt = "_SignatureAutoPanelLoader_4mfzi_72", bt = "_SignatureAutoPanelNoteIcon_4mfzi_79", St = "_SignatureAutoPanelButton_4mfzi_83", V = {
-  Signature: lt,
-  SignatureMain: ft,
-  SignatureMainAuto: dt,
-  SignatureMainManual: ht,
-  SignatureHeader: pt,
-  SignatureHeaderReset: vt,
-  SignatureManualPanel: yt,
-  SignatureManualPanelPlaceholder: mt,
-  SignatureManualPanelButton: gt,
-  SignatureAutoPanelImage: _t,
-  SignatureAutoPanelLoader: xt,
-  SignatureAutoPanelNoteIcon: bt,
-  SignatureAutoPanelButton: St
-}, jt = (e) => {
-  const { valueAuto: n, valueManual: r, getSignature: t, onChangeManual: a, onChangeAuto: o, className: c = "" } = e, u = Pe(null), d = Pe(!1), [i, l] = ue(null), [v, m] = ue(r ? "manual" : "auto"), [_, b] = ue(""), [x, S] = ue(!1), { width: g = 0, height: W = 0 } = Ne({ ref: u, box: "border-box" }), $ = v === "auto" ? n ? "auto-generated" : "auto-loading" : _ ? "manual-drawn" : r ? "manual-stored" : "manual-blank", k = n !== "" || x, f = r || _, X = re(
+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,
+  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: o, className: c = "" } = e, u = Se(null), d = Se(!1), [i, 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(
     (U) => {
       !i || !g || !W || !U || i.fromDataURL(U, {
         width: +g.toFixed(),
@@ -1073,17 +1075,17 @@ const ct = /* @__PURE__ */ Be(ut), lt = "_Signature_4mfzi_1", ft = "_SignatureMa
   ), ne = re(() => {
     if (!i) return;
     const U = i.getCanvas().toDataURL("image/png");
-    b(U), a(U);
-  }, [i, a]), ee = re(() => {
-    i && (i.clear(), b(""), a(""));
+    x(U), a(U);
+  }, [i, a]), Q = re(() => {
+    i && (i.clear(), x(""), a(""));
   }, [i, a]), O = re(() => {
-    m("auto"), b("");
-  }, []), P = re(() => {
+    m("auto"), x("");
+  }, []), S = re(() => {
     m("manual");
   }, []), B = re(() => {
-    m("manual"), b(""), a("");
-  }, [a]), q = re(() => {
-    _ && b("");
+    m("manual"), x(""), a("");
+  }, [a]), F = re(() => {
+    _ && x("");
   }, [_]), y = (U) => U.includes($);
   we(() => {
     v === "manual" && _ && g && W && X(_);
@@ -1094,21 +1096,21 @@ const ct = /* @__PURE__ */ Be(ut), lt = "_Signature_4mfzi_1", ft = "_SignatureMa
     }
     d.current || (d.current = !0, t().then((U) => {
       const Y = `data:image/png;base64,${U.signature}`;
-      S(!1), o(Y);
+      P(!1), o(Y);
     }).catch(() => {
-      S(!0);
+      P(!0);
     }));
   }, [n, t, o]);
   const G = re(() => {
-    S(!1), d.current = !0, t().then((U) => {
+    P(!1), d.current = !0, t().then((U) => {
       const Y = `data:image/png;base64,${U.signature}`;
-      S(!1), o(Y);
+      P(!1), o(Y);
     }).catch(() => {
-      S(!0);
+      P(!0);
     });
   }, [t, o]);
-  return /* @__PURE__ */ te("div", { className: Ee(V.Signature, c), children: [
-    /* @__PURE__ */ te(
+  return /* @__PURE__ */ ee("div", { className: Ee(V.Signature, c), children: [
+    /* @__PURE__ */ ee(
       "div",
       {
         className: Ee(
@@ -1117,40 +1119,40 @@ const ct = /* @__PURE__ */ Be(ut), lt = "_Signature_4mfzi_1", ft = "_SignatureMa
         ),
         ref: u,
         children: [
-          /* @__PURE__ */ te(oe, { direction: "row", justify: y(["manual-drawn"]) ? "end" : "center", className: V.SignatureHeader, children: [
-            /* @__PURE__ */ te(he.Tag, { tag: "h6", weight: "medium", size: "regular", color: "primary", align: "center", children: [
-              /* @__PURE__ */ j(Q.FadeScale, { name: "generated-signature", condition: y(["auto-generated", "auto-loading"]), children: "Wir haben eine digitale Signature Sie generiert." }),
-              /* @__PURE__ */ j(Q.FadeScale, { flex: !0, name: "create-signature", condition: y(["manual-blank", "manual-stored"]), children: "Ihre Signatur:" })
+          /* @__PURE__ */ ee(ie, { direction: "row", justify: y(["manual-drawn"]) ? "end" : "center", className: V.SignatureHeader, children: [
+            /* @__PURE__ */ ee(he.Tag, { tag: "h6", weight: "medium", size: "regular", color: "primary", 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__ */ j(Q.FadeSlide, { flex: !0, name: "reset", direction: "rtl", condition: y(["manual-drawn"]), children: /* @__PURE__ */ j("div", { className: V.SignatureHeaderReset, children: /* @__PURE__ */ j(ie.ButtonText, { blurAfterClick: !0, underlined: !0, icon: /* @__PURE__ */ j(Ue, {}), onClick: ee, children: "Neu starten" }) }) })
+            /* @__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__ */ j(oe, { direction: "row", align: "end", justify: "center", children: y(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ te(oe, { direction: "column", align: "center", justify: "start", children: [
-            /* @__PURE__ */ j(Q.FadeScale, { flex: !0, name: "signature", condition: n !== "", children: /* @__PURE__ */ j("img", { className: V.SignatureAutoPanelImage, src: n, alt: "signature" }) }),
-            /* @__PURE__ */ j(Q.FadeScale, { flex: !0, name: "signature", condition: n === "" && !x, children: /* @__PURE__ */ j("div", { className: V.SignatureAutoPanelLoader, style: { height: 142 }, children: /* @__PURE__ */ j(Ve, { size: "sm", color: "primary" }) }) }),
-            /* @__PURE__ */ j(Q.FadeScale, { flex: !0, name: "auto-failed", condition: n === "" && x, children: /* @__PURE__ */ te(oe, { direction: "column", align: "center", justify: "center", style: { height: 78 }, gap: "xs", children: [
+          /* @__PURE__ */ j(ie, { direction: "row", align: "end", justify: "center", children: y(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ ee(ie, { 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(ie, { direction: "column", align: "center", justify: "center", style: { height: 78 }, gap: "xs", children: [
               /* @__PURE__ */ j(he.Tag, { weight: "regular", size: "small", color: "secondary", children: "Automatische Signatur konnte nicht geladen werden." }),
               /* @__PURE__ */ j(
-                ie.ButtonText,
+                ue,
                 {
                   blurAfterClick: !0,
                   underlined: !0,
                   size: "sm",
                   iconPosition: "right",
-                  icon: /* @__PURE__ */ j(Ye, {}),
+                  icon: /* @__PURE__ */ j(He, {}),
                   onClick: G,
                   children: "Erneut versuchen"
                 }
               )
             ] }) }),
-            /* @__PURE__ */ j(Q.FadeScale, { flex: !0, name: "auto-note", condition: n !== "", children: /* @__PURE__ */ te(oe, { direction: "row", align: "center", justify: "center", gap: "xxs", mt: "xs", children: [
-              /* @__PURE__ */ j(He, { size: 24, className: V.SignatureAutoPanelNoteIcon }),
+            /* @__PURE__ */ j(te, { name: "auto-note", condition: n !== "", children: /* @__PURE__ */ ee(ie, { direction: "row", align: "center", justify: "center", gap: "xxs", mt: "xs", children: [
+              /* @__PURE__ */ j(Ve, { size: 24, className: V.SignatureAutoPanelNoteIcon }),
               /* @__PURE__ */ j(he.Tag, { weight: "regular", size: "small", color: "secondary", children: "Diese Unterschrift ist ausreichend" })
             ] }) }),
-            /* @__PURE__ */ j(Q.FadeScale, { flex: !0, name: "manual-switch", condition: k, children: /* @__PURE__ */ j("div", { className: V.SignatureAutoPanelButton, children: /* @__PURE__ */ j(ie.ButtonText, { blurAfterClick: !0, underlined: !0, onClick: P, children: "per Hand/Maus unterschreiben" }) }) })
-          ] }) : /* @__PURE__ */ te("div", { className: V.SignatureManualPanel, children: [
+            /* @__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(
-              ct,
+              ft,
               {
                 penColor: "#262626",
                 dotSize: 2,
@@ -1164,34 +1166,24 @@ const ct = /* @__PURE__ */ Be(ut), lt = "_Signature_4mfzi_1", ft = "_SignatureMa
               }
             ),
             /* @__PURE__ */ j(
-              Q.FadeScale,
+              te,
               {
                 name: "to-generated",
                 condition: y(["manual-stored"]),
                 className: V.SignatureManualPanelButton,
-                children: /* @__PURE__ */ j(ie.ButtonText, { blurAfterClick: !0, underlined: !0, onClick: B, children: "Zurücksetzen" })
+                children: /* @__PURE__ */ j(ue, { blurAfterClick: !0, underlined: !0, onClick: B, children: "Zurücksetzen" })
               }
             )
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ j(Q.FadeScale, { name: "footer", condition: y(["manual-blank", "manual-drawn"]), children: /* @__PURE__ */ te(oe, { direction: "row", grow: "equal", align: "center", justify: "space-between", gap: "md", mt: "md", children: [
-      /* @__PURE__ */ j(ie.Button, { fullWidth: !0, blurAfterClick: !0, color: "tertiary", onClick: O, children: "Abbrechen" }),
-      /* @__PURE__ */ j(
-        ie.Button,
-        {
-          fullWidth: !0,
-          blurAfterClick: !0,
-          color: "primary",
-          disabled: !_,
-          onClick: q,
-          children: "Speichern"
-        }
-      )
+    /* @__PURE__ */ j(te, { name: "footer", condition: y(["manual-blank", "manual-drawn"]), children: /* @__PURE__ */ ee(ie, { 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" })
     ] }) })
   ] });
 };
 export {
-  jt as Signature
+  Lt as Signature
 };