@wandelbots/wandelbots-js-react-components 2.33.0-pr.feature-robot-precondition-list.372.cb78a22 → 2.33.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "2.33.0-pr.feature-robot-precondition-list.372.cb78a22",
+  "version": "2.33.0",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,
@@ -139,7 +139,6 @@
   "dependencies": {
     "@monaco-editor/react": "^4.7.0",
     "@mui/x-charts": "^8.9.0",
-    "@mui/x-data-grid": "^8.10.1",
     "@shikijs/monaco": "^3.1.0",
     "i18next-browser-languagedetector": "^8.0.4",
     "lodash-es": "^4.17.21",

package/src/components/CycleTimer.tsx

@@ -301,56 +301,77 @@ export const CycleTimer = externalizeComponent(
             sx={{
               display: "flex",
               alignItems: "center",
-              m: 0,
-              gap: 1, // 8px gap between circle and text
+              gap: 0.125, // Minimal gap - 1px
             }}
           >
-            {/* Animated progress ring icon */}
+            {/* Animated progress gauge icon */}
             <Box
               sx={{
-                width: 20,
-                height: 20,
+                position: "relative",
+                width: 40,
+                height: 40,
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                opacity: isPausedState ? 0.6 : 1,
-                transition: "opacity 0.2s ease",
+                borderRadius: "50%",
+                overflow: "visible",
               }}
             >
-              <svg
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                style={{ transform: "rotate(-90deg)" }}
-                role="img"
-                aria-label="Timer progress"
-              >
-                {/* Background ring */}
-                <circle
-                  cx="10"
-                  cy="10"
-                  r="8"
-                  fill="none"
-                  stroke={theme.palette.success.main}
-                  strokeWidth="2"
-                  opacity={0.3}
-                />
-                {/* Progress ring */}
-                <circle
-                  cx="10"
-                  cy="10"
-                  r="8"
-                  fill="none"
-                  stroke={theme.palette.success.main}
-                  strokeWidth="2"
-                  strokeLinecap="round"
-                  strokeDasharray={`${2 * Math.PI * 8}`}
-                  strokeDashoffset={`${2 * Math.PI * 8 * (1 - progressValue / 100)}`}
-                  style={{
-                    transition: "stroke-dashoffset 0.1s ease-out",
-                  }}
-                />
-              </svg>
+              <Gauge
+                width={40}
+                height={40}
+                value={progressValue}
+                valueMin={0}
+                valueMax={100}
+                innerRadius="70%"
+                outerRadius="95%"
+                skipAnimation={true}
+                sx={{
+                  opacity: isPausedState ? 0.6 : 1,
+                  transition: "opacity 0.2s ease",
+                  [`& .MuiGauge-valueArc`]: {
+                    fill: theme.palette.success.main,
+                  },
+                  [`& .MuiGauge-referenceArc`]: {
+                    fill: theme.palette.success.main,
+                    opacity: 0.3,
+                  },
+                  [`& .MuiGauge-valueText`]: {
+                    display: "none",
+                  },
+                  [`& .MuiGauge-text`]: {
+                    display: "none",
+                  },
+                  [`& text`]: {
+                    display: "none",
+                  },
+                  // Hide any inner circle elements that might flash
+                  [`& .MuiGauge-referenceArcBackground`]: {
+                    display: "none",
+                  },
+                  [`& .MuiGauge-valueArcBackground`]: {
+                    display: "none",
+                  },
+                  [`& circle`]: {
+                    display: "none",
+                  },
+                }}
+              />
+
+              {/* Inner circle overlay to prevent flashing */}
+              <Box
+                sx={{
+                  position: "absolute",
+                  top: "50%",
+                  left: "50%",
+                  transform: "translate(-50%, -50%)",
+                  width: 13,
+                  height: 13,
+                  borderRadius: "50%",
+                  backgroundColor: theme.palette.background?.paper || "white",
+                  pointerEvents: "none",
+                }}
+              />
             </Box>
 
             {/* Timer text display */}
@@ -362,8 +383,8 @@ export const CycleTimer = externalizeComponent(
               }}
             >
               {compact
-                ? // Compact mode: show remaining time with "min." suffix
-                  `${formatTime(remainingTime)} ${t("CycleTimer.Time.lb", { time: "" }).replace(/\s*$/, "")}`
+                ? // Compact mode: show only remaining time
+                  formatTime(remainingTime)
                 : // Full mode: show "remaining / of total min." format
                   `${formatTime(remainingTime)} / ${t("CycleTimer.Time.lb", { time: formatTime(maxTime) })}`}
             </Typography>

package/src/components/ProgramControl.tsx

@@ -4,12 +4,7 @@ import { observer } from "mobx-react-lite"
 import { useTranslation } from "react-i18next"
 import { externalizeComponent } from "../externalizeComponent"
 
-export enum ProgramState {
-  IDLE = "idle",
-  RUNNING = "running",
-  PAUSED = "paused",
-  STOPPING = "stopping",
-}
+export type ProgramState = "idle" | "running" | "paused" | "stopping"
 
 export interface ProgramControlProps {
   /** The current state of the program control */
@@ -75,24 +70,22 @@ export const ProgramControl = externalizeComponent(
       const getButtonConfigs = (): ButtonConfig[] => {
         const baseConfigs: Record<string, ButtonConfig> = {
           run: {
-            enabled:
-              state === ProgramState.IDLE || state === ProgramState.PAUSED,
+            enabled: state === "idle" || state === "paused",
             label:
-              state === ProgramState.PAUSED
+              state === "paused"
                 ? t("ProgramControl.Resume.bt")
                 : t("ProgramControl.Start.bt"),
             color: theme.palette.success.main,
             onClick: onRun,
           },
           pause: {
-            enabled: state === ProgramState.RUNNING,
+            enabled: state === "running",
             label: t("ProgramControl.Pause.bt"),
             color: "#FFFFFF33",
             onClick: onPause || (() => {}),
           },
           stop: {
-            enabled:
-              state === ProgramState.RUNNING || state === ProgramState.PAUSED,
+            enabled: state === "running" || state === "paused",
             label: t("ProgramControl.Stop.bt"),
             color: theme.palette.error.main,
             onClick: onStop,
@@ -164,7 +157,7 @@ export const ProgramControl = externalizeComponent(
                   variant="contained"
                   disabled={
                     !config.enabled ||
-                    (state === ProgramState.STOPPING && !requiresManualReset)
+                    (state === "stopping" && !requiresManualReset)
                   }
                   onClick={config.onClick}
                   sx={{
@@ -174,17 +167,14 @@ export const ProgramControl = externalizeComponent(
                     backgroundColor: config.color,
                     opacity:
                       config.enabled &&
-                      !(state === ProgramState.STOPPING && !requiresManualReset)
+                      !(state === "stopping" && !requiresManualReset)
                         ? 1
                         : 0.3,
                     "&:hover": {
                       backgroundColor: config.color,
                       opacity:
                         config.enabled &&
-                        !(
-                          state === ProgramState.STOPPING &&
-                          !requiresManualReset
-                        )
+                        !(state === "stopping" && !requiresManualReset)
                           ? 0.8
                           : 0.3,
                     },
@@ -204,13 +194,13 @@ export const ProgramControl = externalizeComponent(
                   sx={{
                     color:
                       config.enabled &&
-                      !(state === ProgramState.STOPPING && !requiresManualReset)
+                      !(state === "stopping" && !requiresManualReset)
                         ? config.color
                         : theme.palette.text.disabled,
                     textAlign: "center",
                     opacity:
                       config.enabled &&
-                      !(state === ProgramState.STOPPING && !requiresManualReset)
+                      !(state === "stopping" && !requiresManualReset)
                         ? 1
                         : 0.3,
                   }}

package/src/components/ProgramStateIndicator.tsx

@@ -1,4 +1,4 @@
-import { Chip, Typography, useTheme } from "@mui/material"
+import { Chip, useTheme } from "@mui/material"
 import type {
   RobotControllerStateOperationModeEnum,
   RobotControllerStateSafetyStateEnum,
@@ -6,7 +6,7 @@ import type {
 import { observer } from "mobx-react-lite"
 import { useTranslation } from "react-i18next"
 import { externalizeComponent } from "../externalizeComponent"
-import { ProgramState } from "./ProgramControl"
+import type { ProgramState } from "./ProgramControl"
 
 export interface ProgramStateIndicatorProps {
   /** The current state of the program */
@@ -77,22 +77,22 @@ export const ProgramStateIndicator = externalizeComponent(
         // For normal safety states, check program state
         if (safetyState === "SAFETY_STATE_NORMAL") {
           switch (programState) {
-            case ProgramState.RUNNING:
+            case "running":
               return {
                 label: t("ProgramStateIndicator.Running.lb"),
                 color: theme.palette.success.main,
               }
-            case ProgramState.PAUSED:
+            case "paused":
               return {
                 label: t("ProgramStateIndicator.Paused.lb"),
                 color: theme.palette.grey[600],
               }
-            case ProgramState.STOPPING:
+            case "stopping":
               return {
                 label: t("ProgramStateIndicator.Stopped.lb"),
                 color: theme.palette.error.main,
               }
-            case ProgramState.IDLE:
+            case "idle":
             default:
               return {
                 label: t("ProgramStateIndicator.Ready.lb"),
@@ -131,26 +131,14 @@ export const ProgramStateIndicator = externalizeComponent(
       return (
         <Chip
           className={className}
-          label={
-            <Typography
-              variant="body2"
-              sx={{
-                fontSize: "0.75rem", // Smaller than body2
-                lineHeight: 1.2,
-              }}
-            >
-              {fullLabel}
-            </Typography>
-          }
+          label={fullLabel}
           variant="filled"
           sx={{
             backgroundColor: color,
             color: theme.palette.getContrastText(color),
             fontWeight: 500,
-            height: "auto",
             "& .MuiChip-label": {
-              paddingX: 1.5,
-              paddingY: 0.5,
+              paddingX: 2,
             },
           }}
         />

package/src/components/robots/Robot.tsx

@@ -1,16 +1,15 @@
-import type { ThreeElements } from "@react-three/fiber"
+import { type ThreeElements } from "@react-three/fiber"
 
 import type { ConnectedMotionGroup } from "@wandelbots/nova-js/v1"
 import type { Group } from "three"
-import { defaultGetModel } from "./robotModelLogic"
 import { SupportedRobot } from "./SupportedRobot"
+import { defaultGetModel } from "./robotModelLogic"
 
 export type RobotProps = {
   connectedMotionGroup: ConnectedMotionGroup
   getModel?: (modelFromController: string) => string
   flangeRef?: React.Ref<Group>
   transparentColor?: string
-  postModelRender?: () => void
 } & ThreeElements["group"]
 
 /**
@@ -29,7 +28,6 @@ export function Robot({
   getModel = defaultGetModel,
   flangeRef,
   transparentColor,
-  postModelRender,
   ...props
 }: RobotProps) {
   if (!connectedMotionGroup.dhParameters) {
@@ -46,7 +44,6 @@ export function Robot({
       getModel={getModel}
       flangeRef={flangeRef}
       transparentColor={transparentColor}
-      postModelRender={postModelRender}
       {...props}
     />
   )

package/src/i18n/locales/de/translations.json

@@ -61,10 +61,5 @@
   "ProgramStateIndicator.Auto.lb": "Auto",
   "ProgramStateIndicator.Manual.lb": "Manuell",
   "ProgramStateIndicator.ManualT1.lb": "Manuell T1",
-  "ProgramStateIndicator.ManualT2.lb": "Manuell T2",
-  "RobotSetupReadinessIndicator.Ready.lb": "Bereit",
-  "RobotSetupReadinessIndicator.RobotDisconnected.lb": "Roboter getrennt",
-  "RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb": "Voraussetzung nicht erfüllt",
-  "RobotCard.Runtime.lb": "Laufzeit",
-  "RobotCard.DriveToHome.bt": "Zur Home-Position fahren"
+  "ProgramStateIndicator.ManualT2.lb": "Manuell T2"
 }

package/src/i18n/locales/en/translations.json

@@ -62,10 +62,5 @@
   "ProgramStateIndicator.Auto.lb": "Auto",
   "ProgramStateIndicator.Manual.lb": "Manual",
   "ProgramStateIndicator.ManualT1.lb": "Manual T1",
-  "ProgramStateIndicator.ManualT2.lb": "Manual T2",
-  "RobotSetupReadinessIndicator.Ready.lb": "Ready",
-  "RobotSetupReadinessIndicator.RobotDisconnected.lb": "Robot disconnected",
-  "RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb": "Precondition not fulfilled",
-  "RobotCard.Runtime.lb": "Runtime",
-  "RobotCard.DriveToHome.bt": "Drive to Home"
+  "ProgramStateIndicator.ManualT2.lb": "Manual T2"
 }

package/src/index.ts

@@ -2,7 +2,6 @@ export * from "./components/3d-viewport/PresetEnvironment"
 export * from "./components/3d-viewport/SafetyZonesRenderer"
 export * from "./components/3d-viewport/TrajectoryRenderer"
 export * from "./components/CycleTimer"
-export * from "./components/DataGrid"
 export * from "./components/jogging/JoggingCartesianAxisControl"
 export * from "./components/jogging/JoggingJointRotationControl"
 export * from "./components/jogging/JoggingPanel"
@@ -10,19 +9,13 @@ export { JoggingStore } from "./components/jogging/JoggingStore"
 export * from "./components/jogging/PoseCartesianValues"
 export * from "./components/jogging/PoseJointValues"
 export * from "./components/LoadingCover"
-export * from "./components/LogPanel"
-export { LogStore } from "./components/LogStore"
-export * from "./components/LogViewer"
 export * from "./components/modal/NoMotionGroupModal"
 export * from "./components/ProgramControl"
 export * from "./components/ProgramStateIndicator"
-export * from "./components/RobotCard"
-export * from "./components/RobotListItem"
 export * from "./components/robots/AxisConfig"
 export * from "./components/robots/Robot"
 export { defaultGetModel } from "./components/robots/robotModelLogic"
 export * from "./components/robots/SupportedRobot"
-export * from "./components/RobotSetupReadinessIndicator"
 export * from "./components/safetyBar/SafetyBar"
 export * from "./components/SelectableFab"
 export * from "./components/utils/hooks"

package/dist/components/DataGrid.d.ts

@@ -1,61 +0,0 @@
-import { type DataGridProps, type GridColDef, type GridRowParams } from "@mui/x-data-grid";
-export interface WandelbotsDataGridProps<T = Record<string, unknown>> {
-    /**
-     * Array of data items to display in the grid
-     */
-    data: T[];
-    /**
-     * Column definitions for the DataGrid
-     */
-    columns: GridColDef[];
-    /**
-     * Function to transform data items into DataGrid rows
-     * Should return an object with an 'id' field and other fields matching column definitions
-     */
-    getRowData: (item: T) => Record<string, unknown> & {
-        id: string | number;
-    };
-    /**
-     * Callback when a row is clicked
-     */
-    onRowClick?: (item: T, params: GridRowParams) => void;
-    /**
-     * Currently selected item (for highlighting)
-     */
-    selectedItem?: T | null;
-    /**
-     * Function to get the ID of an item (used for selection highlighting)
-     */
-    getItemId?: (item: T) => string | number;
-    /**
-     * Title displayed in the toolbar
-     */
-    title?: string;
-    /**
-     * Show item count in title
-     * @default true
-     */
-    showCount?: boolean;
-    /**
-     * Placeholder text for the search input
-     * @default "Search"
-     */
-    searchPlaceholder?: string;
-    /**
-     * Additional DataGrid props to pass through
-     */
-    dataGridProps?: Partial<DataGridProps>;
-    /**
-     * Custom toolbar component to replace the default one
-     */
-    CustomToolbar?: React.ComponentType;
-    /**
-     * Select the first item by default
-     * @default false
-     */
-    selectFirstByDefault?: boolean;
-}
-export declare const WandelbotsDataGrid: (<T>({ data, columns, getRowData, onRowClick, selectedItem, getItemId, title, showCount, searchPlaceholder, dataGridProps, CustomToolbar, selectFirstByDefault, }: WandelbotsDataGridProps<T>) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=DataGrid.d.ts.map

package/dist/components/DataGrid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../src/components/DataGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,UAAU,EACf,KAAK,aAAa,EAOnB,MAAM,kBAAkB,CAAA;AAKzB,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAA;IAET;;OAEG;IACH,OAAO,EAAE,UAAU,EAAE,CAAA;IAErB;;;OAGG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IAErD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IAEtC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAEnC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,kBAAkB,IAE1B,CAAC,gKAaC,uBAAuB,CAAC,CAAC,CAAC;;CA6VhC,CAAA"}

package/dist/components/LogPanel.d.ts

@@ -1,54 +0,0 @@
-import type { SxProps } from "@mui/material";
-import { LogStore } from "./LogStore";
-export type LogPanelProps = {
-    /** Log store instance to use, or create one automatically if not provided */
-    store?: LogStore;
-    /** Height of the component */
-    height?: string | number;
-    /** Additional styles */
-    sx?: SxProps;
-    /** Ref to the log store for external access */
-    onStoreReady?: (store: LogStore) => void;
-};
-/**
- * A complete log panel component with built-in state management.
- *
- * @example
- * ```tsx
- * // Simple usage with automatic state management
- * function MyComponent() {
- *   const [logStore, setLogStore] = useState<LogStore>()
- *
- *   return (
- *     <LogPanel
- *       height={400}
- *       onStoreReady={setLogStore}
- *     />
- *   )
- * }
- *
- * // Then use the store to add messages
- * logStore?.addInfo("Operation completed successfully")
- * logStore?.addError("Something went wrong")
- * logStore?.addWarning("Warning message")
- * ```
- *
- * @example
- * ```tsx
- * // Usage with external store for shared state
- * function MyApp() {
- *   const logStore = useMemo(() => new LogStore(), [])
- *
- *   return (
- *     <div>
- *       <LogPanel store={logStore} height={300} />
- *       <SomeOtherComponent onError={(msg) => logStore.addError(msg)} />
- *     </div>
- *   )
- * }
- * ```
- */
-export declare const LogPanel: ((props: LogPanelProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=LogPanel.d.ts.map

package/dist/components/LogPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogPanel.d.ts","sourceRoot":"","sources":["../../src/components/LogPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAI5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,MAAM,MAAM,aAAa,GAAG;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,wBAAwB;IACxB,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ,+CAA+C;IAC/C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;CACzC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,QAAQ,WACF,aAAa;;CA2B/B,CAAA"}

package/dist/components/LogStore.d.ts

@@ -1,11 +0,0 @@
-import type { LogLevel, LogMessage } from "./LogViewer";
-export declare class LogStore {
-    messages: LogMessage[];
-    constructor();
-    addMessage: (message: string, level?: LogLevel) => void;
-    clearMessages: () => void;
-    addInfo: (message: string) => void;
-    addWarning: (message: string) => void;
-    addError: (message: string) => void;
-}
-//# sourceMappingURL=LogStore.d.ts.map

package/dist/components/LogStore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogStore.d.ts","sourceRoot":"","sources":["../../src/components/LogStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEvD,qBAAa,QAAQ;IACnB,QAAQ,EAAE,UAAU,EAAE,CAAK;;IAU3B,UAAU,GAAI,SAAS,MAAM,EAAE,QAAO,QAAiB,UAQtD;IAED,aAAa,aAEZ;IAED,OAAO,GAAI,SAAS,MAAM,UAEzB;IAED,UAAU,GAAI,SAAS,MAAM,UAE5B;IAED,QAAQ,GAAI,SAAS,MAAM,UAE1B;CACF"}

package/dist/components/LogViewer.d.ts

@@ -1,26 +0,0 @@
-import type { SxProps } from "@mui/material";
-export type LogLevel = "info" | "error" | "warning";
-export type LogMessage = {
-    id: string;
-    timestamp: Date;
-    message: string;
-    level: LogLevel;
-};
-export type LogViewerProps = {
-    /** Log messages to display */
-    messages: LogMessage[];
-    /** Callback when clear button is clicked */
-    onClear?: () => void;
-    /** Height of the component */
-    height?: string | number;
-    /** Additional styles */
-    sx?: SxProps;
-};
-/**
- * A log viewer component that displays timestamped log messages with different levels.
- * Features a header with document icon and clear button, and scrollable message area.
- */
-export declare const LogViewer: ((props: LogViewerProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=LogViewer.d.ts.map

package/dist/components/LogViewer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogViewer.d.ts","sourceRoot":"","sources":["../../src/components/LogViewer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAM5C,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAEnD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,IAAI,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,8BAA8B;IAC9B,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,wBAAwB;IACxB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,WACH,cAAc;;CAmQhC,CAAA"}

package/dist/components/RobotCard.d.ts

@@ -1,84 +0,0 @@
-import type { ConnectedMotionGroup, RobotControllerStateOperationModeEnum, RobotControllerStateSafetyStateEnum } from "@wandelbots/nova-js/v1";
-import type { Group } from "three";
-import type { ProgramState } from "./ProgramControl";
-export interface RobotCardProps {
-    /** Name of the robot displayed at the top */
-    robotName: string;
-    /** Current program state */
-    programState: ProgramState;
-    /** Current safety state of the robot controller */
-    safetyState: RobotControllerStateSafetyStateEnum;
-    /** Current operation mode of the robot controller */
-    operationMode: RobotControllerStateOperationModeEnum;
-    /** Whether the "Drive to Home" button should be enabled */
-    driveToHomeEnabled?: boolean;
-    /** Callback fired when "Drive to Home" button is pressed */
-    onDriveToHomePress?: () => void;
-    /** Callback fired when "Drive to Home" button is released */
-    onDriveToHomeRelease?: () => void;
-    /** Connected motion group for the robot */
-    connectedMotionGroup: ConnectedMotionGroup;
-    /** Custom robot component to render (optional, defaults to Robot) */
-    robotComponent?: React.ComponentType<{
-        connectedMotionGroup: ConnectedMotionGroup;
-        flangeRef?: React.Ref<Group>;
-        postModelRender?: () => void;
-        transparentColor?: string;
-        getModel?: (modelFromController: string) => string;
-    }>;
-    /** Custom cycle timer component (optional, defaults to CycleTimer) */
-    cycleTimerComponent?: React.ComponentType<{
-        variant?: "default" | "small";
-        compact?: boolean;
-        onCycleComplete: (controls: {
-            startNewCycle: (maxTimeSeconds: number, elapsedSeconds?: number) => void;
-            pause: () => void;
-            resume: () => void;
-            isPaused: () => boolean;
-        }) => void;
-        onCycleEnd?: () => void;
-        autoStart?: boolean;
-        className?: string;
-    }>;
-    /** Callback to receive cycle timer controls for external timer management */
-    onCycleTimerReady?: (controls: {
-        startNewCycle: (maxTimeSeconds: number, elapsedSeconds?: number) => void;
-        pause: () => void;
-        resume: () => void;
-        isPaused: () => boolean;
-    }) => void;
-    /** Callback fired when a cycle completes (reaches zero) */
-    onCycleEnd?: () => void;
-    /** Whether the cycle timer should auto-start when a new cycle is set */
-    cycleTimerAutoStart?: boolean;
-    /** Additional CSS class name */
-    className?: string;
-}
-/**
- * A responsive card component that displays a 3D robot with states and controls.
- * The card automatically adapts to its container's size and aspect ratio.
- *
- * Features:
- * - Fully responsive Material-UI Card that adapts to container dimensions
- * - Automatic layout switching based on aspect ratio:
- *   - Portrait mode: Vertical layout with robot in center
- *   - Landscape mode: Horizontal layout with robot on left, content on right (left-aligned)
- * - Responsive 3D robot rendering:
- *   - Scales dynamically with container size
- *   - Hides at very small sizes to preserve usability
- *   - Adaptive margin based on available space
- * - Smart spacing and padding that reduces at smaller sizes
- * - Minimum size constraints for usability while maximizing content density
- * - Robot name displayed in Typography h6 at top-left
- * - Program state indicator below the name
- * - Auto-fitting 3D robot model that scales with container size
- * - Compact cycle time component with small variant
- * - Transparent gray divider line
- * - "Drive to Home" button with press-and-hold functionality
- * - Localization support via react-i18next
- * - Material-UI theming integration
- */
-export declare const RobotCard: (({ robotName, programState, safetyState, operationMode, driveToHomeEnabled, onDriveToHomePress, onDriveToHomeRelease, connectedMotionGroup, robotComponent: RobotComponent, cycleTimerComponent: CycleTimerComponent, onCycleTimerReady, onCycleEnd, cycleTimerAutoStart, className, }: RobotCardProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=RobotCard.d.ts.map

package/dist/components/RobotCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RobotCard.d.ts","sourceRoot":"","sources":["../../src/components/RobotCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,qCAAqC,EACrC,mCAAmC,EACpC,MAAM,wBAAwB,CAAA;AAI/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAIlC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAuBpD,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAA;IACjB,4BAA4B;IAC5B,YAAY,EAAE,YAAY,CAAA;IAC1B,mDAAmD;IACnD,WAAW,EAAE,mCAAmC,CAAA;IAChD,qDAAqD;IACrD,aAAa,EAAE,qCAAqC,CAAA;IACpD,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,2CAA2C;IAC3C,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,qEAAqE;IACrE,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACnC,oBAAoB,EAAE,oBAAoB,CAAA;QAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;QAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,EAAE,CAAC,mBAAmB,EAAE,MAAM,KAAK,MAAM,CAAA;KACnD,CAAC,CAAA;IACF,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;QAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,eAAe,EAAE,CAAC,QAAQ,EAAE;YAC1B,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;YACxE,KAAK,EAAE,MAAM,IAAI,CAAA;YACjB,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,MAAM,OAAO,CAAA;SACxB,KAAK,IAAI,CAAA;QACV,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;QACvB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAC,CAAA;IACF,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAC7B,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;QACxE,KAAK,EAAE,MAAM,IAAI,CAAA;QACjB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,QAAQ,EAAE,MAAM,OAAO,CAAA;KACxB,KAAK,IAAI,CAAA;IACV,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS,2RAiBf,cAAc;;CA0bpB,CAAA"}