@elice/material-runbox 1.260908.0 → 1.260915.0-edsmigration.0

package/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -8,6 +8,9 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -41,6 +44,9 @@ function _defineProperty(e, r, t) {
     writable: true
   }) : e[r] = t, e;
 }
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -71,6 +77,9 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _regenerator() {
   /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
   var e,
@@ -189,6 +198,9 @@ function _taggedTemplateLiteral(e, t) {
     }
   }));
 }
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -213,14 +225,18 @@ function _unsupportedIterableToArray(r, a) {
 
 exports.arrayLikeToArray = _arrayLikeToArray;
 exports.arrayWithHoles = _arrayWithHoles;
+exports.arrayWithoutHoles = _arrayWithoutHoles;
 exports.asyncToGenerator = _asyncToGenerator;
 exports.defineProperty = _defineProperty;
+exports.iterableToArray = _iterableToArray;
 exports.iterableToArrayLimit = _iterableToArrayLimit;
 exports.nonIterableRest = _nonIterableRest;
+exports.nonIterableSpread = _nonIterableSpread;
 exports.regenerator = _regenerator;
 exports.regeneratorDefine = _regeneratorDefine;
 exports.slicedToArray = _slicedToArray;
 exports.taggedTemplateLiteral = _taggedTemplateLiteral;
+exports.toConsumableArray = _toConsumableArray;
 exports.toPrimitive = _toPrimitive;
 exports.toPropertyKey = _toPropertyKey;
 exports.unsupportedIterableToArray = _unsupportedIterableToArray;

package/cjs/assets/runbox-loading.svg.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='130 90 240 312' width='240' height='312' role='img' aria-label='%eb%9f%b0%eb%b0%95%ec%8a%a4%ea%b0%80 %ec%a1%b0%eb%a6%bd%eb%90%98%eb%8a%94 %eb%a1%9c%eb%94%a9 %ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98'%3e%3cdefs xmlns='http://www.w3.org/2000/svg'%3e %3cfilter id='gb' x='-30%25' y='-30%25' width='160%25' height='160%25'%3e%3cfeGaussianBlur stdDeviation='7'/%3e%3c/filter%3e %3cfilter id='gr' x='-20%25' y='-20%25' width='140%25' height='140%25'%3e%3cfeGaussianBlur stdDeviation='0.6'/%3e%3c/filter%3e %3c/defs%3e%3crect xmlns='http://www.w3.org/2000/svg' x='130' y='90' width='240' height='312' fill='white'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c268.0 338.0%2c318.0 250.0%2c368.0 162.0%2c318.0' fill='rgba(115%2c83%2c234%2c.05)'/%3e%3cg class='dashed'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3c/g%3e%3cg class='solid'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='0%3b0%3b1%3b1%3b0%3b0'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3c/g%3e%3cg%3e%3cg class='pc' data-k='0'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.01761%3b0.02641%3b0.09683%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.01761%3b0.02641%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c293.0 250.0%2c318.0 250.0%2c270.0 294.0%2c245.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c293.0 250.0%2c318.0 250.0%2c270.0 206.0%2c245.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c220.0 294.0%2c245.0 250.0%2c270.0 206.0%2c245.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c293.0 250.0%2c318.0 250.0%2c270.0 294.0%2c245.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c293.0 250.0%2c318.0 250.0%2c270.0 206.0%2c245.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c220.0 294.0%2c245.0 250.0%2c270.0 206.0%2c245.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='4'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.2993%3b0.3081%3b0.37852%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.2993%3b0.3081%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c245.0 250.0%2c270.0 250.0%2c222.0 294.0%2c197.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c245.0 250.0%2c270.0 250.0%2c222.0 206.0%2c197.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c172.0 294.0%2c197.0 250.0%2c222.0 206.0%2c197.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c245.0 250.0%2c270.0 250.0%2c222.0 294.0%2c197.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c245.0 250.0%2c270.0 250.0%2c222.0 206.0%2c197.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c172.0 294.0%2c197.0 250.0%2c222.0 206.0%2c197.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='1'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.08803%3b0.09683%3b0.16725%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.08803%3b0.09683%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='338.0%2c318.0 294.0%2c343.0 294.0%2c295.0 338.0%2c270.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c318.0 294.0%2c343.0 294.0%2c295.0 250.0%2c270.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c245.0 338.0%2c270.0 294.0%2c295.0 250.0%2c270.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='338.0%2c318.0 294.0%2c343.0 294.0%2c295.0 338.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c318.0 294.0%2c343.0 294.0%2c295.0 250.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c245.0 338.0%2c270.0 294.0%2c295.0 250.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='2'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.15845%3b0.16725%3b0.23767%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.15845%3b0.16725%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c318.0 206.0%2c343.0 206.0%2c295.0 250.0%2c270.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='162.0%2c318.0 206.0%2c343.0 206.0%2c295.0 162.0%2c270.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c245.0 250.0%2c270.0 206.0%2c295.0 162.0%2c270.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c318.0 206.0%2c343.0 206.0%2c295.0 250.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='162.0%2c318.0 206.0%2c343.0 206.0%2c295.0 162.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c245.0 250.0%2c270.0 206.0%2c295.0 162.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='5'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.36972%3b0.37852%3b0.44894%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.36972%3b0.37852%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='338.0%2c270.0 294.0%2c295.0 294.0%2c247.0 338.0%2c222.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 294.0%2c295.0 294.0%2c247.0 250.0%2c222.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c197.0 338.0%2c222.0 294.0%2c247.0 250.0%2c222.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='338.0%2c270.0 294.0%2c295.0 294.0%2c247.0 338.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 294.0%2c295.0 294.0%2c247.0 250.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c197.0 338.0%2c222.0 294.0%2c247.0 250.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='6'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.44014%3b0.44894%3b0.51936%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.44014%3b0.44894%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 206.0%2c295.0 206.0%2c247.0 250.0%2c222.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='162.0%2c270.0 206.0%2c295.0 206.0%2c247.0 162.0%2c222.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c197.0 250.0%2c222.0 206.0%2c247.0 162.0%2c222.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 206.0%2c295.0 206.0%2c247.0 250.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='162.0%2c270.0 206.0%2c295.0 206.0%2c247.0 162.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c197.0 250.0%2c222.0 206.0%2c247.0 162.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='3'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.22887%3b0.23767%3b0.30809%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.22887%3b0.23767%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c343.0 250.0%2c368.0 250.0%2c320.0 294.0%2c295.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c343.0 250.0%2c368.0 250.0%2c320.0 206.0%2c295.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 294.0%2c295.0 250.0%2c320.0 206.0%2c295.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c343.0 250.0%2c368.0 250.0%2c320.0 294.0%2c295.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c343.0 250.0%2c368.0 250.0%2c320.0 206.0%2c295.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 294.0%2c295.0 250.0%2c320.0 206.0%2c295.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='7'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.51056%3b0.51936%3b0.58978%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.51056%3b0.51936%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c295.0 250.0%2c320.0 250.0%2c272.0 294.0%2c247.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c295.0 250.0%2c320.0 250.0%2c272.0 206.0%2c247.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c222.0 294.0%2c247.0 250.0%2c272.0 206.0%2c247.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c295.0 250.0%2c320.0 250.0%2c272.0 294.0%2c247.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c295.0 250.0%2c320.0 250.0%2c272.0 206.0%2c247.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c222.0 294.0%2c247.0 250.0%2c272.0 206.0%2c247.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='glow'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.61092%3b0.69542%3b1' values='0%3b0%3b1%3b0%3b0'/%3e%3cg transform='translate(250 222)'%3e%3cg%3e%3canimateTransform attributeName='transform' type='scale' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.61092%3b0.69542%3b1' values='0.985%3b0.985%3b1.005%3b1.055%3b1.055'/%3e%3cg transform='translate(-250 -222)'%3e%3cg xmlns='http://www.w3.org/2000/svg' transform='translate(-250 -222)'%3e%3cline x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+
+exports.default = img;

package/cjs/components/material-runbox/MaterialAdminRunboxConfirmDialog.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
-var material = require('@mui/material');
 
 //
 //
@@ -17,25 +17,25 @@ var MaterialAdminRunboxConfirmDialog = function MaterialAdminRunboxConfirmDialog
   //
   //
   //
-  return jsxRuntime.jsxs(material.Dialog, {
+  return jsxRuntime.jsxs(edsMaterial.Dialog, {
     open: isOpen,
     onClose: onClose,
-    children: [jsxRuntime.jsx(material.DialogTitle, {
+    children: [jsxRuntime.jsx(edsMaterial.DialogTitle, {
       children: intl$1.formatMessage({
         id: 'material.tutoring.runbox_confirm_dialog.title'
       })
-    }), jsxRuntime.jsx(material.DialogContent, {
+    }), jsxRuntime.jsx(edsMaterial.DialogContent, {
       children: intl$1.formatMessage({
         id: 'material.tutoring.runbox_confirm_dialog.content'
       })
-    }), jsxRuntime.jsxs(material.DialogActions, {
-      children: [jsxRuntime.jsx(material.Button, {
+    }), jsxRuntime.jsxs(edsMaterial.DialogActions, {
+      children: [jsxRuntime.jsx(edsMaterial.Button, {
         color: "inherit",
         onClick: onClose,
         children: intl$1.formatMessage({
           id: 'common.cancel'
         })
-      }), jsxRuntime.jsx(material.Button, {
+      }), jsxRuntime.jsx(edsMaterial.Button, {
         onClick: onConfirm,
         children: intl$1.formatMessage({
           id: 'material.tutoring.runbox_confirm_dialog.action.confirm'

package/cjs/components/material-runbox/MaterialRunbox.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
+var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
 var MaterialRunboxContent = require('./MaterialRunboxContent.js');
+var theme = require('./theme.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
 var MaterialRunboxContext = require('./contexts/MaterialRunboxContext.js');
@@ -29,17 +31,20 @@ var MaterialRunbox = function MaterialRunbox(_a) {
     eliceMaterialRunboxApiConfiguration = _a.eliceMaterialRunboxApiConfiguration,
     __intl = _a.__intl,
     contentProps = tslib.__rest(_a, ["enableAutoShutdownToggle", "enableUrlShare", "locale", "showMessenger", "getRunningRunboxLinkProps", "eliceMaterialRunboxApiConfiguration", "__intl"]);
-  return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
-    value: __intl,
-    children: jsxRuntime.jsx(MaterialRunboxContext.default, {
-      enableAutoShutdownToggle: enableAutoShutdownToggle,
-      enableUrlShare: enableUrlShare,
-      locale: locale,
-      showMessenger: showMessenger,
-      getRunningRunboxLinkProps: getRunningRunboxLinkProps,
-      children: jsxRuntime.jsx(MaterialRunboxApiContext.default, {
-        eliceMaterialRunboxApiConfiguration: eliceMaterialRunboxApiConfiguration,
-        children: jsxRuntime.jsx(MaterialRunboxContent.default, Object.assign({}, contentProps))
+  return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
+    theme: theme.runboxDarkTheme,
+    children: jsxRuntime.jsx(intl.RawEliceIntlProvider, {
+      value: __intl,
+      children: jsxRuntime.jsx(MaterialRunboxContext.default, {
+        enableAutoShutdownToggle: enableAutoShutdownToggle,
+        enableUrlShare: enableUrlShare,
+        locale: locale,
+        showMessenger: showMessenger,
+        getRunningRunboxLinkProps: getRunningRunboxLinkProps,
+        children: jsxRuntime.jsx(MaterialRunboxApiContext.default, {
+          eliceMaterialRunboxApiConfiguration: eliceMaterialRunboxApiConfiguration,
+          children: jsxRuntime.jsx(MaterialRunboxContent.default, Object.assign({}, contentProps))
+        })
       })
     })
   });

package/cjs/components/material-runbox/MaterialRunboxAlert.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
-var material = require('@mui/material');
 var useMaterialRunboxRunboxIdStarterGet = require('./hooks/useMaterialRunboxRunboxIdStarterGet.js');
 
 var MaterialRunboxAlert = function MaterialRunboxAlert(_ref) {
@@ -28,13 +28,13 @@ var MaterialRunboxAlert = function MaterialRunboxAlert(_ref) {
   if (!isStudentRunboxRunning || !isTutoring) {
     return null;
   }
-  return jsxRuntime.jsx(material.Alert, {
+  return jsxRuntime.jsx(edsMaterial.Alert, {
     severity: "warning",
     sx: {
       width: '100%',
       borderRadius: '0'
     },
-    children: jsxRuntime.jsx(material.AlertTitle, {
+    children: jsxRuntime.jsx(edsMaterial.AlertTitle, {
       children: intl$1.formatMessage({
         id: 'runbox.alert.title'
       })

package/cjs/components/material-runbox/MaterialRunboxContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TagProps } from '@elice/mui-elements';
+import type { TagProps } from '@elice/eds-kit';
 import type { MaterialRunboxHeaderProps } from './MaterialRunboxHeader';
 export type GetAchievementColor = {
     (params: {
@@ -26,6 +26,8 @@ export interface MaterialRunboxContentProps extends Pick<MaterialRunboxHeaderPro
     isTutoring: boolean;
     /** Used for submit log score tag color. */
     getAchievementColor?: GetAchievementColor;
+    /** Notified when the runbox running (session) ID changes. */
+    onRunboxRunningIdChange?: (runboxRunningId: number | null) => void;
 }
 declare const MaterialRunboxContent: React.FC<MaterialRunboxContentProps>;
 export default MaterialRunboxContent;

package/cjs/components/material-runbox/MaterialRunboxContent.js

@@ -5,21 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var edsMaterial = require('@elice/eds-material');
+var edsXSnackbar = require('@elice/eds-x-snackbar');
 var intl = require('@elice/intl');
-var muiXSnackbar = require('@elice/mui-x-snackbar');
 var openapiClientMaterialRunbox = require('@elice/openapi-client-material-runbox');
 var runboxClient = require('@elice/runbox-client');
 var iconsMaterial = require('@mui/icons-material');
-var material = require('@mui/material');
 var reactQuery = require('@tanstack/react-query');
 var MaterialAdminRunboxConfirmDialog = require('./MaterialAdminRunboxConfirmDialog.js');
 var MaterialRunboxAlert = require('./MaterialRunboxAlert.js');
 var MaterialRunboxBody = require('./MaterialRunboxBody.js');
-var MaterialRunboxFooter = require('./MaterialRunboxFooter.js');
 var MaterialRunboxHeader = require('./MaterialRunboxHeader.js');
+var theme = require('./theme.js');
 var MaterialRunboxContext = require('./contexts/MaterialRunboxContext.js');
 var MaterialRunboxApiContext = require('./contexts/MaterialRunboxApiContext.js');
 var MaterialRunboxCommandContext = require('./contexts/MaterialRunboxCommandContext.js');
+var MaterialRunboxControlContext = require('./contexts/MaterialRunboxControlContext.js');
+var MaterialRunboxDiskUsageAlert = require('./disk/MaterialRunboxDiskUsageAlert.js');
+var MaterialRunboxDiskUsageDialog = require('./disk/MaterialRunboxDiskUsageDialog.js');
 var useMaterialRunboxRunboxIdStarterGet = require('./hooks/useMaterialRunboxRunboxIdStarterGet.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -35,7 +38,7 @@ var SNACKBAR_CONTAINER_CLASS = 'elice-material-runbox-snackbar-container';
 //
 //
 //
-var StyledRunboxContainer = material.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  .", " {\n    position: absolute;\n  }\n"])), SNACKBAR_CONTAINER_CLASS);
+var StyledRunboxContainer = edsMaterial.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  .", " {\n    position: absolute;\n  }\n"])), SNACKBAR_CONTAINER_CLASS);
 //
 //
 //
@@ -49,7 +52,8 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
     isTutoring = _ref$isTutoring === void 0 ? false : _ref$isTutoring,
     _ref$hideTimerPopover = _ref.hideTimerPopover,
     hideTimerPopover = _ref$hideTimerPopover === void 0 ? false : _ref$hideTimerPopover,
-    getAchievementColor = _ref.getAchievementColor;
+    getAchievementColor = _ref.getAchievementColor,
+    onRunboxRunningIdChange = _ref.onRunboxRunningIdChange;
   var _a;
   var intl$1 = intl.useRawEliceIntl();
   var _useMaterialRunboxCon = MaterialRunboxContext.useMaterialRunboxContext(),
@@ -158,66 +162,91 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
   //
   //
   if (isInitialLoading || starterEnabled && isLoading) {
-    return jsxRuntime.jsx(StyledRunboxContainer, {
-      children: jsxRuntime.jsx(material.CircularProgress, {})
+    return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
+      theme: theme.runboxLightTheme,
+      children: jsxRuntime.jsx(StyledRunboxContainer, {
+        sx: {
+          backgroundColor: 'background.paper'
+        },
+        children: jsxRuntime.jsx(edsMaterial.CircularProgress, {})
+      })
     });
   }
   if (isError) {
-    return jsxRuntime.jsx(StyledRunboxContainer, {
-      children: jsxRuntime.jsxs(material.Stack, {
-        gap: "1.5rem",
-        children: [jsxRuntime.jsx(material.Typography, {
-          variant: "h6",
-          children: intl$1.formatMessage({
-            id: 'runbox.runtime.message.startError'
-          })
-        }), jsxRuntime.jsxs(material.Stack, {
-          gap: "0.5rem",
-          children: [jsxRuntime.jsx(material.Button, {
-            startIcon: jsxRuntime.jsx(iconsMaterial.Refresh, {}),
-            onClick: function onClick() {
-              return refetch();
-            },
+    return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
+      theme: theme.runboxLightTheme,
+      children: jsxRuntime.jsx(StyledRunboxContainer, {
+        sx: {
+          backgroundColor: 'background.paper',
+          color: 'text.primary'
+        },
+        children: jsxRuntime.jsxs(edsMaterial.Stack, {
+          sx: {
+            gap: '1.5rem'
+          },
+          children: [jsxRuntime.jsx(edsMaterial.Typography, {
+            variant: "h6",
             children: intl$1.formatMessage({
-              id: 'runbox.common.retry'
+              id: 'runbox.runtime.message.startError'
             })
-          }), typeof showMessenger === 'function' ? jsxRuntime.jsx(material.Button, {
-            variant: "outlined",
-            onClick: function onClick() {
-              return showMessenger();
+          }), jsxRuntime.jsxs(edsMaterial.Stack, {
+            sx: {
+              gap: '0.5rem'
             },
-            children: intl$1.formatMessage({
-              id: 'runbox.common.support'
-            })
-          }) : null]
-        })]
+            children: [jsxRuntime.jsx(edsMaterial.Button, {
+              startIcon: jsxRuntime.jsx(iconsMaterial.Refresh, {}),
+              onClick: function onClick() {
+                return refetch();
+              },
+              children: intl$1.formatMessage({
+                id: 'runbox.common.retry'
+              })
+            }), typeof showMessenger === 'function' ? jsxRuntime.jsx(edsMaterial.Button, {
+              variant: "outlined",
+              onClick: function onClick() {
+                return showMessenger();
+              },
+              children: intl$1.formatMessage({
+                id: 'runbox.common.support'
+              })
+            }) : null]
+          })]
+        })
       })
     });
   }
   if (!enabledLxpPlan) {
-    return jsxRuntime.jsx(StyledRunboxContainer, {
-      sx: {
-        backgroundColor: function backgroundColor(theme) {
-          return theme.palette.background.paper;
-        }
-      },
-      children: jsxRuntime.jsxs(material.Stack, {
-        gap: "0.5rem",
-        textAlign: "center",
-        children: [jsxRuntime.jsx(material.Typography, {
-          variant: "h6",
-          color: "text.secondary",
-          children: intl$1.formatMessage({
-            id: 'runbox.runtime.message.runbox_unavailable'
-          })
-        }), jsxRuntime.jsx(material.Typography, {
-          variant: "body1",
-          whiteSpace: "pre-line",
-          color: "text.tertiary",
-          children: intl$1.formatMessage({
-            id: 'runbox.runtime.message.lxp_plan_required'
-          })
-        })]
+    return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
+      theme: theme.runboxLightTheme,
+      children: jsxRuntime.jsx(StyledRunboxContainer, {
+        sx: {
+          backgroundColor: 'background.paper',
+          color: 'text.primary'
+        },
+        children: jsxRuntime.jsxs(edsMaterial.Stack, {
+          sx: {
+            textAlign: 'center',
+            gap: '0.5rem'
+          },
+          children: [jsxRuntime.jsx(edsMaterial.Typography, {
+            variant: "h6",
+            sx: {
+              color: 'text.secondary'
+            },
+            children: intl$1.formatMessage({
+              id: 'runbox.runtime.message.runbox_unavailable'
+            })
+          }), jsxRuntime.jsx(edsMaterial.Typography, {
+            variant: "body1",
+            sx: {
+              color: 'text.tertiary',
+              whiteSpace: 'pre-line'
+            },
+            children: intl$1.formatMessage({
+              id: 'runbox.runtime.message.lxp_plan_required'
+            })
+          })]
+        })
       })
     });
   }
@@ -275,23 +304,32 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
         });
       },
       onRunboxRefetchRequest: refetch,
+      onRunboxRunningIdChange: onRunboxRunningIdChange,
       children: jsxRuntime.jsx(StyledRunboxContainer, {
-        children: jsxRuntime.jsxs(muiXSnackbar.SnackbarProvider, {
+        children: jsxRuntime.jsx(edsXSnackbar.SnackbarProvider, {
           domRoot: snackbarRoot !== null && snackbarRoot !== void 0 ? snackbarRoot : document.body,
           classes: {
             containerRoot: SNACKBAR_CONTAINER_CLASS
           },
-          children: [jsxRuntime.jsx(MaterialRunboxHeader.default, Object.assign({}, props, {
-            hideTimerPopover: hideTimerPopover
-          })), jsxRuntime.jsx(MaterialRunboxAlert.default, {
-            runbox: runbox,
-            courseId: courseId,
-            studentUserId: studentUserId,
-            userId: userId,
-            isTutoring: isTutoring
-          }), jsxRuntime.jsx(MaterialRunboxBody.default, Object.assign({
-            setSnackbarRoot: setSnackbarRoot
-          }, props)), jsxRuntime.jsx(MaterialRunboxFooter.default, Object.assign({}, props))]
+          children: jsxRuntime.jsxs(MaterialRunboxControlContext.default, Object.assign({}, props, {
+            children: [jsxRuntime.jsx(MaterialRunboxHeader.default, Object.assign({}, props, {
+              hideTimerPopover: hideTimerPopover
+            })), jsxRuntime.jsx(MaterialRunboxAlert.default, {
+              runbox: runbox,
+              courseId: courseId,
+              studentUserId: studentUserId,
+              userId: userId,
+              isTutoring: isTutoring
+            }), jsxRuntime.jsx(MaterialRunboxDiskUsageAlert.default, {
+              runtimeTemplateId: runtimeTemplate.id,
+              courseId: courseId,
+              userId: studentUserId
+            }), jsxRuntime.jsx(MaterialRunboxDiskUsageDialog.default, {
+              runboxId: runbox.id
+            }), jsxRuntime.jsx(MaterialRunboxBody.default, Object.assign({
+              setSnackbarRoot: setSnackbarRoot
+            }, props))]
+          }))
         })
       })
     })