@wandelbots/wandelbots-js-react-components 5.7.0 → 5.7.1-pr.feat-adorned-textfield.618.bdb0ea6

package/dist/chunks/{theming-BxyIEPXR.js → theming-BAMo7Vnk.js}

@@ -1,82 +1,148 @@
 import { jsx as a, jsxs as S, Fragment as et } from "react/jsx-runtime";
-import { alpha as It, useTheme as B, styled as pt, createTheme as Bt } from "@mui/material/styles";
-import oe from "@mui/material/AppBar";
+import { styled as lt, alpha as It, useTheme as B, createTheme as Bt } from "@mui/material/styles";
+import oe from "@mui/material/TextField";
+import ne from "@mui/material/AppBar";
 import Lt from "@mui/material/Backdrop";
 import w from "@mui/material/Box";
 import q from "@mui/material/IconButton";
-import ne from "@mui/material/Menu";
+import ie from "@mui/material/Menu";
 import Y from "@mui/material/MenuItem";
-import ie from "@mui/material/Toolbar";
+import re from "@mui/material/Toolbar";
 import R from "@mui/material/Typography";
 import { observer as J, useLocalObservable as $t } from "mobx-react-lite";
-import { useState as L, useRef as A, useCallback as P, useEffect as F, useMemo as rt, useId as re } from "react";
+import { useState as L, useRef as A, useCallback as P, useEffect as F, useMemo as rt, useId as ae } from "react";
 import { e as $ } from "./externalizeComponent-EDymnaGR.js";
-import ae from "@mui/material/SvgIcon";
+import se from "@mui/material/SvgIcon";
 import H from "@mui/material/Fade";
-import { Gauge as se } from "@mui/x-charts/Gauge";
+import { Gauge as le } from "@mui/x-charts/Gauge";
 import { useTranslation as z } from "react-i18next";
 import { f as zt, e as mt } from "./interpolation-DG8VTxzS.js";
-import le from "@mui/icons-material/Clear";
-import ce from "@mui/icons-material/FilterList";
+import ce from "@mui/icons-material/Clear";
+import de from "@mui/icons-material/FilterList";
 import kt from "@mui/icons-material/Search";
 import U from "@mui/material/Divider";
-import { useGridApiRef as de, DataGrid as ge, Toolbar as ue, FilterPanelTrigger as pe, ToolbarButton as ct, QuickFilter as me, QuickFilterTrigger as he, QuickFilterControl as fe, QuickFilterClear as be } from "@mui/x-data-grid";
-import xe from "@mui/icons-material/OpenWith";
-import ye from "@mui/icons-material/Share";
+import { useGridApiRef as ge, DataGrid as ue, Toolbar as pe, FilterPanelTrigger as me, ToolbarButton as dt, QuickFilter as he, QuickFilterTrigger as fe, QuickFilterControl as be, QuickFilterClear as xe } from "@mui/x-data-grid";
+import ye from "@mui/icons-material/OpenWith";
+import Se from "@mui/icons-material/Share";
 import _ from "@mui/material/Stack";
 import Vt from "@mui/material/Tab";
 import Nt from "@mui/material/Tabs";
-import { JointTypeEnum as G, Nova as Se, poseToWandelscriptString as ve } from "@wandelbots/nova-js/v2";
-import { lowerFirst as Ce, countBy as we, isString as Te } from "lodash-es";
-import { runInAction as D, makeAutoObservable as ht, when as at, autorun as Rt, makeObservable as Me, action as jt, observable as Ie } from "mobx";
-import { radiansToDegrees as Wt, tryParseJson as W, XYZ_TO_VECTOR as tt, degreesToRadians as ke } from "@wandelbots/nova-js";
-import { Vector3 as dt } from "three/src/math/Vector3.js";
+import { JointTypeEnum as G, Nova as ve, poseToWandelscriptString as Ce } from "@wandelbots/nova-js/v2";
+import { lowerFirst as we, countBy as Te, isString as Me } from "lodash-es";
+import { runInAction as D, makeAutoObservable as ht, when as at, autorun as Rt, makeObservable as Ie, action as jt, observable as ke } from "mobx";
+import { radiansToDegrees as Wt, tryParseJson as W, XYZ_TO_VECTOR as tt, degreesToRadians as Re } from "@wandelbots/nova-js";
+import { Vector3 as gt } from "three/src/math/Vector3.js";
 import Gt from "@mui/material/CircularProgress";
-import { capitalize as Re } from "@mui/material/utils";
-import { m as je } from "./SafetyBar-CxxIVVeR.js";
-import Ee from "@mui/material/Alert";
-import Pe from "@mui/material/AlertTitle";
+import { capitalize as je } from "@mui/material/utils";
+import { m as Ee } from "./SafetyBar-CxxIVVeR.js";
+import Pe from "@mui/material/Alert";
+import _e from "@mui/material/AlertTitle";
 import Z from "@mui/material/Button";
 import Et from "@mui/material/ToggleButton";
-import { c as _e, d as Oe, F as De, a as Ae, b as Je, f as Fe, e as Be } from "./robot-Cy9ST5-m.js";
-import Le from "lodash-es/isEqual.js";
-import $e from "@mui/material/InputAdornment";
-import ze from "@mui/material/FormControl";
-import Ve from "@mui/material/InputLabel";
-import Ne from "@mui/material/Select";
+import { c as Oe, d as De, F as Ae, a as Je, b as Fe, f as Be, e as Le } from "./robot-Cy9ST5-m.js";
+import $e from "lodash-es/isEqual.js";
+import ze from "@mui/material/InputAdornment";
+import Ve from "@mui/material/FormControl";
+import Ne from "@mui/material/InputLabel";
+import We from "@mui/material/Select";
 import nt from "lodash-es/keyBy.js";
-import We from "lodash-es/uniqueId.js";
-import Ge from "@mui/material/ToggleButtonGroup";
+import Ge from "lodash-es/uniqueId.js";
+import Ue from "@mui/material/ToggleButtonGroup";
 import Ut from "@mui/material/Slider";
-import Ue from "lodash-es/isNumber.js";
-import He from "@mui/icons-material/ChevronLeft";
-import qe from "@mui/icons-material/ChevronRight";
-import Ye from "lodash-es/throttle.js";
-import Ze from "@mui/material/Tooltip";
-import Qe from "@mui/icons-material/ContentCopy";
-import Xe from "@mui/icons-material/DescriptionOutlined";
-import Ke from "@mui/icons-material/ExpandLess";
-import to from "@mui/icons-material/ExpandMore";
-import eo from "@mui/material/Paper";
-import oo from "@mui/material/Dialog";
-import no from "@mui/material/DialogActions";
-import io from "@mui/material/DialogContent";
-import ro from "@mui/material/DialogTitle";
-import ao from "@mui/icons-material/Error";
-import so from "@mui/material/Chip";
-import lo from "@mui/material/Fab";
-import co from "@mui/material/Badge";
-import { Gauge as go } from "@mui/x-charts";
+import He from "lodash-es/isNumber.js";
+import qe from "@mui/icons-material/ChevronLeft";
+import Ye from "@mui/icons-material/ChevronRight";
+import Ze from "lodash-es/throttle.js";
+import Qe from "@mui/material/Tooltip";
+import Xe from "@mui/icons-material/ContentCopy";
+import Ke from "@mui/icons-material/DescriptionOutlined";
+import to from "@mui/icons-material/ExpandLess";
+import eo from "@mui/icons-material/ExpandMore";
+import oo from "@mui/material/Paper";
+import no from "@mui/material/Dialog";
+import io from "@mui/material/DialogActions";
+import ro from "@mui/material/DialogContent";
+import ao from "@mui/material/DialogTitle";
+import so from "@mui/icons-material/Error";
+import lo from "@mui/material/Chip";
+import co from "@mui/material/Fab";
+import go from "@mui/material/Badge";
+import { Gauge as uo } from "@mui/x-charts";
 import * as Pt from "three";
 import { Vector3 as _t } from "three";
