@arthurzakharov/ui-kit 1.6.4 → 1.6.6

package/dist/assets/button-text-NCcWZ-LB.css

@@ -0,0 +1 @@
+._ButtonText_ruqqq_1{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs);border-radius:var(--rm-ui-border-radius-sm)}._TextPrimary_ruqqq_10{color:var(--rm-ui-color-text-primary)}._TextSecondary_ruqqq_14{color:var(--rm-ui-color-text-secondary)}._AccentPrimary_ruqqq_18{color:var(--rm-ui-color-accent-primary)}._AccentSecondary_ruqqq_22{color:var(--rm-ui-color-accent-secondary)}._ThemePrimary_ruqqq_26{color:var(--rm-ui-color-theme-primary)}._ThemeSecondary_ruqqq_30{color:var(--rm-ui-color-theme-secondary)}._Link_ruqqq_34{color:var(--rm-ui-color-link)}._Left_ruqqq_38{flex-direction:row}._Right_ruqqq_42{flex-direction:row-reverse}._Icon_ruqqq_46{stroke-width:1.5}._SM_ruqqq_50 ._Icon_ruqqq_46{width:20px;height:20px}._MD_ruqqq_55 ._Icon_ruqqq_46{width:24px;height:24px}._LG_ruqqq_60 ._Icon_ruqqq_46{width:26px;height:26px}._SM_ruqqq_50 ._Content_ruqqq_65{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._SM_ruqqq_50._WithIcon_ruqqq_70 ._Content_ruqqq_65{line-height:calc(var(--rm-ui-line-height-body-small) - var(--rm-ui-padding-xxs) * 2)}._MD_ruqqq_55 ._Content_ruqqq_65{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._MD_ruqqq_55._WithIcon_ruqqq_70 ._Content_ruqqq_65{line-height:calc(var(--rm-ui-line-height-body) - var(--rm-ui-padding-xxs) * 2)}._LG_ruqqq_60 ._Content_ruqqq_65{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._LG_ruqqq_60._WithIcon_ruqqq_70 ._Content_ruqqq_65{line-height:calc(var(--rm-ui-line-height-hl4) - var(--rm-ui-padding-xxs) * 2)}._Content_ruqqq_65{text-decoration:none}._Light_ruqqq_96{font-weight:var(--rm-ui-font-weight-light)}._Regular_ruqqq_100{font-weight:var(--rm-ui-font-weight-regular)}._Medium_ruqqq_104{font-weight:var(--rm-ui-font-weight-medium)}._Bold_ruqqq_108{font-weight:var(--rm-ui-font-weight-bold)}._Underlined_ruqqq_112{text-decoration:underline}

package/dist/assets/checkbox-bwnjS9qO.css

@@ -0,0 +1 @@
+._Checkbox_d6btg_1{display:flex;flex-direction:column}._Label_d6btg_6{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Label_d6btg_6:hover{cursor:pointer}._Choice_d6btg_19{position:relative;left:0;top:3px}._Content_d6btg_25{font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._Content_d6btg_25 button,._Content_d6btg_25 span[role=button]{color:var(--rm-ui-color-link);display:inline;background:none;font:inherit;font-size:inherit;line-height:inherit}._Content_d6btg_25 button:hover,._Content_d6btg_25 span[role=button]:hover{cursor:pointer;text-decoration:underline}._Content_d6btg_25 button:focus-visible,._Content_d6btg_25 span[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus)}._Body_d6btg_51{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._BodySmall_d6btg_56{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ErrorMessage_d6btg_61{padding-top:var(--rm-ui-padding-xxs)}

package/dist/assets/signature-CYVRZH6h.css

@@ -0,0 +1 @@
+._Signature_1sp4s_1{background-color:transparent}._Main_1sp4s_7{--title-height: 40px;--top-padding: var(--rm-ui-padding-md);--horizontal-padding: var(--rm-ui-padding-md);overflow:hidden;position:relative;border:1px solid var(--rm-ui-grey-300);border-radius:var(--rm-ui-border-radius-sm)}._MainAuto_1sp4s_17{padding:var(--top-padding) var(--horizontal-padding) var(--rm-ui-padding-md)}._MainManual_1sp4s_21{padding:var(--top-padding) var(--horizontal-padding) var(--top-padding)}._Footer_1sp4s_27{margin-top:var(--rm-ui-padding-md);display:flex;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-md)}._Header_1sp4s_37{display:flex;margin-bottom:19px}._HeaderTitle_1sp4s_47{font-weight:var(--rm-ui-font-weight-medium);text-align:center}._HeaderManualDraw_1sp4s_52{justify-content:flex-end}._HeaderNotManualDraw_1sp4s_56{justify-content:center}._HeaderReset_1sp4s_60{position:relative;z-index:1}._HeaderReset_1sp4s_60:hover{cursor:pointer!important}._ManualPanel_1sp4s_71{height:134px}._ManualPanel_1sp4s_71>canvas,._ManualPanel_1sp4s_71>img{position:absolute;top:0;left:0}._ManualPanelButton_1sp4s_82{position:absolute;z-index:1;bottom:var(--rm-ui-padding-md);left:var(--rm-ui-padding-md);right:var(--rm-ui-padding-md);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._AutoPanel_1sp4s_97{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}._AutoPanelImage_1sp4s_104{height:46px;max-width:100%;display:block}._AutoPanelLoader_1sp4s_110{height:134px;display:inline-flex;align-items:center;padding:var(--rm-ui-padding-xs)}._AutoPanelButton_1sp4s_117{margin:var(--rm-ui-padding-sm) 0 var(--rm-ui-padding-sm) 0}._AutoPanelLabel_1sp4s_121{margin:var(--rm-ui-padding-xs) 0;display:flex;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xxs)}._AutoPanelLabelIcon_1sp4s_129{width:24px;height:24px;stroke:var(--rm-ui-color-success)}._AutoPanelLabelText_1sp4s_135{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}._AutoPanelError_1sp4s_142{height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs)}._AutoPanelErrorTitle_1sp4s_151{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}

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

@@ -8,7 +8,7 @@ import "../../controls/primitives/box/box.component.js";
 import { baseProps as Ee } from "../../utils/functions/functions.util.js";
 import { ButtonText as ie } from "../../controls/buttons/button-text/button-text.component.js";
 import { Loader as Ue } from "../loader/loader.component.js";
-import '../../assets/signature-D9gYlpze.css';function He(e) {
+import '../../assets/signature-CYVRZH6h.css';function He(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 function Ye(e) {
@@ -71,12 +71,12 @@ function Ve() {
       }
     }
   }
-  function k(d) {
+  function j(d) {
     return $(d) === u;
   }
   return I.AsyncMode = f, I.ConcurrentMode = u, I.ContextConsumer = s, I.ContextProvider = c, I.Element = a, I.ForwardRef = l, I.Fragment = t, I.Lazy = T, I.Memo = b, I.Portal = r, I.Profiler = o, I.StrictMode = n, I.Suspense = v, I.isAsyncMode = function(d) {
-    return k(d) || $(d) === f;
-  }, I.isConcurrentMode = k, I.isContextConsumer = function(d) {
+    return j(d) || $(d) === f;
+  }, I.isConcurrentMode = j, I.isContextConsumer = function(d) {
     return $(d) === s;
   }, I.isContextProvider = function(d) {
     return $(d) === c;
@@ -111,7 +111,7 @@ function Xe() {
       return typeof p == "string" || typeof p == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
       p === t || p === u || p === o || p === n || p === v || p === y || typeof p == "object" && p !== null && (p.$$typeof === T || p.$$typeof === b || p.$$typeof === c || p.$$typeof === s || p.$$typeof === l || p.$$typeof === x || p.$$typeof === _ || p.$$typeof === q || p.$$typeof === g);
     }
-    function k(p) {
+    function j(p) {
       if (typeof p == "object" && p !== null) {
         var K = p.$$typeof;
         switch (K) {
@@ -145,45 +145,45 @@ function Xe() {
     }
     var d = f, Z = u, re = s, Q = c, A = a, P = l, N = t, R = T, m = b, F = r, G = o, V = n, X = v, B = !1;
     function J(p) {
-      return B || (B = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), i(p) || k(p) === f;
+      return B || (B = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), i(p) || j(p) === f;
     }
     function i(p) {
-      return k(p) === u;
+      return j(p) === u;
     }
     function h(p) {
-      return k(p) === s;
+      return j(p) === s;
     }
     function w(p) {
-      return k(p) === c;
+      return j(p) === c;
     }
     function C(p) {
       return typeof p == "object" && p !== null && p.$$typeof === a;
     }
     function E(p) {
-      return k(p) === l;
+      return j(p) === l;
     }
     function M(p) {
-      return k(p) === t;
+      return j(p) === t;
     }
     function S(p) {
-      return k(p) === T;
+      return j(p) === T;
     }
     function O(p) {
-      return k(p) === b;
+      return j(p) === b;
     }
-    function j(p) {
-      return k(p) === r;
+    function D(p) {
+      return j(p) === r;
     }
     function W(p) {
-      return k(p) === o;
+      return j(p) === o;
     }
-    function D(p) {
-      return k(p) === n;
+    function k(p) {
+      return j(p) === n;
     }
     function Y(p) {
-      return k(p) === v;
+      return j(p) === v;
     }
-    L.AsyncMode = d, L.ConcurrentMode = Z, L.ContextConsumer = re, L.ContextProvider = Q, L.Element = A, L.ForwardRef = P, L.Fragment = N, L.Lazy = R, L.Memo = m, L.Portal = F, L.Profiler = G, L.StrictMode = V, L.Suspense = X, L.isAsyncMode = J, L.isConcurrentMode = i, L.isContextConsumer = h, L.isContextProvider = w, L.isElement = C, L.isForwardRef = E, L.isFragment = M, L.isLazy = S, L.isMemo = O, L.isPortal = j, L.isProfiler = W, L.isStrictMode = D, L.isSuspense = Y, L.isValidElementType = $, L.typeOf = k;
+    L.AsyncMode = d, L.ConcurrentMode = Z, L.ContextConsumer = re, L.ContextProvider = Q, L.Element = A, L.ForwardRef = P, L.Fragment = N, L.Lazy = R, L.Memo = m, L.Portal = F, L.Profiler = G, L.StrictMode = V, L.Suspense = X, L.isAsyncMode = J, L.isConcurrentMode = i, L.isContextConsumer = h, L.isContextProvider = w, L.isElement = C, L.isForwardRef = E, L.isFragment = M, L.isLazy = S, L.isMemo = O, L.isPortal = D, L.isProfiler = W, L.isStrictMode = k, L.isSuspense = Y, L.isValidElementType = $, L.typeOf = j;
   })()), L;
 }
 var Ce;
@@ -296,10 +296,10 @@ function Ze() {
     process.env.NODE_ENV !== "production" && (r = {});
   }, ve = n, ve;
 }
-var ye, je;
+var ye, De;
 function Ge() {
-  if (je) return ye;
-  je = 1;
+  if (De) return ye;
+  De = 1;
   var e = $e(), a = Je(), r = /* @__PURE__ */ _e(), t = /* @__PURE__ */ We(), n = /* @__PURE__ */ Ze(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(s) {
@@ -331,7 +331,7 @@ function Ge() {
       symbol: _("symbol"),
       any: q(),
       arrayOf: $,
-      element: k(),
+      element: j(),
       elementType: d(),
       instanceOf: Z,
       node: P(),
@@ -351,33 +351,33 @@ function Ge() {
     function x(i) {
       if (process.env.NODE_ENV !== "production")
         var h = {}, w = 0;
-      function C(M, S, O, j, W, D, Y) {
-        if (j = j || y, D = D || O, Y !== r) {
+      function C(M, S, O, D, W, k, Y) {
+        if (D = D || y, k = k || O, Y !== r) {
           if (f) {
             var p = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw p.name = "Invariant Violation", p;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var K = j + ":" + O;
+            var K = D + ":" + O;
             !h[K] && // Avoid spamming the console because they are often not actionable except for lib authors
             w < 3 && (o(
-              "You are manually calling a React.PropTypes validation function for the `" + D + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+              "You are manually calling a React.PropTypes validation function for the `" + k + "` prop on `" + D + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), h[K] = !0, w++);
           }
         }
-        return S[O] == null ? M ? S[O] === null ? new g("The " + W + " `" + D + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new g("The " + W + " `" + D + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : i(S, O, j, W, D);
+        return S[O] == null ? M ? S[O] === null ? new g("The " + W + " `" + k + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new g("The " + W + " `" + k + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : i(S, O, D, W, k);
       }
       var E = C.bind(null, !1);
       return E.isRequired = C.bind(null, !0), E;
     }
     function _(i) {
       function h(w, C, E, M, S, O) {
-        var j = w[C], W = V(j);
+        var D = w[C], W = V(D);
         if (W !== i) {
-          var D = X(j);
+          var k = X(D);
           return new g(
-            "Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("`" + i + "`."),
+            "Invalid " + M + " `" + S + "` of type " + ("`" + k + "` supplied to `" + E + "`, expected ") + ("`" + i + "`."),
             { expectedType: i }
           );
         }
@@ -394,19 +394,19 @@ function Ge() {
           return new g("Property `" + S + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
         var O = w[C];
         if (!Array.isArray(O)) {
-          var j = V(O);
-          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + j + "` supplied to `" + E + "`, expected an array."));
+          var D = V(O);
+          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an array."));
         }
         for (var W = 0; W < O.length; W++) {
-          var D = i(O, W, E, M, S + "[" + W + "]", r);
-          if (D instanceof Error)
-            return D;
+          var k = i(O, W, E, M, S + "[" + W + "]", r);
+          if (k instanceof Error)
+            return k;
         }
         return null;
       }
       return x(h);
     }
-    function k() {
+    function j() {
       function i(h, w, C, E, M) {
         var S = h[w];
         if (!s(S)) {
@@ -431,8 +431,8 @@ function Ge() {
     function Z(i) {
       function h(w, C, E, M, S) {
         if (!(w[C] instanceof i)) {
-          var O = i.name || y, j = J(w[C]);
-          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + j + "` supplied to `" + E + "`, expected ") + ("instance of `" + O + "`."));
+          var O = i.name || y, D = J(w[C]);
+          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("instance of `" + O + "`."));
         }
         return null;
       }
@@ -444,8 +444,8 @@ function Ge() {
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), c;
       function h(w, C, E, M, S) {
-        for (var O = w[C], j = 0; j < i.length; j++)
-          if (T(O, i[j]))
+        for (var O = w[C], D = 0; D < i.length; D++)
+          if (T(O, i[D]))
             return null;
         var W = JSON.stringify(i, function(Y, p) {
           var K = X(p);
@@ -459,14 +459,14 @@ function Ge() {
       function h(w, C, E, M, S) {
         if (typeof i != "function")
           return new g("Property `" + S + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
-        var O = w[C], j = V(O);
-        if (j !== "object")
-          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + j + "` supplied to `" + E + "`, expected an object."));
+        var O = w[C], D = V(O);
+        if (D !== "object")
+          return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an object."));
         for (var W in O)
           if (t(O, W)) {
-            var D = i(O, W, E, M, S + "." + W, r);
-            if (D instanceof Error)
-              return D;
+            var k = i(O, W, E, M, S + "." + W, r);
+            if (k instanceof Error)
+              return k;
           }
         return null;
       }
@@ -482,15 +482,15 @@ function Ge() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + B(w) + " at index " + h + "."
           ), c;
       }
-      function C(E, M, S, O, j) {
-        for (var W = [], D = 0; D < i.length; D++) {
-          var Y = i[D], p = Y(E, M, S, O, j, r);
+      function C(E, M, S, O, D) {
+        for (var W = [], k = 0; k < i.length; k++) {
+          var Y = i[k], p = Y(E, M, S, O, D, r);
           if (p == null)
             return null;
           p.data && t(p.data, "expectedType") && W.push(p.data.expectedType);
         }
         var K = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
-        return new g("Invalid " + O + " `" + j + "` supplied to " + ("`" + S + "`" + K + "."));
+        return new g("Invalid " + O + " `" + D + "` supplied to " + ("`" + S + "`" + K + "."));
       }
       return x(C);
     }
@@ -507,14 +507,14 @@ function Ge() {
     }
     function R(i) {
       function h(w, C, E, M, S) {
-        var O = w[C], j = V(O);
-        if (j !== "object")
-          return new g("Invalid " + M + " `" + S + "` of type `" + j + "` " + ("supplied to `" + E + "`, expected `object`."));
+        var O = w[C], D = V(O);
+        if (D !== "object")
+          return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
         for (var W in i) {
-          var D = i[W];
-          if (typeof D != "function")
-            return N(E, M, S, W, X(D));
-          var Y = D(O, W, E, M, S + "." + W, r);
+          var k = i[W];
+          if (typeof k != "function")
+            return N(E, M, S, W, X(k));
+          var Y = k(O, W, E, M, S + "." + W, r);
           if (Y)
             return Y;
         }
@@ -524,20 +524,20 @@ function Ge() {
     }
     function m(i) {
       function h(w, C, E, M, S) {
-        var O = w[C], j = V(O);
-        if (j !== "object")
-          return new g("Invalid " + M + " `" + S + "` of type `" + j + "` " + ("supplied to `" + E + "`, expected `object`."));
+        var O = w[C], D = V(O);
+        if (D !== "object")
+          return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
         var W = a({}, w[C], i);
-        for (var D in W) {
-          var Y = i[D];
-          if (t(i, D) && typeof Y != "function")
-            return N(E, M, S, D, X(Y));
+        for (var k in W) {
+          var Y = i[k];
+          if (t(i, k) && typeof Y != "function")
+            return N(E, M, S, k, X(Y));
           if (!Y)
             return new g(
-              "Invalid " + M + " `" + S + "` key `" + D + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(w[C], null, "  ") + `
+              "Invalid " + M + " `" + S + "` key `" + k + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(w[C], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
             );
-          var p = Y(O, D, E, M, S + "." + D, r);
+          var p = Y(O, k, E, M, S + "." + k, r);
           if (p)
             return p;
         }
@@ -617,10 +617,10 @@ Valid keys: ` + JSON.stringify(Object.keys(i), null, "  ")
     return b.checkPropTypes = n, b.resetWarningCache = n.resetWarningCache, b.PropTypes = b, b;
   }, ye;
 }
-var me, De;
+var me, ke;
 function Ke() {
-  if (De) return me;
-  De = 1;
+  if (ke) return me;
+  ke = 1;
   var e = /* @__PURE__ */ _e();
   function a() {
   }
@@ -665,10 +665,10 @@ function Ke() {
     return o.PropTypes = o, o;
   }, me;
 }
-var ke;
+var je;
 function Qe() {
-  if (ke) return se.exports;
-  if (ke = 1, process.env.NODE_ENV !== "production") {
+  if (je) return se.exports;
+  if (je = 1, process.env.NODE_ENV !== "production") {
     var e = $e(), a = !0;
     se.exports = /* @__PURE__ */ Ge()(e.isElement, a);
   } else
@@ -881,10 +881,10 @@ z.prototype._fromData = function(e, a, r) {
 z.prototype._toSVG = function() {
   var e = this, a = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), n = 0, o = 0, c = r.width / t, s = r.height / t, f = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   f.setAttributeNS(null, "width", r.width), f.setAttributeNS(null, "height", r.height), this._fromData(a, function(_, q, $) {
-    var k = document.createElement("path");
+    var j = document.createElement("path");
     if (!isNaN(_.control1.x) && !isNaN(_.control1.y) && !isNaN(_.control2.x) && !isNaN(_.control2.y)) {
       var d = "M " + _.startPoint.x.toFixed(3) + "," + _.startPoint.y.toFixed(3) + " " + ("C " + _.control1.x.toFixed(3) + "," + _.control1.y.toFixed(3) + " ") + (_.control2.x.toFixed(3) + "," + _.control2.y.toFixed(3) + " ") + (_.endPoint.x.toFixed(3) + "," + _.endPoint.y.toFixed(3));
-      k.setAttribute("d", d), k.setAttribute("stroke-width", (q.end * 2.25).toFixed(3)), k.setAttribute("stroke", $), k.setAttribute("fill", "none"), k.setAttribute("stroke-linecap", "round"), f.appendChild(k);
+      j.setAttribute("d", d), j.setAttribute("stroke-width", (q.end * 2.25).toFixed(3)), j.setAttribute("stroke", $), j.setAttribute("fill", "none"), j.setAttribute("stroke-linecap", "round"), f.appendChild(j);
     }
   }, function(_) {
     var q = document.createElement("circle"), $ = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
@@ -932,8 +932,8 @@ function at() {
         return t.m = r, t.c = n, t.p = "", t(0);
       })([function(r, t) {
         function n(u) {
-          var l = u.getContext("2d"), v = u.width, y = u.height, b = l.getImageData(0, 0, v, y).data, T = s(!0, v, y, b), g = s(!1, v, y, b), x = f(!0, v, y, b), _ = f(!1, v, y, b), q = _ - x + 1, $ = g - T + 1, k = l.getImageData(x, T, q, $);
-          return u.width = q, u.height = $, l.clearRect(0, 0, q, $), l.putImageData(k, 0, 0), u;
+          var l = u.getContext("2d"), v = u.width, y = u.height, b = l.getImageData(0, 0, v, y).data, T = s(!0, v, y, b), g = s(!1, v, y, b), x = f(!0, v, y, b), _ = f(!1, v, y, b), q = _ - x + 1, $ = g - T + 1, j = l.getImageData(x, T, q, $);
+          return u.width = q, u.height = $, l.clearRect(0, 0, q, $), l.putImageData(j, 0, 0), u;
         }
         function o(u, l, v, y) {
           return { red: y[4 * (v * l + u)], green: y[4 * (v * l + u) + 1], blue: y[4 * (v * l + u) + 2], alpha: y[4 * (v * l + u) + 3] };
@@ -1005,7 +1005,7 @@ function it() {
           return function(P, N, R) {
             return N && A(P.prototype, N), R && A(P, R), P;
           };
-        })(), x = f(1), _ = u(x), q = f(2), $ = u(q), k = f(3), d = u(k), Z = f(4), re = u(Z), Q = (function(A) {
+        })(), x = f(1), _ = u(x), q = f(2), $ = u(q), j = f(3), d = u(j), Z = f(4), re = u(Z), Q = (function(A) {
           function P() {
             var N, R, m, F;
             v(this, P);
@@ -1073,7 +1073,7 @@ function it() {
   })(ce)), ce.exports;
 }
 var st = it();
-const ut = /* @__PURE__ */ He(st), ct = "_Signature_1nnjp_1", lt = "_Main_1nnjp_7", ft = "_MainAuto_1nnjp_17", dt = "_MainManual_1nnjp_21", ht = "_Footer_1nnjp_27", pt = "_Header_1nnjp_37", vt = "_HeaderTitle_1nnjp_46", yt = "_HeaderManualDraw_1nnjp_51", mt = "_HeaderNotManualDraw_1nnjp_55", _t = "_HeaderReset_1nnjp_59", gt = "_ManualPanel_1nnjp_70", bt = "_ManualPanelButton_1nnjp_81", xt = "_AutoPanel_1nnjp_96", Pt = "_AutoPanelImage_1nnjp_103", wt = "_AutoPanelLoader_1nnjp_109", Et = "_AutoPanelButton_1nnjp_116", Tt = "_AutoPanelLabel_1nnjp_120", St = "_AutoPanelLabelIcon_1nnjp_128", Ct = "_AutoPanelLabelText_1nnjp_134", Ot = "_AutoPanelError_1nnjp_141", Rt = "_AutoPanelErrorTitle_1nnjp_150", U = {
+const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_7", ft = "_MainAuto_1sp4s_17", dt = "_MainManual_1sp4s_21", ht = "_Footer_1sp4s_27", pt = "_Header_1sp4s_37", vt = "_HeaderTitle_1sp4s_47", yt = "_HeaderManualDraw_1sp4s_52", mt = "_HeaderNotManualDraw_1sp4s_56", _t = "_HeaderReset_1sp4s_60", gt = "_ManualPanel_1sp4s_71", bt = "_ManualPanelButton_1sp4s_82", xt = "_AutoPanel_1sp4s_97", Pt = "_AutoPanelImage_1sp4s_104", wt = "_AutoPanelLoader_1sp4s_110", Et = "_AutoPanelButton_1sp4s_117", Tt = "_AutoPanelLabel_1sp4s_121", St = "_AutoPanelLabelIcon_1sp4s_129", Ct = "_AutoPanelLabelText_1sp4s_135", Ot = "_AutoPanelError_1sp4s_142", Rt = "_AutoPanelErrorTitle_1sp4s_151", U = {
   Signature: ct,
   Main: lt,
   MainAuto: ft,
@@ -1105,7 +1105,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1nnjp_1", lt = "_Main_1nnjp_
   // Base props
   ...o
 }) => {
-  const c = xe(null), s = xe(!1), [f, u] = oe(null), [l, v] = oe(a ? "manual" : "auto"), [y, b] = oe(""), [T, g] = oe(!1), { width: x = 0, height: _ = 0 } = Ne({ ref: c, box: "border-box" }), q = l === "auto" ? e ? "auto-generated" : "auto-loading" : y ? "manual-drawn" : a ? "manual-stored" : "manual-blank", $ = e !== "" || T, k = a || y, d = te(
+  const c = xe(null), s = xe(!1), [f, u] = oe(null), [l, v] = oe(a ? "manual" : "auto"), [y, b] = oe(""), [T, g] = oe(!1), { width: x = 0, height: _ = 0 } = Ne({ ref: c, box: "border-box" }), q = l === "auto" ? e ? "auto-generated" : "auto-loading" : y ? "manual-drawn" : a ? "manual-stored" : "manual-blank", $ = e !== "" || T, j = a || y, d = te(
     (F) => {
       !f || !x || !_ || !F || f.fromDataURL(F, {
         width: +x.toFixed(),
@@ -1124,7 +1124,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1nnjp_1", lt = "_Main_1nnjp_
   }, []), A = te(() => {
     v("manual");
   }, []), P = te(() => {
-    v("manual"), b(""), t("");
+    v("auto"), b(""), t("");
   }, [t]), N = te(() => {
     y && b("");
   }, [y]), R = (F) => F.includes(q);
@@ -1203,6 +1203,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1nnjp_1", lt = "_Main_1nnjp_
                   ie,
                   {
                     blurAfterClick: !0,
+                    color: "link",
                     text: "Per Hand/Maus unterschreiben",
                     underlined: !0,
                     className: U.AutoPanelButton,
@@ -1210,7 +1211,7 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1nnjp_1", lt = "_Main_1nnjp_
                   }
                 )
               ] }) : /* @__PURE__ */ ee("div", { className: U.ManualPanel, children: [
-                R(["manual-stored"]) ? /* @__PURE__ */ H("img", { width: x, height: _, alt: "signature", src: k }) : /* @__PURE__ */ H(
+                R(["manual-stored"]) ? /* @__PURE__ */ H("img", { width: x, height: _, alt: "signature", src: j }) : /* @__PURE__ */ H(
                   ut,
                   {
                     penColor: "#262626",

package/dist/controls/buttons/button-text/button-text.component.js

@@ -1,87 +1,91 @@
 import { jsxs as S, jsx as _ } from "react/jsx-runtime";
 import a from "clsx";
-import { withControl as f, baseProps as l } from "../../../utils/functions/functions.util.js";
-import { Svg as g } from "../../../utils/svg/svg.component.js";
-import '../../../assets/button-text-D-i7Ce3y.css';const p = "_ButtonText_lje93_1", L = "_TextPrimary_lje93_10", M = "_TextSecondary_lje93_14", P = "_AccentPrimary_lje93_18", B = "_AccentSecondary_lje93_22", A = "_ThemePrimary_lje93_26", R = "_ThemeSecondary_lje93_30", C = "_Left_lje93_34", b = "_Right_lje93_38", D = "_Icon_lje93_42", G = "_SM_lje93_46", I = "_MD_lje93_51", N = "_LG_lje93_56", U = "_Content_lje93_61", v = "_Light_lje93_80", k = "_Regular_lje93_84", F = "_Medium_lje93_88", $ = "_Bold_lje93_92", q = "_Underlined_lje93_96", e = {
-  ButtonText: p,
-  TextPrimary: L,
+import { withControl as L, baseProps as m } from "../../../utils/functions/functions.util.js";
+import { Svg as f } from "../../../utils/svg/svg.component.js";
+import '../../../assets/button-text-NCcWZ-LB.css';const g = "_ButtonText_ruqqq_1", p = "_TextPrimary_ruqqq_10", M = "_TextSecondary_ruqqq_14", P = "_AccentPrimary_ruqqq_18", B = "_AccentSecondary_ruqqq_22", A = "_ThemePrimary_ruqqq_26", I = "_ThemeSecondary_ruqqq_30", R = "_Link_ruqqq_34", k = "_Left_ruqqq_38", C = "_Right_ruqqq_42", b = "_Icon_ruqqq_46", D = "_SM_ruqqq_50", G = "_MD_ruqqq_55", N = "_LG_ruqqq_60", U = "_Content_ruqqq_65", W = "_WithIcon_ruqqq_70", j = "_Light_ruqqq_96", v = "_Regular_ruqqq_100", F = "_Medium_ruqqq_104", $ = "_Bold_ruqqq_108", E = "_Underlined_ruqqq_112", t = {
+  ButtonText: g,
+  TextPrimary: p,
   TextSecondary: M,
   AccentPrimary: P,
   AccentSecondary: B,
   ThemePrimary: A,
-  ThemeSecondary: R,
-  Left: C,
-  Right: b,
-  Icon: D,
-  SM: G,
-  MD: I,
+  ThemeSecondary: I,
+  Link: R,
+  Left: k,
+  Right: C,
+  Icon: b,
+  SM: D,
+  MD: G,
   LG: N,
   Content: U,
-  Light: v,
-  Regular: k,
+  WithIcon: W,
+  Light: j,
+  Regular: v,
   Medium: F,
   Bold: $,
-  Underlined: q
-}, O = ({
-  text: m,
+  Underlined: E
+}, Q = ({
+  text: i,
   size: r = "md",
-  color: t = "text-primary",
+  color: e = "text-primary",
   weight: n = "medium",
   type: s = "button",
-  icon: d = null,
-  iconPosition: c = "left",
-  underlined: i = !1,
-  disabled: y = !1,
-  preventDefault: u = !1,
-  blurAfterClick: j = !1,
-  onClick: x = () => {
+  icon: c = null,
+  iconPosition: o = "left",
+  underlined: u = !1,
+  disabled: d = !1,
+  preventDefault: y = !1,
+  blurAfterClick: l = !1,
+  onClick: h = () => {
   },
-  onFocus: T = () => {
+  onFocus: x = () => {
   },
-  onBlur: h = () => {
+  onBlur: T = () => {
   },
   // Base props
-  ...o
+  ...q
 }) => /* @__PURE__ */ S(
   "button",
   {
-    "data-testid": l(o, "data-testid", "button-text"),
+    "data-testid": m(q, "data-testid", "button-text"),
     type: s,
-    disabled: y,
-    className: a(e.ButtonText, l(o, "className"), {
-      [e.Left]: c === "left",
-      [e.Right]: c === "right",
-      [e.SM]: r === "sm",
-      [e.MD]: r === "md",
-      [e.LG]: r === "lg",
-      [e.TextPrimary]: t === "text-primary",
-      [e.TextSecondary]: t === "text-secondary",
-      [e.AccentPrimary]: t === "accent-primary",
-      [e.AccentSecondary]: t === "accent-secondary",
-      [e.ThemePrimary]: t === "theme-primary",
-      [e.ThemeSecondary]: t === "theme-secondary"
+    disabled: d,
+    className: a(t.ButtonText, m(q, "className"), {
+      [t.WithIcon]: !!c,
+      [t.Left]: o === "left",
+      [t.Right]: o === "right",
+      [t.SM]: r === "sm",
+      [t.MD]: r === "md",
+      [t.LG]: r === "lg",
+      [t.TextPrimary]: e === "text-primary",
+      [t.TextSecondary]: e === "text-secondary",
+      [t.AccentPrimary]: e === "accent-primary",
+      [t.AccentSecondary]: e === "accent-secondary",
+      [t.ThemePrimary]: e === "theme-primary",
+      [t.ThemeSecondary]: e === "theme-secondary",
+      [t.Link]: e === "link"
     }),
-    onClick: f(x, { prevent: u, blur: j }),
-    onFocus: () => T(),
-    onBlur: () => h(),
+    onClick: L(h, { prevent: y, blur: l }),
+    onFocus: () => x(),
+    onBlur: () => T(),
     children: [
-      /* @__PURE__ */ _(g, { icon: d, className: e.Icon }),
+      /* @__PURE__ */ _(f, { icon: c, className: t.Icon }),
       /* @__PURE__ */ _(
         "span",
         {
-          className: a(e.Content, {
-            [e.Light]: n === "light",
-            [e.Regular]: n === "regular",
-            [e.Medium]: n === "medium",
-            [e.Bold]: n === "bold",
-            [e.Underlined]: i
+          className: a(t.Content, {
+            [t.Light]: n === "light",
+            [t.Regular]: n === "regular",
+            [t.Medium]: n === "medium",
+            [t.Bold]: n === "bold",
+            [t.Underlined]: u
           }),
-          children: m
+          children: i
         }
       )
     ]
   }
 );
 export {
-  O as ButtonText
+  Q as ButtonText
 };

package/dist/controls/interactives/checkbox/checkbox.component.js

@@ -1,17 +1,17 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { useRef as M } from "react";
 import { useHover as N } from "usehooks-ts";
-import _ from "clsx";
+import p from "clsx";
 import { FadeSlide as S } from "../../../animations/fade-slide/fade-slide.component.js";
 import "../../primitives/box/box.component.js";
-import { baseProps as C } from "../../../utils/functions/functions.util.js";
+import { baseProps as _ } from "../../../utils/functions/functions.util.js";
 import { Choice as v } from "../../primitives/choice/choice.component.js";
 import { ErrorMessage as F } from "../../primitives/error-message/error-message.component.js";
 import { HiddenInput as L } from "../../primitives/hidden-input/hidden-input.component.js";
 import "lucide-react";
 import { useControlInteraction as $ } from "../../utils/hooks/use-control-interaction/use-control-interaction.hook.js";
 import { Converter as j } from "../../../utils/converter/converter.util.js";
-import '../../../assets/checkbox-BVxmXTx8.css';const H = "_Checkbox_1ueio_1", I = "_Label_1ueio_6", P = "_Choice_1ueio_19", D = "_Content_1ueio_25", R = "_Body_1ueio_58", T = "_BodySmall_1ueio_63", q = "_ErrorMessage_1ueio_68", o = {
+import '../../../assets/checkbox-bwnjS9qO.css';const H = "_Checkbox_d6btg_1", I = "_Label_d6btg_6", P = "_Choice_d6btg_19", D = "_Content_d6btg_25", R = "_Body_d6btg_51", T = "_BodySmall_d6btg_56", q = "_ErrorMessage_d6btg_61", o = {
   Checkbox: H,
   Label: I,
   Choice: P,
@@ -25,38 +25,38 @@ import '../../../assets/checkbox-BVxmXTx8.css';const H = "_Checkbox_1ueio_1", I
   value: r = !1,
   disabled: s = !1,
   state: n = "idle",
-  onChange: f,
-  onFocus: u,
-  onBlur: b,
+  onChange: C,
+  onFocus: f,
+  onBlur: g,
   // Checkbox props
   iconSize: x = "md",
   textSize: a = "body-small",
-  message: i = "",
+  message: l = "",
   // PropsWithChildren
   children: y,
   // Base props
-  ...l
+  ...m
 }) => {
-  const m = M(null), k = N(m), { focused: d, emitChange: h, handleFocus: B, handleBlur: g } = $({
+  const d = M(null), k = N(d), { focused: i, emitChange: h, handleFocus: B, handleBlur: u } = $({
     id: t,
     disabled: s,
-    onChange: f,
-    onFocus: u,
-    onBlur: b
+    onChange: C,
+    onFocus: f,
+    onBlur: g
   });
-  return /* @__PURE__ */ p("div", { "data-testid": C(l, "data-testid", "checkbox"), className: _(o.Checkbox, C(l, "className")), children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ b("div", { "data-testid": _(m, "data-testid", "checkbox"), className: p(o.Checkbox, _(m, "className")), children: [
+    /* @__PURE__ */ b(
       "label",
       {
         "data-testid": "checkbox-label",
-        ref: m,
+        ref: d,
         htmlFor: t,
         className: o.Label,
         onClick: (c) => {
-          d || (c.preventDefault(), h(!r, "mouse"));
+          i || (c.preventDefault(), h(!r, "mouse"));
         },
         onFocus: B,
-        onBlur: g,
+        onBlur: u,
         children: [
           /* @__PURE__ */ e(
             L,
@@ -79,7 +79,7 @@ import '../../../assets/checkbox-BVxmXTx8.css';const H = "_Checkbox_1ueio_1", I
               size: x,
               state: n,
               checked: r,
-              focused: d,
+              focused: i,
               hovered: k,
               disabled: s
             }
@@ -87,7 +87,7 @@ import '../../../assets/checkbox-BVxmXTx8.css';const H = "_Checkbox_1ueio_1", I
           /* @__PURE__ */ e(
             "div",
             {
-              className: _(o.Content, {
+              className: p(o.Content, {
                 [o.Body]: a === "body",
                 [o.BodySmall]: a === "body-small"
               }),
@@ -97,7 +97,7 @@ import '../../../assets/checkbox-BVxmXTx8.css';const H = "_Checkbox_1ueio_1", I
         ]
       }
     ),
-    /* @__PURE__ */ e(S, { name: "text-message", condition: n === "error" && !!i, children: /* @__PURE__ */ e(F, { text: i, className: o.ErrorMessage }) })
+    /* @__PURE__ */ e(S, { name: "text-message", condition: n === "error" && !!l, children: /* @__PURE__ */ e(F, { text: l, className: o.ErrorMessage }) })
   ] });
 };
 export {

package/dist/controls/utils/types.d.ts

@@ -23,7 +23,7 @@ export type ControlLabelPosition = 'idle' | 'active';
 export type ControlCaptionSize = Extract<FontSize, 'body-extra-small' | 'body-small' | 'body' | 'body-large'>;
 export type ControlCaptionColor = Extract<FontColor, 'text-primary' | 'text-secondary' | 'accent-primary' | 'accent-secondary'>;
 export type ControlButtonColor = 'primary' | 'secondary' | 'tertiary';
-export type ControlButtonTypeColor = Extract<FontColor, 'text-primary' | 'text-secondary' | 'accent-primary' | 'accent-secondary' | 'theme-primary' | 'theme-secondary'>;
+export type ControlButtonTypeColor = Extract<FontColor, 'text-primary' | 'text-secondary' | 'accent-primary' | 'accent-secondary' | 'theme-primary' | 'theme-secondary' | 'link'>;
 export type ControlButtonSize = 'sm' | 'md' | 'lg';
 export type ControlButtonType = 'submit' | 'reset' | 'button';
 export type QuestionPath = string[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.6.4",
+  "version": "1.6.6",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/button-text-D-i7Ce3y.css

@@ -1 +0,0 @@
-._ButtonText_lje93_1{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs);border-radius:var(--rm-ui-border-radius-sm)}._TextPrimary_lje93_10{color:var(--rm-ui-color-text-primary)}._TextSecondary_lje93_14{color:var(--rm-ui-color-text-secondary)}._AccentPrimary_lje93_18{color:var(--rm-ui-color-accent-primary)}._AccentSecondary_lje93_22{color:var(--rm-ui-color-accent-secondary)}._ThemePrimary_lje93_26{color:var(--rm-ui-color-theme-primary)}._ThemeSecondary_lje93_30{color:var(--rm-ui-color-theme-secondary)}._Left_lje93_34{flex-direction:row}._Right_lje93_38{flex-direction:row-reverse}._Icon_lje93_42{stroke-width:1.5}._SM_lje93_46 ._Icon_lje93_42{width:20px;height:20px}._MD_lje93_51 ._Icon_lje93_42{width:24px;height:24px}._LG_lje93_56 ._Icon_lje93_42{width:26px;height:26px}._SM_lje93_46 ._Content_lje93_61{font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - var(--rm-ui-padding-xxs) * 2)}._MD_lje93_51 ._Content_lje93_61{font-size:var(--rm-ui-font-size-body);line-height:calc(var(--rm-ui-line-height-body) - var(--rm-ui-padding-xxs) * 2)}._LG_lje93_56 ._Content_lje93_61{font-size:var(--rm-ui-font-size-hl4);line-height:calc(var(--rm-ui-line-height-hl4) - var(--rm-ui-padding-xxs) * 2)}._Content_lje93_61{text-decoration:none}._Light_lje93_80{font-weight:var(--rm-ui-font-weight-light)}._Regular_lje93_84{font-weight:var(--rm-ui-font-weight-regular)}._Medium_lje93_88{font-weight:var(--rm-ui-font-weight-medium)}._Bold_lje93_92{font-weight:var(--rm-ui-font-weight-bold)}._Underlined_lje93_96{text-decoration:underline}

package/dist/assets/checkbox-BVxmXTx8.css

@@ -1 +0,0 @@
-._Checkbox_1ueio_1{display:flex;flex-direction:column}._Label_1ueio_6{position:relative;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Label_1ueio_6:hover{cursor:pointer}._Choice_1ueio_19{position:relative;left:0;top:3px}._Content_1ueio_25{font-weight:var(--rm-ui-font-weight-regular);color:var(--rm-ui-color-text-primary)}._Content_1ueio_25 button,._Content_1ueio_25 span[role=button]{color:var(--rm-ui-color-link);outline-offset:2px;display:inline;margin:0;padding:0;border:0;background:none;font:inherit;line-height:inherit;color:inherit;text-decoration:underline;vertical-align:baseline;cursor:pointer}._Content_1ueio_25 button:hover,._Content_1ueio_25 span[role=button]:hover{cursor:pointer;text-decoration:underline}._Content_1ueio_25 button:focus-visible,._Content_1ueio_25 span[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus)}._Body_1ueio_58{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._BodySmall_1ueio_63{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ErrorMessage_1ueio_68{padding-top:var(--rm-ui-padding-xxs)}

package/dist/assets/signature-D9gYlpze.css

@@ -1 +0,0 @@
-._Signature_1nnjp_1{background-color:transparent}._Main_1nnjp_7{--title-height: 40px;--top-padding: calc(var(--rm-ui-padding-md) + var(--title-height));--horizontal-padding: var(--rm-ui-padding-md);overflow:hidden;position:relative;border:1px solid var(--rm-ui-grey-300);border-radius:var(--rm-ui-border-radius-sm)}._MainAuto_1nnjp_17{padding:var(--top-padding) var(--horizontal-padding) var(--rm-ui-padding-md)}._MainManual_1nnjp_21{padding:var(--top-padding) var(--horizontal-padding) var(--top-padding)}._Footer_1nnjp_27{margin-top:var(--rm-ui-padding-md);display:flex;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-md)}._Header_1nnjp_37{position:absolute;z-index:1;top:var(--rm-ui-padding-md);left:var(--rm-ui-padding-md);right:var(--rm-ui-padding-md);display:flex}._HeaderTitle_1nnjp_46{font-weight:var(--rm-ui-font-weight-medium);text-align:center}._HeaderManualDraw_1nnjp_51{justify-content:flex-end}._HeaderNotManualDraw_1nnjp_55{justify-content:center}._HeaderReset_1nnjp_59{position:relative;z-index:1}._HeaderReset_1nnjp_59:hover{cursor:pointer!important}._ManualPanel_1nnjp_70{height:94px}._ManualPanel_1nnjp_70>canvas,._ManualPanel_1nnjp_70>img{position:absolute;top:0;left:0}._ManualPanelButton_1nnjp_81{position:absolute;z-index:1;bottom:var(--rm-ui-padding-md);left:var(--rm-ui-padding-md);right:var(--rm-ui-padding-md);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._AutoPanel_1nnjp_96{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}._AutoPanelImage_1nnjp_103{height:46px;max-width:100%;display:block}._AutoPanelLoader_1nnjp_109{height:134px;display:inline-flex;align-items:center;padding:var(--rm-ui-padding-xs)}._AutoPanelButton_1nnjp_116{margin:8px 0}._AutoPanelLabel_1nnjp_120{margin:var(--rm-ui-padding-xs) 0;display:flex;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xxs)}._AutoPanelLabelIcon_1nnjp_128{width:24px;height:24px;stroke:var(--rm-ui-color-success)}._AutoPanelLabelText_1nnjp_134{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}._AutoPanelError_1nnjp_141{height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs)}._AutoPanelErrorTitle_1nnjp_150{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}