@wandelbots/wandelbots-js-react-components 1.17.6 → 1.17.8

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as $ from "react";
 import ki, { useState as ea, useEffect as Gt, lazy as zu, useRef as kt, Suspense as Li, useCallback as Gu, forwardRef as Yt } from "react";
-import { Stack as ie, CircularProgress as Wu, useTheme as wo, capitalize as Ku, Button as Kr, Typography as pt, IconButton as Zo, Slider as Hu, InputLabel as Jr, Chip as Xu, Select as Ia, MenuItem as yn, ToggleButtonGroup as $i, ToggleButton as Dn, Paper as qu, Tabs as Yu, Tab as Zu, Dialog as Qu, DialogTitle as ec, DialogContent as tc, DialogActions as rc } from "@mui/material";
+import { Stack as oe, CircularProgress as Wu, useTheme as wo, capitalize as Ku, Button as Kr, Typography as pt, IconButton as Zo, Slider as Hu, InputLabel as Jr, Chip as Xu, Select as Ia, MenuItem as yn, ToggleButtonGroup as $i, ToggleButton as Dn, Paper as qu, Tabs as Yu, Tab as Zu, Dialog as Qu, DialogTitle as ec, DialogContent as tc, DialogActions as rc } from "@mui/material";
 import { I18nextProvider as nc, useTranslation as Zt } from "react-i18next";
 import ac from "i18next-browser-languagedetector";
 import { lowerFirst as oc, omit as sc, isString as ic } from "lodash-es";
@@ -98,14 +98,14 @@ function Pc() {
         ee.unshift("Warning: " + w), Function.prototype.apply.call(console[p], console, ee);
       }
     }
-    var k = !1, R = !1, P = !1, O = !1, z = !1, oe;
-    oe = Symbol.for("react.module.reference");
+    var k = !1, R = !1, P = !1, O = !1, z = !1, se;
+    se = Symbol.for("react.module.reference");
     function le(p) {
       return !!(typeof p == "string" || typeof p == "function" || p === r || p === s || z || p === a || p === c || p === d || O || p === v || k || R || P || typeof p == "object" && p !== null && (p.$$typeof === h || p.$$typeof === m || p.$$typeof === i || p.$$typeof === l || p.$$typeof === u || // 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.
-      p.$$typeof === oe || p.getModuleId !== void 0));
+      p.$$typeof === se || p.getModuleId !== void 0));
     }
     function F(p, w, T) {
       var L = p.displayName;
@@ -162,14 +162,14 @@ function Pc() {
         }
       return null;
     }
