@wandelbots/wandelbots-js-react-components 2.15.0 → 2.15.1

package/dist/index.js

@@ -2,7 +2,7 @@ var Qd = Object.defineProperty;
 var Kd = (e, t, r) => t in e ? Qd(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var ua = (e, t, r) => Kd(e, typeof t != "symbol" ? t + "" : t, r);
 import * as G from "react";
-import Dl, { forwardRef as Le, useEffect as Kt, useState as gr, useRef as Wr, useCallback as zl, Suspense as Gl, lazy as Yd } from "react";
+import Dl, { forwardRef as Le, useEffect as Yt, useState as gr, useRef as Wr, useCallback as zl, Suspense as Gl, lazy as Yd } from "react";
 import { Environment as Xd, Lightformer as or, Line as Hl, useGLTF as Zd } from "@react-three/drei";
 import { useThree as eu } from "@react-three/fiber";
 import * as Ee from "three";
@@ -10,7 +10,7 @@ import { Vector3 as Cn, Matrix4 as pa, Quaternion as tu } from "three";
 import { ConvexGeometry as ru } from "three-stdlib";
 import { useTheme as ct, IconButton as Pn, Typography as rt, Slider as au, Stack as _e, CircularProgress as nu, capitalize as su, styled as ho, InputLabel as ou, Select as iu, FormControl as lu, Box as cu, MenuItem as ha, ToggleButtonGroup as du, Divider as Qr, ToggleButton as $o, Tabs as uu, Tab as pu, Tooltip as hu, Dialog as mu, DialogTitle as fu, DialogContent as gu, DialogActions as yu, Button as Uo, SvgIcon as bu, Popover as Su, Fab as vu, createTheme as xu, rgbToHex as Ou } from "@mui/material";
 import { observer as De, useLocalObservable as Nn } from "mobx-react-lite";
-import { I18nextProvider as wu, useTranslation as er, Trans as xt } from "react-i18next";
+import { I18nextProvider as wu, useTranslation as $t, Trans as xt } from "react-i18next";
 import Cu from "i18next-browser-languagedetector";
 import { autorun as Jl, reaction as Pu, runInAction as et, makeAutoObservable as mo } from "mobx";
 import b from "prop-types";
@@ -82,10 +82,10 @@ function Bu() {
         fe.unshift("Warning: " + H), Function.prototype.apply.call(console[v], console, fe);
       }
     }
