@wandelbots/wandelbots-js-react-components 1.17.9 → 1.18.1

package/dist/index.js

@@ -1,7 +1,7 @@
 import * as $ from "react";
 import ki, { useState as ea, useEffect as Gt, lazy as zu, useRef as kt, Suspense as Li, useCallback as Gu, forwardRef as Yt } from "react";
 import { Stack as oe, CircularProgress as Wu, useTheme as wo, capitalize as Ku, Button as Kr, Typography as pt, IconButton as Zo, Slider as Hu, InputLabel as Jr, Chip as Xu, Select as Ia, MenuItem as yn, ToggleButtonGroup as $i, ToggleButton as Dn, Paper as qu, Tabs as Yu, Tab as Zu, Dialog as Qu, DialogTitle as ec, DialogContent as tc, DialogActions as rc } from "@mui/material";
-import { I18nextProvider as nc, useTranslation as Zt } from "react-i18next";
+import { I18nextProvider as nc, useTranslation as br } from "react-i18next";
 import ac from "i18next-browser-languagedetector";
 import { lowerFirst as oc, omit as sc, isString as ic } from "lodash-es";
 import { animated as b, Globals as lc, useSpring as uc } from "@react-spring/three";
@@ -9,7 +9,7 @@ import { useGLTF as fe, Line as cc, Environment as dc, Lightformer as Jt } from
 import * as Pe from "three";
 import { Matrix4 as kr, Vector3 as Qo, Quaternion as hc } from "three";
 import { useThree as mc } from "@react-three/fiber";
-import { autorun as Ni, reaction as fc, makeAutoObservable as pc, runInAction as pr } from "mobx";
+import { autorun as Ni, reaction as fc, makeAutoObservable as pc, runInAction as fr } from "mobx";
 import { ErrorBoundary as gc } from "react-error-boundary";
 import { ConvexGeometry as yc } from "three-stdlib";
 import { observer as et, useLocalObservable as jo } from "mobx-react-lite";
@@ -311,7 +311,7 @@ function Pc() {
       } finally {
         lt = !1, it.current = ee, At(), Error.prepareStackTrace = D;
       }