-    var X = Object.assign, K = 0, xe, se, Y, je, Ie, rt, _t;
+    var X = Object.assign, K = 0, xe, ie, Y, je, Ie, rt, _t;
     function Ge() {
     }
     Ge.__reactDisabledLog = !0;
     function Se() {
       {
         if (K === 0) {
-          xe = console.log, se = console.info, Y = console.warn, je = console.error, Ie = console.group, rt = console.groupCollapsed, _t = console.groupEnd;
+          xe = console.log, ie = console.info, Y = console.warn, je = console.error, Ie = console.group, rt = console.groupCollapsed, _t = console.groupEnd;
           var p = {
             configurable: !0,
             enumerable: !0,
@@ -202,7 +202,7 @@ function Pc() {
               value: xe
             }),
             info: X({}, p, {
-              value: se
+              value: ie
             }),
             warn: X({}, p, {
               value: Y
@@ -291,17 +291,17 @@ function Pc() {
         }
       } catch (Le) {
         if (Le && L && typeof Le.stack == "string") {
-          for (var U = Le.stack.split(`
+          for (var B = Le.stack.split(`
 `), Me = L.stack.split(`
-`), pe = U.length - 1, _e = Me.length - 1; pe >= 1 && _e >= 0 && U[pe] !== Me[_e]; )
+`), pe = B.length - 1, _e = Me.length - 1; pe >= 1 && _e >= 0 && B[pe] !== Me[_e]; )
             _e--;
           for (; pe >= 1 && _e >= 0; pe--, _e--)
-            if (U[pe] !== Me[_e]) {
+            if (B[pe] !== Me[_e]) {
               if (pe !== 1 || _e !== 1)
                 do
-                  if (pe--, _e--, _e < 0 || U[pe] !== Me[_e]) {
+                  if (pe--, _e--, _e < 0 || B[pe] !== Me[_e]) {
                     var He = `
-` + U[pe].replace(" at new ", " at ");
+` + B[pe].replace(" at new ", " at ");
                     return p.displayName && He.includes("<anonymous>") && (He = He.replace("<anonymous>", p.displayName)), typeof p == "function" && ut.set(p, He), He;
                   }
                 while (pe >= 1 && _e >= 0);
@@ -311,10 +311,10 @@ function Pc() {
       } finally {
         lt = !1, it.current = ee, At(), Error.prepareStackTrace = D;
       }
-      var sr = p ? p.displayName || p.name : "", Bt = sr ? De(sr) : "";
-      return typeof p == "function" && ut.set(p, Bt), Bt;
+      var sr = p ? p.displayName || p.name : "", Ut = sr ? De(sr) : "";
+      return typeof p == "function" && ut.set(p, Ut), Ut;
     }
-    function Ue(p, w, T) {
+    function Be(p, w, T) {
       return vt(p, !1);
     }
     function I(p) {
@@ -337,7 +337,7 @@ function Pc() {
       if (typeof p == "object")
         switch (p.$$typeof) {
           case u:
-            return Ue(p.render);
+            return Be(p.render);
           case m:
             return Z(p.type, w, T);
           case h: {
@@ -363,17 +363,17 @@ function Pc() {
         var ee = Function.call.bind(de);
         for (var J in p)
           if (ee(p, J)) {
-            var U = void 0;
+            var B = void 0;
             try {
               if (typeof p[J] != "function") {
                 var Me = Error((L || "React class") + ": " + T + " type `" + J + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof p[J] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Me.name = "Invariant Violation", Me;
               }
-              U = p[J](w, J, L, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              B = p[J](w, J, L, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (pe) {
-              U = pe;
+              B = pe;
             }
-            U && !(U instanceof Error) && (Pt(D), j("%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).", L || "React class", T, J, typeof U), Pt(null)), U instanceof Error && !(U.message in Te) && (Te[U.message] = !0, Pt(D), j("Failed %s type: %s", T, U.message), Pt(null));
+            B && !(B instanceof Error) && (Pt(D), j("%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).", L || "React class", T, J, typeof B), Pt(null)), B instanceof Error && !(B.message in Te) && (Te[B.message] = !0, Pt(D), j("Failed %s type: %s", T, B.message), Pt(null));
           }
       }
     }
@@ -424,7 +424,7 @@ function Pc() {
       }
       return p.key !== void 0;
     }
-    function Be(p, w) {
+    function Ue(p, w) {
       if (typeof p.ref == "string" && nt.current && w && nt.current.stateNode !== w) {
         var T = V(nt.current.type);
         G[T] || (j('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', V(nt.current.type), p.ref), G[T] = !0);
@@ -453,7 +453,7 @@ function Pc() {
       }
     }
     var ke = function(p, w, T, L, D, ee, J) {
-      var U = {
+      var B = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -464,27 +464,27 @@ function Pc() {
         // Record the component responsible for creating this element.
         _owner: ee
       };
-      return U._store = {}, Object.defineProperty(U._store, "validated", {
+      return B._store = {}, Object.defineProperty(B._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(U, "_self", {
+      }), Object.defineProperty(B, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: L
-      }), Object.defineProperty(U, "_source", {
+      }), Object.defineProperty(B, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: D
-      }), Object.freeze && (Object.freeze(U.props), Object.freeze(U)), U;
+      }), Object.freeze && (Object.freeze(B.props), Object.freeze(B)), B;
     };
     function Mt(p, w, T, L, D) {
       {
-        var ee, J = {}, U = null, Me = null;
-        T !== void 0 && (rr(T), U = "" + T), W(w) && (rr(w.key), U = "" + w.key), q(w) && (Me = w.ref, Be(w, D));
+        var ee, J = {}, B = null, Me = null;
+        T !== void 0 && (rr(T), B = "" + T), W(w) && (rr(w.key), B = "" + w.key), q(w) && (Me = w.ref, Ue(w, D));
         for (ee in w)
           de.call(w, ee) && !M.hasOwnProperty(ee) && (J[ee] = w[ee]);
         if (p && p.defaultProps) {
@@ -492,11 +492,11 @@ function Pc() {
           for (ee in pe)
             J[ee] === void 0 && (J[ee] = pe[ee]);
         }
-        if (U || Me) {
+        if (B || Me) {
           var _e = typeof p == "function" ? p.displayName || p.name || "Unknown" : p;
-          U && Ke(J, _e), Me && Q(J, _e);
+          B && Ke(J, _e), Me && Q(J, _e);
         }
-        return ke(p, U, Me, D, L, nt.current, J);
+        return ke(p, B, Me, D, L, nt.current, J);
       }
     }
     var nr = S.ReactCurrentOwner, Or = S.ReactDebugCurrentFrame;
@@ -509,7 +509,7 @@ function Pc() {
     }
     var Dt;
     Dt = !1;
-    function Ut(p) {
+    function Bt(p) {
       return typeof p == "object" && p !== null && p.$$typeof === t;
     }
     function Mr() {
@@ -560,15 +560,15 @@ Check the top-level render call using <` + T + ">.");
         if (Ft(p))
           for (var T = 0; T < p.length; T++) {
             var L = p[T];
-            Ut(L) && ar(L, w);
+            Bt(L) && ar(L, w);
           }
-        else if (Ut(p))
+        else if (Bt(p))
           p._store && (p._store.validated = !0);
         else if (p) {
           var D = g(p);
           if (typeof D == "function" && D !== p.entries)
             for (var ee = D.call(p), J; !(J = ee.next()).done; )
-              Ut(J.value) && ar(J.value, w);
+              Bt(J.value) && ar(J.value, w);
         }
       }
     }
@@ -614,12 +614,12 @@ Check the top-level render call using <` + T + ">.");
       {
         var J = le(p);
         if (!J) {
-          var U = "";
-          (p === void 0 || typeof p == "object" && p !== null && Object.keys(p).length === 0) && (U += " 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 B = "";
+          (p === void 0 || typeof p == "object" && p !== null && Object.keys(p).length === 0) && (B += " 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 Me = Ir();
-          Me ? U += Me : U += Mr();
+          Me ? B += Me : B += Mr();
           var pe;
-          p === null ? pe = "null" : Ft(p) ? pe = "array" : p !== void 0 && p.$$typeof === t ? (pe = "<" + (V(p.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : pe = typeof p, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", pe, U);
+          p === null ? pe = "null" : Ft(p) ? pe = "array" : p !== void 0 && p.$$typeof === t ? (pe = "<" + (V(p.type) || "Unknown") + " />", B = " Did you accidentally export a JSX literal instead of a component?") : pe = typeof p, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", pe, B);
         }
         var _e = Mt(p, w, T, D, ee);
         if (_e == null)
@@ -638,17 +638,17 @@ Check the top-level render call using <` + T + ">.");
               or(He, p);
         }
         if (de.call(w, "key")) {
-          var Bt = V(p), Le = Object.keys(w).filter(function(Vu) {
+          var Ut = V(p), Le = Object.keys(w).filter(function(Vu) {
             return Vu !== "key";
           }), Ma = Le.length > 0 ? "{key: someKey, " + Le.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!pn[Bt + Ma]) {
+          if (!pn[Ut + Ma]) {
             var Ju = Le.length > 0 ? "{" + Le.join(": ..., ") + ": ...}" : "{}";
             j(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ma, Bt, Ju, Bt), pn[Bt + Ma] = !0;
+  <%s key={someKey} {...props} />`, Ma, Ut, Ju, Ut), pn[Ut + Ma] = !0;
           }
         }
         return p === r ? Ca(_e) : Ra(_e), _e;
@@ -740,7 +740,7 @@ const Oc = {
     console && console[e] && console[e].apply(console, t);
   }
 };
-class Un {
+class Bn {
   constructor(t) {
     let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     this.init(t, n);
@@ -773,16 +773,16 @@ class Un {
     return a && !this.debug ? null : (typeof t[0] == "string" && (t[0] = `${r}${this.prefix} ${t[0]}`), this.logger[n](t));
   }
   create(t) {
-    return new Un(this.logger, {
+    return new Bn(this.logger, {
       prefix: `${this.prefix}:${t}:`,
       ...this.options
     });
   }
   clone(t) {
-    return t = t || this.options, t.prefix = t.prefix || this.prefix, new Un(this.logger, t);
+    return t = t || this.options, t.prefix = t.prefix || this.prefix, new Bn(this.logger, t);
   }
 }
-var ht = new Un();
+var ht = new Bn();
 class ta {
   constructor() {
     this.observers = {};
@@ -858,7 +858,7 @@ const Nr = () => {
     k: s
   } = Vr(e, t, Object);
   a[s] = a[s] || [], a[s].push(n);
-}, Bn = (e, t) => {
+}, Un = (e, t) => {
   const {
     obj: n,
     k: r
@@ -866,8 +866,8 @@ const Nr = () => {
   if (n)
     return n[r];
 }, kc = (e, t, n) => {
-  const r = Bn(e, n);
-  return r !== void 0 ? r : Bn(t, n);
+  const r = Un(e, n);
+  return r !== void 0 ? r : Un(t, n);
 }, Di = (e, t, n) => {
   for (const r in t)
     r !== "__proto__" && r !== "constructor" && (r in e ? typeof e[r] == "string" || e[r] instanceof String || typeof t[r] == "string" || t[r] instanceof String ? n && (e[r] = t[r]) : Di(e[r], t[r], n) : e[r] = t[r]);
@@ -894,7 +894,7 @@ class Nc {
     return this.regExpQueue.length === this.capacity && this.regExpMap.delete(this.regExpQueue.shift()), this.regExpMap.set(t, r), this.regExpQueue.push(t), r;
   }
 }
-const Fc = [" ", ",", "?", "!", ";"], Dc = new Nc(20), Uc = (e, t, n) => {
+const Fc = [" ", ",", "?", "!", ";"], Dc = new Nc(20), Bc = (e, t, n) => {
   t = t || "", n = n || "";
   const r = Fc.filter((i) => t.indexOf(i) < 0 && n.indexOf(i) < 0);
   if (r.length === 0) return !0;
@@ -946,7 +946,7 @@ class ss extends ta {
     const s = a.keySeparator !== void 0 ? a.keySeparator : this.options.keySeparator, i = a.ignoreJSONStructure !== void 0 ? a.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let l;
     t.indexOf(".") > -1 ? l = t.split(".") : (l = [t, n], r && (Array.isArray(r) ? l.push(...r) : typeof r == "string" && s ? l.push(...r.split(s)) : l.push(r)));
-    const u = Bn(this.data, l);
+    const u = Un(this.data, l);
     return !u && !n && !r && t.indexOf(".") > -1 && (t = l[0], n = l[1], r = l.slice(2).join(".")), u || !i || typeof r != "string" ? u : Ya(this.data && this.data[t] && this.data[t][n], r, s);
   }
   addResource(t, n, r, a) {
@@ -973,7 +973,7 @@ class ss extends ta {
       skipCopy: !1
     }, l = [t, n];
     t.indexOf(".") > -1 && (l = t.split("."), a = r, r = n, n = l[1]), this.addNamespaces(n);
-    let u = Bn(this.data, l) || {};
+    let u = Un(this.data, l) || {};
     i.skipCopy || (r = JSON.parse(JSON.stringify(r))), a ? Di(u, r, s) : u = {
       ...u,
       ...r
@@ -1001,7 +1001,7 @@ class ss extends ta {
     return this.data;
   }
 }
-var Ui = {
+var Bi = {
   processors: {},
   addPostProcessor(e) {
     this.processors[e.name] = e;
@@ -1035,7 +1035,7 @@ class Vn extends ta {
     r === void 0 && (r = ":");
     const a = n.keySeparator !== void 0 ? n.keySeparator : this.options.keySeparator;
     let s = n.ns || this.options.defaultNS || [];
-    const i = r && t.indexOf(r) > -1, l = !this.options.userDefinedKeySeparator && !n.keySeparator && !this.options.userDefinedNsSeparator && !n.nsSeparator && !Uc(t, r, a);
+    const i = r && t.indexOf(r) > -1, l = !this.options.userDefinedKeySeparator && !n.keySeparator && !this.options.userDefinedNsSeparator && !n.nsSeparator && !Bc(t, r, a);
     if (i && !l) {
       const u = t.match(this.interpolator.nestingRegexp);
       if (u && u.length > 0)
@@ -1110,9 +1110,9 @@ class Vn extends ta {
       h = h.join(S), h && (h = this.extendTranslation(h, t, n, r));
     else {
       let k = !1, R = !1;
-      const P = n.count !== void 0 && typeof n.count != "string", O = Vn.hasDefaultValue(n), z = P ? this.pluralResolver.getSuffix(c, n.count, n) : "", oe = n.ordinal && P ? this.pluralResolver.getSuffix(c, n.count, {
+      const P = n.count !== void 0 && typeof n.count != "string", O = Vn.hasDefaultValue(n), z = P ? this.pluralResolver.getSuffix(c, n.count, n) : "", se = n.ordinal && P ? this.pluralResolver.getSuffix(c, n.count, {
         ordinal: !1
-      }) : "", le = P && !n.ordinal && n.count === 0 && this.pluralResolver.shouldUseIntlApi(), F = le && n[`defaultValue${this.options.pluralSeparator}zero`] || n[`defaultValue${z}`] || n[`defaultValue${oe}`] || n.defaultValue;
+      }) : "", le = P && !n.ordinal && n.count === 0 && this.pluralResolver.shouldUseIntlApi(), F = le && n[`defaultValue${this.options.pluralSeparator}zero`] || n[`defaultValue${z}`] || n[`defaultValue${se}`] || n.defaultValue;
       !this.isValidLookup(h) && O && (k = !0, h = F), this.isValidLookup(h) || (R = !0, h = i);
       const V = (n.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && R ? void 0 : h, X = O && F !== h && this.options.updateMissing;
       if (R || k || X) {
@@ -1129,16 +1129,16 @@ class Vn extends ta {
           for (let Y = 0; Y < xe.length; Y++)
             K.push(xe[Y]);
         else this.options.saveMissingTo === "all" ? K = this.languageUtils.toResolveHierarchy(n.lng || this.language) : K.push(n.lng || this.language);
-        const se = (Y, je, Ie) => {
+        const ie = (Y, je, Ie) => {
           const rt = O && Ie !== h ? Ie : V;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(Y, u, je, rt, X, n) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(Y, u, je, rt, X, n), this.emit("missingKey", Y, u, je, h);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && P ? K.forEach((Y) => {
           const je = this.pluralResolver.getSuffixes(Y, n);
           le && n[`defaultValue${this.options.pluralSeparator}zero`] && je.indexOf(`${this.options.pluralSeparator}zero`) < 0 && je.push(`${this.options.pluralSeparator}zero`), je.forEach((Ie) => {
-            se([Y], i + Ie, n[`defaultValue${Ie}`] || F);
+            ie([Y], i + Ie, n[`defaultValue${Ie}`] || F);
           });
-        }) : se(K, i, F));
+        }) : ie(K, i, F));
       }
       h = this.extendTranslation(h, t, n, m, r), R && h === i && this.options.appendNamespaceToMissingKey && (h = `${u}:${i}`), (R || k) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? h = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${u}:${i}` : i, k ? h : void 0) : h = this.options.parseMissingKeyHandler(h));
     }
@@ -1182,7 +1182,7 @@ class Vn extends ta {
       }, r)), r.interpolation && this.interpolator.reset();
     }
     const l = r.postProcess || this.options.postProcess, u = typeof l == "string" ? [l] : l;
-    return t != null && u && u.length && r.applyPostProcessor !== !1 && (t = Ui.handle(u, t, n, this.options && this.options.postProcessPassResolved ? {
+    return t != null && u && u.length && r.applyPostProcessor !== !1 && (t = Bi.handle(u, t, n, this.options && this.options.postProcessPassResolved ? {
       i18nResolved: {
         ...a,
         usedParams: this.getUsedParamsDetails(r)
@@ -1319,7 +1319,7 @@ class ls {
     }), a;
   }
 }
-let Bc = [{
+let Uc = [{
   lngs: ["ach", "ak", "am", "arn", "br", "fil", "gun", "ln", "mfe", "mg", "mi", "oc", "pt", "pt-BR", "tg", "tl", "ti", "tr", "uz", "wa"],
   nr: [1, 2],
   fc: 1
@@ -1444,7 +1444,7 @@ const Vc = ["v1", "v2", "v3"], zc = ["v4"], us = {
   other: 5
 }, Gc = () => {
   const e = {};
-  return Bc.forEach((t) => {
+  return Uc.forEach((t) => {
     t.lngs.forEach((n) => {
       e[n] = {
         numbers: t.nr,
@@ -2044,7 +2044,7 @@ class Hr extends ta {
   use(t) {
     if (!t) throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");
     if (!t.type) throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");
-    return t.type === "backend" && (this.modules.backend = t), (t.type === "logger" || t.log && t.warn && t.error) && (this.modules.logger = t), t.type === "languageDetector" && (this.modules.languageDetector = t), t.type === "i18nFormat" && (this.modules.i18nFormat = t), t.type === "postProcessor" && Ui.addPostProcessor(t), t.type === "formatter" && (this.modules.formatter = t), t.type === "3rdParty" && this.modules.external.push(t), this;
+    return t.type === "backend" && (this.modules.backend = t), (t.type === "logger" || t.log && t.warn && t.error) && (this.modules.logger = t), t.type === "languageDetector" && (this.modules.languageDetector = t), t.type === "i18nFormat" && (this.modules.i18nFormat = t), t.type === "postProcessor" && Bi.addPostProcessor(t), t.type === "formatter" && (this.modules.formatter = t), t.type === "3rdParty" && this.modules.external.push(t), this;
   }
   setResolvedLanguage(t) {
     if (!(!t || !this.languages) && !(["cimode", "dev"].indexOf(t) > -1))
@@ -2228,8 +2228,8 @@ const Qc = {
   "Jogging.Activate.bt": "Activate jogging",
   "Jogging.Activating.lb": "Activating jogging",
   "Jogging.JointLimitsReached.lb": "Joint limit reached for joint {{jointNumbers}}"
-}, Bi = Oe.createInstance();
-Bi.use(ac).init({
+}, Ui = Oe.createInstance();
+Ui.use(ac).init({
   supportedLngs: ["en", "de"],
   resources: {
     en: {
@@ -2247,7 +2247,7 @@ function rn(e) {
 }
 const td = ({
   children: e
-}) => /* @__PURE__ */ o.jsx(nc, { i18n: Bi, children: e });
+}) => /* @__PURE__ */ o.jsx(nc, { i18n: Ui, children: e });
 function Ji(e, t) {
   return function() {
     return e.apply(t, arguments);
@@ -2422,7 +2422,7 @@ const Nd = (e) => {
 }))(`axios@${Math.random()}`, []) : (n) => setTimeout(n))(
   typeof setImmediate == "function",
   Ve(Vt.postMessage)
-), Ud = typeof queueMicrotask < "u" ? queueMicrotask.bind(Vt) : typeof process < "u" && process.nextTick || Xi, x = {
+), Bd = typeof queueMicrotask < "u" ? queueMicrotask.bind(Vt) : typeof process < "u" && process.nextTick || Xi, x = {
   isArray: xr,
   isArrayBuffer: Vi,
   isBuffer: nd,
@@ -2480,12 +2480,12 @@ const Nd = (e) => {
   isAsyncFn: Fd,
   isThenable: Dd,
   setImmediate: Xi,
-  asap: Ud
+  asap: Bd
 };
-function B(e, t, n, r, a) {
+function U(e, t, n, r, a) {
   Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = e, this.name = "AxiosError", t && (this.code = t), n && (this.config = n), r && (this.request = r), a && (this.response = a);
 }
-x.inherits(B, Error, {
+x.inherits(U, Error, {
   toJSON: function() {
     return {
       // Standard
@@ -2506,7 +2506,7 @@ x.inherits(B, Error, {
     };
   }
 });
-const qi = B.prototype, Yi = {};
+const qi = U.prototype, Yi = {};
 [
   "ERR_BAD_OPTION_VALUE",
   "ERR_BAD_OPTION",
@@ -2524,15 +2524,15 @@ const qi = B.prototype, Yi = {};
 ].forEach((e) => {
   Yi[e] = { value: e };
 });
-Object.defineProperties(B, Yi);
+Object.defineProperties(U, Yi);
 Object.defineProperty(qi, "isAxiosError", { value: !0 });
-B.from = (e, t, n, r, a, s) => {
+U.from = (e, t, n, r, a, s) => {
   const i = Object.create(qi);
   return x.toFlatObject(e, i, function(u) {
     return u !== Error.prototype;
-  }, (l) => l !== "isAxiosError"), B.call(i, e.message, t, n, r, a), i.cause = e, i.name = e.name, s && Object.assign(i, s), i;
+  }, (l) => l !== "isAxiosError"), U.call(i, e.message, t, n, r, a), i.cause = e, i.name = e.name, s && Object.assign(i, s), i;
 };
-const Bd = null;
+const Ud = null;
 function Qa(e) {
   return x.isPlainObject(e) || x.isArray(e);
 }
@@ -2568,7 +2568,7 @@ function oa(e, t, n) {
     if (x.isDate(_))
       return _.toISOString();
     if (!u && x.isBlob(_))
-      throw new B("Blob is not supported. Use a Buffer instead.");
+      throw new U("Blob is not supported. Use a Buffer instead.");
     return x.isArrayBuffer(_) || x.isTypedArray(_) ? u && typeof Blob == "function" ? new Blob([_]) : Buffer.from(_) : _;
   }
   function d(_, y, g) {
@@ -2813,7 +2813,7 @@ const an = {
         return JSON.parse(t);
       } catch (l) {
         if (i)
-          throw l.name === "SyntaxError" ? B.from(l, B.ERR_BAD_RESPONSE, this, null, this.response) : l;
+          throw l.name === "SyntaxError" ? U.from(l, U.ERR_BAD_RESPONSE, this, null, this.response) : l;
       }
     }
     return t;
@@ -3048,16 +3048,16 @@ function nl(e) {
   return !!(e && e.__CANCEL__);
 }
 function Sr(e, t, n) {
-  B.call(this, e ?? "canceled", B.ERR_CANCELED, t, n), this.name = "CanceledError";
+  U.call(this, e ?? "canceled", U.ERR_CANCELED, t, n), this.name = "CanceledError";
 }
-x.inherits(Sr, B, {
+x.inherits(Sr, U, {
   __CANCEL__: !0
 });
 function al(e, t, n) {
   const r = n.config.validateStatus;
-  !n.status || !r || r(n.status) ? e(n) : t(new B(
+  !n.status || !r || r(n.status) ? e(n) : t(new U(
     "Request failed with status code " + n.status,
-    [B.ERR_BAD_REQUEST, B.ERR_BAD_RESPONSE][Math.floor(n.status / 100) - 4],
+    [U.ERR_BAD_REQUEST, U.ERR_BAD_RESPONSE][Math.floor(n.status / 100) - 4],
     n.config,
     n.request,
     n
@@ -3307,15 +3307,15 @@ const sl = (e) => {
     "onloadend" in g ? g.onloadend = S : g.onreadystatechange = function() {
       !g || g.readyState !== 4 || g.status === 0 && !(g.responseURL && g.responseURL.indexOf("file:") === 0) || setTimeout(S);
     }, g.onabort = function() {
-      g && (r(new B("Request aborted", B.ECONNABORTED, e, g)), g = null);
+      g && (r(new U("Request aborted", U.ECONNABORTED, e, g)), g = null);
     }, g.onerror = function() {
-      r(new B("Network Error", B.ERR_NETWORK, e, g)), g = null;
+      r(new U("Network Error", U.ERR_NETWORK, e, g)), g = null;
     }, g.ontimeout = function() {
       let k = a.timeout ? "timeout of " + a.timeout + "ms exceeded" : "timeout exceeded";
       const R = a.transitional || tl;
-      a.timeoutErrorMessage && (k = a.timeoutErrorMessage), r(new B(
+      a.timeoutErrorMessage && (k = a.timeoutErrorMessage), r(new U(
         k,
-        R.clarifyTimeoutError ? B.ETIMEDOUT : B.ECONNABORTED,
+        R.clarifyTimeoutError ? U.ETIMEDOUT : U.ECONNABORTED,
         e,
         g
       )), g = null;
@@ -3326,7 +3326,7 @@ const sl = (e) => {
     }, a.cancelToken && a.cancelToken.subscribe(d), a.signal && (a.signal.aborted ? d() : a.signal.addEventListener("abort", d)));
     const j = uh(a.url);
     if (j && at.protocols.indexOf(j) === -1) {
-      r(new B("Unsupported protocol " + j + ":", B.ERR_BAD_REQUEST, e));
+      r(new U("Unsupported protocol " + j + ":", U.ERR_BAD_REQUEST, e));
       return;
     }
     g.send(s || null);
@@ -3337,11 +3337,11 @@ const sl = (e) => {
     if (!r) {
       r = !0, i();
       const c = u instanceof Error ? u : this.reason;
-      n.abort(c instanceof B ? c : new Sr(c instanceof Error ? c.message : c));
+      n.abort(c instanceof U ? c : new Sr(c instanceof Error ? c.message : c));
     }
   };
   let s = t && setTimeout(() => {
-    a(new B(`timeout ${t} of ms exceeded`, B.ETIMEDOUT));
+    a(new U(`timeout ${t} of ms exceeded`, U.ETIMEDOUT));
   }, t);
   const i = () => {
     e && (s && clearTimeout(s), s = null, e.forEach((u) => {
@@ -3416,7 +3416,7 @@ const sl = (e) => {
 sa && ((e) => {
   ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((t) => {
     !Gn[t] && (Gn[t] = x.isFunction(e[t]) ? (n) => n[t]() : (n, r) => {
-      throw new B(`Response type '${t}' is not supported`, B.ERR_NOT_SUPPORT, r);
+      throw new U(`Response type '${t}' is not supported`, U.ERR_NOT_SUPPORT, r);
     });
   });
 })(new Response());
@@ -3465,11 +3465,11 @@ const Sh = async (e) => {
         duplex: "half"
       }), O;
       if (x.isFormData(r) && (O = P.headers.get("content-type")) && d.setContentType(O), P.body) {
-        const [z, oe] = vs(
+        const [z, se] = vs(
           j,
           zn(bs(u))
         );
-        r = Ss(P.body, ws, z, oe, eo);
+        r = Ss(P.body, ws, z, se, eo);
       }
     }
     x.isString(m) || (m = m ? "include" : "omit"), g = new Request(t, {
@@ -3488,13 +3488,13 @@ const Sh = async (e) => {
       ["status", "statusText", "headers"].forEach((le) => {
         P[le] = C[le];
       });
-      const O = x.toFiniteNumber(C.headers.get("content-length")), [z, oe] = l && vs(
+      const O = x.toFiniteNumber(C.headers.get("content-length")), [z, se] = l && vs(
         O,
         zn(bs(l), !0)
       ) || [];
       C = new Response(
         Ss(C.body, ws, z, () => {
-          oe && oe(), k && S();
+          se && se(), k && S();
         }, eo),
         P
       );
@@ -3513,14 +3513,14 @@ const Sh = async (e) => {
     });
   } catch (C) {
     throw S(), C && C.name === "TypeError" && /fetch/i.test(C.message) ? Object.assign(
-      new B("Network Error", B.ERR_NETWORK, e, g),
+      new U("Network Error", U.ERR_NETWORK, e, g),
       {
         cause: C.cause || C
       }
-    ) : B.from(C, C && C.code, e, g);
+    ) : U.from(C, C && C.code, e, g);
   }
 }), ro = {
-  http: Bd,
+  http: Ud,
   xhr: yh,
   fetch: jh
 };
@@ -3543,7 +3543,7 @@ const js = (e) => `- ${e}`, Rh = (e) => x.isFunction(e) || e === null || e === !
       n = e[s];
       let i;
       if (r = n, !Rh(n) && (r = ro[(i = String(n)).toLowerCase()], r === void 0))
-        throw new B(`Unknown adapter '${i}'`);
+        throw new U(`Unknown adapter '${i}'`);
       if (r)
         break;
       a[i || "#" + s] = r;
@@ -3555,7 +3555,7 @@ const js = (e) => `- ${e}`, Rh = (e) => x.isFunction(e) || e === null || e === !
       let i = t ? s.length > 1 ? `since :
 ` + s.map(js).join(`
 `) : " " + js(s[0]) : "as no adapter specified";
-      throw new B(
+      throw new U(
         "There is no suitable adapter to dispatch the request " + i,
         "ERR_NOT_SUPPORT"
       );
@@ -3599,9 +3599,9 @@ Po.transitional = function(t, n, r) {
   }
   return (s, i, l) => {
     if (t === !1)
-      throw new B(
+      throw new U(
         a(i, " has been removed" + (n ? " in " + n : "")),
-        B.ERR_DEPRECATED
+        U.ERR_DEPRECATED
       );
     return n && !Cs[i] && (Cs[i] = !0, console.warn(
       a(
@@ -3613,7 +3613,7 @@ Po.transitional = function(t, n, r) {
 };
 function Ch(e, t, n) {
   if (typeof e != "object")
-    throw new B("options must be an object", B.ERR_BAD_OPTION_VALUE);
+    throw new U("options must be an object", U.ERR_BAD_OPTION_VALUE);
   const r = Object.keys(e);
   let a = r.length;
   for (; a-- > 0; ) {
@@ -3621,11 +3621,11 @@ function Ch(e, t, n) {
     if (i) {
       const l = e[s], u = l === void 0 || i(l, s, e);
       if (u !== !0)
-        throw new B("option " + s + " must be " + u, B.ERR_BAD_OPTION_VALUE);
+        throw new U("option " + s + " must be " + u, U.ERR_BAD_OPTION_VALUE);
       continue;
     }
     if (n !== !0)
-      throw new B("Unknown option " + s, B.ERR_BAD_OPTION);
+      throw new U("Unknown option " + s, U.ERR_BAD_OPTION);
   }
 }
 const no = {
@@ -3909,7 +3909,7 @@ be.CancelToken = Ah;
 be.isCancel = nl;
 be.VERSION = cl;
 be.toFormData = oa;
-be.AxiosError = B;
+be.AxiosError = U;
 be.Cancel = be.CanceledError;
 be.all = function(t) {
   return Promise.all(t);
@@ -3959,7 +3959,7 @@ const Oo = (e) => {
     }, t);
     return () => clearTimeout(a);
   }), /* @__PURE__ */ o.jsx(
-    ie,
+    oe,
     {
       width: "100%",
       height: "100%",
@@ -3975,7 +3975,7 @@ const Oo = (e) => {
         /* @__PURE__ */ o.jsx(Wu, { sx: { marginBottom: "24px" } }),
         !!e.message && /* @__PURE__ */ o.jsx("div", { children: e.message }),
         /* @__PURE__ */ o.jsx(
-          ie,
+          oe,
           {
             sx: {
               visibility: n ? "visible" : "hidden",
@@ -3991,7 +3991,7 @@ const Oo = (e) => {
 }, Th = (e) => {
   const t = Ih(e.error), n = e.error instanceof Error ? e.error.stack : null, r = wo();
   return /* @__PURE__ */ o.jsxs(
-    ie,
+    oe,
     {
       sx: {
         maxHeight: "100%",
@@ -9281,16 +9281,16 @@ function Cl({ modelURL: e, ...t }) {
     ] })
   ] }) }) });
 }
-const Uh = "(^joint_[0-9]+$)|(_J[0-9]+$)";
+const Bh = "(^joint_[0-9]+$)|(_J[0-9]+$)";
 function Al(e) {
   return e.children.length === 0 ? [e] : [e, ...e.children.flatMap((t) => Al(t))];
 }
-function Bh(e, t) {
-  return new RegExp(t ?? Uh).test(e);
+function Uh(e, t) {
+  return new RegExp(t ?? Bh).test(e);
 }
 function Pl(e, t) {
   return Al(e).filter(
-    (n) => Bh(n.name, t)
+    (n) => Uh(n.name, t)
   );
 }
 function Mo(e) {
@@ -10350,7 +10350,7 @@ process.env.NODE_ENV !== "production" && (Dl.propTypes = {
 function Rm(e) {
   return e == null || Object.keys(e).length === 0;
 }
-function Ul(e) {
+function Bl(e) {
   const {
     styles: t,
     defaultTheme: n = {}
@@ -10359,7 +10359,7 @@ function Ul(e) {
     styles: r
   });
 }
-process.env.NODE_ENV !== "production" && (Ul.propTypes = {
+process.env.NODE_ENV !== "production" && (Bl.propTypes = {
   defaultTheme: f.object,
   styles: f.oneOfType([f.array, f.string, f.object, f.func])
 });
@@ -10370,7 +10370,7 @@ process.env.NODE_ENV !== "production" && (Ul.propTypes = {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function Bl(e, t) {
+function Ul(e, t) {
   const n = _c(e, t);
   return process.env.NODE_ENV !== "production" ? (...r) => {
     const a = typeof e == "string" ? `"${e}"` : "component";
@@ -10382,11 +10382,11 @@ const Jl = (e, t) => {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }, Cm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GlobalStyles: Ul,
+  GlobalStyles: Bl,
   StyledEngineProvider: Dl,
   ThemeContext: Fi,
   css: xc,
-  default: Bl,
+  default: Ul,
   internal_processStyles: Jl,
   keyframes: Sc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -10669,7 +10669,7 @@ function Kt(e, t) {
 function Dm(e, t) {
   return (n) => e.reduce((r, a) => (r[a] = Kt(t, n), r), {});
 }
-function Um(e, t, n, r) {
+function Bm(e, t, n, r) {
   if (t.indexOf(n) === -1)
     return null;
   const a = Nm(n), s = Dm(a, r), i = e[n];
@@ -10677,7 +10677,7 @@ function Um(e, t, n, r) {
 }
 function Kl(e, t) {
   const n = Lo(e.theme);
-  return Object.keys(e).map((r) => Um(e, t, r, n)).reduce(zr, {});
+  return Object.keys(e).map((r) => Bm(e, t, r, n)).reduce(zr, {});
 }
 function he(e) {
   return Kl(e, da);
@@ -10690,7 +10690,7 @@ function me(e) {
 me.propTypes = process.env.NODE_ENV !== "production" ? ha.reduce((e, t) => (e[t] = $t, e), {}) : {};
 me.filterProps = ha;
 process.env.NODE_ENV !== "production" && Fm.reduce((e, t) => (e[t] = $t, e), {});
-function Bm(e = 8) {
+function Um(e = 8) {
   if (e.mui)
     return e;
   const t = Lo({
@@ -11240,7 +11240,7 @@ function dn(e = {}, ...t) {
     palette: r = {},
     spacing: a,
     shape: s = {}
-  } = e, i = Fe(e, xf), l = zl(n), u = Bm(a);
+  } = e, i = Fe(e, xf), l = zl(n), u = Um(a);
   let c = Ze({
     breakpoints: l,
     direction: "ltr",
@@ -11490,7 +11490,7 @@ function Ef() {
         }
       }
     }
-    var P = i, O = s, z = e, oe = u, le = n, F = h, H = m, V = t, X = a, K = r, xe = c, se = d, Y = !1, je = !1;
+    var P = i, O = s, z = e, se = u, le = n, F = h, H = m, V = t, X = a, K = r, xe = c, ie = d, Y = !1, je = !1;
     function Ie(I) {
       return Y || (Y = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -11530,10 +11530,10 @@ function Ef() {
     function vt(I) {
       return R(I) === c;
     }
-    function Ue(I) {
+    function Be(I) {
       return R(I) === d;
     }
-    ae.ContextConsumer = P, ae.ContextProvider = O, ae.Element = z, ae.ForwardRef = oe, ae.Fragment = le, ae.Lazy = F, ae.Memo = H, ae.Portal = V, ae.Profiler = X, ae.StrictMode = K, ae.Suspense = xe, ae.SuspenseList = se, ae.isAsyncMode = Ie, ae.isConcurrentMode = rt, ae.isContextConsumer = _t, ae.isContextProvider = Ge, ae.isElement = Se, ae.isForwardRef = At, ae.isFragment = it, ae.isLazy = We, ae.isMemo = De, ae.isPortal = lt, ae.isProfiler = ut, ae.isStrictMode = Nt, ae.isSuspense = vt, ae.isSuspenseList = Ue, ae.isValidElementType = k, ae.typeOf = R;
+    ae.ContextConsumer = P, ae.ContextProvider = O, ae.Element = z, ae.ForwardRef = se, ae.Fragment = le, ae.Lazy = F, ae.Memo = H, ae.Portal = V, ae.Profiler = X, ae.StrictMode = K, ae.Suspense = xe, ae.SuspenseList = ie, ae.isAsyncMode = Ie, ae.isConcurrentMode = rt, ae.isContextConsumer = _t, ae.isContextProvider = Ge, ae.isElement = Se, ae.isForwardRef = At, ae.isFragment = it, ae.isLazy = We, ae.isMemo = De, ae.isPortal = lt, ae.isProfiler = ut, ae.isStrictMode = Nt, ae.isSuspense = vt, ae.isSuspenseList = Be, ae.isValidElementType = k, ae.typeOf = R;
   }()), ae;
 }
 process.env.NODE_ENV === "production" ? co.exports = Tf() : co.exports = Ef();
@@ -11575,16 +11575,16 @@ const Lf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function Df(e) {
   return Object.keys(e).length === 0;
 }
-function Uf(e) {
+function Bf(e) {
   return typeof e == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
   e.charCodeAt(0) > 96;
 }
-function Ua(e) {
+function Ba(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const Bf = dn(), Us = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+const Uf = dn(), Bs = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
 function bn({
   defaultTheme: e,
   theme: t,
@@ -11627,9 +11627,9 @@ function kn(e, t) {
 function Vf(e = {}) {
   const {
     themeId: t,
-    defaultTheme: n = Bf,
-    rootShouldForwardProp: r = Ua,
-    slotShouldForwardProp: a = Ua
+    defaultTheme: n = Uf,
+    rootShouldForwardProp: r = Ba,
+    slotShouldForwardProp: a = Ba
   } = e, s = (i) => cn(A({}, i, {
     theme: bn(A({}, i, {
       defaultTheme: n,
@@ -11645,17 +11645,17 @@ function Vf(e = {}) {
       skipSx: m,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: h = Jf(Us(c))
+      overridesResolver: h = Jf(Bs(c))
     } = l, v = Fe(l, Ff), _ = d !== void 0 ? d : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       c && c !== "Root" && c !== "root" || !1
     ), y = m || !1;
     let g;
-    process.env.NODE_ENV !== "production" && u && (g = `${u}-${Us(c || "Root")}`);
-    let S = Ua;
-    c === "Root" || c === "root" ? S = r : c ? S = a : Uf(i) && (S = void 0);
-    const j = Bl(i, A({
+    process.env.NODE_ENV !== "production" && u && (g = `${u}-${Bs(c || "Root")}`);
+    let S = Ba;
+    c === "Root" || c === "root" ? S = r : c ? S = a : Bf(i) && (S = void 0);
+    const j = Ul(i, A({
       shouldForwardProp: S,
       label: g
     }, v)), C = (R) => typeof R == "function" && R.__emotion_real !== R || xt(R) ? (P) => kn(R, A({}, P, {
@@ -11692,9 +11692,9 @@ function Vf(e = {}) {
           theme: V
         }));
       }), y || z.push(s);
-      const oe = z.length - P.length;
-      if (Array.isArray(R) && oe > 0) {
-        const F = new Array(oe).fill("");
+      const se = z.length - P.length;
+      if (Array.isArray(R) && se > 0) {
+        const F = new Array(se).fill("");
         O = [...R, ...F], O.raw = [...R.raw, ...F];
       }
       const le = j(O, ...z);
@@ -11750,7 +11750,7 @@ const Kf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: fr
 }, Symbol.toStringTag, { value: "Module" }));
-function Bs(e, t) {
+function Us(e, t) {
   return process.env.NODE_ENV === "production" ? () => null : function(...r) {
     return e(...r) || t(...r);
   };
@@ -11919,14 +11919,14 @@ function o0(e) {
 function s0(e) {
   e.metaKey || e.altKey || e.ctrlKey || (_a = !0);
 }
-function Ba() {
+function Ua() {
   _a = !1;
 }
 function i0() {
   this.visibilityState === "hidden" && ho && (_a = !0);
 }
 function l0(e) {
-  e.addEventListener("keydown", s0, !0), e.addEventListener("mousedown", Ba, !0), e.addEventListener("pointerdown", Ba, !0), e.addEventListener("touchstart", Ba, !0), e.addEventListener("visibilitychange", i0, !0);
+  e.addEventListener("keydown", s0, !0), e.addEventListener("mousedown", Ua, !0), e.addEventListener("pointerdown", Ua, !0), e.addEventListener("touchstart", Ua, !0), e.addEventListener("visibilitychange", i0, !0);
 }
 function u0(e) {
   const {
@@ -12235,7 +12235,7 @@ Object.defineProperty(mn, "__esModule", {
 var $0 = mn.default = q0;
 mn.shouldForwardProp = Nn;
 mn.systemDefaultTheme = void 0;
-var Xe = jr(P0()), mo = jr(O0()), Ks = G0(M0), N0 = I0, F0 = jr(T0), D0 = jr(E0), U0 = jr(k0), B0 = jr(L0);
+var Xe = jr(P0()), mo = jr(O0()), Ks = G0(M0), N0 = I0, F0 = jr(T0), D0 = jr(E0), B0 = jr(k0), U0 = jr(L0);
 const J0 = ["ownerState"], V0 = ["variants"], z0 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function iu(e) {
   if (typeof WeakMap != "function") return null;
@@ -12268,7 +12268,7 @@ function K0(e) {
 function Nn(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const H0 = mn.systemDefaultTheme = (0, U0.default)(), Hs = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+const H0 = mn.systemDefaultTheme = (0, B0.default)(), Hs = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
 function xn({
   defaultTheme: e,
   theme: t,
@@ -12314,7 +12314,7 @@ function q0(e = {}) {
     defaultTheme: n = H0,
     rootShouldForwardProp: r = Nn,
     slotShouldForwardProp: a = Nn
-  } = e, s = (i) => (0, B0.default)((0, Xe.default)({}, i, {
+  } = e, s = (i) => (0, U0.default)((0, Xe.default)({}, i, {
     theme: xn((0, Xe.default)({}, i, {
       defaultTheme: n,
       themeId: t
@@ -12376,9 +12376,9 @@ function q0(e = {}) {
           theme: V
         }));
       }), y || z.push(s);
-      const oe = z.length - P.length;
-      if (Array.isArray(R) && oe > 0) {
-        const F = new Array(oe).fill("");
+      const se = z.length - P.length;
+      if (Array.isArray(R) && se > 0) {
+        const F = new Array(se).fill("");
         O = [...R, ...F], O.raw = [...R.raw, ...F];
       }
       const le = j(O, ...z);
@@ -12415,7 +12415,7 @@ Object.defineProperty(ye, "__esModule", {
 var Xs = ye.alpha = hu;
 ye.blend = up;
 ye.colorChannel = void 0;
-var fo = ye.darken = Bo;
+var fo = ye.darken = Uo;
 ye.decomposeColor = Qe;
 ye.emphasize = mu;
 var qs = ye.getContrastRatio = ap;
@@ -12431,7 +12431,7 @@ ye.private_safeLighten = ip;
 ye.recomposeColor = Rr;
 ye.rgbToHex = np;
 var Ys = lu(Z0), ep = lu(Q0);
-function Uo(e, t = 0, n = 1) {
+function Bo(e, t = 0, n = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), (0, ep.default)(e, t, n);
 }
 function uu(e) {
@@ -12519,7 +12519,7 @@ function ap(e, t) {
   return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
 }
 function hu(e, t) {
-  return e = Qe(e), t = Uo(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Rr(e);
+  return e = Qe(e), t = Bo(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Rr(e);
 }
 function op(e, t, n) {
   try {
@@ -12528,8 +12528,8 @@ function op(e, t, n) {
     return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
   }
 }
-function Bo(e, t) {
-  if (e = Qe(e), t = Uo(t), e.type.indexOf("hsl") !== -1)
+function Uo(e, t) {
+  if (e = Qe(e), t = Bo(t), e.type.indexOf("hsl") !== -1)
     e.values[2] *= 1 - t;
   else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
     for (let n = 0; n < 3; n += 1)
@@ -12538,13 +12538,13 @@ function Bo(e, t) {
 }
 function sp(e, t, n) {
   try {
-    return Bo(e, t);
+    return Uo(e, t);
   } catch {
     return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
   }
 }
 function Jo(e, t) {
-  if (e = Qe(e), t = Uo(t), e.type.indexOf("hsl") !== -1)
+  if (e = Qe(e), t = Bo(t), e.type.indexOf("hsl") !== -1)
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.indexOf("rgb") !== -1)
     for (let n = 0; n < 3; n += 1)
@@ -12562,7 +12562,7 @@ function ip(e, t, n) {
   }
 }
 function mu(e, t = 0.15) {
-  return qn(e) > 0.5 ? Bo(e, t) : Jo(e, t);
+  return qn(e) > 0.5 ? Uo(e, t) : Jo(e, t);
 }
 function lp(e, t, n) {
   try {
@@ -12626,7 +12626,7 @@ const Qr = {
   A200: "#ff5252",
   A400: "#ff1744",
   A700: "#d50000"
-}, Ur = {
+}, Br = {
   50: "#fff3e0",
   100: "#ffe0b2",
   200: "#ffcc80",
@@ -12810,14 +12810,14 @@ function gp(e = "light") {
 }
 function yp(e = "light") {
   return e === "dark" ? {
-    main: Ur[400],
-    light: Ur[300],
-    dark: Ur[700]
+    main: Br[400],
+    light: Br[300],
+    dark: Br[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: Ur[500],
-    dark: Ur[900]
+    light: Br[500],
+    dark: Br[900]
   };
 }
 function _p(e) {
@@ -13452,7 +13452,7 @@ process.env.NODE_ENV !== "production" && (Yn.propTypes = {
   viewBox: f.string
 });
 Yn.muiName = "SvgIcon";
-function Up(e, t) {
+function Bp(e, t) {
   function n(r, a) {
     return /* @__PURE__ */ o.jsx(Yn, A({
       "data-testid": `${t}Icon`,
@@ -13463,7 +13463,7 @@ function Up(e, t) {
   }
   return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = Yn.muiName, /* @__PURE__ */ $.memo(/* @__PURE__ */ $.forwardRef(n));
 }
-const Bp = {
+const Up = {
   configure: (e) => {
     process.env.NODE_ENV !== "production" && console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.", "", "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", "", "The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401", "", "The updated documentation: https://mui.com/guides/classname-generator/"].join(`
 `)), Yl.configure(e);
@@ -13472,7 +13472,7 @@ const Bp = {
   __proto__: null,
   capitalize: Ce,
   createChainedFunction: Hf,
-  createSvgIcon: Up,
+  createSvgIcon: Bp,
   debounce: Xf,
   deprecatedPropType: qf,
   isMuiElement: Yf,
@@ -13480,7 +13480,7 @@ const Bp = {
   ownerWindow: Zf,
   requirePropFactory: Qf,
   setRef: nu,
-  unstable_ClassNameGenerator: Bp,
+  unstable_ClassNameGenerator: Up,
   unstable_useEnhancedEffect: No,
   unstable_useId: t0,
   unsupportedProp: r0,
@@ -13536,16 +13536,16 @@ var Qp = /^\s+/;
 function eg(e) {
   return e && e.slice(0, Zp(e) + 1).replace(Qp, "");
 }
-var Lt = yt.Symbol, _u = Object.prototype, tg = _u.hasOwnProperty, rg = _u.toString, Br = Lt ? Lt.toStringTag : void 0;
+var Lt = yt.Symbol, _u = Object.prototype, tg = _u.hasOwnProperty, rg = _u.toString, Ur = Lt ? Lt.toStringTag : void 0;
 function ng(e) {
-  var t = tg.call(e, Br), n = e[Br];
+  var t = tg.call(e, Ur), n = e[Ur];
   try {
-    e[Br] = void 0;
+    e[Ur] = void 0;
     var r = !0;
   } catch {
   }
   var a = rg.call(e);
-  return r && (t ? e[Br] = n : delete e[Br]), a;
+  return r && (t ? e[Ur] = n : delete e[Ur]), a;
 }
 var ag = Object.prototype, og = ag.toString;
 function sg(e) {
@@ -13592,8 +13592,8 @@ function yg(e, t, n) {
     return c = P, l = setTimeout(S, t), d ? v(P) : i;
   }
   function y(P) {
-    var O = P - u, z = P - c, oe = t - O;
-    return m ? gg(oe, s - z) : oe;
+    var O = P - u, z = P - c, se = t - O;
+    return m ? gg(se, s - z) : se;
   }
   function g(P) {
     var O = P - u, z = P - c;
@@ -13828,7 +13828,7 @@ const bg = rn(
   titleId: t,
   ...n
 }, r) => /* @__PURE__ */ $.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 25, height: 24, fill: "none", ref: r, "aria-labelledby": t, ...n }, e ? /* @__PURE__ */ $.createElement("title", { id: t }, e) : null, /* @__PURE__ */ $.createElement("path", { stroke: "#fff", strokeLinecap: "round", strokeWidth: 1.5, d: "M18.5 12a6 6 0 1 0-6 6" }), /* @__PURE__ */ $.createElement("path", { stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m16.5 11 2 2.5 2-2.5" })), Pg = Yt(Ag), li = (e) => /* @__PURE__ */ o.jsx(
-  ie,
+  oe,
   {
     position: "absolute",
     left: 0,
@@ -13839,7 +13839,7 @@ const bg = rn(
     justifyContent: "center",
     sx: {
       backgroundColor: "rgba(0, 0, 0, 0.6)",
-      backdropFilter: "blur(1px)",
+      backdropFilter: "blur(2px)",
       zIndex: 100,
       ...e.sx || {}
     },
@@ -13877,7 +13877,7 @@ const bg = rn(
           }
         ) });
     }
-    return /* @__PURE__ */ o.jsxs(ie, { sx: { position: "relative", padding: "6px" }, children: [
+    return /* @__PURE__ */ o.jsxs(oe, { sx: { position: "relative", padding: "6px" }, children: [
       r(),
       t
     ] });
@@ -13911,7 +13911,7 @@ const bg = rn(
     return on(() => {
       t.current && (t.current.textContent = n());
     }), /* @__PURE__ */ o.jsx(
-      ie,
+      oe,
       {
         alignItems: "left",
         spacing: 2,
@@ -13989,15 +13989,15 @@ function Fg(e) {
 function Dg(e) {
   return this.__data__.get(e);
 }
-function Ug(e) {
+function Bg(e) {
   return this.__data__.has(e);
 }
-var Bg = "[object AsyncFunction]", Jg = "[object Function]", Vg = "[object GeneratorFunction]", zg = "[object Proxy]";
+var Ug = "[object AsyncFunction]", Jg = "[object Function]", Vg = "[object GeneratorFunction]", zg = "[object Proxy]";
 function Su(e) {
   if (!Ht(e))
     return !1;
   var t = Qt(e);
-  return t == Jg || t == Vg || t == Bg || t == zg;
+  return t == Jg || t == Vg || t == Ug || t == zg;
 }
 var Ka = yt["__core-js_shared__"], ui = function() {
   var e = /[^.]+$/.exec(Ka && Ka.keys && Ka.keys.IE_PROTO || "");
@@ -14134,7 +14134,7 @@ function St(e) {
 St.prototype.clear = Ng;
 St.prototype.delete = Fg;
 St.prototype.get = Dg;
-St.prototype.has = Ug;
+St.prototype.has = Bg;
 St.prototype.set = xy;
 var Sy = "__lodash_hash_undefined__";
 function wy(e) {
@@ -14206,7 +14206,7 @@ function My(e) {
     n[++t] = r;
   }), n;
 }
-var Iy = 1, Ty = 2, Ey = "[object Boolean]", ky = "[object Date]", Ly = "[object Error]", $y = "[object Map]", Ny = "[object Number]", Fy = "[object RegExp]", Dy = "[object Set]", Uy = "[object String]", By = "[object Symbol]", Jy = "[object ArrayBuffer]", Vy = "[object DataView]", di = Lt ? Lt.prototype : void 0, Ha = di ? di.valueOf : void 0;
+var Iy = 1, Ty = 2, Ey = "[object Boolean]", ky = "[object Date]", Ly = "[object Error]", $y = "[object Map]", Ny = "[object Number]", Fy = "[object RegExp]", Dy = "[object Set]", By = "[object String]", Uy = "[object Symbol]", Jy = "[object ArrayBuffer]", Vy = "[object DataView]", di = Lt ? Lt.prototype : void 0, Ha = di ? di.valueOf : void 0;
 function zy(e, t, n, r, a, s, i) {
   switch (n) {
     case Vy:
@@ -14222,7 +14222,7 @@ function zy(e, t, n, r, a, s, i) {
     case Ly:
       return e.name == t.name && e.message == t.message;
     case Fy:
-    case Uy:
+    case By:
       return e == t + "";
     case $y:
       var l = Oy;
@@ -14236,7 +14236,7 @@ function zy(e, t, n, r, a, s, i) {
       r |= Ty, i.set(e, t);
       var d = wu(l(e), l(t), r, a, s, i);
       return i.delete(e), d;
-    case By:
+    case Uy:
       if (Ha)
         return Ha.call(e) == Ha.call(t);
   }
@@ -14326,15 +14326,15 @@ function D1(e) {
   var t = e && e.constructor, n = typeof t == "function" && t.prototype || F1;
   return e === n;
 }
-function U1(e, t) {
+function B1(e, t) {
   return function(n) {
     return e(t(n));
   };
 }
-var B1 = U1(Object.keys, Object), J1 = Object.prototype, V1 = J1.hasOwnProperty;
+var U1 = B1(Object.keys, Object), J1 = Object.prototype, V1 = J1.hasOwnProperty;
 function z1(e) {
   if (!D1(e))
-    return B1(e);
+    return U1(e);
   var t = [];
   for (var n in Object(e))
     V1.call(e, n) && n != "constructor" && t.push(n);
@@ -14469,7 +14469,7 @@ const Iu = ({
   }
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs(
-      ie,
+      oe,
       {
         direction: "row",
         alignItems: "center",
@@ -14483,7 +14483,7 @@ const Iu = ({
           }
         },
         children: [
-          /* @__PURE__ */ o.jsxs(ie, { width: "50%", children: [
+          /* @__PURE__ */ o.jsxs(oe, { width: "50%", children: [
             /* @__PURE__ */ o.jsx(Jr, { id: "jogging-coord-select", children: "Coordinate Sys." }),
             /* @__PURE__ */ o.jsx(
               Ia,
@@ -14499,7 +14499,7 @@ const Iu = ({
               }
             )
           ] }),
-          /* @__PURE__ */ o.jsxs(ie, { width: "50%", children: [
+          /* @__PURE__ */ o.jsxs(oe, { width: "50%", children: [
             /* @__PURE__ */ o.jsx(Jr, { id: "jogging-tcp-select", children: "TCP" }),
             /* @__PURE__ */ o.jsx(
               Ia,
@@ -14518,7 +14518,7 @@ const Iu = ({
       }
     ),
     /* @__PURE__ */ o.jsxs(
-      ie,
+      oe,
       {
         direction: "row",
         alignItems: "center",
@@ -14532,7 +14532,7 @@ const Iu = ({
           }
         },
         children: [
-          /* @__PURE__ */ o.jsxs(ie, { width: "35%", children: [
+          /* @__PURE__ */ o.jsxs(oe, { width: "35%", children: [
             /* @__PURE__ */ o.jsx(Jr, { id: "orientation-select", children: t("Jogging.Cartesian.Orientation.lb") }),
             /* @__PURE__ */ o.jsxs(
               $i,
@@ -14549,7 +14549,7 @@ const Iu = ({
               }
             )
           ] }),
-          /* @__PURE__ */ o.jsxs(ie, { width: "65%", children: [
+          /* @__PURE__ */ o.jsxs(oe, { width: "65%", children: [
             /* @__PURE__ */ o.jsx(Jr, { id: "jogging-increment-select", children: "Increment" }),
             /* @__PURE__ */ o.jsxs(
               Ia,
@@ -14704,7 +14704,7 @@ function y_(e) {
     shiftStep: g = 10,
     tabIndex: S,
     value: j
-  } = e, C = $.useRef(), [k, R] = $.useState(-1), [P, O] = $.useState(-1), [z, oe] = $.useState(!1), le = $.useRef(0), [F, H] = au({
+  } = e, C = $.useRef(), [k, R] = $.useState(-1), [P, O] = $.useState(-1), [z, se] = $.useState(!1), le = $.useRef(0), [F, H] = au({
     controlled: j,
     default: n ?? u,
     name: "Slider"
@@ -14722,7 +14722,7 @@ function y_(e) {
   K = K.map((M) => M == null ? u : fr(M, u, l));
   const xe = i === !0 && y !== null ? [...Array(Math.floor((l - u) / y) + 1)].map((M, E) => ({
     value: u + y * E
-  })) : i || [], se = xe.map((M) => M.value), {
+  })) : i || [], ie = xe.map((M) => M.value), {
     isFocusVisibleRef: Y,
     onBlur: je,
     onFocus: Ie,
@@ -14735,22 +14735,22 @@ function y_(e) {
     var N;
     je(E), Y.current === !1 && Ge(-1), O(-1), M == null || (N = M.onBlur) == null || N.call(M, E);
   }, lt = (M, E) => {
-    const N = Number(M.currentTarget.getAttribute("data-index")), G = K[N], q = se.indexOf(G);
+    const N = Number(M.currentTarget.getAttribute("data-index")), G = K[N], q = ie.indexOf(G);
     let W = E;
     if (xe && y == null) {
-      const Be = se[se.length - 1];
-      W > Be ? W = Be : W < se[0] ? W = se[0] : W = W < G ? se[q - 1] : se[q + 1];
+      const Ue = ie[ie.length - 1];
+      W > Ue ? W = Ue : W < ie[0] ? W = ie[0] : W = W < G ? ie[q - 1] : ie[q + 1];
     }
     if (W = fr(W, u, l), X) {
       a && (W = fr(W, K[N - 1] || -1 / 0, K[N + 1] || 1 / 0));
-      const Be = W;
+      const Ue = W;
       W = Pi({
         values: K,
         newValue: W,
         index: N
       });
       let Ke = N;
-      a || (Ke = W.indexOf(Be)), jn({
+      a || (Ke = W.indexOf(Ue)), jn({
         sliderRef: Se,
         activeIndex: Ke
       });
@@ -14775,8 +14775,8 @@ function y_(e) {
     var N;
     (N = M.onChange) == null || N.call(M, E), lt(E, E.target.valueAsNumber);
   }, vt = $.useRef();
-  let Ue = h;
-  s && h === "horizontal" && (Ue += "-reverse");
+  let Be = h;
+  s && h === "horizontal" && (Be += "-reverse");
   const I = ({
     finger: M,
     move: E = !1
@@ -14787,16 +14787,16 @@ function y_(e) {
       width: G,
       height: q,
       bottom: W,
-      left: Be
+      left: Ue
     } = N.getBoundingClientRect();
     let Ke;
-    Ue.indexOf("vertical") === 0 ? Ke = (W - M.y) / q : Ke = (M.x - Be) / G, Ue.indexOf("-reverse") !== -1 && (Ke = 1 - Ke);
+    Be.indexOf("vertical") === 0 ? Ke = (W - M.y) / q : Ke = (M.x - Ue) / G, Be.indexOf("-reverse") !== -1 && (Ke = 1 - Ke);
     let Q;
     if (Q = h_(Ke, u, l), y)
       Q = f_(Q, y, u);
     else {
-      const Mt = Ai(se, Q);
-      Q = se[Mt];
+      const Mt = Ai(ie, Q);
+      Q = ie[Mt];
     }
     Q = fr(Q, u, l);
     let ke = 0;
@@ -14832,10 +14832,10 @@ function y_(e) {
       sliderRef: Se,
       activeIndex: G,
       setActive: R
-    }), H(N), !z && le.current > d_ && oe(!0), V && !Rn(N, F) && V(M, N, G);
+    }), H(N), !z && le.current > d_ && se(!0), V && !Rn(N, F) && V(M, N, G);
   }), de = Ln((M) => {
     const E = wn(M, C);
-    if (oe(!1), !E)
+    if (se(!1), !E)
       return;
     const {
       newValue: N
@@ -14896,15 +14896,15 @@ function y_(e) {
     if (G !== !1) {
       const {
         newValue: W,
-        activeIndex: Be
+        activeIndex: Ue
       } = I({
         finger: G
       });
       jn({
         sliderRef: Se,
-        activeIndex: Be,
+        activeIndex: Ue,
         setActive: R
-      }), H(W), V && !Rn(W, F) && V(E, W, Be);
+      }), H(W), V && !Rn(W, F) && V(E, W, Ue);
     }
     le.current = 0;
     const q = _r(Se.current);
@@ -14929,7 +14929,7 @@ function y_(e) {
   };
   return {
     active: k,
-    axis: Ue,
+    axis: Be,
     axisProps: p_,
     dragging: z,
     focusedThumbIndex: _t,
@@ -15541,7 +15541,7 @@ const S_ = jt("span", {
 }, M_ = ({
   children: e
 }) => e, ku = /* @__PURE__ */ $.forwardRef(function(t, n) {
-  var r, a, s, i, l, u, c, d, m, h, v, _, y, g, S, j, C, k, R, P, O, z, oe, le;
+  var r, a, s, i, l, u, c, d, m, h, v, _, y, g, S, j, C, k, R, P, O, z, se, le;
   const F = zo({
     props: t,
     name: "MuiSlider"
@@ -15551,7 +15551,7 @@ const S_ = jt("span", {
     "aria-labelledby": K,
     // eslint-disable-next-line react/prop-types
     component: xe = "span",
-    components: se = {},
+    components: ie = {},
     componentsProps: Y = {},
     color: je = "primary",
     classes: Ie,
@@ -15567,7 +15567,7 @@ const S_ = jt("span", {
     shiftStep: ut = 10,
     size: Nt = "medium",
     step: vt = 1,
-    scale: Ue = Mi,
+    scale: Be = Mi,
     slotProps: I,
     slots: Z,
     track: de = "normal",
@@ -15586,7 +15586,7 @@ const S_ = jt("span", {
     size: Nt,
     step: vt,
     shiftStep: ut,
-    scale: Ue,
+    scale: Be,
     track: de,
     valueLabelDisplay: Te,
     valueLabelFormat: Ee
@@ -15604,13 +15604,13 @@ const S_ = jt("span", {
     marks: G,
     values: q,
     trackOffset: W,
-    trackLeap: Be,
+    trackLeap: Ue,
     getThumbStyle: Ke
   } = y_(A({}, we, {
     rootRef: n
   }));
   we.marked = G.length > 0 && G.some((L) => L.label), we.dragging = N, we.focusedThumbIndex = M;
-  const Q = O_(we), ke = (r = (a = Z == null ? void 0 : Z.root) != null ? a : se.Root) != null ? r : S_, Mt = (s = (i = Z == null ? void 0 : Z.rail) != null ? i : se.Rail) != null ? s : w_, nr = (l = (u = Z == null ? void 0 : Z.track) != null ? u : se.Track) != null ? l : j_, Or = (c = (d = Z == null ? void 0 : Z.thumb) != null ? d : se.Thumb) != null ? c : R_, bt = (m = (h = Z == null ? void 0 : Z.valueLabel) != null ? h : se.ValueLabel) != null ? m : C_, Dt = (v = (_ = Z == null ? void 0 : Z.mark) != null ? _ : se.Mark) != null ? v : A_, Ut = (y = (g = Z == null ? void 0 : Z.markLabel) != null ? g : se.MarkLabel) != null ? y : P_, Mr = (S = (j = Z == null ? void 0 : Z.input) != null ? j : se.Input) != null ? S : "input", Ir = (C = I == null ? void 0 : I.root) != null ? C : Y.root, fn = (k = I == null ? void 0 : I.rail) != null ? k : Y.rail, Tr = (R = I == null ? void 0 : I.track) != null ? R : Y.track, ar = (P = I == null ? void 0 : I.thumb) != null ? P : Y.thumb, or = (O = I == null ? void 0 : I.valueLabel) != null ? O : Y.valueLabel, Ra = (z = I == null ? void 0 : I.mark) != null ? z : Y.mark, Ca = (oe = I == null ? void 0 : I.markLabel) != null ? oe : Y.markLabel, pn = (le = I == null ? void 0 : I.input) != null ? le : Y.input, gn = Tt({
+  const Q = O_(we), ke = (r = (a = Z == null ? void 0 : Z.root) != null ? a : ie.Root) != null ? r : S_, Mt = (s = (i = Z == null ? void 0 : Z.rail) != null ? i : ie.Rail) != null ? s : w_, nr = (l = (u = Z == null ? void 0 : Z.track) != null ? u : ie.Track) != null ? l : j_, Or = (c = (d = Z == null ? void 0 : Z.thumb) != null ? d : ie.Thumb) != null ? c : R_, bt = (m = (h = Z == null ? void 0 : Z.valueLabel) != null ? h : ie.ValueLabel) != null ? m : C_, Dt = (v = (_ = Z == null ? void 0 : Z.mark) != null ? _ : ie.Mark) != null ? v : A_, Bt = (y = (g = Z == null ? void 0 : Z.markLabel) != null ? g : ie.MarkLabel) != null ? y : P_, Mr = (S = (j = Z == null ? void 0 : Z.input) != null ? j : ie.Input) != null ? S : "input", Ir = (C = I == null ? void 0 : I.root) != null ? C : Y.root, fn = (k = I == null ? void 0 : I.rail) != null ? k : Y.rail, Tr = (R = I == null ? void 0 : I.track) != null ? R : Y.track, ar = (P = I == null ? void 0 : I.thumb) != null ? P : Y.thumb, or = (O = I == null ? void 0 : I.valueLabel) != null ? O : Y.valueLabel, Ra = (z = I == null ? void 0 : I.mark) != null ? z : Y.mark, Ca = (se = I == null ? void 0 : I.markLabel) != null ? se : Y.markLabel, pn = (le = I == null ? void 0 : I.input) != null ? le : Y.input, gn = Tt({
     elementType: ke,
     getSlotProps: Ft,
     externalSlotProps: Ir,
@@ -15629,7 +15629,7 @@ const S_ = jt("span", {
     elementType: nr,
     externalSlotProps: Tr,
     additionalProps: {
-      style: A({}, Ot[nt].offset(W), Ot[nt].leap(Be))
+      style: A({}, Ot[nt].offset(W), Ot[nt].leap(Ue))
     },
     ownerState: A({}, we, Tr == null ? void 0 : Tr.ownerState),
     className: Q.track
@@ -15650,7 +15650,7 @@ const S_ = jt("span", {
     ownerState: we,
     className: Q.mark
   }), w = Tt({
-    elementType: Ut,
+    elementType: Bt,
     externalSlotProps: Ca,
     ownerState: we,
     className: Q.markLabel
@@ -15663,34 +15663,34 @@ const S_ = jt("span", {
   return /* @__PURE__ */ o.jsxs(ke, A({}, gn, {
     children: [/* @__PURE__ */ o.jsx(Mt, A({}, Aa)), /* @__PURE__ */ o.jsx(nr, A({}, Pa)), G.filter((L) => L.value >= De && L.value <= We).map((L, D) => {
       const ee = Qn(L.value, De, We), J = Ot[nt].offset(ee);
-      let U;
-      return de === !1 ? U = q.indexOf(L.value) !== -1 : U = de === "normal" && (E ? L.value >= q[0] && L.value <= q[q.length - 1] : L.value <= q[0]) || de === "inverted" && (E ? L.value <= q[0] || L.value >= q[q.length - 1] : L.value >= q[0]), /* @__PURE__ */ o.jsxs($.Fragment, {
+      let B;
+      return de === !1 ? B = q.indexOf(L.value) !== -1 : B = de === "normal" && (E ? L.value >= q[0] && L.value <= q[q.length - 1] : L.value <= q[0]) || de === "inverted" && (E ? L.value <= q[0] || L.value >= q[q.length - 1] : L.value >= q[0]), /* @__PURE__ */ o.jsxs($.Fragment, {
         children: [/* @__PURE__ */ o.jsx(Dt, A({
           "data-index": D
         }, p, !Gr(Dt) && {
-          markActive: U
+          markActive: B
         }, {
           style: A({}, J, p.style),
-          className: ft(p.className, U && Q.markActive)
-        })), L.label != null ? /* @__PURE__ */ o.jsx(Ut, A({
+          className: ft(p.className, B && Q.markActive)
+        })), L.label != null ? /* @__PURE__ */ o.jsx(Bt, A({
           "aria-hidden": !0,
           "data-index": D
-        }, w, !Gr(Ut) && {
-          markLabelActive: U
+        }, w, !Gr(Bt) && {
+          markLabelActive: B
         }, {
           style: A({}, J, w.style),
-          className: ft(Q.markLabel, w.className, U && Q.markLabelActive),
+          className: ft(Q.markLabel, w.className, B && Q.markLabelActive),
           children: L.label
         })) : null]
       }, D);
     }), q.map((L, D) => {
-      const ee = Qn(L, De, We), J = Ot[nt].offset(ee), U = Te === "off" ? M_ : bt;
+      const ee = Qn(L, De, We), J = Ot[nt].offset(ee), B = Te === "off" ? M_ : bt;
       return (
         /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */
-        /* @__PURE__ */ o.jsx(U, A({}, !Gr(U) && {
+        /* @__PURE__ */ o.jsx(B, A({}, !Gr(B) && {
           valueLabelFormat: Ee,
           valueLabelDisplay: Te,
-          value: typeof Ee == "function" ? Ee(Ue(L), D) : Ee,
+          value: typeof Ee == "function" ? Ee(Be(L), D) : Ee,
           index: D,
           open: Pr === D || rr === D || Te === "on",
           disabled: Ge
@@ -15703,9 +15703,9 @@ const S_ = jt("span", {
             children: /* @__PURE__ */ o.jsx(Mr, A({
               "data-index": D,
               "aria-label": Se ? Se(D) : V,
-              "aria-valuenow": Ue(L),
+              "aria-valuenow": Be(L),
               "aria-labelledby": K,
-              "aria-valuetext": At ? At(Ue(L), D) : X,
+              "aria-valuetext": At ? At(Be(L), D) : X,
               value: q[D]
             }, T))
           }))
@@ -15722,7 +15722,7 @@ process.env.NODE_ENV !== "production" && (ku.propTypes = {
   /**
    * The label of the slider.
    */
-  "aria-label": Bs(f.string, (e) => Array.isArray(e.value || e.defaultValue) && e["aria-label"] != null ? new Error("MUI: You need to use the `getAriaLabel` prop instead of `aria-label` when using a range slider.") : null),
+  "aria-label": Us(f.string, (e) => Array.isArray(e.value || e.defaultValue) && e["aria-label"] != null ? new Error("MUI: You need to use the `getAriaLabel` prop instead of `aria-label` when using a range slider.") : null),
   /**
    * The id of the element containing a label for the slider.
    */
@@ -15730,7 +15730,7 @@ process.env.NODE_ENV !== "production" && (ku.propTypes = {
   /**
    * A string value that provides a user-friendly name for the current value of the slider.
    */
-  "aria-valuetext": Bs(f.string, (e) => Array.isArray(e.value || e.defaultValue) && e["aria-valuetext"] != null ? new Error("MUI: You need to use the `getAriaValueText` prop instead of `aria-valuetext` when using a range slider.") : null),
+  "aria-valuetext": Us(f.string, (e) => Array.isArray(e.value || e.defaultValue) && e["aria-valuetext"] != null ? new Error("MUI: You need to use the `getAriaValueText` prop instead of `aria-valuetext` when using a range slider.") : null),
   /**
    * @ignore
    */
@@ -16028,13 +16028,13 @@ const E_ = et((e) => {
       }
     }));
     return /* @__PURE__ */ o.jsx(
-      ie,
+      oe,
       {
         sx: {
           margin: "0px 20px",
           marginBottom: "12px"
         },
-        children: /* @__PURE__ */ o.jsx(ie, { sx: { width: "380px", maxWidth: "90%", margin: "auto" }, children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ o.jsx(oe, { sx: { width: "380px", maxWidth: "90%", margin: "auto" }, children: /* @__PURE__ */ o.jsx(
           E_,
           {
             velocity: e.velocityInCurrentUnits,
@@ -16049,10 +16049,10 @@ const E_ = et((e) => {
     );
   }
 ), k_ = et(
-  ({ store: e }) => {
-    const { t } = Zt();
-    function n(c, d) {
-      (d === "translate" || d === "rotate") && e.setSelectedCartesianMotionType(d);
+  ({ store: e, children: t }) => {
+    const { t: n } = Zt();
+    function r(d, m) {
+      (m === "translate" || m === "rotate") && e.setSelectedCartesianMotionType(m);
     }
     Ol(
       () => [e.selectedCoordSystemId, e.selectedTcpId],
@@ -16065,45 +16065,45 @@ const E_ = et((e) => {
       },
       { fireImmediately: !0 }
     );
-    async function r(c, d) {
-      const m = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose, h = e.jogger.motionStream.rapidlyChangingMotionState.state.joint_position;
-      m && await e.withMotionLock(async () => {
+    async function a(d, m) {
+      const h = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose, v = e.jogger.motionStream.rapidlyChangingMotionState.state.joint_position;
+      h && await e.withMotionLock(async () => {
         await e.jogger.runIncrementalCartesianMotion({
-          currentTcpPose: m,
-          currentJoints: h,
+          currentTcpPose: h,
+          currentJoints: v,
           coordSystemId: e.activeCoordSystemId,
           velocityInRelevantUnits: e.velocityInCurrentUnits,
-          axis: c.axis,
-          direction: c.direction,
+          axis: d.axis,
+          direction: d.direction,
           motion: e.selectedCartesianMotionType === "translate" ? {
             type: "translate",
-            distanceMm: d.mm
+            distanceMm: m.mm
           } : {
             type: "rotate",
-            distanceRads: jc(d.degrees)
+            distanceRads: jc(m.degrees)
           }
         });
       });
     }
-    async function a(c) {
+    async function s(d) {
       if (!e.isLocked) {
         if (e.activeDiscreteIncrement)
-          return r(c, e.activeDiscreteIncrement);
-        c.motionType === "translate" ? await e.jogger.startTCPTranslation({
-          axis: c.axis,
-          direction: c.direction,
+          return a(d, e.activeDiscreteIncrement);
+        d.motionType === "translate" ? await e.jogger.startTCPTranslation({
+          axis: d.axis,
+          direction: d.direction,
           velocityMmPerSec: e.translationVelocityMmPerSec
         }) : await e.jogger.startTCPRotation({
-          axis: c.axis,
-          direction: c.direction,
+          axis: d.axis,
+          direction: d.direction,
           velocityRadsPerSec: e.rotationVelocityRadsPerSec
         });
       }
     }
-    async function s() {
+    async function i() {
       e.isLocked || e.activeDiscreteIncrement || await e.jogger.stop();
     }
-    const i = [
+    const l = [
       {
         id: "x",
         color: "#F14D42",
@@ -16120,112 +16120,129 @@ const E_ = et((e) => {
         icon: /* @__PURE__ */ o.jsx(Cg, {})
       }
     ];
-    function l(c) {
-      return t("General.mm.variable", { amount: c.toFixed(1) });
+    function u(d) {
+      return n("General.mm.variable", { amount: d.toFixed(1) });
     }
-    function u(c) {
-      return t("General.degree.variable", {
-        amount: Pn(c).toFixed(1)
+    function c(d) {
+      return n("General.degree.variable", {
+        amount: Pn(d).toFixed(1)
       });
     }
-    return /* @__PURE__ */ o.jsxs(ie, { children: [
-      /* @__PURE__ */ o.jsx(Og, { store: e }),
-      /* @__PURE__ */ o.jsx(u_, { store: e }),
-      /* @__PURE__ */ o.jsxs(
-        ie,
+    return /* @__PURE__ */ o.jsxs(oe, { flexGrow: 1, justifyContent: "space-between", children: [
+      /* @__PURE__ */ o.jsxs(oe, { children: [
+        /* @__PURE__ */ o.jsx(Og, { store: e }),
+        /* @__PURE__ */ o.jsx(u_, { store: e })
+      ] }),
+      /* @__PURE__ */ o.jsx(
+        oe,
+        {
+          width: "80%",
+          maxWidth: "296px",
+          marginLeft: "auto",
+          marginRight: "auto",
+          marginTop: "8px",
+          marginBottom: "8px",
+          gap: "12px",
+          children: /* @__PURE__ */ o.jsxs(
+            $i,
+            {
+              value: e.selectedCartesianMotionType,
+              onChange: r,
+              exclusive: !0,
+              "aria-label": n("Jogging.Cartesian.MotionType.lb"),
+              children: [
+                /* @__PURE__ */ o.jsx(Dn, { value: "translate", children: n("Jogging.Cartesian.Translation.bt") }),
+                /* @__PURE__ */ o.jsx(Dn, { value: "rotate", children: n("Jogging.Cartesian.Rotation.bt") })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o.jsx(vu, { store: e, children: /* @__PURE__ */ o.jsxs(
+        oe,
         {
           width: "80%",
           maxWidth: "296px",
-          margin: "auto",
-          marginTop: "16px",
+          marginLeft: "auto",
+          marginRight: "auto",
+          marginTop: "8px",
+          marginBottom: "8px",
           gap: "12px",
           children: [
-            /* @__PURE__ */ o.jsxs(
-              $i,
+            e.selectedCartesianMotionType === "translate" && l.map((d) => /* @__PURE__ */ o.jsx(
+              ni,
               {
-                value: e.selectedCartesianMotionType,
-                onChange: n,
-                exclusive: !0,
-                "aria-label": t("Jogging.Cartesian.MotionType.lb"),
-                children: [
-                  /* @__PURE__ */ o.jsx(Dn, { value: "translate", children: t("Jogging.Cartesian.Translation.bt") }),
-                  /* @__PURE__ */ o.jsx(Dn, { value: "rotate", children: t("Jogging.Cartesian.Rotation.bt") })
-                ]
-              }
-            ),
-            /* @__PURE__ */ o.jsx(vu, { store: e, children: /* @__PURE__ */ o.jsxs(ie, { gap: "12px", children: [
-              e.selectedCartesianMotionType === "translate" && i.map((c) => /* @__PURE__ */ o.jsx(
-                ni,
-                {
-                  color: c.color,
-                  disabled: e.isLocked,
-                  label: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-                    c.icon,
-                    /* @__PURE__ */ o.jsx(
-                      pt,
-                      {
-                        sx: {
-                          fontSize: "24px",
-                          color: "white"
-                        },
-                        children: c.id.toUpperCase()
-                      }
-                    )
-                  ] }),
-                  getDisplayedValue: () => {
-                    var d;
-                    return l(
-                      ((d = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : d.position[c.id]) || 0
-                    );
-                  },
-                  startJogging: (d) => a({
-                    axis: c.id,
-                    motionType: "translate",
-                    direction: d
-                  }),
-                  stopJogging: s
+                color: d.color,
+                disabled: e.isLocked,
+                label: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                  d.icon,
+                  /* @__PURE__ */ o.jsx(
+                    pt,
+                    {
+                      sx: {
+                        fontSize: "24px",
+                        color: "white"
+                      },
+                      children: d.id.toUpperCase()
+                    }
+                  )
+                ] }),
+                getDisplayedValue: () => {
+                  var m;
+                  return u(
+                    ((m = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : m.position[d.id]) || 0
+                  );
                 },
-                c.id
-              )),
-              e.selectedCartesianMotionType === "rotate" && i.map((c) => /* @__PURE__ */ o.jsx(
-                ni,
-                {
-                  color: c.color,
-                  disabled: e.isLocked,
-                  label: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-                    /* @__PURE__ */ o.jsx(Pg, {}),
-                    /* @__PURE__ */ o.jsx(
-                      pt,
-                      {
-                        sx: {
-                          fontSize: "24px",
-                          color: "white"
-                        },
-                        children: c.id.toUpperCase()
-                      }
-                    )
-                  ] }),
-                  getDisplayedValue: () => {
-                    var d, m;
-                    return u(
-                      ((m = (d = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : d.orientation) == null ? void 0 : m[c.id]) || 0
-                    );
-                  },
-                  startJogging: (d) => a({
-                    axis: c.id,
-                    motionType: "rotate",
-                    direction: d
-                  }),
-                  stopJogging: s
+                startJogging: (m) => s({
+                  axis: d.id,
+                  motionType: "translate",
+                  direction: m
+                }),
+                stopJogging: i
+              },
+              d.id
+            )),
+            e.selectedCartesianMotionType === "rotate" && l.map((d) => /* @__PURE__ */ o.jsx(
+              ni,
+              {
+                color: d.color,
+                disabled: e.isLocked,
+                label: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                  /* @__PURE__ */ o.jsx(Pg, {}),
+                  /* @__PURE__ */ o.jsx(
+                    pt,
+                    {
+                      sx: {
+                        fontSize: "24px",
+                        color: "white"
+                      },
+                      children: d.id.toUpperCase()
+                    }
+                  )
+                ] }),
+                getDisplayedValue: () => {
+                  var m, h;
+                  return c(
+                    ((h = (m = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : m.orientation) == null ? void 0 : h[d.id]) || 0
+                  );
                 },
-                c.id
-              ))
-            ] }) })
+                startJogging: (m) => s({
+                  axis: d.id,
+                  motionType: "rotate",
+                  direction: m
+                }),
+                stopJogging: i
+              },
+              d.id
+            ))
           ]
         }
-      ),
-      /* @__PURE__ */ o.jsx(Iu, { store: e }),
-      /* @__PURE__ */ o.jsx(Lu, { store: e })
+      ) }),
+      /* @__PURE__ */ o.jsxs(oe, { children: [
+        /* @__PURE__ */ o.jsx(Iu, { store: e }),
+        /* @__PURE__ */ o.jsx(Lu, { store: e }),
+        t
+      ] })
     ] });
   }
 ), L_ = et(
@@ -16239,7 +16256,7 @@ const E_ = et((e) => {
     return on(() => {
       t.current && (t.current.textContent = n());
     }), /* @__PURE__ */ o.jsx(
-      ie,
+      oe,
       {
         alignItems: "left",
         spacing: 2,
@@ -16263,25 +16280,25 @@ const E_ = et((e) => {
     );
   }
 ), $_ = et(
-  ({ store: e }) => {
-    async function t(r) {
+  ({ store: e, children: t }) => {
+    async function n(a) {
       await e.jogger.startJointRotation({
-        joint: r.joint,
-        direction: r.direction,
+        joint: a.joint,
+        direction: a.direction,
         velocityRadsPerSec: e.rotationVelocityRadsPerSec
       });
     }
-    async function n() {
+    async function r() {
       await e.jogger.stop();
     }
-    return /* @__PURE__ */ o.jsxs(ie, { children: [
+    return /* @__PURE__ */ o.jsxs(oe, { flexGrow: 1, justifyContent: "space-between", children: [
       /* @__PURE__ */ o.jsx(L_, { store: e }),
-      /* @__PURE__ */ o.jsx(ie, { marginTop: "0.8rem" }),
-      /* @__PURE__ */ o.jsx(vu, { store: e, children: /* @__PURE__ */ o.jsx(ie, { gap: "0.8rem", children: e.jogger.motionStream.joints.map((r) => {
-        var l;
-        const a = (l = e.motionGroupSpec.mechanical_joint_limits) == null ? void 0 : l[r.index], s = (a == null ? void 0 : a.lower_limit) !== void 0 ? Pn(a.lower_limit) : void 0, i = (a == null ? void 0 : a.upper_limit) !== void 0 ? Pn(a.upper_limit) : void 0;
+      /* @__PURE__ */ o.jsx(oe, { marginTop: "0.8rem" }),
+      /* @__PURE__ */ o.jsx(vu, { store: e, children: /* @__PURE__ */ o.jsx(oe, { gap: "0.8rem", children: e.jogger.motionStream.joints.map((a) => {
+        var u;
+        const s = (u = e.motionGroupSpec.mechanical_joint_limits) == null ? void 0 : u[a.index], i = (s == null ? void 0 : s.lower_limit) !== void 0 ? Pn(s.lower_limit) : void 0, l = (s == null ? void 0 : s.upper_limit) !== void 0 ? Pn(s.upper_limit) : void 0;
         return /* @__PURE__ */ o.jsxs(
-          ie,
+          oe,
           {
             direction: "row",
             alignItems: "center",
@@ -16294,26 +16311,26 @@ const E_ = et((e) => {
                     flexGrow: 1,
                     textAlign: "right"
                   },
-                  children: `J${r.index + 1}`
+                  children: `J${a.index + 1}`
                 }
               ),
               /* @__PURE__ */ o.jsx(
                 bg,
                 {
                   disabled: e.isLocked,
-                  lowerLimitDegs: s,
-                  upperLimitDegs: i,
+                  lowerLimitDegs: i,
+                  upperLimitDegs: l,
                   getValueDegs: () => {
-                    const u = e.jogger.motionStream.rapidlyChangingMotionState.state.joint_position.joints[r.index];
-                    return u !== void 0 ? Pn(u) : void 0;
+                    const c = e.jogger.motionStream.rapidlyChangingMotionState.state.joint_position.joints[a.index];
+                    return c !== void 0 ? Pn(c) : void 0;
                   },
-                  startJogging: (u) => t({
-                    joint: r.index,
-                    direction: u
+                  startJogging: (c) => n({
+                    joint: a.index,
+                    direction: c
                   }),
-                  stopJogging: n
+                  stopJogging: r
                 },
-                r.index
+                a.index
               ),
               /* @__PURE__ */ o.jsx(
                 pt,
@@ -16325,7 +16342,7 @@ const E_ = et((e) => {
               )
             ]
           },
-          `joint-${r.index}`
+          `joint-${a.index}`
         );
       }) }) }),
       /* @__PURE__ */ o.jsx(Iu, { store: e }),
@@ -16365,9 +16382,9 @@ function D_(e) {
     return t;
   };
 }
-var U_ = D_();
-function B_(e, t) {
-  return e && U_(e, t, Ho);
+var B_ = D_();
+function U_(e, t) {
+  return e && B_(e, t, Ho);
 }
 function J_(e, t) {
   return function(n, r) {
@@ -16380,7 +16397,7 @@ function J_(e, t) {
     return n;
   };
 }
-var V_ = J_(B_);
+var V_ = J_(U_);
 function z_(e, t, n, r) {
   return V_(e, function(a, s, i) {
     t(r, a, n(a), i);
@@ -16484,7 +16501,7 @@ function Fu(e) {
 function Du(e) {
   return e == null ? "" : Fu(e);
 }
-function Uu(e, t) {
+function Bu(e, t) {
   return gt(e) ? e : Xo(e, t) ? [e] : nv(Du(e));
 }
 var sv = 1 / 0;
@@ -16494,21 +16511,21 @@ function ja(e) {
   var t = e + "";
   return t == "0" && 1 / e == -sv ? "-0" : t;
 }
-function Bu(e, t) {
-  t = Uu(t, e);
+function Uu(e, t) {
+  t = Bu(t, e);
   for (var n = 0, r = t.length; e != null && n < r; )
     e = e[ja(t[n++])];
   return n && n == r ? e : void 0;
 }
 function iv(e, t, n) {
-  var r = e == null ? void 0 : Bu(e, t);
+  var r = e == null ? void 0 : Uu(e, t);
   return r === void 0 ? n : r;
 }
 function lv(e, t) {
   return e != null && t in Object(e);
 }
 function uv(e, t, n) {
-  t = Uu(t, e);
+  t = Bu(t, e);
   for (var r = -1, a = t.length, s = !1; ++r < a; ) {
     var i = ja(t[r]);
     if (!(s = e != null && n(e, i)))
@@ -16537,7 +16554,7 @@ function pv(e) {
 }
 function gv(e) {
   return function(t) {
-    return Bu(t, e);
+    return Uu(t, e);
   };
 }
 function yv(e) {
@@ -16813,7 +16830,7 @@ const db = rn(
       const a = n.joggingStore;
       a && (e.locked ? a.locks.add("external") : a.locks.delete("external"));
     }, [e.locked]), /* @__PURE__ */ o.jsx(
-      ie,
+      oe,
       {
         sx: {
           maxWidth: "460px",
@@ -16868,17 +16885,11 @@ const db = rn(
     );
     function n() {
       if (e.currentTab.id === "cartesian")
-        return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          /* @__PURE__ */ o.jsx(k_, { store: e }),
-          t
-        ] });
+        return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(k_, { store: e, children: t }) });
       if (e.currentTab.id === "joint")
-        return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          /* @__PURE__ */ o.jsx($_, { store: e }),
-          t
-        ] });
+        return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx($_, { store: e, children: t }) });
     }
-    return /* @__PURE__ */ o.jsxs(ie, { flexGrow: 1, height: "100%", children: [
+    return /* @__PURE__ */ o.jsxs(oe, { flexGrow: 1, height: "100%", children: [
       /* @__PURE__ */ o.jsx(Yu, { value: e.tabIndex, onChange: e.onTabChange, children: e.tabs.map((r) => /* @__PURE__ */ o.jsx(
         Zu,
         {
@@ -16888,7 +16899,7 @@ const db = rn(
         },
         r.id
       )) }),
-      /* @__PURE__ */ o.jsx(ie, { flexGrow: 1, position: "relative", children: n() })
+      /* @__PURE__ */ o.jsx(oe, { flexGrow: 1, position: "relative", children: n() })
     ] });
   }
 );
@@ -16939,7 +16950,7 @@ function hb({
             ]
           }
         ),
-        /* @__PURE__ */ o.jsx(rc, { children: /* @__PURE__ */ o.jsxs(ie, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
+        /* @__PURE__ */ o.jsx(rc, { children: /* @__PURE__ */ o.jsxs(oe, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
           /* @__PURE__ */ o.jsx(
             Kr,
             {