@arthurzakharov/ui-kit 1.2.4 → 1.2.6

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

@@ -1,5 +1,5 @@
-import { jsxs as Q, jsx as L } from "react/jsx-runtime";
-import We, { useRef as Le, useState as Se, useCallback as re, useEffect as de } from "react";
+import { jsxs as Q, jsx as z } from "react/jsx-runtime";
+import Le, { useRef as ze, useState as Se, useCallback as re, useEffect as de } from "react";
 import { g as Fe, a as qe } from "../../input.component-C5xcmnfu.js";
 import { useResizeObserver as Be } from "usehooks-ts";
 import { RefreshCw as Ue, Loader as Ne, Check as Ye } from "lucide-react";
@@ -8,13 +8,13 @@ import { Animation as ee } from "../animation/animation.component.js";
 import { C as oe } from "../../control.component-Cq46ev8T.js";
 import { Flex as ie } from "../flex/flex.component.js";
 import { Text as Pe } from "../text/text.component.js";
-import '../../assets/signature-Cd87a2ey.css';var le = { exports: {} }, ue = { exports: {} }, ce = { exports: {} }, z = {};
+import '../../assets/signature-CLmBTe_C.css';var le = { exports: {} }, ue = { exports: {} }, ce = { exports: {} }, I = {};
 var we;
 function Ve() {
-  if (we) return z;
+  if (we) return I;
   we = 1;
   var e = typeof Symbol == "function" && Symbol.for, a = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, n = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, i = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, s = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, _ = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, m = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, q = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function j(f) {
+  function $(f) {
     if (typeof f == "object" && f !== null) {
       var N = f.$$typeof;
       switch (N) {
@@ -45,42 +45,42 @@ function Ve() {
     }
   }
   function D(f) {
-    return j(f) === s;
+    return $(f) === s;
   }
-  return z.AsyncMode = d, z.ConcurrentMode = s, z.ContextConsumer = i, z.ContextProvider = c, z.Element = a, z.ForwardRef = l, z.Fragment = t, z.Lazy = b, z.Memo = _, z.Portal = r, z.Profiler = o, z.StrictMode = n, z.Suspense = v, z.isAsyncMode = function(f) {
-    return D(f) || j(f) === d;
-  }, z.isConcurrentMode = D, z.isContextConsumer = function(f) {
-    return j(f) === i;
-  }, z.isContextProvider = function(f) {
-    return j(f) === c;
-  }, z.isElement = function(f) {
+  return I.AsyncMode = d, I.ConcurrentMode = s, I.ContextConsumer = i, I.ContextProvider = c, I.Element = a, I.ForwardRef = l, I.Fragment = t, I.Lazy = b, I.Memo = _, I.Portal = r, I.Profiler = o, I.StrictMode = n, I.Suspense = v, I.isAsyncMode = function(f) {
+    return D(f) || $(f) === d;
+  }, I.isConcurrentMode = D, I.isContextConsumer = function(f) {
+    return $(f) === i;
+  }, I.isContextProvider = function(f) {
+    return $(f) === c;
+  }, I.isElement = function(f) {
     return typeof f == "object" && f !== null && f.$$typeof === a;
-  }, z.isForwardRef = function(f) {
-    return j(f) === l;
-  }, z.isFragment = function(f) {
-    return j(f) === t;
-  }, z.isLazy = function(f) {
-    return j(f) === b;
-  }, z.isMemo = function(f) {
-    return j(f) === _;
-  }, z.isPortal = function(f) {
-    return j(f) === r;
-  }, z.isProfiler = function(f) {
-    return j(f) === o;
-  }, z.isStrictMode = function(f) {
-    return j(f) === n;
-  }, z.isSuspense = function(f) {
-    return j(f) === v;
-  }, z.isValidElementType = function(f) {
+  }, I.isForwardRef = function(f) {
+    return $(f) === l;
+  }, I.isFragment = function(f) {
+    return $(f) === t;
+  }, I.isLazy = function(f) {
+    return $(f) === b;
+  }, I.isMemo = function(f) {
+    return $(f) === _;
+  }, I.isPortal = function(f) {
+    return $(f) === r;
+  }, I.isProfiler = function(f) {
+    return $(f) === o;
+  }, I.isStrictMode = function(f) {
+    return $(f) === n;
+  }, I.isSuspense = function(f) {
+    return $(f) === v;
+  }, I.isValidElementType = function(f) {
     return typeof f == "string" || typeof f == "function" || f === t || f === s || f === o || f === n || f === v || f === y || typeof f == "object" && f !== null && (f.$$typeof === b || f.$$typeof === _ || f.$$typeof === c || f.$$typeof === i || f.$$typeof === l || f.$$typeof === T || f.$$typeof === x || f.$$typeof === q || f.$$typeof === m);
-  }, z.typeOf = j, z;
+  }, I.typeOf = $, I;
 }
-var I = {};
+var j = {};
 var Ee;
 function Xe() {
   return Ee || (Ee = 1, process.env.NODE_ENV !== "production" && (function() {
     var e = typeof Symbol == "function" && Symbol.for, a = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, n = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, i = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, s = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, l = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, _ = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, m = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, q = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function j(p) {
+    function $(p) {
       return typeof p == "string" || typeof p == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
       p === t || p === s || p === o || p === n || p === v || p === y || typeof p == "object" && p !== null && (p.$$typeof === b || p.$$typeof === _ || p.$$typeof === c || p.$$typeof === i || p.$$typeof === l || p.$$typeof === T || p.$$typeof === x || p.$$typeof === q || p.$$typeof === m);
     }
@@ -147,7 +147,7 @@ function Xe() {
     function M(p) {
       return D(p) === r;
     }
-    function $(p) {
+    function W(p) {
       return D(p) === o;
     }
     function A(p) {
@@ -156,11 +156,11 @@ function Xe() {
     function Y(p) {
       return D(p) === v;
     }
-    I.AsyncMode = f, I.ConcurrentMode = N, I.ContextConsumer = X, I.ContextProvider = te, I.Element = k, I.ForwardRef = w, I.Fragment = B, I.Lazy = F, I.Memo = g, I.Portal = K, I.Profiler = ae, I.StrictMode = H, I.Suspense = J, I.isAsyncMode = Z, I.isConcurrentMode = u, I.isContextConsumer = h, I.isContextProvider = S, I.isElement = C, I.isForwardRef = P, I.isFragment = O, I.isLazy = E, I.isMemo = R, I.isPortal = M, I.isProfiler = $, I.isStrictMode = A, I.isSuspense = Y, I.isValidElementType = j, I.typeOf = D;
-  })()), I;
+    j.AsyncMode = f, j.ConcurrentMode = N, j.ContextConsumer = X, j.ContextProvider = te, j.Element = k, j.ForwardRef = w, j.Fragment = B, j.Lazy = F, j.Memo = g, j.Portal = K, j.Profiler = ae, j.StrictMode = H, j.Suspense = J, j.isAsyncMode = Z, j.isConcurrentMode = u, j.isContextConsumer = h, j.isContextProvider = S, j.isElement = C, j.isForwardRef = P, j.isFragment = O, j.isLazy = E, j.isMemo = R, j.isPortal = M, j.isProfiler = W, j.isStrictMode = A, j.isSuspense = Y, j.isValidElementType = $, j.typeOf = D;
+  })()), j;
 }
 var Te;
-function je() {
+function $e() {
   return Te || (Te = 1, process.env.NODE_ENV === "production" ? ce.exports = Ve() : ce.exports = Xe()), ce.exports;
 }
 var he, Ce;
@@ -217,7 +217,7 @@ function _e() {
   return pe = e, pe;
 }
 var ve, Oe;
-function $e() {
+function We() {
   return Oe || (Oe = 1, ve = Function.call.bind(Object.prototype.hasOwnProperty)), ve;
 }
 var ye, Me;
@@ -227,7 +227,7 @@ function Ze() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var a = /* @__PURE__ */ _e(), r = {}, t = /* @__PURE__ */ $e();
+    var a = /* @__PURE__ */ _e(), r = {}, t = /* @__PURE__ */ We();
     e = function(o) {
       var c = "Warning: " + o;
       typeof console < "u" && console.error(c);
@@ -273,7 +273,7 @@ var me, Ae;
 function Ge() {
   if (Ae) return me;
   Ae = 1;
-  var e = je(), a = Je(), r = /* @__PURE__ */ _e(), t = /* @__PURE__ */ $e(), n = /* @__PURE__ */ Ze(), o = function() {
+  var e = $e(), a = Je(), r = /* @__PURE__ */ _e(), t = /* @__PURE__ */ We(), n = /* @__PURE__ */ Ze(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(i) {
     var d = "Warning: " + i;
@@ -303,7 +303,7 @@ function Ge() {
       string: x("string"),
       symbol: x("symbol"),
       any: q(),
-      arrayOf: j,
+      arrayOf: $,
       element: D(),
       elementType: f(),
       instanceOf: N,
@@ -324,7 +324,7 @@ function Ge() {
     function T(u) {
       if (process.env.NODE_ENV !== "production")
         var h = {}, S = 0;
-      function C(O, E, R, M, $, A, Y) {
+      function C(O, E, R, M, W, A, Y) {
         if (M = M || y, A = A || R, Y !== r) {
           if (d) {
             var p = new Error(
@@ -339,15 +339,15 @@ function Ge() {
             ), h[G] = !0, S++);
           }
         }
-        return E[R] == null ? O ? E[R] === null ? new m("The " + $ + " `" + A + "` is marked as required " + ("in `" + M + "`, but its value is `null`.")) : new m("The " + $ + " `" + A + "` is marked as required in " + ("`" + M + "`, but its value is `undefined`.")) : null : u(E, R, M, $, A);
+        return E[R] == null ? O ? E[R] === null ? new m("The " + W + " `" + A + "` is marked as required " + ("in `" + M + "`, but its value is `null`.")) : new m("The " + W + " `" + A + "` is marked as required in " + ("`" + M + "`, but its value is `undefined`.")) : null : u(E, R, M, W, A);
       }
       var P = C.bind(null, !1);
       return P.isRequired = C.bind(null, !0), P;
     }
     function x(u) {
       function h(S, C, P, O, E, R) {
-        var M = S[C], $ = H(M);
-        if ($ !== u) {
+        var M = S[C], W = H(M);
+        if (W !== u) {
           var A = J(M);
           return new m(
             "Invalid " + O + " `" + E + "` of type " + ("`" + A + "` supplied to `" + P + "`, expected ") + ("`" + u + "`."),
@@ -361,7 +361,7 @@ function Ge() {
     function q() {
       return T(c);
     }
-    function j(u) {
+    function $(u) {
       function h(S, C, P, O, E) {
         if (typeof u != "function")
           return new m("Property `" + E + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
@@ -370,8 +370,8 @@ function Ge() {
           var M = H(R);
           return new m("Invalid " + O + " `" + E + "` of type " + ("`" + M + "` supplied to `" + P + "`, expected an array."));
         }
-        for (var $ = 0; $ < R.length; $++) {
-          var A = u(R, $, P, O, E + "[" + $ + "]", r);
+        for (var W = 0; W < R.length; W++) {
+          var A = u(R, W, P, O, E + "[" + W + "]", r);
           if (A instanceof Error)
             return A;
         }
@@ -420,11 +420,11 @@ function Ge() {
         for (var R = S[C], M = 0; M < u.length; M++)
           if (b(R, u[M]))
             return null;
-        var $ = JSON.stringify(u, function(Y, p) {
+        var W = JSON.stringify(u, function(Y, p) {
           var G = J(p);
           return G === "symbol" ? String(p) : p;
         });
-        return new m("Invalid " + O + " `" + E + "` of value `" + String(R) + "` " + ("supplied to `" + P + "`, expected one of " + $ + "."));
+        return new m("Invalid " + O + " `" + E + "` of value `" + String(R) + "` " + ("supplied to `" + P + "`, expected one of " + W + "."));
       }
       return T(h);
     }
@@ -435,9 +435,9 @@ function Ge() {
         var R = S[C], M = H(R);
         if (M !== "object")
           return new m("Invalid " + O + " `" + E + "` of type " + ("`" + M + "` supplied to `" + P + "`, expected an object."));
-        for (var $ in R)
-          if (t(R, $)) {
-            var A = u(R, $, P, O, E + "." + $, r);
+        for (var W in R)
+          if (t(R, W)) {
+            var A = u(R, W, P, O, E + "." + W, r);
             if (A instanceof Error)
               return A;
           }
@@ -456,13 +456,13 @@ function Ge() {
           ), c;
       }
       function C(P, O, E, R, M) {
-        for (var $ = [], A = 0; A < u.length; A++) {
+        for (var W = [], A = 0; A < u.length; A++) {
           var Y = u[A], p = Y(P, O, E, R, M, r);
           if (p == null)
             return null;
-          p.data && t(p.data, "expectedType") && $.push(p.data.expectedType);
+          p.data && t(p.data, "expectedType") && W.push(p.data.expectedType);
         }
-        var G = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : "";
+        var G = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
         return new m("Invalid " + R + " `" + M + "` supplied to " + ("`" + E + "`" + G + "."));
       }
       return T(C);
@@ -483,11 +483,11 @@ function Ge() {
         var R = S[C], M = H(R);
         if (M !== "object")
           return new m("Invalid " + O + " `" + E + "` of type `" + M + "` " + ("supplied to `" + P + "`, expected `object`."));
-        for (var $ in u) {
-          var A = u[$];
+        for (var W in u) {
+          var A = u[W];
           if (typeof A != "function")
-            return B(P, O, E, $, J(A));
-          var Y = A(R, $, P, O, E + "." + $, r);
+            return B(P, O, E, W, J(A));
+          var Y = A(R, W, P, O, E + "." + W, r);
           if (Y)
             return Y;
         }
@@ -500,8 +500,8 @@ function Ge() {
         var R = S[C], M = H(R);
         if (M !== "object")
           return new m("Invalid " + O + " `" + E + "` of type `" + M + "` " + ("supplied to `" + P + "`, expected `object`."));
-        var $ = a({}, S[C], u);
-        for (var A in $) {
+        var W = a({}, S[C], u);
+        for (var A in W) {
           var Y = u[A];
           if (t(u, A) && typeof Y != "function")
             return B(P, O, E, A, J(Y));
@@ -642,7 +642,7 @@ var ke;
 function Qe() {
   if (ke) return ue.exports;
   if (ke = 1, process.env.NODE_ENV !== "production") {
-    var e = je(), a = !0;
+    var e = $e(), a = !0;
     ue.exports = /* @__PURE__ */ Ge()(e.isElement, a);
   } else
     ue.exports = /* @__PURE__ */ Ke()();
@@ -690,9 +690,9 @@ function et(e, a, r) {
     return t = this, n = arguments, l <= 0 || l > a ? (c && (clearTimeout(c), c = null), i = s, o = e.apply(t, n), c || (t = n = null)) : !c && r.trailing !== !1 && (c = setTimeout(d, l)), o;
   };
 }
-function W(e, a) {
+function L(e, a) {
   var r = this, t = a || {};
-  this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = "throttle" in t ? t.throttle : 16, this.minDistance = "minDistance" in t ? t.minDistance : 5, this.throttle ? this._strokeMoveUpdate = et(W.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = W.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
+  this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = "throttle" in t ? t.throttle : 16, this.minDistance = "minDistance" in t ? t.minDistance : 5, this.throttle ? this._strokeMoveUpdate = et(L.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = L.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
     return (this.minWidth + this.maxWidth) / 2;
   }, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.onBegin = t.onBegin, this.onEnd = t.onEnd, this._canvas = e, this._ctx = e.getContext("2d"), this.clear(), this._handleMouseDown = function(n) {
     n.which === 1 && (r._mouseButtonDown = !0, r._strokeBegin(n));
@@ -714,17 +714,17 @@ function W(e, a) {
     o && (n.preventDefault(), r._strokeEnd(n));
   }, this.on();
 }
-W.prototype.clear = function() {
+L.prototype.clear = function() {
   var e = this._ctx, a = this._canvas;
   e.fillStyle = this.backgroundColor, e.clearRect(0, 0, a.width, a.height), e.fillRect(0, 0, a.width, a.height), this._data = [], this._reset(), this._isEmpty = !0;
 };
-W.prototype.fromDataURL = function(e) {
+L.prototype.fromDataURL = function(e) {
   var a = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = new Image(), n = r.ratio || window.devicePixelRatio || 1, o = r.width || this._canvas.width / n, c = r.height || this._canvas.height / n;
   this._reset(), t.src = e, t.onload = function() {
     a._ctx.drawImage(t, 0, 0, o, c);
   }, this._isEmpty = !1;
 };
-W.prototype.toDataURL = function(e) {
+L.prototype.toDataURL = function(e) {
   var a;
   switch (e) {
     case "image/svg+xml":
@@ -735,19 +735,19 @@ W.prototype.toDataURL = function(e) {
       return (a = this._canvas).toDataURL.apply(a, [e].concat(t));
   }
 };
-W.prototype.on = function() {
+L.prototype.on = function() {
   this._handleMouseEvents(), this._handleTouchEvents();
 };
-W.prototype.off = function() {
+L.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);
 };
-W.prototype.isEmpty = function() {
+L.prototype.isEmpty = function() {
   return this._isEmpty;
 };
-W.prototype._strokeBegin = function(e) {
+L.prototype._strokeBegin = function(e) {
   this._data.push([]), this._reset(), this._strokeUpdate(e), typeof this.onBegin == "function" && this.onBegin(e);
 };
-W.prototype._strokeUpdate = function(e) {
+L.prototype._strokeUpdate = function(e) {
   var a = e.clientX, r = e.clientY, t = this._createPoint(a, r), n = this._data[this._data.length - 1], o = n && n[n.length - 1], c = o && t.distanceTo(o) < this.minDistance;
   if (!(o && c)) {
     var i = this._addPoint(t), d = i.curve, s = i.widths;
@@ -759,7 +759,7 @@ W.prototype._strokeUpdate = function(e) {
     });
   }
 };
-W.prototype._strokeEnd = function(e) {
+L.prototype._strokeEnd = function(e) {
   var a = this.points.length > 2, r = this.points[0];
   if (!a && r && this._drawDot(r), r) {
     var t = this._data[this._data.length - 1], n = t[t.length - 1];
@@ -772,20 +772,20 @@ W.prototype._strokeEnd = function(e) {
   }
   typeof this.onEnd == "function" && this.onEnd(e);
 };
-W.prototype._handleMouseEvents = function() {
+L.prototype._handleMouseEvents = function() {
   this._mouseButtonDown = !1, this._canvas.addEventListener("mousedown", this._handleMouseDown), this._canvas.addEventListener("mousemove", this._handleMouseMove), document.addEventListener("mouseup", this._handleMouseUp);
 };
-W.prototype._handleTouchEvents = function() {
+L.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);
 };
-W.prototype._reset = function() {
+L.prototype._reset = function() {
   this.points = [], this._lastVelocity = 0, this._lastWidth = (this.minWidth + this.maxWidth) / 2, this._ctx.fillStyle = this.penColor;
 };
-W.prototype._createPoint = function(e, a, r) {
+L.prototype._createPoint = function(e, a, r) {
   var t = this._canvas.getBoundingClientRect();
   return new ne(e - t.left, a - t.top, r || (/* @__PURE__ */ new Date()).getTime());
 };
-W.prototype._addPoint = function(e) {
+L.prototype._addPoint = function(e) {
   var a = this.points, r = void 0;
   if (a.push(e), a.length > 2) {
     a.length === 3 && a.unshift(a[0]), r = this._calculateCurveControlPoints(a[0], a[1], a[2]);
@@ -796,25 +796,25 @@ W.prototype._addPoint = function(e) {
   }
   return {};
 };
-W.prototype._calculateCurveControlPoints = function(e, a, r) {
+L.prototype._calculateCurveControlPoints = function(e, a, r) {
   var t = e.x - a.x, n = e.y - a.y, o = a.x - r.x, c = a.y - r.y, i = { x: (e.x + a.x) / 2, y: (e.y + a.y) / 2 }, d = { x: (a.x + r.x) / 2, y: (a.y + r.y) / 2 }, s = Math.sqrt(t * t + n * n), l = Math.sqrt(o * o + c * c), v = i.x - d.x, y = i.y - d.y, _ = l / (s + l), b = { x: d.x + v * _, y: d.y + y * _ }, m = a.x - b.x, T = a.y - b.y;
   return {
     c1: new ne(i.x + m, i.y + T),
     c2: new ne(d.x + m, d.y + T)
   };
 };
-W.prototype._calculateCurveWidths = function(e) {
+L.prototype._calculateCurveWidths = function(e) {
   var a = e.startPoint, r = e.endPoint, t = { start: null, end: null }, n = this.velocityFilterWeight * r.velocityFrom(a) + (1 - this.velocityFilterWeight) * this._lastVelocity, o = this._strokeWidth(n);
   return t.start = this._lastWidth, t.end = o, this._lastVelocity = n, this._lastWidth = o, t;
 };
-W.prototype._strokeWidth = function(e) {
+L.prototype._strokeWidth = function(e) {
   return Math.max(this.maxWidth / (e + 1), this.minWidth);
 };
-W.prototype._drawPoint = function(e, a, r) {
+L.prototype._drawPoint = function(e, a, r) {
   var t = this._ctx;
   t.moveTo(e, a), t.arc(e, a, r, 0, 2 * Math.PI, !1), this._isEmpty = !1;
 };
-W.prototype._drawCurve = function(e, a, r) {
+L.prototype._drawCurve = function(e, a, r) {
   var t = this._ctx, n = r - a, o = Math.floor(e.length());
   t.beginPath();
   for (var c = 0; c < o; c += 1) {
@@ -827,11 +827,11 @@ W.prototype._drawCurve = function(e, a, r) {
   }
   t.closePath(), t.fill();
 };
-W.prototype._drawDot = function(e) {
+L.prototype._drawDot = function(e) {
   var a = this._ctx, r = typeof this.dotSize == "function" ? this.dotSize() : this.dotSize;
   a.beginPath(), this._drawPoint(e.x, e.y, r), a.closePath(), a.fill();
 };
-W.prototype._fromData = function(e, a, r) {
+L.prototype._fromData = function(e, a, r) {
   for (var t = 0; t < e.length; t += 1) {
     var n = e[t];
     if (n.length > 1)
@@ -851,17 +851,17 @@ W.prototype._fromData = function(e, a, r) {
     }
   }
 };
-W.prototype._toSVG = function() {
+L.prototype._toSVG = function() {
   var e = this, a = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), n = 0, o = 0, c = r.width / t, i = r.height / t, d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  d.setAttributeNS(null, "width", r.width), d.setAttributeNS(null, "height", r.height), this._fromData(a, function(x, q, j) {
+  d.setAttributeNS(null, "width", r.width), d.setAttributeNS(null, "height", r.height), this._fromData(a, function(x, q, $) {
     var D = document.createElement("path");
     if (!isNaN(x.control1.x) && !isNaN(x.control1.y) && !isNaN(x.control2.x) && !isNaN(x.control2.y)) {
       var f = "M " + x.startPoint.x.toFixed(3) + "," + x.startPoint.y.toFixed(3) + " " + ("C " + x.control1.x.toFixed(3) + "," + x.control1.y.toFixed(3) + " ") + (x.control2.x.toFixed(3) + "," + x.control2.y.toFixed(3) + " ") + (x.endPoint.x.toFixed(3) + "," + x.endPoint.y.toFixed(3));
-      D.setAttribute("d", f), D.setAttribute("stroke-width", (q.end * 2.25).toFixed(3)), D.setAttribute("stroke", j), D.setAttribute("fill", "none"), D.setAttribute("stroke-linecap", "round"), d.appendChild(D);
+      D.setAttribute("d", f), D.setAttribute("stroke-width", (q.end * 2.25).toFixed(3)), D.setAttribute("stroke", $), D.setAttribute("fill", "none"), D.setAttribute("stroke-linecap", "round"), d.appendChild(D);
     }
   }, function(x) {
-    var q = document.createElement("circle"), j = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
-    q.setAttribute("r", j), q.setAttribute("cx", x.x), q.setAttribute("cy", x.y), q.setAttribute("fill", x.color), d.appendChild(q);
+    var q = document.createElement("circle"), $ = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
+    q.setAttribute("r", $), q.setAttribute("cx", x.x), q.setAttribute("cy", x.y), q.setAttribute("fill", x.color), d.appendChild(q);
   });
   var s = "data:image/svg+xml;base64,", l = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + n + " " + o + " " + c + " " + i + '"') + (' width="' + c + '"') + (' height="' + i + '"') + ">", v = d.innerHTML;
   if (v === void 0) {
@@ -874,7 +874,7 @@ W.prototype._toSVG = function() {
   var m = "</svg>", T = l + v + m;
   return s + btoa(T);
 };
-W.prototype.fromData = function(e) {
+L.prototype.fromData = function(e) {
   var a = this;
   this.clear(), this._fromData(e, function(r, t) {
     return a._drawCurve(r, t.start, t.end);
@@ -882,16 +882,16 @@ W.prototype.fromData = function(e) {
     return a._drawDot(r);
   }), this._data = e;
 };
-W.prototype.toData = function() {
+L.prototype.toData = function() {
   return this._data;
 };
 const tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: W
+  default: L
 }, Symbol.toStringTag, { value: "Module" })), rt = /* @__PURE__ */ Fe(tt);
-var fe = { exports: {} }, nt = fe.exports, ze;
+var fe = { exports: {} }, nt = fe.exports, Ie;
 function at() {
-  return ze || (ze = 1, (function(e, a) {
+  return Ie || (Ie = 1, (function(e, a) {
     (function(r, t) {
       e.exports = t();
     })(nt, function() {
@@ -905,8 +905,8 @@ function at() {
         return t.m = r, t.c = n, t.p = "", t(0);
       })([function(r, t) {
         function n(s) {
-          var l = s.getContext("2d"), v = s.width, y = s.height, _ = l.getImageData(0, 0, v, y).data, b = i(!0, v, y, _), m = i(!1, v, y, _), T = d(!0, v, y, _), x = d(!1, v, y, _), q = x - T + 1, j = m - b + 1, D = l.getImageData(T, b, q, j);
-          return s.width = q, s.height = j, l.clearRect(0, 0, q, j), l.putImageData(D, 0, 0), s;
+          var l = s.getContext("2d"), v = s.width, y = s.height, _ = l.getImageData(0, 0, v, y).data, b = i(!0, v, y, _), m = i(!1, v, y, _), T = d(!0, v, y, _), x = d(!1, v, y, _), q = x - T + 1, $ = m - b + 1, D = l.getImageData(T, b, q, $);
+          return s.width = q, s.height = $, l.clearRect(0, 0, q, $), l.putImageData(D, 0, 0), s;
         }
         function o(s, l, v, y) {
           return { red: y[4 * (v * l + s)], green: y[4 * (v * l + s) + 1], blue: y[4 * (v * l + s) + 2], alpha: y[4 * (v * l + s) + 3] };
@@ -927,11 +927,11 @@ function at() {
     });
   })(fe)), fe.exports;
 }
-var ot = le.exports, Ie;
+var ot = le.exports, je;
 function it() {
-  return Ie || (Ie = 1, (function(e, a) {
+  return je || (je = 1, (function(e, a) {
     (function(r, t) {
-      e.exports = t(/* @__PURE__ */ Qe(), We, rt, at());
+      e.exports = t(/* @__PURE__ */ Qe(), Le, rt, at());
     })(ot, function(r, t, n, o) {
       return (function(c) {
         function i(s) {
@@ -978,7 +978,7 @@ function it() {
           return function(w, B, F) {
             return B && k(w.prototype, B), F && k(w, F), w;
           };
-        })(), T = d(1), x = s(T), q = d(2), j = s(q), D = d(3), f = s(D), N = d(4), X = s(N), te = (function(k) {
+        })(), T = d(1), x = s(T), q = d(2), $ = s(q), D = d(3), f = s(D), N = d(4), X = s(N), te = (function(k) {
           function w() {
             var B, F, g, K;
             v(this, w);
@@ -1027,7 +1027,7 @@ function it() {
             Object.assign(this._sigPad, this._excludeOurProps());
           } }, { key: "render", value: function() {
             var B = this, F = this.props.canvasProps;
-            return j.default.createElement("canvas", b({ ref: function(g) {
+            return $.default.createElement("canvas", b({ ref: function(g) {
               B._canvas = g;
             } }, F));
           } }]), w;
@@ -1046,7 +1046,7 @@ function it() {
   })(le)), le.exports;
 }
 var st = it();
-const ut = /* @__PURE__ */ qe(st), ct = "_Signature_y46zz_1", lt = "_SignatureMain_y46zz_5", ft = "_SignatureMainAuto_y46zz_14", dt = "_SignatureMainManual_y46zz_18", ht = "_SignatureHeader_y46zz_24", pt = "_SignatureHeaderReset_y46zz_32", vt = "_SignatureManualPanel_y46zz_39", yt = "_SignatureManualPanelPlaceholder_y46zz_46", mt = "_SignatureManualPanelButton_y46zz_50", gt = "_SignatureAutoPanelImage_y46zz_65", _t = "_SignatureAutoPanelLoader_y46zz_70", xt = "_SignatureAutoPanelNoteIcon_y46zz_75", bt = "_SignatureAutoPanelButton_y46zz_79", V = {
+const ut = /* @__PURE__ */ qe(st), ct = "_Signature_mhdg5_1", lt = "_SignatureMain_mhdg5_5", ft = "_SignatureMainAuto_mhdg5_15", dt = "_SignatureMainManual_mhdg5_19", ht = "_SignatureHeader_mhdg5_26", pt = "_SignatureHeaderReset_mhdg5_34", vt = "_SignatureManualPanel_mhdg5_41", yt = "_SignatureManualPanelPlaceholder_mhdg5_48", mt = "_SignatureManualPanelButton_mhdg5_52", gt = "_SignatureAutoPanelImage_mhdg5_67", _t = "_SignatureAutoPanelLoader_mhdg5_72", xt = "_SignatureAutoPanelNoteIcon_mhdg5_77", bt = "_SignatureAutoPanelButton_mhdg5_81", V = {
   Signature: ct,
   SignatureMain: lt,
   SignatureMainAuto: ft,
@@ -1061,7 +1061,7 @@ const ut = /* @__PURE__ */ qe(st), ct = "_Signature_y46zz_1", lt = "_SignatureMa
   SignatureAutoPanelNoteIcon: xt,
   SignatureAutoPanelButton: bt
 }, Dt = (e) => {
-  const { modes: a, isInAutoMode: r, valueAuto: t, valueManual: n, onUpdateAuto: o, onUpdateManual: c, onChange: i } = e, d = Le(null), [s, l] = Se(null), [v, y] = Se("auto-generated"), { width: _ = 0, height: b = 0 } = Be({ ref: d, box: "border-box" }), m = re(() => {
+  const { modes: a, isInAutoMode: r, valueAuto: t, valueManual: n, onUpdateAuto: o, onUpdateManual: c, onChange: i } = e, d = ze(null), [s, l] = Se(null), [v, y] = Se("auto-generated"), { width: _ = 0, height: b = 0 } = Be({ ref: d, box: "border-box" }), m = re(() => {
     s && _ && b && n && s.fromDataURL(n, {
       width: +_.toFixed(),
       height: +b.toFixed()
@@ -1075,7 +1075,7 @@ const ut = /* @__PURE__ */ qe(st), ct = "_Signature_y46zz_1", lt = "_SignatureMa
     s && (s.clear(), c(""), i(""));
   }, [s, i, c]), q = re(() => {
     o(!0), y("auto-generated"), t && i(t);
-  }, [o, t, i]), j = re(() => {
+  }, [o, t, i]), $ = re(() => {
     o(!1), y(n ? "manual-stored" : "manual-blank"), n ? (i(n), setTimeout(m, 0)) : i("");
   }, [o, n, i, m]), D = re(() => {
     o(!1), y("manual-blank"), c(""), i("");
@@ -1100,22 +1100,22 @@ const ut = /* @__PURE__ */ qe(st), ct = "_Signature_y46zz_1", lt = "_SignatureMa
         children: [
           /* @__PURE__ */ Q(ie, { direction: "row", justify: N(["manual-drawn"]) ? "end" : "center", className: V.SignatureHeader, children: [
             /* @__PURE__ */ Q(Pe.Tag, { tag: "h6", weight: "medium", size: "regular", color: "primary", align: "center", children: [
-              /* @__PURE__ */ L(ee.FadeScale, { name: "generated-signature", condition: N(["auto-generated"]), children: "Wir haben eine digitale Signature Sie generiert." }),
-              /* @__PURE__ */ L(ee.FadeScale, { flex: !0, name: "create-signature", condition: N(["manual-blank", "manual-stored"]), children: "Ihre Signatur:" })
+              /* @__PURE__ */ z(ee.FadeScale, { name: "generated-signature", condition: N(["auto-generated"]), children: "Wir haben eine digitale Signature Sie generiert." }),
+              /* @__PURE__ */ z(ee.FadeScale, { flex: !0, name: "create-signature", condition: N(["manual-blank", "manual-stored"]), children: "Ihre Signatur:" })
             ] }),
-            /* @__PURE__ */ L(ee.FadeSlide, { flex: !0, name: "reset", direction: "rtl", condition: N(["manual-drawn"]), children: /* @__PURE__ */ L("div", { className: V.SignatureHeaderReset, children: /* @__PURE__ */ L(oe.ButtonText, { blurAfterClick: !0, underlined: !0, icon: /* @__PURE__ */ L(Ue, {}), onClick: x, children: "Neu starten" }) }) })
+            /* @__PURE__ */ z(ee.FadeSlide, { flex: !0, name: "reset", direction: "rtl", condition: N(["manual-drawn"]), children: /* @__PURE__ */ z("div", { className: V.SignatureHeaderReset, children: /* @__PURE__ */ z(oe.ButtonText, { blurAfterClick: !0, underlined: !0, icon: /* @__PURE__ */ z(Ue, {}), onClick: x, children: "Neu starten" }) }) })
           ] }),
-          /* @__PURE__ */ L(ie, { direction: "row", align: "end", justify: "center", children: N(["auto-generated"]) ? /* @__PURE__ */ Q(ie, { direction: "column", align: "center", justify: "start", children: [
-            /* @__PURE__ */ L(ee.FadeScale, { flex: !0, name: "signature", condition: t !== "", children: /* @__PURE__ */ L("img", { className: V.SignatureAutoPanelImage, src: t, alt: "signature" }) }),
-            /* @__PURE__ */ L(ee.FadeScale, { flex: !0, name: "signature", condition: t === "", children: /* @__PURE__ */ L("div", { className: V.SignatureAutoPanelLoader, children: /* @__PURE__ */ L(Ne, { size: 30, color: "primary" }) }) }),
+          /* @__PURE__ */ z(ie, { direction: "row", align: "end", justify: "center", children: N(["auto-generated"]) ? /* @__PURE__ */ Q(ie, { direction: "column", align: "center", justify: "start", children: [
+            /* @__PURE__ */ z(ee.FadeScale, { flex: !0, name: "signature", condition: t !== "", children: /* @__PURE__ */ z("img", { className: V.SignatureAutoPanelImage, src: t, alt: "signature" }) }),
+            /* @__PURE__ */ z(ee.FadeScale, { flex: !0, name: "signature", condition: t === "", children: /* @__PURE__ */ z("div", { className: V.SignatureAutoPanelLoader, children: /* @__PURE__ */ z(Ne, { size: 30, color: "primary" }) }) }),
             /* @__PURE__ */ Q(ie, { direction: "row", align: "center", justify: "center", gap: "xxs", mt: "xs", children: [
-              /* @__PURE__ */ L(Ye, { size: 24, className: V.SignatureAutoPanelNoteIcon }),
-              /* @__PURE__ */ L(Pe.Tag, { weight: "regular", size: "small", color: "secondary", children: "Diese Unterschrift ist ausreichend" })
+              /* @__PURE__ */ z(Ye, { size: 24, className: V.SignatureAutoPanelNoteIcon }),
+              /* @__PURE__ */ z(Pe.Tag, { weight: "regular", size: "small", color: "secondary", children: "Diese Unterschrift ist ausreichend" })
             ] }),
-            /* @__PURE__ */ L(ee.FadeScale, { flex: !0, name: "signature", condition: a.includes("manual"), children: /* @__PURE__ */ L("div", { className: V.SignatureAutoPanelButton, children: /* @__PURE__ */ L(oe.ButtonText, { blurAfterClick: !0, underlined: !0, onClick: j, children: "per Hand/Maus unterschreiben" }) }) })
+            /* @__PURE__ */ z(ee.FadeScale, { flex: !0, name: "signature", condition: a.includes("manual"), children: /* @__PURE__ */ z("div", { className: V.SignatureAutoPanelButton, children: /* @__PURE__ */ z(oe.ButtonText, { blurAfterClick: !0, underlined: !0, onClick: $, children: "per Hand/Maus unterschreiben" }) }) })
           ] }) : /* @__PURE__ */ Q("div", { className: V.SignatureManualPanel, children: [
-            /* @__PURE__ */ L("div", { className: V.SignatureManualPanelPlaceholder }),
-            N(["manual-stored"]) ? /* @__PURE__ */ L("img", { width: _, height: b, alt: "signature", src: n }) : /* @__PURE__ */ L(
+            /* @__PURE__ */ z("div", { className: V.SignatureManualPanelPlaceholder }),
+            N(["manual-stored"]) ? /* @__PURE__ */ z("img", { width: _, height: b, alt: "signature", src: n }) : /* @__PURE__ */ z(
               ut,
               {
                 penColor: "#262626",
@@ -1129,22 +1129,22 @@ const ut = /* @__PURE__ */ qe(st), ct = "_Signature_y46zz_1", lt = "_SignatureMa
                 onEnd: T
               }
             ),
-            /* @__PURE__ */ L(
+            /* @__PURE__ */ z(
               ee.FadeScale,
               {
                 name: "to-generated",
                 condition: N(["manual-stored"]),
                 className: V.SignatureManualPanelButton,
-                children: /* @__PURE__ */ L(oe.ButtonText, { blurAfterClick: !0, underlined: !0, onClick: D, children: "Zurücksetzen" })
+                children: /* @__PURE__ */ z(oe.ButtonText, { blurAfterClick: !0, underlined: !0, onClick: D, children: "Zurücksetzen" })
               }
             )
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ L(ee.FadeScale, { name: "footer", condition: N(["manual-blank", "manual-drawn"]), children: /* @__PURE__ */ Q(ie, { direction: "row", align: "center", justify: "space-between", gap: "md", mt: "md", children: [
-      a.includes("auto") ? /* @__PURE__ */ L(oe.Button, { fullWidth: !0, blurAfterClick: !0, color: "tertiary", onClick: q, children: "Abbrechen" }) : null,
-      /* @__PURE__ */ L(oe.Button, { fullWidth: !0, blurAfterClick: !0, color: "primary", disabled: !n, onClick: f, children: "Speichern" })
+    /* @__PURE__ */ z(ee.FadeScale, { name: "footer", condition: N(["manual-blank", "manual-drawn"]), children: /* @__PURE__ */ Q(ie, { direction: "row", align: "center", justify: "space-between", gap: "md", mt: "md", children: [
+      a.includes("auto") ? /* @__PURE__ */ z(oe.Button, { fullWidth: !0, blurAfterClick: !0, color: "tertiary", onClick: q, children: "Abbrechen" }) : null,
+      /* @__PURE__ */ z(oe.Button, { fullWidth: !0, blurAfterClick: !0, color: "primary", disabled: !n, onClick: f, children: "Speichern" })
     ] }) })
   ] });
 };