-      var sr = p ? p.displayName || p.name : "", Ut = sr ? De(sr) : "";
+      var or = p ? p.displayName || p.name : "", Ut = or ? De(or) : "";
       return typeof p == "function" && ut.set(p, Ut), Ut;
     }
     function Be(p, w, T) {
@@ -397,7 +397,7 @@ function Pc() {
     function Pr(p) {
       return "" + p;
     }
-    function rr(p) {
+    function tr(p) {
       if (Ar(p))
         return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(p)), Pr(p);
     }
@@ -484,7 +484,7 @@ function Pc() {
     function Mt(p, w, T, L, D) {
       {
         var ee, J = {}, B = null, Me = null;
-        T !== void 0 && (rr(T), B = "" + T), W(w) && (rr(w.key), B = "" + w.key), q(w) && (Me = w.ref, Ue(w, D));
+        T !== void 0 && (tr(T), B = "" + T), W(w) && (tr(w.key), B = "" + w.key), q(w) && (Me = w.ref, Ue(w, D));
         for (ee in w)
           de.call(w, ee) && !M.hasOwnProperty(ee) && (J[ee] = w[ee]);
         if (p && p.defaultProps) {
@@ -499,7 +499,7 @@ function Pc() {
         return ke(p, B, Me, D, L, nt.current, J);
       }
     }
-    var nr = S.ReactCurrentOwner, Or = S.ReactDebugCurrentFrame;
+    var rr = S.ReactCurrentOwner, Or = S.ReactDebugCurrentFrame;
     function bt(p) {
       if (p) {
         var w = p._owner, T = Z(p.type, p._source, w ? w.type : null);
@@ -514,8 +514,8 @@ function Pc() {
     }
     function Mr() {
       {
-        if (nr.current) {
-          var p = V(nr.current.type);
+        if (rr.current) {
+          var p = V(rr.current.type);
           if (p)
             return `
 
@@ -540,7 +540,7 @@ Check the top-level render call using <` + T + ">.");
         return w;
       }
     }
-    function ar(p, w) {
+    function nr(p, w) {
       {
         if (!p._store || p._store.validated || p.key != null)
           return;
@@ -550,17 +550,17 @@ Check the top-level render call using <` + T + ">.");
           return;
         fn[T] = !0;
         var L = "";
-        p && p._owner && p._owner !== nr.current && (L = " It was passed a child from " + V(p._owner.type) + "."), bt(p), j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, L), bt(null);
+        p && p._owner && p._owner !== rr.current && (L = " It was passed a child from " + V(p._owner.type) + "."), bt(p), j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, L), bt(null);
       }
     }
-    function or(p, w) {
+    function ar(p, w) {
       {
         if (typeof p != "object")
           return;
         if (Ft(p))
           for (var T = 0; T < p.length; T++) {
             var L = p[T];
-            Bt(L) && ar(L, w);
+            Bt(L) && nr(L, w);
           }
         else if (Bt(p))
           p._store && (p._store.validated = !0);
@@ -568,7 +568,7 @@ Check the top-level render call using <` + T + ">.");
           var D = g(p);
           if (typeof D == "function" && D !== p.entries)
             for (var ee = D.call(p), J; !(J = ee.next()).done; )
-              Bt(J.value) && ar(J.value, w);
+              Bt(J.value) && nr(J.value, w);
         }
       }
     }
@@ -629,13 +629,13 @@ Check the top-level render call using <` + T + ">.");
           if (He !== void 0)
             if (L)
               if (Ft(He)) {
-                for (var sr = 0; sr < He.length; sr++)
-                  or(He[sr], p);
+                for (var or = 0; or < He.length; or++)
+                  ar(He[or], p);
                 Object.freeze && Object.freeze(He);
               } else
                 j("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              or(He, p);
+              ar(He, p);
         }
         if (de.call(w, "key")) {
           var Ut = V(p), Le = Object.keys(w).filter(function(Vu) {
@@ -872,7 +872,7 @@ const Nr = () => {
   for (const r in t)
     r !== "__proto__" && r !== "constructor" && (r in e ? typeof e[r] == "string" || e[r] instanceof String || typeof t[r] == "string" || t[r] instanceof String ? n && (e[r] = t[r]) : Di(e[r], t[r], n) : e[r] = t[r]);
   return e;
-}, ir = (e) => e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+}, sr = (e) => e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var Lc = {
   "&": "&amp;",
   "<": "&lt;",
@@ -1536,7 +1536,7 @@ class Kc {
       maxReplaces: S,
       alwaysFormat: j
     } = t.interpolation;
-    this.escape = n !== void 0 ? n : $c, this.escapeValue = r !== void 0 ? r : !0, this.useRawValueToEscape = a !== void 0 ? a : !1, this.prefix = s ? ir(s) : i || "{{", this.suffix = l ? ir(l) : u || "}}", this.formatSeparator = c || ",", this.unescapePrefix = d ? "" : m || "-", this.unescapeSuffix = this.unescapePrefix ? "" : d || "", this.nestingPrefix = h ? ir(h) : v || ir("$t("), this.nestingSuffix = _ ? ir(_) : y || ir(")"), this.nestingOptionsSeparator = g || ",", this.maxReplaces = S || 1e3, this.alwaysFormat = j !== void 0 ? j : !1, this.resetRegExp();
+    this.escape = n !== void 0 ? n : $c, this.escapeValue = r !== void 0 ? r : !0, this.useRawValueToEscape = a !== void 0 ? a : !1, this.prefix = s ? sr(s) : i || "{{", this.suffix = l ? sr(l) : u || "}}", this.formatSeparator = c || ",", this.unescapePrefix = d ? "" : m || "-", this.unescapeSuffix = this.unescapePrefix ? "" : d || "", this.nestingPrefix = h ? sr(h) : v || sr("$t("), this.nestingSuffix = _ ? sr(_) : y || sr(")"), this.nestingOptionsSeparator = g || ",", this.maxReplaces = S || 1e3, this.alwaysFormat = j !== void 0 ? j : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -1649,7 +1649,7 @@ const Hc = (e) => {
     formatName: t,
     formatOptions: n
   };
-}, lr = (e) => {
+}, ir = (e) => {
   const t = {};
   return (n, r, a) => {
     let s = a;
@@ -1668,32 +1668,32 @@ class Xc {
   constructor() {
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     this.logger = ht.create("formatter"), this.options = t, this.formats = {
-      number: lr((n, r) => {
+      number: ir((n, r) => {
         const a = new Intl.NumberFormat(n, {
           ...r
         });
         return (s) => a.format(s);
       }),
-      currency: lr((n, r) => {
+      currency: ir((n, r) => {
         const a = new Intl.NumberFormat(n, {
           ...r,
           style: "currency"
         });
         return (s) => a.format(s);
       }),
-      datetime: lr((n, r) => {
+      datetime: ir((n, r) => {
         const a = new Intl.DateTimeFormat(n, {
           ...r
         });
         return (s) => a.format(s);
       }),
-      relativetime: lr((n, r) => {
+      relativetime: ir((n, r) => {
         const a = new Intl.RelativeTimeFormat(n, {
           ...r
         });
         return (s) => a.format(s, r.range || "day");
       }),
-      list: lr((n, r) => {
+      list: ir((n, r) => {
         const a = new Intl.ListFormat(n, {
           ...r
         });
@@ -1711,7 +1711,7 @@ class Xc {
     this.formats[t.toLowerCase().trim()] = n;
   }
   addCached(t, n) {
-    this.formats[t.toLowerCase().trim()] = lr(n);
+    this.formats[t.toLowerCase().trim()] = ir(n);
   }
   format(t, n, r) {
     let a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -2240,7 +2240,10 @@ Ui.use(ac).init({
     }
   },
   ns: ["translations"],
-  defaultNS: "translations"
+  defaultNS: "translations",
+  detection: {
+    order: ["navigator", "htmlTag"]
+  }
 });
 function rn(e) {
   return (n) => /* @__PURE__ */ o.jsx(td, { children: /* @__PURE__ */ o.jsx(e, { ...n }) });
@@ -9842,9 +9845,9 @@ function vn(e, t) {
 function om(e, t) {
   return e.map(t).join("");
 }
-var la = 1, br = 1, Ll = 0, Ne = 0, ve = 0, wr = "";
+var la = 1, vr = 1, Ll = 0, Ne = 0, ve = 0, wr = "";
 function ua(e, t, n, r, a, s, i) {
-  return { value: e, root: t, parent: n, type: r, props: a, children: s, line: la, column: br, length: i, return: "" };
+  return { value: e, root: t, parent: n, type: r, props: a, children: s, line: la, column: vr, length: i, return: "" };
 }
 function Dr(e, t) {
   return rm(ua("", null, null, "", null, null, 0), e, { length: -e.length }, t);
@@ -9853,10 +9856,10 @@ function sm() {
   return ve;
 }
 function im() {
-  return ve = Ne > 0 ? Re(wr, --Ne) : 0, br--, ve === 10 && (br = 1, la--), ve;
+  return ve = Ne > 0 ? Re(wr, --Ne) : 0, vr--, ve === 10 && (vr = 1, la--), ve;
 }
 function ze() {
-  return ve = Ne < Ll ? Re(wr, Ne++) : 0, br++, ve === 10 && (br = 1, la++), ve;
+  return ve = Ne < Ll ? Re(wr, Ne++) : 0, vr++, ve === 10 && (vr = 1, la++), ve;
 }
 function mt() {
   return Re(wr, Ne);
@@ -9900,7 +9903,7 @@ function Zr(e) {
   return 0;
 }
 function $l(e) {
-  return la = br = 1, Ll = ct(wr = e), Ne = 0, [];
+  return la = vr = 1, Ll = ct(wr = e), Ne = 0, [];
 }
 function Nl(e) {
   return wr = "", e;
@@ -10051,7 +10054,7 @@ function mm(e, t, n) {
 function Is(e, t, n, r) {
   return ua(e, t, n, To, Yr(e, 0, r), Yr(e, r + 1, -1), r);
 }
-function gr(e, t) {
+function pr(e, t) {
   for (var n = "", r = Eo(e), a = 0; a < r; a++)
     n += t(e[a], a, e, t) || "";
   return n;
@@ -10066,11 +10069,11 @@ function fm(e, t, n, r) {
     case Tl:
       return "";
     case El:
-      return e.return = e.value + "{" + gr(e.children, r) + "}";
+      return e.return = e.value + "{" + pr(e.children, r) + "}";
     case Io:
       e.value = e.props.join(",");
   }
-  return ct(n = gr(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+  return ct(n = pr(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
 function pm(e) {
   var t = Eo(e);
@@ -10249,7 +10252,7 @@ var Sm = function(t, n, r, a) {
       t.return = Fl(t.value, t.length);
       break;
     case El:
-      return gr([Dr(t, {
+      return pr([Dr(t, {
         value: re(t.value, "@", "@" + te)
       })], a);
     case Io:
@@ -10257,11 +10260,11 @@ var Sm = function(t, n, r, a) {
         switch (am(s, /(::plac\w+|:read-\w+)/)) {
           case ":read-only":
           case ":read-write":
-            return gr([Dr(t, {
+            return pr([Dr(t, {
               props: [re(s, /:(read-\w+)/, ":" + Wn + "$1")]
             })], a);
           case "::placeholder":
-            return gr([Dr(t, {
+            return pr([Dr(t, {
               props: [re(s, /:(plac\w+)/, ":" + te + "input-$1")]
             }), Dr(t, {
               props: [re(s, /:(plac\w+)/, ":" + Wn + "$1")]
@@ -10297,7 +10300,7 @@ var Sm = function(t, n, r, a) {
     var d, m = [fm, gm(function(y) {
       d.insert(y);
     })], h = pm(c.concat(a, m)), v = function(g) {
-      return gr(hm(g), h);
+      return pr(hm(g), h);
     };
     u = function(g, S, j, C) {
       d = j, v(g ? g + "{" + S.styles + "}" : S.styles), C && (_.inserted[S.name] = !0);
@@ -10790,22 +10793,22 @@ const ef = ge({
   prop: "gridArea"
 });
 ma(pa, ga, ya, ef, tf, rf, nf, af, of, sf, lf, uf);
-function yr(e, t) {
+function gr(e, t) {
   return t === "grey" ? t : e;
 }
 const cf = ge({
   prop: "color",
   themeKey: "palette",
-  transform: yr
+  transform: gr
 }), df = ge({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
-  transform: yr
+  transform: gr
 }), hf = ge({
   prop: "backgroundColor",
   themeKey: "palette",
-  transform: yr
+  transform: gr
 });
 ma(cf, df, hf);
 function Je(e) {
@@ -10910,16 +10913,16 @@ const un = {
   // palette
   color: {
     themeKey: "palette",
-    transform: yr
+    transform: gr
   },
   bgcolor: {
     themeKey: "palette",
     cssProperty: "backgroundColor",
-    transform: yr
+    transform: gr
   },
   backgroundColor: {
     themeKey: "palette",
-    transform: yr
+    transform: gr
   },
   // spacing
   p: {
@@ -11743,12 +11746,12 @@ function Wf({
   });
 }
 const No = typeof window < "u" ? $.useLayoutEffect : $.useEffect;
-function fr(e, t = Number.MIN_SAFE_INTEGER, n = Number.MAX_SAFE_INTEGER) {
+function mr(e, t = Number.MIN_SAFE_INTEGER, n = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, n));
 }
 const Kf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: fr
+  default: mr
 }, Symbol.toStringTag, { value: "Module" }));
 function Us(e, t) {
   return process.env.NODE_ENV === "production" ? () => null : function(...r) {
@@ -11788,11 +11791,11 @@ function Yf(e, t) {
     (n = e.type.muiName) != null ? n : (r = e.type) == null || (r = r._payload) == null || (r = r.value) == null ? void 0 : r.muiName
   ) !== -1;
 }
-function _r(e) {
+function yr(e) {
   return e && e.ownerDocument || document;
 }
 function Zf(e) {
-  return _r(e).defaultView || window;
+  return yr(e).defaultView || window;
 }
 function Qf(e, t) {
   if (process.env.NODE_ENV === "production")
@@ -12596,7 +12599,7 @@ const Qr = {
   A200: "#eeeeee",
   A400: "#bdbdbd",
   A700: "#616161"
-}, ur = {
+}, lr = {
   50: "#f3e5f5",
   100: "#e1bee7",
   200: "#ce93d8",
@@ -12611,7 +12614,7 @@ const Qr = {
   A200: "#e040fb",
   A400: "#d500f9",
   A700: "#aa00ff"
-}, cr = {
+}, ur = {
   50: "#ffebee",
   100: "#ffcdd2",
   200: "#ef9a9a",
@@ -12641,7 +12644,7 @@ const Qr = {
   A200: "#ffab40",
   A400: "#ff9100",
   A700: "#ff6d00"
-}, dr = {
+}, cr = {
   50: "#e3f2fd",
   100: "#bbdefb",
   200: "#90caf9",
@@ -12656,7 +12659,7 @@ const Qr = {
   A200: "#448aff",
   A400: "#2979ff",
   A700: "#2962ff"
-}, hr = {
+}, dr = {
   50: "#e1f5fe",
   100: "#b3e5fc",
   200: "#81d4fa",
@@ -12671,7 +12674,7 @@ const Qr = {
   A200: "#40c4ff",
   A400: "#00b0ff",
   A700: "#0091ea"
-}, mr = {
+}, hr = {
   50: "#e8f5e9",
   100: "#c8e6c9",
   200: "#a5d6a7",
@@ -12755,59 +12758,59 @@ function Qs(e, t, n, r) {
 }
 function hp(e = "light") {
   return e === "dark" ? {
-    main: dr[200],
-    light: dr[50],
-    dark: dr[400]
+    main: cr[200],
+    light: cr[50],
+    dark: cr[400]
   } : {
-    main: dr[700],
-    light: dr[400],
-    dark: dr[800]
+    main: cr[700],
+    light: cr[400],
+    dark: cr[800]
   };
 }
 function mp(e = "light") {
   return e === "dark" ? {
-    main: ur[200],
-    light: ur[50],
-    dark: ur[400]
+    main: lr[200],
+    light: lr[50],
+    dark: lr[400]
   } : {
+    main: lr[500],
+    light: lr[300],
+    dark: lr[700]
+  };
+}
+function fp(e = "light") {
+  return e === "dark" ? {
     main: ur[500],
     light: ur[300],
     dark: ur[700]
+  } : {
+    main: ur[700],
+    light: ur[400],
+    dark: ur[800]
   };
 }
-function fp(e = "light") {
+function pp(e = "light") {
   return e === "dark" ? {
-    main: cr[500],
-    light: cr[300],
-    dark: cr[700]
+    main: dr[400],
+    light: dr[300],
+    dark: dr[700]
   } : {
-    main: cr[700],
-    light: cr[400],
-    dark: cr[800]
+    main: dr[700],
+    light: dr[500],
+    dark: dr[900]
   };
 }
-function pp(e = "light") {
+function gp(e = "light") {
   return e === "dark" ? {
     main: hr[400],
     light: hr[300],
     dark: hr[700]
   } : {
-    main: hr[700],
+    main: hr[800],
     light: hr[500],
     dark: hr[900]
   };
 }
-function gp(e = "light") {
-  return e === "dark" ? {
-    main: mr[400],
-    light: mr[300],
-    dark: mr[700]
-  } : {
-    main: mr[800],
-    light: mr[500],
-    dark: mr[900]
-  };
-}
 function yp(e = "light") {
   return e === "dark" ? {
     main: Br[400],
@@ -13120,7 +13123,7 @@ process.env.NODE_ENV !== "production" && (f.node, f.object.isRequired);
 function zo(e) {
   return v0(e);
 }
-const vr = A0({
+const _r = A0({
   createStyledComponent: jt("div", {
     name: "MuiStack",
     slot: "Root",
@@ -13131,7 +13134,7 @@ const vr = A0({
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (vr.propTypes = {
+process.env.NODE_ENV !== "production" && (_r.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -13198,7 +13201,7 @@ const ni = rn(
       function c(d) {
         d.button === 0 && r("+");
       }
-      return /* @__PURE__ */ o.jsxs(vr, { height: "72px", direction: "row", ...i, children: [
+      return /* @__PURE__ */ o.jsxs(_r, { height: "72px", direction: "row", ...i, children: [
         /* @__PURE__ */ o.jsx(
           Kr,
           {
@@ -13222,7 +13225,7 @@ const ni = rn(
           }
         ),
         /* @__PURE__ */ o.jsxs(
-          vr,
+          _r,
           {
             spacing: "6px",
             sx: {
@@ -13234,7 +13237,7 @@ const ni = rn(
             },
             children: [
               /* @__PURE__ */ o.jsx(
-                vr,
+                _r,
                 {
                   height: "22px",
                   direction: "row",
@@ -13476,7 +13479,7 @@ const Up = {
   debounce: Xf,
   deprecatedPropType: qf,
   isMuiElement: Yf,
-  ownerDocument: _r,
+  ownerDocument: yr,
   ownerWindow: Zf,
   requirePropFactory: Qf,
   setRef: nu,
@@ -13552,7 +13555,7 @@ function sg(e) {
   return og.call(e);
 }
 var ig = "[object Null]", lg = "[object Undefined]", oi = Lt ? Lt.toStringTag : void 0;
-function Qt(e) {
+function Zt(e) {
   return e == null ? e === void 0 ? lg : ig : oi && oi in Object(e) ? ng(e) : sg(e);
 }
 function Xt(e) {
@@ -13560,7 +13563,7 @@ function Xt(e) {
 }
 var ug = "[object Symbol]";
 function ba(e) {
-  return typeof e == "symbol" || Xt(e) && Qt(e) == ug;
+  return typeof e == "symbol" || Xt(e) && Zt(e) == ug;
 }
 var si = NaN, cg = /^[-+]0x[0-9a-f]+$/i, dg = /^0b[01]+$/i, hg = /^0o[0-7]+$/i, mg = parseInt;
 function ii(e) {
@@ -13648,7 +13651,7 @@ const bg = rn(
       disabled: s,
       ...i
     }) => {
-      const { t: l } = Zt(), [u, c] = ea(), d = jo(() => ({
+      const { t: l } = br(), [u, c] = ea(), d = jo(() => ({
         activeJoggingDir: null,
         startJogging(S) {
           this.activeJoggingDir = S, e(S);
@@ -13680,7 +13683,7 @@ const bg = rn(
         return S > 0 && j === 0 ? `+${C}` : C;
       }
       return /* @__PURE__ */ o.jsxs(
-        vr,
+        _r,
         {
           height: "64px",
           width: "100%",
@@ -13719,7 +13722,7 @@ const bg = rn(
               }
             ),
             /* @__PURE__ */ o.jsxs(
-              vr,
+              _r,
               {
                 flexGrow: 1,
                 alignItems: "center",
@@ -13847,7 +13850,7 @@ const bg = rn(
   }
 ), vu = et(
   ({ store: e, children: t }) => {
-    const { t: n } = Zt();
+    const { t: n } = br();
     function r() {
       if (e.activationState === "inactive" && !e.activationError)
         return /* @__PURE__ */ o.jsx(
@@ -13996,7 +13999,7 @@ var Ug = "[object AsyncFunction]", Jg = "[object Function]", Vg = "[object Gener
 function Su(e) {
   if (!Ht(e))
     return !1;
-  var t = Qt(e);
+  var t = Zt(e);
   return t == Jg || t == Vg || t == Ug || t == zg;
 }
 var Ka = yt["__core-js_shared__"], ui = function() {
@@ -14007,7 +14010,7 @@ function Gg(e) {
   return !!ui && ui in e;
 }
 var Wg = Function.prototype, Kg = Wg.toString;
-function er(e) {
+function Qt(e) {
   if (e != null) {
     try {
       return Kg.call(e);
@@ -14027,16 +14030,16 @@ function ty(e) {
   if (!Ht(e) || Gg(e))
     return !1;
   var t = Su(e) ? ey : Xg;
-  return t.test(er(e));
+  return t.test(Qt(e));
 }
 function ry(e, t) {
   return e == null ? void 0 : e[t];
 }
-function tr(e, t) {
+function er(e, t) {
   var n = ry(e, t);
   return ty(n) ? n : void 0;
 }
-var en = tr(yt, "Map"), tn = tr(Object, "create");
+var en = er(yt, "Map"), tn = er(Object, "create");
 function ny() {
   this.__data__ = tn ? tn(null) : {}, this.size = 0;
 }
@@ -14274,7 +14277,7 @@ function Zy(e, t) {
 }
 var Qy = "[object Arguments]";
 function mi(e) {
-  return Xt(e) && Qt(e) == Qy;
+  return Xt(e) && Zt(e) == Qy;
 }
 var ju = Object.prototype, e1 = ju.hasOwnProperty, t1 = ju.propertyIsEnumerable, Ru = mi(/* @__PURE__ */ function() {
   return arguments;
@@ -14297,7 +14300,7 @@ var l1 = "[object Arguments]", u1 = "[object Array]", c1 = "[object Boolean]", d
 ue[w1] = ue[j1] = ue[R1] = ue[C1] = ue[A1] = ue[P1] = ue[O1] = ue[M1] = ue[I1] = !0;
 ue[l1] = ue[u1] = ue[x1] = ue[c1] = ue[S1] = ue[d1] = ue[h1] = ue[m1] = ue[f1] = ue[p1] = ue[g1] = ue[y1] = ue[_1] = ue[v1] = ue[b1] = !1;
 function T1(e) {
-  return Xt(e) && Ko(e.length) && !!ue[Qt(e)];
+  return Xt(e) && Ko(e.length) && !!ue[Zt(e)];
 }
 function E1(e) {
   return function(t) {
@@ -14381,9 +14384,9 @@ function H1(e, t, n, r, a, s) {
   }
   return s.delete(e), s.delete(t), y;
 }
-var _o = tr(yt, "DataView"), vo = tr(yt, "Promise"), bo = tr(yt, "Set"), xo = tr(yt, "WeakMap"), vi = "[object Map]", X1 = "[object Object]", bi = "[object Promise]", xi = "[object Set]", Si = "[object WeakMap]", wi = "[object DataView]", q1 = er(_o), Y1 = er(en), Z1 = er(vo), Q1 = er(bo), e_ = er(xo), Et = Qt;
+var _o = er(yt, "DataView"), vo = er(yt, "Promise"), bo = er(yt, "Set"), xo = er(yt, "WeakMap"), vi = "[object Map]", X1 = "[object Object]", bi = "[object Promise]", xi = "[object Set]", Si = "[object WeakMap]", wi = "[object DataView]", q1 = Qt(_o), Y1 = Qt(en), Z1 = Qt(vo), Q1 = Qt(bo), e_ = Qt(xo), Et = Zt;
 (_o && Et(new _o(new ArrayBuffer(1))) != wi || en && Et(new en()) != vi || vo && Et(vo.resolve()) != bi || bo && Et(new bo()) != xi || xo && Et(new xo()) != Si) && (Et = function(e) {
-  var t = Qt(e), n = t == X1 ? e.constructor : void 0, r = n ? er(n) : "";
+  var t = Zt(e), n = t == X1 ? e.constructor : void 0, r = n ? Qt(n) : "";
   if (r)
     switch (r) {
       case q1:
@@ -14429,7 +14432,7 @@ function a_(e, t) {
 const Iu = ({
   store: e
 }) => {
-  const { t } = Zt(), [n, r] = ea(
+  const { t } = br(), [n, r] = ea(
     e.jogger.motionStream.rapidlyChangingMotionState.state.joint_limit_reached.limit_reached
   ), a = kt(n);
   on(() => {
@@ -14463,7 +14466,7 @@ const Iu = ({
   ...n
 }, r) => /* @__PURE__ */ $.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 15, height: 17, fill: "none", ref: r, "aria-labelledby": t, ...n }, e ? /* @__PURE__ */ $.createElement("title", { id: t }, e) : null, /* @__PURE__ */ $.createElement("path", { fill: "currentColor", d: "M12.9 7.667c-.133-.534-.533-1-1-1.134L10.367 6l-.4 1.267L11.5 7.8c.067 0 .133.067.133.2l1.067 4.867a.32.32 0 0 1-.133.4l-2.267 1.8c-.267.2-.333.666-.133.933s.666.333.933.133l2.267-1.8c.533-.4.733-1.133.6-1.733zM12.5 0H1.833A1.65 1.65 0 0 0 .167 1.667v1.4c0 .866.733 1.6 1.666 1.6h10.734c.866 0 1.6-.734 1.6-1.667V1.667A1.65 1.65 0 0 0 12.5 0M1.633 12.8 2.7 8c0-.067.067-.133.133-.2l1.534-.533-.4-1.2-1.534.466c-.533.2-.933.6-1 1.134L.367 12.533c-.134.667.066 1.334.6 1.734l2.266 1.8c.267.266.734.2.934-.067s.2-.733-.134-.933l-2.266-1.8c-.134-.134-.2-.267-.134-.467" })), l_ = Yt(i_), u_ = et(({ store: e }) => {
   var r;
-  const { t } = Zt();
+  const { t } = br();
   function n(a, s) {
     (s === "coordsys" || s === "tool") && e.setSelectedOrientation(s);
   }
@@ -14644,7 +14647,7 @@ function jn({
   setActive: n
 }) {
   var r, a;
-  const s = _r(e.current);
+  const s = yr(e.current);
   if (!((r = e.current) != null && r.contains(s.activeElement)) || Number(s == null || (a = s.activeElement) == null ? void 0 : a.getAttribute("data-index")) !== t) {
     var i;
     (i = e.current) == null || i.querySelector(`[type="range"][data-index="${t}"]`).focus();
@@ -14719,7 +14722,7 @@ function y_(e) {
     }), d(q, E, N);
   }), X = Array.isArray(F);
   let K = X ? F.slice().sort(Tu) : [F];
-  K = K.map((M) => M == null ? u : fr(M, u, l));
+  K = K.map((M) => M == null ? u : mr(M, u, l));
   const xe = i === !0 && y !== null ? [...Array(Math.floor((l - u) / y) + 1)].map((M, E) => ({
     value: u + y * E
   })) : i || [], ie = xe.map((M) => M.value), {
@@ -14741,8 +14744,8 @@ function y_(e) {
       const Ue = ie[ie.length - 1];
       W > Ue ? W = Ue : W < ie[0] ? W = ie[0] : W = W < G ? ie[q - 1] : ie[q + 1];
     }
-    if (W = fr(W, u, l), X) {
-      a && (W = fr(W, K[N - 1] || -1 / 0, K[N + 1] || 1 / 0));
+    if (W = mr(W, u, l), X) {
+      a && (W = mr(W, K[N - 1] || -1 / 0, K[N + 1] || 1 / 0));
       const Ue = W;
       W = Pi({
         values: K,
@@ -14798,10 +14801,10 @@ function y_(e) {
       const Mt = Ai(ie, Q);
       Q = ie[Mt];
     }
-    Q = fr(Q, u, l);
+    Q = mr(Q, u, l);
     let ke = 0;
     if (X) {
-      E ? ke = vt.current : ke = Ai(K, Q), a && (Q = fr(Q, K[ke - 1] || -1 / 0, K[ke + 1] || 1 / 0));
+      E ? ke = vt.current : ke = Ai(K, Q), a && (Q = mr(Q, K[ke - 1] || -1 / 0, K[ke + 1] || 1 / 0));
       const Mt = Q;
       Q = Pi({
         values: K,
@@ -14865,14 +14868,14 @@ function y_(e) {
       }), H(q), V && !Rn(q, F) && V(M, q, W);
     }
     le.current = 0;
-    const G = _r(Se.current);
+    const G = yr(Se.current);
     G.addEventListener("touchmove", Z, {
       passive: !0
     }), G.addEventListener("touchend", de, {
       passive: !0
     });
   }), Ee = $.useCallback(() => {
-    const M = _r(Se.current);
+    const M = yr(Se.current);
     M.removeEventListener("mousemove", Z), M.removeEventListener("mouseup", de), M.removeEventListener("touchmove", Z), M.removeEventListener("touchend", de);
   }, [de, Z]);
   $.useEffect(() => {
@@ -14907,7 +14910,7 @@ function y_(e) {
       }), H(W), V && !Rn(W, F) && V(E, W, Ue);
     }
     le.current = 0;
-    const q = _r(Se.current);
+    const q = yr(Se.current);
     q.addEventListener("mousemove", Z, {
       passive: !0
     }), q.addEventListener("mouseup", de);
@@ -15596,7 +15599,7 @@ const S_ = jt("span", {
     getHiddenInputProps: Cr,
     getThumbProps: Ar,
     open: Pr,
-    active: rr,
+    active: tr,
     axis: nt,
     focusedThumbIndex: M,
     range: E,
@@ -15610,7 +15613,7 @@ const S_ = jt("span", {
     rootRef: n
   }));
   we.marked = G.length > 0 && G.some((L) => L.label), we.dragging = N, we.focusedThumbIndex = M;
-  const Q = O_(we), ke = (r = (a = Z == null ? void 0 : Z.root) != null ? a : ie.Root) != null ? r : S_, Mt = (s = (i = Z == null ? void 0 : Z.rail) != null ? i : ie.Rail) != null ? s : w_, nr = (l = (u = Z == null ? void 0 : Z.track) != null ? u : ie.Track) != null ? l : j_, Or = (c = (d = Z == null ? void 0 : Z.thumb) != null ? d : ie.Thumb) != null ? c : R_, bt = (m = (h = Z == null ? void 0 : Z.valueLabel) != null ? h : ie.ValueLabel) != null ? m : C_, Dt = (v = (_ = Z == null ? void 0 : Z.mark) != null ? _ : ie.Mark) != null ? v : A_, Bt = (y = (g = Z == null ? void 0 : Z.markLabel) != null ? g : ie.MarkLabel) != null ? y : P_, Mr = (S = (j = Z == null ? void 0 : Z.input) != null ? j : ie.Input) != null ? S : "input", Ir = (C = I == null ? void 0 : I.root) != null ? C : Y.root, fn = (k = I == null ? void 0 : I.rail) != null ? k : Y.rail, Tr = (R = I == null ? void 0 : I.track) != null ? R : Y.track, ar = (P = I == null ? void 0 : I.thumb) != null ? P : Y.thumb, or = (O = I == null ? void 0 : I.valueLabel) != null ? O : Y.valueLabel, Ra = (z = I == null ? void 0 : I.mark) != null ? z : Y.mark, Ca = (se = I == null ? void 0 : I.markLabel) != null ? se : Y.markLabel, pn = (le = I == null ? void 0 : I.input) != null ? le : Y.input, gn = Tt({
+  const Q = O_(we), ke = (r = (a = Z == null ? void 0 : Z.root) != null ? a : ie.Root) != null ? r : S_, Mt = (s = (i = Z == null ? void 0 : Z.rail) != null ? i : ie.Rail) != null ? s : w_, rr = (l = (u = Z == null ? void 0 : Z.track) != null ? u : ie.Track) != null ? l : j_, Or = (c = (d = Z == null ? void 0 : Z.thumb) != null ? d : ie.Thumb) != null ? c : R_, bt = (m = (h = Z == null ? void 0 : Z.valueLabel) != null ? h : ie.ValueLabel) != null ? m : C_, Dt = (v = (_ = Z == null ? void 0 : Z.mark) != null ? _ : ie.Mark) != null ? v : A_, Bt = (y = (g = Z == null ? void 0 : Z.markLabel) != null ? g : ie.MarkLabel) != null ? y : P_, Mr = (S = (j = Z == null ? void 0 : Z.input) != null ? j : ie.Input) != null ? S : "input", Ir = (C = I == null ? void 0 : I.root) != null ? C : Y.root, fn = (k = I == null ? void 0 : I.rail) != null ? k : Y.rail, Tr = (R = I == null ? void 0 : I.track) != null ? R : Y.track, nr = (P = I == null ? void 0 : I.thumb) != null ? P : Y.thumb, ar = (O = I == null ? void 0 : I.valueLabel) != null ? O : Y.valueLabel, Ra = (z = I == null ? void 0 : I.mark) != null ? z : Y.mark, Ca = (se = I == null ? void 0 : I.markLabel) != null ? se : Y.markLabel, pn = (le = I == null ? void 0 : I.input) != null ? le : Y.input, gn = Tt({
     elementType: ke,
     getSlotProps: Ft,
     externalSlotProps: Ir,
@@ -15626,7 +15629,7 @@ const S_ = jt("span", {
     ownerState: we,
     className: Q.rail
   }), Pa = Tt({
-    elementType: nr,
+    elementType: rr,
     externalSlotProps: Tr,
     additionalProps: {
       style: A({}, Ot[nt].offset(W), Ot[nt].leap(Ue))
@@ -15636,13 +15639,13 @@ const S_ = jt("span", {
   }), Er = Tt({
     elementType: Or,
     getSlotProps: Ar,
-    externalSlotProps: ar,
-    ownerState: A({}, we, ar == null ? void 0 : ar.ownerState),
+    externalSlotProps: nr,
+    ownerState: A({}, we, nr == null ? void 0 : nr.ownerState),
     className: Q.thumb
   }), Oa = Tt({
     elementType: bt,
-    externalSlotProps: or,
-    ownerState: A({}, we, or == null ? void 0 : or.ownerState),
+    externalSlotProps: ar,
+    ownerState: A({}, we, ar == null ? void 0 : ar.ownerState),
     className: Q.valueLabel
   }), p = Tt({
     elementType: Dt,
@@ -15661,7 +15664,7 @@ const S_ = jt("span", {
     ownerState: we
   });
   return /* @__PURE__ */ o.jsxs(ke, A({}, gn, {
-    children: [/* @__PURE__ */ o.jsx(Mt, A({}, Aa)), /* @__PURE__ */ o.jsx(nr, A({}, Pa)), G.filter((L) => L.value >= De && L.value <= We).map((L, D) => {
+    children: [/* @__PURE__ */ o.jsx(Mt, A({}, Aa)), /* @__PURE__ */ o.jsx(rr, A({}, Pa)), G.filter((L) => L.value >= De && L.value <= We).map((L, D) => {
       const ee = Qn(L.value, De, We), J = Ot[nt].offset(ee);
       let B;
       return de === !1 ? B = q.indexOf(L.value) !== -1 : B = de === "normal" && (E ? L.value >= q[0] && L.value <= q[q.length - 1] : L.value <= q[0]) || de === "inverted" && (E ? L.value <= q[0] || L.value >= q[q.length - 1] : L.value >= q[0]), /* @__PURE__ */ o.jsxs($.Fragment, {
@@ -15692,13 +15695,13 @@ const S_ = jt("span", {
           valueLabelDisplay: Te,
           value: typeof Ee == "function" ? Ee(Be(L), D) : Ee,
           index: D,
-          open: Pr === D || rr === D || Te === "on",
+          open: Pr === D || tr === D || Te === "on",
           disabled: Ge
         }, Oa, {
           children: /* @__PURE__ */ o.jsx(Or, A({
             "data-index": D
           }, Er, {
-            className: ft(Q.thumb, Er.className, rr === D && Q.active, M === D && Q.focusVisible),
+            className: ft(Q.thumb, Er.className, tr === D && Q.active, M === D && Q.focusVisible),
             style: A({}, J, Ke(D), Er.style),
             children: /* @__PURE__ */ o.jsx(Mr, A({
               "data-index": D,
@@ -15981,7 +15984,7 @@ process.env.NODE_ENV !== "production" && (ku.propTypes = {
 });
 var I_ = "[object Number]";
 function T_(e) {
-  return typeof e == "number" || Xt(e) && Qt(e) == I_;
+  return typeof e == "number" || Xt(e) && Zt(e) == I_;
 }
 const E_ = et((e) => {
   const t = wo(), n = e.valueLabelFormat || ((a) => `${a}`);
@@ -15996,6 +15999,7 @@ const E_ = et((e) => {
           textAlign: "center",
           fontSize: "14px",
           opacity: 0.8,
+          lineHeight: 1,
           color: t.palette.text.primary
         },
         children: n(e.velocity)
@@ -16022,7 +16026,7 @@ const E_ = et((e) => {
   ] });
 }), Lu = et(
   ({ store: e }) => {
-    const { t } = Zt(), n = jo(() => ({
+    const { t } = br(), n = jo(() => ({
       get valueLabelFormat() {
         return e.currentMotionType === "translate" ? (r) => `v=${t("Jogging.Cartesian.Translation.velocityMmPerSec.lb", { amount: r })}` : (r) => `v=${t("Jogging.Cartesian.Rotation.velocityDegPerSec.lb", { amount: r })}`;
       }
@@ -16032,7 +16036,7 @@ const E_ = et((e) => {
       {
         sx: {
           margin: "0px 20px",
-          marginBottom: "12px"
+          marginBottom: "6px"
         },
         children: /* @__PURE__ */ o.jsx(oe, { sx: { width: "380px", maxWidth: "90%", margin: "auto" }, children: /* @__PURE__ */ o.jsx(
           E_,
@@ -16050,7 +16054,7 @@ const E_ = et((e) => {
   }
 ), k_ = et(
   ({ store: e, children: t }) => {
-    const { t: n } = Zt();
+    const { t: n } = br();
     function r(d, m) {
       (m === "translate" || m === "rotate") && e.setSelectedCartesianMotionType(m);
     }
@@ -16248,7 +16252,6 @@ const E_ = et((e) => {
 ), L_ = et(
   ({ store: e }) => {
     const t = kt(null);
-    Zt();
     function n() {
       const { joints: r } = e.jogger.motionStream.rapidlyChangingMotionState.state.joint_position;
       return `[${r.map((a) => parseFloat(a.toFixed(4))).join(", ")}]`;
@@ -16271,7 +16274,6 @@ const E_ = et((e) => {
         children: /* @__PURE__ */ o.jsx(
           bu,
           {
-            label: "Pose",
             value: n(),
             ref: t
           }
@@ -16293,7 +16295,6 @@ const E_ = et((e) => {
     }
     return /* @__PURE__ */ o.jsxs(oe, { flexGrow: 1, justifyContent: "space-between", children: [
       /* @__PURE__ */ o.jsx(L_, { store: e }),
-      /* @__PURE__ */ o.jsx(oe, { marginTop: "0.8rem" }),
       /* @__PURE__ */ o.jsx(vu, { store: e, children: /* @__PURE__ */ o.jsx(oe, { gap: "0.8rem", children: e.jogger.motionStream.joints.map((a) => {
         var u;
         const s = (u = e.motionGroupSpec.mechanical_joint_limits) == null ? void 0 : u[a.index], i = (s == null ? void 0 : s.lower_limit) !== void 0 ? Pn(s.lower_limit) : void 0, l = (s == null ? void 0 : s.upper_limit) !== void 0 ? Pn(s.upper_limit) : void 0;
@@ -16346,13 +16347,14 @@ const E_ = et((e) => {
         );
       }) }) }),
       /* @__PURE__ */ o.jsx(Iu, { store: e }),
-      /* @__PURE__ */ o.jsx(Lu, { store: e })
+      /* @__PURE__ */ o.jsx(Lu, { store: e }),
+      t
     ] });
   }
 );
 var Ii = function() {
   try {
-    var e = tr(Object, "defineProperty");
+    var e = er(Object, "defineProperty");
     return e({}, "", {}), e;
   } catch {
   }
@@ -16628,7 +16630,7 @@ class Yo {
   async deactivate(t = {}) {
     if (this.activationState === "inactive") return;
     const n = this.jogger.activeWebsocket;
-    this.activationState = "inactive", this.jogger.setJoggingMode("increment"), n && await n.closed(), t.requireManualReactivation && pr(() => {
+    this.activationState = "inactive", this.jogger.setJoggingMode("increment"), n && await n.closed(), t.requireManualReactivation && fr(() => {
       this.manualActivationRequired = !0;
     });
   }
@@ -16642,7 +16644,7 @@ class Yo {
       jogger: i
     } = this;
     if (this.activationState !== "loading" && !(this.manualActivationRequired && !t.manual)) {
-      pr(() => {
+      fr(() => {
         this.activationState = "loading", this.activationError = null;
       });
       try {
@@ -16665,12 +16667,12 @@ class Yo {
         try {
           i.stop(), await i.activeWebsocket.nextMessage();
         } catch (l) {
-          pr(() => {
+          fr(() => {
             this.activationState = "inactive", this.activationError = l;
           });
           return;
         }
-      pr(() => {
+      fr(() => {
         this.activationState = "active", t.manual && (this.manualActivationRequired = !1);
       });
     }
@@ -16811,12 +16813,12 @@ const db = rn(
       loadingError: null
     }));
     async function r() {
-      pr(() => {
+      fr(() => {
         n.loadingError = null, n.joggingStore = null;
       });
       try {
         const a = await t.connectJogger(e.motionGroupId), s = await Yo.loadFor(a);
-        pr(() => {
+        fr(() => {
           n.joggingStore = s;
         }), e.onSetup && e.onSetup(s);
       } catch (a) {