@wandelbots/wandelbots-js-react-components 5.5.0 → 5.5.1-pr.fix-standardize-output.591.1380385

package/dist/components/CycleTimer/utils.js

@@ -1,20 +1,28 @@
-const e = (r) => {
-  const a = Math.floor(r / 86400), o = Math.floor(r % 86400 / 3600), n = Math.floor(r % 3600 / 60), i = r % 60, t = [];
-  return a > 0 ? (t.push(a.toString()), t.push(o.toString().padStart(2, "0")), t.push(n.toString().padStart(2, "0")), t.push(i.toString().padStart(2, "0"))) : o > 0 ? (t.push(o.toString()), t.push(n.toString().padStart(2, "0")), t.push(i.toString().padStart(2, "0"))) : (t.push(n.toString()), t.push(i.toString().padStart(2, "0"))), t.join(":");
-}, f = (r, a) => {
-  const o = Math.floor(r / 86400), n = Math.floor(r % 86400 / 3600), i = Math.floor(r % 3600 / 60), t = r % 60;
+const e = (t) => {
+  const o = Math.floor(t / 86400), r = Math.floor(t % 86400 / 3600), s = Math.floor(t % 3600 / 60), i = t % 60, n = [];
+  return o > 0 ? (n.push(o.toString()), n.push(r.toString().padStart(2, "0")), n.push(s.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : r > 0 ? (n.push(r.toString()), n.push(s.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : (n.push(s.toString()), n.push(i.toString().padStart(2, "0"))), n.join(":");
+}, h = (t, o) => {
+  const r = Math.floor(t / 86400), s = Math.floor(t % 86400 / 3600), i = Math.floor(t % 3600 / 60), n = t % 60;
   if (typeof Intl < "u" && "DurationFormat" in Intl)
     try {
       const u = {};
-      return o > 0 && (u.days = o), n > 0 && (u.hours = n), i > 0 && (u.minutes = i), (t > 0 || Object.keys(u).length === 0) && (u.seconds = t), new Intl.DurationFormat(a, { style: "narrow" }).format(u);
+      return r > 0 && (u.days = r), s > 0 && (u.hours = s), i > 0 && (u.minutes = i), (n > 0 || Object.keys(u).length === 0) && (u.seconds = n), new Intl.DurationFormat(o, { style: "narrow" }).format(u);
     } catch {
     }
-  const s = [];
-  return o > 0 && s.push(`${o}d`), n > 0 && s.push(`${n}h`), i > 0 && s.push(`${i}m`), (t > 0 || s.length === 0) && s.push(`${t}s`), s.join(" ");
-}, p = (r, a, o) => r === "countdown" && o !== null ? Math.min(100, a / o * 100) : r === "measuring" ? a / 60 % 1 * 100 : 0;
+  const a = [];
+  return r > 0 && a.push(`${r}d`), s > 0 && a.push(`${s}h`), i > 0 && a.push(`${i}m`), (n > 0 || a.length === 0) && a.push(`${n}s`), a.join(" ");
+}, l = (t, o, r) => {
+  if (t === "idle")
+    return 0;
+  if (t === "countdown" && r !== null) {
+    const s = r - o;
+    return Math.min(100, s / r * 100);
+  }
+  return t === "measuring" ? o / 60 % 1 * 100 : 0;
+}, p = (t, o, r) => t === "countdown" && r !== null ? Math.min(100, o / r * 100) : t === "measuring" ? o / 60 % 1 * 100 : 0;
 export {
   p as calculateExactProgress,
+  l as calculateProgress,
   e as formatTime,
-  f as formatTimeLocalized
+  h as formatTimeLocalized
 };
-//# sourceMappingURL=utils.js.map

package/dist/components/CycleTimer.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./CycleTimer/index.cjs");exports.CycleTimer=e.CycleTimer;exports.default=e.CycleTimer;
-//# sourceMappingURL=CycleTimer.cjs.map

package/dist/components/CycleTimer.d.ts

@@ -1,4 +1,3 @@
 export { CycleTimer } from "./CycleTimer/index";
 export type { CycleTimerControls, CycleTimerProps, CycleTimerState, } from "./CycleTimer/types";
 export { CycleTimer as default } from "./CycleTimer/index";
-//# sourceMappingURL=CycleTimer.d.ts.map

package/dist/components/CycleTimer.js

@@ -3,4 +3,3 @@ export {
   l as CycleTimer,
   m as default
 };
-//# sourceMappingURL=CycleTimer.js.map

package/dist/components/DataGrid.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("@mui/icons-material/Clear"),F=require("@mui/icons-material/FilterList"),j=require("@mui/icons-material/Search"),L=require("@mui/material/styles"),a=require("@mui/material/Box"),W=require("@mui/material/Divider"),H=require("@mui/material/Typography"),t=require("@mui/x-data-grid"),Q=require("mobx-react-lite"),s=require("react"),E=require("../externalizeComponent.cjs"),M=E.externalizeComponent(Q.observer(({data:l,columns:u,getRowData:c,onRowClick:b,selectedItem:p,getItemId:m,title:v,showCount:y=!0,searchPlaceholder:D="Search programs",dataGridProps:r,CustomToolbar:z,selectFirstByDefault:w=!1,sx:R})=>{var k;const x=L.useTheme(),i=t.useGridApiRef(),h=s.useRef(null),[f,C]=s.useState(null),d=s.useMemo(()=>l.map(c),[l,c]);s.useEffect(()=>{i.current&&d.length>0&&i.current.autosizeColumns({includeOutliers:!0,includeHeaders:!0,expand:!0,columns:u.map(o=>o.field)})},[d,u,i]),s.useEffect(()=>{if(!h.current||!i.current)return;const o=new ResizeObserver(()=>{setTimeout(()=>{i.current&&d.length>0&&i.current.autosizeColumns({includeOutliers:!0,includeHeaders:!0,expand:!0,columns:u.map(n=>n.field)})},100)});return o.observe(h.current),()=>{o.disconnect()}},[i,d.length,u]);const g=s.useMemo(()=>{if(p!==void 0)return p;if(f!==null)return f;if(w&&l.length>0){const o=l[0];return C(o),o}return null},[w,l,p,f]),B=o=>{const n=l.find(I=>c(I).id===o.id);n&&(p===void 0&&C(n),b&&b(n,o))},S=s.useMemo(()=>!g||!m?null:m(g),[g,m]);function O(){return e.jsx(t.Toolbar,{children:e.jsxs(a,{sx:{display:"flex",width:"100%",gap:1,p:.5,alignItems:"center"},children:[v&&e.jsxs(H,{variant:"h6",sx:{fontWeight:500,color:"white"},children:[v,y&&` (${l.length})`]}),e.jsxs(a,{sx:{ml:"auto",display:"flex",gap:.5,alignItems:"center",pr:1},children:[e.jsx(t.FilterPanelTrigger,{render:e.jsx(t.ToolbarButton,{"aria-label":"Show filters",children:e.jsx(F,{fontSize:"small"})})}),e.jsx(W,{orientation:"vertical",flexItem:!0,sx:{height:"24px",alignSelf:"center"}}),e.jsx(t.QuickFilter,{render:(o,n)=>e.jsxs(a,{...o,sx:{display:"flex",overflow:"hidden"},children:[!n.expanded&&e.jsx(t.QuickFilterTrigger,{render:e.jsx(t.ToolbarButton,{"aria-label":"Search",children:e.jsx(j,{fontSize:"small"})})}),e.jsxs(a,{sx:{display:"flex",overflow:"hidden",transition:"all 0.3s ease-in-out",width:n.expanded?"200px":"0px",position:"relative"},children:[e.jsxs(a,{sx:{flex:1,position:"relative","& .MuiInputBase-root":{height:"32px",borderRadius:"16px",backgroundColor:"#171927",paddingLeft:"40px",paddingRight:n.expanded&&n.value!==""?"40px":"12px",color:"white",fontSize:"14px",border:"none !important",outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"},"&:hover":{"&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"&:focus-within":{outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"&.Mui-focused":{outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"& .MuiInputBase-input":{padding:"8px 0",border:"none !important",outline:"none !important",boxShadow:"none !important","&:focus":{outline:"none !important",boxShadow:"none !important",border:"none !important"},"&::placeholder":{color:"rgba(255, 255, 255, 0.3)",opacity:1}},"& fieldset":{border:"none !important",display:"none !important"},"& .MuiOutlinedInput-notchedOutline":{border:"none !important",display:"none !important"}}},children:[n.expanded&&e.jsx(j,{fontSize:"small",sx:{position:"absolute",left:"12px",top:"50%",transform:"translateY(-50%)",color:"rgba(255, 255, 255, 0.6)",zIndex:1,pointerEvents:"none"}}),e.jsx(t.QuickFilterControl,{placeholder:D})]}),n.expanded&&n.value!==""&&e.jsx(t.QuickFilterClear,{render:e.jsx(a,{sx:{position:"absolute",right:"8px",top:"50%",transform:"translateY(-50%)",zIndex:1},children:e.jsx(a,{sx:{minWidth:"24px",width:"24px",height:"24px",padding:0,color:"rgba(255, 255, 255, 0.6)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},children:e.jsx(t.ToolbarButton,{"aria-label":"Clear",children:e.jsx(q,{fontSize:"small"})})})})})]})]})})]})]})})}const T=z||O;return e.jsx(a,{ref:h,sx:{height:"100%",display:"flex",flexDirection:"column","& *":{scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}},"&:hover *":{scrollbarWidth:"thin",scrollbarColor:`${x.palette.divider} transparent`,"&::-webkit-scrollbar":{display:"block",width:"8px",height:"8px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:x.palette.divider,borderRadius:"4px"},"&::-webkit-scrollbar-thumb:hover":{background:x.palette.action.hover}},...R},children:e.jsx(t.DataGrid,{apiRef:i,rows:d,columns:u,onRowClick:B,disableColumnMenu:!1,disableRowSelectionOnClick:!0,disableMultipleRowSelection:!0,hideFooterSelectedRowCount:!0,filterMode:"client",sortingOrder:["desc","asc"],hideFooter:!1,showToolbar:!0,slots:{toolbar:T},initialState:{sorting:{sortModel:[]},filter:{filterModel:{items:[]}},...r==null?void 0:r.initialState},...r,autosizeOnMount:!0,autosizeOptions:{...(r==null?void 0:r.autosizeOptions)||{},includeOutliers:!0,includeHeaders:!0,expand:!0,columns:((k=r==null?void 0:r.autosizeOptions)==null?void 0:k.columns)||u.map(o=>o.field)},sx:{border:"none",width:"100%","& .MuiPaper-root":{boxShadow:"none !important"},"& .MuiDataGrid-overlay":{},"& .MuiDataGrid-main":{border:"none","& .MuiPaper-root":{}},"& .MuiDataGrid-container--top [role=row]":{},"& .MuiDataGrid-topContainer":{borderBottom:"none !important"},"& .MuiDataGrid-columnHeaders":{border:"none",borderBottom:"none !important"},"& .MuiDataGrid-row":{cursor:b?"pointer":"default",border:"none",margin:"1px 0",position:"relative",backgroundColor:"transparent !important","&:hover":{backgroundColor:"transparent !important","&::before":{content:'""',position:"absolute",top:0,left:"16px",right:"16px",bottom:0,backgroundColor:"action.hover",borderRadius:"16px",zIndex:0}},"&.Mui-selected":{backgroundColor:"transparent !important","&:hover":{backgroundColor:"transparent !important"}},...S!==null&&{[`&[data-id="${S}"]`]:{backgroundColor:"transparent !important","&::before":{content:'""',position:"absolute",top:0,left:"16px",right:"16px",bottom:0,backgroundColor:"rgba(255, 255, 255, 0.08) !important",borderRadius:"16px",zIndex:0},"&:hover":{backgroundColor:"transparent !important"},"&:hover::before":{backgroundColor:"rgba(255, 255, 255, 0.12) !important"}}}},"& .MuiDataGrid-cell--textLeft":{paddingLeft:"40px"},"& .MuiDataGrid-cell":{border:"none",position:"relative",zIndex:1,"&:focus":{outline:"none"},"&:focus-within":{outline:"none"},"&:hover":{backgroundColor:"transparent !important"}},"& .MuiDataGrid-columnHeader":{border:"none",paddingLeft:"40px",paddingRight:"40px","& .MuiDataGrid-columnHeaderTitle":{color:"rgba(255, 255, 255, 0.6)"}},"& .MuiDataGrid-toolbarContainer":{padding:"8px",border:"none !important",borderBottom:"none !important","& .MuiBox-root":{},"& .MuiFormControl-root":{},"& .MuiInputBase-root":{},"& .MuiPaper-root":{boxShadow:"none !important"},"& *":{borderBottom:"none !important"}},"& .MuiDataGrid-toolbar":{borderBottom:"none !important"},"& .MuiDataGrid-toolbarFilterList":{border:"none"},"& .MuiDataGrid-withBorderColor":{borderColor:"transparent !important"},"& .MuiDataGrid-columnSeparator":{display:"none"},"& .MuiDataGrid-footerContainer":{display:"none"},"& .MuiDataGrid-filler":{border:"none !important",borderTop:"none !important",borderBottom:"none !important",borderLeft:"none !important",borderRight:"none !important","--rowBorderColor":"none !important"},"& .MuiBackdrop-root":{},"& .MuiModal-backdrop":{},...r==null?void 0:r.sx}})})}));M.displayName="WandelbotsDataGrid";exports.WandelbotsDataGrid=M;exports.default=M;
-//# sourceMappingURL=DataGrid.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("@mui/icons-material/Clear"),F=require("@mui/icons-material/FilterList"),j=require("@mui/icons-material/Search"),L=require("@mui/material/styles"),a=require("@mui/material/Box"),W=require("@mui/material/Divider"),H=require("@mui/material/Typography"),t=require("@mui/x-data-grid"),Q=require("mobx-react-lite"),s=require("react"),E=require("../chunks/externalizeComponent-DOwkaDcw.cjs"),M=E.externalizeComponent(Q.observer(({data:l,columns:u,getRowData:c,onRowClick:b,selectedItem:p,getItemId:m,title:v,showCount:y=!0,searchPlaceholder:D="Search programs",dataGridProps:r,CustomToolbar:z,selectFirstByDefault:w=!1,sx:R})=>{var k;const x=L.useTheme(),i=t.useGridApiRef(),h=s.useRef(null),[f,C]=s.useState(null),d=s.useMemo(()=>l.map(c),[l,c]);s.useEffect(()=>{i.current&&d.length>0&&i.current.autosizeColumns({includeOutliers:!0,includeHeaders:!0,expand:!0,columns:u.map(o=>o.field)})},[d,u,i]),s.useEffect(()=>{if(!h.current||!i.current)return;const o=new ResizeObserver(()=>{setTimeout(()=>{i.current&&d.length>0&&i.current.autosizeColumns({includeOutliers:!0,includeHeaders:!0,expand:!0,columns:u.map(n=>n.field)})},100)});return o.observe(h.current),()=>{o.disconnect()}},[i,d.length,u]);const g=s.useMemo(()=>{if(p!==void 0)return p;if(f!==null)return f;if(w&&l.length>0){const o=l[0];return C(o),o}return null},[w,l,p,f]),B=o=>{const n=l.find(I=>c(I).id===o.id);n&&(p===void 0&&C(n),b&&b(n,o))},S=s.useMemo(()=>!g||!m?null:m(g),[g,m]);function O(){return e.jsx(t.Toolbar,{children:e.jsxs(a,{sx:{display:"flex",width:"100%",gap:1,p:.5,alignItems:"center"},children:[v&&e.jsxs(H,{variant:"h6",sx:{fontWeight:500,color:"white"},children:[v,y&&` (${l.length})`]}),e.jsxs(a,{sx:{ml:"auto",display:"flex",gap:.5,alignItems:"center",pr:1},children:[e.jsx(t.FilterPanelTrigger,{render:e.jsx(t.ToolbarButton,{"aria-label":"Show filters",children:e.jsx(F,{fontSize:"small"})})}),e.jsx(W,{orientation:"vertical",flexItem:!0,sx:{height:"24px",alignSelf:"center"}}),e.jsx(t.QuickFilter,{render:(o,n)=>e.jsxs(a,{...o,sx:{display:"flex",overflow:"hidden"},children:[!n.expanded&&e.jsx(t.QuickFilterTrigger,{render:e.jsx(t.ToolbarButton,{"aria-label":"Search",children:e.jsx(j,{fontSize:"small"})})}),e.jsxs(a,{sx:{display:"flex",overflow:"hidden",transition:"all 0.3s ease-in-out",width:n.expanded?"200px":"0px",position:"relative"},children:[e.jsxs(a,{sx:{flex:1,position:"relative","& .MuiInputBase-root":{height:"32px",borderRadius:"16px",backgroundColor:"#171927",paddingLeft:"40px",paddingRight:n.expanded&&n.value!==""?"40px":"12px",color:"white",fontSize:"14px",border:"none !important",outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"},"&:hover":{"&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"&:focus-within":{outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"&.Mui-focused":{outline:"none !important",boxShadow:"none !important","&::before":{display:"none !important",border:"none !important"},"&::after":{display:"none !important",border:"none !important"}},"& .MuiInputBase-input":{padding:"8px 0",border:"none !important",outline:"none !important",boxShadow:"none !important","&:focus":{outline:"none !important",boxShadow:"none !important",border:"none !important"},"&::placeholder":{color:"rgba(255, 255, 255, 0.3)",opacity:1}},"& fieldset":{border:"none !important",display:"none !important"},"& .MuiOutlinedInput-notchedOutline":{border:"none !important",display:"none !important"}}},children:[n.expanded&&e.jsx(j,{fontSize:"small",sx:{position:"absolute",left:"12px",top:"50%",transform:"translateY(-50%)",color:"rgba(255, 255, 255, 0.6)",zIndex:1,pointerEvents:"none"}}),e.jsx(t.QuickFilterControl,{placeholder:D})]}),n.expanded&&n.value!==""&&e.jsx(t.QuickFilterClear,{render:e.jsx(a,{sx:{position:"absolute",right:"8px",top:"50%",transform:"translateY(-50%)",zIndex:1},children:e.jsx(a,{sx:{minWidth:"24px",width:"24px",height:"24px",padding:0,color:"rgba(255, 255, 255, 0.6)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},children:e.jsx(t.ToolbarButton,{"aria-label":"Clear",children:e.jsx(q,{fontSize:"small"})})})})})]})]})})]})]})})}const T=z||O;return e.jsx(a,{ref:h,sx:{height:"100%",display:"flex",flexDirection:"column","& *":{scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}},"&:hover *":{scrollbarWidth:"thin",scrollbarColor:`${x.palette.divider} transparent`,"&::-webkit-scrollbar":{display:"block",width:"8px",height:"8px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:x.palette.divider,borderRadius:"4px"},"&::-webkit-scrollbar-thumb:hover":{background:x.palette.action.hover}},...R},children:e.jsx(t.DataGrid,{apiRef:i,rows:d,columns:u,onRowClick:B,disableColumnMenu:!1,disableRowSelectionOnClick:!0,disableMultipleRowSelection:!0,hideFooterSelectedRowCount:!0,filterMode:"client",sortingOrder:["desc","asc"],hideFooter:!1,showToolbar:!0,slots:{toolbar:T},initialState:{sorting:{sortModel:[]},filter:{filterModel:{items:[]}},...r==null?void 0:r.initialState},...r,autosizeOnMount:!0,autosizeOptions:{...(r==null?void 0:r.autosizeOptions)||{},includeOutliers:!0,includeHeaders:!0,expand:!0,columns:((k=r==null?void 0:r.autosizeOptions)==null?void 0:k.columns)||u.map(o=>o.field)},sx:{border:"none",width:"100%","& .MuiPaper-root":{boxShadow:"none !important"},"& .MuiDataGrid-overlay":{},"& .MuiDataGrid-main":{border:"none","& .MuiPaper-root":{}},"& .MuiDataGrid-container--top [role=row]":{},"& .MuiDataGrid-topContainer":{borderBottom:"none !important"},"& .MuiDataGrid-columnHeaders":{border:"none",borderBottom:"none !important"},"& .MuiDataGrid-row":{cursor:b?"pointer":"default",border:"none",margin:"1px 0",position:"relative",backgroundColor:"transparent !important","&:hover":{backgroundColor:"transparent !important","&::before":{content:'""',position:"absolute",top:0,left:"16px",right:"16px",bottom:0,backgroundColor:"action.hover",borderRadius:"16px",zIndex:0}},"&.Mui-selected":{backgroundColor:"transparent !important","&:hover":{backgroundColor:"transparent !important"}},...S!==null&&{[`&[data-id="${S}"]`]:{backgroundColor:"transparent !important","&::before":{content:'""',position:"absolute",top:0,left:"16px",right:"16px",bottom:0,backgroundColor:"rgba(255, 255, 255, 0.08) !important",borderRadius:"16px",zIndex:0},"&:hover":{backgroundColor:"transparent !important"},"&:hover::before":{backgroundColor:"rgba(255, 255, 255, 0.12) !important"}}}},"& .MuiDataGrid-cell--textLeft":{paddingLeft:"40px"},"& .MuiDataGrid-cell":{border:"none",position:"relative",zIndex:1,"&:focus":{outline:"none"},"&:focus-within":{outline:"none"},"&:hover":{backgroundColor:"transparent !important"}},"& .MuiDataGrid-columnHeader":{border:"none",paddingLeft:"40px",paddingRight:"40px","& .MuiDataGrid-columnHeaderTitle":{color:"rgba(255, 255, 255, 0.6)"}},"& .MuiDataGrid-toolbarContainer":{padding:"8px",border:"none !important",borderBottom:"none !important","& .MuiBox-root":{},"& .MuiFormControl-root":{},"& .MuiInputBase-root":{},"& .MuiPaper-root":{boxShadow:"none !important"},"& *":{borderBottom:"none !important"}},"& .MuiDataGrid-toolbar":{borderBottom:"none !important"},"& .MuiDataGrid-toolbarFilterList":{border:"none"},"& .MuiDataGrid-withBorderColor":{borderColor:"transparent !important"},"& .MuiDataGrid-columnSeparator":{display:"none"},"& .MuiDataGrid-footerContainer":{display:"none"},"& .MuiDataGrid-filler":{border:"none !important",borderTop:"none !important",borderBottom:"none !important",borderLeft:"none !important",borderRight:"none !important","--rowBorderColor":"none !important"},"& .MuiBackdrop-root":{},"& .MuiModal-backdrop":{},...r==null?void 0:r.sx}})})}));M.displayName="WandelbotsDataGrid";exports.WandelbotsDataGrid=M;exports.default=M;

package/dist/components/DataGrid.d.ts

@@ -64,4 +64,3 @@ export declare const WandelbotsDataGrid: (<T>({ data, columns, getRowData, onRow
     displayName: string;
 };
 export default WandelbotsDataGrid;
-//# sourceMappingURL=DataGrid.d.ts.map

package/dist/components/DataGrid.js

@@ -9,7 +9,7 @@ import j from "@mui/material/Typography";
 import { useGridApiRef as E, DataGrid as Y, Toolbar as A, FilterPanelTrigger as G, ToolbarButton as g, QuickFilter as N, QuickFilterTrigger as q, QuickFilterControl as J, QuickFilterClear as K } from "@mui/x-data-grid";
 import { observer as U } from "mobx-react-lite";
 import { useRef as V, useState as X, useMemo as M, useEffect as D } from "react";
-import { externalizeComponent as Z } from "../externalizeComponent.js";
+import { e as Z } from "../chunks/externalizeComponent-eiCc5DIh.js";
 const _ = Z(
   U(
     ({
@@ -532,4 +532,3 @@ export {
   _ as WandelbotsDataGrid,
   _ as default
 };
-//# sourceMappingURL=DataGrid.js.map

package/dist/components/LoadingCover.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),u=require("@mui/material/CircularProgress"),i=require("@mui/material/Stack"),c=require("@mui/material/styles"),m=require("@mui/material/utils"),h=require("lodash-es"),n=require("react"),x=require("./utils/errorHandling.cjs"),l=e=>{const s=e.softTimeout||3e3,[t,o]=n.useState(!1),a=c.useTheme();return n.useEffect(()=>{const d=setTimeout(()=>{o(!0)},s);return()=>clearTimeout(d)}),r.jsx(i,{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",sx:{color:a.palette.text.primary},children:e.error?r.jsx(g,{loadingMessage:e.message,error:e.error}):r.jsxs(r.Fragment,{children:[r.jsx(u,{sx:{marginBottom:"24px"}}),!!e.message&&r.jsx("div",{children:e.message}),r.jsx(i,{sx:{visibility:t?"visible":"hidden",marginTop:"1rem",color:a.palette.text.secondary},children:"This is taking longer than expected..."})]})})},g=e=>{const s=x.makeErrorMessage(e.error),t=e.error instanceof Error?e.error.stack:null,o=c.useTheme();return r.jsxs(i,{sx:{maxHeight:"100%",maxWidth:"min(100%, 800px)",padding:2,overflow:"auto",color:o.palette.error.main,"& pre":{whiteSpace:"pre-wrap",wordBreak:"break-word",paddingBottom:"3rem"}},children:[(e.loadingMessage?`Error while ${h.lowerFirst(m.capitalize(e.loadingMessage))} - `:"")+s,r.jsx("br",{}),t&&r.jsx("pre",{children:t})]})};exports.LoadingCover=l;exports.LoadingErrorMessage=g;exports.default=l;
-//# sourceMappingURL=LoadingCover.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),d=require("@mui/material/CircularProgress"),i=require("@mui/material/Stack"),c=require("@mui/material/styles"),m=require("@mui/material/utils"),h=require("lodash-es"),a=require("react"),x=require("./utils/errorHandling.cjs"),l=e=>{const s=e.softTimeout||3e3,[t,o]=a.useState(!1),n=c.useTheme();return a.useEffect(()=>{const u=setTimeout(()=>{o(!0)},s);return()=>clearTimeout(u)}),r.jsx(i,{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",sx:{color:n.palette.text.primary},children:e.error?r.jsx(g,{loadingMessage:e.message,error:e.error}):r.jsxs(r.Fragment,{children:[r.jsx(d,{sx:{marginBottom:"24px"}}),!!e.message&&r.jsx("div",{children:e.message}),r.jsx(i,{sx:{visibility:t?"visible":"hidden",marginTop:"1rem",color:n.palette.text.secondary},children:"This is taking longer than expected..."})]})})},g=e=>{const s=x.makeErrorMessage(e.error),t=e.error instanceof Error?e.error.stack:null,o=c.useTheme();return r.jsxs(i,{sx:{maxHeight:"100%",maxWidth:"min(100%, 800px)",padding:2,overflow:"auto",color:o.palette.error.main,"& pre":{whiteSpace:"pre-wrap",wordBreak:"break-word",paddingBottom:"3rem"}},children:[(e.loadingMessage?`Error while ${h.lowerFirst(m.capitalize(e.loadingMessage))} - `:"")+s,r.jsx("br",{}),t&&r.jsx("pre",{children:t})]})};exports.LoadingCover=l;exports.LoadingErrorMessage=g;exports.default=l;

package/dist/components/LoadingCover.d.ts

@@ -8,4 +8,3 @@ export declare const LoadingErrorMessage: (props: {
     error: unknown;
 }) => import("react/jsx-runtime").JSX.Element;
 export default LoadingCover;
-//# sourceMappingURL=LoadingCover.d.ts.map

package/dist/components/LoadingCover.js

@@ -74,4 +74,3 @@ export {
   w as LoadingErrorMessage,
   y as default
 };
-//# sourceMappingURL=LoadingCover.js.map

package/dist/components/LogPanel.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),m=require("mobx-react-lite"),o=require("react"),L=require("../externalizeComponent.cjs"),q=require("./LogStore.cjs"),x=require("./LogViewer.cjs"),c=L.externalizeComponent(m.observer(a=>{const{store:t,onStoreReady:r,...i}=a,e=o.useRef(r);o.useEffect(()=>{e.current=r},[r]);const s=o.useMemo(()=>{var u;const n=t||new q.LogStore;return(u=e.current)==null||u.call(e,n),n},[t]),l=()=>{s.clearMessages()};return g.jsx(x.LogViewer,{...i,messages:s.messages,onClear:l})}));exports.LogPanel=c;exports.default=c;
-//# sourceMappingURL=LogPanel.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),m=require("mobx-react-lite"),r=require("react"),L=require("../chunks/externalizeComponent-DOwkaDcw.cjs"),p=require("./LogStore.cjs"),q=require("./LogViewer.cjs"),u=L.externalizeComponent(m.observer(a=>{const{store:t,onStoreReady:o,...i}=a,e=r.useRef(o);r.useEffect(()=>{e.current=o},[o]);const s=r.useMemo(()=>{var c;const n=t||new p.LogStore;return(c=e.current)==null||c.call(e,n),n},[t]),l=()=>{s.clearMessages()};return g.jsx(q.LogViewer,{...i,messages:s.messages,onClear:l})}));exports.LogPanel=u;exports.default=u;

package/dist/components/LogPanel.d.ts

@@ -36,4 +36,3 @@ export declare const LogPanel: ((props: LogPanelProps) => import("react/jsx-runt
     displayName: string;
 };
 export default LogPanel;
-//# sourceMappingURL=LogPanel.d.ts.map

package/dist/components/LogPanel.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { observer as f } from "mobx-react-lite";
 import { useRef as i, useEffect as p, useMemo as g } from "react";
-import { externalizeComponent as u } from "../externalizeComponent.js";
+import { e as u } from "../chunks/externalizeComponent-eiCc5DIh.js";
 import { LogStore as x } from "./LogStore.js";
 import { LogViewer as w } from "./LogViewer.js";
 const V = u(
@@ -31,4 +31,3 @@ export {
   V as LogPanel,
   V as default
 };
-//# sourceMappingURL=LogPanel.js.map

package/dist/components/LogStore.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("mobx");class a{constructor(){this.messages=[],this.addMessage=(s,t="info")=>{const i={id:Math.random().toString(36).substring(2,11),timestamp:new Date,message:s,level:t};this.messages.push(i)},this.clearMessages=()=>{this.messages=[]},this.addInfo=s=>{this.addMessage(s,"info")},this.addWarning=s=>{this.addMessage(s,"warning")},this.addError=s=>{this.addMessage(s,"error")},this.addDebug=s=>{this.addMessage(s,"debug")},e.makeObservable(this,{messages:e.observable,addMessage:e.action,clearMessages:e.action})}}exports.LogStore=a;exports.default=a;
-//# sourceMappingURL=LogStore.cjs.map

package/dist/components/LogStore.d.ts

@@ -10,4 +10,3 @@ export declare class LogStore {
     addDebug: (message: string) => void;
 }
 export default LogStore;
-//# sourceMappingURL=LogStore.d.ts.map

package/dist/components/LogStore.js

@@ -30,4 +30,3 @@ export {
   o as LogStore,
   o as default
 };
-//# sourceMappingURL=LogStore.js.map

package/dist/components/LogViewer.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),z=require("@mui/icons-material/ContentCopy"),I=require("@mui/icons-material/DescriptionOutlined"),L=require("@mui/icons-material/ExpandLess"),E=require("@mui/icons-material/ExpandMore"),W=require("@mui/material/styles"),a=require("@mui/material/Box"),D=require("@mui/material/Button"),m=require("@mui/material/IconButton"),H=require("@mui/material/Paper"),c=require("@mui/material/Typography"),R=require("mobx-react-lite"),i=require("react"),$=require("../externalizeComponent.cjs"),l=(n,o,p)=>({id:p||`${Date.now()}-${Math.random().toString(36).substring(2,11)}`,timestamp:new Date,message:n,level:o}),B=(n,o)=>l(n,"debug",o),P=(n,o)=>l(n,"info",o),F=(n,o)=>l(n,"warning",o),V=(n,o)=>l(n,"error",o),b=$.externalizeComponent(R.observer(n=>{var x;const{messages:o=[],onClear:p,height:y=400,sx:v}=n,e=W.useTheme(),d=i.useRef(null);i.useEffect(()=>{if(o.length===0)return;const r=d.current;if(!r)return;const s=setTimeout(()=>{r.scrollTop=r.scrollHeight},10);return()=>clearTimeout(s)},[o.length]);const C=r=>r.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"}),w=r=>{switch(r){case"error":return e.palette.error.main;case"warning":return e.palette.warning.main;case"info":return e.palette.info.main;case"debug":return e.palette.text.disabled;default:return e.palette.text.secondary}},S=({message:r})=>{const[s,j]=i.useState(!1),[k,g]=i.useState(!1),[u,h]=i.useState(!1),f=r.message.length>150,M=async()=>{try{await navigator.clipboard.writeText(r.message),g(!0),setTimeout(()=>g(!1),2e3)}catch(T){console.error("Failed to copy message:",T)}},q=f&&!s?`${r.message.substring(0,150)}...`:r.message;return t.jsx(a,{onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),sx:{display:"flex",gap:1,fontFamily:"monospace",flexDirection:"column","&:hover":{backgroundColor:e.palette.action.hover},borderRadius:"4px",padding:"2px 4px",margin:"-2px -4px"},children:t.jsxs(a,{sx:{display:"flex",gap:1},children:[t.jsxs(c,{component:"span",sx:{fontWeight:400,fontSize:"12px",lineHeight:"18px",letterSpacing:"0.4px",color:e.palette.text.disabled,whiteSpace:"nowrap",flexShrink:0},children:["[",C(r.timestamp),"]"]}),t.jsx(c,{component:"span",sx:{fontWeight:400,fontSize:"12px",lineHeight:"18px",letterSpacing:"0.4px",color:w(r.level),wordBreak:"break-word",overflowWrap:"anywhere",hyphens:"auto",flex:1,whiteSpace:"pre-wrap"},children:q}),t.jsxs(a,{sx:{display:"flex",alignItems:"flex-start",gap:.5,opacity:u?1:0,transition:"opacity 0.2s ease-in-out",visibility:u?"visible":"hidden"},children:[t.jsx(m,{size:"small",onClick:M,sx:{padding:"2px",color:e.palette.text.secondary,"&:hover":{backgroundColor:e.palette.action.hover}},title:k?"Copied!":"Copy message",children:t.jsx(z,{sx:{fontSize:12}})}),f&&t.jsx(m,{size:"small",onClick:()=>j(!s),sx:{padding:"2px",color:e.palette.text.secondary,"&:hover":{backgroundColor:e.palette.action.hover}},title:s?"Collapse":"Expand",children:s?t.jsx(L,{sx:{fontSize:12}}):t.jsx(E,{sx:{fontSize:12}})})]})]})},r.id)};return t.jsxs(H,{sx:{backgroundColor:((x=e.palette.backgroundPaperElevation)==null?void 0:x[2])||"#171927",backgroundImage:"none",height:y,display:"flex",flexDirection:"column",overflow:"hidden",...v},children:[t.jsxs(a,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 16px"},children:[t.jsxs(a,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(I,{sx:{fontSize:16,color:e.palette.action.active,opacity:.56}}),t.jsx(c,{sx:{fontWeight:500,fontSize:"14px",lineHeight:"143%",letterSpacing:"0.17px",color:e.palette.text.primary},children:"Log"})]}),t.jsx(D,{onClick:p,variant:"text",sx:{fontWeight:500,fontSize:"13px",lineHeight:"22px",letterSpacing:"0.46px",color:e.palette.primary.main,textTransform:"none",minWidth:"auto",padding:"4px 8px","&:hover":{backgroundColor:`${e.palette.primary.main}14`}},children:"Clear"})]}),t.jsx(a,{ref:d,sx:{flex:1,overflow:"auto",padding:"8px 16px",display:"flex",flexDirection:"column",gap:"2px",scrollbarWidth:"thin",scrollbarColor:`${e.palette.divider} transparent`,"&::-webkit-scrollbar":{width:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:e.palette.divider,borderRadius:"3px","&:hover":{backgroundColor:e.palette.divider}}},children:o.length===0?t.jsx(c,{sx:{color:e.palette.text.disabled,fontSize:"12px",fontStyle:"italic",textAlign:"center",marginTop:2},children:"No log messages"}):o.map(r=>t.jsx(S,{message:r},r.id))})]})}));exports.LogViewer=b;exports.createDebugMessage=B;exports.createErrorMessage=V;exports.createInfoMessage=P;exports.createLogMessage=l;exports.createWarningMessage=F;exports.default=b;
-//# sourceMappingURL=LogViewer.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),z=require("@mui/icons-material/ContentCopy"),I=require("@mui/icons-material/DescriptionOutlined"),L=require("@mui/icons-material/ExpandLess"),E=require("@mui/icons-material/ExpandMore"),W=require("@mui/material/styles"),a=require("@mui/material/Box"),D=require("@mui/material/Button"),m=require("@mui/material/IconButton"),H=require("@mui/material/Paper"),c=require("@mui/material/Typography"),R=require("mobx-react-lite"),i=require("react"),$=require("../chunks/externalizeComponent-DOwkaDcw.cjs"),l=(n,o,p)=>({id:p||`${Date.now()}-${Math.random().toString(36).substring(2,11)}`,timestamp:new Date,message:n,level:o}),B=(n,o)=>l(n,"debug",o),P=(n,o)=>l(n,"info",o),F=(n,o)=>l(n,"warning",o),V=(n,o)=>l(n,"error",o),b=$.externalizeComponent(R.observer(n=>{var x;const{messages:o=[],onClear:p,height:y=400,sx:v}=n,e=W.useTheme(),d=i.useRef(null);i.useEffect(()=>{if(o.length===0)return;const r=d.current;if(!r)return;const s=setTimeout(()=>{r.scrollTop=r.scrollHeight},10);return()=>clearTimeout(s)},[o.length]);const C=r=>r.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"}),w=r=>{switch(r){case"error":return e.palette.error.main;case"warning":return e.palette.warning.main;case"info":return e.palette.info.main;case"debug":return e.palette.text.disabled;default:return e.palette.text.secondary}},S=({message:r})=>{const[s,j]=i.useState(!1),[k,g]=i.useState(!1),[u,h]=i.useState(!1),f=r.message.length>150,M=async()=>{try{await navigator.clipboard.writeText(r.message),g(!0),setTimeout(()=>g(!1),2e3)}catch(T){console.error("Failed to copy message:",T)}},q=f&&!s?`${r.message.substring(0,150)}...`:r.message;return t.jsx(a,{onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),sx:{display:"flex",gap:1,fontFamily:"monospace",flexDirection:"column","&:hover":{backgroundColor:e.palette.action.hover},borderRadius:"4px",padding:"2px 4px",margin:"-2px -4px"},children:t.jsxs(a,{sx:{display:"flex",gap:1},children:[t.jsxs(c,{component:"span",sx:{fontWeight:400,fontSize:"12px",lineHeight:"18px",letterSpacing:"0.4px",color:e.palette.text.disabled,whiteSpace:"nowrap",flexShrink:0},children:["[",C(r.timestamp),"]"]}),t.jsx(c,{component:"span",sx:{fontWeight:400,fontSize:"12px",lineHeight:"18px",letterSpacing:"0.4px",color:w(r.level),wordBreak:"break-word",overflowWrap:"anywhere",hyphens:"auto",flex:1,whiteSpace:"pre-wrap"},children:q}),t.jsxs(a,{sx:{display:"flex",alignItems:"flex-start",gap:.5,opacity:u?1:0,transition:"opacity 0.2s ease-in-out",visibility:u?"visible":"hidden"},children:[t.jsx(m,{size:"small",onClick:M,sx:{padding:"2px",color:e.palette.text.secondary,"&:hover":{backgroundColor:e.palette.action.hover}},title:k?"Copied!":"Copy message",children:t.jsx(z,{sx:{fontSize:12}})}),f&&t.jsx(m,{size:"small",onClick:()=>j(!s),sx:{padding:"2px",color:e.palette.text.secondary,"&:hover":{backgroundColor:e.palette.action.hover}},title:s?"Collapse":"Expand",children:s?t.jsx(L,{sx:{fontSize:12}}):t.jsx(E,{sx:{fontSize:12}})})]})]})},r.id)};return t.jsxs(H,{sx:{backgroundColor:((x=e.palette.backgroundPaperElevation)==null?void 0:x[2])||"#171927",backgroundImage:"none",height:y,display:"flex",flexDirection:"column",overflow:"hidden",...v},children:[t.jsxs(a,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 16px"},children:[t.jsxs(a,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(I,{sx:{fontSize:16,color:e.palette.action.active,opacity:.56}}),t.jsx(c,{sx:{fontWeight:500,fontSize:"14px",lineHeight:"143%",letterSpacing:"0.17px",color:e.palette.text.primary},children:"Log"})]}),t.jsx(D,{onClick:p,variant:"text",sx:{fontWeight:500,fontSize:"13px",lineHeight:"22px",letterSpacing:"0.46px",color:e.palette.primary.main,textTransform:"none",minWidth:"auto",padding:"4px 8px","&:hover":{backgroundColor:`${e.palette.primary.main}14`}},children:"Clear"})]}),t.jsx(a,{ref:d,sx:{flex:1,overflow:"auto",padding:"8px 16px",display:"flex",flexDirection:"column",gap:"2px",scrollbarWidth:"thin",scrollbarColor:`${e.palette.divider} transparent`,"&::-webkit-scrollbar":{width:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:e.palette.divider,borderRadius:"3px","&:hover":{backgroundColor:e.palette.divider}}},children:o.length===0?t.jsx(c,{sx:{color:e.palette.text.disabled,fontSize:"12px",fontStyle:"italic",textAlign:"center",marginTop:2},children:"No log messages"}):o.map(r=>t.jsx(S,{message:r},r.id))})]})}));exports.LogViewer=b;exports.createDebugMessage=B;exports.createErrorMessage=V;exports.createInfoMessage=P;exports.createLogMessage=l;exports.createWarningMessage=F;exports.default=b;

package/dist/components/LogViewer.d.ts

@@ -44,4 +44,3 @@ export declare const LogViewer: ((props: LogViewerProps) => import("react/jsx-ru
     displayName: string;
 };
 export default LogViewer;
-//# sourceMappingURL=LogViewer.d.ts.map

package/dist/components/LogViewer.js

@@ -11,7 +11,7 @@ import B from "@mui/material/Paper";
 import s from "@mui/material/Typography";
 import { observer as R } from "mobx-react-lite";
 import { useRef as j, useEffect as F, useState as d } from "react";
-import { externalizeComponent as P } from "../externalizeComponent.js";
+import { e as P } from "../chunks/externalizeComponent-eiCc5DIh.js";
 const p = (n, o, c) => ({
   id: c || `${Date.now()}-${Math.random().toString(36).substring(2, 11)}`,
   timestamp: /* @__PURE__ */ new Date(),
@@ -296,4 +296,3 @@ export {
   oe as createWarningMessage,
   ne as default
 };
-//# sourceMappingURL=LogViewer.js.map

package/dist/components/ProgramControl.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("@mui/icons-material/Pause"),c=require("@mui/icons-material/PlayArrow"),t=require("@mui/icons-material/Stop"),I=require("@mui/material/styles"),s=require("@mui/material/Box"),P=require("@mui/material/Button"),f=require("@mui/material/Typography"),k=require("mobx-react-lite"),R=require("react-i18next"),T=require("../externalizeComponent.cjs");var d=(n=>(n.IDLE="idle",n.PREPARING="preparing",n.STARTING="starting",n.RUNNING="running",n.PAUSING="pausing",n.PAUSED="paused",n.STOPPING="stopping",n.COMPLETED="completed",n.FAILED="failed",n.STOPPED="stopped",n.ERROR="error",n))(d||{});const a=T.externalizeComponent(k.observer(({state:n,onRun:g,onPause:x,onStop:b,onReset:E,requiresManualReset:i=!1,variant:u="with_pause",className:C})=>{const p=I.useTheme(),{t:l}=R.useTranslation(),h=()=>{const r={run:{enabled:n==="idle"||n==="stopped"||n==="paused"||n==="completed"||n==="failed"||n==="error",label:l(n==="paused"?"ProgramControl.Resume.bt":n==="error"||n==="failed"?"ProgramControl.Retry.bt":"ProgramControl.Start.bt"),color:p.palette.success.main,onClick:g},pause:{enabled:n==="running",label:l("ProgramControl.Pause.bt"),color:"#FFFFFF33",onClick:x||(()=>{})},stop:{enabled:n==="preparing"||n==="starting"||n==="running"||n==="pausing"||n==="paused",label:l("ProgramControl.Stop.bt"),color:p.palette.error.main,onClick:b}};return u==="without_pause"?[r.run,r.stop]:[r.run,r.pause,r.stop]},m=r=>{const o={sx:{fontSize:"55px"}};if(u==="without_pause")return r===0?e.jsx(c,{...o}):e.jsx(t,{...o});switch(r){case 0:return e.jsx(c,{...o});case 1:return e.jsx(j,{...o});case 2:return e.jsx(t,{...o});default:return null}},y=h();return e.jsx(s,{className:C,sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:e.jsx(s,{sx:{display:"flex",gap:"40px",flexWrap:"wrap",justifyContent:"center",alignItems:"center"},children:y.map((r,o)=>e.jsxs(s,{sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[e.jsx(P,{variant:"contained",disabled:!r.enabled||n==="preparing"||n==="starting"||n==="pausing"||n==="stopping"&&!i,onClick:r.onClick,sx:{width:"88px",height:"88px",borderRadius:"88px",backgroundColor:r.color,opacity:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?1:.3,"&:hover":{backgroundColor:r.color,opacity:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?.8:.3},"&:disabled":{backgroundColor:r.color,opacity:.3},minWidth:"88px",flexShrink:0},children:m(o)}),e.jsx(f,{variant:"body1",sx:{color:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?r.color:p.palette.text.disabled,textAlign:"center",opacity:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?1:.3},children:r.label})]},r.label))})})}));exports.ProgramControl=a;exports.ProgramState=d;exports.default=a;
-//# sourceMappingURL=ProgramControl.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("@mui/icons-material/Pause"),c=require("@mui/icons-material/PlayArrow"),t=require("@mui/icons-material/Stop"),I=require("@mui/material/styles"),s=require("@mui/material/Box"),P=require("@mui/material/Button"),f=require("@mui/material/Typography"),k=require("mobx-react-lite"),R=require("react-i18next"),T=require("../chunks/externalizeComponent-DOwkaDcw.cjs");var d=(n=>(n.IDLE="idle",n.PREPARING="preparing",n.STARTING="starting",n.RUNNING="running",n.PAUSING="pausing",n.PAUSED="paused",n.STOPPING="stopping",n.COMPLETED="completed",n.FAILED="failed",n.STOPPED="stopped",n.ERROR="error",n))(d||{});const a=T.externalizeComponent(k.observer(({state:n,onRun:g,onPause:x,onStop:b,onReset:E,requiresManualReset:i=!1,variant:u="with_pause",className:C})=>{const p=I.useTheme(),{t:l}=R.useTranslation(),h=()=>{const r={run:{enabled:n==="idle"||n==="stopped"||n==="paused"||n==="completed"||n==="failed"||n==="error",label:l(n==="paused"?"ProgramControl.Resume.bt":n==="error"||n==="failed"?"ProgramControl.Retry.bt":"ProgramControl.Start.bt"),color:p.palette.success.main,onClick:g},pause:{enabled:n==="running",label:l("ProgramControl.Pause.bt"),color:"#FFFFFF33",onClick:x||(()=>{})},stop:{enabled:n==="preparing"||n==="starting"||n==="running"||n==="pausing"||n==="paused",label:l("ProgramControl.Stop.bt"),color:p.palette.error.main,onClick:b}};return u==="without_pause"?[r.run,r.stop]:[r.run,r.pause,r.stop]},m=r=>{const o={sx:{fontSize:"55px"}};if(u==="without_pause")return r===0?e.jsx(c,{...o}):e.jsx(t,{...o});switch(r){case 0:return e.jsx(c,{...o});case 1:return e.jsx(j,{...o});case 2:return e.jsx(t,{...o});default:return null}},y=h();return e.jsx(s,{className:C,sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:e.jsx(s,{sx:{display:"flex",gap:"40px",flexWrap:"wrap",justifyContent:"center",alignItems:"center"},children:y.map((r,o)=>e.jsxs(s,{sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[e.jsx(P,{variant:"contained",disabled:!r.enabled||n==="preparing"||n==="starting"||n==="pausing"||n==="stopping"&&!i,onClick:r.onClick,sx:{width:"88px",height:"88px",borderRadius:"88px",backgroundColor:r.color,opacity:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?1:.3,"&:hover":{backgroundColor:r.color,opacity:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?.8:.3},"&:disabled":{backgroundColor:r.color,opacity:.3},minWidth:"88px",flexShrink:0},children:m(o)}),e.jsx(f,{variant:"body1",sx:{color:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?r.color:p.palette.text.disabled,textAlign:"center",opacity:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?1:.3},children:r.label})]},r.label))})})}));exports.ProgramControl=a;exports.ProgramState=d;exports.default=a;

package/dist/components/ProgramControl.d.ts

@@ -53,4 +53,3 @@ export declare const ProgramControl: (({ state, onRun, onPause, onStop, onReset,
     displayName: string;
 };
 export default ProgramControl;
-//# sourceMappingURL=ProgramControl.d.ts.map

package/dist/components/ProgramControl.js

@@ -1,14 +1,14 @@
 import { jsx as n, jsxs as C } from "react/jsx-runtime";
 import h from "@mui/icons-material/Pause";
-import c from "@mui/icons-material/PlayArrow";
-import s from "@mui/icons-material/Stop";
+import s from "@mui/icons-material/PlayArrow";
+import c from "@mui/icons-material/Stop";
 import { useTheme as y } from "@mui/material/styles";
 import d from "@mui/material/Box";
 import I from "@mui/material/Button";
 import k from "@mui/material/Typography";
 import { observer as P } from "mobx-react-lite";
 import { useTranslation as E } from "react-i18next";
-import { externalizeComponent as T } from "../externalizeComponent.js";
+import { e as T } from "../chunks/externalizeComponent-eiCc5DIh.js";
 var w = /* @__PURE__ */ ((r) => (r.IDLE = "idle", r.PREPARING = "preparing", r.STARTING = "starting", r.RUNNING = "running", r.PAUSING = "pausing", r.PAUSED = "paused", r.STOPPING = "stopping", r.COMPLETED = "completed", r.FAILED = "failed", r.STOPPED = "stopped", r.ERROR = "error", r))(w || {});
 const _ = T(
   P(
@@ -48,14 +48,14 @@ const _ = T(
       }, x = (o) => {
         const p = { sx: { fontSize: "55px" } };
         if (u === "without_pause")
-          return o === 0 ? /* @__PURE__ */ n(c, { ...p }) : /* @__PURE__ */ n(s, { ...p });
+          return o === 0 ? /* @__PURE__ */ n(s, { ...p }) : /* @__PURE__ */ n(c, { ...p });
         switch (o) {
           case 0:
-            return /* @__PURE__ */ n(c, { ...p });
+            return /* @__PURE__ */ n(s, { ...p });
           case 1:
             return /* @__PURE__ */ n(h, { ...p });
           case 2:
-            return /* @__PURE__ */ n(s, { ...p });
+            return /* @__PURE__ */ n(c, { ...p });
           default:
             return null;
         }
@@ -144,4 +144,3 @@ export {
   w as ProgramState,
   _ as default
 };
-//# sourceMappingURL=ProgramControl.js.map

package/dist/components/ProgramStateIndicator.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),g=require("@mui/material/styles"),A=require("@mui/material/Chip"),u=require("@mui/material/Typography"),_=require("mobx-react-lite"),m=require("react-i18next"),b=require("../externalizeComponent.cjs"),a=require("./ProgramControl.cjs"),l=b.externalizeComponent(_.observer(({programState:T,safetyState:e,operationMode:i,className:c})=>{const t=g.useTheme(),{t:r}=m.useTranslation(),S=()=>{if(e==="SAFETY_STATE_DEVICE_EMERGENCY_STOP"||e==="SAFETY_STATE_ROBOT_EMERGENCY_STOP"||e==="SAFETY_STATE_STOP_0"||e==="SAFETY_STATE_STOP_1"||e==="SAFETY_STATE_STOP_2"||e==="SAFETY_STATE_PROTECTIVE_STOP"||e==="SAFETY_STATE_STOP"||e==="SAFETY_STATE_REDUCED"||e==="SAFETY_STATE_MASTERING"||e==="SAFETY_STATE_CONFIRM_SAFETY"||e==="SAFETY_STATE_OPERATOR_SAFETY"||e==="SAFETY_STATE_RECOVERY"||e==="SAFETY_STATE_VIOLATION")return{label:r("ProgramStateIndicator.EStop.lb"),color:t.palette.error.main};if(e==="SAFETY_STATE_UNKNOWN"||e==="SAFETY_STATE_FAULT")return{label:r("ProgramStateIndicator.Error.lb"),color:t.palette.error.main};if(e==="SAFETY_STATE_NORMAL")switch(T){case a.ProgramState.PREPARING:return{label:r("ProgramStateIndicator.Preparing.lb"),color:t.palette.warning.main};case a.ProgramState.STARTING:return{label:r("ProgramStateIndicator.Starting.lb"),color:t.palette.warning.main};case a.ProgramState.RUNNING:return{label:r("ProgramStateIndicator.Running.lb"),color:t.palette.success.main};case a.ProgramState.PAUSING:return{label:r("ProgramStateIndicator.Pausing.lb"),color:t.palette.warning.main};case a.ProgramState.PAUSED:return{label:r("ProgramStateIndicator.Paused.lb"),color:t.palette.grey[600]};case a.ProgramState.STOPPING:return{label:r("ProgramStateIndicator.Stopping.lb"),color:t.palette.warning.main};case a.ProgramState.COMPLETED:return{label:r("ProgramStateIndicator.Completed.lb"),color:t.palette.success.main};case a.ProgramState.FAILED:return{label:r("ProgramStateIndicator.Failed.lb"),color:t.palette.error.main};case a.ProgramState.STOPPED:return{label:r("ProgramStateIndicator.Stopped.lb"),color:t.palette.warning.main};case a.ProgramState.ERROR:return{label:r("ProgramStateIndicator.Error.lb"),color:t.palette.error.main};default:return{label:r("ProgramStateIndicator.Ready.lb"),color:t.palette.success.main}}return{label:r("ProgramStateIndicator.Idle.lb"),color:t.palette.grey[600]}},{label:E,color:o}=S(),P=`${E} / ${(()=>{switch(i){case"OPERATION_MODE_AUTO":return r("ProgramStateIndicator.Auto.lb");case"OPERATION_MODE_MANUAL":return r("ProgramStateIndicator.Manual.lb");case"OPERATION_MODE_MANUAL_T1":return r("ProgramStateIndicator.ManualT1.lb");case"OPERATION_MODE_MANUAL_T2":return r("ProgramStateIndicator.ManualT2.lb");default:return r("ProgramStateIndicator.Auto.lb")}})()}`;return n.jsx(A,{className:c,label:n.jsx(u,{variant:"body2",sx:{fontSize:"0.75rem",lineHeight:1.2},children:P}),variant:"filled",sx:{backgroundColor:o,color:t.palette.getContrastText(o),fontWeight:500,height:"auto","& .MuiChip-label":{paddingX:1.5,paddingY:.5}}})}));exports.ProgramStateIndicator=l;exports.default=l;
-//# sourceMappingURL=ProgramStateIndicator.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),g=require("@mui/material/styles"),A=require("@mui/material/Chip"),u=require("@mui/material/Typography"),_=require("mobx-react-lite"),m=require("react-i18next"),s=require("../chunks/externalizeComponent-DOwkaDcw.cjs"),a=require("./ProgramControl.cjs"),l=s.externalizeComponent(_.observer(({programState:T,safetyState:e,operationMode:i,className:c})=>{const t=g.useTheme(),{t:r}=m.useTranslation(),S=()=>{if(e==="SAFETY_STATE_DEVICE_EMERGENCY_STOP"||e==="SAFETY_STATE_ROBOT_EMERGENCY_STOP"||e==="SAFETY_STATE_STOP_0"||e==="SAFETY_STATE_STOP_1"||e==="SAFETY_STATE_STOP_2"||e==="SAFETY_STATE_PROTECTIVE_STOP"||e==="SAFETY_STATE_STOP"||e==="SAFETY_STATE_REDUCED"||e==="SAFETY_STATE_MASTERING"||e==="SAFETY_STATE_CONFIRM_SAFETY"||e==="SAFETY_STATE_OPERATOR_SAFETY"||e==="SAFETY_STATE_RECOVERY"||e==="SAFETY_STATE_VIOLATION")return{label:r("ProgramStateIndicator.EStop.lb"),color:t.palette.error.main};if(e==="SAFETY_STATE_UNKNOWN"||e==="SAFETY_STATE_FAULT")return{label:r("ProgramStateIndicator.Error.lb"),color:t.palette.error.main};if(e==="SAFETY_STATE_NORMAL")switch(T){case a.ProgramState.PREPARING:return{label:r("ProgramStateIndicator.Preparing.lb"),color:t.palette.warning.main};case a.ProgramState.STARTING:return{label:r("ProgramStateIndicator.Starting.lb"),color:t.palette.warning.main};case a.ProgramState.RUNNING:return{label:r("ProgramStateIndicator.Running.lb"),color:t.palette.success.main};case a.ProgramState.PAUSING:return{label:r("ProgramStateIndicator.Pausing.lb"),color:t.palette.warning.main};case a.ProgramState.PAUSED:return{label:r("ProgramStateIndicator.Paused.lb"),color:t.palette.grey[600]};case a.ProgramState.STOPPING:return{label:r("ProgramStateIndicator.Stopping.lb"),color:t.palette.warning.main};case a.ProgramState.COMPLETED:return{label:r("ProgramStateIndicator.Completed.lb"),color:t.palette.success.main};case a.ProgramState.FAILED:return{label:r("ProgramStateIndicator.Failed.lb"),color:t.palette.error.main};case a.ProgramState.STOPPED:return{label:r("ProgramStateIndicator.Stopped.lb"),color:t.palette.warning.main};case a.ProgramState.ERROR:return{label:r("ProgramStateIndicator.Error.lb"),color:t.palette.error.main};default:return{label:r("ProgramStateIndicator.Ready.lb"),color:t.palette.success.main}}return{label:r("ProgramStateIndicator.Idle.lb"),color:t.palette.grey[600]}},{label:E,color:o}=S(),P=`${E} / ${(()=>{switch(i){case"OPERATION_MODE_AUTO":return r("ProgramStateIndicator.Auto.lb");case"OPERATION_MODE_MANUAL":return r("ProgramStateIndicator.Manual.lb");case"OPERATION_MODE_MANUAL_T1":return r("ProgramStateIndicator.ManualT1.lb");case"OPERATION_MODE_MANUAL_T2":return r("ProgramStateIndicator.ManualT2.lb");default:return r("ProgramStateIndicator.Auto.lb")}})()}`;return n.jsx(A,{className:c,label:n.jsx(u,{variant:"body2",sx:{fontSize:"0.75rem",lineHeight:1.2},children:P}),variant:"filled",sx:{backgroundColor:o,color:t.palette.getContrastText(o),fontWeight:500,height:"auto","& .MuiChip-label":{paddingX:1.5,paddingY:.5}}})}));exports.ProgramStateIndicator=l;exports.default=l;

package/dist/components/ProgramStateIndicator.d.ts

@@ -24,4 +24,3 @@ export declare const ProgramStateIndicator: (({ programState, safetyState, opera
     displayName: string;
 };
 export default ProgramStateIndicator;
-//# sourceMappingURL=ProgramStateIndicator.d.ts.map

package/dist/components/ProgramStateIndicator.js

@@ -4,8 +4,8 @@ import m from "@mui/material/Chip";
 import _ from "@mui/material/Typography";
 import { observer as P } from "mobx-react-lite";
 import { useTranslation as g } from "react-i18next";
-import { externalizeComponent as b } from "../externalizeComponent.js";
-import { ProgramState as e } from "./ProgramControl.js";
+import { e as b } from "../chunks/externalizeComponent-eiCc5DIh.js";
+import { ProgramState as o } from "./ProgramControl.js";
 const Y = b(
   P(
     ({
@@ -14,78 +14,78 @@ const Y = b(
       operationMode: T,
       className: i
     }) => {
-      const o = A(), { t: r } = g(), E = () => {
+      const e = A(), { t: r } = g(), E = () => {
         if (a === "SAFETY_STATE_DEVICE_EMERGENCY_STOP" || a === "SAFETY_STATE_ROBOT_EMERGENCY_STOP" || a === "SAFETY_STATE_STOP_0" || a === "SAFETY_STATE_STOP_1" || a === "SAFETY_STATE_STOP_2" || a === "SAFETY_STATE_PROTECTIVE_STOP" || a === "SAFETY_STATE_STOP" || a === "SAFETY_STATE_REDUCED" || a === "SAFETY_STATE_MASTERING" || a === "SAFETY_STATE_CONFIRM_SAFETY" || a === "SAFETY_STATE_OPERATOR_SAFETY" || a === "SAFETY_STATE_RECOVERY" || a === "SAFETY_STATE_VIOLATION")
           return {
             label: r("ProgramStateIndicator.EStop.lb"),
-            color: o.palette.error.main
+            color: e.palette.error.main
           };
         if (a === "SAFETY_STATE_UNKNOWN" || a === "SAFETY_STATE_FAULT")
           return {
             label: r("ProgramStateIndicator.Error.lb"),
-            color: o.palette.error.main
+            color: e.palette.error.main
           };
         if (a === "SAFETY_STATE_NORMAL")
           switch (n) {
-            case e.PREPARING:
+            case o.PREPARING:
               return {
                 label: r("ProgramStateIndicator.Preparing.lb"),
-                color: o.palette.warning.main
+                color: e.palette.warning.main
               };
-            case e.STARTING:
+            case o.STARTING:
               return {
                 label: r("ProgramStateIndicator.Starting.lb"),
-                color: o.palette.warning.main
+                color: e.palette.warning.main
               };
-            case e.RUNNING:
+            case o.RUNNING:
               return {
                 label: r("ProgramStateIndicator.Running.lb"),
-                color: o.palette.success.main
+                color: e.palette.success.main
               };
-            case e.PAUSING:
+            case o.PAUSING:
               return {
                 label: r("ProgramStateIndicator.Pausing.lb"),
-                color: o.palette.warning.main
+                color: e.palette.warning.main
               };
-            case e.PAUSED:
+            case o.PAUSED:
               return {
                 label: r("ProgramStateIndicator.Paused.lb"),
-                color: o.palette.grey[600]
+                color: e.palette.grey[600]
               };
-            case e.STOPPING:
+            case o.STOPPING:
               return {
                 label: r("ProgramStateIndicator.Stopping.lb"),
-                color: o.palette.warning.main
+                color: e.palette.warning.main
               };
-            case e.COMPLETED:
+            case o.COMPLETED:
               return {
                 label: r("ProgramStateIndicator.Completed.lb"),
-                color: o.palette.success.main
+                color: e.palette.success.main
               };
-            case e.FAILED:
+            case o.FAILED:
               return {
                 label: r("ProgramStateIndicator.Failed.lb"),
-                color: o.palette.error.main
+                color: e.palette.error.main
               };
-            case e.STOPPED:
+            case o.STOPPED:
               return {
                 label: r("ProgramStateIndicator.Stopped.lb"),
-                color: o.palette.warning.main
+                color: e.palette.warning.main
               };
-            case e.ERROR:
+            case o.ERROR:
               return {
                 label: r("ProgramStateIndicator.Error.lb"),
-                color: o.palette.error.main
+                color: e.palette.error.main
               };
             default:
               return {
                 label: r("ProgramStateIndicator.Ready.lb"),
-                color: o.palette.success.main
+                color: e.palette.success.main
               };
           }
         return {
           label: r("ProgramStateIndicator.Idle.lb"),
-          color: o.palette.grey[600]
+          color: e.palette.grey[600]
         };
       }, { label: c, color: t } = E(), S = `${c} / ${(() => {
         switch (T) {
@@ -120,7 +120,7 @@ const Y = b(
           variant: "filled",
           sx: {
             backgroundColor: t,
-            color: o.palette.getContrastText(t),
+            color: e.palette.getContrastText(t),
             fontWeight: 500,
             height: "auto",
             "& .MuiChip-label": {
@@ -137,4 +137,3 @@ export {
   Y as ProgramStateIndicator,
   Y as default
 };
-//# sourceMappingURL=ProgramStateIndicator.js.map

package/dist/components/RobotCard.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),$=require("@mui/material/styles"),s=require("@mui/material/Box"),I=require("@mui/material/Button"),J=require("@mui/material/Card"),T=require("@mui/material/Divider"),L=require("@mui/material/Typography"),B=require("@react-three/drei"),F=require("@react-three/fiber"),K=require("mobx-react-lite"),t=require("react"),Q=require("react-i18next"),V=require("../externalizeComponent.cjs"),A=require("./3d-viewport/PresetEnvironment.cjs"),O=require("./ProgramStateIndicator.cjs"),X=require("./robots/Robot.cjs"),U=V.externalizeComponent(K.observer(({robotName:b,programState:g,safetyState:j,operationMode:v,driveToHomeEnabled:i=!1,onDriveToHomePress:f,onDriveToHomeRelease:n,connectedMotionGroup:y,robotComponent:R=X.Robot,customContentComponent:o,className:E})=>{var D;const a=$.useTheme(),{t:w}=Q.useTranslation(),[q,p]=t.useState(!1),M=t.useRef(null),d=t.useRef(null),[l,H]=t.useState(!1),[c,W]=t.useState({width:400,height:600}),[Y,_]=t.useState(0);t.useEffect(()=>{const m=()=>{if(d.current){const{offsetWidth:C,offsetHeight:P}=d.current;H(C>P),W({width:C,height:P})}};m();const z=new ResizeObserver(m);return d.current&&z.observe(d.current),()=>{z.disconnect()}},[]);const k=t.useCallback(()=>{_(m=>m+1)},[]),u=t.useCallback(()=>{!i||!f||(p(!0),f())},[i,f]),x=t.useCallback(()=>{!i||!n||(p(!1),n())},[i,n]),S=t.useCallback(()=>{q&&n&&(p(!1),n())},[q,n]),r=l?c.width<350:c.height<200,h=l?c.height<310:c.height<450;return e.jsx(J,{ref:d,className:E,sx:{width:"100%",height:"100%",display:"flex",flexDirection:l?"row":"column",position:"relative",overflow:"hidden",minWidth:{xs:180,sm:220,md:250},minHeight:l?{xs:200,sm:240,md:260}:{xs:150,sm:180,md:220},border:`1px solid ${a.palette.divider}`,borderRadius:"18px",boxShadow:"none",backgroundColor:((D=a.palette.backgroundPaperElevation)==null?void 0:D[8])||"#2A2A3F",backgroundImage:"none"},children:l?e.jsxs(e.Fragment,{children:[e.jsx(s,{sx:{flex:"0 0 50%",position:"relative",height:"100%",minHeight:"100%",maxHeight:"100%",borderRadius:1,m:{xs:1.5,sm:2,md:3},mr:{xs:.75,sm:1,md:1.5},overflow:"hidden",display:r?"none":"block"},children:!r&&e.jsxs(F.Canvas,{orthographic:!0,camera:{position:[3,2,3],zoom:1},shadows:!0,frameloop:"demand",style:{borderRadius:a.shape.borderRadius,width:"100%",height:"100%",background:"transparent",position:"absolute",top:0,left:0},dpr:[1,2],gl:{alpha:!0,antialias:!0},children:[e.jsx(A.PresetEnvironment,{}),e.jsx(B.Bounds,{fit:!0,observe:!0,margin:1,maxDuration:1,children:e.jsx(R,{connectedMotionGroup:y,postModelRender:k})})]})}),e.jsxs(s,{sx:{flex:"1",display:"flex",flexDirection:"column",justifyContent:"flex-start",width:r?"100%":"50%"},children:[e.jsxs(s,{sx:{p:{xs:1.5,sm:2,md:3},pb:{xs:1,sm:1.5,md:2},textAlign:"left"},children:[e.jsx(L,{variant:"h6",component:"h2",sx:{mb:1},children:b}),e.jsx(O.ProgramStateIndicator,{programState:g,safetyState:j,operationMode:v})]}),e.jsxs(s,{sx:{p:{xs:1.5,sm:2,md:3},pt:0,flex:"1",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[!h&&o&&e.jsxs(s,{children:[e.jsx(o,{}),e.jsx(T,{sx:{mt:1,mb:0,borderColor:a.palette.divider,opacity:.5}})]}),e.jsx(s,{sx:{mt:!h&&o?"auto":0},children:e.jsx(s,{sx:{display:"flex",justifyContent:"flex-start",mt:{xs:1,sm:1.5,md:2},mb:{xs:.5,sm:.75,md:1}},children:e.jsx(I,{ref:M,variant:"contained",color:"secondary",size:"small",disabled:!i,onMouseDown:u,onMouseUp:x,onMouseLeave:S,onTouchStart:u,onTouchEnd:x,sx:{textTransform:"none",px:1.5,py:.5},children:w("RobotCard.DriveToHome.bt")})})})]})]})]}):e.jsx(e.Fragment,{children:e.jsxs(s,{sx:{p:3,height:"100%",display:"flex",flexDirection:"column"},children:[e.jsxs(s,{children:[e.jsx(L,{variant:"h6",component:"h2",sx:{mb:1},children:b}),e.jsx(O.ProgramStateIndicator,{programState:g,safetyState:j,operationMode:v})]}),e.jsx(s,{sx:{flex:r?0:1,position:"relative",minHeight:r?0:{xs:120,sm:150,md:200},height:r?0:"auto",borderRadius:1,overflow:"hidden",display:r?"none":"block"},children:!r&&e.jsxs(F.Canvas,{orthographic:!0,camera:{position:[3,2,3],zoom:1},shadows:!0,frameloop:"demand",style:{borderRadius:a.shape.borderRadius,width:"100%",height:"100%",background:"transparent",position:"absolute"},dpr:[1,2],gl:{alpha:!0,antialias:!0},children:[e.jsx(A.PresetEnvironment,{}),e.jsx(B.Bounds,{fit:!0,clip:!0,observe:!0,margin:1,maxDuration:1,children:e.jsx(R,{connectedMotionGroup:y,postModelRender:k})})]})}),e.jsxs(s,{children:[!h&&o&&e.jsxs(e.Fragment,{children:[e.jsx(o,{}),e.jsx(T,{sx:{mt:1,mb:0,borderColor:a.palette.divider,opacity:.5}})]}),e.jsx(s,{sx:{display:"flex",justifyContent:"flex-start",mt:!h&&o?{xs:1,sm:2,md:5}:{xs:.5,sm:1,md:2},mb:{xs:.5,sm:.75,md:1}},children:e.jsx(I,{ref:M,variant:"contained",color:"secondary",size:"small",disabled:!i,onMouseDown:u,onMouseUp:x,onMouseLeave:S,onTouchStart:u,onTouchEnd:x,sx:{textTransform:"none",px:1.5,py:.5},children:w("RobotCard.DriveToHome.bt")})})]})]})})})}));exports.RobotCard=U;exports.default=U;
-//# sourceMappingURL=RobotCard.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),V=require("@mui/material/styles"),s=require("@mui/material/Box"),I=require("@mui/material/Button"),$=require("@mui/material/Card"),T=require("@mui/material/Divider"),_=require("@mui/material/Typography"),L=require("@react-three/drei"),B=require("@react-three/fiber"),J=require("mobx-react-lite"),t=require("react"),K=require("react-i18next"),Q=require("../chunks/externalizeComponent-DOwkaDcw.cjs"),F=require("./3d-viewport/PresetEnvironment.cjs"),A=require("./ProgramStateIndicator.cjs"),X=require("./robots/Robot.cjs"),O=Q.externalizeComponent(J.observer(({robotName:b,programState:g,safetyState:j,operationMode:v,driveToHomeEnabled:o=!1,onDriveToHomePress:p,onDriveToHomeRelease:n,connectedMotionGroup:y,robotComponent:R=X.Robot,customContentComponent:i,className:U})=>{var D;const a=V.useTheme(),{t:w}=K.useTranslation(),[q,f]=t.useState(!1),M=t.useRef(null),d=t.useRef(null),[l,E]=t.useState(!1),[c,H]=t.useState({width:400,height:600}),[Y,W]=t.useState(0);t.useEffect(()=>{const m=()=>{if(d.current){const{offsetWidth:C,offsetHeight:P}=d.current;E(C>P),H({width:C,height:P})}};m();const z=new ResizeObserver(m);return d.current&&z.observe(d.current),()=>{z.disconnect()}},[]);const k=t.useCallback(()=>{W(m=>m+1)},[]),u=t.useCallback(()=>{!o||!p||(f(!0),p())},[o,p]),x=t.useCallback(()=>{!o||!n||(f(!1),n())},[o,n]),S=t.useCallback(()=>{q&&n&&(f(!1),n())},[q,n]),r=l?c.width<350:c.height<200,h=l?c.height<310:c.height<450;return e.jsx($,{ref:d,className:U,sx:{width:"100%",height:"100%",display:"flex",flexDirection:l?"row":"column",position:"relative",overflow:"hidden",minWidth:{xs:180,sm:220,md:250},minHeight:l?{xs:200,sm:240,md:260}:{xs:150,sm:180,md:220},border:`1px solid ${a.palette.divider}`,borderRadius:"18px",boxShadow:"none",backgroundColor:((D=a.palette.backgroundPaperElevation)==null?void 0:D[8])||"#2A2A3F",backgroundImage:"none"},children:l?e.jsxs(e.Fragment,{children:[e.jsx(s,{sx:{flex:"0 0 50%",position:"relative",height:"100%",minHeight:"100%",maxHeight:"100%",borderRadius:1,m:{xs:1.5,sm:2,md:3},mr:{xs:.75,sm:1,md:1.5},overflow:"hidden",display:r?"none":"block"},children:!r&&e.jsxs(B.Canvas,{orthographic:!0,camera:{position:[3,2,3],zoom:1},shadows:!0,frameloop:"demand",style:{borderRadius:a.shape.borderRadius,width:"100%",height:"100%",background:"transparent",position:"absolute",top:0,left:0},dpr:[1,2],gl:{alpha:!0,antialias:!0},children:[e.jsx(F.PresetEnvironment,{}),e.jsx(L.Bounds,{fit:!0,observe:!0,margin:1,maxDuration:1,children:e.jsx(R,{connectedMotionGroup:y,postModelRender:k})})]})}),e.jsxs(s,{sx:{flex:"1",display:"flex",flexDirection:"column",justifyContent:"flex-start",width:r?"100%":"50%"},children:[e.jsxs(s,{sx:{p:{xs:1.5,sm:2,md:3},pb:{xs:1,sm:1.5,md:2},textAlign:"left"},children:[e.jsx(_,{variant:"h6",component:"h2",sx:{mb:1},children:b}),e.jsx(A.ProgramStateIndicator,{programState:g,safetyState:j,operationMode:v})]}),e.jsxs(s,{sx:{p:{xs:1.5,sm:2,md:3},pt:0,flex:"1",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[!h&&i&&e.jsxs(s,{children:[e.jsx(i,{}),e.jsx(T,{sx:{mt:1,mb:0,borderColor:a.palette.divider,opacity:.5}})]}),e.jsx(s,{sx:{mt:!h&&i?"auto":0},children:e.jsx(s,{sx:{display:"flex",justifyContent:"flex-start",mt:{xs:1,sm:1.5,md:2},mb:{xs:.5,sm:.75,md:1}},children:e.jsx(I,{ref:M,variant:"contained",color:"secondary",size:"small",disabled:!o,onMouseDown:u,onMouseUp:x,onMouseLeave:S,onTouchStart:u,onTouchEnd:x,sx:{textTransform:"none",px:1.5,py:.5},children:w("RobotCard.DriveToHome.bt")})})})]})]})]}):e.jsx(e.Fragment,{children:e.jsxs(s,{sx:{p:3,height:"100%",display:"flex",flexDirection:"column"},children:[e.jsxs(s,{children:[e.jsx(_,{variant:"h6",component:"h2",sx:{mb:1},children:b}),e.jsx(A.ProgramStateIndicator,{programState:g,safetyState:j,operationMode:v})]}),e.jsx(s,{sx:{flex:r?0:1,position:"relative",minHeight:r?0:{xs:120,sm:150,md:200},height:r?0:"auto",borderRadius:1,overflow:"hidden",display:r?"none":"block"},children:!r&&e.jsxs(B.Canvas,{orthographic:!0,camera:{position:[3,2,3],zoom:1},shadows:!0,frameloop:"demand",style:{borderRadius:a.shape.borderRadius,width:"100%",height:"100%",background:"transparent",position:"absolute"},dpr:[1,2],gl:{alpha:!0,antialias:!0},children:[e.jsx(F.PresetEnvironment,{}),e.jsx(L.Bounds,{fit:!0,clip:!0,observe:!0,margin:1,maxDuration:1,children:e.jsx(R,{connectedMotionGroup:y,postModelRender:k})})]})}),e.jsxs(s,{children:[!h&&i&&e.jsxs(e.Fragment,{children:[e.jsx(i,{}),e.jsx(T,{sx:{mt:1,mb:0,borderColor:a.palette.divider,opacity:.5}})]}),e.jsx(s,{sx:{display:"flex",justifyContent:"flex-start",mt:!h&&i?{xs:1,sm:2,md:5}:{xs:.5,sm:1,md:2},mb:{xs:.5,sm:.75,md:1}},children:e.jsx(I,{ref:M,variant:"contained",color:"secondary",size:"small",disabled:!o,onMouseDown:u,onMouseUp:x,onMouseLeave:S,onTouchStart:u,onTouchEnd:x,sx:{textTransform:"none",px:1.5,py:.5},children:w("RobotCard.DriveToHome.bt")})})]})]})})})}));exports.RobotCard=O;exports.default=O;

package/dist/components/RobotCard.d.ts

@@ -96,4 +96,3 @@ export declare const RobotCard: (({ robotName, programState, safetyState, operat
     displayName: string;
 };
 export default RobotCard;
-//# sourceMappingURL=RobotCard.d.ts.map

package/dist/components/RobotCard.js

@@ -10,7 +10,7 @@ import { Canvas as O } from "@react-three/fiber";
 import { observer as Y } from "mobx-react-lite";
 import { useState as p, useRef as W, useEffect as Z, useCallback as x } from "react";
 import { useTranslation as _ } from "react-i18next";
-import { externalizeComponent as G } from "../externalizeComponent.js";
+import { e as G } from "../chunks/externalizeComponent-eiCc5DIh.js";
 import { PresetEnvironment as $ } from "./3d-viewport/PresetEnvironment.js";
 import { ProgramStateIndicator as q } from "./ProgramStateIndicator.js";
 import { Robot as N } from "./robots/Robot.js";
@@ -357,4 +357,3 @@ export {
   be as RobotCard,
   be as default
 };
-//# sourceMappingURL=RobotCard.js.map

package/dist/components/RobotListItem.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("@mui/icons-material/Error"),b=require("@mui/material/styles"),r=require("@mui/material/Box"),m=require("@mui/material/Divider"),n=require("@mui/material/Typography"),f=require("mobx-react-lite"),g=require("../externalizeComponent.cjs"),a=require("./RobotSetupReadinessIndicator.cjs"),R=require("../icons/robot.svg.cjs"),l=g.externalizeComponent(f.observer(({robotName:c,robotType:d,setupState:o,PreconditionComponent:i=a.RobotSetupReadinessIndicator,className:p})=>{var s;const t=b.useTheme(),x=d||"Robot",u=o===a.RobotSetupReadinessState.READY;return e.jsxs(r,{className:p,sx:{border:`1px solid ${t.palette.divider}`,background:((s=t.palette.backgroundPaperElevation)==null?void 0:s[8])||"#292B3F",borderRadius:"8px",padding:"20px",display:"flex",alignItems:"center",justifyContent:"space-between",opacity:1},children:[e.jsxs(r,{sx:{display:"flex",alignItems:"center",gap:2,flex:1},children:[u?e.jsx(r,{sx:{fontSize:24,display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,"& svg":{fill:`${t.palette.primary.main} !important`},"& svg path":{fill:`${t.palette.primary.main} !important`}},children:e.jsx(R.default,{})}):e.jsx(y,{sx:{color:t.palette.error.main,fontSize:24}}),e.jsx(n,{variant:"body1",sx:{fontWeight:500,color:t.palette.text.primary},children:c}),e.jsx(m,{orientation:"vertical",flexItem:!0,sx:{backgroundColor:t.palette.text.secondary,opacity:.3,width:"1px"}}),e.jsx(n,{variant:"body2",sx:{color:t.palette.text.secondary},children:x})]}),i&&e.jsx(i,{setupState:o})]})}));exports.RobotListItem=l;exports.default=l;
-//# sourceMappingURL=RobotListItem.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("@mui/icons-material/Error"),y=require("@mui/material/styles"),r=require("@mui/material/Box"),b=require("@mui/material/Divider"),n=require("@mui/material/Typography"),R=require("mobx-react-lite"),f=require("../chunks/externalizeComponent-DOwkaDcw.cjs"),a=require("./RobotSetupReadinessIndicator.cjs"),g=require("../chunks/robot-CrNbCELh.cjs"),l=f.externalizeComponent(R.observer(({robotName:c,robotType:d,setupState:o,PreconditionComponent:i=a.RobotSetupReadinessIndicator,className:p})=>{var s;const t=y.useTheme(),x=d||"Robot",u=o===a.RobotSetupReadinessState.READY;return e.jsxs(r,{className:p,sx:{border:`1px solid ${t.palette.divider}`,background:((s=t.palette.backgroundPaperElevation)==null?void 0:s[8])||"#292B3F",borderRadius:"8px",padding:"20px",display:"flex",alignItems:"center",justifyContent:"space-between",opacity:1},children:[e.jsxs(r,{sx:{display:"flex",alignItems:"center",gap:2,flex:1},children:[u?e.jsx(r,{sx:{fontSize:24,display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,"& svg":{fill:`${t.palette.primary.main} !important`},"& svg path":{fill:`${t.palette.primary.main} !important`}},children:e.jsx(g.ForwardRef,{})}):e.jsx(m,{sx:{color:t.palette.error.main,fontSize:24}}),e.jsx(n,{variant:"body1",sx:{fontWeight:500,color:t.palette.text.primary},children:c}),e.jsx(b,{orientation:"vertical",flexItem:!0,sx:{backgroundColor:t.palette.text.secondary,opacity:.3,width:"1px"}}),e.jsx(n,{variant:"body2",sx:{color:t.palette.text.secondary},children:x})]}),i&&e.jsx(i,{setupState:o})]})}));exports.RobotListItem=l;exports.default=l;

package/dist/components/RobotListItem.d.ts

@@ -32,4 +32,3 @@ export declare const RobotListItem: (({ robotName, robotType, setupState, Precon
     displayName: string;
 };
 export default RobotListItem;
-//# sourceMappingURL=RobotListItem.d.ts.map