rbro-tat-uds 1.4.6 → 1.4.8

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as c from "react";
-import M1, { useRef as u1, useDebugValue as y0, createElement as ce, useContext as de, Children as q1, useState as Q, useCallback as v1, useEffect as j1, useMemo as W1 } from "react";
+import M1, { useRef as g1, useDebugValue as y0, createElement as ce, useContext as de, Children as q1, useState as Q, useCallback as v1, useEffect as j1, useMemo as W1 } from "react";
 const t = {
   gray_30: "#F9F9F9",
   gray_60: "#F2F2F3",
@@ -144,31 +144,31 @@ function he() {
     }
     function V(l, $, L) {
       {
-        var Z = E.ReactDebugCurrentFrame, O = Z.getStackAddendum();
-        O !== "" && ($ += "%s", L = L.concat([O]));
-        var U = L.map(function(z) {
+        var Z = E.ReactDebugCurrentFrame, B = Z.getStackAddendum();
+        B !== "" && ($ += "%s", L = L.concat([B]));
+        var N = L.map(function(z) {
           return String(z);
         });
-        U.unshift("Warning: " + $), Function.prototype.apply.call(console[l], console, U);
+        N.unshift("Warning: " + $), Function.prototype.apply.call(console[l], console, N);
       }
     }
-    var S = !1, g = !1, m = !1, u = !1, F = !1, B;
-    B = Symbol.for("react.module.reference");
+    var S = !1, g = !1, m = !1, u = !1, F = !1, P;
+    P = Symbol.for("react.module.reference");
     function A(l) {
       return !!(typeof l == "string" || typeof l == "function" || l === i || l === s || F || l === a || l === f || l === x || u || l === _ || S || g || m || typeof l == "object" && l !== null && (l.$$typeof === v || l.$$typeof === y || l.$$typeof === d || l.$$typeof === p || l.$$typeof === C || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      l.$$typeof === B || l.getModuleId !== void 0));
+      l.$$typeof === P || l.getModuleId !== void 0));
     }
-    function i1(l, $, L) {
+    function o1(l, $, L) {
       var Z = l.displayName;
       if (Z)
         return Z;
-      var O = $.displayName || $.name || "";
-      return O !== "" ? L + "(" + O + ")" : L;
+      var B = $.displayName || $.name || "";
+      return B !== "" ? L + "(" + B + ")" : L;
     }
-    function a1(l) {
+    function c1(l) {
       return l.displayName || "Context";
     }
     function k(l) {
@@ -196,19 +196,19 @@ function he() {
         switch (l.$$typeof) {
           case p:
             var $ = l;
-            return a1($) + ".Consumer";
+            return c1($) + ".Consumer";
           case d:
             var L = l;
-            return a1(L._context) + ".Provider";
+            return c1(L._context) + ".Provider";
           case C:
-            return i1(l, l.render, "ForwardRef");
+            return o1(l, l.render, "ForwardRef");
           case y:
             var Z = l.displayName || null;
             return Z !== null ? Z : k(l.type) || "Memo";
           case v: {
-            var O = l, U = O._payload, z = O._init;
+            var B = l, N = B._payload, z = B._init;
             try {
-              return k(z(U));
+              return k(z(N));
             } catch {
               return null;
             }
@@ -216,18 +216,18 @@ function he() {
         }
       return null;
     }
-    var I = Object.assign, J = 0, d1, g1, l1, P, f1, x1, o1;
-    function Y() {
+    var J = Object.assign, Y = 0, h1, s1, G, l1, f1, x1, n1;
+    function O() {
     }
-    Y.__reactDisabledLog = !0;
-    function N() {
+    O.__reactDisabledLog = !0;
+    function U() {
       {
-        if (J === 0) {
-          d1 = console.log, g1 = console.info, l1 = console.warn, P = console.error, f1 = console.group, x1 = console.groupCollapsed, o1 = console.groupEnd;
+        if (Y === 0) {
+          h1 = console.log, s1 = console.info, G = console.warn, l1 = console.error, f1 = console.group, x1 = console.groupCollapsed, n1 = console.groupEnd;
           var l = {
             configurable: !0,
             enumerable: !0,
-            value: Y,
+            value: O,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -240,65 +240,65 @@ function he() {
             groupEnd: l
           });
         }
-        J++;
+        Y++;
       }
     }
-    function G() {
+    function I() {
       {
-        if (J--, J === 0) {
+        if (Y--, Y === 0) {
           var l = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: I({}, l, {
-              value: d1
+            log: J({}, l, {
+              value: h1
             }),
-            info: I({}, l, {
-              value: g1
+            info: J({}, l, {
+              value: s1
             }),
-            warn: I({}, l, {
-              value: l1
+            warn: J({}, l, {
+              value: G
             }),
-            error: I({}, l, {
-              value: P
+            error: J({}, l, {
+              value: l1
             }),
-            group: I({}, l, {
+            group: J({}, l, {
               value: f1
             }),
-            groupCollapsed: I({}, l, {
+            groupCollapsed: J({}, l, {
               value: x1
             }),
-            groupEnd: I({}, l, {
-              value: o1
+            groupEnd: J({}, l, {
+              value: n1
             })
           });
         }
-        J < 0 && M("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Y < 0 && M("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var X = E.ReactCurrentDispatcher, e1;
-    function t1(l, $, L) {
+    var X = E.ReactCurrentDispatcher, a1;
+    function e1(l, $, L) {
       {
-        if (e1 === void 0)
+        if (a1 === void 0)
           try {
             throw Error();
-          } catch (O) {
-            var Z = O.stack.trim().match(/\n( *(at )?)/);
-            e1 = Z && Z[1] || "";
+          } catch (B) {
+            var Z = B.stack.trim().match(/\n( *(at )?)/);
+            a1 = Z && Z[1] || "";
           }
         return `
-` + e1 + l;
+` + a1 + l;
       }
     }
-    var h1 = !1, _1;
+    var C1 = !1, _1;
     {
       var D1 = typeof WeakMap == "function" ? WeakMap : Map;
       _1 = new D1();
     }
-    function C1(l, $) {
-      if (!l || h1)
+    function u1(l, $) {
+      if (!l || C1)
         return "";
       {
         var L = _1.get(l);
@@ -306,11 +306,11 @@ function he() {
           return L;
       }
       var Z;
-      h1 = !0;
-      var O = Error.prepareStackTrace;
+      C1 = !0;
+      var B = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var U;
-      U = X.current, X.current = null, N();
+      var N;
+      N = X.current, X.current = null, U();
       try {
         if ($) {
           var z = function() {
@@ -346,30 +346,30 @@ function he() {
       } catch (w1) {
         if (w1 && Z && typeof w1.stack == "string") {
           for (var W = w1.stack.split(`
-`), c1 = Z.stack.split(`
-`), K = W.length - 1, r1 = c1.length - 1; K >= 1 && r1 >= 0 && W[K] !== c1[r1]; )
-            r1--;
-          for (; K >= 1 && r1 >= 0; K--, r1--)
-            if (W[K] !== c1[r1]) {
-              if (K !== 1 || r1 !== 1)
+`), d1 = Z.stack.split(`
+`), K = W.length - 1, t1 = d1.length - 1; K >= 1 && t1 >= 0 && W[K] !== d1[t1]; )
+            t1--;
+          for (; K >= 1 && t1 >= 0; K--, t1--)
+            if (W[K] !== d1[t1]) {
+              if (K !== 1 || t1 !== 1)
                 do
-                  if (K--, r1--, r1 < 0 || W[K] !== c1[r1]) {
+                  if (K--, t1--, t1 < 0 || W[K] !== d1[t1]) {
                     var m1 = `
 ` + W[K].replace(" at new ", " at ");
                     return l.displayName && m1.includes("<anonymous>") && (m1 = m1.replace("<anonymous>", l.displayName)), typeof l == "function" && _1.set(l, m1), m1;
                   }
-                while (K >= 1 && r1 >= 0);
+                while (K >= 1 && t1 >= 0);
               break;
             }
         }
       } finally {
-        h1 = !1, X.current = U, G(), Error.prepareStackTrace = O;
+        C1 = !1, X.current = N, I(), Error.prepareStackTrace = B;
       }
-      var O1 = l ? l.displayName || l.name : "", m0 = O1 ? t1(O1) : "";
+      var O1 = l ? l.displayName || l.name : "", m0 = O1 ? e1(O1) : "";
       return typeof l == "function" && _1.set(l, m0), m0;
     }
     function B3(l, $, L) {
-      return C1(l, !1);
+      return u1(l, !1);
     }
     function O3(l) {
       var $ = l.prototype;
@@ -379,14 +379,14 @@ function he() {
       if (l == null)
         return "";
       if (typeof l == "function")
-        return C1(l, O3(l));
+        return u1(l, O3(l));
       if (typeof l == "string")
-        return t1(l);
+        return e1(l);
       switch (l) {
         case f:
-          return t1("Suspense");
+          return e1("Suspense");
         case x:
-          return t1("SuspenseList");
+          return e1("SuspenseList");
       }
       if (typeof l == "object")
         switch (l.$$typeof) {
@@ -395,9 +395,9 @@ function he() {
           case y:
             return i2(l.type, $, L);
           case v: {
-            var Z = l, O = Z._payload, U = Z._init;
+            var Z = l, B = Z._payload, N = Z._init;
             try {
-              return i2(U(O), $, L);
+              return i2(N(B), $, L);
             } catch {
             }
           }
@@ -412,22 +412,22 @@ function he() {
       } else
         s0.setExtraStackFrame(null);
     }
-    function T3(l, $, L, Z, O) {
+    function T3(l, $, L, Z, B) {
       {
-        var U = Function.call.bind(a2);
+        var N = Function.call.bind(a2);
         for (var z in l)
-          if (U(l, z)) {
+          if (N(l, z)) {
             var W = void 0;
             try {
               if (typeof l[z] != "function") {
-                var c1 = Error((Z || "React class") + ": " + L + " type `" + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof l[z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw c1.name = "Invariant Violation", c1;
+                var d1 = Error((Z || "React class") + ": " + L + " type `" + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof l[z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw d1.name = "Invariant Violation", d1;
               }
               W = l[z]($, z, Z, L, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (K) {
               W = K;
             }
-            W && !(W instanceof Error) && (s2(O), M("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", Z || "React class", L, z, typeof W), s2(null)), W instanceof Error && !(W.message in a0) && (a0[W.message] = !0, s2(O), M("Failed %s type: %s", L, W.message), s2(null));
+            W && !(W instanceof Error) && (s2(B), M("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", Z || "React class", L, z, typeof W), s2(null)), W instanceof Error && !(W.message in a0) && (a0[W.message] = !0, s2(B), M("Failed %s type: %s", L, W.message), s2(null));
           }
       }
     }
@@ -506,7 +506,7 @@ function he() {
         });
       }
     }
-    var Q3 = function(l, $, L, Z, O, U, z) {
+    var Q3 = function(l, $, L, Z, B, N, z) {
       var W = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
@@ -516,7 +516,7 @@ function he() {
         ref: L,
         props: z,
         // Record the component responsible for creating this element.
-        _owner: U
+        _owner: N
       };
       return W._store = {}, Object.defineProperty(W._store, "validated", {
         configurable: !1,
@@ -532,25 +532,25 @@ function he() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: O
+        value: B
       }), Object.freeze && (Object.freeze(W.props), Object.freeze(W)), W;
     };
-    function ee(l, $, L, Z, O) {
+    function ee(l, $, L, Z, B) {
       {
-        var U, z = {}, W = null, c1 = null;
-        L !== void 0 && (c0(L), W = "" + L), X3($) && (c0($.key), W = "" + $.key), U3($) && (c1 = $.ref, q3($, O));
-        for (U in $)
-          a2.call($, U) && !G3.hasOwnProperty(U) && (z[U] = $[U]);
+        var N, z = {}, W = null, d1 = null;
+        L !== void 0 && (c0(L), W = "" + L), X3($) && (c0($.key), W = "" + $.key), U3($) && (d1 = $.ref, q3($, B));
+        for (N in $)
+          a2.call($, N) && !G3.hasOwnProperty(N) && (z[N] = $[N]);
         if (l && l.defaultProps) {
           var K = l.defaultProps;
-          for (U in K)
-            z[U] === void 0 && (z[U] = K[U]);
+          for (N in K)
+            z[N] === void 0 && (z[N] = K[N]);
         }
-        if (W || c1) {
-          var r1 = typeof l == "function" ? l.displayName || l.name || "Unknown" : l;
-          W && J3(z, r1), c1 && K3(z, r1);
+        if (W || d1) {
+          var t1 = typeof l == "function" ? l.displayName || l.name || "Unknown" : l;
+          W && J3(z, t1), d1 && K3(z, t1);
         }
-        return Q3(l, W, c1, O, Z, Q1.current, z);
+        return Q3(l, W, d1, B, Z, Q1.current, z);
       }
     }
     var E2 = E.ReactCurrentOwner, h0 = E.ReactDebugCurrentFrame;
@@ -627,9 +627,9 @@ Check the top-level render call using <` + L + ">.");
         else if (S2(l))
           l._store && (l._store.validated = !0);
         else if (l) {
-          var O = D(l);
-          if (typeof O == "function" && O !== l.entries)
-            for (var U = O.call(l), z; !(z = U.next()).done; )
+          var B = D(l);
+          if (typeof B == "function" && B !== l.entries)
+            for (var N = B.call(l), z; !(z = N.next()).done; )
               S2(z.value) && g0(z.value, $);
         }
       }
@@ -653,8 +653,8 @@ Check the top-level render call using <` + L + ">.");
           T3(L, l.props, "prop", Z, l);
         } else if ($.PropTypes !== void 0 && !D2) {
           D2 = !0;
-          var O = k($);
-          M("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+          var B = k($);
+          M("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", B || "Unknown");
         }
         typeof $.getDefaultProps == "function" && !$.getDefaultProps.isReactClassApproved && M("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -671,20 +671,20 @@ Check the top-level render call using <` + L + ">.");
         l.ref !== null && (B1(l), M("Invalid attribute `ref` supplied to `React.Fragment`."), B1(null));
       }
     }
-    function x0(l, $, L, Z, O, U) {
+    function x0(l, $, L, Z, B, N) {
       {
         var z = A(l);
         if (!z) {
           var W = "";
           (l === void 0 || typeof l == "object" && l !== null && Object.keys(l).length === 0) && (W += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var c1 = te(O);
-          c1 ? W += c1 : W += C0();
+          var d1 = te(B);
+          d1 ? W += d1 : W += C0();
           var K;
           l === null ? K = "null" : j2(l) ? K = "array" : l !== void 0 && l.$$typeof === n ? (K = "<" + (k(l.type) || "Unknown") + " />", W = " Did you accidentally export a JSX literal instead of a component?") : K = typeof l, M("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", K, W);
         }
-        var r1 = ee(l, $, L, O, U);
-        if (r1 == null)
-          return r1;
+        var t1 = ee(l, $, L, B, N);
+        if (t1 == null)
+          return t1;
         if (z) {
           var m1 = $.children;
           if (m1 !== void 0)
@@ -698,7 +698,7 @@ Check the top-level render call using <` + L + ">.");
             else
               f0(m1, l);
         }
-        return l === i ? oe(r1) : ne(r1), r1;
+        return l === i ? oe(t1) : ne(t1), t1;
       }
     }
     function ie(l, $, L) {
@@ -741,7 +741,7 @@ var ue = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
   /* Z+1 */
 ), q = "-ms-", n2 = "-moz-", T = "-webkit-", r3 = "comm", $2 = "rule", q2 = "decl", fe = "@import", n3 = "@keyframes", xe = "@layer", o3 = Math.abs, J2 = String.fromCharCode, P2 = Object.assign;
 function me(e, n) {
-  return s1(e, 0) ^ 45 ? (((n << 2 ^ s1(e, 0)) << 2 ^ s1(e, 1)) << 2 ^ s1(e, 2)) << 2 ^ s1(e, 3) : 0;
+  return i1(e, 0) ^ 45 ? (((n << 2 ^ i1(e, 0)) << 2 ^ i1(e, 1)) << 2 ^ i1(e, 2)) << 2 ^ i1(e, 3) : 0;
 }
 function i3(e) {
   return e.trim();
@@ -755,7 +755,7 @@ function H(e, n, o) {
 function C2(e, n, o) {
   return e.indexOf(n, o);
 }
-function s1(e, n) {
+function i1(e, n) {
   return e.charCodeAt(n) | 0;
 }
 function N1(e, n, o) {
@@ -778,7 +778,7 @@ function _0(e, n) {
     return !k1(o, n);
   });
 }
-var _2 = 1, Y1 = 1, s3 = 0, y1 = 0, n1 = 0, J1 = "";
+var _2 = 1, Y1 = 1, s3 = 0, y1 = 0, r1 = 0, J1 = "";
 function b2(e, n, o, i, a, s, d, p) {
   return { value: e, root: n, parent: o, type: i, props: a, children: s, line: _2, column: Y1, length: d, return: "", siblings: p };
 }
@@ -791,16 +791,16 @@ function T1(e) {
   r2(e, e.siblings);
 }
 function ve() {
-  return n1;
+  return r1;
 }
 function $e() {
-  return n1 = y1 > 0 ? s1(J1, --y1) : 0, Y1--, n1 === 10 && (Y1 = 1, _2--), n1;
+  return r1 = y1 > 0 ? i1(J1, --y1) : 0, Y1--, r1 === 10 && (Y1 = 1, _2--), r1;
 }
 function $1() {
-  return n1 = y1 < s3 ? s1(J1, y1++) : 0, Y1++, n1 === 10 && (Y1 = 1, _2++), n1;
+  return r1 = y1 < s3 ? i1(J1, y1++) : 0, Y1++, r1 === 10 && (Y1 = 1, _2++), r1;
 }
 function R1() {
-  return s1(J1, y1);
+  return i1(J1, y1);
 }
 function u2() {
   return y1;
@@ -850,23 +850,23 @@ function Z2(e) {
   return i3(w2(y1 - 1, O2(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function we(e) {
-  for (; (n1 = R1()) && n1 < 33; )
+  for (; (r1 = R1()) && r1 < 33; )
     $1();
-  return B2(e) > 2 || B2(n1) > 3 ? "" : " ";
+  return B2(e) > 2 || B2(r1) > 3 ? "" : " ";
 }
 function ke(e, n) {
-  for (; --n && $1() && !(n1 < 48 || n1 > 102 || n1 > 57 && n1 < 65 || n1 > 70 && n1 < 97); )
+  for (; --n && $1() && !(r1 < 48 || r1 > 102 || r1 > 57 && r1 < 65 || r1 > 70 && r1 < 97); )
     ;
   return w2(e, u2() + (n < 6 && R1() == 32 && $1() == 32));
 }
 function O2(e) {
   for (; $1(); )
-    switch (n1) {
+    switch (r1) {
       case e:
         return y1;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && O2(n1);
+        e !== 34 && e !== 39 && O2(r1);
         break;
       case 40:
         e === 41 && O2(e);
@@ -878,8 +878,8 @@ function O2(e) {
   return y1;
 }
 function Le(e, n) {
-  for (; $1() && e + n1 !== 57; )
-    if (e + n1 === 84 && R1() === 47)
+  for (; $1() && e + r1 !== 57; )
+    if (e + r1 === 84 && R1() === 47)
       break;
   return "/*" + w2(n, y1 - 1) + "*" + J2(e === 47 ? e : $1());
 }
@@ -895,7 +895,7 @@ function g2(e, n, o, i, a, s, d, p, C) {
   for (var f = 0, x = 0, y = d, v = 0, _ = 0, w = 0, j = 1, D = 1, E = 1, M = 0, V = "", S = a, g = s, m = i, u = V; D; )
     switch (w = M, M = $1()) {
       case 40:
-        if (w != 108 && s1(u, y - 1) == 58) {
+        if (w != 108 && i1(u, y - 1) == 58) {
           C2(u += H(Z2(M), "&", "&\f"), "&\f", o3(f ? p[f - 1] : 0)) != -1 && (E = -1);
           break;
         }
@@ -942,7 +942,7 @@ function g2(e, n, o, i, a, s, d, p, C) {
               if (x === 0)
                 g2(u, n, m, m, S, s, y, p, g);
               else
-                switch (v === 99 && s1(u, 3) === 110 ? 100 : v) {
+                switch (v === 99 && i1(u, 3) === 110 ? 100 : v) {
                   case 100:
                   case 108:
                   case 109:
@@ -1031,7 +1031,7 @@ function l3(e, n, o) {
     case 2756:
       return T + e + n2 + e + q + e + e;
     case 5936:
-      switch (s1(e, n + 11)) {
+      switch (i1(e, n + 11)) {
         case 114:
           return T + e + q + H(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
@@ -1101,12 +1101,12 @@ function l3(e, n, o) {
     case 5021:
     case 4765:
       if (b1(e) - 1 - n > 6)
-        switch (s1(e, n + 1)) {
+        switch (i1(e, n + 1)) {
           case 109:
-            if (s1(e, n + 4) !== 45)
+            if (i1(e, n + 4) !== 45)
               break;
           case 102:
-            return H(e, /(.+:)(.+)-([^]+)/, "$1" + T + "$2-$3$1" + n2 + (s1(e, n + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return H(e, /(.+:)(.+)-([^]+)/, "$1" + T + "$2-$3$1" + n2 + (i1(e, n + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
             return ~C2(e, "stretch", 0) ? l3(H(e, "stretch", "fill-available"), n, o) + e : e;
         }
@@ -1117,13 +1117,13 @@ function l3(e, n, o) {
         return q + a + ":" + s + f + (d ? q + a + "-span:" + (p ? C : +C - +s) + f : "") + e;
       });
     case 4949:
-      if (s1(e, n + 6) === 121)
+      if (i1(e, n + 6) === 121)
         return H(e, ":", ":" + T) + e;
       break;
     case 6444:
-      switch (s1(e, s1(e, 14) === 45 ? 18 : 11)) {
+      switch (i1(e, i1(e, 14) === 45 ? 18 : 11)) {
         case 120:
-          return H(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + T + (s1(e, 14) === 45 ? "inline-" : "") + "box$3$1" + T + "$2$3$1" + q + "$2box$3") + e;
+          return H(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + T + (i1(e, 14) === 45 ? "inline-" : "") + "box$3$1" + T + "$2$3$1" + q + "$2box$3") + e;
         case 100:
           return H(e, ":", ":" + q) + e;
       }
@@ -1256,7 +1256,7 @@ To resolve this only create new StyledComponents outside of any render method an
         for (var p = [], C = 1; C < arguments.length; C++)
           p[C - 1] = arguments[C];
         k0.test(d) ? (s = !1, l2.delete(i)) : a.apply(void 0, I1([d], p, !1));
-      }, u1(), s && !l2.has(i) && (console.warn(i), l2.add(i));
+      }, g1(), s && !l2.has(i) && (console.warn(i), l2.add(i));
     } catch (d) {
       k0.test(d.message) && l2.delete(i);
     } finally {
@@ -1748,25 +1748,25 @@ function x6(e, n, o) {
   var E = new f6(o, v, i ? a.componentStyle : void 0);
   function M(S, g) {
     return function(m, u, F) {
-      var B = m.attrs, A = m.componentStyle, i1 = m.defaultProps, a1 = m.foldedComponentIds, k = m.styledComponentId, I = m.target, J = M1.useContext(w3), d1 = H0(), g1 = m.shouldForwardProp || d1.shouldForwardProp;
+      var P = m.attrs, A = m.componentStyle, o1 = m.defaultProps, c1 = m.foldedComponentIds, k = m.styledComponentId, J = m.target, Y = M1.useContext(w3), h1 = H0(), s1 = m.shouldForwardProp || h1.shouldForwardProp;
       process.env.NODE_ENV !== "production" && y0(k);
-      var l1 = Fe(u, J, i1) || G1, P = function(G, X, e1) {
-        for (var t1, h1 = p1(p1({}, X), { className: void 0, theme: e1 }), _1 = 0; _1 < G.length; _1 += 1) {
-          var D1 = U1(t1 = G[_1]) ? t1(h1) : t1;
-          for (var C1 in D1)
-            h1[C1] = C1 === "className" ? A1(h1[C1], D1[C1]) : C1 === "style" ? p1(p1({}, h1[C1]), D1[C1]) : D1[C1];
-        }
-        return X.className && (h1.className = A1(h1.className, X.className)), h1;
-      }(B, u, l1), f1 = P.as || I, x1 = {};
-      for (var o1 in P)
-        P[o1] === void 0 || o1[0] === "$" || o1 === "as" || o1 === "theme" && P.theme === l1 || (o1 === "forwardedAs" ? x1.as = P.forwardedAs : g1 && !g1(o1, f1) || (x1[o1] = P[o1], g1 || process.env.NODE_ENV !== "development" || ge(o1) || R0.has(o1) || !T2.has(f1) || (R0.add(o1), console.warn('styled-components: it looks like an unknown prop "'.concat(o1, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
-      var Y = function(G, X) {
-        var e1 = H0(), t1 = G.generateAndInjectStyles(X, e1.styleSheet, e1.stylis);
-        return process.env.NODE_ENV !== "production" && y0(t1), t1;
-      }(A, P);
-      process.env.NODE_ENV !== "production" && m.warnTooManyClasses && m.warnTooManyClasses(Y);
-      var N = A1(a1, k);
-      return Y && (N += " " + Y), P.className && (N += " " + P.className), x1[V2(f1) && !T2.has(f1) ? "class" : "className"] = N, x1.ref = F, ce(f1, x1);
+      var G = Fe(u, Y, o1) || G1, l1 = function(I, X, a1) {
+        for (var e1, C1 = p1(p1({}, X), { className: void 0, theme: a1 }), _1 = 0; _1 < I.length; _1 += 1) {
+          var D1 = U1(e1 = I[_1]) ? e1(C1) : e1;
+          for (var u1 in D1)
+            C1[u1] = u1 === "className" ? A1(C1[u1], D1[u1]) : u1 === "style" ? p1(p1({}, C1[u1]), D1[u1]) : D1[u1];
+        }
+        return X.className && (C1.className = A1(C1.className, X.className)), C1;
+      }(P, u, G), f1 = l1.as || J, x1 = {};
+      for (var n1 in l1)
+        l1[n1] === void 0 || n1[0] === "$" || n1 === "as" || n1 === "theme" && l1.theme === G || (n1 === "forwardedAs" ? x1.as = l1.forwardedAs : s1 && !s1(n1, f1) || (x1[n1] = l1[n1], s1 || process.env.NODE_ENV !== "development" || ge(n1) || R0.has(n1) || !T2.has(f1) || (R0.add(n1), console.warn('styled-components: it looks like an unknown prop "'.concat(n1, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
+      var O = function(I, X) {
+        var a1 = H0(), e1 = I.generateAndInjectStyles(X, a1.styleSheet, a1.stylis);
+        return process.env.NODE_ENV !== "production" && y0(e1), e1;
+      }(A, l1);
+      process.env.NODE_ENV !== "production" && m.warnTooManyClasses && m.warnTooManyClasses(O);
+      var U = A1(c1, k);
+      return O && (U += " " + O), l1.className && (U += " " + l1.className), x1[V2(f1) && !T2.has(f1) ? "class" : "className"] = U, x1.ref = F, ce(f1, x1);
     }(V, S, g);
   }
   M.displayName = y;
@@ -1777,16 +1777,16 @@ function x6(e, n, o) {
     this._foldedDefaultProps = i ? function(g) {
       for (var m = [], u = 1; u < arguments.length; u++)
         m[u - 1] = arguments[u];
-      for (var F = 0, B = m; F < B.length; F++)
-        N2(g, B[F], !0);
+      for (var F = 0, P = m; F < P.length; F++)
+        N2(g, P[F], !0);
       return g;
     }({}, a.defaultProps, S) : S;
   } }), process.env.NODE_ENV !== "production" && (Re(y, v), V.warnTooManyClasses = /* @__PURE__ */ function(S, g) {
     var m = {}, u = !1;
     return function(F) {
       if (!u && (m[F] = !0, Object.keys(m).length >= 200)) {
-        var B = g ? ' with the id of "'.concat(g, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(S).concat(B, `.
+        var P = g ? ' with the id of "'.concat(g, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(S).concat(P, `.
 `) + `Consider using the attrs method, together with a style object for frequently changed styles.
 Example:
   const Component = styled.div.attrs(props => ({
@@ -4167,16 +4167,16 @@ const H7 = [14, 16, 18, 20, 24], V7 = [200, 300, 400, 500, 700, 800], A7 = b.div
   wrapperWidth: x,
   ...y
 }) => {
-  const v = u1(null), [_, w] = Q(!1), j = v1(
+  const v = g1(null), [_, w] = Q(!1), j = v1(
     (u) => {
-      var B, A;
-      const F = (B = v.current) == null ? void 0 : B.getBoundingClientRect();
+      var P, A;
+      const F = (P = v.current) == null ? void 0 : P.getBoundingClientRect();
       if (F) {
-        let i1;
-        if ("touches" in u ? i1 = (A = u.touches[0]) == null ? void 0 : A.clientX : "clientX" in u && (i1 = u.clientX), i1 !== void 0) {
-          const a1 = i1 - F.left, k = F.width, I = a1 / k * (s - a) + a;
-          let J = Math.round(I / p) * p;
-          J = Math.max(a, J), J = Math.min(s, J), i && i(J);
+        let o1;
+        if ("touches" in u ? o1 = (A = u.touches[0]) == null ? void 0 : A.clientX : "clientX" in u && (o1 = u.clientX), o1 !== void 0) {
+          const c1 = o1 - F.left, k = F.width, J = c1 / k * (s - a) + a;
+          let Y = Math.round(J / p) * p;
+          Y = Math.max(a, Y), Y = Math.min(s, Y), i && i(Y);
         }
       }
     },
@@ -6674,39 +6674,39 @@ const ft = [0, 2, 4, 8], Y0 = [14, 16, 18, 20, 24], G0 = [200, 300, 400, 500, 70
     const u = J0[g].toUpperCase();
     return /* @__PURE__ */ r.jsx(Et, { $index: m, children: u }, u + m);
   }, _ = () => {
-    const { current: g, month: m, year: u } = i, F = m || +(g == null ? void 0 : g.getMonth()) + 1, B = u || (g == null ? void 0 : g.getFullYear());
-    return wt(F, B);
+    const { current: g, month: m, year: u } = i, F = m || +(g == null ? void 0 : g.getMonth()) + 1, P = u || (g == null ? void 0 : g.getFullYear());
+    return wt(F, P);
   }, w = (g, m) => {
-    const { current: u, month: F, year: B } = i, A = new Date(g.join("-")), i1 = F2(A, /* @__PURE__ */ new Date()), a1 = u && F2(A, u), k = F && B && _t(A, new Date([B, F, 1].join("-"))), I = a1 ? W3 : i1 ? Dt : F3;
+    const { current: u, month: F, year: P } = i, A = new Date(g.join("-")), o1 = F2(A, /* @__PURE__ */ new Date()), c1 = u && F2(A, u), k = F && P && _t(A, new Date([P, F, 1].join("-"))), J = c1 ? W3 : o1 ? Dt : F3;
     return /* @__PURE__ */ r.jsx(
-      I,
+      J,
       {
         $index: m,
         $inMonth: k,
-        onClick: (J) => f(A, J),
+        onClick: (Y) => f(A, Y),
         children: A.getDate()
       },
       bt(A)
     );
   }, j = () => {
     const g = h2 * 4, { year: m } = i;
-    return [...new Array(g)].map((F, B) => +m + B);
+    return [...new Array(g)].map((F, P) => +m + P);
   }, D = (g) => {
-    const { current: m, year: u } = i, F = g === u, B = m && m.getFullYear() === g, A = F ? X2 : B ? Q0 : U2;
+    const { current: m, year: u } = i, F = g === u, P = m && m.getFullYear() === g, A = F ? X2 : P ? Q0 : U2;
     return /* @__PURE__ */ r.jsx(
       A,
       {
-        onClick: (i1) => x(g, i1),
+        onClick: (o1) => x(g, o1),
         children: g
       },
       g
     );
   }, E = (g, m) => {
-    const { current: u, year: F, month: B } = i, A = m + 1 === B, i1 = u && u.getFullYear() === F, a1 = u && u.getMonth() + 1 === m + 1, I = A ? X2 : i1 && a1 ? Q0 : U2;
+    const { current: u, year: F, month: P } = i, A = m + 1 === P, o1 = u && u.getFullYear() === F, c1 = u && u.getMonth() + 1 === m + 1, J = A ? X2 : o1 && c1 ? Q0 : U2;
     return /* @__PURE__ */ r.jsx(
-      I,
+      J,
       {
-        onClick: (J) => y(m + 1, J),
+        onClick: (Y) => y(m + 1, Y),
         children: g.slice(0, 3)
       },
       g
@@ -6917,7 +6917,7 @@ const ft = [0, 2, 4, 8], Y0 = [14, 16, 18, 20, 24], G0 = [200, 300, 400, 500, 70
   disabled: C,
   ...f
 }) => {
-  const [x, y] = Q(!1), [v, _] = Q("bottom"), w = u1(null), j = (E) => {
+  const [x, y] = Q(!1), [v, _] = Q("bottom"), w = g1(null), j = (E) => {
     s(E);
   };
   j1(() => {
@@ -7172,12 +7172,12 @@ const ft = [0, 2, 4, 8], Y0 = [14, 16, 18, 20, 24], G0 = [200, 300, 400, 500, 70
   data: x = [{ label: "", value: "" }],
   ...y
 }) => {
-  const [v, _] = Q(!1), w = u1(null), [j, D] = Q(x), [E, M] = Q(""), V = v1(
+  const [v, _] = Q(!1), w = g1(null), [j, D] = Q(x), [E, M] = Q(""), V = v1(
     (m) => {
       const u = m.target.value;
       M(u);
       const F = x.filter(
-        (B) => B.label.toLowerCase().includes(u.toLowerCase())
+        (P) => P.label.toLowerCase().includes(u.toLowerCase())
       );
       D(F);
     },
@@ -7590,95 +7590,95 @@ const Pt = b.svg`
   label_limit_min: d = "Pensie standard",
   label_limit_max: p = "Obiectiv pensie"
 }) => {
-  const C = new Intl.NumberFormat("RO"), f = u1(null), x = u1(null), y = u1(null), v = u1(null), _ = u1(null), w = u1(null), j = u1(null), [D, E] = Q(0), [M, V] = Q(0), S = 10, g = W1(() => {
-    const N = M / 2 - 20, G = D - S * 2, X = Math.min(
-      G,
-      Math.max(G * o / e, 0)
-    ), e1 = 20, t1 = N + S, h1 = o * G / e + 10, _1 = Math.min(
-      G + 10,
-      Math.max(h1, 10)
-    ), D1 = n * G / e + 10, C1 = Math.min(
-      G + 10,
+  const C = new Intl.NumberFormat("RO"), f = g1(null), x = g1(null), y = g1(null), v = g1(null), _ = g1(null), w = g1(null), j = g1(null), [D, E] = Q(0), [M, V] = Q(0), S = 10, g = W1(() => {
+    const U = M / 2 - 20, I = D - S * 2, X = Math.min(
+      I,
+      Math.max(I * o / e, 0)
+    ), a1 = 20, e1 = U + S, C1 = o * I / e + 10, _1 = Math.min(
+      I + 10,
+      Math.max(C1, 10)
+    ), D1 = n * I / e + 10, u1 = Math.min(
+      I + 10,
       Math.max(D1, 10)
     );
     return {
       primary_bar_h: 40,
-      primary_bar_y: N,
+      primary_bar_y: U,
       secondary_bar_w: X,
-      secondary_bar_h: e1,
-      secondary_bar_y: t1,
+      secondary_bar_h: a1,
+      secondary_bar_y: e1,
       line_min_x: _1,
-      line_max_x: C1
+      line_max_x: u1
     };
   }, [M, D, o, n, e]), m = W1(() => {
-    const Y = S * 2, G = i * (D - Y) / e - g.secondary_bar_w, X = D - Y - g.secondary_bar_w, e1 = i > n ? t.success_400 : t.danger_200, t1 = i > n ? t.success_600 : t.danger_400;
+    const O = S * 2, I = i * (D - O) / e - g.secondary_bar_w, X = D - O - g.secondary_bar_w, a1 = i > n ? t.success_400 : t.danger_200, e1 = i > n ? t.success_600 : t.danger_400;
     return {
-      value: Math.min(X, Math.max(0, G)),
-      fill: e1,
-      fill_value: t1
+      value: Math.min(X, Math.max(0, I)),
+      fill: a1,
+      fill_value: e1
     };
   }, [D, g.secondary_bar_w, i, n, e]), u = v1(
-    (Y, N, G) => {
-      const { width: X } = Y.current.getBBox(), e1 = G === "middle" ? D - X + X / 2 : G === "end" ? D - X : D - X + X, t1 = G === "middle" ? X / 2 : G === "end" ? 10 : X + 10;
-      return Math.min(e1, Math.max(t1, N));
+    (O, U, I) => {
+      const { width: X } = O.current.getBBox(), a1 = I === "middle" ? D - X + X / 2 : I === "end" ? D - X : D - X + X, e1 = I === "middle" ? X / 2 : I === "end" ? 10 : X + 10;
+      return Math.min(a1, Math.max(e1, U));
     },
     [D]
   ), F = v1(
-    (Y) => {
-      const N = g.line_min_x + Y, G = g.line_min_x + Y;
+    (O) => {
+      const U = g.line_min_x + O, I = g.line_min_x + O;
       return x && x.current || y && y.current ? {
-        label_top_x: u(x, N, "middle"),
-        sublabel_top_x: u(y, G, "middle")
+        label_top_x: u(x, U, "middle"),
+        sublabel_top_x: u(y, I, "middle")
       } : {
-        label_top_x: N,
-        sublabel_top_x: G
+        label_top_x: U,
+        sublabel_top_x: I
       };
     },
     [g.line_min_x, u]
-  ), B = v1(() => {
-    const Y = g.line_min_x, N = g.line_min_x;
+  ), P = v1(() => {
+    const O = g.line_min_x, U = g.line_min_x;
     return v && v.current || _ && _.current ? {
-      label_limit_min_x: u(v, Y, "start"),
+      label_limit_min_x: u(v, O, "start"),
       sublabel_limit_min_x: u(
         _,
-        N,
+        U,
         "start"
       )
     } : {
-      label_limit_min_x: Y,
-      sublabel_limit_min_x: N
+      label_limit_min_x: O,
+      sublabel_limit_min_x: U
     };
   }, [g.line_min_x, u]), A = v1(() => {
-    const Y = g.line_max_x, N = g.line_max_x;
+    const O = g.line_max_x, U = g.line_max_x;
     return w && w.current || j && j.current ? {
-      label_limit_max_x: u(w, Y, "end"),
+      label_limit_max_x: u(w, O, "end"),
       sublabel_limit_max_x: u(
         j,
-        N,
+        U,
         "end"
       )
     } : {
-      label_limit_max_x: Y,
-      sublabel_limit_max_x: N
+      label_limit_max_x: O,
+      sublabel_limit_max_x: U
     };
   }, [g.line_max_x, u]);
   j1(() => {
     if (f && f.current) {
-      const N = () => {
-        var e1, t1;
-        const G = (e1 = f == null ? void 0 : f.current) == null ? void 0 : e1.clientWidth, X = (t1 = f == null ? void 0 : f.current) == null ? void 0 : t1.clientHeight;
-        E(G / X * 150), V(150);
+      const U = () => {
+        var a1, e1;
+        const I = (a1 = f == null ? void 0 : f.current) == null ? void 0 : a1.clientWidth, X = (e1 = f == null ? void 0 : f.current) == null ? void 0 : e1.clientHeight;
+        E(I / X * 150), V(150);
       };
-      return N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
+      return U(), window.addEventListener("resize", U), () => window.removeEventListener("resize", U);
     }
   }, [f]);
-  const [i1, a1] = Q(0), [k, I] = Q(0), [J, d1] = Q(0), [g1, l1] = Q(0), [P, f1] = Q(0), [x1, o1] = Q(0);
+  const [o1, c1] = Q(0), [k, J] = Q(0), [Y, h1] = Q(0), [s1, G] = Q(0), [l1, f1] = Q(0), [x1, n1] = Q(0);
   return j1(() => {
-    const Y = m.value;
-    a1(F(Y).label_top_x), I(F(Y).sublabel_top_x);
+    const O = m.value;
+    c1(F(O).label_top_x), J(F(O).sublabel_top_x);
   }, [m.value, F]), j1(() => {
-    d1(B().label_limit_min_x), l1(B().sublabel_limit_min_x), f1(A().label_limit_max_x), o1(A().sublabel_limit_max_x);
-  }, [B, A]), /* @__PURE__ */ r.jsxs(
+    h1(P().label_limit_min_x), G(P().sublabel_limit_min_x), f1(A().label_limit_max_x), n1(A().sublabel_limit_max_x);
+  }, [P, A]), /* @__PURE__ */ r.jsxs(
     Pt,
     {
       ref: f,
@@ -7723,7 +7723,7 @@ const Pt = b.svg`
             ref: x,
             className: "label_top",
             textAnchor: "middle",
-            x: i1,
+            x: o1,
             y: 15,
             children: s
           }
@@ -7756,7 +7756,7 @@ const Pt = b.svg`
             ref: v,
             className: "label_bottom",
             textAnchor: "end",
-            x: J,
+            x: Y,
             y: g.primary_bar_y + g.primary_bar_h + S + 20,
             children: d
           }
@@ -7767,7 +7767,7 @@ const Pt = b.svg`
             ref: _,
             className: "sublabel_bottom",
             textAnchor: "end",
-            x: g1,
+            x: s1,
             y: g.primary_bar_y + g.primary_bar_h + S + 40,
             children: C.format(o) + " " + a
           }
@@ -7789,7 +7789,7 @@ const Pt = b.svg`
             ref: w,
             className: "label_bottom",
             textAnchor: "start",
-            x: P,
+            x: l1,
             y: g.primary_bar_y + g.primary_bar_h + S + 20,
             children: p
           }
@@ -10542,7 +10542,7 @@ const Pt = b.svg`
 
   & > div:last-child {
     display: flex;
-    justify-content: space-between;
+    justify-content: ${({ $line2Text: e }) => e && e.length ? "space-between" : "flex-end"};
     align-items: center;
     gap: 2px;
 
@@ -10583,8 +10583,8 @@ const Pt = b.svg`
 `, G4 = ({
   title: e = "",
   currency: n = "RON",
-  scenariuText: o = "",
-  recomandatText: i = "",
+  line1Text: o = "",
+  line2Text: i = "",
   riscLevel: a = 1,
   selected: s = !1,
   buttonOnClick: d,
@@ -10593,6 +10593,7 @@ const Pt = b.svg`
   qt,
   {
     onClick: d,
+    $line2Text: i,
     ...p,
     "data-selected": s,
     children: [
@@ -10600,15 +10601,9 @@ const Pt = b.svg`
         /* @__PURE__ */ r.jsx("span", { children: e ?? "" }),
         /* @__PURE__ */ r.jsx("span", { children: n ?? "RON" })
       ] }),
-      /* @__PURE__ */ r.jsxs("span", { children: [
-        "Scenariu favorabil la 1 an: ",
-        o ?? ""
-      ] }),
+      o && o.length && /* @__PURE__ */ r.jsx("span", { children: o }),
       /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsxs("span", { children: [
-          "Recomandat: ",
-          i ?? ""
-        ] }),
+        i && i.length && /* @__PURE__ */ r.jsx("span", { children: i }),
         /* @__PURE__ */ r.jsxs("div", { children: [
           /* @__PURE__ */ r.jsx("span", { children: "Risc:" }),
           /* @__PURE__ */ r.jsx(s4, { value: a, stepWidth: 5, height: 16, stepGap: 1 })
@@ -10944,7 +10939,7 @@ const Qt = b.svg`
   }
 `, U4 = ({
   height: e = 280,
-  paddingLeft: n = 140,
+  paddingLeft: n = 240,
   paddingRight: o = 40,
   paddingTop: i = 24,
   paddingBottom: a = 60,
@@ -10966,49 +10961,47 @@ const Qt = b.svg`
   currency: S = "RON",
   dev: g = !1
 }) => {
-  const m = new Intl.NumberFormat("RO"), u = u1(null), [F, B] = Q(0), [A, i1] = Q(0), a1 = u1(null), k = W1(() => {
-    let I = n;
-    a1 && a1.current && (I = n + a1.current.clientWidth);
-    const J = Math.abs(F - I - o), d1 = Math.abs(A - i - a), g1 = Math.abs(d1 / (d - C) * (d - p) + i), l1 = (J - 3 * s) / 4, P = (N) => {
-      const G = Math.abs(d1 / (d - C) * (N - p)), X = Math.abs(d1 / (d - C) * (p - N)), e1 = N > p ? G : X;
+  const m = new Intl.NumberFormat("RO"), u = g1(null), [F, P] = Q(0), [A, o1] = Q(0), c1 = g1(null), k = W1(() => {
+    const J = Math.abs(F - n - o), Y = Math.abs(A - i - a), h1 = Math.abs(Y / (d - C) * (d - p) + i), s1 = (J - 3 * s) / 4, G = (O) => {
+      const U = Math.abs(Y / (d - C) * (O - p)), I = Math.abs(Y / (d - C) * (p - O)), X = O > p ? U : I;
       return {
-        h: e1,
-        y: N > p ? g1 - e1 : g1
+        h: X,
+        y: O > p ? h1 - X : h1
       };
+    }, l1 = {
+      x: n,
+      y: G(v).y,
+      w: s1,
+      h: G(v).h,
+      text_y: v >= p ? +G(v).y - 12 : +G(v).y + 12 + 10
     }, f1 = {
-      x: I,
-      y: P(v).y,
-      w: l1,
-      h: P(v).h,
-      text_y: v >= p ? +P(v).y - 12 : +P(v).y + 12 + 10
+      x: n + s1 + s,
+      y: G(_).y,
+      w: s1,
+      h: G(_).h,
+      text_y: _ >= p ? +G(_).y - 12 : +G(_).y + 12 + 10
     }, x1 = {
-      x: I + l1 + s,
-      y: P(_).y,
-      w: l1,
-      h: P(_).h,
-      text_y: _ >= p ? +P(_).y - 12 : +P(_).y + 12 + 10
-    }, o1 = {
-      x: I + l1 * 2 + s * 2,
-      y: P(w).y,
-      w: l1,
-      h: P(w).h,
-      text_y: w >= p ? +P(w).y - 12 : +P(w).y + P(w).h + 12 + 10
-    }, Y = {
-      x: I + l1 * 3 + s * 3,
-      y: P(j).y,
-      w: l1,
-      h: P(j).h,
-      text_y: j >= p ? +P(j).y - 12 : +P(j).y + P(j).h + 12 + 10
+      x: n + s1 * 2 + s * 2,
+      y: G(w).y,
+      w: s1,
+      h: G(w).h,
+      text_y: w >= p ? +G(w).y - 12 : +G(w).y + G(w).h + 12 + 10
+    }, n1 = {
+      x: n + s1 * 3 + s * 3,
+      y: G(j).y,
+      w: s1,
+      h: G(j).h,
+      text_y: j >= p ? +G(j).y - 12 : +G(j).y + G(j).h + 12 + 10
     };
     return {
       graphW: J,
-      graphH: d1,
-      lineY: g1,
-      col_1: f1,
-      col_2: x1,
-      col_3: o1,
-      col_4: Y,
-      padLeft: I
+      graphH: Y,
+      lineY: h1,
+      col_1: l1,
+      col_2: f1,
+      col_3: x1,
+      col_4: n1,
+      paddingLeft: n
     };
   }, [
     F,
@@ -11025,16 +11018,16 @@ const Qt = b.svg`
     _,
     w,
     j,
-    a1
+    c1
   ]);
   return j1(() => {
     if (u && u.current) {
-      const I = () => {
-        var d1;
-        const J = (d1 = u == null ? void 0 : u.current) == null ? void 0 : d1.clientWidth;
-        B(+J), i1(e);
+      const J = () => {
+        var h1;
+        const Y = (h1 = u == null ? void 0 : u.current) == null ? void 0 : h1.clientWidth;
+        P(+Y), o1(e);
       };
-      return I(), window.addEventListener("resize", I), () => window.removeEventListener("resize", I);
+      return J(), window.addEventListener("resize", J), () => window.removeEventListener("resize", J);
     }
   }, [u, e]), /* @__PURE__ */ r.jsxs(
     Qt,
@@ -11056,7 +11049,7 @@ const Qt = b.svg`
             className: "dev-graph",
             width: k.graphW,
             height: k.graphH,
-            x: k.padLeft,
+            x: k.paddingLeft,
             y: i
           }
         ),
@@ -11229,7 +11222,7 @@ const Qt = b.svg`
           "text",
           {
             className: "textTop",
-            ref: a1,
+            ref: c1,
             textAnchor: "start",
             x: 150,
             y: 12,