@elice/material-runbox 1.260908.0 → 1.260910.0

package/es/components/material-runbox/runtime/runtime-loading-tips.js

@@ -0,0 +1,146 @@
+import { toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { faListOl, faSquareTerminal, faRotate, faFloppyDisk, faTriangleExclamation, faSitemap, faTableCells, faDiagramProject, faWindowRestore, faDisplayArrowDown, faHourglassHalf, faCopy, faArrowsUpDownLeftRight, faHardDrive, faClock } from '@fortawesome/pro-regular-svg-icons';
+
+//
+//
+//
+/** Shown first, always. Not knowing these two is what costs a learner work. */
+var INTRO_TIPS = [{
+  icon: faDisplayArrowDown,
+  titleId: 'runbox.runtime.loading.note.environment.title',
+  descriptionId: 'runbox.runtime.loading.note.environment.description'
+}, {
+  icon: faFloppyDisk,
+  titleId: 'runbox.runtime.loading.note.save.title',
+  descriptionId: 'runbox.runtime.loading.note.save.description'
+}];
+/**
+ * Matched against the container image name, in order -- `VNC-VSCode` carries
+ * two keywords, and the editor is what the learner works in.
+ *
+ * The name is a display name an operator typed (`Jupyter Notebook`,
+ * `JupyterNotebook`, `VSCode`), so it is matched loosely rather than listed.
+ */
+var TIP_GROUPS = [{
+  keywords: ['jupyter'],
+  tips: [{
+    icon: faListOl,
+    titleId: 'runbox.runtime.loading.tip.jupyter.cell_order.title',
+    descriptionId: 'runbox.runtime.loading.tip.jupyter.cell_order.description'
+  }, {
+    icon: faSquareTerminal,
+    titleId: 'runbox.runtime.loading.tip.jupyter.run_cell.title',
+    descriptionId: 'runbox.runtime.loading.tip.jupyter.run_cell.description'
+  }, {
+    icon: faRotate,
+    titleId: 'runbox.runtime.loading.tip.jupyter.restart_kernel.title',
+    descriptionId: 'runbox.runtime.loading.tip.jupyter.restart_kernel.description'
+  }, {
+    icon: faListOl,
+    titleId: 'runbox.runtime.loading.tip.jupyter.cell_number.title',
+    descriptionId: 'runbox.runtime.loading.tip.jupyter.cell_number.description'
+  }]
+}, {
+  keywords: ['vscode', 'codeserver'],
+  tips: [{
+    icon: faFloppyDisk,
+    titleId: 'runbox.runtime.loading.tip.vscode.save_before_run.title',
+    descriptionId: 'runbox.runtime.loading.tip.vscode.save_before_run.description'
+  }, {
+    icon: faSquareTerminal,
+    titleId: 'runbox.runtime.loading.tip.vscode.terminal.title',
+    descriptionId: 'runbox.runtime.loading.tip.vscode.terminal.description'
+  }, {
+    icon: faTriangleExclamation,
+    titleId: 'runbox.runtime.loading.tip.vscode.browser_shortcut.title',
+    descriptionId: 'runbox.runtime.loading.tip.vscode.browser_shortcut.description'
+  }, {
+    icon: faSitemap,
+    titleId: 'runbox.runtime.loading.tip.vscode.explorer.title',
+    descriptionId: 'runbox.runtime.loading.tip.vscode.explorer.description'
+  }]
+}, {
+  keywords: ['orange'],
+  tips: [{
+    icon: faTableCells,
+    titleId: 'runbox.runtime.loading.tip.orange.widget.title',
+    descriptionId: 'runbox.runtime.loading.tip.orange.widget.description'
+  }, {
+    icon: faDiagramProject,
+    titleId: 'runbox.runtime.loading.tip.orange.connect.title',
+    descriptionId: 'runbox.runtime.loading.tip.orange.connect.description'
+  }, {
+    icon: faTableCells,
+    titleId: 'runbox.runtime.loading.tip.orange.load_data.title',
+    descriptionId: 'runbox.runtime.loading.tip.orange.load_data.description'
+  }, {
+    icon: faWindowRestore,
+    titleId: 'runbox.runtime.loading.tip.orange.open_settings.title',
+    descriptionId: 'runbox.runtime.loading.tip.orange.open_settings.description'
+  }]
+}, {
+  keywords: ['dify', 'n8n', 'comfyui', 'openwebui', 'sonarqube'],
+  tips: [{
+    icon: faDisplayArrowDown,
+    titleId: 'runbox.runtime.loading.tip.app.web_service.title',
+    descriptionId: 'runbox.runtime.loading.tip.app.web_service.description'
+  }, {
+    icon: faHourglassHalf,
+    titleId: 'runbox.runtime.loading.tip.app.slow_start.title',
+    descriptionId: 'runbox.runtime.loading.tip.app.slow_start.description'
+  }, {
+    icon: faFloppyDisk,
+    titleId: 'runbox.runtime.loading.tip.app.persisted.title',
+    descriptionId: 'runbox.runtime.loading.tip.app.persisted.description'
+  }]
+}, {
+  keywords: ['vnc', 'unityhub', 'pyqt', 'libreoffice', 'flutter', 'codap', 'jmeter'],
+  tips: [{
+    icon: faWindowRestore,
+    titleId: 'runbox.runtime.loading.tip.gui.desktop.title',
+    descriptionId: 'runbox.runtime.loading.tip.gui.desktop.description'
+  }, {
+    icon: faCopy,
+    titleId: 'runbox.runtime.loading.tip.gui.clipboard.title',
+    descriptionId: 'runbox.runtime.loading.tip.gui.clipboard.description'
+  }, {
+    icon: faArrowsUpDownLeftRight,
+    titleId: 'runbox.runtime.loading.tip.gui.move_window.title',
+    descriptionId: 'runbox.runtime.loading.tip.gui.move_window.description'
+  }, {
+    icon: faHourglassHalf,
+    titleId: 'runbox.runtime.loading.tip.gui.slow_start.title',
+    descriptionId: 'runbox.runtime.loading.tip.gui.slow_start.description'
+  }]
+}];
+/** Closes out every environment, and stands alone when no group matched. */
+var COMMON_TIPS = [{
+  icon: faTriangleExclamation,
+  titleId: 'runbox.runtime.loading.tip.common.conflict.title',
+  descriptionId: 'runbox.runtime.loading.tip.common.conflict.description'
+}, {
+  icon: faHardDrive,
+  titleId: 'runbox.runtime.loading.tip.common.disk.title',
+  descriptionId: 'runbox.runtime.loading.tip.common.disk.description'
+}, {
+  icon: faClock,
+  titleId: 'runbox.runtime.loading.tip.common.quota.title',
+  descriptionId: 'runbox.runtime.loading.tip.common.quota.description'
+}];
+//
+//
+//
+var getRuntimeLoadingTips = function getRuntimeLoadingTips() {
+  var containerImageName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var _a;
+  var name = containerImageName.toLowerCase().replace(/[^a-z0-9]/g, '');
+  var group = TIP_GROUPS.find(function (_ref) {
+    var keywords = _ref.keywords;
+    return keywords.some(function (keyword) {
+      return name.includes(keyword);
+    });
+  });
+  return [].concat(INTRO_TIPS, _toConsumableArray((_a = group === null || group === void 0 ? void 0 : group.tips) !== null && _a !== void 0 ? _a : []), COMMON_TIPS);
+};
+
+export { getRuntimeLoadingTips };

package/es/components/material-runbox/status/MaterialRunboxStatusButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface MaterialRunboxStatusButtonProps {
+    runtimeTemplateId: string;
+    courseId: number;
+    /** User ID for tutoring. */
+    userId?: number;
+}
+/**
+ * Opens the runbox connection/resource status popover.
+ *
+ * Replaces the always-visible resource stats of the removed footer,
+ * so the numbers are only shown on explicit request. (`[R-5]` `[R-6]`)
+ */
+declare const MaterialRunboxStatusButton: React.FC<MaterialRunboxStatusButtonProps>;
+export default MaterialRunboxStatusButton;

package/es/components/material-runbox/status/MaterialRunboxStatusButton.js

@@ -0,0 +1,109 @@
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React from 'react';
+import { useRawEliceIntl } from '@elice/intl';
+import { EliceIcon } from '@elice/mui-elements';
+import { useEliceRunboxRunning } from '@elice/runbox-client';
+import { faDiscDrive, faWifi, faAngleDown } from '@fortawesome/pro-solid-svg-icons';
+import { buttonClasses, Button } from '@mui/material';
+import MaterialRunboxStatusPopover from './MaterialRunboxStatusPopover.js';
+import { useBreakpoint } from '../../shared/hooks/useBreakpoint.js';
+import { useRunboxDiskUsage } from '../hooks/useRunboxDiskUsage.js';
+
+//
+//
+//
+/**
+ * Opens the runbox connection/resource status popover.
+ *
+ * Replaces the always-visible resource stats of the removed footer,
+ * so the numbers are only shown on explicit request. (`[R-5]` `[R-6]`)
+ */
+var MaterialRunboxStatusButton = function MaterialRunboxStatusButton(_ref) {
+  var runtimeTemplateId = _ref.runtimeTemplateId,
+    courseId = _ref.courseId,
+    userId = _ref.userId;
+  var intl = useRawEliceIntl();
+  var isSmallTabletOrSmaller = useBreakpoint('md', 'down');
+  var _useEliceRunboxRunnin = useEliceRunboxRunning(),
+    status = _useEliceRunboxRunnin.status;
+  var _useRunboxDiskUsage = useRunboxDiskUsage(),
+    severity = _useRunboxDiskUsage.severity,
+    diskCurrent = _useRunboxDiskUsage.diskCurrent,
+    diskTotal = _useRunboxDiskUsage.diskTotal;
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    anchorEl = _React$useState2[0],
+    setAnchorEl = _React$useState2[1];
+  var isRunboxRunning = status === 'running';
+  /**
+   * Over threshold the button turns into a disk gauge, so the learner sees the
+   * number that matters without opening the popover.
+   */
+  var buttonProps = severity ? {
+    color: severity,
+    startIcon: jsx(EliceIcon, {
+      icon: faDiscDrive
+    }),
+    children: isSmallTabletOrSmaller ? undefined : "DISK ".concat(intl.formatDataSize(diskCurrent, {
+      unitSystem: 'iec',
+      maximumFractionDigits: 2
+    }), " / ").concat(intl.formatDataSize(diskTotal, {
+      unitSystem: 'iec',
+      maximumFractionDigits: 2
+    }))
+  } : {
+    color: 'inherit',
+    startIcon: jsx(EliceIcon, {
+      icon: faWifi
+    }),
+    // The label follows the header, but the icon keeps reporting the runtime.
+    sx: _defineProperty({}, "& .".concat(buttonClasses.startIcon), {
+      color: isRunboxRunning ? 'success.main' : 'text.disabled'
+    }),
+    children: isSmallTabletOrSmaller ? undefined : intl.formatMessage({
+      id: 'runbox.status.button.title'
+    })
+  };
+  /**
+   *
+   */
+  var handleClose = function handleClose() {
+    setAnchorEl(null);
+  };
+  //
+  //
+  //
+  return jsxs(Fragment, {
+    children: [jsx(Button, Object.assign({
+      variant: "text",
+      size: "small",
+      endIcon: jsx(EliceIcon, {
+        icon: faAngleDown
+      }),
+      onClick: function onClick(e) {
+        return setAnchorEl(e.currentTarget);
+      }
+    }, buttonProps)), jsx(MaterialRunboxStatusPopover, {
+      open: Boolean(anchorEl),
+      anchorEl: anchorEl,
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      sx: {
+        marginTop: '0.5rem'
+      },
+      runtimeTemplateId: runtimeTemplateId,
+      courseId: courseId,
+      userId: userId,
+      onClose: handleClose
+    })]
+  });
+};
+
+export { MaterialRunboxStatusButton as default };

package/es/components/material-runbox/status/MaterialRunboxStatusConnectionItem.d.ts

@@ -0,0 +1,12 @@
+import type { TypographyProps } from '@mui/material';
+import type React from 'react';
+export interface MaterialRunboxStatusConnectionItemProps {
+    /** Leading icon element, or a progress indicator while connecting. */
+    icon: React.ReactNode;
+    /** Row label. */
+    label: React.ReactNode;
+    /** Palette color for the icon, e.g. `success.main`. */
+    color?: TypographyProps['color'];
+}
+declare const MaterialRunboxStatusConnectionItem: React.FC<MaterialRunboxStatusConnectionItemProps>;
+export default MaterialRunboxStatusConnectionItem;

package/es/components/material-runbox/status/MaterialRunboxStatusConnectionItem.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Stack, Typography } from '@mui/material';
+
+//
+//
+//
+var MaterialRunboxStatusConnectionItem = function MaterialRunboxStatusConnectionItem(_ref) {
+  var icon = _ref.icon,
+    label = _ref.label,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'text.disabled' : _ref$color;
+  return jsxs(Stack, {
+    direction: "row",
+    alignItems: "center",
+    gap: "0.75rem",
+    minHeight: "2.5rem",
+    padding: "0 0.75rem",
+    children: [jsx(Typography, {
+      component: "span",
+      display: "inline-flex",
+      color: color,
+      children: icon
+    }), jsx(Typography, {
+      variant: "body2",
+      color: "text.tertiary",
+      children: label
+    })]
+  });
+};
+
+export { MaterialRunboxStatusConnectionItem as default };

