@wandelbots/wandelbots-js-react-components 1.9.0 → 1.9.1

package/dist/index.js

@@ -3,7 +3,7 @@ import fs, { useRef as Ft, useState as On, useEffect as Dt, useCallback as Ui, S
 import { CacheProvider as Ji, Global as Vi, ThemeContext as ms, css as Gi, keyframes as zi, ThemeProvider as Wi } from "@emotion/react";
 import { defaultsDeep as Hi, throttle as Ki, isNumber as Xi, isEqual as qi, keyBy as Xr, uniqueId as Yi } from "lodash-es";
 import p from "prop-types";
-import { useTheme as Ln, Button as ra, Typography as bt, IconButton as na, Slider as Zi, Stack as he, InputLabel as Pr, Select as ro, MenuItem as qr, ToggleButtonGroup as ps, ToggleButton as yn, Chip as Qi, CircularProgress as el, Tabs as tl, Tab as rl, Paper as nl } from "@mui/material";
+import { useTheme as Ln, Button as ra, Typography as Ct, IconButton as na, Slider as Zi, Stack as fe, InputLabel as Pr, Select as ro, MenuItem as qr, ToggleButtonGroup as ps, ToggleButton as yn, Chip as Qi, CircularProgress as el, Tabs as tl, Tab as rl, Paper as nl } from "@mui/material";
 import { initReactI18next as ol, I18nextProvider as al, useTranslation as sr } from "react-i18next";
 import sl from "i18next-browser-languagedetector";
 import il, { useMonaco as ll } from "@monaco-editor/react";
@@ -193,7 +193,7 @@ function Ol() {
         W++;
       }
     }