-const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /* @__PURE__ */ a(
+const po = lt(oe, {
+  shouldForwardProp: (t) => t !== "adornedSize"
+})(({ theme: t, adornedSize: e = "medium" }) => ({
+  "&.MuiTextField-root": {
+    ".MuiInputBase-root": {
+      background: t.palette.secondary.dark,
+      borderRadius: "10px"
+    },
+    ".MuiInputBase-input": {
+      "&::placeholder": {
+        opacity: "1",
+        color: t.palette.text.disabled
+      }
+    },
+    // Input without label (default case)
+    ".MuiInputBase-root .MuiInputBase-input": {
+      padding: e === "small" ? "8px 16px" : "16px 14px"
+    },
+    // Input with label - using a more specific selector to override
+    ".MuiFormLabel-root + .MuiInputBase-root .MuiInputBase-input": {
+      padding: e === "small" ? "8px 16px" : "24px 14px 8px"
+    },
+    label: {
+      transform: "translate(14px, 8px) scale(0.75)"
+    },
+    ":hover": {
+      fieldset: {
+        border: `1px solid ${t.palette.action.hover}`
+      }
+    },
+    ".Mui-focused": {
+      fieldset: {
+        border: `1px solid ${t.palette.primary.main}`,
+        legend: {
+          width: 0
+        }
+      }
+    },
+    fieldset: {
+      borderRadius: "10px",
+      border: "1px solid transparent",
+      legend: {
+        width: 0
+      }
+    }
+  }
+})), fi = ({
+  adornedSize: t = "medium",
+  ...e
+}) => {
+  var o;
+  return /* @__PURE__ */ a(
+    po,
+    {
+      adornedSize: t,
+      ...e,
+      slotProps: {
+        ...e.slotProps,
+        inputLabel: {
+          ...(o = e.slotProps) == null ? void 0 : o.inputLabel,
+          shrink: !0
+        }
+      }
+    }
+  );
+}, mo = (t) => /* @__PURE__ */ a(se, { ...t, viewBox: "0 0 10 8", children: /* @__PURE__ */ a(
   "path",
   {
     d: "M8.825 0.9125L5 4.72917L1.175 0.9125L0 2.0875L5 7.0875L10 2.0875L8.825 0.9125Z",
     fill: "currentColor",
     fillOpacity: "0.56"
   }
-) }), pi = $(
+) }), bi = $(
   J((t) => {
     const {
       appIcon: e,
@@ -94,7 +160,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
     };
     return /* @__PURE__ */ S(et, { children: [
       /* @__PURE__ */ a(
-        oe,
+        ne,
         {
           position: "static",
           sx: {
@@ -106,7 +172,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
             },
             ...c
           },
-          children: /* @__PURE__ */ S(ie, { sx: { minHeight: "62px !important" }, children: [
+          children: /* @__PURE__ */ S(re, { sx: { minHeight: "62px !important" }, children: [
             /* @__PURE__ */ a(w, { sx: { mr: 1, display: "flex", alignItems: "center" }, children: e }),
             /* @__PURE__ */ S(w, { sx: { display: "flex", alignItems: "center", flexGrow: 1 }, children: [
               /* @__PURE__ */ a(
@@ -146,7 +212,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
                       height: "6px"
                     }
                   },
-                  children: /* @__PURE__ */ a(uo, {})
+                  children: /* @__PURE__ */ a(mo, {})
                 }
               )
             ] })
@@ -166,7 +232,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
         }
       ),
       /* @__PURE__ */ a(
-        ne,
+        ie,
         {
           id: "app-menu",
           anchorEl: s,
@@ -195,7 +261,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
       )
     ] });
   })
-), po = (t) => {
+), ho = (t) => {
   const e = Math.floor(t / 86400), o = Math.floor(t % 86400 / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, n = [];
   return e > 0 ? (n.push(e.toString()), n.push(o.toString().padStart(2, "0")), n.push(r.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : o > 0 ? (n.push(o.toString()), n.push(r.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : (n.push(r.toString()), n.push(i.toString().padStart(2, "0"))), n.join(":");
 }, N = (t, e) => {
@@ -208,7 +274,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
     }
   const c = [];
   return o > 0 && c.push(`${o}d`), r > 0 && c.push(`${r}h`), i > 0 && c.push(`${i}m`), (n > 0 || c.length === 0) && c.push(`${n}s`), c.join(" ");
-}, mo = (t, e, o) => t === "countdown" && o !== null ? Math.min(100, e / o * 100) : t === "measuring" ? e / 60 % 1 * 100 : 0, ho = ({
+}, fo = (t, e, o) => t === "countdown" && o !== null ? Math.min(100, e / o * 100) : t === "measuring" ? e / 60 % 1 * 100 : 0, bo = ({
   timerState: t,
   animationState: e,
   hasError: o,
@@ -238,7 +304,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
       },
       children: [
         /* @__PURE__ */ a(
-          se,
+          le,
           {
             width: 264,
             height: 264,
@@ -438,7 +504,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
                                   opacity: 1,
                                   transition: "opacity 2s ease-in-out"
                                 },
-                                children: po(l)
+                                children: ho(l)
                               }
                             )
                           }
@@ -496,7 +562,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
       ]
     }
   );
-}, fo = ({
+}, xo = ({
   timerState: t,
   animationState: e,
   hasError: o,
@@ -635,7 +701,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
       ]
     }
   );
-}, bo = () => {
+}, yo = () => {
   const [t, e] = L({
     showPauseAnimation: !1,
     showErrorAnimation: !1,
@@ -742,7 +808,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
     setInitialAnimationState: h,
     cleanup: v
   };
-}, xo = ({
+}, So = ({
   autoStart: t,
   onCycleEnd: e,
   onMeasuringComplete: o,
@@ -822,7 +888,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
     if (u.current && l.isRunning) {
       const M = Date.now() - u.current;
       p.current += M;
-      const I = p.current / 1e3, j = mo(
+      const I = p.current / 1e3, j = fo(
         l.currentState,
         I,
         l.maxTime
@@ -925,7 +991,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
       isPaused: T
     }
   };
-}, mi = $(
+}, xi = $(
   J(
     ({
       onCycleComplete: t,
@@ -949,7 +1015,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
         triggerFadeTransition: h,
         setInitialAnimationState: v,
         cleanup: x
-      } = bo(), { timerState: T, controls: C } = xo({
+      } = yo(), { timerState: T, controls: C } = So({
         autoStart: r,
         onCycleEnd: e,
         onMeasuringComplete: o,
@@ -978,7 +1044,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
           M = !1, clearTimeout(I);
         };
       }, [t, C]), F(() => x, [x]), i === "small" ? /* @__PURE__ */ a(
-        fo,
+        xo,
         {
           timerState: T,
           animationState: d,
@@ -987,7 +1053,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
           className: c
         }
       ) : /* @__PURE__ */ a(
-        ho,
+        bo,
         {
           timerState: T,
           animationState: d,
@@ -997,7 +1063,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
       );
     }
   )
-), yo = $(
+), vo = $(
   J(
     ({
       data: t,
@@ -1015,7 +1081,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
       sx: p
     }) => {
       var j;
-      const g = B(), f = de(), y = A(null), [b, h] = L(null), v = rt(() => t.map(o), [t, o]);
+      const g = B(), f = ge(), y = A(null), [b, h] = L(null), v = rt(() => t.map(o), [t, o]);
       F(() => {
         f.current && v.length > 0 && f.current.autosizeColumns({
           includeOutliers: !0,
@@ -1054,7 +1120,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
         E && (i === void 0 && h(E), r && r(E, k));
       }, C = rt(() => !x || !n ? null : n(x), [x, n]);
       function M() {
-        return /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ S(
+        return /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ S(
           w,
           {
             sx: {
@@ -1091,9 +1157,9 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
                   },
                   children: [
                     /* @__PURE__ */ a(
-                      pe,
+                      me,
                       {
-                        render: /* @__PURE__ */ a(ct, { "aria-label": "Show filters", children: /* @__PURE__ */ a(ce, { fontSize: "small" }) })
+                        render: /* @__PURE__ */ a(dt, { "aria-label": "Show filters", children: /* @__PURE__ */ a(de, { fontSize: "small" }) })
                       }
                     ),
                     /* @__PURE__ */ a(
@@ -1108,7 +1174,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
                       }
                     ),
                     /* @__PURE__ */ a(
-                      me,
+                      he,
                       {
                         render: (k, E) => /* @__PURE__ */ S(
                           w,
@@ -1120,9 +1186,9 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
                             },
                             children: [
                               !E.expanded && /* @__PURE__ */ a(
-                                he,
+                                fe,
                                 {
-                                  render: /* @__PURE__ */ a(ct, { "aria-label": "Search", children: /* @__PURE__ */ a(kt, { fontSize: "small" }) })
+                                  render: /* @__PURE__ */ a(dt, { "aria-label": "Search", children: /* @__PURE__ */ a(kt, { fontSize: "small" }) })
                                 }
                               ),
                               /* @__PURE__ */ S(
@@ -1236,12 +1302,12 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
                                               }
                                             }
                                           ),
-                                          /* @__PURE__ */ a(fe, { placeholder: l })
+                                          /* @__PURE__ */ a(be, { placeholder: l })
                                         ]
                                       }
                                     ),
                                     E.expanded && E.value !== "" && /* @__PURE__ */ a(
-                                      be,
+                                      xe,
                                       {
                                         render: /* @__PURE__ */ a(
                                           w,
@@ -1266,7 +1332,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
                                                     backgroundColor: "rgba(255, 255, 255, 0.1)"
                                                   }
                                                 },
-                                                children: /* @__PURE__ */ a(ct, { "aria-label": "Clear", children: /* @__PURE__ */ a(le, { fontSize: "small" }) })
+                                                children: /* @__PURE__ */ a(dt, { "aria-label": "Clear", children: /* @__PURE__ */ a(ce, { fontSize: "small" }) })
                                               }
                                             )
                                           }
@@ -1327,7 +1393,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
             ...p
           },
           children: /* @__PURE__ */ a(
-            ge,
+            ue,
             {
               apiRef: f,
               rows: v,
@@ -1514,7 +1580,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
     }
   )
 );
-yo.displayName = "WandelbotsDataGrid";
+vo.displayName = "WandelbotsDataGrid";
 const Ot = $(
   J(
     ({
@@ -1606,7 +1672,7 @@ const Ot = $(
               borderBottom: `2px solid ${g ?? "#fff"}`,
               borderTop: `2px solid ${g ?? "#fff"}`
             },
-            children: /* @__PURE__ */ a(_e, {})
+            children: /* @__PURE__ */ a(Oe, {})
           }
         ),
         /* @__PURE__ */ S(
@@ -1678,13 +1744,13 @@ const Ot = $(
               borderBottom: `2px solid ${g ?? "#fff"}`,
               borderTop: `2px solid ${g ?? "#fff"}`
             },
-            children: /* @__PURE__ */ a(Oe, {})
+            children: /* @__PURE__ */ a(De, {})
           }
         )
       ] });
     }
   )
-), So = $(
+), Co = $(
   J(
     ({
       startJogging: t,
@@ -1708,7 +1774,7 @@ const Ot = $(
         stopJogging() {
           this.activeJoggingDir = null, e();
         }
-      })), f = Ye(() => {
+      })), f = Ze(() => {
         const O = i ? y(n()) : n();
         (O === void 0 || d === void 0 || Math.abs(d - O) > 1e-9) && m(O);
       }, 50);
@@ -1788,7 +1854,7 @@ const Ot = $(
                   ...g.activeJoggingDir === "-" ? p : {}
                 },
                 children: /* @__PURE__ */ a(
-                  He,
+                  qe,
                   {
                     sx: {
                       pointerEvents: "none",
@@ -1888,7 +1954,7 @@ const Ot = $(
                   ...g.activeJoggingDir === "+" ? p : {}
                 },
                 children: /* @__PURE__ */ a(
-                  qe,
+                  Ye,
                   {
                     sx: {
                       pointerEvents: "none",
@@ -1915,7 +1981,7 @@ function Ht(t, e, o) {
       return !1;
   return !0;
 }
-function vo(t, e, o) {
+function wo(t, e, o) {
   if (t === void 0 && e || t && e === void 0 || (t == null ? void 0 : t.orientation) === void 0 || (e == null ? void 0 : e.orientation) === void 0 || (t == null ? void 0 : t.position) === void 0 || (e == null ? void 0 : e.position) === void 0)
     return !1;
   if (t === void 0 || e === void 0)
@@ -1924,13 +1990,13 @@ function vo(t, e, o) {
   return r += Math.abs(t.orientation[0] - e.orientation[0]), r += Math.abs(t.orientation[1] - e.orientation[1]), r += Math.abs(t.orientation[2] - e.orientation[2]), r += Math.abs(t.position[0] - e.position[0]), r += Math.abs(t.position[1] - e.position[1]), r += Math.abs(t.position[2] - e.position[2]), r <= o;
 }
 function qt(t, e, o) {
-  return t.coordinate_system === e.coordinate_system && t.tcp === e.tcp && vo(
+  return t.coordinate_system === e.coordinate_system && t.tcp === e.tcp && wo(
     t.tcp_pose,
     e.tcp_pose,
     o
   );
 }
-function Co(t, e) {
+function To(t, e) {
   const o = new _t(
     e[0],
     e[1],
@@ -1945,11 +2011,11 @@ function Co(t, e) {
   let l = c - i;
   return l -= 2 * Math.PI * Math.floor((l + Math.PI) / (2 * Math.PI)), c = i + l, [...s.multiplyScalar(c)];
 }
-function wo(t) {
+function Mo(t) {
   return "cellId" in t.api;
 }
 function st(t) {
-  if (!wo(t))
+  if (!Mo(t))
     return t;
   const e = t, o = e.api.cellId, r = new Proxy(e.api, {
     get(i, n) {
@@ -1992,7 +2058,7 @@ class ft {
         var g, f, y;
         this.rapidlyChangingMotionState.tcp_pose == null ? this.rapidlyChangingMotionState.tcp_pose = d.tcp_pose : (g = d.tcp_pose) != null && g.orientation && ((f = d.tcp_pose) != null && f.position) && ((y = this.rapidlyChangingMotionState.tcp_pose) != null && y.orientation) ? this.rapidlyChangingMotionState.tcp_pose = {
           position: d.tcp_pose.position,
-          orientation: Co(
+          orientation: To(
             d.tcp_pose.orientation,
             this.rapidlyChangingMotionState.tcp_pose.orientation
           )
@@ -2289,15 +2355,15 @@ class bt {
         throw new Error(
           "Current pose has no orientation, cannot perform rotation"
         );
-      const b = new dt(
+      const b = new gt(
         e.orientation[0],
         e.orientation[1],
         e.orientation[2]
-      ), h = b.length(), v = b.clone().normalize(), x = c.distanceRads * (n === "-" ? -1 : 1), T = new dt(0, 0, 0);
+      ), h = b.length(), v = b.clone().normalize(), x = c.distanceRads * (n === "-" ? -1 : 1), T = new gt(0, 0, 0);
       T[i] = 1;
       const C = Math.cos(0.5 * x) * Math.cos(0.5 * h), M = Math.sin(0.5 * x) * Math.sin(0.5 * h), I = Math.sin(0.5 * x) * Math.cos(0.5 * h), j = Math.cos(0.5 * x) * Math.sin(0.5 * h), k = T.dot(
         v
-      ), E = T.clone().cross(v), V = 2 * Math.acos(C - M * k), Q = V / Math.sin(0.5 * V), ot = new dt().addScaledVector(E, M).addScaledVector(T, I).addScaledVector(v, j).multiplyScalar(Q);
+      ), E = T.clone().cross(v), V = 2 * Math.acos(C - M * k), Q = V / Math.sin(0.5 * V), ot = new gt().addScaledVector(E, M).addScaledVector(T, I).addScaledVector(v, j).multiplyScalar(Q);
       s.push({
         limits_override: {
           tcp_orientation_velocity_limit: r
@@ -2410,7 +2476,7 @@ class bt {
     });
   }
 }
-const To = (t) => {
+const Io = (t) => {
   const e = t.softTimeout || 3e3, [o, r] = L(!1), i = B();
   return F(() => {
     const n = setTimeout(() => {
@@ -2426,7 +2492,7 @@ const To = (t) => {
       justifyContent: "center",
       sx: { color: i.palette.text.primary },
       children: t.error ? /* @__PURE__ */ a(
-        Mo,
+        ko,
         {
           loadingMessage: t.message,
           error: t.error
@@ -2448,8 +2514,8 @@ const To = (t) => {
       ] })
     }
   );
-}, Mo = (t) => {
-  const e = je(t.error), o = t.error instanceof Error ? t.error.stack : null, r = B();
+}, ko = (t) => {
+  const e = Ee(t.error), o = t.error instanceof Error ? t.error.stack : null, r = B();
   return /* @__PURE__ */ S(
     _,
     {
@@ -2466,13 +2532,13 @@ const To = (t) => {
         }
       },
       children: [
-        (t.loadingMessage ? `Error while ${Ce(Re(t.loadingMessage))} - ` : "") + e,
+        (t.loadingMessage ? `Error while ${we(je(t.loadingMessage))} - ` : "") + e,
         /* @__PURE__ */ a("br", {}),
         o && /* @__PURE__ */ a("pre", { children: o })
       ]
     }
   );
-}, Io = J(({ store: t }) => {
+}, Ro = J(({ store: t }) => {
   const { t: e } = z();
   return /* @__PURE__ */ a(
     Lt,
@@ -2489,8 +2555,8 @@ const To = (t) => {
         alignItems: "flex-start"
       },
       children: /* @__PURE__ */ S(_, { sx: { m: 2, width: "100%" }, children: [
-        /* @__PURE__ */ S(Ee, { severity: "error", sx: { mb: 2 }, children: [
-          /* @__PURE__ */ a(Pe, { children: e("Jogging.Blocked.ti") }),
+        /* @__PURE__ */ S(Pe, { severity: "error", sx: { mb: 2 }, children: [
+          /* @__PURE__ */ a(_e, { children: e("Jogging.Blocked.ti") }),
           e("Jogging.Blocked.lb")
         ] }),
         /* @__PURE__ */ a(
@@ -2512,7 +2578,7 @@ const To = (t) => {
     ), i = A(o);
     mt(() => {
       const c = t.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached;
-      Le(i.current, c) || (i.current = c, r(c));
+      $e(i.current, c) || (i.current = c, r(c));
     });
     const n = [];
     for (const [c, s] of o.entries())
@@ -2545,7 +2611,7 @@ const To = (t) => {
       }
     );
   }
-), ko = pt(ze)(({ theme: t }) => ({
+), jo = lt(Ve)(({ theme: t }) => ({
   "&.MuiFormControl-root": {
     ".MuiSelect-select": {
       paddingTop: "20px",
@@ -2566,20 +2632,20 @@ function it({
   labelValue: t,
   ...e
 }) {
-  return /* @__PURE__ */ S(ko, { fullWidth: !0, variant: "filled", children: [
-    /* @__PURE__ */ a(Ve, { id: e.labelId, children: t }),
-    /* @__PURE__ */ a(Ne, { ...e })
+  return /* @__PURE__ */ S(jo, { fullWidth: !0, variant: "filled", children: [
+    /* @__PURE__ */ a(Ne, { id: e.labelId, children: t }),
+    /* @__PURE__ */ a(We, { ...e })
   ] });
 }
-const gt = [
+const ut = [
   { id: "0.1", mm: 0.1, degrees: 0.05 },
   { id: "1", mm: 1, degrees: 0.5 },
   { id: "5", mm: 5, degrees: 2.5 },
   { id: "10", mm: 10, degrees: 5 }
-], Ro = [
+], Eo = [
   { id: "continuous" },
-  ...gt
-], jo = ["coordsys", "tool"];
+  ...ut
+], Po = ["coordsys", "tool"];
 class xt {
   constructor(e, o, r, i, n) {
     var c, s, l;
@@ -2640,7 +2706,7 @@ class xt {
     this.jogger.dispose();
   }
   get coordSystemCountByName() {
-    return we(this.coordSystems, (e) => e.name);
+    return Te(this.coordSystems, (e) => e.name);
   }
   async deactivate() {
     this.jogger.mode === "jogging" && await this.jogger.setJoggingMode("off");
@@ -2687,10 +2753,10 @@ class xt {
     }), e;
   }
   get incrementOptions() {
-    return Ro;
+    return Eo;
   }
   get discreteIncrementOptions() {
-    return gt;
+    return ut;
   }
   get incrementOptionsById() {
     return nt(this.incrementOptions, (e) => e.id);
@@ -2719,7 +2785,7 @@ class xt {
     return nt(this.tcps, (e) => e.id);
   }
   get activeDiscreteIncrement() {
-    return this.selectedOrientation === "tool" ? void 0 : gt.find((e) => e.id === this.selectedIncrementId);
+    return this.selectedOrientation === "tool" ? void 0 : ut.find((e) => e.id === this.selectedIncrementId);
   }
   /** The selected rotation velocity converted to radians per second */
   get rotationVelocityRadsPerSec() {
@@ -2824,7 +2890,7 @@ class xt {
   }
   /** Lock the UI until the given async callback resolves */
   async withMotionLock(e) {
-    const o = We();
+    const o = Ge();
     this.lock(o);
     try {
       return await e();
@@ -2833,10 +2899,10 @@ class xt {
     }
   }
 }
-const Eo = J(
+const _o = J(
   ({ store: t, useDegree: e }) => {
     var c;
-    const { t: o } = z(), r = re(), i = [];
+    const { t: o } = z(), r = ae(), i = [];
     function n(s) {
       switch (s) {
         case "coordsys":
@@ -2858,7 +2924,6 @@ const Eo = J(
           variant: "filled",
           displayEmpty: !0,
           onChange: (s) => t.setSelectedCoordSystemId(s.target.value),
-          disabled: t.isLocked,
           children: t.coordSystems.map((s) => /* @__PURE__ */ a(Y, { value: s.coordinate_system, children: s.name && t.coordSystemCountByName[s.name] > 1 ? `${s.name} / ${s.coordinate_system}` : s.name || s.coordinate_system }, s.coordinate_system))
         },
         "coord"
@@ -2878,8 +2943,8 @@ const Eo = J(
               console.error("Failed to change TCP:", l);
             });
           },
-          disabled: t.isLocked || t.tcpChangeInProgress,
-          endAdornment: t.tcpChangeInProgress ? /* @__PURE__ */ a($e, { position: "end", children: /* @__PURE__ */ a(Gt, { size: 16 }) }) : void 0,
+          disabled: t.tcpChangeInProgress,
+          endAdornment: t.tcpChangeInProgress ? /* @__PURE__ */ a(ze, { position: "end", children: /* @__PURE__ */ a(Gt, { size: 16 }) }) : void 0,
           children: t.tcps.map((s) => /* @__PURE__ */ a(Y, { value: s.id, children: s.id }, s.id))
         },
         "tcp"
@@ -2892,8 +2957,7 @@ const Eo = J(
           labelId: `orientation-select-${r}`,
           value: t.selectedOrientation,
           onChange: (s) => t.setSelectedOrientation(s.target.value),
-          disabled: t.isLocked,
-          children: jo.map((s) => /* @__PURE__ */ a(Y, { value: s, children: n(s) }, s))
+          children: Po.map((s) => /* @__PURE__ */ a(Y, { value: s, children: n(s) }, s))
         },
         "orientation"
       )
@@ -2909,7 +2973,6 @@ const Eo = J(
           onChange: (s) => t.setSelectedIncrementId(
             s.target.value
           ),
-          disabled: t.isLocked,
           children: [
             /* @__PURE__ */ a(Y, { value: "continuous", children: o("Jogging.Increment.Continuous.dd") }, "continuous"),
             t.selectedOrientation === "tool" ? null : t.discreteIncrementOptions.map((s) => /* @__PURE__ */ a(Y, { value: s.id, children: e ? `${s.degrees}°` : `${s.mm}mm` }, s.id))
@@ -2943,7 +3006,7 @@ const Eo = J(
       }
     );
   }
-), Po = pt(Ge)(({ theme: t }) => {
+), Oo = lt(Ue)(({ theme: t }) => {
   var e;
   return {
     "&.MuiToggleButtonGroup-root": {
@@ -2965,11 +3028,11 @@ const Eo = J(
       }
     }
   };
-}), _o = J((t) => {
+}), Do = J((t) => {
   var n, c, s;
   const e = B(), { store: o } = t, { t: r } = z();
   function i(l, d) {
-    d === t.velocity || !Ue(d) || t.onVelocityChange(d, t.useDegree);
+    d === t.velocity || !He(d) || t.onVelocityChange(d, t.useDegree);
   }
   return /* @__PURE__ */ S(
     _,
@@ -3055,7 +3118,7 @@ const Qt = J(
       return n ? `ω = ${o("Jogging.Cartesian.Rotation.velocityDegPerSec.lb", { amount: i })}` : `v = ${o("Jogging.Cartesian.Translation.velocityMmPerSec.lb", { amount: i })}`;
     }
     return /* @__PURE__ */ a(
-      _o,
+      Do,
       {
         store: t,
         velocity: t.velocityInDisplayUnits(e),
@@ -3120,7 +3183,7 @@ const Qt = J(
       ]
     }
   );
-}), Oo = J(
+}), Ao = J(
   ({
     store: t,
     children: e
@@ -3148,7 +3211,7 @@ const Qt = J(
               distanceMm: g.mm
             } : {
               type: "rotate",
-              distanceRads: ke(g.degrees)
+              distanceRads: Re(g.degrees)
             }
           });
         } finally {
@@ -3183,17 +3246,17 @@ const Qt = J(
     const d = [
       {
         id: "x",
-        icon: /* @__PURE__ */ a(De, {}),
+        icon: /* @__PURE__ */ a(Ae, {}),
         colors: l("X", t.selectedCartesianMotionType, r)
       },
       {
         id: "y",
-        icon: /* @__PURE__ */ a(Ae, {}),
+        icon: /* @__PURE__ */ a(Je, {}),
         colors: l("Y", t.selectedCartesianMotionType, r)
       },
       {
         id: "z",
-        icon: /* @__PURE__ */ a(Je, {}),
+        icon: /* @__PURE__ */ a(Fe, {}),
         colors: l("Z", t.selectedCartesianMotionType, r)
       }
     ];
@@ -3216,7 +3279,7 @@ const Qt = J(
         children: [
           /* @__PURE__ */ S(_, { gap: 2, children: [
             /* @__PURE__ */ a(
-              Eo,
+              _o,
               {
                 store: t,
                 useDegree: t.selectedCartesianMotionType === "rotate"
@@ -3248,7 +3311,7 @@ const Qt = J(
                   sx: { flexGrow: 1 },
                   children: [
                     /* @__PURE__ */ S(
-                      Po,
+                      Oo,
                       {
                         value: t.selectedCartesianMotionType,
                         onChange: i,
@@ -3311,7 +3374,7 @@ const Qt = J(
                           disabled: t.isLocked,
                           activeJoggingDirection: ((g = t.incrementJogInProgress) == null ? void 0 : g.axis) === p.id ? t.incrementJogInProgress.direction : void 0,
                           label: /* @__PURE__ */ S(et, { children: [
-                            /* @__PURE__ */ a(Fe, {}),
+                            /* @__PURE__ */ a(Be, {}),
                             /* @__PURE__ */ a(
                               R,
                               {
@@ -3353,7 +3416,7 @@ const Qt = J(
       }
     );
   }
-), Do = J(
+), Jo = J(
   ({ store: t, children: e }) => {
     const o = B();
     async function r(n) {
@@ -3419,7 +3482,7 @@ const Qt = J(
                             }
                           ),
                           /* @__PURE__ */ a(
-                            So,
+                            Co,
                             {
                               disabled: t.isLocked,
                               lowerLimit: c == null ? void 0 : c.lower_limit,
@@ -3454,9 +3517,9 @@ const Qt = J(
       }
     );
   }
-), hi = $(
+), yi = $(
   J((t) => {
-    const e = Te(t.nova) ? new Se({ instanceUrl: t.nova }) : t.nova, o = $t(() => ({
+    const e = Me(t.nova) ? new ve({ instanceUrl: t.nova }) : t.nova, o = $t(() => ({
       joggingStore: null,
       loadingError: null
     }));
@@ -3500,11 +3563,11 @@ const Qt = J(
           position: "relative",
           ...t.sx
         },
-        children: o.joggingStore ? /* @__PURE__ */ a(Ao, { store: o.joggingStore, children: t.children }) : /* @__PURE__ */ a(To, { message: "Loading jogging", error: o.loadingError })
+        children: o.joggingStore ? /* @__PURE__ */ a(Fo, { store: o.joggingStore, children: t.children }) : /* @__PURE__ */ a(Io, { message: "Loading jogging", error: o.loadingError })
       }
     );
   })
-), Ao = J(
+), Fo = J(
   ({
     store: t,
     children: e
@@ -3512,9 +3575,9 @@ const Qt = J(
     const { t: o } = z();
     function r() {
       if (t.currentTab.id === "cartesian")
-        return /* @__PURE__ */ a(Oo, { store: t, children: e });
+        return /* @__PURE__ */ a(Ao, { store: t, children: e });
       if (t.currentTab.id === "joint")
-        return /* @__PURE__ */ a(Do, { store: t, children: e });
+        return /* @__PURE__ */ a(Jo, { store: t, children: e });
     }
     return /* @__PURE__ */ S(_, { flexGrow: 1, sx: { overflow: "hidden" }, children: [
       /* @__PURE__ */ a(
@@ -3526,7 +3589,7 @@ const Qt = J(
           onChange: t.onTabChange,
           variant: "fullWidth",
           children: t.tabs.map((i) => {
-            const n = i.label === "Cartesian" ? o("Jogging.Cartesian.bt") : o("Jogging.Joints.bt"), c = i.label === "cartesian" ? /* @__PURE__ */ a(xe, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ a(ye, { fontSize: "small", sx: { mr: 1 } });
+            const n = i.label === "Cartesian" ? o("Jogging.Cartesian.bt") : o("Jogging.Joints.bt"), c = i.label === "cartesian" ? /* @__PURE__ */ a(ye, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ a(Se, { fontSize: "small", sx: { mr: 1 } });
             return /* @__PURE__ */ a(
               Vt,
               {
@@ -3553,7 +3616,7 @@ const Qt = J(
           children: r()
         }
       ),
-      t.blocked && /* @__PURE__ */ a(Io, { store: t })
+      t.blocked && /* @__PURE__ */ a(Ro, { store: t })
     ] });
   }
 ), Kt = (t) => {
@@ -3581,7 +3644,7 @@ const Qt = J(
     return () => {
       l && clearTimeout(l);
     };
-  }, [i]), /* @__PURE__ */ a(Ze, { open: i, title: "Copied!", children: /* @__PURE__ */ a(
+  }, [i]), /* @__PURE__ */ a(Qe, { open: i, title: "Copied!", children: /* @__PURE__ */ a(
     _,
     {
       justifyContent: "center",
@@ -3615,9 +3678,9 @@ const Qt = J(
       )
     }
   ) });
-}, fi = $(
+}, Si = $(
   J(({ tcpPose: t, showCopyButton: e = !1 }) => {
-    const [o, r] = L(null), i = ve(t);
+    const [o, r] = L(null), i = Ce(t);
     return /* @__PURE__ */ S(
       _,
       {
@@ -3649,7 +3712,7 @@ const Qt = J(
       }
     );
   })
-), bi = $(
+), vi = $(
   J(({ joints: t, showCopyButton: e = !1 }) => {
     const [o, r] = L(null), i = `[${t.map((c) => parseFloat(c.toFixed(4))).join(", ")}]`;
     return /* @__PURE__ */ S(
@@ -3684,7 +3747,7 @@ const Qt = J(
     );
   })
 );
-class Jo {
+class Bo {
   constructor() {
     this.messages = [], this.addMessage = (e, o = "info") => {
       const r = {
@@ -3704,19 +3767,19 @@ class Jo {
       this.addMessage(e, "error");
     }, this.addDebug = (e) => {
       this.addMessage(e, "debug");
-    }, Me(this, {
-      messages: Ie,
+    }, Ie(this, {
+      messages: ke,
       addMessage: jt,
       clearMessages: jt
     });
   }
 }
-const lt = (t, e, o) => ({
+const ct = (t, e, o) => ({
   id: o || `${Date.now()}-${Math.random().toString(36).substring(2, 11)}`,
   timestamp: /* @__PURE__ */ new Date(),
   message: t,
   level: e
-}), xi = (t, e) => lt(t, "debug", e), yi = (t, e) => lt(t, "info", e), Si = (t, e) => lt(t, "warning", e), vi = (t, e) => lt(t, "error", e), Fo = $(
+}), Ci = (t, e) => ct(t, "debug", e), wi = (t, e) => ct(t, "info", e), Ti = (t, e) => ct(t, "warning", e), Mi = (t, e) => ct(t, "error", e), Lo = $(
   J((t) => {
     var m;
     const { messages: e = [], onClear: o, height: r = 400, sx: i } = t, n = B(), c = A(null);
@@ -3837,7 +3900,7 @@ const lt = (t, e, o) => ({
                         }
                       },
                       title: f ? "Copied!" : "Copy message",
-                      children: /* @__PURE__ */ a(Qe, { sx: { fontSize: 12 } })
+                      children: /* @__PURE__ */ a(Xe, { sx: { fontSize: 12 } })
                     }
                   ),
                   v && /* @__PURE__ */ a(
@@ -3853,7 +3916,7 @@ const lt = (t, e, o) => ({
                         }
                       },
                       title: p ? "Collapse" : "Expand",
-                      children: p ? /* @__PURE__ */ a(Ke, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(to, { sx: { fontSize: 12 } })
+                      children: p ? /* @__PURE__ */ a(to, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(eo, { sx: { fontSize: 12 } })
                     }
                   )
                 ]
@@ -3865,7 +3928,7 @@ const lt = (t, e, o) => ({
       );
     };
     return /* @__PURE__ */ S(
-      eo,
+      oo,
       {
         sx: {
           backgroundColor: ((m = n.palette.backgroundPaperElevation) == null ? void 0 : m[2]) || "#171927",
@@ -3890,7 +3953,7 @@ const lt = (t, e, o) => ({
               children: [
                 /* @__PURE__ */ S(w, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                   /* @__PURE__ */ a(
-                    Xe,
+                    Ke,
                     {
                       sx: {
                         fontSize: 16,
@@ -3985,7 +4048,7 @@ const lt = (t, e, o) => ({
       }
     );
   })
-), Ci = $(
+), Ii = $(
   J((t) => {
     const { store: e, onStoreReady: o, ...r } = t, i = A(o);
     F(() => {
@@ -3993,13 +4056,13 @@ const lt = (t, e, o) => ({
     }, [o]);
     const n = rt(() => {
       var l;
-      const s = e || new Jo();
+      const s = e || new Bo();
       return (l = i.current) == null || l.call(i, s), s;
     }, [e]), c = () => {
       n.clearMessages();
     };
     return /* @__PURE__ */ a(
-      Fo,
+      Lo,
       {
         ...r,
         messages: n.messages,
@@ -4008,19 +4071,19 @@ const lt = (t, e, o) => ({
     );
   })
 );
-function Bo() {
+function $o() {
   const t = window.location.href;
   return t.substring(
     0,
     t.indexOf("/", t.indexOf("//") + 2)
   );
 }
-function wi({
-  baseUrl: t = Bo(),
+function ki({
+  baseUrl: t = $o(),
   ...e
 }) {
   return /* @__PURE__ */ S(
-    oo,
+    no,
     {
       "aria-labelledby": "no-motion-group-modal-title",
       open: !0,
@@ -4040,9 +4103,9 @@ function wi({
         }
       },
       children: [
-        /* @__PURE__ */ a(ro, { id: "no-motion-group-modal-title", children: "No motion group found" }),
+        /* @__PURE__ */ a(ao, { id: "no-motion-group-modal-title", children: "No motion group found" }),
         /* @__PURE__ */ S(
-          io,
+          ro,
           {
             sx: {
               marginTop: "3rem",
@@ -4055,7 +4118,7 @@ function wi({
             ]
           }
         ),
-        /* @__PURE__ */ a(no, { children: /* @__PURE__ */ S(_, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
+        /* @__PURE__ */ a(io, { children: /* @__PURE__ */ S(_, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
           /* @__PURE__ */ a(
             Z,
             {
@@ -4088,7 +4151,7 @@ function wi({
   );
 }
 var te = /* @__PURE__ */ ((t) => (t.PRECONDITION_NOT_FULFILLED = "PRECONDITION_NOT_FULFILLED", t.ROBOT_DISCONNECTED = "ROBOT_DISCONNECTED", t.CELL_OPEN = "CELL_OPEN", t.E_STOP = "E_STOP", t.MANUAL_MODE = "MANUAL_MODE", t.READY = "READY", t))(te || {});
-const Lo = $(
+const zo = $(
   J(({ setupState: t, className: e }) => {
     const o = B(), { t: r } = z(), i = () => {
       var d, m, u, p, g, f, y;
@@ -4140,7 +4203,7 @@ const Lo = $(
       }
     }, { label: n, indicatorColor: c, backgroundColor: s, textColor: l } = i();
     return /* @__PURE__ */ a(
-      so,
+      lo,
       {
         className: e,
         label: /* @__PURE__ */ S(
@@ -4194,13 +4257,13 @@ const Lo = $(
       }
     );
   })
-), Ti = $(
+), Ri = $(
   J(
     ({
       robotName: t,
       robotType: e,
       setupState: o,
-      PreconditionComponent: r = Lo,
+      PreconditionComponent: r = zo,
       className: i
     }) => {
       var l;
@@ -4247,10 +4310,10 @@ const Lo = $(
                           fill: `${n.palette.primary.main} !important`
                         }
                       },
-                      children: /* @__PURE__ */ a(Be, {})
+                      children: /* @__PURE__ */ a(Le, {})
                     }
                   ) : /* @__PURE__ */ a(
-                    ao,
+                    so,
                     {
                       sx: {
                         color: n.palette.error.main,
@@ -4300,7 +4363,7 @@ const Lo = $(
       );
     }
   )
-), $o = pt(lo, {
+), Vo = lt(co, {
   shouldForwardProp: (t) => t !== "selected"
 })(({ theme: t }) => {
   var e, o, r;
@@ -4330,10 +4393,10 @@ const Lo = $(
       }
     ]
   };
-}), Mi = (t) => {
+}), ji = (t) => {
   const { ref: e, ...o } = t;
   return /* @__PURE__ */ a(
-    $o,
+    Vo,
     {
       ref: e,
       selected: t.selected,
@@ -4343,7 +4406,7 @@ const Lo = $(
     }
   );
 };
-function zo(t) {
+function No(t) {
   const { children: e, value: o, index: r, ...i } = t;
   return /* @__PURE__ */ a(
     "div",
@@ -4357,7 +4420,7 @@ function zo(t) {
     }
   );
 }
-function Vo({ children: t, ...e }) {
+function Wo({ children: t, ...e }) {
   const {
     fullWidth: o,
     indicator: r,
@@ -4372,7 +4435,7 @@ function Vo({ children: t, ...e }) {
   } = e;
   return /* @__PURE__ */ a(w, { ...u, children: t });
 }
-const Ii = $(
+const Ei = $(
   J((t) => {
     const {
       items: e,
@@ -4493,12 +4556,12 @@ const Ii = $(
                       p.id
                     );
                     return h ? /* @__PURE__ */ a(
-                      Vo,
+                      Wo,
                       {
                         component: "span",
                         sx: { display: "inline-flex" },
                         children: /* @__PURE__ */ a(
-                          co,
+                          go,
                           {
                             badgeContent: b,
                             color: ((T = p.badge) == null ? void 0 : T.color) || "error",
@@ -4536,12 +4599,12 @@ const Ii = $(
               }
             }
           ),
-          /* @__PURE__ */ a(w, { sx: { flex: 1, overflow: "auto" }, children: e.map((p, g) => /* @__PURE__ */ a(zo, { value: m, index: g, children: p.content }, p.id)) })
+          /* @__PURE__ */ a(w, { sx: { flex: 1, overflow: "auto" }, children: e.map((p, g) => /* @__PURE__ */ a(No, { value: m, index: g, children: p.content }, p.id)) })
         ]
       }
     );
   })
-), No = (t) => {
+), Go = (t) => {
   const e = Math.floor(t / 86400), o = Math.floor(t % 86400 / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, n = [];
   return e > 0 ? (n.push(e.toString()), n.push(o.toString().padStart(2, "0")), n.push(r.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : o > 0 ? (n.push(o.toString()), n.push(r.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : (n.push(r.toString()), n.push(i.toString().padStart(2, "0"))), n.join(":");
 }, Jt = (t, e) => {
@@ -4554,7 +4617,7 @@ const Ii = $(
     }
   const c = [];
   return o > 0 && c.push(`${o}d`), r > 0 && c.push(`${r}h`), i > 0 && c.push(`${i}m`), (n > 0 || c.length === 0) && c.push(`${n}s`), c.join(" ");
-}, Wo = ({
+}, Uo = ({
   timerState: t,
   animationState: e,
   hasError: o,
@@ -4575,7 +4638,7 @@ const Ii = $(
       },
       children: [
         /* @__PURE__ */ a(
-          go,
+          uo,
           {
             width: 264,
             height: 264,
@@ -4666,7 +4729,7 @@ const Ii = $(
                         lineHeight: 1,
                         letterSpacing: "-0.5px"
                       },
-                      children: No(c)
+                      children: Go(c)
                     }
                   ) })
                 ]
@@ -4677,7 +4740,7 @@ const Ii = $(
       ]
     }
   );
-}, Go = ({
+}, Ho = ({
   timerState: t,
   animationState: e,
   hasError: o,
@@ -4794,7 +4857,7 @@ const Ii = $(
       ]
     }
   );
-}, Uo = () => {
+}, qo = () => {
   const [t, e] = L({
     showPauseAnimation: !1,
     showErrorAnimation: !1,
@@ -4840,7 +4903,7 @@ const Ii = $(
     setInitialAnimationState: d,
     cleanup: m
   };
-}, Ho = ({
+}, Yo = ({
   autoStart: t,
   hasError: e,
   onPauseAnimation: o,
@@ -4946,7 +5009,7 @@ const Ii = $(
       isPaused: b
     }
   };
-}, ki = $(
+}, Pi = $(
   J(
     ({
       onTimerReady: t,
@@ -4963,7 +5026,7 @@ const Ii = $(
         clearErrorAnimation: d,
         setInitialAnimationState: m,
         cleanup: u
-      } = Uo(), { timerState: p, controls: g } = Ho({
+      } = qo(), { timerState: p, controls: g } = Yo({
         autoStart: e,
         hasError: n,
         onPauseAnimation: s,
@@ -4981,7 +5044,7 @@ const Ii = $(
           f = !1, clearTimeout(y);
         };
       }, [t, g]), F(() => u, [u]), o === "small" ? /* @__PURE__ */ a(
-        Go,
+        Ho,
         {
           timerState: p,
           animationState: c,
@@ -4990,7 +5053,7 @@ const Ii = $(
           className: i
         }
       ) : /* @__PURE__ */ a(
-        Wo,
+        Uo,
         {
           timerState: p,
           animationState: c,
@@ -5000,14 +5063,14 @@ const Ii = $(
       );
     }
   )
-), Ft = 1e-4, qo = {
+), Ft = 1e-4, Zo = {
   a: 0,
   d: 0,
   alpha: 0,
   theta: 0,
   reverse_rotation_direction: !1
 };
-class ut {
+class pt {
   constructor(e, o, r, i, n, c, s, l, d, m, u = "cell") {
     this.controller = o, this.motionGroup = r, this.initialMotionState = i, this.motionStateSocket = n, this.isVirtual = c, this.tcps = s, this.description = l, this.initialControllerState = d, this.controllerStateSocket = m, this.cellId = u, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.nova = st(e), this.rapidlyChangingMotionState = i, this.controllerState = d, m.addEventListener("message", (p) => {
       var f;
@@ -5044,7 +5107,7 @@ class ut {
   static async connectMultiple(e, o, r = {}) {
     return Promise.all(
       o.map(
-        (i) => ut.connect(e, i, r)
+        (i) => pt.connect(e, i, r)
       )
     );
   }
@@ -5097,7 +5160,7 @@ class ut {
       `Connected controller state websocket to controller ${l.controller}. Initial state:
   `,
       x
-    ), new ut(
+    ), new pt(
       i,
       l,
       d,
@@ -5133,7 +5196,7 @@ class ut {
   get dhParameters() {
     if (this.description.dh_parameters !== void 0)
       return this.description.dh_parameters.map((e) => ({
-        ...qo,
+        ...Zo,
         ...e
       }));
   }
@@ -5590,52 +5653,53 @@ function ee() {
     }
   };
 }
-function Yo() {
+function Qo() {
   const t = ee();
   return t.palette.mode = "light", t;
 }
-function Ri(t) {
+function _i(t) {
   var r, i, n, c;
   let e = !0;
   ((r = t.palette) == null ? void 0 : r.mode) === "light" ? e = !1 : ((i = t.palette) == null ? void 0 : i.mode) !== "dark" && (e = !(typeof window < "u" && ((c = (n = window.matchMedia) == null ? void 0 : n.call(window, "(prefers-color-scheme: light)")) == null ? void 0 : c.matches)));
-  const o = e ? ee() : Yo();
+  const o = e ? ee() : Qo();
   return Bt(o, t);
 }
 export {
-  pi as A,
-  mi as C,
+  fi as A,
+  xi as C,
   xt as J,
-  Jo as L,
+  Bo as L,
   ft as M,
-  wi as N,
-  fi as P,
-  Ti as R,
-  Mi as S,
-  Ii as T,
-  _o as V,
-  yo as W,
-  Ot as a,
-  So as b,
-  Ri as c,
-  hi as d,
-  bi as e,
-  To as f,
-  Mo as g,
-  Ci as h,
-  lt as i,
-  xi as j,
-  yi as k,
-  Si as l,
-  vi as m,
-  Fo as n,
-  te as o,
-  Lo as p,
-  ki as q,
-  Zt as r,
-  ut as s,
-  bt as t,
-  Ht as u,
-  vo as v,
-  qt as w,
-  Co as x
+  ki as N,
+  Si as P,
+  Ri as R,
+  ji as S,
+  Ei as T,
+  Do as V,
+  vo as W,
+  bi as a,
+  Ot as b,
+  _i as c,
+  Co as d,
+  yi as e,
+  vi as f,
+  Io as g,
+  ko as h,
+  Ii as i,
+  ct as j,
+  Ci as k,
+  wi as l,
+  Ti as m,
+  Mi as n,
+  Lo as o,
+  te as p,
+  zo as q,
+  Pi as r,
+  Zt as s,
+  pt as t,
+  bt as u,
+  Ht as v,
+  wo as w,
+  qt as x,
+  To as y
 };