package/es/components/material-runbox/status/MaterialRunboxStatusPopover.d.ts

@@ -0,0 +1,14 @@
+import type { PopoverProps } from '@mui/material';
+import type React from 'react';
+export interface MaterialRunboxStatusPopoverProps extends Omit<PopoverProps, 'open' | 'onClose' | 'children'> {
+    /** Whether the popover is open. */
+    open: boolean;
+    /** Called when the popover requests to be closed. */
+    onClose: () => void;
+    runtimeTemplateId: string;
+    courseId: number;
+    /** User ID for tutoring. */
+    userId?: number;
+}
+declare const MaterialRunboxStatusPopover: React.FC<MaterialRunboxStatusPopoverProps>;
+export default MaterialRunboxStatusPopover;

package/es/components/material-runbox/status/MaterialRunboxStatusPopover.js

@@ -0,0 +1,157 @@
+import { defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from 'tslib';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRawEliceIntl } from '@elice/intl';
+import { EliceIcon } from '@elice/mui-elements';
+import { useEliceRunboxRunning, useEliceRunboxContainerStats } from '@elice/runbox-client';
+import { faWifiSlash, faWifi, faWifiFair, faLinkSimple, faLinkSimpleSlash, faMicrochip, faMemory, faArrowUpRight, faArrowDownLeft, faDiscDrive, faArrowsRotate } from '@fortawesome/pro-solid-svg-icons';
+import { Popover, Fade, Stack, CircularProgress, Divider } from '@mui/material';
+import MaterialRunboxStatusConnectionItem from './MaterialRunboxStatusConnectionItem.js';
+import MaterialRunboxStatusResourceItem from './MaterialRunboxStatusResourceItem.js';
+import { RunboxNetworkStatus, useRunboxNetworkStatus } from '../hooks/useRunboxNetworkStatus.js';
+import MaterialRunboxEnvResetButton from '../disk/MaterialRunboxEnvResetButton.js';
+
+//
+//
+//
+var POPOVER_WIDTH = '15.25rem'; // 244px
+var NETWORK_ICON = Object.freeze(_defineProperty(_defineProperty(_defineProperty({}, RunboxNetworkStatus.Good, faWifi), RunboxNetworkStatus.NotGood, faWifiFair), RunboxNetworkStatus.Bad, faWifiSlash));
+var NETWORK_COLOR = Object.freeze(_defineProperty(_defineProperty(_defineProperty({}, RunboxNetworkStatus.Good, 'success.main'), RunboxNetworkStatus.NotGood, 'warning.main'), RunboxNetworkStatus.Bad, 'error.main'));
+//
+//
+//
+var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
+  var open = _a.open,
+    onClose = _a.onClose,
+    runtimeTemplateId = _a.runtimeTemplateId,
+    courseId = _a.courseId,
+    userId = _a.userId,
+    props = __rest(_a, ["open", "onClose", "runtimeTemplateId", "courseId", "userId"]);
+  var intl = useRawEliceIntl();
+  var _useEliceRunboxRunnin = useEliceRunboxRunning(),
+    status = _useEliceRunboxRunnin.status;
+  var _useRunboxNetworkStat = useRunboxNetworkStatus(),
+    networkStatus = _useRunboxNetworkStat.status;
+  var contStats = useEliceRunboxContainerStats();
+  var stats = contStats ? contStats[contStats.length - 1] : null;
+  var isRunboxConnecting = status === 'queued' || status === 'assigned';
+  var isRunboxRunning = status === 'running';
+  // No numbers to show while the runtime comes back up.
+  var preparing = intl.formatMessage({
+    id: 'runbox.status.resource.preparing'
+  });
+  //
+  //
+  //
+  return jsx(Popover, Object.assign({
+    open: open,
+    TransitionComponent: Fade,
+    onClose: onClose
+  }, props, {
+    children: jsxs(Stack, {
+      direction: "column",
+      gap: "0.75rem",
+      padding: "0.75rem",
+      width: POPOVER_WIDTH,
+      bgcolor: "background.paper",
+      children: [jsxs(Stack, {
+        direction: "column",
+        children: [networkStatus ? jsx(MaterialRunboxStatusConnectionItem, {
+          icon: jsx(EliceIcon, {
+            icon: NETWORK_ICON[networkStatus],
+            fontSize: "small"
+          }),
+          label: intl.formatMessage({
+            id: 'runbox.status.network'
+          }),
+          color: NETWORK_COLOR[networkStatus]
+        }) : null, jsx(MaterialRunboxStatusConnectionItem, {
+          icon: isRunboxConnecting ? jsx(CircularProgress, {
+            color: "inherit",
+            size: "1rem"
+          }) : jsx(EliceIcon, {
+            icon: isRunboxRunning ? faLinkSimple : faLinkSimpleSlash,
+            fontSize: "small"
+          }),
+          label: intl.formatMessage({
+            id: isRunboxConnecting ? 'runbox.status.runtime.connecting' : isRunboxRunning ? 'runbox.status.runtime.connected' : 'runbox.status.runtime.disconnected'
+          }),
+          color: isRunboxRunning ? 'success.main' : 'text.disabled'
+        })]
+      }), stats || isRunboxConnecting ? jsxs(Fragment, {
+        children: [jsx(Divider, {}), jsxs(Stack, {
+          direction: "column",
+          children: [jsx(MaterialRunboxStatusResourceItem, {
+            icon: jsx(EliceIcon, {
+              icon: faMicrochip,
+              fontSize: "small"
+            }),
+            label: "CPU",
+            value: stats ? intl.formatNumber(stats.avgCpu, {
+              style: 'percent',
+              maximumFractionDigits: 2
+            }) : preparing
+          }), jsx(MaterialRunboxStatusResourceItem, {
+            icon: jsx(EliceIcon, {
+              icon: faMemory,
+              fontSize: "small"
+            }),
+            label: "Memory",
+            value: stats ? "".concat(intl.formatDataSize(stats.memCurrent, {
+              unitSystem: 'iec',
+              maximumFractionDigits: 2
+            }), " / ").concat(intl.formatDataSize(stats.memTotal, {
+              unitSystem: 'iec',
+              maximumFractionDigits: 2
+            })) : preparing
+          }), jsx(MaterialRunboxStatusResourceItem, {
+            icon: jsx(EliceIcon, {
+              icon: faArrowUpRight,
+              fontSize: "small"
+            }),
+            label: "UP",
+            value: stats ? "".concat(intl.formatDataSize(stats.netOutPsec, {
+              unitSystem: 'iec'
+            }), "/s") : preparing
+          }), jsx(MaterialRunboxStatusResourceItem, {
+            icon: jsx(EliceIcon, {
+              icon: faArrowDownLeft,
+              fontSize: "small"
+            }),
+            label: "DOWN",
+            value: stats ? "".concat(intl.formatDataSize(stats.netInPsec, {
+              unitSystem: 'iec'
+            }), "/s") : preparing
+          }), jsx(MaterialRunboxStatusResourceItem, {
+            icon: jsx(EliceIcon, {
+              icon: faDiscDrive,
+              fontSize: "small"
+            }),
+            label: "DISK",
+            value: stats ? "".concat(intl.formatDataSize(stats.diskCurrent, {
+              unitSystem: 'iec',
+              maximumFractionDigits: 2
+            }), " / ").concat(intl.formatDataSize(stats.diskTotal, {
+              unitSystem: 'iec',
+              maximumFractionDigits: 2
+            })) : preparing
+          })]
+        })]
+      }) : null, jsx(MaterialRunboxEnvResetButton, {
+        fullWidth: true,
+        variant: "contained",
+        color: "error",
+        disabled: !isRunboxRunning,
+        startIcon: jsx(EliceIcon, {
+          icon: faArrowsRotate
+        }),
+        runtimeTemplateId: runtimeTemplateId,
+        courseId: courseId,
+        userId: userId,
+        onSuccess: onClose
+      })]
+    })
+  }));
+};
+
+export { MaterialRunboxStatusPopover as default };