-    function St() {
+    function xt() {
       {
         if (W--, W === 0) {
           var m = {
@@ -297,23 +297,23 @@ function Ol() {
         if (Ee && E && typeof Ee.stack == "string") {
           for (var U = Ee.stack.split(`
 `), Ae = E.stack.split(`
-`), fe = U.length - 1, ye = Ae.length - 1; fe >= 1 && ye >= 0 && U[fe] !== Ae[ye]; )
+`), he = U.length - 1, ye = Ae.length - 1; he >= 1 && ye >= 0 && U[he] !== Ae[ye]; )
             ye--;
-          for (; fe >= 1 && ye >= 0; fe--, ye--)
-            if (U[fe] !== Ae[ye]) {
-              if (fe !== 1 || ye !== 1)
+          for (; he >= 1 && ye >= 0; he--, ye--)
+            if (U[he] !== Ae[ye]) {
+              if (he !== 1 || ye !== 1)
                 do
-                  if (fe--, ye--, ye < 0 || U[fe] !== Ae[ye]) {
+                  if (he--, ye--, ye < 0 || U[he] !== Ae[ye]) {
                     var We = `
-` + U[fe].replace(" at new ", " at ");
+` + U[he].replace(" at new ", " at ");
                     return m.displayName && We.includes("<anonymous>") && (We = We.replace("<anonymous>", m.displayName)), typeof m == "function" && it.set(m, We), We;
                   }
-                while (fe >= 1 && ye >= 0);
+                while (he >= 1 && ye >= 0);
               break;
             }
         }
       } finally {
-        st = !1, at.current = Q, St(), Error.prepareStackTrace = D;
+        st = !1, at.current = Q, xt(), Error.prepareStackTrace = D;
       }
       var Ht = m ? m.displayName || m.name : "", It = Ht ? Ne(Ht) : "";
       return typeof m == "function" && it.set(m, It), It;
@@ -355,7 +355,7 @@ function Ol() {
       return "";
     }
     var ce = Object.prototype.hasOwnProperty, Le = {}, Me = v.ReactDebugCurrentFrame;
-    function vt(m) {
+    function St(m) {
       if (m) {
         var w = m._owner, M = Y(m.type, m._source, w ? w.type : null);
         Me.setExtraStackFrame(M);
@@ -374,16 +374,16 @@ function Ol() {
                 throw Ae.name = "Invariant Violation", Ae;
               }
               U = m[J](w, J, E, M, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (fe) {
-              U = fe;
+            } catch (he) {
+              U = he;
             }
-            U && !(U instanceof Error) && (vt(D), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", M, J, typeof U), vt(null)), U instanceof Error && !(U.message in Le) && (Le[U.message] = !0, vt(D), R("Failed %s type: %s", M, U.message), vt(null));
+            U && !(U instanceof Error) && (St(D), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", M, J, typeof U), St(null)), U instanceof Error && !(U.message in Le) && (Le[U.message] = !0, St(D), R("Failed %s type: %s", M, U.message), St(null));
           }
       }
     }
-    var wt = Array.isArray;
+    var vt = Array.isArray;
     function Mt(m) {
-      return wt(m);
+      return vt(m);
     }
     function hr(m) {
       {
@@ -485,16 +485,16 @@ function Ol() {
         value: D
       }), Object.freeze && (Object.freeze(U.props), Object.freeze(U)), U;
     };
-    function Rt(m, w, M, E, D) {
+    function wt(m, w, M, E, D) {
       {
         var Q, J = {}, U = null, Ae = null;
         M !== void 0 && (Vt(M), U = "" + M), z(w) && (Vt(w.key), U = "" + w.key), X(w) && (Ae = w.ref, Fe(w, D));
         for (Q in w)
           ce.call(w, Q) && !C.hasOwnProperty(Q) && (J[Q] = w[Q]);
         if (m && m.defaultProps) {
-          var fe = m.defaultProps;
-          for (Q in fe)
-            J[Q] === void 0 && (J[Q] = fe[Q]);
+          var he = m.defaultProps;
+          for (Q in he)
+            J[Q] === void 0 && (J[Q] = he[Q]);
         }
         if (U || Ae) {
           var ye = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
@@ -622,10 +622,10 @@ Check the top-level render call using <` + M + ">.");
           (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (U += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var Ae = yr();
           Ae ? U += Ae : U += gr();
-          var fe;
-          m === null ? fe = "null" : Mt(m) ? fe = "array" : m !== void 0 && m.$$typeof === t ? (fe = "<" + (V(m.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : fe = typeof m, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", fe, U);
+          var he;
+          m === null ? he = "null" : Mt(m) ? he = "array" : m !== void 0 && m.$$typeof === t ? (he = "<" + (V(m.type) || "Unknown") + " />", U = " Did you accidentally export a JSX literal instead of a component?") : he = typeof m, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", he, U);
         }
-        var ye = Rt(m, w, M, D, Q);
+        var ye = wt(m, w, M, D, Q);
         if (ye == null)
           return ye;
         if (J) {
@@ -2419,7 +2419,7 @@ function yu() {
     function ve(O) {
       return typeof O == "object" && O !== null && O.$$typeof === e;
     }
-    function St(O) {
+    function xt(O) {
       return j(O) === c;
     }
     function at(O) {
@@ -2446,7 +2446,7 @@ function yu() {
     function $e(O) {
       return j(O) === d;
     }
-    oe.ContextConsumer = I, oe.ContextProvider = L, oe.Element = re, oe.ForwardRef = le, oe.Fragment = se, oe.Lazy = F, oe.Memo = H, oe.Portal = V, oe.Profiler = K, oe.StrictMode = W, oe.Suspense = Se, oe.SuspenseList = ae, oe.isAsyncMode = Oe, oe.isConcurrentMode = et, oe.isContextConsumer = ft, oe.isContextProvider = Ve, oe.isElement = ve, oe.isForwardRef = St, oe.isFragment = at, oe.isLazy = Ge, oe.isMemo = Ne, oe.isPortal = st, oe.isProfiler = it, oe.isStrictMode = Lt, oe.isSuspense = mt, oe.isSuspenseList = $e, oe.isValidElementType = T, oe.typeOf = j;
+    oe.ContextConsumer = I, oe.ContextProvider = L, oe.Element = re, oe.ForwardRef = le, oe.Fragment = se, oe.Lazy = F, oe.Memo = H, oe.Portal = V, oe.Profiler = K, oe.StrictMode = W, oe.Suspense = Se, oe.SuspenseList = ae, oe.isAsyncMode = Oe, oe.isConcurrentMode = et, oe.isContextConsumer = ft, oe.isContextProvider = Ve, oe.isElement = ve, oe.isForwardRef = xt, oe.isFragment = at, oe.isLazy = Ge, oe.isMemo = Ne, oe.isPortal = st, oe.isProfiler = it, oe.isStrictMode = Lt, oe.isSuspense = mt, oe.isSuspenseList = $e, oe.isValidElementType = T, oe.typeOf = j;
   }()), oe;
 }
 process.env.NODE_ENV === "production" ? vo.exports = gu() : vo.exports = yu();
@@ -2875,7 +2875,7 @@ function zu(e, t, r) {
   return typeof e == "function" ? e(t, r) : e;
 }
 const Wu = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
-function jt(e) {
+function Rt(e) {
   var t;
   const {
     elementType: r,
@@ -5597,7 +5597,7 @@ ei.use(sl).use(ol).init({
   ns: ["translations"],
   defaultNS: "translations"
 });
-function xt(e) {
+function bt(e) {
   return (t) => /* @__PURE__ */ s.jsx(J0, { children: /* @__PURE__ */ s.jsx(e, { ...t }) });
 }
 const J0 = ({
@@ -10730,7 +10730,7 @@ const Oo = ht(
               }
             ),
             /* @__PURE__ */ s.jsx(
-              bt,
+              Ct,
               {
                 height: "22px",
                 sx: {
@@ -10868,7 +10868,7 @@ const Oo = ht(
               },
               children: [
                 /* @__PURE__ */ s.jsx(
-                  bt,
+                  Ct,
                   {
                     sx: {
                       fontSize: "15px",
@@ -10971,14 +10971,13 @@ const Oo = ht(
   }
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsxs(
-      he,
+      fe,
       {
         direction: "row",
         alignItems: "center",
         spacing: 2,
         sx: {
-          padding: "16px",
-          paddingTop: "8px",
+          padding: "8px 16px",
           "& label": {
             opacity: 0.7,
             fontSize: "12px",
@@ -10986,7 +10985,7 @@ const Oo = ht(
           }
         },
         children: [
-          /* @__PURE__ */ s.jsxs(he, { width: "50%", children: [
+          /* @__PURE__ */ s.jsxs(fe, { width: "50%", children: [
             /* @__PURE__ */ s.jsx(Pr, { id: "jogging-coord-select", children: "Coordinate Sys." }),
             /* @__PURE__ */ s.jsx(
               ro,
@@ -11002,7 +11001,7 @@ const Oo = ht(
               }
             )
           ] }),
-          /* @__PURE__ */ s.jsxs(he, { width: "50%", children: [
+          /* @__PURE__ */ s.jsxs(fe, { width: "50%", children: [
             /* @__PURE__ */ s.jsx(Pr, { id: "jogging-tcp-select", children: "TCP" }),
             /* @__PURE__ */ s.jsx(
               ro,
@@ -11021,14 +11020,13 @@ const Oo = ht(
       }
     ),
     /* @__PURE__ */ s.jsxs(
-      he,
+      fe,
       {
         direction: "row",
         alignItems: "center",
         spacing: 2,
         sx: {
-          padding: "16px",
-          paddingTop: "8px",
+          padding: "8px 16px",
           "& label": {
             opacity: 0.7,
             fontSize: "12px",
@@ -11036,7 +11034,7 @@ const Oo = ht(
           }
         },
         children: [
-          /* @__PURE__ */ s.jsxs(he, { width: "35%", children: [
+          /* @__PURE__ */ s.jsxs(fe, { width: "35%", children: [
             /* @__PURE__ */ s.jsx(Pr, { id: "orientation-select", children: t("Jogging.Cartesian.Orientation.lb") }),
             /* @__PURE__ */ s.jsxs(
               ps,
@@ -11053,7 +11051,7 @@ const Oo = ht(
               }
             )
           ] }),
-          /* @__PURE__ */ s.jsxs(he, { width: "65%", children: [
+          /* @__PURE__ */ s.jsxs(fe, { width: "65%", children: [
             /* @__PURE__ */ s.jsx(Pr, { id: "jogging-increment-select", children: "Increment" }),
             /* @__PURE__ */ s.jsxs(
               ro,
@@ -11231,7 +11229,7 @@ function $h(e) {
     onBlur: Re,
     onFocus: Oe,
     ref: et
-  } = Bu(), [ft, Ve] = $.useState(-1), ve = $.useRef(), St = wo(et, ve), at = wo(b, St), Ge = (C) => (k) => {
+  } = Bu(), [ft, Ve] = $.useState(-1), ve = $.useRef(), xt = wo(et, ve), at = wo(b, xt), Ge = (C) => (k) => {
     var N;
     const G = Number(k.currentTarget.getAttribute("data-index"));
     Oe(k), q.current === !0 && Ve(G), L(G), C == null || (N = C.onFocus) == null || N.call(C, k);
@@ -11299,19 +11297,19 @@ function $h(e) {
     if (Z = kh(ze, c, l), y)
       Z = Ih(Z, y, c);
     else {
-      const Rt = Ha(ae, Z);
-      Z = ae[Rt];
+      const wt = Ha(ae, Z);
+      Z = ae[wt];
     }
     Z = tr(Z, c, l);
     let ke = 0;
     if (K) {
       k ? ke = mt.current : ke = Ha(W, Z), o && (Z = tr(Z, W[ke - 1] || -1 / 0, W[ke + 1] || 1 / 0));
-      const Rt = Z;
+      const wt = Z;
       Z = Ka({
         values: W,
         newValue: Z,
         index: ke
-      }), o && k || (ke = Z.indexOf(Rt), mt.current = ke);
+      }), o && k || (ke = Z.indexOf(wt), mt.current = ke);
     }
     return {
       newValue: Z,
@@ -11391,7 +11389,7 @@ function $h(e) {
   }, [Me, Le]), $.useEffect(() => {
     n && Me();
   }, [n, Me]);
-  const vt = (C) => (k) => {
+  const St = (C) => (k) => {
     var N;
     if ((N = C.onMouseDown) == null || N.call(C, k), n || k.defaultPrevented || k.button !== 0)
       return;
@@ -11415,9 +11413,9 @@ function $h(e) {
     X.addEventListener("mousemove", Y, {
       passive: !0
     }), X.addEventListener("mouseup", ce);
-  }, we = Cn(K ? W[0] : c, c, l), wt = Cn(W[W.length - 1], c, l) - we, Mt = (C = {}) => {
+  }, we = Cn(K ? W[0] : c, c, l), vt = Cn(W[W.length - 1], c, l) - we, Mt = (C = {}) => {
     const k = hn(C), N = {
-      onMouseDown: vt(k || {})
+      onMouseDown: St(k || {})
     }, G = A({}, k, N);
     return A({}, C, {
       ref: at
@@ -11478,7 +11476,7 @@ function $h(e) {
     open: I,
     range: K,
     rootRef: at,
-    trackLeap: wt,
+    trackLeap: vt,
     trackOffset: we,
     values: W,
     getThumbStyle: (C) => ({
@@ -12063,7 +12061,7 @@ const Jh = Ot("span", {
     disableSwap: ft = !1,
     disabled: Ve = !1,
     getAriaLabel: ve,
-    getAriaValueText: St,
+    getAriaValueText: xt,
     marks: at = !1,
     max: Ge = 100,
     min: Ne = 0,
@@ -12077,7 +12075,7 @@ const Jh = Ot("span", {
     track: ce = "normal",
     valueLabelDisplay: Le = "off",
     valueLabelFormat: Me = qa
-  } = F, vt = Je(F, Bh), we = A({}, F, {
+  } = F, St = Je(F, Bh), we = A({}, F, {
     isRtl: H,
     max: Ge,
     min: Ne,
@@ -12095,7 +12093,7 @@ const Jh = Ot("span", {
     valueLabelDisplay: Le,
     valueLabelFormat: Me
   }), {
-    axisProps: wt,
+    axisProps: vt,
     getRootProps: Mt,
     getHiddenInputProps: hr,
     getThumbProps: fr,
@@ -12114,59 +12112,59 @@ const Jh = Ot("span", {
     rootRef: r
   }));
   we.marked = G.length > 0 && G.some((E) => E.label), we.dragging = N, we.focusedThumbIndex = C;
-  const Z = Xh(we), ke = (n = (o = Y == null ? void 0 : Y.root) != null ? o : ae.Root) != null ? n : Jh, Rt = (a = (i = Y == null ? void 0 : Y.rail) != null ? i : ae.Rail) != null ? a : Vh, Gt = (l = (c = Y == null ? void 0 : Y.track) != null ? c : ae.Track) != null ? l : Gh, pr = (u = (d = Y == null ? void 0 : Y.thumb) != null ? d : ae.Thumb) != null ? u : zh, pt = (f = (h = Y == null ? void 0 : Y.valueLabel) != null ? h : ae.ValueLabel) != null ? f : Wh, kt = (b = (_ = Y == null ? void 0 : Y.mark) != null ? _ : ae.Mark) != null ? b : Hh, Et = (y = (g = Y == null ? void 0 : Y.markLabel) != null ? g : ae.MarkLabel) != null ? y : Kh, gr = (v = (R = Y == null ? void 0 : Y.input) != null ? R : ae.Input) != null ? v : "input", yr = (P = O == null ? void 0 : O.root) != null ? P : q.root, Wr = (T = O == null ? void 0 : O.rail) != null ? T : q.rail, _r = (j = O == null ? void 0 : O.track) != null ? j : q.track, zt = (I = O == null ? void 0 : O.thumb) != null ? I : q.thumb, Wt = (L = O == null ? void 0 : O.valueLabel) != null ? L : q.valueLabel, qn = (re = O == null ? void 0 : O.mark) != null ? re : q.mark, Yn = (le = O == null ? void 0 : O.markLabel) != null ? le : q.markLabel, Hr = (se = O == null ? void 0 : O.input) != null ? se : q.input, Kr = jt({
+  const Z = Xh(we), ke = (n = (o = Y == null ? void 0 : Y.root) != null ? o : ae.Root) != null ? n : Jh, wt = (a = (i = Y == null ? void 0 : Y.rail) != null ? i : ae.Rail) != null ? a : Vh, Gt = (l = (c = Y == null ? void 0 : Y.track) != null ? c : ae.Track) != null ? l : Gh, pr = (u = (d = Y == null ? void 0 : Y.thumb) != null ? d : ae.Thumb) != null ? u : zh, pt = (f = (h = Y == null ? void 0 : Y.valueLabel) != null ? h : ae.ValueLabel) != null ? f : Wh, kt = (b = (_ = Y == null ? void 0 : Y.mark) != null ? _ : ae.Mark) != null ? b : Hh, Et = (y = (g = Y == null ? void 0 : Y.markLabel) != null ? g : ae.MarkLabel) != null ? y : Kh, gr = (v = (R = Y == null ? void 0 : Y.input) != null ? R : ae.Input) != null ? v : "input", yr = (P = O == null ? void 0 : O.root) != null ? P : q.root, Wr = (T = O == null ? void 0 : O.rail) != null ? T : q.rail, _r = (j = O == null ? void 0 : O.track) != null ? j : q.track, zt = (I = O == null ? void 0 : O.thumb) != null ? I : q.thumb, Wt = (L = O == null ? void 0 : O.valueLabel) != null ? L : q.valueLabel, qn = (re = O == null ? void 0 : O.mark) != null ? re : q.mark, Yn = (le = O == null ? void 0 : O.markLabel) != null ? le : q.markLabel, Hr = (se = O == null ? void 0 : O.input) != null ? se : q.input, Kr = Rt({
     elementType: ke,
     getSlotProps: Mt,
     externalSlotProps: yr,
-    externalForwardedProps: vt,
+    externalForwardedProps: St,
     additionalProps: A({}, Fh(ke) && {
       as: Se
     }),
     ownerState: A({}, we, yr == null ? void 0 : yr.ownerState),
     className: [Z.root, et]
-  }), Zn = jt({
-    elementType: Rt,
+  }), Zn = Rt({
+    elementType: wt,
     externalSlotProps: Wr,
     ownerState: we,
     className: Z.rail
-  }), Qn = jt({
+  }), Qn = Rt({
     elementType: Gt,
     externalSlotProps: _r,
     additionalProps: {
-      style: A({}, wt[tt].offset(z), wt[tt].leap(Fe))
+      style: A({}, vt[tt].offset(z), vt[tt].leap(Fe))
     },
     ownerState: A({}, we, _r == null ? void 0 : _r.ownerState),
     className: Z.track
-  }), br = jt({
+  }), br = Rt({
     elementType: pr,
     getSlotProps: fr,
     externalSlotProps: zt,
     ownerState: A({}, we, zt == null ? void 0 : zt.ownerState),
     className: Z.thumb
-  }), eo = jt({
+  }), eo = Rt({
     elementType: pt,
     externalSlotProps: Wt,
     ownerState: A({}, we, Wt == null ? void 0 : Wt.ownerState),
     className: Z.valueLabel
-  }), m = jt({
+  }), m = Rt({
     elementType: kt,
     externalSlotProps: qn,
     ownerState: we,
     className: Z.mark
-  }), w = jt({
+  }), w = Rt({
     elementType: Et,
     externalSlotProps: Yn,
     ownerState: we,
     className: Z.markLabel
-  }), M = jt({
+  }), M = Rt({
     elementType: gr,
     getSlotProps: hr,
     externalSlotProps: Hr,
     ownerState: we
   });
   return /* @__PURE__ */ s.jsxs(ke, A({}, Kr, {
-    children: [/* @__PURE__ */ s.jsx(Rt, A({}, Zn)), /* @__PURE__ */ s.jsx(Gt, A({}, Qn)), G.filter((E) => E.value >= Ne && E.value <= Ge).map((E, D) => {
-      const Q = Cn(E.value, Ne, Ge), J = wt[tt].offset(Q);
+    children: [/* @__PURE__ */ s.jsx(wt, A({}, Zn)), /* @__PURE__ */ s.jsx(Gt, A({}, Qn)), G.filter((E) => E.value >= Ne && E.value <= Ge).map((E, D) => {
+      const Q = Cn(E.value, Ne, Ge), J = vt[tt].offset(Q);
       let U;
       return ce === !1 ? U = X.indexOf(E.value) !== -1 : U = ce === "normal" && (k ? E.value >= X[0] && E.value <= X[X.length - 1] : E.value <= X[0]) || ce === "inverted" && (k ? E.value <= X[0] || E.value >= X[X.length - 1] : E.value >= X[0]), /* @__PURE__ */ s.jsxs($.Fragment, {
         children: [/* @__PURE__ */ s.jsx(kt, A({
@@ -12188,7 +12186,7 @@ const Jh = Ot("span", {
         })) : null]
       }, D);
     }), X.map((E, D) => {
-      const Q = Cn(E, Ne, Ge), J = wt[tt].offset(Q), U = Le === "off" ? qh : pt;
+      const Q = Cn(E, Ne, Ge), J = vt[tt].offset(Q), U = Le === "off" ? qh : pt;
       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(U, A({}, !Or(U) && {
@@ -12209,7 +12207,7 @@ const Jh = Ot("span", {
               "aria-label": ve ? ve(D) : V,
               "aria-valuenow": $e(E),
               "aria-labelledby": W,
-              "aria-valuetext": St ? St($e(E), D) : K,
+              "aria-valuetext": xt ? xt($e(E), D) : K,
               value: X[D]
             }, M))
           }))
@@ -12490,11 +12488,11 @@ const ui = ht((e) => {
   }
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
-      bt,
+      Ct,
       {
         sx: {
           textAlign: "center",
-          fontSize: "15px",
+          fontSize: "14px",
           opacity: 0.8,
           color: t.palette.text.primary
         },
@@ -12528,44 +12526,24 @@ const ui = ht((e) => {
       }
     }));
     return /* @__PURE__ */ s.jsx(
-      he,
+      fe,
       {
         sx: {
           margin: "0px 20px",
           marginTop: "24px",
           marginBottom: "24px"
         },
-        children: /* @__PURE__ */ s.jsxs(he, { sx: { width: "380px", maxWidth: "90%", margin: "auto" }, children: [
-          /* @__PURE__ */ s.jsx(
-            he,
-            {
-              sx: {
-                justifyContent: "center"
-              },
-              children: /* @__PURE__ */ s.jsx(
-                bt,
-                {
-                  sx: {
-                    fontSize: "12px",
-                    opacity: 0.6
-                  },
-                  children: t("Jogging.Velocity.lb")
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ s.jsx(
-            ui,
-            {
-              velocity: e.velocityInCurrentUnits,
-              min: e.minVelocityInCurrentUnits,
-              max: e.maxVelocityInCurrentUnits,
-              onVelocityChange: e.setVelocityFromSlider,
-              disabled: e.isLocked,
-              valueLabelFormat: r.valueLabelFormat
-            }
-          )
-        ] })
+        children: /* @__PURE__ */ s.jsx(fe, { sx: { width: "380px", maxWidth: "90%", margin: "auto" }, children: /* @__PURE__ */ s.jsx(
+          ui,
+          {
+            velocity: e.velocityInCurrentUnits,
+            min: e.minVelocityInCurrentUnits,
+            max: e.maxVelocityInCurrentUnits,
+            onVelocityChange: e.setVelocityFromSlider,
+            disabled: e.isLocked,
+            valueLabelFormat: r.valueLabelFormat
+          }
+        ) })
       }
     );
   }
@@ -12598,12 +12576,13 @@ const ui = ht((e) => {
     return Vr(() => {
       t.current && (t.current.textContent = r());
     }), /* @__PURE__ */ s.jsx(
-      he,
+      fe,
       {
         alignItems: "left",
         spacing: 2,
         sx: {
-          padding: "16px",
+          padding: "8px 16px",
+          paddingTop: "16px",
           "& label": {
             opacity: 0.7,
             fontSize: "12px",
@@ -12635,7 +12614,7 @@ const ui = ht((e) => {
   return r.forEach((a, i) => {
     a && o.push(i);
   }), o.length ? /* @__PURE__ */ s.jsx(
-    bt,
+    Ct,
     {
       color: "error",
       sx: {
@@ -12727,10 +12706,10 @@ const ui = ht((e) => {
         amount: an(u).toFixed(1)
       });
     }
-    return /* @__PURE__ */ s.jsxs(he, { children: [
+    return /* @__PURE__ */ s.jsxs(fe, { children: [
       /* @__PURE__ */ s.jsx(Yh, { store: e }),
       /* @__PURE__ */ s.jsx(Oh, { store: e }),
-      /* @__PURE__ */ s.jsxs(he, { width: "80%", maxWidth: "296px", margin: "auto", marginTop: "24px", children: [
+      /* @__PURE__ */ s.jsxs(fe, { width: "80%", maxWidth: "296px", margin: "auto", marginTop: "16px", children: [
         /* @__PURE__ */ s.jsxs(
           ps,
           {
@@ -12755,7 +12734,7 @@ const ui = ht((e) => {
             label: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
               u.icon,
               /* @__PURE__ */ s.jsx(
-                bt,
+                Ct,
                 {
                   sx: {
                     fontSize: "24px",
@@ -12791,7 +12770,7 @@ const ui = ht((e) => {
             label: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
               /* @__PURE__ */ s.jsx(_h, {}),
               /* @__PURE__ */ s.jsx(
-                bt,
+                Ct,
                 {
                   sx: {
                     fontSize: "24px",
@@ -12832,7 +12811,7 @@ const ui = ht((e) => {
     return Vr(() => {
       t.current && (t.current.textContent = r());
     }), /* @__PURE__ */ s.jsx(
-      he,
+      fe,
       {
         alignItems: "left",
         spacing: 2,
@@ -12867,13 +12846,13 @@ const ui = ht((e) => {
     async function r() {
       await e.jogger.stop();
     }
-    return /* @__PURE__ */ s.jsxs(he, { children: [
+    return /* @__PURE__ */ s.jsxs(fe, { children: [
       /* @__PURE__ */ s.jsx(ef, { store: e }),
-      /* @__PURE__ */ s.jsx(he, { children: e.jogger.motionStream.joints.map((n) => {
+      /* @__PURE__ */ s.jsx(fe, { children: e.jogger.motionStream.joints.map((n) => {
         var l;
         const o = (l = e.motionGroupSpec.mechanical_joint_limits) == null ? void 0 : l[n.index], a = (o == null ? void 0 : o.lower_limit) !== void 0 ? an(o.lower_limit) : void 0, i = (o == null ? void 0 : o.upper_limit) !== void 0 ? an(o.upper_limit) : void 0;
         return /* @__PURE__ */ s.jsxs(
-          he,
+          fe,
           {
             direction: "row",
             alignItems: "center",
@@ -12881,7 +12860,7 @@ const ui = ht((e) => {
             marginTop: "0.8rem",
             children: [
               /* @__PURE__ */ s.jsx(
-                bt,
+                Ct,
                 {
                   sx: {
                     flexGrow: 1,
@@ -12909,7 +12888,7 @@ const ui = ht((e) => {
                 n.index
               ),
               /* @__PURE__ */ s.jsx(
-                bt,
+                Ct,
                 {
                   sx: {
                     flexGrow: 1
@@ -14482,7 +14461,7 @@ function Am(e, t, r) {
 const No = {
   assertOptions: Am,
   validators: ta
-}, Ct = No.validators;
+}, jt = No.validators;
 let $t = class {
   constructor(t) {
     this.defaults = t, this.interceptors = {
@@ -14519,14 +14498,14 @@ let $t = class {
     typeof t == "string" ? (r = r || {}, r.url = t) : r = t || {}, r = Bt(this.defaults, r);
     const { transitional: n, paramsSerializer: o, headers: a } = r;
     n !== void 0 && No.assertOptions(n, {
-      silentJSONParsing: Ct.transitional(Ct.boolean),
-      forcedJSONParsing: Ct.transitional(Ct.boolean),
-      clarifyTimeoutError: Ct.transitional(Ct.boolean)
+      silentJSONParsing: jt.transitional(jt.boolean),
+      forcedJSONParsing: jt.transitional(jt.boolean),
+      clarifyTimeoutError: jt.transitional(jt.boolean)
     }, !1), o != null && (x.isFunction(o) ? r.paramsSerializer = {
       serialize: o
     } : No.assertOptions(o, {
-      encode: Ct.function,
-      serialize: Ct.function
+      encode: jt.function,
+      serialize: jt.function
     }, !0)), r.method = (r.method || this.defaults.method || "get").toLowerCase();
     let i = a && x.merge(
       a.common,
@@ -14810,7 +14789,7 @@ const Im = (e) => {
     }, t);
     return () => clearTimeout(o);
   }), /* @__PURE__ */ s.jsx(
-    he,
+    fe,
     {
       width: "100%",
       height: "100%",
@@ -14820,7 +14799,7 @@ const Im = (e) => {
         /* @__PURE__ */ s.jsx(el, { sx: { marginBottom: "24px" } }),
         !!e.message && /* @__PURE__ */ s.jsx("div", { children: e.message }),
         /* @__PURE__ */ s.jsx(
-          he,
+          fe,
           {
             sx: {
               visibility: r ? "visible" : "hidden",
@@ -14836,7 +14815,7 @@ const Im = (e) => {
 }, Tm = (e) => {
   const t = Em(e.error), r = e.error instanceof Error ? e.error.stack : null, n = Ln();
   return /* @__PURE__ */ s.jsxs(
-    he,
+    fe,
     {
       sx: {
         maxHeight: "100%",
@@ -14904,7 +14883,7 @@ const Im = (e) => {
   ]), !r.joggingStore)
     return /* @__PURE__ */ s.jsx(hs, { children: /* @__PURE__ */ s.jsx(Im, { message: "Loading jogging", error: r.loadingError }) });
   const { joggingStore: o } = r;
-  return /* @__PURE__ */ s.jsx(hs, { children: /* @__PURE__ */ s.jsxs(he, { flexGrow: 1, children: [
+  return /* @__PURE__ */ s.jsx(hs, { children: /* @__PURE__ */ s.jsxs(fe, { flexGrow: 1, children: [
     /* @__PURE__ */ s.jsx(tl, { value: o.tabIndex, onChange: o.onTabChange, children: o.tabs.map((u) => /* @__PURE__ */ s.jsx(
       rl,
       {
@@ -14914,7 +14893,7 @@ const Im = (e) => {
       },
       u.id
     )) }),
-    /* @__PURE__ */ s.jsxs(he, { flexGrow: 1, children: [
+    /* @__PURE__ */ s.jsxs(fe, { flexGrow: 1, children: [
       o.currentTab.id === "cartesian" && /* @__PURE__ */ s.jsx(Qh, { store: o }),
       o.currentTab.id === "joint" && /* @__PURE__ */ s.jsx(tf, { store: o }),
       e.children
@@ -14923,7 +14902,7 @@ const Im = (e) => {
 });
 function hs({ children: e }) {
   return /* @__PURE__ */ s.jsx(
-    he,
+    fe,
     {
       sx: {
         maxWidth: "460px",
@@ -14944,17 +14923,18 @@ function hs({ children: e }) {
     }
   );
 }
-const Sp = xt(G0), vp = xt(oi), wp = xt(fh), Rp = xt(mh), jp = xt(gh), Cp = xt(Oo), Pp = xt(si), Ap = xt(Nm), Op = xt(ui);
+const Sp = Array(6).fill(2 * Math.PI), vp = bt(G0), wp = bt(oi), Rp = bt(fh), jp = bt(mh), Cp = bt(gh), Pp = bt(Oo), Ap = bt(si), Op = bt(Nm), Lp = bt(ui);
 export {
-  Cp as JoggingCartesianAxisControl,
-  Pp as JoggingJointRotationControl,
-  Ap as JoggingPanel,
-  Rp as PresetEnvironment,
-  wp as Robot,
-  jp as SafetyZonesRenderer,
-  vp as SupportedRobot,
-  Op as VelocitySlider,
-  Sp as WandelscriptEditor,
+  Pp as JoggingCartesianAxisControl,
+  Ap as JoggingJointRotationControl,
+  Op as JoggingPanel,
+  jp as PresetEnvironment,
+  Rp as Robot,
+  Cp as SafetyZonesRenderer,
+  wp as SupportedRobot,
+  Lp as VelocitySlider,
+  vp as WandelscriptEditor,
+  Sp as defaultAxisConfig,
   Vr as useAnimationFrame,
   H0 as useAutorun,
   qo as useMounted,