-    var I = !1, F = !1, J = !1, M = !1, L = !1, B;
+    var M = !1, F = !1, W = !1, I = !1, L = !1, B;
     B = Symbol.for("react.module.reference");
     function g(v) {
-      return !!(typeof v == "string" || typeof v == "function" || v === a || v === s || L || v === n || v === c || v === d || M || v === f || I || F || J || typeof v == "object" && v !== null && (v.$$typeof === p || v.$$typeof === u || v.$$typeof === o || v.$$typeof === i || v.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof v == "string" || typeof v == "function" || v === a || v === s || L || v === n || v === c || v === d || I || v === f || M || F || W || typeof v == "object" && v !== null && (v.$$typeof === p || v.$$typeof === u || v.$$typeof === o || v.$$typeof === i || v.$$typeof === l || // 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.
@@ -101,7 +101,7 @@ function Bu() {
     function N(v) {
       return v.displayName || "Context";
     }
-    function q(v) {
+    function J(v) {
       if (v == null)
         return null;
       if (typeof v.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof v == "function")
@@ -134,11 +134,11 @@ function Bu() {
             return $(v, v.render, "ForwardRef");
           case u:
             var te = v.displayName || null;
-            return te !== null ? te : q(v.type) || "Memo";
+            return te !== null ? te : J(v.type) || "Memo";
           case p: {
             var pe = v, fe = pe._payload, ce = pe._init;
             try {
-              return q(ce(fe));
+              return J(ce(fe));
             } catch {
               return null;
             }
@@ -208,18 +208,18 @@ function Bu() {
         ee < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var rr = E.ReactCurrentDispatcher, Bt;
+    var rr = E.ReactCurrentDispatcher, Ft;
     function nt(v, H, K) {
       {
-        if (Bt === void 0)
+        if (Ft === void 0)
           try {
             throw Error();
           } catch (pe) {
             var te = pe.stack.trim().match(/\n( *(at )?)/);
-            Bt = te && te[1] || "";
+            Ft = te && te[1] || "";
           }
         return `
-` + Bt + v;
+` + Ft + v;
       }
     }
     var ut = !1, st;
@@ -305,7 +305,7 @@ function Bu() {
       var H = v.prototype;
       return !!(H && H.isReactComponent);
     }
-    function Ft(v, H, K) {
+    function Nt(v, H, K) {
       if (v == null)
         return "";
       if (typeof v == "function")
@@ -323,24 +323,24 @@ function Bu() {
           case l:
             return ke(v.render);
           case u:
-            return Ft(v.type, H, K);
+            return Nt(v.type, H, K);
           case p: {
             var te = v, pe = te._payload, fe = te._init;
             try {
-              return Ft(fe(pe), H, K);
+              return Nt(fe(pe), H, K);
             } catch {
             }
           }
         }
       return "";
     }
-    var gt = Object.prototype.hasOwnProperty, Ue = {}, Nt = E.ReactDebugCurrentFrame;
+    var gt = Object.prototype.hasOwnProperty, Ue = {}, Dt = E.ReactDebugCurrentFrame;
     function Et(v) {
       if (v) {
-        var H = v._owner, K = Ft(v.type, v._source, H ? H.type : null);
-        Nt.setExtraStackFrame(K);
+        var H = v._owner, K = Nt(v.type, v._source, H ? H.type : null);
+        Dt.setExtraStackFrame(K);
       } else
-        Nt.setExtraStackFrame(null);
+        Dt.setExtraStackFrame(null);
     }
     function wr(v, H, K, te, pe) {
       {
@@ -362,10 +362,10 @@ function Bu() {
       }
     }
     var Cr = Array.isArray;
-    function Dt(v) {
+    function zt(v) {
       return Cr(v);
     }
-    function zt(v) {
+    function Gt(v) {
       {
         var H = typeof Symbol == "function" && Symbol.toStringTag, K = H && v[Symbol.toStringTag] || v.constructor.name || "Object";
         return K;
@@ -373,17 +373,17 @@ function Bu() {
     }
     function Pr(v) {
       try {
-        return W(v), !1;
+        return q(v), !1;
       } catch {
         return !0;
       }
     }
-    function W(v) {
+    function q(v) {
       return "" + v;
     }
     function Q(v) {
       if (Pr(v))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", zt(v)), W(v);
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Gt(v)), q(v);
     }
     var Y = E.ReactCurrentOwner, ie = {
       key: !0,
@@ -482,7 +482,7 @@ function Bu() {
     var la = E.ReactCurrentOwner, Vr = E.ReactDebugCurrentFrame;
     function yt(v) {
       if (v) {
-        var H = v._owner, K = Ft(v.type, v._source, H ? H.type : null);
+        var H = v._owner, K = Nt(v.type, v._source, H ? H.type : null);
         Vr.setExtraStackFrame(K);
       } else
         Vr.setExtraStackFrame(null);
@@ -495,7 +495,7 @@ function Bu() {
     function je() {
       {
         if (la.current) {
-          var v = q(la.current.type);
+          var v = J(la.current.type);
           if (v)
             return `
 
@@ -530,14 +530,14 @@ Check the top-level render call using <` + K + ">.");
           return;
         nr[K] = !0;
         var te = "";
-        v && v._owner && v._owner !== la.current && (te = " It was passed a child from " + q(v._owner.type) + "."), yt(v), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', K, te), yt(null);
+        v && v._owner && v._owner !== la.current && (te = " It was passed a child from " + J(v._owner.type) + "."), yt(v), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', K, te), yt(null);
       }
     }
     function Io(v, H) {
       {
         if (typeof v != "object")
           return;
-        if (Dt(v))
+        if (zt(v))
           for (var K = 0; K < v.length; K++) {
             var te = v[K];
             we(te) && Eo(te, H);
@@ -567,11 +567,11 @@ Check the top-level render call using <` + K + ">.");
         else
           return;
         if (K) {
-          var te = q(H);
+          var te = J(H);
           wr(K, v.props, "prop", te, v);
         } else if (H.PropTypes !== void 0 && !ca) {
           ca = !0;
-          var pe = q(H);
+          var pe = J(H);
           k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", pe || "Unknown");
         }
         typeof H.getDefaultProps == "function" && !H.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -599,7 +599,7 @@ Check the top-level render call using <` + K + ">.");
           var He = da();
           He ? le += He : le += je();
           var Te;
-          v === null ? Te = "null" : Dt(v) ? Te = "array" : v !== void 0 && v.$$typeof === t ? (Te = "<" + (q(v.type) || "Unknown") + " />", le = " Did you accidentally export a JSX literal instead of a component?") : Te = typeof v, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Te, le);
+          v === null ? Te = "null" : zt(v) ? Te = "array" : v !== void 0 && v.$$typeof === t ? (Te = "<" + (J(v.type) || "Unknown") + " />", le = " Did you accidentally export a JSX literal instead of a component?") : Te = typeof v, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Te, le);
         }
         var $e = ia(v, H, K, pe, fe);
         if ($e == null)
@@ -608,7 +608,7 @@ Check the top-level render call using <` + K + ">.");
           var ot = H.children;
           if (ot !== void 0)
             if (te)
-              if (Dt(ot)) {
+              if (zt(ot)) {
                 for (var Rr = 0; Rr < ot.length; Rr++)
                   Io(ot[Rr], v);
                 Object.freeze && Object.freeze(ot);
@@ -618,7 +618,7 @@ Check the top-level render call using <` + K + ">.");
               Io(ot, v);
         }
         if (gt.call(H, "key")) {
-          var sr = q(v), Qe = Object.keys(H).filter(function(Wd) {
+          var sr = J(v), Qe = Object.keys(H).filter(function(Wd) {
             return Wd !== "key";
           }), gs = Qe.length > 0 ? "{key: someKey, " + Qe.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Mo[sr + gs]) {
@@ -796,7 +796,7 @@ function nV({
     }
   ) });
 }
-function Yt(e, ...t) {
+function Xt(e, ...t) {
   const r = new URL(`https://mui.com/production-error/?code=${e}`);
   return t.forEach((a) => r.searchParams.append("args[]", a)), `Minified MUI error #${e}; visit ${r} for the full message.`;
 }
@@ -887,10 +887,10 @@ var Ju = /[A-Z]|^ms/g, qu = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ql = function(t) {
     case "animationName":
       if (typeof r == "string")
         return r.replace(qu, function(a, n, s) {
-          return Wt = {
+          return Qt = {
             name: n,
             styles: s,
-            next: Wt
+            next: Qt
           }, n;
         });
   }
@@ -908,20 +908,20 @@ function Vn(e, t, r) {
     case "object": {
       var n = r;
       if (n.anim === 1)
-        return Wt = {
+        return Qt = {
           name: n.name,
           styles: n.styles,
-          next: Wt
+          next: Qt
         }, n.name;
       var s = r;
       if (s.styles !== void 0) {
         var o = s.next;
         if (o !== void 0)
           for (; o !== void 0; )
-            Wt = {
+            Qt = {
               name: o.name,
               styles: o.styles,
-              next: Wt
+              next: Qt
             }, o = o.next;
         var i = s.styles + ";";
         return i;
@@ -961,12 +961,12 @@ function Wu(e, t, r) {
     }
   return a;
 }
-var Do = /label:\s*([^\s;{]+)\s*(;|$)/g, Wt;
+var Do = /label:\s*([^\s;{]+)\s*(;|$)/g, Qt;
 function Qu(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var a = !0, n = "";
-  Wt = void 0;
+  Qt = void 0;
   var s = e[0];
   if (s == null || s.raw === void 0)
     a = !1, n += Vn(r, t, s);
@@ -986,7 +986,7 @@ function Qu(e, t, r) {
   return {
     name: u,
     styles: n,
-    next: Wt
+    next: Qt
   };
 }
 /**
@@ -1269,7 +1269,7 @@ function sp(e, t) {
   if (!r) {
     if (process.env.NODE_ENV !== "production")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : Yt(18, `(${t})`));
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : Xt(18, `(${t})`));
     return null;
   }
   const [, a, n] = r, s = Number.isNaN(+a) ? a || 0 : +a;
@@ -1386,7 +1386,7 @@ function bs({
 }
 function Je(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Yt(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Xt(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 function zn(e, t, r = !0) {
@@ -2278,7 +2278,7 @@ function nc(e = {}) {
     dh(i, t, r);
   }
   return (i, l = {}) => {
-    Yu(i, (F) => F.filter((J) => J !== Kr));
+    Yu(i, (F) => F.filter((W) => W !== Kr));
     const {
       name: c,
       slot: d,
@@ -2301,19 +2301,19 @@ function nc(e = {}) {
       ...y
     }), D = (F) => {
       if (typeof F == "function" && F.__emotion_real !== F)
-        return function(M) {
-          return yn(M, F);
+        return function(I) {
+          return yn(I, F);
         };
       if (Ot(F)) {
-        const J = rc(F);
-        return J.variants ? function(L) {
-          return yn(L, J);
-        } : J.style;
+        const W = rc(F);
+        return W.variants ? function(L) {
+          return yn(L, W);
+        } : W.style;
       }
       return F;
-    }, I = (...F) => {
-      const J = [], M = F.map(D), L = [];
-      if (J.push(s), c && f && L.push(function(N) {
+    }, M = (...F) => {
+      const W = [], I = F.map(D), L = [];
+      if (W.push(s), c && f && L.push(function(N) {
         var Z, Pe;
         const z = (Pe = (Z = N.theme.components) == null ? void 0 : Z[c]) == null ? void 0 : Pe.styleOverrides;
         if (!z)
@@ -2324,17 +2324,17 @@ function nc(e = {}) {
         return f(N, ee);
       }), c && !h && L.push(function(N) {
         var ee, Z;
-        const q = N.theme, z = (Z = (ee = q == null ? void 0 : q.components) == null ? void 0 : ee[c]) == null ? void 0 : Z.variants;
+        const J = N.theme, z = (Z = (ee = J == null ? void 0 : J.components) == null ? void 0 : ee[c]) == null ? void 0 : Z.variants;
         return z ? ac(N, z) : null;
-      }), x || L.push(Kr), Array.isArray(M[0])) {
-        const $ = M.shift(), N = new Array(J.length).fill(""), q = new Array(L.length).fill("");
+      }), x || L.push(Kr), Array.isArray(I[0])) {
+        const $ = I.shift(), N = new Array(W.length).fill(""), J = new Array(L.length).fill("");
         let z;
-        z = [...N, ...$, ...q], z.raw = [...N, ...$.raw, ...q], J.unshift(z);
+        z = [...N, ...$, ...J], z.raw = [...N, ...$.raw, ...J], W.unshift(z);
       }
-      const B = [...J, ...M, ...L], g = k(...B);
+      const B = [...W, ...I, ...L], g = k(...B);
       return i.muiName && (g.muiName = i.muiName), process.env.NODE_ENV !== "production" && (g.displayName = uh(c, d, i)), g;
     };
-    return k.withConfig && (I.withConfig = k.withConfig), I;
+    return k.withConfig && (M.withConfig = k.withConfig), M;
   };
 }
 function uh(e, t, r) {
@@ -2425,20 +2425,20 @@ function bh(e) {
   let r = e.match(t);
   return r && r[0].length === 1 && (r = r.map((a) => a + a)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((a, n) => n < 3 ? parseInt(a, 16) : Math.round(parseInt(a, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
 }
-function Xt(e) {
+function Zt(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return Xt(bh(e));
+    return Zt(bh(e));
   const t = e.indexOf("("), r = e.substring(0, t);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Yt(9, e));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Xt(9, e));
   let a = e.substring(t + 1, e.length - 1), n;
   if (r === "color") {
     if (a = a.split(" "), n = a.shift(), a.length === 4 && a[3].charAt(0) === "/" && (a[3] = a[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(n))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${n}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Yt(10, n));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Xt(10, n));
   } else
     a = a.split(",");
   return a = a.map((s) => parseFloat(s)), {
@@ -2448,7 +2448,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   };
 }
 const Sh = (e) => {
-  const t = Xt(e);
+  const t = Zt(e);
   return t.values.slice(0, 3).map((r, a) => t.type.includes("hsl") && a !== 0 ? `${r}%` : r).join(" ");
 }, Ra = (e, t) => {
   try {
@@ -2468,7 +2468,7 @@ function Zn(e) {
   return t.includes("rgb") ? a = a.map((n, s) => s < 3 ? parseInt(n, 10) : n) : t.includes("hsl") && (a[1] = `${a[1]}%`, a[2] = `${a[2]}%`), t.includes("color") ? a = `${r} ${a.join(" ")}` : a = `${a.join(", ")}`, `${t}(${a})`;
 }
 function ic(e) {
-  e = Xt(e);
+  e = Zt(e);
   const {
     values: t
   } = e, r = t[0], a = t[1] / 100, n = t[2] / 100, s = a * Math.min(n, 1 - n), o = (c, d = (c + r / 30) % 12) => n - s * Math.max(Math.min(d - 3, 9 - d, 1), -1);
@@ -2480,8 +2480,8 @@ function ic(e) {
   });
 }
 function Ns(e) {
-  e = Xt(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? Xt(ic(e)).values : e.values;
+  e = Zt(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? Zt(ic(e)).values : e.values;
   return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
 }
 function Xo(e, t) {
@@ -2489,7 +2489,7 @@ function Xo(e, t) {
   return (Math.max(r, a) + 0.05) / (Math.min(r, a) + 0.05);
 }
 function Ds(e, t) {
-  return e = Xt(e), t = go(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Zn(e);
+  return e = Zt(e), t = go(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Zn(e);
 }
 function Xa(e, t, r) {
   try {
@@ -2499,7 +2499,7 @@ function Xa(e, t, r) {
   }
 }
 function Ma(e, t) {
-  if (e = Xt(e), t = go(t), e.type.includes("hsl"))
+  if (e = Zt(e), t = go(t), e.type.includes("hsl"))
     e.values[2] *= 1 - t;
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
@@ -2514,7 +2514,7 @@ function ge(e, t, r) {
   }
 }
 function ja(e, t) {
-  if (e = Xt(e), t = go(t), e.type.includes("hsl"))
+  if (e = Zt(e), t = go(t), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.includes("rgb"))
     for (let r = 0; r < 3; r += 1)
@@ -2701,7 +2701,7 @@ function Vh(e) {
 function Rh(e, t, r) {
   return typeof e == "function" ? e(t, r) : e;
 }
-function Gt(e) {
+function Ht(e) {
   var u;
   const {
     elementType: t,
@@ -2824,35 +2824,35 @@ function Lh(e, t = {}) {
     [i]: y,
     ...h
   } = s;
-  if (Object.entries(h || {}).forEach(([D, I]) => {
+  if (Object.entries(h || {}).forEach(([D, M]) => {
     const {
       vars: F,
-      css: J,
-      varsWithDefaults: M
-    } = xs(I, t);
-    p = qe(p, M), f[D] = {
-      css: J,
+      css: W,
+      varsWithDefaults: I
+    } = xs(M, t);
+    p = qe(p, I), f[D] = {
+      css: W,
       vars: F
     };
   }), y) {
     const {
       css: D,
-      vars: I,
+      vars: M,
       varsWithDefaults: F
     } = xs(y, t);
     p = qe(p, F), f[i] = {
       css: D,
-      vars: I
+      vars: M
     };
   }
-  function x(D, I) {
-    var J, M;
+  function x(D, M) {
+    var W, I;
     let F = n;
     if (n === "class" && (F = ".%s"), n === "data" && (F = "[data-%s]"), n != null && n.startsWith("data-") && !n.includes("%s") && (F = `[${n}="%s"]`), D) {
       if (F === "media")
         return e.defaultColorScheme === D ? ":root" : {
-          [`@media (prefers-color-scheme: ${((M = (J = s[D]) == null ? void 0 : J.palette) == null ? void 0 : M.mode) || D})`]: {
-            ":root": I
+          [`@media (prefers-color-scheme: ${((I = (W = s[D]) == null ? void 0 : W.palette) == null ? void 0 : I.mode) || D})`]: {
+            ":root": M
           }
         };
       if (F)
@@ -2867,14 +2867,14 @@ function Lh(e, t = {}) {
         ...c
       };
       return Object.entries(f).forEach(([, {
-        vars: I
+        vars: M
       }]) => {
-        D = qe(D, I);
+        D = qe(D, M);
       }), D;
     },
     generateStyleSheets: () => {
       var L, B;
-      const D = [], I = e.defaultColorScheme || "light";
+      const D = [], M = e.defaultColorScheme || "light";
       function F(g, $) {
         Object.keys($).length && D.push(typeof g == "string" ? {
           [g]: {
@@ -2886,35 +2886,35 @@ function Lh(e, t = {}) {
         ...d
       }), d);
       const {
-        [I]: J,
-        ...M
+        [M]: W,
+        ...I
       } = f;
-      if (J) {
+      if (W) {
         const {
           css: g
-        } = J, $ = (B = (L = s[I]) == null ? void 0 : L.palette) == null ? void 0 : B.mode, N = !a && $ ? {
+        } = W, $ = (B = (L = s[M]) == null ? void 0 : L.palette) == null ? void 0 : B.mode, N = !a && $ ? {
           colorScheme: $,
           ...g
         } : {
           ...g
         };
-        F(r(I, {
+        F(r(M, {
           ...N
         }), N);
       }
-      return Object.entries(M).forEach(([g, {
+      return Object.entries(I).forEach(([g, {
         css: $
       }]) => {
         var z, ee;
-        const N = (ee = (z = s[g]) == null ? void 0 : z.palette) == null ? void 0 : ee.mode, q = !a && N ? {
+        const N = (ee = (z = s[g]) == null ? void 0 : z.palette) == null ? void 0 : ee.mode, J = !a && N ? {
           colorScheme: N,
           ...$
         } : {
           ...$
         };
         F(r(g, {
-          ...q
-        }), q);
+          ...J
+        }), J);
       }), D;
     }
   };
@@ -3011,14 +3011,14 @@ function Hh(e = {}) {
       className: E,
       useFlexGap: k = !1,
       ...D
-    } = u, I = {
+    } = u, M = {
       direction: f,
       spacing: y,
       useFlexGap: k
     }, F = n();
     return /* @__PURE__ */ S.jsx(s, {
       as: p,
-      ownerState: I,
+      ownerState: M,
       ref: c,
       className: Pt(F.root, E),
       ...D,
@@ -3258,7 +3258,7 @@ function bo(e) {
       ...h
     }, !h.main && h[E] && (h.main = h[E]), !h.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${x ? ` (${x})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${E}\` property.` : Yt(11, x ? ` (${x})` : "", E));
+The color object needs to have a \`main\` property or a \`${E}\` property.` : Xt(11, x ? ` (${x})` : "", E));
     if (typeof h.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${x ? ` (${x})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(h.main)}\` was provided instead.
@@ -3273,7 +3273,7 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : Yt(12, x ? ` (${x})` : "", JSON.stringify(h.main)));
+} });` : Xt(12, x ? ` (${x})` : "", JSON.stringify(h.main)));
     return si(h, "light", k, a), si(h, "dark", D, a), h.contrastText || (h.contrastText = u(h.main)), h;
   };
   let f;
@@ -3383,7 +3383,7 @@ function am(e, t) {
     ...u
   } = typeof t == "function" ? t(e) : t;
   process.env.NODE_ENV !== "production" && (typeof a != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof l != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const p = a / 14, f = d || ((x) => `${x / l * p}rem`), y = (x, E, k, D, I) => ({
+  const p = a / 14, f = d || ((x) => `${x / l * p}rem`), y = (x, E, k, D, M) => ({
     fontFamily: r,
     fontWeight: x,
     fontSize: f(E),
@@ -3394,7 +3394,7 @@ function am(e, t) {
     ...r === ii ? {
       letterSpacing: `${rm(D / E)}em`
     } : {},
-    ...I,
+    ...M,
     ...c
   }), h = {
     h1: y(n, 96, 1.167, -1.5),
@@ -3548,7 +3548,7 @@ function zs(e = {}, ...t) {
   if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : Yt(20));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : Xt(20));
   const d = bo(s), u = Xn(e);
   let p = qe(u, {
     mixins: tm(u.breakpoints, a),
@@ -3759,10 +3759,10 @@ function wm(e = {}, ...t) {
   };
   let k = f;
   if ((u === "dark" && !("dark" in r) || u === "light" && !("light" in r)) && (k = !0), !k)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${u}\` option is either missing or invalid.` : Yt(21, u));
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${u}\` option is either missing or invalid.` : Xt(21, u));
   const D = Os(E, k, c, u);
   y && !E.light && Os(E, y, void 0, "light"), h && !E.dark && Os(E, h, void 0, "dark");
-  let I = {
+  let M = {
     defaultColorScheme: u,
     ...D,
     cssVarPrefix: s,
@@ -3776,9 +3776,9 @@ function wm(e = {}, ...t) {
     },
     spacing: xm(c.spacing)
   };
-  Object.keys(I.colorSchemes).forEach((B) => {
-    const g = I.colorSchemes[B].palette, $ = (N) => {
-      const q = N.split("-"), z = q[1], ee = q[2];
+  Object.keys(M.colorSchemes).forEach((B) => {
+    const g = M.colorSchemes[B].palette, $ = (N) => {
+      const J = N.split("-"), z = J[1], ee = J[2];
       return p(N, g[z][ee]);
     };
     if (g.mode === "light" && (U(g.common, "background", "#fff"), U(g.common, "onBackground", "#000")), g.mode === "dark" && (U(g.common, "background", "#000"), U(g.common, "onBackground", "#fff")), vm(g, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), g.mode === "light") {
@@ -3792,33 +3792,33 @@ function wm(e = {}, ...t) {
       U(g.SnackbarContent, "bg", N), U(g.SnackbarContent, "color", bt(() => g.getContrastText(N))), U(g.SpeedDialAction, "fabHoverBg", Za(g.background.paper, 0.15)), U(g.StepConnector, "border", $("palette-grey-600")), U(g.StepContent, "border", $("palette-grey-600")), U(g.Switch, "defaultColor", $("palette-grey-300")), U(g.Switch, "defaultDisabledColor", $("palette-grey-600")), U(g.Switch, "primaryDisabledColor", ge(g.primary.main, 0.55)), U(g.Switch, "secondaryDisabledColor", ge(g.secondary.main, 0.55)), U(g.Switch, "errorDisabledColor", ge(g.error.main, 0.55)), U(g.Switch, "infoDisabledColor", ge(g.info.main, 0.55)), U(g.Switch, "successDisabledColor", ge(g.success.main, 0.55)), U(g.Switch, "warningDisabledColor", ge(g.warning.main, 0.55)), U(g.TableCell, "border", ge(Xa(g.divider, 1), 0.68)), U(g.Tooltip, "bg", Xa(g.grey[700], 0.92));
     }
     It(g.background, "default"), It(g.background, "paper"), It(g.common, "background"), It(g.common, "onBackground"), It(g, "divider"), Object.keys(g).forEach((N) => {
-      const q = g[N];
-      N !== "tonalOffset" && q && typeof q == "object" && (q.main && U(g[N], "mainChannel", Ra(_a(q.main))), q.light && U(g[N], "lightChannel", Ra(_a(q.light))), q.dark && U(g[N], "darkChannel", Ra(_a(q.dark))), q.contrastText && U(g[N], "contrastTextChannel", Ra(_a(q.contrastText))), N === "text" && (It(g[N], "primary"), It(g[N], "secondary")), N === "action" && (q.active && It(g[N], "active"), q.selected && It(g[N], "selected")));
+      const J = g[N];
+      N !== "tonalOffset" && J && typeof J == "object" && (J.main && U(g[N], "mainChannel", Ra(_a(J.main))), J.light && U(g[N], "lightChannel", Ra(_a(J.light))), J.dark && U(g[N], "darkChannel", Ra(_a(J.dark))), J.contrastText && U(g[N], "contrastTextChannel", Ra(_a(J.contrastText))), N === "text" && (It(g[N], "primary"), It(g[N], "secondary")), N === "action" && (J.active && It(g[N], "active"), J.selected && It(g[N], "selected")));
     });
-  }), I = t.reduce((B, g) => qe(B, g), I);
+  }), M = t.reduce((B, g) => qe(B, g), M);
   const F = {
     prefix: s,
     disableCssColorScheme: n,
     shouldSkipGeneratingVar: o,
-    getSelector: Sm(I)
+    getSelector: Sm(M)
   }, {
-    vars: J,
-    generateThemeVars: M,
+    vars: W,
+    generateThemeVars: I,
     generateStyleSheets: L
-  } = Lh(I, F);
-  return I.vars = J, Object.entries(I.colorSchemes[I.defaultColorScheme]).forEach(([B, g]) => {
-    I[B] = g;
-  }), I.generateThemeVars = M, I.generateStyleSheets = L, I.generateSpacing = function() {
+  } = Lh(M, F);
+  return M.vars = W, Object.entries(M.colorSchemes[M.defaultColorScheme]).forEach(([B, g]) => {
+    M[B] = g;
+  }), M.generateThemeVars = I, M.generateStyleSheets = L, M.generateSpacing = function() {
     return Xl(c.spacing, Jn(this));
-  }, I.getColorSchemeSelector = kh(i), I.spacing = I.generateSpacing(), I.shouldSkipGeneratingVar = o, I.unstable_sxConfig = {
+  }, M.getColorSchemeSelector = kh(i), M.spacing = M.generateSpacing(), M.shouldSkipGeneratingVar = o, M.unstable_sxConfig = {
     ...Ga,
     ...c == null ? void 0 : c.unstable_sxConfig
-  }, I.unstable_sx = function(g) {
+  }, M.unstable_sx = function(g) {
     return Kr({
       sx: g,
       theme: this
     });
-  }, I.toRuntimeSource = uc, I;
+  }, M.toRuntimeSource = uc, M;
 }
 function ci(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
@@ -3878,7 +3878,7 @@ const Cm = mc(), Pm = "$$material";
 function So(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const Vm = (e) => So(e) && e !== "classes", $t = nc({
+const Vm = (e) => So(e) && e !== "classes", Ut = nc({
   themeId: Pm,
   defaultTheme: Cm,
   rootShouldForwardProp: Vm
@@ -3888,7 +3888,7 @@ function vo(e) {
   return Ih(e);
 }
 const Hr = Hh({
-  createStyledComponent: $t("div", {
+  createStyledComponent: Ut("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (e, t) => t.root
@@ -4301,11 +4301,11 @@ class Mn extends es {
     }
     const u = this.resolve(t, r);
     let p = u == null ? void 0 : u.res;
-    const f = (u == null ? void 0 : u.usedKey) || o, y = (u == null ? void 0 : u.exactUsedKey) || o, h = ["[object Number]", "[object Function]", "[object RegExp]"], x = r.joinArrays !== void 0 ? r.joinArrays : this.options.joinArrays, E = !this.i18nFormat || this.i18nFormat.handleAsObject, k = r.count !== void 0 && !re(r.count), D = Mn.hasDefaultValue(r), I = k ? this.pluralResolver.getSuffix(c, r.count, r) : "", F = r.ordinal && k ? this.pluralResolver.getSuffix(c, r.count, {
+    const f = (u == null ? void 0 : u.usedKey) || o, y = (u == null ? void 0 : u.exactUsedKey) || o, h = ["[object Number]", "[object Function]", "[object RegExp]"], x = r.joinArrays !== void 0 ? r.joinArrays : this.options.joinArrays, E = !this.i18nFormat || this.i18nFormat.handleAsObject, k = r.count !== void 0 && !re(r.count), D = Mn.hasDefaultValue(r), M = k ? this.pluralResolver.getSuffix(c, r.count, r) : "", F = r.ordinal && k ? this.pluralResolver.getSuffix(c, r.count, {
       ordinal: !1
-    }) : "", J = k && !r.ordinal && r.count === 0, M = J && r[`defaultValue${this.options.pluralSeparator}zero`] || r[`defaultValue${I}`] || r[`defaultValue${F}`] || r.defaultValue;
+    }) : "", W = k && !r.ordinal && r.count === 0, I = W && r[`defaultValue${this.options.pluralSeparator}zero`] || r[`defaultValue${M}`] || r[`defaultValue${F}`] || r.defaultValue;
     let L = p;
-    E && !p && D && (L = M);
+    E && !p && D && (L = I);
     const B = gi(L), g = Object.prototype.toString.apply(L);
     if (E && L && B && h.indexOf(g) < 0 && !(re(x) && Array.isArray(L))) {
       if (!r.returnObjects && !this.options.returnObjects) {
@@ -4317,13 +4317,13 @@ class Mn extends es {
         return n ? (u.res = $, u.usedParams = this.getUsedParamsDetails(r), u) : $;
       }
       if (s) {
-        const $ = Array.isArray(L), N = $ ? [] : {}, q = $ ? y : f;
+        const $ = Array.isArray(L), N = $ ? [] : {}, J = $ ? y : f;
         for (const z in L)
           if (Object.prototype.hasOwnProperty.call(L, z)) {
-            const ee = `${q}${s}${z}`;
+            const ee = `${J}${s}${z}`;
             D && !p ? N[z] = this.translate(ee, {
               ...r,
-              defaultValue: gi(M) ? M[z] : void 0,
+              defaultValue: gi(I) ? I[z] : void 0,
               joinArrays: !1,
               ns: i
             }) : N[z] = this.translate(ee, {
@@ -4338,10 +4338,10 @@ class Mn extends es {
       p = p.join(x), p && (p = this.extendTranslation(p, t, r, a));
     else {
       let $ = !1, N = !1;
-      !this.isValidLookup(p) && D && ($ = !0, p = M), this.isValidLookup(p) || (N = !0, p = o);
-      const z = (r.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && N ? void 0 : p, ee = D && M !== p && this.options.updateMissing;
+      !this.isValidLookup(p) && D && ($ = !0, p = I), this.isValidLookup(p) || (N = !0, p = o);
+      const z = (r.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && N ? void 0 : p, ee = D && I !== p && this.options.updateMissing;
       if (N || $ || ee) {
-        if (this.logger.log(ee ? "updateKey" : "missingKey", c, l, o, ee ? M : p), s) {
+        if (this.logger.log(ee ? "updateKey" : "missingKey", c, l, o, ee ? I : p), s) {
           const de = this.resolve(o, {
             ...r,
             keySeparator: !1
@@ -4361,10 +4361,10 @@ class Mn extends es {
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && k ? Z.forEach((de) => {
           const be = this.pluralResolver.getSuffixes(de, r);
-          J && r[`defaultValue${this.options.pluralSeparator}zero`] && be.indexOf(`${this.options.pluralSeparator}zero`) < 0 && be.push(`${this.options.pluralSeparator}zero`), be.forEach((oe) => {
-            se([de], o + oe, r[`defaultValue${oe}`] || M);
+          W && r[`defaultValue${this.options.pluralSeparator}zero`] && be.indexOf(`${this.options.pluralSeparator}zero`) < 0 && be.push(`${this.options.pluralSeparator}zero`), be.forEach((oe) => {
+            se([de], o + oe, r[`defaultValue${oe}`] || I);
           });
-        }) : se(Z, o, M));
+        }) : se(Z, o, I));
       }
       p = this.extendTranslation(p, t, r, u, a), N && p === o && this.options.appendNamespaceToMissingKey && (p = `${l}:${o}`), (N || $) && this.options.parseMissingKeyHandler && (p = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${l}:${o}` : o, $ ? p : void 0));
     }
@@ -4429,23 +4429,23 @@ class Mn extends es {
       u.forEach((x) => {
         var E, k;
         this.isValidLookup(a) || (i = x, !fi[`${h[0]}-${x}`] && ((E = this.utils) != null && E.hasLoadedNamespace) && !((k = this.utils) != null && k.hasLoadedNamespace(i)) && (fi[`${h[0]}-${x}`] = !0, this.logger.warn(`key "${n}" for languages "${h.join(", ")}" won't get resolved as namespace "${i}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), h.forEach((D) => {
-          var J;
+          var W;
           if (this.isValidLookup(a)) return;
           o = D;
-          const I = [d];
-          if ((J = this.i18nFormat) != null && J.addLookupKeys)
-            this.i18nFormat.addLookupKeys(I, d, D, x, r);
+          const M = [d];
+          if ((W = this.i18nFormat) != null && W.addLookupKeys)
+            this.i18nFormat.addLookupKeys(M, d, D, x, r);
           else {
-            let M;
-            p && (M = this.pluralResolver.getSuffix(D, r.count, r));
+            let I;
+            p && (I = this.pluralResolver.getSuffix(D, r.count, r));
             const L = `${this.options.pluralSeparator}zero`, B = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (p && (I.push(d + M), r.ordinal && M.indexOf(B) === 0 && I.push(d + M.replace(B, this.options.pluralSeparator)), f && I.push(d + L)), y) {
+            if (p && (M.push(d + I), r.ordinal && I.indexOf(B) === 0 && M.push(d + I.replace(B, this.options.pluralSeparator)), f && M.push(d + L)), y) {
               const g = `${d}${this.options.contextSeparator}${r.context}`;
-              I.push(g), p && (I.push(g + M), r.ordinal && M.indexOf(B) === 0 && I.push(g + M.replace(B, this.options.pluralSeparator)), f && I.push(g + L));
+              M.push(g), p && (M.push(g + I), r.ordinal && I.indexOf(B) === 0 && M.push(g + I.replace(B, this.options.pluralSeparator)), f && M.push(g + L));
             }
           }
           let F;
-          for (; F = I.pop(); )
+          for (; F = M.pop(); )
             this.isValidLookup(a) || (s = F, a = this.getResource(D, x, F, r));
         }));
       });
@@ -5337,7 +5337,7 @@ const Hm = {
   "Jogging.Cartesian.Rotation.velocityDegPerSec.lb": "{{amount}}°/s",
   "Jogging.Velocity.lb": "Geschwindigkeit",
   "General.degree.variable": "{{amount}}°",
-  "General.mm.variable": "{{amount}}mm",
+  "General.mm.variable": "{{amount}} mm",
   "Jogging.Cartesian.MotionType.lb": "Bewegungstyp",
   "Jogging.Cartesian.Translation.bt": "Translation",
   "Jogging.Cartesian.Rotation.bt": "Rotation",
@@ -5345,8 +5345,8 @@ const Hm = {
   "Jogging.Increment.Continuous.dd": "Fortlaufend",
   "Jogging.Cartesian.Orientation.lb": "Orientierung",
   "Jogging.JointLimitsReached.lb": "Gelenkgrenzen für Gelenk {{jointNumbers}} erreicht",
-  "Jogging.Orientation.coordsys": "Base (Roboter)",
-  "Jogging.Orientation.tool": "Tool",
+  "Jogging.Orientation.coordsys": "Roboterbasis",
+  "Jogging.Orientation.tool": "Werkzeug",
   "SafetyBar.ActivationToggle.Activate.bt": "Aktivieren",
   "SafetyBar.ActivationToggle.Activated.bt": "Aktiviert",
   "SafetyBar.ActivationToggle.Activating.bt": "Wird aktiviert…",
@@ -5373,13 +5373,17 @@ Bei einem physischen Roboter bedeutet dies im Allgemeinen, dass ein Freigabescha
   "SafetyBar.SafetyState.Stop.Explanation.lb": "Die Robotersteuerung ist in einen Stoppzustand übergegangen. Bis der Stoppzustand aufgelöst ist, ist keine Bewegung mehr möglich.",
   "SafetyBar.SafetyState.Stop.lb": "Stopp",
   "SafetyBar.SafetyState.ti": "Sicherheitszustand",
-  "SafetyBar.StopState.Estop.Explanation.lb": "NOT-AUS aktiviert. NOT-AUS freischalten, um Roboter zu bewegen."
+  "SafetyBar.StopState.Estop.Explanation.lb": "NOT-AUS aktiviert. NOT-AUS freischalten, um Roboter zu bewegen.",
+  "Jogging.Increment.hlb": "Schrittgröße",
+  "Jogging.CoordinateSystem.hlb": "Koordinatensystem",
+  "Jogging.Cartesian.bt": "Kartesisch",
+  "Jogging.Joints.bt": "Gelenke"
 }, Jm = {
   "Jogging.Cartesian.Translation.velocityMmPerSec.lb": "{{amount}} mm/s",
   "Jogging.Cartesian.Rotation.velocityDegPerSec.lb": "{{amount}}°/s",
   "Jogging.Velocity.lb": "Velocity",
   "General.degree.variable": "{{amount}}°",
-  "General.mm.variable": "{{amount}}mm",
+  "General.mm.variable": "{{amount}} mm",
   "Jogging.Cartesian.MotionType.lb": "Motion type",
   "Jogging.Cartesian.Translation.bt": "Translation",
   "Jogging.Cartesian.Rotation.bt": "Rotation",
@@ -5388,7 +5392,7 @@ Bei einem physischen Roboter bedeutet dies im Allgemeinen, dass ein Freigabescha
   "Jogging.Cartesian.Orientation.lb": "Orientation",
   "Jogging.Activating.lb": "Activating jogging",
   "Jogging.JointLimitsReached.lb": "Joint limit reached for joint {{jointNumbers}}",
-  "Jogging.Orientation.coordsys": "Base",
+  "Jogging.Orientation.coordsys": "Robot base",
   "Jogging.Orientation.tool": "Tool",
   "SafetyBar.ActivationToggle.Activate.bt": "Activate",
   "SafetyBar.ActivationToggle.Activated.bt": "Activated",
@@ -5415,7 +5419,11 @@ Bei einem physischen Roboter bedeutet dies im Allgemeinen, dass ein Freigabescha
   "SafetyBar.SafetyState.Stop.Explanation.lb": "The robot controller has entered a stop state. Movement is no longer possible until the stop state is resolved.",
   "SafetyBar.SafetyState.Stop.lb": "Stop",
   "SafetyBar.SafetyState.ti": "Safety state",
-  "SafetyBar.StopState.Estop.Explanation.lb": "An emergency stop of the robot controller has been triggered. Movement of the robot is no longer possible until the estop is released."
+  "SafetyBar.StopState.Estop.Explanation.lb": "An emergency stop of the robot controller has been triggered. Movement of the robot is no longer possible until the estop is released.",
+  "Jogging.Increment.hlb": "Increment",
+  "Jogging.CoordinateSystem.hlb": "Coordinate system",
+  "Jogging.Cartesian.bt": "Cartesian",
+  "Jogging.Joints.bt": "Joints"
 }, yc = ze.createInstance();
 yc.use(Cu).init({
   supportedLngs: ["en", "de"],
@@ -5448,7 +5456,7 @@ const qm = ({
   ...r
 }, a) => /* @__PURE__ */ G.createElement("svg", { width: 21, height: 21, viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": t, ...r }, e ? /* @__PURE__ */ G.createElement("title", { id: t }, e) : null, /* @__PURE__ */ G.createElement("g", { id: "JogPlus" }, /* @__PURE__ */ G.createElement("g", { id: "Plus" }, /* @__PURE__ */ G.createElement("path", { d: "M0 13V8H8V13H0Z", fill: "white" }), /* @__PURE__ */ G.createElement("path", { d: "M8 0L13 2.18557e-07L13 21H8L8 0Z", fill: "white" }), /* @__PURE__ */ G.createElement("path", { d: "M13 13V8H21V13H13Z", fill: "white" })))), Ym = Le(Km);
 function xo(e) {
-  Kt(e, []);
+  Yt(e, []);
 }
 function Xm(e) {
   xo(() => Jl(e));
@@ -5479,13 +5487,13 @@ const wi = Xr(
       activeJoggingDirection: o,
       ...i
     }) => {
-      var D, I, F, J, M, L, B;
+      var D, M, F, W, I, L, B;
       Ja(() => {
         const g = r(), $ = p.current;
         $ && ($.textContent = g);
       });
       const l = ct(), [c, d] = gr(null);
-      Kt(() => {
+      Yt(() => {
         s && k();
       }, [s]);
       const u = o || c, p = Wr(null);
@@ -5498,7 +5506,8 @@ const wi = Xr(
           default: "#000",
           hovered: "#000",
           pressed: "#000"
-        }
+        },
+        labelColor: "#000"
       });
       const f = u ? (D = e.buttonBackgroundColor) == null ? void 0 : D.pressed : e.borderColor, y = {
         width: "55px",
@@ -5511,17 +5520,17 @@ const wi = Xr(
         }
       }, h = {
         ...y,
-        backgroundColor: (I = e.buttonBackgroundColor) == null ? void 0 : I.default,
+        backgroundColor: (M = e.buttonBackgroundColor) == null ? void 0 : M.default,
         ":hover": {
           backgroundColor: (F = e.buttonBackgroundColor) == null ? void 0 : F.hovered
         },
         ":active": {
-          backgroundColor: (J = e.buttonBackgroundColor) == null ? void 0 : J.pressed,
+          backgroundColor: (W = e.buttonBackgroundColor) == null ? void 0 : W.pressed,
           color: e.backgroundColor,
           path: { fill: e.backgroundColor }
         },
         ":disabled": {
-          backgroundColor: (M = e.buttonBackgroundColor) == null ? void 0 : M.disabled,
+          backgroundColor: (I = e.buttonBackgroundColor) == null ? void 0 : I.disabled,
           "svg path": { fill: l.palette.action.disabled }
         }
       }, x = {
@@ -5646,7 +5655,7 @@ const tf = (e) => {
     root: ["root", t !== "inherit" && `color${Je(t)}`, `fontSize${Je(r)}`]
   };
   return yo(n, ef, a);
-}, rf = $t("svg", {
+}, rf = Ut("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -5896,7 +5905,7 @@ var cf = /^\s+/;
 function df(e) {
   return e && e.slice(0, lf(e) + 1).replace(cf, "");
 }
-var Zt = Rt.Symbol, vc = Object.prototype, uf = vc.hasOwnProperty, pf = vc.toString, ba = Zt ? Zt.toStringTag : void 0;
+var er = Rt.Symbol, vc = Object.prototype, uf = vc.hasOwnProperty, pf = vc.toString, ba = er ? er.toStringTag : void 0;
 function hf(e) {
   var t = uf.call(e, ba), r = e[ba];
   try {
@@ -5911,7 +5920,7 @@ var mf = Object.prototype, ff = mf.toString;
 function gf(e) {
   return ff.call(e);
 }
-var yf = "[object Null]", bf = "[object Undefined]", Ci = Zt ? Zt.toStringTag : void 0;
+var yf = "[object Null]", bf = "[object Undefined]", Ci = er ? er.toStringTag : void 0;
 function br(e) {
   return e == null ? e === void 0 ? bf : yf : Ci && Ci in Object(e) ? hf(e) : gf(e);
 }
@@ -5944,39 +5953,39 @@ function Rf(e, t, r) {
   if (typeof e != "function")
     throw new TypeError(Cf);
   t = Vi(t) || 0, pr(r) && (d = !!r.leading, u = "maxWait" in r, s = u ? Pf(Vi(r.maxWait) || 0, t) : s, p = "trailing" in r ? !!r.trailing : p);
-  function f(J) {
-    var M = a, L = n;
-    return a = n = void 0, c = J, o = e.apply(L, M), o;
+  function f(W) {
+    var I = a, L = n;
+    return a = n = void 0, c = W, o = e.apply(L, I), o;
   }
-  function y(J) {
-    return c = J, i = setTimeout(E, t), d ? f(J) : o;
+  function y(W) {
+    return c = W, i = setTimeout(E, t), d ? f(W) : o;
   }
-  function h(J) {
-    var M = J - l, L = J - c, B = t - M;
+  function h(W) {
+    var I = W - l, L = W - c, B = t - I;
     return u ? Vf(B, s - L) : B;
   }
-  function x(J) {
-    var M = J - l, L = J - c;
-    return l === void 0 || M >= t || M < 0 || u && L >= s;
+  function x(W) {
+    var I = W - l, L = W - c;
+    return l === void 0 || I >= t || I < 0 || u && L >= s;
   }
   function E() {
-    var J = Cs();
-    if (x(J))
-      return k(J);
-    i = setTimeout(E, h(J));
+    var W = Cs();
+    if (x(W))
+      return k(W);
+    i = setTimeout(E, h(W));
   }
-  function k(J) {
-    return i = void 0, p && a ? f(J) : (a = n = void 0, o);
+  function k(W) {
+    return i = void 0, p && a ? f(W) : (a = n = void 0, o);
   }
   function D() {
     i !== void 0 && clearTimeout(i), c = 0, a = l = n = i = void 0;
   }
-  function I() {
+  function M() {
     return i === void 0 ? o : k(Cs());
   }
   function F() {
-    var J = Cs(), M = x(J);
-    if (a = arguments, n = this, l = J, M) {
+    var W = Cs(), I = x(W);
+    if (a = arguments, n = this, l = W, I) {
       if (i === void 0)
         return y(l);
       if (u)
@@ -5984,7 +5993,7 @@ function Rf(e, t, r) {
     }
     return i === void 0 && (i = setTimeout(E, t)), o;
   }
-  return F.cancel = D, F.flush = I, F;
+  return F.cancel = D, F.flush = M, F;
 }
 var _f = "Expected a function";
 function Af(e, t, r) {
@@ -6008,10 +6017,10 @@ const Tf = Xr(
       disabled: s,
       ...o
     }) => {
-      var D, I, F, J, M, L, B;
-      const { t: i } = er(), [l, c] = gr(), d = ct(), u = {
+      var D, M, F, W, I, L, B;
+      const { t: i } = $t(), [l, c] = gr(), d = ct(), u = {
         background: (D = d.palette.backgroundPaperElevation) == null ? void 0 : D[4],
-        color: (I = d.palette.backgroundPaperElevation) == null ? void 0 : I[11]
+        color: (M = d.palette.backgroundPaperElevation) == null ? void 0 : M[11]
       }, p = Nn(() => ({
         activeJoggingDir: null,
         startJogging(g) {
@@ -6062,12 +6071,12 @@ const Tf = Xr(
                 height: "42px"
               },
               "&.Mui-disabled": {
-                backgroundColor: (J = d.palette.backgroundPaperElevation) == null ? void 0 : J[11],
+                backgroundColor: (W = d.palette.backgroundPaperElevation) == null ? void 0 : W[11],
                 color: d.palette.action.disabled,
                 opacity: 1
               },
               "&:hover": {
-                backgroundColor: (M = d.palette.backgroundPaperElevation) == null ? void 0 : M[9]
+                backgroundColor: (I = d.palette.backgroundPaperElevation) == null ? void 0 : I[9]
               },
               "&:active": {
                 ...u
@@ -6270,7 +6279,7 @@ var Yf = Kf;
 function Xf(e) {
   return this.__data__.has(e);
 }
-var Zf = Xf, eg = typeof global == "object" && global && global.Object === Object && global, wc = eg, tg = typeof self == "object" && self && self.Object === Object && self, rg = wc || tg || Function("return this")(), Ut = rg, ag = Ut.Symbol, Yr = ag, Cc = Object.prototype, ng = Cc.hasOwnProperty, sg = Cc.toString, Sa = Yr ? Yr.toStringTag : void 0;
+var Zf = Xf, eg = typeof global == "object" && global && global.Object === Object && global, wc = eg, tg = typeof self == "object" && self && self.Object === Object && self, rg = wc || tg || Function("return this")(), Lt = rg, ag = Lt.Symbol, Yr = ag, Cc = Object.prototype, ng = Cc.hasOwnProperty, sg = Cc.toString, Sa = Yr ? Yr.toStringTag : void 0;
 function og(e) {
   var t = ng.call(e, Sa), r = e[Sa];
   try {
@@ -6296,7 +6305,7 @@ function Sg(e) {
   var t = qa(e);
   return t == gg || t == yg || t == fg || t == bg;
 }
-var Pc = Sg, vg = Ut["__core-js_shared__"], Ps = vg, _i = function() {
+var Pc = Sg, vg = Lt["__core-js_shared__"], Ps = vg, _i = function() {
   var e = /[^.]+$/.exec(Ps && Ps.keys && Ps.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
@@ -6335,7 +6344,7 @@ function Lg(e, t) {
   var r = Ug(e, t);
   return jg(r) ? r : void 0;
 }
-var ea = Lg, kg = ea(Ut, "Map"), La = kg, Bg = ea(Object, "create"), ka = Bg;
+var ea = Lg, kg = ea(Lt, "Map"), La = kg, Bg = ea(Object, "create"), ka = Bg;
 function Fg() {
   this.__data__ = ka ? ka(null) : {}, this.size = 0;
 }
@@ -6507,7 +6516,7 @@ function Ty(e, t, r, a, n, s) {
   }
   return s.delete(e), s.delete(t), p;
 }
-var Rc = Ty, Ey = Ut.Uint8Array, Ti = Ey;
+var Rc = Ty, Ey = Lt.Uint8Array, Ti = Ey;
 function Iy(e) {
   var t = -1, r = Array(e.size);
   return e.forEach(function(a, n) {
@@ -6606,7 +6615,7 @@ var Mi = mb, _c = Object.prototype, fb = _c.hasOwnProperty, gb = _c.propertyIsEn
 function Sb() {
   return !1;
 }
-var vb = Sb, Ac = typeof exports == "object" && exports && !exports.nodeType && exports, ji = Ac && typeof module == "object" && module && !module.nodeType && module, xb = ji && ji.exports === Ac, $i = xb ? Ut.Buffer : void 0, Ob = $i ? $i.isBuffer : void 0, wb = Ob || vb, Hs = wb, Cb = 9007199254740991, Pb = /^(?:0|[1-9]\d*)$/;
+var vb = Sb, Ac = typeof exports == "object" && exports && !exports.nodeType && exports, ji = Ac && typeof module == "object" && module && !module.nodeType && module, xb = ji && ji.exports === Ac, $i = xb ? Lt.Buffer : void 0, Ob = $i ? $i.isBuffer : void 0, wb = Ob || vb, Hs = wb, Cb = 9007199254740991, Pb = /^(?:0|[1-9]\d*)$/;
 function Vb(e, t) {
   var r = typeof e;
   return t = t ?? Cb, !!t && (r == "number" || r != "symbol" && Pb.test(e)) && e > -1 && e % 1 == 0 && e < t;
@@ -6703,12 +6712,12 @@ function T0(e, t, r, a, n, s) {
     x || (x = p == "constructor");
   }
   if (h && !x) {
-    var I = e.constructor, F = t.constructor;
-    I != F && "constructor" in e && "constructor" in t && !(typeof I == "function" && I instanceof I && typeof F == "function" && F instanceof F) && (h = !1);
+    var M = e.constructor, F = t.constructor;
+    M != F && "constructor" in e && "constructor" in t && !(typeof M == "function" && M instanceof M && typeof F == "function" && F instanceof F) && (h = !1);
   }
   return s.delete(e), s.delete(t), h;
 }
-var E0 = T0, I0 = ea(Ut, "DataView"), Js = I0, M0 = ea(Ut, "Promise"), qs = M0, j0 = ea(Ut, "Set"), Ws = j0, $0 = ea(Ut, "WeakMap"), Qs = $0, Bi = "[object Map]", U0 = "[object Object]", Fi = "[object Promise]", Ni = "[object Set]", Di = "[object WeakMap]", zi = "[object DataView]", L0 = Sr(Js), k0 = Sr(La), B0 = Sr(qs), F0 = Sr(Ws), N0 = Sr(Qs), lr = qa;
+var E0 = T0, I0 = ea(Lt, "DataView"), Js = I0, M0 = ea(Lt, "Promise"), qs = M0, j0 = ea(Lt, "Set"), Ws = j0, $0 = ea(Lt, "WeakMap"), Qs = $0, Bi = "[object Map]", U0 = "[object Object]", Fi = "[object Promise]", Ni = "[object Set]", Di = "[object WeakMap]", zi = "[object DataView]", L0 = Sr(Js), k0 = Sr(La), B0 = Sr(qs), F0 = Sr(Ws), N0 = Sr(Qs), lr = qa;
 (Js && lr(new Js(new ArrayBuffer(1))) != zi || La && lr(new La()) != Bi || qs && lr(qs.resolve()) != Fi || Ws && lr(new Ws()) != Ni || Qs && lr(new Qs()) != Di) && (lr = function(e) {
   var t = qa(e), r = t == U0 ? e.constructor : void 0, a = r ? Sr(r) : "";
   if (a)
@@ -7262,7 +7271,7 @@ var eS = function() {
     return this.available ? window.localStorage.getItem(e) : null;
   }
 }, As = new cS();
-function Qt(e) {
+function Kt(e) {
   try {
     return JSON.parse(e);
   } catch {
@@ -7640,10 +7649,10 @@ function ls(e, t, r) {
       if (j.endsWith(h, "{}"))
         h = a ? h : h.slice(0, -2), y = JSON.stringify(y);
       else if (j.isArray(y) && XS(y) || (j.isFileList(y) || j.endsWith(h, "[]")) && (E = j.toArray(y)))
-        return h = Hc(h), E.forEach(function(D, I) {
+        return h = Hc(h), E.forEach(function(D, M) {
           !(j.isUndefined(D) || D === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
-            o === !0 ? Yi([h], I, s) : o === null ? h : h + "[]",
+            o === !0 ? Yi([h], M, s) : o === null ? h : h + "[]",
             c(D)
           );
         }), !1;
@@ -8339,10 +8348,10 @@ const Zc = (e) => {
         config: e,
         request: x
       };
-      Yc(function(M) {
-        r(M), h();
-      }, function(M) {
-        a(M), h();
+      Yc(function(I) {
+        r(I), h();
+      }, function(I) {
+        a(I), h();
       }, F), x = null;
     }
     "onloadend" in x ? x.onloadend = E : x.onreadystatechange = function() {
@@ -8352,16 +8361,16 @@ const Zc = (e) => {
     }, x.onerror = function() {
       a(new ne("Network Error", ne.ERR_NETWORK, e, x)), x = null;
     }, x.ontimeout = function() {
-      let I = n.timeout ? "timeout of " + n.timeout + "ms exceeded" : "timeout exceeded";
+      let M = n.timeout ? "timeout of " + n.timeout + "ms exceeded" : "timeout exceeded";
       const F = n.transitional || Wc;
-      n.timeoutErrorMessage && (I = n.timeoutErrorMessage), a(new ne(
-        I,
+      n.timeoutErrorMessage && (M = n.timeoutErrorMessage), a(new ne(
+        M,
         F.clarifyTimeoutError ? ne.ETIMEDOUT : ne.ECONNABORTED,
         e,
         x
       )), x = null;
-    }, s === void 0 && o.setContentType(null), "setRequestHeader" in x && j.forEach(o.toJSON(), function(I, F) {
-      x.setRequestHeader(F, I);
+    }, s === void 0 && o.setContentType(null), "setRequestHeader" in x && j.forEach(o.toJSON(), function(M, F) {
+      x.setRequestHeader(F, M);
     }), j.isUndefined(n.withCredentials) || (x.withCredentials = !!n.withCredentials), i && i !== "json" && (x.responseType = n.responseType), c && ([p, y] = Ln(c, !0), x.addEventListener("progress", p)), l && x.upload && ([u, f] = Ln(l), x.upload.addEventListener("progress", u), x.upload.addEventListener("loadend", f)), (n.cancelToken || n.signal) && (d = (D) => {
       x && (a(!D || D.type ? new sa(null, e, x) : D), x.abort(), x = null);
     }, n.cancelToken && n.cancelToken.subscribe(d), n.signal && (n.signal.aborted ? d() : n.signal.addEventListener("abort", d)));
@@ -8522,13 +8531,13 @@ const jv = async (e) => {
         method: "POST",
         body: a,
         duplex: "half"
-      }), J;
-      if (j.isFormData(a) && (J = F.headers.get("content-type")) && d.setContentType(J), F.body) {
-        const [M, L] = tl(
+      }), W;
+      if (j.isFormData(a) && (W = F.headers.get("content-type")) && d.setContentType(W), F.body) {
+        const [I, L] = tl(
           x,
           Ln(rl(l))
         );
-        a = nl(F.body, sl, M, L);
+        a = nl(F.body, sl, I, L);
       }
     }
     j.isString(u) || (u = u ? "include" : "omit");
@@ -8549,22 +8558,22 @@ const jv = async (e) => {
       ["status", "statusText", "headers"].forEach((B) => {
         F[B] = k[B];
       });
-      const J = j.toFiniteNumber(k.headers.get("content-length")), [M, L] = i && tl(
-        J,
+      const W = j.toFiniteNumber(k.headers.get("content-length")), [I, L] = i && tl(
+        W,
         Ln(rl(i), !0)
       ) || [];
       k = new Response(
-        nl(k.body, sl, M, () => {
+        nl(k.body, sl, I, () => {
           L && L(), h && h();
         }),
         F
       );
     }
     c = c || "text";
-    let I = await kn[j.findKey(kn, c) || "text"](k, e);
-    return !D && h && h(), await new Promise((F, J) => {
-      Yc(F, J, {
-        data: I,
+    let M = await kn[j.findKey(kn, c) || "text"](k, e);
+    return !D && h && h(), await new Promise((F, W) => {
+      Yc(F, W, {
+        data: M,
         headers: Ye.from(k.headers),
         status: k.status,
         statusText: k.statusText,
@@ -14108,7 +14117,7 @@ const Sx = function(e) {
       };
     }
   };
-}, Ht = function(e) {
+}, Jt = function(e) {
   const t = Sx(e);
   return {
     /**
@@ -14227,7 +14236,7 @@ class vx extends Oe {
    * @memberof ProgramApi
    */
   createProgramRunner(t, r, a) {
-    return Ht(this.configuration).createProgramRunner(t, r, a).then((n) => n(this.axios, this.basePath));
+    return Jt(this.configuration).createProgramRunner(t, r, a).then((n) => n(this.axios, this.basePath));
   }
   /**
    * Execute a program in Wandelscript. The Wandelscript can also move multiple robots by using the \'do with\' syntax.  The execute operation will be started from the current joint configuration of any addressed robot(s).  Addressed robots have to be in control mode for the execute operation to succeed.  A request to this endpoint will block this endpoint until the program has been executed, or until an error occurs.  The executed movement is returned in case of a succesful execution. Otherwise an error (e.g. out of reach, singularity), is returned.  The Wandelscript can either be submitted as is, using Content-type text/plain, or as content-type application/json with the Wandelscript under \"code\" alongside a set of values provided under \"initial_state\".  * [WandelEngine & Wandelscript Documentation](/docs/docs/wandelscript)
@@ -14239,7 +14248,7 @@ class vx extends Oe {
    * @memberof ProgramApi
    */
   executeProgram(t, r, a) {
-    return Ht(this.configuration).executeProgram(t, r, a).then((n) => n(this.axios, this.basePath));
+    return Jt(this.configuration).executeProgram(t, r, a).then((n) => n(this.axios, this.basePath));
   }
   /**
    * Returns information about a program currently executed.  When a program is finished: Program response, result, collected Wandelscript logs, etc.  When a program is running: Running status, current executed line, etc.  ## Parameters - **runner_id**: The id of the program runner
@@ -14251,7 +14260,7 @@ class vx extends Oe {
    * @memberof ProgramApi
    */
   getProgramRunner(t, r, a) {
-    return Ht(this.configuration).getProgramRunner(t, r, a).then((n) => n(this.axios, this.basePath));
+    return Jt(this.configuration).getProgramRunner(t, r, a).then((n) => n(this.axios, this.basePath));
   }
   /**
    * Get details about all existing program runners.
@@ -14262,7 +14271,7 @@ class vx extends Oe {
    * @memberof ProgramApi
    */
   listProgramRunners(t, r) {
-    return Ht(this.configuration).listProgramRunners(t, r).then((a) => a(this.axios, this.basePath));
+    return Jt(this.configuration).listProgramRunners(t, r).then((a) => a(this.axios, this.basePath));
   }
   /**
    * Migrate a program  ## Parameters See the **Schema** tab for information about the request body
@@ -14274,7 +14283,7 @@ class vx extends Oe {
    * @memberof ProgramApi
    */
   migrateProgram(t, r, a) {
-    return Ht(this.configuration).migrateProgram(t, r, a).then((n) => n(this.axios, this.basePath));
+    return Jt(this.configuration).migrateProgram(t, r, a).then((n) => n(this.axios, this.basePath));
   }
   /**
    * Plan a program based on the specified robot type.  The plan operation can be used to check if a Wandelscript is executable, given the current joint configuration of the robot.  If the Wandelscript is executable, the result contains the motion path. If the Wandelscript is not executable, e.g. points that are out of reach, or the joints encounter a singularity, the reason is returned.  The plan operation can be used in other operating modes besides control mode.  The Wandelscript can either be submitted as is, using Content-type text/plain, or as content-type application/json with the Wandelscript under \"code\" alongside a set of values provided under \"initial_state\".  The plan operation can be used in other operating modes besides control mode.  The Wandelscript can either be submitted as is, using Content-type text/plain, or as Content-type application/json with the Wandelscript under \"code\" alongside a set of values provided under \"initial_state\".  * [WandelEngine & Wandelscript Documentation](/docs/docs/wandelscript)
@@ -14287,7 +14296,7 @@ class vx extends Oe {
    * @memberof ProgramApi
    */
   planProgram(t, r, a, n) {
-    return Ht(this.configuration).planProgram(t, r, a, n).then((s) => s(this.axios, this.basePath));
+    return Jt(this.configuration).planProgram(t, r, a, n).then((s) => s(this.axios, this.basePath));
   }
   /**
    * Stop all runners.
@@ -14298,7 +14307,7 @@ class vx extends Oe {
    * @memberof ProgramApi
    */
   stopAllProgramRunner(t, r) {
-    return Ht(this.configuration).stopAllProgramRunner(t, r).then((a) => a(this.axios, this.basePath));
+    return Jt(this.configuration).stopAllProgramRunner(t, r).then((a) => a(this.axios, this.basePath));
   }
   /**
    * Stop a specific program runner. If the indicated runner was not running, an error will be returned.  ## Parameters - **runner_id**: The id of the program runner
@@ -14310,7 +14319,7 @@ class vx extends Oe {
    * @memberof ProgramApi
    */
   stopProgramRunner(t, r, a) {
-    return Ht(this.configuration).stopProgramRunner(t, r, a).then((n) => n(this.axios, this.basePath));
+    return Jt(this.configuration).stopProgramRunner(t, r, a).then((n) => n(this.axios, this.basePath));
   }
 }
 const xx = function(e) {
@@ -16856,7 +16865,7 @@ const Lx = function(e) {
       };
     }
   };
-}, Jt = function(e) {
+}, qt = function(e) {
   const t = Lx(e);
   return {
     /**
@@ -16988,7 +16997,7 @@ class kx extends Oe {
    * @memberof VirtualRobotSetupApi
    */
   addVirtualRobotCoordinateSystem(t, r, a, n) {
-    return Jt(this.configuration).addVirtualRobotCoordinateSystem(t, r, a, n).then((s) => s(this.axios, this.basePath));
+    return qt(this.configuration).addVirtualRobotCoordinateSystem(t, r, a, n).then((s) => s(this.axios, this.basePath));
   }
   /**
    * Adds a new TCP or updates an existing TCP in the motion group.  The position and rotation values in the request body are defined within the flange’s coordinate system.  > **NOTE** > > Ensure the TCP\'s position is within the robot\'s reach. Refer to the robot’s documentation or data sheet for details like joint limits or reach.
@@ -17002,7 +17011,7 @@ class kx extends Oe {
    * @memberof VirtualRobotSetupApi
    */
   addVirtualRobotTcp(t, r, a, n, s) {
-    return Jt(this.configuration).addVirtualRobotTcp(t, r, a, n, s).then((o) => o(this.axios, this.basePath));
+    return qt(this.configuration).addVirtualRobotTcp(t, r, a, n, s).then((o) => o(this.axios, this.basePath));
   }
   /**
    * Deletes a coordinate system from the virtual controller. This will remove the coordinate system from the list of coordinate systems and remove all dependent coordinate systems which use the deleted coordinate system as reference.
@@ -17016,7 +17025,7 @@ class kx extends Oe {
    * @memberof VirtualRobotSetupApi
    */
   deleteVirtualRobotCoordinateSystem(t, r, a, n, s) {
-    return Jt(this.configuration).deleteVirtualRobotCoordinateSystem(t, r, a, n, s).then((o) => o(this.axios, this.basePath));
+    return qt(this.configuration).deleteVirtualRobotCoordinateSystem(t, r, a, n, s).then((o) => o(this.axios, this.basePath));
   }
   /**
    * Removes the TCP from the motion group. An unknown TCP is a valid input.
@@ -17030,7 +17039,7 @@ class kx extends Oe {
    * @memberof VirtualRobotSetupApi
    */
   deleteVirtualRobotTcp(t, r, a, n, s) {
-    return Jt(this.configuration).deleteVirtualRobotTcp(t, r, a, n, s).then((o) => o(this.axios, this.basePath));
+    return qt(this.configuration).deleteVirtualRobotTcp(t, r, a, n, s).then((o) => o(this.axios, this.basePath));
   }
   /**
    * Gets motion group mounting. The motion group is based on the origin of the returned coordinate system.
@@ -17043,7 +17052,7 @@ class kx extends Oe {
    * @memberof VirtualRobotSetupApi
    */
   getVirtualRobotMounting(t, r, a, n) {
-    return Jt(this.configuration).getVirtualRobotMounting(t, r, a, n).then((s) => s(this.axios, this.basePath));
+    return qt(this.configuration).getVirtualRobotMounting(t, r, a, n).then((s) => s(this.axios, this.basePath));
   }
   /**
    * Lists all coordinate systems on the robot controller.
@@ -17055,7 +17064,7 @@ class kx extends Oe {
    * @memberof VirtualRobotSetupApi
    */
   listVirtualRobotCoordinateSystems(t, r, a) {
-    return Jt(this.configuration).listVirtualRobotCoordinateSystems(t, r, a).then((n) => n(this.axios, this.basePath));
+    return qt(this.configuration).listVirtualRobotCoordinateSystems(t, r, a).then((n) => n(this.axios, this.basePath));
   }
   /**
    * Lists TCPs of the motion group. An empty TCP list is valid, for example for external axes.
@@ -17068,7 +17077,7 @@ class kx extends Oe {
    * @memberof VirtualRobotSetupApi
    */
   listVirtualRobotTcps(t, r, a, n) {
-    return Jt(this.configuration).listVirtualRobotTcps(t, r, a, n).then((s) => s(this.axios, this.basePath));
+    return qt(this.configuration).listVirtualRobotTcps(t, r, a, n).then((s) => s(this.axios, this.basePath));
   }
   /**
    * Sets motion group mounting by specifying a coordinate system. The motion group will be based on the coordinate system\'s origin. The coordinate system defines a transformation offset. The transformation offset is defined by a unique identifier, a name for front end usage and an offset in another coordinate system referenced by the unique identifier of the reference coordinate system.
@@ -17082,7 +17091,7 @@ class kx extends Oe {
    * @memberof VirtualRobotSetupApi
    */
   setVirtualRobotMounting(t, r, a, n, s) {
-    return Jt(this.configuration).setVirtualRobotMounting(t, r, a, n, s).then((o) => o(this.axios, this.basePath));
+    return qt(this.configuration).setVirtualRobotMounting(t, r, a, n, s).then((o) => o(this.axios, this.basePath));
   }
 }
 function Mt(e, t, r) {
@@ -17128,11 +17137,11 @@ class Bx {
       let x = 1 - i;
       const E = l * p + c * f + d * y + u * h, k = E >= 0 ? 1 : -1, D = 1 - E * E;
       if (D > Number.EPSILON) {
-        const F = Math.sqrt(D), J = Math.atan2(F, E * k);
-        x = Math.sin(x * J) / F, i = Math.sin(i * J) / F;
+        const F = Math.sqrt(D), W = Math.atan2(F, E * k);
+        x = Math.sin(x * W) / F, i = Math.sin(i * W) / F;
       }
-      const I = i * k;
-      if (l = l * x + p * I, c = c * x + f * I, d = d * x + y * I, u = u * x + h * I, x === 1 - i) {
+      const M = i * k;
+      if (l = l * x + p * M, c = c * x + f * M, d = d * x + y * M, u = u * x + h * M, x === 1 - i) {
         const F = 1 / Math.sqrt(l * l + c * c + d * d + u * u);
         l *= F, c *= F, d *= F, u *= F;
       }
@@ -18327,8 +18336,8 @@ function Us() {
 var vt = {}, ul;
 function Nx() {
   if (ul) return vt;
-  ul = 1, Object.defineProperty(vt, "__esModule", { value: !0 }), vt.TokenData = void 0, vt.parse = u, vt.compile = p, vt.match = h, vt.pathToRegexp = x, vt.stringify = I;
-  const e = "/", t = (M) => M, r = /^[$_\p{ID_Start}]$/u, a = /^[$\u200c\u200d\p{ID_Continue}]$/u, n = "https://git.new/pathToRegexpError", s = {
+  ul = 1, Object.defineProperty(vt, "__esModule", { value: !0 }), vt.TokenData = void 0, vt.parse = u, vt.compile = p, vt.match = h, vt.pathToRegexp = x, vt.stringify = M;
+  const e = "/", t = (I) => I, r = /^[$_\p{ID_Start}]$/u, a = /^[$\u200c\u200d\p{ID_Continue}]$/u, n = "https://git.new/pathToRegexpError", s = {
     // Groups.
     "{": "{",
     "}": "}",
@@ -18341,14 +18350,14 @@ function Nx() {
     "?": "?",
     "!": "!"
   };
-  function o(M) {
-    return M.replace(/[{}()\[\]+?!:*]/g, "\\$&");
+  function o(I) {
+    return I.replace(/[{}()\[\]+?!:*]/g, "\\$&");
   }
-  function i(M) {
-    return M.replace(/[.+*?^${}()[\]|/\\]/g, "\\$&");
+  function i(I) {
+    return I.replace(/[.+*?^${}()[\]|/\\]/g, "\\$&");
   }
-  function* l(M) {
-    const L = [...M];
+  function* l(I) {
+    const L = [...I];
     let B = 0;
     function g() {
       let $ = "";
@@ -18378,11 +18387,11 @@ function Nx() {
       else if ($ === "\\")
         yield { type: "ESCAPED", index: B++, value: L[B++] };
       else if ($ === ":") {
-        const q = g();
-        yield { type: "PARAM", index: B, value: q };
+        const J = g();
+        yield { type: "PARAM", index: B, value: J };
       } else if ($ === "*") {
-        const q = g();
-        yield { type: "WILDCARD", index: B, value: q };
+        const J = g();
+        yield { type: "WILDCARD", index: B, value: J };
       } else
         yield { type: "CHAR", index: B, value: L[B++] };
     }
@@ -18424,9 +18433,9 @@ function Nx() {
     }
   }
   vt.TokenData = d;
-  function u(M, L = {}) {
-    const { encodePath: B = t } = L, g = new c(l(M));
-    function $(q) {
+  function u(I, L = {}) {
+    const { encodePath: B = t } = L, g = new c(l(I));
+    function $(J) {
       const z = [];
       for (; ; ) {
         const ee = g.text();
@@ -18454,14 +18463,14 @@ function Nx() {
           });
           continue;
         }
-        return g.consume(q), z;
+        return g.consume(J), z;
       }
     }
     const N = $("END");
     return new d(N);
   }
-  function p(M, L = {}) {
-    const { encode: B = encodeURIComponent, delimiter: g = e } = L, $ = M instanceof d ? M : u(M, L), N = f($.tokens, g, B);
+  function p(I, L = {}) {
+    const { encode: B = encodeURIComponent, delimiter: g = e } = L, $ = I instanceof d ? I : u(I, L), N = f($.tokens, g, B);
     return function(z = {}) {
       const [ee, ...Z] = N(z);
       if (Z.length)
@@ -18469,52 +18478,52 @@ function Nx() {
       return ee;
     };
   }
-  function f(M, L, B) {
-    const g = M.map(($) => y($, L, B));
+  function f(I, L, B) {
+    const g = I.map(($) => y($, L, B));
     return ($) => {
       const N = [""];
-      for (const q of g) {
-        const [z, ...ee] = q($);
+      for (const J of g) {
+        const [z, ...ee] = J($);
         N[0] += z, N.push(...ee);
       }
       return N;
     };
   }
-  function y(M, L, B) {
-    if (M.type === "text")
-      return () => [M.value];
-    if (M.type === "group") {
-      const $ = f(M.tokens, L, B);
+  function y(I, L, B) {
+    if (I.type === "text")
+      return () => [I.value];
+    if (I.type === "group") {
+      const $ = f(I.tokens, L, B);
       return (N) => {
-        const [q, ...z] = $(N);
-        return z.length ? [""] : [q];
+        const [J, ...z] = $(N);
+        return z.length ? [""] : [J];
       };
     }
     const g = B || t;
-    return M.type === "wildcard" && B !== !1 ? ($) => {
-      const N = $[M.name];
+    return I.type === "wildcard" && B !== !1 ? ($) => {
+      const N = $[I.name];
       if (N == null)
-        return ["", M.name];
+        return ["", I.name];
       if (!Array.isArray(N) || N.length === 0)
-        throw new TypeError(`Expected "${M.name}" to be a non-empty array`);
+        throw new TypeError(`Expected "${I.name}" to be a non-empty array`);
       return [
-        N.map((q, z) => {
-          if (typeof q != "string")
-            throw new TypeError(`Expected "${M.name}/${z}" to be a string`);
-          return g(q);
+        N.map((J, z) => {
+          if (typeof J != "string")
+            throw new TypeError(`Expected "${I.name}/${z}" to be a string`);
+          return g(J);
         }).join(L)
       ];
     } : ($) => {
-      const N = $[M.name];
+      const N = $[I.name];
       if (N == null)
-        return ["", M.name];
+        return ["", I.name];
       if (typeof N != "string")
-        throw new TypeError(`Expected "${M.name}" to be a string`);
+        throw new TypeError(`Expected "${I.name}" to be a string`);
       return [g(N)];
     };
   }
-  function h(M, L = {}) {
-    const { decode: B = decodeURIComponent, delimiter: g = e } = L, { regexp: $, keys: N } = x(M, L), q = N.map((z) => B === !1 ? t : z.type === "param" ? B : (ee) => ee.split(g).map(B));
+  function h(I, L = {}) {
+    const { decode: B = decodeURIComponent, delimiter: g = e } = L, { regexp: $, keys: N } = x(I, L), J = N.map((z) => B === !1 ? t : z.type === "param" ? B : (ee) => ee.split(g).map(B));
     return function(ee) {
       const Z = $.exec(ee);
       if (!Z)
@@ -18523,38 +18532,38 @@ function Nx() {
       for (let de = 1; de < Z.length; de++) {
         if (Z[de] === void 0)
           continue;
-        const be = N[de - 1], oe = q[de - 1];
+        const be = N[de - 1], oe = J[de - 1];
         se[be.name] = oe(Z[de]);
       }
       return { path: Pe, params: se };
     };
   }
-  function x(M, L = {}) {
-    const { delimiter: B = e, end: g = !0, sensitive: $ = !1, trailing: N = !0 } = L, q = [], z = [], ee = $ ? "" : "i", Pe = (Array.isArray(M) ? M : [M]).map((be) => be instanceof d ? be : u(be, L));
+  function x(I, L = {}) {
+    const { delimiter: B = e, end: g = !0, sensitive: $ = !1, trailing: N = !0 } = L, J = [], z = [], ee = $ ? "" : "i", Pe = (Array.isArray(I) ? I : [I]).map((be) => be instanceof d ? be : u(be, L));
     for (const { tokens: be } of Pe)
       for (const oe of E(be, 0, [])) {
-        const Ge = k(oe, B, q);
+        const Ge = k(oe, B, J);
         z.push(Ge);
       }
     let se = `^(?:${z.join("|")})`;
-    return N && (se += `(?:${i(B)}$)?`), se += g ? "$" : `(?=${i(B)}|$)`, { regexp: new RegExp(se, ee), keys: q };
+    return N && (se += `(?:${i(B)}$)?`), se += g ? "$" : `(?=${i(B)}|$)`, { regexp: new RegExp(se, ee), keys: J };
   }
-  function* E(M, L, B) {
-    if (L === M.length)
+  function* E(I, L, B) {
+    if (L === I.length)
       return yield B;
-    const g = M[L];
+    const g = I[L];
     if (g.type === "group") {
       const $ = B.slice();
       for (const N of E(g.tokens, 0, $))
-        yield* E(M, L + 1, N);
+        yield* E(I, L + 1, N);
     } else
       B.push(g);
-    yield* E(M, L + 1, B);
+    yield* E(I, L + 1, B);
   }
-  function k(M, L, B) {
+  function k(I, L, B) {
     let g = "", $ = "", N = !0;
-    for (let q = 0; q < M.length; q++) {
-      const z = M[q];
+    for (let J = 0; J < I.length; J++) {
+      const z = I[J];
       if (z.type === "text") {
         g += i(z.value), $ += z.value, N || (N = z.value.includes(L));
         continue;
@@ -18568,29 +18577,29 @@ function Nx() {
     }
     return g;
   }
-  function D(M, L) {
-    return L.length < 2 ? M.length < 2 ? `[^${i(M + L)}]` : `(?:(?!${i(M)})[^${i(L)}])` : M.length < 2 ? `(?:(?!${i(L)})[^${i(M)}])` : `(?:(?!${i(L)}|${i(M)})[\\s\\S])`;
+  function D(I, L) {
+    return L.length < 2 ? I.length < 2 ? `[^${i(I + L)}]` : `(?:(?!${i(I)})[^${i(L)}])` : I.length < 2 ? `(?:(?!${i(L)})[^${i(I)}])` : `(?:(?!${i(L)}|${i(I)})[\\s\\S])`;
   }
-  function I(M) {
-    return M.tokens.map(function L(B, g, $) {
+  function M(I) {
+    return I.tokens.map(function L(B, g, $) {
       if (B.type === "text")
         return o(B.value);
       if (B.type === "group")
         return `{${B.tokens.map(L).join("")}}`;
-      const q = F(B.name) && J($[g + 1]) ? B.name : JSON.stringify(B.name);
+      const J = F(B.name) && W($[g + 1]) ? B.name : JSON.stringify(B.name);
       if (B.type === "param")
-        return `:${q}`;
+        return `:${J}`;
       if (B.type === "wildcard")
-        return `*${q}`;
+        return `*${J}`;
       throw new TypeError(`Unexpected token: ${B}`);
     }).join("");
   }
-  function F(M) {
-    const [L, ...B] = M;
+  function F(I) {
+    const [L, ...B] = I;
     return r.test(L) ? B.every((g) => a.test(g)) : !1;
   }
-  function J(M) {
-    return (M == null ? void 0 : M.type) !== "text" ? !0 : !a.test(M.value[0]);
+  function W(I) {
+    return (I == null ? void 0 : I.type) !== "text" ? !0 : !a.test(I.value[0]);
   }
   return vt;
 }
@@ -18615,13 +18624,13 @@ var pl = 1e-4, zx = class ld {
   constructor(t, r, a, n, s, o, i, l, c, d, u, p) {
     this.nova = t, this.controller = r, this.motionGroup = a, this.initialMotionState = n, this.motionStateSocket = s, this.isVirtual = o, this.tcps = i, this.motionGroupSpecification = l, this.safetySetup = c, this.mounting = d, this.initialControllerState = u, this.controllerStateSocket = p, this.connectedJoggingCartesianSocket = null, this.connectedJoggingJointsSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.rapidlyChangingMotionState = n, this.controllerState = u, p.addEventListener("message", (f) => {
       var y;
-      const h = (y = Qt(f.data)) == null ? void 0 : y.result;
+      const h = (y = Kt(f.data)) == null ? void 0 : y.result;
       h && et(() => {
         this.controllerState = h;
       });
     }), s.addEventListener("message", (f) => {
       var y;
-      const h = (y = Qt(f.data)) == null ? void 0 : y.result;
+      const h = (y = Kt(f.data)) == null ? void 0 : y.result;
       if (!h)
         throw new Error(
           `Failed to get motion state for ${this.motionGroupId}: ${f.data}`
@@ -18644,8 +18653,8 @@ var pl = 1e-4, zx = class ld {
   static connect(t, r, a) {
     return xe(this, null, function* () {
       var n, s;
-      const [o, i] = r.split("@"), l = a.find((J) => J.controller === i), c = l == null ? void 0 : l.physical_motion_groups.find(
-        (J) => J.motion_group === r
+      const [o, i] = r.split("@"), l = a.find((W) => W.controller === i), c = l == null ? void 0 : l.physical_motion_groups.find(
+        (W) => W.motion_group === r
       );
       if (!l || !c)
         throw new Error(
@@ -18653,7 +18662,7 @@ var pl = 1e-4, zx = class ld {
         );
       const d = t.openReconnectingWebsocket(
         `/motion-groups/${r}/state-stream`
-      ), u = yield d.firstMessage(), p = (n = Qt(u.data)) == null ? void 0 : n.result;
+      ), u = yield d.firstMessage(), p = (n = Kt(u.data)) == null ? void 0 : n.result;
       if (!p)
         throw new Error(
           `Unable to parse initial motion state message ${u.data}`
@@ -18670,15 +18679,15 @@ var pl = 1e-4, zx = class ld {
           return yield t.api.motionGroupInfos.getMounting(
             c.motion_group
           );
-        } catch (J) {
+        } catch (W) {
           return console.error(
             `Error fetching mounting for ${c.motion_group}`,
-            J
+            W
           ), null;
         }
       }), x = t.openReconnectingWebsocket(
         `/controllers/${l.controller}/state-stream?response_rate=1000`
-      ), E = yield x.firstMessage(), k = (s = Qt(E.data)) == null ? void 0 : s.result;
+      ), E = yield x.firstMessage(), k = (s = Kt(E.data)) == null ? void 0 : s.result;
       if (!k)
         throw new Error(
           `Unable to parse initial controller state message ${E.data}`
@@ -18688,7 +18697,7 @@ var pl = 1e-4, zx = class ld {
   `,
         k
       );
-      const { tcps: D } = yield t.api.motionGroupInfos.listTcps(r), I = yield t.api.motionGroupInfos.getMotionGroupSpecification(r), F = yield t.api.motionGroupInfos.getSafetySetup(r);
+      const { tcps: D } = yield t.api.motionGroupInfos.listTcps(r), M = yield t.api.motionGroupInfos.getMotionGroupSpecification(r), F = yield t.api.motionGroupInfos.getSafetySetup(r);
       return new ld(
         t,
         l,
@@ -18697,7 +18706,7 @@ var pl = 1e-4, zx = class ld {
         d,
         y,
         D,
-        I,
+        M,
         F,
         h,
         k,
@@ -18894,7 +18903,7 @@ var pl = 1e-4, zx = class ld {
     ), this.cartesianWebsocket.addEventListener(
       "message",
       (a) => {
-        const n = Qt(a.data);
+        const n = Kt(a.data);
         if (n && "error" in n)
           if (this.opts.onError)
             this.opts.onError(a.data);
@@ -18904,7 +18913,7 @@ var pl = 1e-4, zx = class ld {
     )), t === "joint" && !this.jointWebsocket && (this.jointWebsocket = this.nova.openReconnectingWebsocket(
       "/motion-groups/move-joint"
     ), this.jointWebsocket.addEventListener("message", (a) => {
-      const n = Qt(a.data);
+      const n = Kt(a.data);
       if (n && "error" in n)
         if (this.opts.onError)
           this.opts.onError(a.data);
@@ -19024,9 +19033,9 @@ var pl = 1e-4, zx = class ld {
           r.orientation.z
         ), y = f.length(), h = f.clone().normalize(), x = l.distanceRads * (i === "-" ? -1 : 1), E = new qr(0, 0, 0);
         E[o] = 1;
-        const k = Math.cos(0.5 * x) * Math.cos(0.5 * y), D = Math.sin(0.5 * x) * Math.sin(0.5 * y), I = Math.sin(0.5 * x) * Math.cos(0.5 * y), F = Math.cos(0.5 * x) * Math.sin(0.5 * y), J = E.dot(
+        const k = Math.cos(0.5 * x) * Math.cos(0.5 * y), D = Math.sin(0.5 * x) * Math.sin(0.5 * y), M = Math.sin(0.5 * x) * Math.cos(0.5 * y), F = Math.cos(0.5 * x) * Math.sin(0.5 * y), W = E.dot(
           h
-        ), M = E.clone().cross(h), L = 2 * Math.acos(k - D * J), B = L / Math.sin(0.5 * L), g = new qr().addScaledVector(M, D).addScaledVector(E, I).addScaledVector(h, F).multiplyScalar(B);
+        ), I = E.clone().cross(h), L = 2 * Math.acos(k - D * W), B = L / Math.sin(0.5 * L), g = new qr().addScaledVector(I, D).addScaledVector(E, M).addScaledVector(h, F).multiplyScalar(B);
         d.push({
           settings: {
             limits_override: {
@@ -19135,7 +19144,7 @@ var Jx = class dd {
   constructor(t, r, a, n, s) {
     this.nova = t, this.controller = r, this.motionGroup = a, this.initialMotionState = n, this.motionStateSocket = s, this.rapidlyChangingMotionState = n, s.addEventListener("message", (o) => {
       var i;
-      const l = (i = Qt(o.data)) == null ? void 0 : i.result;
+      const l = (i = Kt(o.data)) == null ? void 0 : i.result;
       if (!l)
         throw new Error(
           `Failed to get motion state for ${this.motionGroupId}: ${o.data}`
@@ -19177,7 +19186,7 @@ var Jx = class dd {
         `/motion-groups/${r}/state-stream`
       ), d = yield c.firstMessage();
       console.log("got first message", d);
-      const u = (a = Qt(d.data)) == null ? void 0 : a.result;
+      const u = (a = Kt(d.data)) == null ? void 0 : a.result;
       if (!u)
         throw new Error(
           `Unable to parse initial motion state message ${d.data}`
@@ -20642,7 +20651,7 @@ function Zx(e) {
 }
 const ud = (e) => {
   const t = e.softTimeout || 3e3, [r, a] = gr(!1), n = ct();
-  return Kt(() => {
+  return Yt(() => {
     const s = setTimeout(() => {
       a(!0);
     }, t);
@@ -20750,20 +20759,20 @@ function f1(e, t) {
   var r = this.__data__, a = us(r, e);
   return a < 0 ? (++this.size, r.push([e, t])) : r[a][1] = t, this;
 }
-function Lt(e) {
+function kt(e) {
   var t = -1, r = e == null ? 0 : e.length;
   for (this.clear(); ++t < r; ) {
     var a = e[t];
     this.set(a[0], a[1]);
   }
 }
-Lt.prototype.clear = c1;
-Lt.prototype.delete = p1;
-Lt.prototype.get = h1;
-Lt.prototype.has = m1;
-Lt.prototype.set = f1;
+kt.prototype.clear = c1;
+kt.prototype.delete = p1;
+kt.prototype.get = h1;
+kt.prototype.has = m1;
+kt.prototype.set = f1;
 function g1() {
-  this.__data__ = new Lt(), this.size = 0;
+  this.__data__ = new kt(), this.size = 0;
 }
 function y1(e) {
   var t = this.__data__, r = t.delete(e);
@@ -20861,7 +20870,7 @@ fr.prototype.set = J1;
 function q1() {
   this.size = 0, this.__data__ = {
     hash: new fr(),
-    map: new (Na || Lt)(),
+    map: new (Na || kt)(),
     string: new fr()
   };
 }
@@ -20887,31 +20896,31 @@ function X1(e, t) {
   var r = ps(this, e), a = r.size;
   return r.set(e, t), this.size += r.size == a ? 0 : 1, this;
 }
-function kt(e) {
+function Bt(e) {
   var t = -1, r = e == null ? 0 : e.length;
   for (this.clear(); ++t < r; ) {
     var a = e[t];
     this.set(a[0], a[1]);
   }
 }
-kt.prototype.clear = q1;
-kt.prototype.delete = Q1;
-kt.prototype.get = K1;
-kt.prototype.has = Y1;
-kt.prototype.set = X1;
+Bt.prototype.clear = q1;
+Bt.prototype.delete = Q1;
+Bt.prototype.get = K1;
+Bt.prototype.has = Y1;
+Bt.prototype.set = X1;
 var Z1 = 200;
 function eO(e, t) {
   var r = this.__data__;
-  if (r instanceof Lt) {
+  if (r instanceof kt) {
     var a = r.__data__;
     if (!Na || a.length < Z1 - 1)
       return a.push([e, t]), this.size = ++r.size, this;
-    r = this.__data__ = new kt(a);
+    r = this.__data__ = new Bt(a);
   }
   return r.set(e, t), this.size = r.size, this;
 }
 function jt(e) {
-  var t = this.__data__ = new Lt(e);
+  var t = this.__data__ = new kt(e);
   this.size = t.size;
 }
 jt.prototype.clear = g1;
@@ -20928,7 +20937,7 @@ function aO(e) {
 }
 function Bn(e) {
   var t = -1, r = e == null ? 0 : e.length;
-  for (this.__data__ = new kt(); ++t < r; )
+  for (this.__data__ = new Bt(); ++t < r; )
     this.add(e[t]);
 }
 Bn.prototype.add = Bn.prototype.push = rO;
@@ -20989,7 +20998,7 @@ function cO(e) {
     r[++t] = a;
   }), r;
 }
-var dO = 1, uO = 2, pO = "[object Boolean]", hO = "[object Date]", mO = "[object Error]", fO = "[object Map]", gO = "[object Number]", yO = "[object RegExp]", bO = "[object Set]", SO = "[object String]", vO = "[object Symbol]", xO = "[object ArrayBuffer]", OO = "[object DataView]", gl = Zt ? Zt.prototype : void 0, ks = gl ? gl.valueOf : void 0;
+var dO = 1, uO = 2, pO = "[object Boolean]", hO = "[object Date]", mO = "[object Error]", fO = "[object Map]", gO = "[object Number]", yO = "[object RegExp]", bO = "[object Set]", SO = "[object String]", vO = "[object Symbol]", xO = "[object ArrayBuffer]", OO = "[object DataView]", gl = er ? er.prototype : void 0, ks = gl ? gl.valueOf : void 0;
 function wO(e, t, r, a, n, s, o) {
   switch (r) {
     case OO:
@@ -21159,13 +21168,13 @@ function Rw(e, t, r, a, n, s) {
     x || (x = p == "constructor");
   }
   if (h && !x) {
-    var I = e.constructor, F = t.constructor;
-    I != F && "constructor" in e && "constructor" in t && !(typeof I == "function" && I instanceof I && typeof F == "function" && F instanceof F) && (h = !1);
+    var M = e.constructor, F = t.constructor;
+    M != F && "constructor" in e && "constructor" in t && !(typeof M == "function" && M instanceof M && typeof F == "function" && F instanceof F) && (h = !1);
   }
   return s.delete(e), s.delete(t), h;
 }
-var io = xr(Rt, "DataView"), lo = xr(Rt, "Promise"), co = xr(Rt, "Set"), uo = xr(Rt, "WeakMap"), Cl = "[object Map]", _w = "[object Object]", Pl = "[object Promise]", Vl = "[object Set]", Rl = "[object WeakMap]", _l = "[object DataView]", Aw = vr(io), Tw = vr(Na), Ew = vr(lo), Iw = vr(co), Mw = vr(uo), qt = br;
-(io && qt(new io(new ArrayBuffer(1))) != _l || Na && qt(new Na()) != Cl || lo && qt(lo.resolve()) != Pl || co && qt(new co()) != Vl || uo && qt(new uo()) != Rl) && (qt = function(e) {
+var io = xr(Rt, "DataView"), lo = xr(Rt, "Promise"), co = xr(Rt, "Set"), uo = xr(Rt, "WeakMap"), Cl = "[object Map]", _w = "[object Object]", Pl = "[object Promise]", Vl = "[object Set]", Rl = "[object WeakMap]", _l = "[object DataView]", Aw = vr(io), Tw = vr(Na), Ew = vr(lo), Iw = vr(co), Mw = vr(uo), Wt = br;
+(io && Wt(new io(new ArrayBuffer(1))) != _l || Na && Wt(new Na()) != Cl || lo && Wt(lo.resolve()) != Pl || co && Wt(new co()) != Vl || uo && Wt(new uo()) != Rl) && (Wt = function(e) {
   var t = br(e), r = t == _w ? e.constructor : void 0, a = r ? vr(r) : "";
   if (a)
     switch (a) {
@@ -21184,7 +21193,7 @@ var io = xr(Rt, "DataView"), lo = xr(Rt, "Promise"), co = xr(Rt, "Set"), uo = xr
 });
 var jw = 1, Al = "[object Arguments]", Tl = "[object Array]", cn = "[object Object]", $w = Object.prototype, El = $w.hasOwnProperty;
 function Uw(e, t, r, a, n, s) {
-  var o = Vt(e), i = Vt(t), l = o ? Tl : qt(e), c = i ? Tl : qt(t);
+  var o = Vt(e), i = Vt(t), l = o ? Tl : Wt(e), c = i ? Tl : Wt(t);
   l = l == Al ? cn : l, c = c == Al ? cn : c;
   var d = l == cn, u = c == cn, p = l == c;
   if (p && oo(e)) {
@@ -21212,7 +21221,7 @@ function Lw(e, t) {
 const Od = ({
   store: e
 }) => {
-  const { t } = er(), [r, a] = gr(
+  const { t } = $t(), [r, a] = gr(
     e.jogger.motionStream.rapidlyChangingMotionState.state.joint_limit_reached.limit_reached
   ), n = Wr(r);
   Ja(() => {
@@ -21379,9 +21388,9 @@ function _o(e, t) {
     var o = e.apply(this, a);
     return r.cache = s.set(n, o) || s, o;
   };
-  return r.cache = new (_o.Cache || kt)(), r;
+  return r.cache = new (_o.Cache || Bt)(), r;
 }
-_o.Cache = kt;
+_o.Cache = Bt;
 var tC = 500;
 function rC(e) {
   var t = _o(e, function(a) {
@@ -21400,7 +21409,7 @@ function oC(e, t) {
     n[r] = t(e[r], r, e);
   return n;
 }
-var Ml = Zt ? Zt.prototype : void 0, jl = Ml ? Ml.toString : void 0;
+var Ml = er ? er.prototype : void 0, jl = Ml ? Ml.toString : void 0;
 function Pd(e) {
   if (typeof e == "string")
     return e;
@@ -21583,11 +21592,11 @@ class Ao {
     return [
       {
         id: "cartesian",
-        label: "Cartesian"
+        label: "cartesian"
       },
       {
         id: "joint",
-        label: "Joints"
+        label: "joint"
       }
     ];
   }
@@ -21696,7 +21705,7 @@ class Ao {
 }
 const CC = De(({ store: e }) => {
   var a;
-  const { t } = er();
+  const { t } = $t();
   function r(n) {
     switch (n) {
       case "coordsys":
@@ -21716,18 +21725,14 @@ const CC = De(({ store: e }) => {
         gap: "16px",
         gridTemplateColumns: "1fr 1fr",
         gridTemplateRows: "min-height min-height",
-        "& label": {
-          opacity: 0.7,
-          fontSize: "12px",
-          marginBottom: "4px"
-        }
+        "& label": { opacity: 0.7, fontSize: "12px", marginBottom: "4px" }
       },
       children: [
         /* @__PURE__ */ S.jsx(
           dn,
           {
             labelId: "jogging-coord-select",
-            labelValue: "Coordinate Sys.",
+            labelValue: t("Jogging.CoordinateSystem.hlb"),
             value: e.selectedCoordSystemId,
             size: "small",
             variant: "filled",
@@ -21771,7 +21776,7 @@ const CC = De(({ store: e }) => {
         /* @__PURE__ */ S.jsxs(
           dn,
           {
-            labelValue: "Increment",
+            labelValue: t("Jogging.Increment.hlb"),
             labelId: "jogging-increment-select",
             size: "small",
             variant: "filled",
@@ -21940,12 +21945,12 @@ function MC(e) {
     shiftStep: x = 10,
     tabIndex: E,
     value: k
-  } = e, D = G.useRef(void 0), [I, F] = G.useState(-1), [J, M] = G.useState(-1), [L, B] = G.useState(!1), g = G.useRef(0), $ = G.useRef(null), [N, q] = Oh({
+  } = e, D = G.useRef(void 0), [M, F] = G.useState(-1), [W, I] = G.useState(-1), [L, B] = G.useState(!1), g = G.useRef(0), $ = G.useRef(null), [N, J] = Oh({
     controlled: k,
     default: r ?? l,
     name: "Slider"
-  }), z = d && ((W, Q, Y) => {
-    const ie = W.nativeEvent || W, ue = new ie.constructor(ie.type, ie);
+  }), z = d && ((q, Q, Y) => {
+    const ie = q.nativeEvent || q, ue = new ie.constructor(ie.type, ie);
     Object.defineProperty(ue, "target", {
       writable: !0,
       value: {
@@ -21955,18 +21960,18 @@ function MC(e) {
     }), $.current = Q, d(ue, Q, Y);
   }), ee = Array.isArray(N);
   let Z = ee ? N.slice().sort(Ad) : [N];
-  Z = Z.map((W) => W == null ? l : Dr(W, l, i));
-  const Pe = o === !0 && h !== null ? [...Array(Math.floor((i - l) / h) + 1)].map((W, Q) => ({
+  Z = Z.map((q) => q == null ? l : Dr(q, l, i));
+  const Pe = o === !0 && h !== null ? [...Array(Math.floor((i - l) / h) + 1)].map((q, Q) => ({
     value: l + h * Q
-  })) : o || [], se = Pe.map((W) => W.value), [de, be] = G.useState(-1), oe = G.useRef(null), Ge = lc(f, oe), _t = (W) => (Q) => {
+  })) : o || [], se = Pe.map((q) => q.value), [de, be] = G.useState(-1), oe = G.useRef(null), Ge = lc(f, oe), _t = (q) => (Q) => {
     var ie;
     const Y = Number(Q.currentTarget.getAttribute("data-index"));
-    ei(Q.target) && be(Y), M(Y), (ie = W == null ? void 0 : W.onFocus) == null || ie.call(W, Q);
-  }, oa = (W) => (Q) => {
+    ei(Q.target) && be(Y), I(Y), (ie = q == null ? void 0 : q.onFocus) == null || ie.call(q, Q);
+  }, oa = (q) => (Q) => {
     var Y;
-    ei(Q.target) || be(-1), M(-1), (Y = W == null ? void 0 : W.onBlur) == null || Y.call(W, Q);
-  }, Or = (W, Q) => {
-    const Y = Number(W.currentTarget.getAttribute("data-index")), ie = Z[Y], ue = se.indexOf(ie);
+    ei(Q.target) || be(-1), I(-1), (Y = q == null ? void 0 : q.onBlur) == null || Y.call(q, Q);
+  }, Or = (q, Q) => {
+    const Y = Number(q.currentTarget.getAttribute("data-index")), ie = Z[Y], ue = se.indexOf(ie);
     let X = Q;
     if (Pe && h == null) {
       const Me = se[se.length - 1];
@@ -21986,8 +21991,8 @@ function MC(e) {
         activeIndex: Be
       });
     }
-    q(X), be(Y), z && !mn(X, N) && z(W, X, Y), u && u(W, $.current ?? X);
-  }, rr = (W) => (Q) => {
+    J(X), be(Y), z && !mn(X, N) && z(q, X, Y), u && u(q, $.current ?? X);
+  }, rr = (q) => (Q) => {
     var Y;
     if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"].includes(Q.key)) {
       Q.preventDefault();
@@ -22027,20 +22032,20 @@ function MC(e) {
       }
       X != null && Or(Q, X);
     }
-    (Y = W == null ? void 0 : W.onKeyDown) == null || Y.call(W, Q);
+    (Y = q == null ? void 0 : q.onKeyDown) == null || Y.call(q, Q);
   };
   oc(() => {
-    var W;
-    a && oe.current.contains(document.activeElement) && ((W = document.activeElement) == null || W.blur());
-  }, [a]), a && I !== -1 && F(-1), a && de !== -1 && be(-1);
-  const Bt = (W) => (Q) => {
+    var q;
+    a && oe.current.contains(document.activeElement) && ((q = document.activeElement) == null || q.blur());
+  }, [a]), a && M !== -1 && F(-1), a && de !== -1 && be(-1);
+  const Ft = (q) => (Q) => {
     var Y;
-    (Y = W.onChange) == null || Y.call(W, Q), Or(Q, Q.target.valueAsNumber);
+    (Y = q.onChange) == null || Y.call(q, Q), Or(Q, Q.target.valueAsNumber);
   }, nt = G.useRef(void 0);
   let ut = p;
   s && p === "horizontal" && (ut += "-reverse");
   const st = ({
-    finger: W,
+    finger: q,
     move: Q = !1
   }) => {
     const {
@@ -22052,7 +22057,7 @@ function MC(e) {
       left: Me
     } = Y.getBoundingClientRect();
     let Be;
-    ut.startsWith("vertical") ? Be = (X - W.y) / ue : Be = (W.x - Me) / ie, ut.includes("-reverse") && (Be = 1 - Be);
+    ut.startsWith("vertical") ? Be = (X - q.y) / ue : Be = (q.x - Me) / ie, ut.includes("-reverse") && (Be = 1 - Be);
     let Ae;
     if (Ae = _C(Be, l, i), h)
       Ae = TC(Ae, h, l);
@@ -22075,12 +22080,12 @@ function MC(e) {
       newValue: Ae,
       activeIndex: We
     };
-  }, At = vs((W) => {
-    const Q = pn(W, D);
+  }, At = vs((q) => {
+    const Q = pn(q, D);
     if (!Q)
       return;
-    if (g.current += 1, W.type === "mousemove" && W.buttons === 0) {
-      Xe(W);
+    if (g.current += 1, q.type === "mousemove" && q.buttons === 0) {
+      Xe(q);
       return;
     }
     const {
@@ -22094,9 +22099,9 @@ function MC(e) {
       sliderRef: oe,
       activeIndex: ie,
       setActive: F
-    }), q(Y), !L && g.current > RC && B(!0), z && !mn(Y, N) && z(W, Y, ie);
-  }), Xe = vs((W) => {
-    const Q = pn(W, D);
+    }), J(Y), !L && g.current > RC && B(!0), z && !mn(Y, N) && z(q, Y, ie);
+  }), Xe = vs((q) => {
+    const Q = pn(q, D);
     if (B(!1), !Q)
       return;
     const {
@@ -22105,14 +22110,14 @@ function MC(e) {
       finger: Q,
       move: !0
     });
-    F(-1), W.type === "touchend" && M(-1), u && u(W, $.current ?? Y), D.current = void 0, Tt();
-  }), ke = vs((W) => {
+    F(-1), q.type === "touchend" && I(-1), u && u(q, $.current ?? Y), D.current = void 0, Tt();
+  }), ke = vs((q) => {
     if (a)
       return;
-    Ll() || W.preventDefault();
-    const Q = W.changedTouches[0];
+    Ll() || q.preventDefault();
+    const Q = q.changedTouches[0];
     Q != null && (D.current = Q.identifier);
-    const Y = pn(W, D);
+    const Y = pn(q, D);
     if (Y !== !1) {
       const {
         newValue: ue,
@@ -22124,7 +22129,7 @@ function MC(e) {
         sliderRef: oe,
         activeIndex: X,
         setActive: F
-      }), q(ue), z && !mn(ue, N) && z(W, ue, X);
+      }), J(ue), z && !mn(ue, N) && z(q, ue, X);
     }
     g.current = 0;
     const ie = bn(oe.current);
@@ -22134,24 +22139,24 @@ function MC(e) {
       passive: !0
     });
   }), Tt = G.useCallback(() => {
-    const W = bn(oe.current);
-    W.removeEventListener("mousemove", At), W.removeEventListener("mouseup", Xe), W.removeEventListener("touchmove", At), W.removeEventListener("touchend", Xe);
+    const q = bn(oe.current);
+    q.removeEventListener("mousemove", At), q.removeEventListener("mouseup", Xe), q.removeEventListener("touchmove", At), q.removeEventListener("touchend", Xe);
   }, [Xe, At]);
   G.useEffect(() => {
     const {
-      current: W
+      current: q
     } = oe;
-    return W.addEventListener("touchstart", ke, {
+    return q.addEventListener("touchstart", ke, {
       passive: Ll()
     }), () => {
-      W.removeEventListener("touchstart", ke), Tt();
+      q.removeEventListener("touchstart", ke), Tt();
     };
   }, [Tt, ke]), G.useEffect(() => {
     a && Tt();
   }, [a, Tt]);
-  const Ft = (W) => (Q) => {
+  const Nt = (q) => (Q) => {
     var ue;
-    if ((ue = W.onMouseDown) == null || ue.call(W, Q), a || Q.defaultPrevented || Q.button !== 0)
+    if ((ue = q.onMouseDown) == null || ue.call(q, Q), a || Q.defaultPrevented || Q.button !== 0)
       return;
     Q.preventDefault();
     const Y = pn(Q, D);
@@ -22166,57 +22171,57 @@ function MC(e) {
         sliderRef: oe,
         activeIndex: Me,
         setActive: F
-      }), q(X), z && !mn(X, N) && z(Q, X, Me);
+      }), J(X), z && !mn(X, N) && z(Q, X, Me);
     }
     g.current = 0;
     const ie = bn(oe.current);
     ie.addEventListener("mousemove", At, {
       passive: !0
     }), ie.addEventListener("mouseup", Xe);
-  }, gt = Fn(ee ? Z[0] : l, l, i), Ue = Fn(Z[Z.length - 1], l, i) - gt, Nt = (W = {}) => {
-    const Q = Sn(W), Y = {
-      onMouseDown: Ft(Q || {})
+  }, gt = Fn(ee ? Z[0] : l, l, i), Ue = Fn(Z[Z.length - 1], l, i) - gt, Dt = (q = {}) => {
+    const Q = Sn(q), Y = {
+      onMouseDown: Nt(Q || {})
     }, ie = {
       ...Q,
       ...Y
     };
     return {
-      ...W,
+      ...q,
       ref: Ge,
       ...ie
     };
-  }, Et = (W) => (Q) => {
+  }, Et = (q) => (Q) => {
     var ie;
-    (ie = W.onMouseOver) == null || ie.call(W, Q);
+    (ie = q.onMouseOver) == null || ie.call(q, Q);
     const Y = Number(Q.currentTarget.getAttribute("data-index"));
-    M(Y);
-  }, wr = (W) => (Q) => {
+    I(Y);
+  }, wr = (q) => (Q) => {
     var Y;
-    (Y = W.onMouseLeave) == null || Y.call(W, Q), M(-1);
-  }, Cr = (W = {}) => {
-    const Q = Sn(W), Y = {
+    (Y = q.onMouseLeave) == null || Y.call(q, Q), I(-1);
+  }, Cr = (q = {}) => {
+    const Q = Sn(q), Y = {
       onMouseOver: Et(Q || {}),
       onMouseLeave: wr(Q || {})
     };
     return {
-      ...W,
+      ...q,
       ...Q,
       ...Y
     };
-  }, Dt = (W) => ({
+  }, zt = (q) => ({
     // So the non active thumb doesn't show its label on hover.
-    pointerEvents: I !== -1 && I !== W ? "none" : void 0
+    pointerEvents: M !== -1 && M !== q ? "none" : void 0
   });
-  let zt;
-  return p === "vertical" && (zt = s ? "vertical-rl" : "vertical-lr"), {
-    active: I,
+  let Gt;
+  return p === "vertical" && (Gt = s ? "vertical-rl" : "vertical-lr"), {
+    active: M,
     axis: ut,
     axisProps: EC,
     dragging: L,
     focusedThumbIndex: de,
-    getHiddenInputProps: (W = {}) => {
-      const Q = Sn(W), Y = {
-        onChange: Bt(Q || {}),
+    getHiddenInputProps: (q = {}) => {
+      const Q = Sn(q), Y = {
+        onChange: Ft(Q || {}),
         onFocus: _t(Q || {}),
         onBlur: oa(Q || {}),
         onKeyDown: rr(Q || {})
@@ -22236,7 +22241,7 @@ function MC(e) {
         max: e.max,
         step: e.step === null && e.marks ? "any" : e.step ?? void 0,
         disabled: a,
-        ...W,
+        ...q,
         ...ie,
         style: {
           ...wh,
@@ -22244,20 +22249,20 @@ function MC(e) {
           // So that VoiceOver's focus indicator matches the thumb's dimensions
           width: "100%",
           height: "100%",
-          writingMode: zt
+          writingMode: Gt
         }
       };
     },
-    getRootProps: Nt,
+    getRootProps: Dt,
     getThumbProps: Cr,
     marks: Pe,
-    open: J,
+    open: W,
     range: ee,
     rootRef: Ge,
     trackLeap: Ue,
     trackOffset: gt,
     values: Z,
-    getThumbStyle: Dt
+    getThumbStyle: zt
   };
 }
 function wn(e) {
@@ -22321,7 +22326,7 @@ process.env.NODE_ENV !== "production" && (Td.propTypes = {
 function kl(e) {
   return e;
 }
-const BC = $t("span", {
+const BC = Ut("span", {
   name: "MuiSlider",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -22421,7 +22426,7 @@ const BC = $t("span", {
       marginRight: 44
     }
   }]
-}))), FC = $t("span", {
+}))), FC = Ut("span", {
   name: "MuiSlider",
   slot: "Rail",
   overridesResolver: (e, t) => t.rail
@@ -22459,7 +22464,7 @@ const BC = $t("span", {
       opacity: 1
     }
   }]
-}), NC = $t("span", {
+}), NC = Ut("span", {
   name: "MuiSlider",
   slot: "Track",
   overridesResolver: (e, t) => t.track
@@ -22527,7 +22532,7 @@ const BC = $t("span", {
       }
     }
   }))]
-}))), DC = $t("span", {
+}))), DC = Ut("span", {
   name: "MuiSlider",
   slot: "Thumb",
   overridesResolver: (e, t) => {
@@ -22627,7 +22632,7 @@ const BC = $t("span", {
       }
     }
   }))]
-}))), Ed = $t(Td, {
+}))), Ed = Ut(Td, {
   name: "MuiSlider",
   slot: "ValueLabel",
   overridesResolver: (e, t) => t.valueLabel
@@ -22734,7 +22739,7 @@ process.env.NODE_ENV !== "production" && (Ed.propTypes = {
    */
   value: b.node
 });
-const zC = $t("span", {
+const zC = Ut("span", {
   name: "MuiSlider",
   slot: "Mark",
   shouldForwardProp: (e) => So(e) && e !== "markActive",
@@ -22777,7 +22782,7 @@ const zC = $t("span", {
       opacity: 0.8
     }
   }]
-}))), GC = $t("span", {
+}))), GC = Ut("span", {
   name: "MuiSlider",
   slot: "MarkLabel",
   shouldForwardProp: (e) => So(e) && e !== "markLabelActive",
@@ -22867,16 +22872,16 @@ const zC = $t("span", {
     getAriaValueText: E,
     marks: k = !1,
     max: D = 100,
-    min: I = 0,
+    min: M = 0,
     name: F,
-    onChange: J,
-    onChangeCommitted: M,
+    onChange: W,
+    onChangeCommitted: I,
     orientation: L = "horizontal",
     shiftStep: B = 10,
     size: g = "medium",
     step: $ = 1,
     scale: N = kl,
-    slotProps: q,
+    slotProps: J,
     slots: z,
     tabIndex: ee,
     track: Z = "normal",
@@ -22888,7 +22893,7 @@ const zC = $t("span", {
     ...a,
     isRtl: n,
     max: D,
-    min: I,
+    min: M,
     classes: p,
     disabled: h,
     disableSwap: y,
@@ -22908,7 +22913,7 @@ const zC = $t("span", {
     getHiddenInputProps: oa,
     getThumbProps: Or,
     open: rr,
-    active: Bt,
+    active: Ft,
     axis: nt,
     focusedThumbIndex: ut,
     range: st,
@@ -22916,20 +22921,20 @@ const zC = $t("span", {
     marks: Xe,
     values: ke,
     trackOffset: Tt,
-    trackLeap: Ft,
+    trackLeap: Nt,
     getThumbStyle: gt
   } = MC({
     ...oe,
     rootRef: r
   });
   oe.marked = Xe.length > 0 && Xe.some((we) => we.label), oe.dragging = At, oe.focusedThumbIndex = ut;
-  const Ue = HC(oe), Nt = (z == null ? void 0 : z.root) ?? c.Root ?? BC, Et = (z == null ? void 0 : z.rail) ?? c.Rail ?? FC, wr = (z == null ? void 0 : z.track) ?? c.Track ?? NC, Cr = (z == null ? void 0 : z.thumb) ?? c.Thumb ?? DC, Dt = (z == null ? void 0 : z.valueLabel) ?? c.ValueLabel ?? Ed, zt = (z == null ? void 0 : z.mark) ?? c.Mark ?? zC, Pr = (z == null ? void 0 : z.markLabel) ?? c.MarkLabel ?? GC, W = (z == null ? void 0 : z.input) ?? c.Input ?? "input", Q = (q == null ? void 0 : q.root) ?? d.root, Y = (q == null ? void 0 : q.rail) ?? d.rail, ie = (q == null ? void 0 : q.track) ?? d.track, ue = (q == null ? void 0 : q.thumb) ?? d.thumb, X = (q == null ? void 0 : q.valueLabel) ?? d.valueLabel, Me = (q == null ? void 0 : q.mark) ?? d.mark, Be = (q == null ? void 0 : q.markLabel) ?? d.markLabel, Ae = (q == null ? void 0 : q.input) ?? d.input, We = Gt({
-    elementType: Nt,
+  const Ue = HC(oe), Dt = (z == null ? void 0 : z.root) ?? c.Root ?? BC, Et = (z == null ? void 0 : z.rail) ?? c.Rail ?? FC, wr = (z == null ? void 0 : z.track) ?? c.Track ?? NC, Cr = (z == null ? void 0 : z.thumb) ?? c.Thumb ?? DC, zt = (z == null ? void 0 : z.valueLabel) ?? c.ValueLabel ?? Ed, Gt = (z == null ? void 0 : z.mark) ?? c.Mark ?? zC, Pr = (z == null ? void 0 : z.markLabel) ?? c.MarkLabel ?? GC, q = (z == null ? void 0 : z.input) ?? c.Input ?? "input", Q = (J == null ? void 0 : J.root) ?? d.root, Y = (J == null ? void 0 : J.rail) ?? d.rail, ie = (J == null ? void 0 : J.track) ?? d.track, ue = (J == null ? void 0 : J.thumb) ?? d.thumb, X = (J == null ? void 0 : J.valueLabel) ?? d.valueLabel, Me = (J == null ? void 0 : J.mark) ?? d.mark, Be = (J == null ? void 0 : J.markLabel) ?? d.markLabel, Ae = (J == null ? void 0 : J.input) ?? d.input, We = Ht({
+    elementType: Dt,
     getSlotProps: _t,
     externalSlotProps: Q,
     externalForwardedProps: be,
     additionalProps: {
-      ...jC(Nt) && {
+      ...jC(Dt) && {
         as: l
       }
     },
@@ -22938,18 +22943,18 @@ const zC = $t("span", {
       ...Q == null ? void 0 : Q.ownerState
     },
     className: [Ue.root, f]
-  }), ar = Gt({
+  }), ar = Ht({
     elementType: Et,
     externalSlotProps: Y,
     ownerState: oe,
     className: Ue.rail
-  }), fs = Gt({
+  }), fs = Ht({
     elementType: wr,
     externalSlotProps: ie,
     additionalProps: {
       style: {
         ...Ge[nt].offset(Tt),
-        ...Ge[nt].leap(Ft)
+        ...Ge[nt].leap(Nt)
       }
     },
     ownerState: {
@@ -22957,7 +22962,7 @@ const zC = $t("span", {
       ...ie == null ? void 0 : ie.ownerState
     },
     className: Ue.track
-  }), ia = Gt({
+  }), ia = Ht({
     elementType: Cr,
     getSlotProps: Or,
     externalSlotProps: ue,
@@ -22966,44 +22971,44 @@ const zC = $t("span", {
       ...ue == null ? void 0 : ue.ownerState
     },
     className: Ue.thumb
-  }), la = Gt({
-    elementType: Dt,
+  }), la = Ht({
+    elementType: zt,
     externalSlotProps: X,
     ownerState: {
       ...oe,
       ...X == null ? void 0 : X.ownerState
     },
     className: Ue.valueLabel
-  }), Vr = Gt({
-    elementType: zt,
+  }), Vr = Ht({
+    elementType: Gt,
     externalSlotProps: Me,
     ownerState: oe,
     className: Ue.mark
-  }), yt = Gt({
+  }), yt = Ht({
     elementType: Pr,
     externalSlotProps: Be,
     ownerState: oe,
     className: Ue.markLabel
-  }), ca = Gt({
-    elementType: W,
+  }), ca = Ht({
+    elementType: q,
     getSlotProps: oa,
     externalSlotProps: Ae,
     ownerState: oe
   });
-  return /* @__PURE__ */ S.jsxs(Nt, {
+  return /* @__PURE__ */ S.jsxs(Dt, {
     ...We,
     children: [/* @__PURE__ */ S.jsx(Et, {
       ...ar
     }), /* @__PURE__ */ S.jsx(wr, {
       ...fs
-    }), Xe.filter((we) => we.value >= I && we.value <= D).map((we, je) => {
-      const da = Fn(we.value, I, D), nr = Ge[nt].offset(da);
+    }), Xe.filter((we) => we.value >= M && we.value <= D).map((we, je) => {
+      const da = Fn(we.value, M, D), nr = Ge[nt].offset(da);
       let pt;
       return Z === !1 ? pt = ke.includes(we.value) : pt = Z === "normal" && (st ? we.value >= ke[0] && we.value <= ke[ke.length - 1] : we.value <= ke[0]) || Z === "inverted" && (st ? we.value <= ke[0] || we.value >= ke[ke.length - 1] : we.value >= ke[0]), /* @__PURE__ */ S.jsxs(G.Fragment, {
-        children: [/* @__PURE__ */ S.jsx(zt, {
+        children: [/* @__PURE__ */ S.jsx(Gt, {
           "data-index": je,
           ...Vr,
-          ...!wn(zt) && {
+          ...!wn(Gt) && {
             markActive: pt
           },
           style: {
@@ -23027,7 +23032,7 @@ const zC = $t("span", {
         }) : null]
       }, je);
     }), ke.map((we, je) => {
-      const da = Fn(we, I, D), nr = Ge[nt].offset(da), pt = se === "off" ? JC : Dt;
+      const da = Fn(we, M, D), nr = Ge[nt].offset(da), pt = se === "off" ? JC : zt;
       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__ */ S.jsx(pt, {
@@ -23036,20 +23041,20 @@ const zC = $t("span", {
             valueLabelDisplay: se,
             value: typeof de == "function" ? de(N(we), je) : de,
             index: je,
-            open: rr === je || Bt === je || se === "on",
+            open: rr === je || Ft === je || se === "on",
             disabled: h
           },
           ...la,
           children: /* @__PURE__ */ S.jsx(Cr, {
             "data-index": je,
             ...ia,
-            className: Pt(Ue.thumb, ia.className, Bt === je && Ue.active, ut === je && Ue.focusVisible),
+            className: Pt(Ue.thumb, ia.className, Ft === je && Ue.active, ut === je && Ue.focusVisible),
             style: {
               ...nr,
               ...gt(je),
               ...ia.style
             },
-            children: /* @__PURE__ */ S.jsx(W, {
+            children: /* @__PURE__ */ S.jsx(q, {
               "data-index": je,
               "aria-label": x ? x(je) : s,
               "aria-valuenow": N(we),
@@ -23397,7 +23402,7 @@ function Md({ value: e, sx: t }) {
 }
 const jd = De(
   ({ store: e }) => {
-    const { t } = er(), r = Nn(() => ({
+    const { t } = $t(), r = Nn(() => ({
       get valueLabelFormat() {
         return e.currentMotionType === "translate" ? (a) => `v = ${t("Jogging.Cartesian.Translation.velocityMmPerSec.lb", { amount: a })}` : (a) => `ω = ${t("Jogging.Cartesian.Rotation.velocityDegPerSec.lb", { amount: a })}`;
       }
@@ -23431,8 +23436,8 @@ const jd = De(
     children: t
   }) => {
     var u, p, f, y, h, x, E, k, D;
-    const { t: r } = er(), a = ct();
-    function n(I, F) {
+    const { t: r } = $t(), a = ct();
+    function n(M, F) {
       (F === "translate" || F === "rotate") && e.setSelectedCartesianMotionType(F);
     }
     Zm(
@@ -23446,20 +23451,20 @@ const jd = De(
       },
       { fireImmediately: !0 }
     );
-    async function s(I, F) {
-      const J = await e.activate(), M = J.motionStream.rapidlyChangingMotionState.tcp_pose, L = J.motionStream.rapidlyChangingMotionState.state.joint_position;
-      M && await e.withMotionLock(async () => {
+    async function s(M, F) {
+      const W = await e.activate(), I = W.motionStream.rapidlyChangingMotionState.tcp_pose, L = W.motionStream.rapidlyChangingMotionState.state.joint_position;
+      I && await e.withMotionLock(async () => {
         try {
           e.setCurrentIncrementJog({
-            axis: I.axis,
-            direction: I.direction
+            axis: M.axis,
+            direction: M.direction
           }), await e.jogger.runIncrementalCartesianMotion({
-            currentTcpPose: M,
+            currentTcpPose: I,
             currentJoints: L,
             coordSystemId: e.activeCoordSystemId,
             velocityInRelevantUnits: e.selectedCartesianMotionType === "translate" ? e.translationVelocityMmPerSec : e.rotationVelocityRadsPerSec,
-            axis: I.axis,
-            direction: I.direction,
+            axis: M.axis,
+            direction: M.direction,
             motion: e.selectedCartesianMotionType === "translate" ? {
               type: "translate",
               distanceMm: F.mm
@@ -23473,17 +23478,17 @@ const jd = De(
         }
       });
     }
-    async function o(I) {
+    async function o(M) {
       if (!e.isLocked) {
         if (await e.activate(), e.activeDiscreteIncrement)
-          return s(I, e.activeDiscreteIncrement);
-        I.motionType === "translate" ? await e.jogger.startTCPTranslation({
-          axis: I.axis,
-          direction: I.direction,
+          return s(M, e.activeDiscreteIncrement);
+        M.motionType === "translate" ? await e.jogger.startTCPTranslation({
+          axis: M.axis,
+          direction: M.direction,
           velocityMmPerSec: e.translationVelocityMmPerSec
         }) : await e.jogger.startTCPRotation({
-          axis: I.axis,
-          direction: I.direction,
+          axis: M.axis,
+          direction: M.direction,
           velocityRadsPerSec: e.rotationVelocityRadsPerSec
         });
       }
@@ -23508,12 +23513,12 @@ const jd = De(
         icon: /* @__PURE__ */ S.jsx(o1, {})
       }
     ];
-    function c(I) {
-      return r("General.mm.variable", { amount: I.toFixed(1) });
+    function c(M) {
+      return r("General.mm.variable", { amount: M.toFixed(1) });
     }
-    function d(I) {
+    function d(M) {
       return r("General.degree.variable", {
-        amount: gn(I).toFixed(1)
+        amount: gn(M).toFixed(1)
       });
     }
     return /* @__PURE__ */ S.jsxs(_e, { flexGrow: 1, gap: 2, sx: { padding: "18px 24px" }, children: [
@@ -23552,51 +23557,51 @@ const jd = De(
                     ]
                   }
                 ),
-                e.selectedCartesianMotionType === "translate" && l.map((I) => {
-                  var F;
+                e.selectedCartesianMotionType === "translate" && l.map((M) => {
+                  var F, W;
                   return /* @__PURE__ */ S.jsx(
                     wi,
                     {
-                      colors: I.colors,
+                      colors: M.colors,
                       disabled: e.isLocked,
-                      activeJoggingDirection: ((F = e.incrementJogInProgress) == null ? void 0 : F.axis) === I.id ? e.incrementJogInProgress.direction : void 0,
+                      activeJoggingDirection: ((F = e.incrementJogInProgress) == null ? void 0 : F.axis) === M.id ? e.incrementJogInProgress.direction : void 0,
                       label: /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
-                        I.icon,
+                        M.icon,
                         /* @__PURE__ */ S.jsx(
                           rt,
                           {
                             sx: {
                               fontSize: "24px",
-                              color: a.palette.text.primary
+                              color: ((W = M.colors) == null ? void 0 : W.labelColor) ?? a.palette.text.primary
                             },
-                            children: I.id.toUpperCase()
+                            children: M.id.toUpperCase()
                           }
                         )
                       ] }),
                       getDisplayedValue: () => {
-                        var J;
+                        var I;
                         return c(
-                          ((J = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : J.position[I.id]) || 0
+                          ((I = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : I.position[M.id]) || 0
                         );
                       },
-                      startJogging: (J) => o({
-                        axis: I.id,
+                      startJogging: (I) => o({
+                        axis: M.id,
                         motionType: "translate",
-                        direction: J
+                        direction: I
                       }),
                       stopJogging: i
                     },
-                    I.id
+                    M.id
                   );
                 }),
-                e.selectedCartesianMotionType === "rotate" && l.map((I) => {
-                  var F;
+                e.selectedCartesianMotionType === "rotate" && l.map((M) => {
+                  var F, W;
                   return /* @__PURE__ */ S.jsx(
                     wi,
                     {
-                      colors: I.colors,
+                      colors: M.colors,
                       disabled: e.isLocked,
-                      activeJoggingDirection: ((F = e.incrementJogInProgress) == null ? void 0 : F.axis) === I.id ? e.incrementJogInProgress.direction : void 0,
+                      activeJoggingDirection: ((F = e.incrementJogInProgress) == null ? void 0 : F.axis) === M.id ? e.incrementJogInProgress.direction : void 0,
                       label: /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
                         /* @__PURE__ */ S.jsx(l1, {}),
                         /* @__PURE__ */ S.jsx(
@@ -23604,26 +23609,26 @@ const jd = De(
                           {
                             sx: {
                               fontSize: "24px",
-                              color: a.palette.text.primary
+                              color: ((W = M.colors) == null ? void 0 : W.labelColor) ?? a.palette.text.primary
                             },
-                            children: I.id.toUpperCase()
+                            children: M.id.toUpperCase()
                           }
                         )
                       ] }),
                       getDisplayedValue: () => {
-                        var J, M;
+                        var I, L;
                         return d(
-                          ((M = (J = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : J.orientation) == null ? void 0 : M[I.id]) || 0
+                          ((L = (I = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : I.orientation) == null ? void 0 : L[M.id]) || 0
                         );
                       },
-                      startJogging: (J) => o({
-                        axis: I.id,
+                      startJogging: (I) => o({
+                        axis: M.id,
                         motionType: "rotate",
-                        direction: J
+                        direction: I
                       }),
                       stopJogging: i
                     },
-                    I.id
+                    M.id
                   );
                 })
               ]
@@ -23710,10 +23715,10 @@ const jd = De(
         r.loadingError = n;
       }
     }
-    return Kt(() => (a(), e.store ? () => null : () => {
+    return Yt(() => (a(), e.store ? () => null : () => {
       var n;
       (n = r.joggingStore) == null || n.dispose();
-    }), [e.store, e.nova, e.motionGroupId]), Kt(() => {
+    }), [e.store, e.nova, e.motionGroupId]), Yt(() => {
       const n = r.joggingStore;
       n && (e.locked ? n.lock("external") : n.unlock("external"));
     }, [r.joggingStore, e.locked]), /* @__PURE__ */ S.jsx(
@@ -23740,7 +23745,8 @@ const jd = De(
     store: e,
     children: t
   }) => {
-    function r() {
+    const { t: r } = $t();
+    function a() {
       if (e.currentTab.id === "cartesian")
         return /* @__PURE__ */ S.jsx(S.Fragment, { children: /* @__PURE__ */ S.jsx(KC, { store: e, children: t }) });
       if (e.currentTab.id === "joint")
@@ -23753,14 +23759,14 @@ const jd = De(
           value: e.tabIndex,
           onChange: e.onTabChange,
           variant: "fullWidth",
-          children: e.tabs.map((a) => /* @__PURE__ */ S.jsx(
+          children: e.tabs.map((n) => /* @__PURE__ */ S.jsx(
             pu,
             {
-              label: a.label,
-              id: `jogging-tab-${a.id}`,
-              "aria-controls": `jogging-tab-${a.id}`
+              label: n.label === "cartesian" ? r("Jogging.Cartesian.bt") : r("Jogging.Joints.bt"),
+              id: `jogging-tab-${n.id}`,
+              "aria-controls": `jogging-tab-${n.id}`
             },
-            a.id
+            n.id
           ))
         }
       ),
@@ -23770,7 +23776,7 @@ const jd = De(
           flexGrow: 1,
           position: "relative",
           sx: { overflowY: "auto", overflowX: "hidden" },
-          children: r()
+          children: a()
         }
       )
     ] });
@@ -23794,7 +23800,7 @@ const jd = De(
       }
       return !1;
     }
-    return Kt(() => {
+    return Yt(() => {
       if (!n)
         return;
       const l = setTimeout(() => s(!1), 3e3);
@@ -24113,7 +24119,7 @@ function rP({
 }
 const aP = console.warn;
 function nP() {
-  return Kt(() => {
+  return Yt(() => {
     console.warn = (e) => {
       e !== "Cannot call the manual advancement of rafz whilst frameLoop is not set as demand" && aP(e);
     };
@@ -24209,7 +24215,7 @@ const iP = (e, t) => {
     const [l, c] = gr(null), d = zl((p) => {
       c(p);
     }, []);
-    Kt(() => {
+    Yt(() => {
       l && (o ? iP(l, o) : lP(l));
     }, [l, o]);
     const u = /* @__PURE__ */ S.jsx(
@@ -24382,7 +24388,7 @@ const dP = ({
     anchorOrigin: r,
     transformOrigin: a
   }) => {
-    const n = ct(), { t: s } = er();
+    const n = ct(), { t: s } = $t();
     return e ? /* @__PURE__ */ S.jsx(
       wt,
       {
@@ -24447,7 +24453,7 @@ const dP = ({
     anchorOrigin: t,
     transformOrigin: r
   }) => {
-    const { t: a } = er(), n = ct();
+    const { t: a } = $t(), n = ct();
     switch (e) {
       case "OPERATION_MODE_AUTO":
         return /* @__PURE__ */ S.jsx(
@@ -24523,7 +24529,7 @@ const dP = ({
     anchorOrigin: t,
     transformOrigin: r
   }) => {
-    const { t: a } = er(), n = ct();
+    const { t: a } = $t(), n = ct();
     switch (e) {
       // Normal state, robot can move
       case "SAFETY_STATE_NORMAL":
@@ -25055,7 +25061,8 @@ function Fd() {
               hovered: "rgba(241, 77, 66, 1)",
               disabled: "rgba(241, 77, 66, 1)"
             },
-            color: "rgba(255, 198, 198, 1)"
+            color: "rgba(255, 198, 198, 1)",
+            labelColor: e.palette.text.primary
           },
           Y: {
             backgroundColor: "rgba(20, 151, 108, 1)",
@@ -25066,7 +25073,8 @@ function Fd() {
               disabled: "rgba(28, 188, 135, 1)",
               hovered: "rgba(28, 188, 135, 1)"
             },
-            color: "rgba(215, 255, 242, 1)"
+            color: "rgba(215, 255, 242, 1)",
+            labelColor: e.palette.text.primary
           },
           Z: {
             backgroundColor: "rgba(1, 87, 155, 1)",
@@ -25077,7 +25085,8 @@ function Fd() {
               disabled: "rgba(2, 136, 209, 1)",
               hovered: "rgba(2, 136, 209, 1)"
             },
-            color: "rgba(210, 239, 255, 1)"
+            color: "rgba(210, 239, 255, 1)",
+            labelColor: e.palette.text.primary
           }
         }
       },