package/es/components/material-runbox/status/MaterialRunboxStatusResourceItem.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+export interface MaterialRunboxStatusResourceItemProps {
+    /** Leading icon element. */
+    icon: React.ReactNode;
+    /** Resource label, e.g. `CPU`. */
+    label: React.ReactNode;
+    /** Formatted value, e.g. `438.33 MiB / 4 GiB`. */
+    value: React.ReactNode;
+}
+declare const MaterialRunboxStatusResourceItem: React.FC<MaterialRunboxStatusResourceItemProps>;
+export default MaterialRunboxStatusResourceItem;

package/es/components/material-runbox/status/MaterialRunboxStatusResourceItem.js

@@ -0,0 +1,37 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Stack, Typography } from '@mui/material';
+
+//
+//
+//
+var MaterialRunboxStatusResourceItem = function MaterialRunboxStatusResourceItem(_ref) {
+  var icon = _ref.icon,
+    label = _ref.label,
+    value = _ref.value;
+  return jsxs(Stack, {
+    direction: "row",
+    alignItems: "center",
+    gap: "0.75rem",
+    padding: "0.375rem 0.75rem",
+    children: [jsx(Typography, {
+      component: "span",
+      display: "inline-flex",
+      color: "text.tertiary",
+      children: icon
+    }), jsxs(Stack, {
+      direction: "column",
+      children: [jsx(Typography, {
+        variant: "body2",
+        color: "text.tertiary",
+        children: label
+      }), jsx(Typography, {
+        variant: "caption",
+        color: "text.tertiary",
+        fontFamily: "'JetBrains Mono', monospace",
+        children: value
+      })]
+    })]
+  });
+};
+
+export { MaterialRunboxStatusResourceItem as default };

package/es/components/material-runbox/status/index.d.ts

@@ -0,0 +1,4 @@
+export { default as MaterialRunboxStatusButton } from './MaterialRunboxStatusButton';
+export { default as MaterialRunboxStatusPopover } from './MaterialRunboxStatusPopover';
+export type { MaterialRunboxStatusButtonProps } from './MaterialRunboxStatusButton';
+export type { MaterialRunboxStatusPopoverProps } from './MaterialRunboxStatusPopover';

package/es/components/material-runbox/status/index.js

@@ -0,0 +1,2 @@
+export { default as MaterialRunboxStatusButton } from './MaterialRunboxStatusButton.js';
+export { default as MaterialRunboxStatusPopover } from './MaterialRunboxStatusPopover.js';

package/es/components/material-runbox/theme.d.ts

@@ -0,0 +1,2 @@
+export declare const runboxDarkTheme: import("@mui/material").Theme;
+export declare const runboxLightTheme: import("@mui/material").Theme;

package/es/components/material-runbox/theme.js

@@ -0,0 +1,12 @@
+import { createEliceTheme } from '@elice/mui-system';
+
+var runboxDarkTheme = createEliceTheme({
+  paletteName: 'purple',
+  paletteMode: 'dark'
+});
+var runboxLightTheme = createEliceTheme({
+  paletteName: 'purple',
+  paletteMode: 'light'
+});
+
+export { runboxDarkTheme, runboxLightTheme };

package/es/components/material-runbox/timer/MaterialRunboxQuotaAlmostEndDialog.d.ts

@@ -0,0 +1,11 @@
+interface MaterialRunboxQuotaAlmostEndDialogProps {
+    open: boolean;
+    onClose: () => void;
+}
+/**
+ * Warns the learner that the *total* available time is about to run out.
+ *
+ * Once it does, the practice ends for good — there is no reconnecting.
+ */
+declare const MaterialRunboxQuotaAlmostEndDialog: React.FC<MaterialRunboxQuotaAlmostEndDialogProps>;
+export default MaterialRunboxQuotaAlmostEndDialog;