@pie-element/rubric 4.7.3-next.7 → 4.8.0

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_lodash, _dll_pie_lib__pie_toolbox_math_rendering, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@4.1.5/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_lodash, _dll_pie_lib__pie_toolbox_math_rendering, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@4.1.7/module/index.js";
 import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@7.0.4/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -20,7 +20,7 @@ function getAugmentedNamespace(n) {
   });
   return a;
 }
-var styles$9 = {};
+var styles$6 = {};
 var interopRequireDefault = {
   exports: {}
 };
@@ -68,16 +68,16 @@ var warning$2 = function () {};
   };
 }
 var warning_1 = warning$2;
-var _interopRequireDefault$z = interopRequireDefault.exports;
+var _interopRequireDefault$v = interopRequireDefault.exports;
 Object.defineProperty(createGenerateClassName$2, "__esModule", {
   value: true
 });
 createGenerateClassName$2.default = createGenerateClassName$1;
-var _warning$c = _interopRequireDefault$z(warning_1);
+var _warning$b = _interopRequireDefault$v(warning_1);
 var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
 function safePrefix(classNamePrefix) {
   var prefix = String(classNamePrefix);
-  (0, _warning$c.default)(prefix.length < 256, ("Material-UI: the class name prefix is too long: ").concat(prefix, "."));
+  (0, _warning$b.default)(prefix.length < 256, ("Material-UI: the class name prefix is too long: ").concat(prefix, "."));
   return prefix.replace(escapeRegex, '-');
 }
 function createGenerateClassName$1() {
@@ -88,7 +88,7 @@ function createGenerateClassName$1() {
   var ruleCounter = 0;
   return function (rule, styleSheet) {
     ruleCounter += 1;
-    (0, _warning$c.default)(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join(''));
+    (0, _warning$b.default)(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join(''));
     if (dangerouslyUseGlobalCSS && styleSheet && styleSheet.options.name) {
       return ("").concat(safePrefix(styleSheet.options.name), "-").concat(rule.key);
     }
@@ -293,14 +293,14 @@ var isPlainObject = function isPlainObject(o) {
   return true;
 };
 var createBreakpoints$1 = {};
-var _interopRequireDefault$y = interopRequireDefault.exports;
+var _interopRequireDefault$u = interopRequireDefault.exports;
 Object.defineProperty(createBreakpoints$1, "__esModule", {
   value: true
 });
 createBreakpoints$1.default = createBreakpoints;
 createBreakpoints$1.keys = void 0;
-var _extends2$g = _interopRequireDefault$y(_extends$1.exports);
-var _objectWithoutProperties2$f = _interopRequireDefault$y(objectWithoutProperties.exports);
+var _extends2$d = _interopRequireDefault$u(_extends$1.exports);
+var _objectWithoutProperties2$c = _interopRequireDefault$u(objectWithoutProperties.exports);
 var keys = ['xs', 'sm', 'md', 'lg', 'xl'];
 createBreakpoints$1.keys = keys;
 function createBreakpoints(breakpoints) {
@@ -310,7 +310,7 @@ function createBreakpoints(breakpoints) {
     md: 960,
     lg: 1280,
     xl: 1920
-  } : _breakpoints$values, _breakpoints$unit = breakpoints.unit, unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit, _breakpoints$step = breakpoints.step, step = _breakpoints$step === void 0 ? 5 : _breakpoints$step, other = (0, _objectWithoutProperties2$f.default)(breakpoints, ["values", "unit", "step"]);
+  } : _breakpoints$values, _breakpoints$unit = breakpoints.unit, unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit, _breakpoints$step = breakpoints.step, step = _breakpoints$step === void 0 ? 5 : _breakpoints$step, other = (0, _objectWithoutProperties2$c.default)(breakpoints, ["values", "unit", "step"]);
   function up(key) {
     var value = typeof values[key] === 'number' ? values[key] : key;
     return ("@media (min-width:").concat(value).concat(unit, ")");
@@ -337,7 +337,7 @@ function createBreakpoints(breakpoints) {
   function width(key) {
     return values[key];
   }
-  return (0, _extends2$g.default)({
+  return (0, _extends2$d.default)({
     keys: keys,
     values: values,
     up: up,
@@ -348,13 +348,13 @@ function createBreakpoints(breakpoints) {
   }, other);
 }
 var createMixins$1 = {};
-var _interopRequireDefault$x = interopRequireDefault.exports;
+var _interopRequireDefault$t = interopRequireDefault.exports;
 Object.defineProperty(createMixins$1, "__esModule", {
   value: true
 });
 createMixins$1.default = createMixins;
-var _defineProperty2$d = _interopRequireDefault$x(defineProperty$1.exports);
-var _extends3$2 = _interopRequireDefault$x(_extends$1.exports);
+var _defineProperty2$a = _interopRequireDefault$t(defineProperty$1.exports);
+var _extends3$2 = _interopRequireDefault$t(_extends$1.exports);
 function createMixins(breakpoints, spacing, mixins) {
   var _toolbar;
   return (0, _extends3$2.default)({
@@ -363,16 +363,16 @@ function createMixins(breakpoints, spacing, mixins) {
       return (0, _extends3$2.default)({
         paddingLeft: spacing.unit * 2,
         paddingRight: spacing.unit * 2
-      }, styles, (0, _defineProperty2$d.default)({}, breakpoints.up('sm'), (0, _extends3$2.default)({
+      }, styles, (0, _defineProperty2$a.default)({}, breakpoints.up('sm'), (0, _extends3$2.default)({
         paddingLeft: spacing.unit * 3,
         paddingRight: spacing.unit * 3
       }, styles[breakpoints.up('sm')])));
     },
     toolbar: (_toolbar = {
       minHeight: 56
-    }, (0, _defineProperty2$d.default)(_toolbar, ("").concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
+    }, (0, _defineProperty2$a.default)(_toolbar, ("").concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
       minHeight: 48
-    }), (0, _defineProperty2$d.default)(_toolbar, breakpoints.up('sm'), {
+    }), (0, _defineProperty2$a.default)(_toolbar, breakpoints.up('sm'), {
       minHeight: 64
     }), _toolbar)
   }, mixins);
@@ -399,8 +399,8 @@ var indigo = {
   A400: '#3d5afe',
   A700: '#304ffe'
 };
-var _default$F = indigo;
-indigo$1.default = _default$F;
+var _default$C = indigo;
+indigo$1.default = _default$C;
 var pink$1 = {};
 Object.defineProperty(pink$1, "__esModule", {
   value: true
@@ -422,8 +422,8 @@ var pink = {
   A400: '#f50057',
   A700: '#c51162'
 };
-var _default$E = pink;
-pink$1.default = _default$E;
+var _default$B = pink;
+pink$1.default = _default$B;
 var grey$1 = {};
 Object.defineProperty(grey$1, "__esModule", {
   value: true
@@ -445,8 +445,8 @@ var grey = {
   A400: '#303030',
   A700: '#616161'
 };
-var _default$D = grey;
-grey$1.default = _default$D;
+var _default$A = grey;
+grey$1.default = _default$A;
 var red$1 = {};
 Object.defineProperty(red$1, "__esModule", {
   value: true
@@ -468,8 +468,8 @@ var red = {
   A400: '#ff1744',
   A700: '#d50000'
 };
-var _default$C = red;
-red$1.default = _default$C;
+var _default$z = red;
+red$1.default = _default$z;
 var common$1 = {};
 Object.defineProperty(common$1, "__esModule", {
   value: true
@@ -479,10 +479,10 @@ var common = {
   black: '#000',
   white: '#fff'
 };
-var _default$B = common;
-common$1.default = _default$B;
+var _default$y = common;
+common$1.default = _default$y;
 var colorManipulator = {};
-var _interopRequireDefault$w = interopRequireDefault.exports;
+var _interopRequireDefault$s = interopRequireDefault.exports;
 Object.defineProperty(colorManipulator, "__esModule", {
   value: true
 });
@@ -496,11 +496,11 @@ colorManipulator.emphasize = emphasize;
 colorManipulator.fade = fade;
 colorManipulator.darken = darken;
 colorManipulator.lighten = lighten;
-var _warning$b = _interopRequireDefault$w(warning_1);
+var _warning$a = _interopRequireDefault$s(warning_1);
 function clamp(value) {
   var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  (0, _warning$b.default)(value >= min && value <= max, ("Material-UI: the value provided ").concat(value, " is out of range [").concat(min, ", ").concat(max, "]."));
+  (0, _warning$a.default)(value >= min && value <= max, ("Material-UI: the value provided ").concat(value, " is out of range [").concat(min, ", ").concat(max, "]."));
   if (value < min) {
     return min;
   }
@@ -591,7 +591,7 @@ function emphasize(color) {
   return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
 }
 function fade(color, value) {
-  (0, _warning$b.default)(color, ("Material-UI: missing color argument in fade(").concat(color, ", ").concat(value, ")."));
+  (0, _warning$a.default)(color, ("Material-UI: missing color argument in fade(").concat(color, ", ").concat(value, ")."));
   if (!color) return color;
   color = decomposeColor(color);
   value = clamp(value);
@@ -602,7 +602,7 @@ function fade(color, value) {
   return recomposeColor(color);
 }
 function darken(color, coefficient) {
-  (0, _warning$b.default)(color, ("Material-UI: missing color argument in darken(").concat(color, ", ").concat(coefficient, ")."));
+  (0, _warning$a.default)(color, ("Material-UI: missing color argument in darken(").concat(color, ", ").concat(coefficient, ")."));
   if (!color) return color;
   color = decomposeColor(color);
   coefficient = clamp(coefficient);
@@ -616,7 +616,7 @@ function darken(color, coefficient) {
   return recomposeColor(color);
 }
 function lighten(color, coefficient) {
-  (0, _warning$b.default)(color, ("Material-UI: missing color argument in lighten(").concat(color, ", ").concat(coefficient, ")."));
+  (0, _warning$a.default)(color, ("Material-UI: missing color argument in lighten(").concat(color, ", ").concat(coefficient, ")."));
   if (!color) return color;
   color = decomposeColor(color);
   coefficient = clamp(coefficient);
@@ -629,21 +629,21 @@ function lighten(color, coefficient) {
   }
   return recomposeColor(color);
 }
-var _interopRequireDefault$v = interopRequireDefault.exports;
+var _interopRequireDefault$r = interopRequireDefault.exports;
 Object.defineProperty(createPalette$1, "__esModule", {
   value: true
 });
 createPalette$1.default = createPalette;
 createPalette$1.dark = createPalette$1.light = void 0;
-var _extends2$f = _interopRequireDefault$v(_extends$1.exports);
-var _objectWithoutProperties2$e = _interopRequireDefault$v(objectWithoutProperties.exports);
-var _warning$a = _interopRequireDefault$v(warning_1);
-var _deepmerge$3 = _interopRequireDefault$v(umd.exports);
-var _indigo = _interopRequireDefault$v(indigo$1);
-var _pink = _interopRequireDefault$v(pink$1);
-var _grey = _interopRequireDefault$v(grey$1);
-var _red = _interopRequireDefault$v(red$1);
-var _common = _interopRequireDefault$v(common$1);
+var _extends2$c = _interopRequireDefault$r(_extends$1.exports);
+var _objectWithoutProperties2$b = _interopRequireDefault$r(objectWithoutProperties.exports);
+var _warning$9 = _interopRequireDefault$r(warning_1);
+var _deepmerge$3 = _interopRequireDefault$r(umd.exports);
+var _indigo = _interopRequireDefault$r(indigo$1);
+var _pink = _interopRequireDefault$r(pink$1);
+var _grey = _interopRequireDefault$r(grey$1);
+var _red = _interopRequireDefault$r(red$1);
+var _common = _interopRequireDefault$r(common$1);
 var _colorManipulator = colorManipulator;
 var light = {
   text: {
@@ -714,12 +714,12 @@ function createPalette(palette) {
     light: _red.default[300],
     main: _red.default[500],
     dark: _red.default[700]
-  } : _palette$error, _palette$type = palette.type, type = _palette$type === void 0 ? 'light' : _palette$type, _palette$contrastThre = palette.contrastThreshold, contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre, _palette$tonalOffset = palette.tonalOffset, tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset, other = (0, _objectWithoutProperties2$e.default)(palette, ["primary", "secondary", "error", "type", "contrastThreshold", "tonalOffset"]);
+  } : _palette$error, _palette$type = palette.type, type = _palette$type === void 0 ? 'light' : _palette$type, _palette$contrastThre = palette.contrastThreshold, contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre, _palette$tonalOffset = palette.tonalOffset, tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset, other = (0, _objectWithoutProperties2$b.default)(palette, ["primary", "secondary", "error", "type", "contrastThreshold", "tonalOffset"]);
   function getContrastText(background) {
     var contrastText = (0, _colorManipulator.getContrastRatio)(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
     {
       var contrast = (0, _colorManipulator.getContrastRatio)(background, contrastText);
-      (0, _warning$a.default)(contrast >= 3, [("Material-UI: the contrast ratio of ").concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
+      (0, _warning$9.default)(contrast >= 3, [("Material-UI: the contrast ratio of ").concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
     }
     return contrastText;
   }
@@ -747,8 +747,8 @@ function createPalette(palette) {
     dark: dark,
     light: light
   };
-  (0, _warning$a.default)(types[type], ("Material-UI: the palette type `").concat(type, "` is not supported."));
-  var paletteOutput = (0, _deepmerge$3.default)((0, _extends2$f.default)({
+  (0, _warning$9.default)(types[type], ("Material-UI: the palette type `").concat(type, "` is not supported."));
+  var paletteOutput = (0, _deepmerge$3.default)((0, _extends2$c.default)({
     common: _common.default,
     type: type,
     primary: primary,
@@ -934,12 +934,12 @@ var reactIs_development = {};
 {
   reactIs$1.exports = reactIs_development;
 }
-var _interopRequireDefault$u = interopRequireDefault.exports;
+var _interopRequireDefault$q = interopRequireDefault.exports;
 Object.defineProperty(componentPropType$1, "__esModule", {
   value: true
 });
 var default_1$4 = componentPropType$1.default = void 0;
-var _typeof2$2 = _interopRequireDefault$u(_typeof$1.exports);
+var _typeof2$1 = _interopRequireDefault$q(_typeof$1.exports);
 var _reactIs = reactIs$1.exports;
 function createComponentProp(isRequired) {
   return function componentPropType(props, key, componentName, location, propFullName) {
@@ -948,10 +948,10 @@ function createComponentProp(isRequired) {
     var message;
     if (prop == null) {
       if (isRequired) {
-        message = ("The ").concat(location, " `").concat(propName, "` is marked as required in `").concat(componentName, "`, ") + ("but its value is `").concat((0, _typeof2$2.default)(prop), "`.");
+        message = ("The ").concat(location, " `").concat(propName, "` is marked as required in `").concat(componentName, "`, ") + ("but its value is `").concat((0, _typeof2$1.default)(prop), "`.");
       }
     } else if (!(0, _reactIs.isValidElementType)(prop)) {
-      var preciseType = (0, _typeof2$2.default)(prop);
+      var preciseType = (0, _typeof2$1.default)(prop);
       message = ("Invalid ").concat(location, " `").concat(propName, "` of type `").concat(preciseType, "` ") + ("supplied to `").concat(componentName, "`, expected a component.");
     }
     if (message != null) {
@@ -962,8 +962,8 @@ function createComponentProp(isRequired) {
 }
 var componentPropType = createComponentProp(false);
 componentPropType.isRequired = createComponentProp(true);
-var _default$A = componentPropType;
-default_1$4 = componentPropType$1.default = _default$A;
+var _default$x = componentPropType;
+default_1$4 = componentPropType$1.default = _default$x;
 var chainPropTypes$1 = {};
 Object.defineProperty(chainPropTypes$1, "__esModule", {
   value: true
@@ -974,20 +974,20 @@ function chainPropTypes(propType1, propType2) {
     return propType1.apply(void 0, arguments) || propType2.apply(void 0, arguments);
   };
 }
-var _default$z = chainPropTypes;
-default_1$3 = chainPropTypes$1.default = _default$z;
+var _default$w = chainPropTypes;
+default_1$3 = chainPropTypes$1.default = _default$w;
 var exactProp$1 = {};
-var _interopRequireDefault$t = interopRequireDefault.exports;
+var _interopRequireDefault$p = interopRequireDefault.exports;
 Object.defineProperty(exactProp$1, "__esModule", {
   value: true
 });
 var default_1$2 = exactProp$1.default = exactProp$1.specialProperty = void 0;
-var _defineProperty2$c = _interopRequireDefault$t(defineProperty$1.exports);
-var _extends3$1 = _interopRequireDefault$t(_extends$1.exports);
+var _defineProperty2$9 = _interopRequireDefault$p(defineProperty$1.exports);
+var _extends3$1 = _interopRequireDefault$p(_extends$1.exports);
 var specialProperty = "exact-prop: \u200B";
 exactProp$1.specialProperty = specialProperty;
 function exactProp(propTypes) {
-  return (0, _extends3$1.default)({}, propTypes, (0, _defineProperty2$c.default)({}, specialProperty, function (props) {
+  return (0, _extends3$1.default)({}, propTypes, (0, _defineProperty2$9.default)({}, specialProperty, function (props) {
     var unsupportedProps = Object.keys(props).filter(function (prop) {
       return !propTypes.hasOwnProperty(prop);
     });
@@ -999,8 +999,8 @@ function exactProp(propTypes) {
     return null;
   }));
 }
-var _default$y = exactProp;
-default_1$2 = exactProp$1.default = _default$y;
+var _default$v = exactProp;
+default_1$2 = exactProp$1.default = _default$v;
 var getDisplayName$1 = {};
 Object.defineProperty(getDisplayName$1, "__esModule", {
   value: true
@@ -1022,15 +1022,15 @@ function getDisplayName(Component) {
   }
   return Component.displayName || Component.name || getFunctionName(Component) || 'Component';
 }
-var _default$x = getDisplayName;
-default_1$1 = getDisplayName$1.default = _default$x;
+var _default$u = getDisplayName;
+default_1$1 = getDisplayName$1.default = _default$u;
 var ponyfillGlobal = {};
 Object.defineProperty(ponyfillGlobal, "__esModule", {
   value: true
 });
 var default_1 = ponyfillGlobal.default = void 0;
-var _default$w = typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();
-default_1 = ponyfillGlobal.default = _default$w;
+var _default$t = typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();
+default_1 = ponyfillGlobal.default = _default$t;
 var index_es = Object.freeze({
   __proto__: null,
   get componentPropType() {
@@ -1050,16 +1050,16 @@ var index_es = Object.freeze({
   }
 });
 var require$$13$1 = getAugmentedNamespace(index_es);
-var _interopRequireDefault$s = interopRequireDefault.exports;
+var _interopRequireDefault$o = interopRequireDefault.exports;
 Object.defineProperty(createTypography$1, "__esModule", {
   value: true
 });
 createTypography$1.default = createTypography;
-var _extends2$e = _interopRequireDefault$s(_extends$1.exports);
-var _objectWithoutProperties2$d = _interopRequireDefault$s(objectWithoutProperties.exports);
-var _deepmerge$2 = _interopRequireDefault$s(umd.exports);
-var _warning$9 = _interopRequireDefault$s(warning_1);
-var _utils$b = require$$13$1;
+var _extends2$b = _interopRequireDefault$o(_extends$1.exports);
+var _objectWithoutProperties2$a = _interopRequireDefault$o(objectWithoutProperties.exports);
+var _deepmerge$2 = _interopRequireDefault$o(umd.exports);
+var _warning$8 = _interopRequireDefault$o(warning_1);
+var _utils$9 = require$$13$1;
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -1068,14 +1068,14 @@ var caseAllCaps = {
 };
 var defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
 function createTypography(palette, typography) {
-  var _ref = typeof typography === 'function' ? typography(palette) : typography, _ref$fontFamily = _ref.fontFamily, fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily, _ref$fontSize = _ref.fontSize, fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize, _ref$fontWeightLight = _ref.fontWeightLight, fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight, _ref$fontWeightRegula = _ref.fontWeightRegular, fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula, _ref$fontWeightMedium = _ref.fontWeightMedium, fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium, _ref$htmlFontSize = _ref.htmlFontSize, htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize, _ref$useNextVariants = _ref.useNextVariants, useNextVariants = _ref$useNextVariants === void 0 ? Boolean(_utils$b.ponyfillGlobal.__MUI_USE_NEXT_TYPOGRAPHY_VARIANTS__) : _ref$useNextVariants, _ref$suppressWarning = _ref.suppressWarning, suppressWarning = _ref$suppressWarning === void 0 ? false : _ref$suppressWarning, allVariants = _ref.allVariants, other = (0, _objectWithoutProperties2$d.default)(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "htmlFontSize", "useNextVariants", "suppressWarning", "allVariants"]);
-  (0, _warning$9.default)(useNextVariants || suppressWarning, 'Material-UI: you are using the deprecated typography variants ' + 'that will be removed in the next major release.' + '\nPlease read the migration guide under https://v3.material-ui.com/style/typography#migration-to-typography-v2');
+  var _ref = typeof typography === 'function' ? typography(palette) : typography, _ref$fontFamily = _ref.fontFamily, fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily, _ref$fontSize = _ref.fontSize, fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize, _ref$fontWeightLight = _ref.fontWeightLight, fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight, _ref$fontWeightRegula = _ref.fontWeightRegular, fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula, _ref$fontWeightMedium = _ref.fontWeightMedium, fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium, _ref$htmlFontSize = _ref.htmlFontSize, htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize, _ref$useNextVariants = _ref.useNextVariants, useNextVariants = _ref$useNextVariants === void 0 ? Boolean(_utils$9.ponyfillGlobal.__MUI_USE_NEXT_TYPOGRAPHY_VARIANTS__) : _ref$useNextVariants, _ref$suppressWarning = _ref.suppressWarning, suppressWarning = _ref$suppressWarning === void 0 ? false : _ref$suppressWarning, allVariants = _ref.allVariants, other = (0, _objectWithoutProperties2$a.default)(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "htmlFontSize", "useNextVariants", "suppressWarning", "allVariants"]);
+  (0, _warning$8.default)(useNextVariants || suppressWarning, 'Material-UI: you are using the deprecated typography variants ' + 'that will be removed in the next major release.' + '\nPlease read the migration guide under https://v3.material-ui.com/style/typography#migration-to-typography-v2');
   var coef = fontSize / 14;
   var pxToRem = function pxToRem(size) {
     return ("").concat(size / htmlFontSize * coef, "rem");
   };
   var buildVariant = function buildVariant(fontWeight, size, lineHeight, letterSpacing, casing) {
-    return (0, _extends2$e.default)({
+    return (0, _extends2$b.default)({
       color: palette.text.primary,
       fontFamily: fontFamily,
       fontWeight: fontWeight,
@@ -1101,7 +1101,7 @@ function createTypography(palette, typography) {
     overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
   };
   var oldVariants = {
-    display4: (0, _extends2$e.default)({
+    display4: (0, _extends2$b.default)({
       fontSize: pxToRem(112),
       fontWeight: fontWeightLight,
       fontFamily: fontFamily,
@@ -1110,7 +1110,7 @@ function createTypography(palette, typography) {
       marginLeft: '-.04em',
       color: palette.text.secondary
     }, allVariants),
-    display3: (0, _extends2$e.default)({
+    display3: (0, _extends2$b.default)({
       fontSize: pxToRem(56),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
@@ -1119,7 +1119,7 @@ function createTypography(palette, typography) {
       marginLeft: '-.02em',
       color: palette.text.secondary
     }, allVariants),
-    display2: (0, _extends2$e.default)({
+    display2: (0, _extends2$b.default)({
       fontSize: pxToRem(45),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
@@ -1127,56 +1127,56 @@ function createTypography(palette, typography) {
       marginLeft: '-.02em',
       color: palette.text.secondary
     }, allVariants),
-    display1: (0, _extends2$e.default)({
+    display1: (0, _extends2$b.default)({
       fontSize: pxToRem(34),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: ("").concat(round(41 / 34), "em"),
       color: palette.text.secondary
     }, allVariants),
-    headline: (0, _extends2$e.default)({
+    headline: (0, _extends2$b.default)({
       fontSize: pxToRem(24),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: ("").concat(round(32.5 / 24), "em"),
       color: palette.text.primary
     }, allVariants),
-    title: (0, _extends2$e.default)({
+    title: (0, _extends2$b.default)({
       fontSize: pxToRem(21),
       fontWeight: fontWeightMedium,
       fontFamily: fontFamily,
       lineHeight: ("").concat(round(24.5 / 21), "em"),
       color: palette.text.primary
     }, allVariants),
-    subheading: (0, _extends2$e.default)({
+    subheading: (0, _extends2$b.default)({
       fontSize: pxToRem(16),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: ("").concat(round(24 / 16), "em"),
       color: palette.text.primary
     }, allVariants),
-    body2: (0, _extends2$e.default)({
+    body2: (0, _extends2$b.default)({
       fontSize: pxToRem(14),
       fontWeight: fontWeightMedium,
       fontFamily: fontFamily,
       lineHeight: ("").concat(round(24 / 14), "em"),
       color: palette.text.primary
     }, allVariants),
-    body1: (0, _extends2$e.default)({
+    body1: (0, _extends2$b.default)({
       fontSize: pxToRem(14),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: ("").concat(round(20.5 / 14), "em"),
       color: palette.text.primary
     }, allVariants),
-    caption: (0, _extends2$e.default)({
+    caption: (0, _extends2$b.default)({
       fontSize: pxToRem(12),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: ("").concat(round(16.5 / 12), "em"),
       color: palette.text.secondary
     }, allVariants),
-    button: (0, _extends2$e.default)({
+    button: (0, _extends2$b.default)({
       fontSize: pxToRem(14),
       textTransform: 'uppercase',
       fontWeight: fontWeightMedium,
@@ -1184,7 +1184,7 @@ function createTypography(palette, typography) {
       color: palette.text.primary
     }, allVariants)
   };
-  return (0, _deepmerge$2.default)((0, _extends2$e.default)({
+  return (0, _deepmerge$2.default)((0, _extends2$b.default)({
     pxToRem: pxToRem,
     round: round,
     fontFamily: fontFamily,
@@ -1215,8 +1215,8 @@ function createShadow() {
   return [("").concat(arguments.length <= 0 ? undefined : arguments[0], "px ").concat(arguments.length <= 1 ? undefined : arguments[1], "px ").concat(arguments.length <= 2 ? undefined : arguments[2], "px ").concat(arguments.length <= 3 ? undefined : arguments[3], "px rgba(0,0,0,").concat(shadowKeyUmbraOpacity, ")"), ("").concat(arguments.length <= 4 ? undefined : arguments[4], "px ").concat(arguments.length <= 5 ? undefined : arguments[5], "px ").concat(arguments.length <= 6 ? undefined : arguments[6], "px ").concat(arguments.length <= 7 ? undefined : arguments[7], "px rgba(0,0,0,").concat(shadowKeyPenumbraOpacity, ")"), ("").concat(arguments.length <= 8 ? undefined : arguments[8], "px ").concat(arguments.length <= 9 ? undefined : arguments[9], "px ").concat(arguments.length <= 10 ? undefined : arguments[10], "px ").concat(arguments.length <= 11 ? undefined : arguments[11], "px rgba(0,0,0,").concat(shadowAmbientShadowOpacity, ")")].join(',');
 }
 var shadows = ['none', createShadow(0, 1, 3, 0, 0, 1, 1, 0, 0, 2, 1, -1), createShadow(0, 1, 5, 0, 0, 2, 2, 0, 0, 3, 1, -2), createShadow(0, 1, 8, 0, 0, 3, 4, 0, 0, 3, 3, -2), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
-var _default$v = shadows;
-shadows$1.default = _default$v;
+var _default$s = shadows;
+shadows$1.default = _default$s;
 var shape$1 = {};
 Object.defineProperty(shape$1, "__esModule", {
   value: true
@@ -1225,8 +1225,8 @@ shape$1.default = void 0;
 var shape = {
   borderRadius: 4
 };
-var _default$u = shape;
-shape$1.default = _default$u;
+var _default$r = shape;
+shape$1.default = _default$r;
 var spacing$1 = {};
 Object.defineProperty(spacing$1, "__esModule", {
   value: true
@@ -1235,16 +1235,16 @@ spacing$1.default = void 0;
 var spacing = {
   unit: 8
 };
-var _default$t = spacing;
-spacing$1.default = _default$t;
+var _default$q = spacing;
+spacing$1.default = _default$q;
 var transitions = {};
-var _interopRequireDefault$r = interopRequireDefault.exports;
+var _interopRequireDefault$n = interopRequireDefault.exports;
 Object.defineProperty(transitions, "__esModule", {
   value: true
 });
 transitions.default = transitions.isNumber = transitions.isString = transitions.formatMs = transitions.duration = transitions.easing = void 0;
-var _objectWithoutProperties2$c = _interopRequireDefault$r(objectWithoutProperties.exports);
-var _warning$8 = _interopRequireDefault$r(warning_1);
+var _objectWithoutProperties2$9 = _interopRequireDefault$n(objectWithoutProperties.exports);
+var _warning$7 = _interopRequireDefault$n(warning_1);
 var easing = {
   easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
   easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',
@@ -1274,18 +1274,18 @@ var isNumber = function isNumber(value) {
   return !isNaN(parseFloat(value));
 };
 transitions.isNumber = isNumber;
-var _default$s = {
+var _default$p = {
   easing: easing,
   duration: duration,
   create: function create() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var _options$duration = options.duration, durationOption = _options$duration === void 0 ? duration.standard : _options$duration, _options$easing = options.easing, easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing, _options$delay = options.delay, delay = _options$delay === void 0 ? 0 : _options$delay, other = (0, _objectWithoutProperties2$c.default)(options, ["duration", "easing", "delay"]);
-    (0, _warning$8.default)(isString(props) || Array.isArray(props), 'Material-UI: argument "props" must be a string or Array.');
-    (0, _warning$8.default)(isNumber(durationOption) || isString(durationOption), ("Material-UI: argument \"duration\" must be a number or a string but found ").concat(durationOption, "."));
-    (0, _warning$8.default)(isString(easingOption), 'Material-UI: argument "easing" must be a string.');
-    (0, _warning$8.default)(isNumber(delay) || isString(delay), 'Material-UI: argument "delay" must be a number or a string.');
-    (0, _warning$8.default)(Object.keys(other).length === 0, ("Material-UI: unrecognized argument(s) [").concat(Object.keys(other).join(','), "]"));
+    var _options$duration = options.duration, durationOption = _options$duration === void 0 ? duration.standard : _options$duration, _options$easing = options.easing, easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing, _options$delay = options.delay, delay = _options$delay === void 0 ? 0 : _options$delay, other = (0, _objectWithoutProperties2$9.default)(options, ["duration", "easing", "delay"]);
+    (0, _warning$7.default)(isString(props) || Array.isArray(props), 'Material-UI: argument "props" must be a string or Array.');
+    (0, _warning$7.default)(isNumber(durationOption) || isString(durationOption), ("Material-UI: argument \"duration\" must be a number or a string but found ").concat(durationOption, "."));
+    (0, _warning$7.default)(isString(easingOption), 'Material-UI: argument "easing" must be a string.');
+    (0, _warning$7.default)(isNumber(delay) || isString(delay), 'Material-UI: argument "delay" must be a number or a string.');
+    (0, _warning$7.default)(Object.keys(other).length === 0, ("Material-UI: unrecognized argument(s) [").concat(Object.keys(other).join(','), "]"));
     return (Array.isArray(props) ? props : [props]).map(function (animatedProp) {
       return ("").concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : formatMs(delay));
     }).join(',');
@@ -1298,7 +1298,7 @@ var _default$s = {
     return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
   }
 };
-transitions.default = _default$s;
+transitions.default = _default$p;
 var zIndex$1 = {};
 Object.defineProperty(zIndex$1, "__esModule", {
   value: true
@@ -1312,35 +1312,35 @@ var zIndex = {
   snackbar: 1400,
   tooltip: 1500
 };
-var _default$r = zIndex;
-zIndex$1.default = _default$r;
-var _interopRequireDefault$q = interopRequireDefault.exports;
+var _default$o = zIndex;
+zIndex$1.default = _default$o;
+var _interopRequireDefault$m = interopRequireDefault.exports;
 Object.defineProperty(createMuiTheme$1, "__esModule", {
   value: true
 });
 createMuiTheme$1.default = void 0;
-var _defineProperty2$b = _interopRequireDefault$q(defineProperty$1.exports);
-var _extends2$d = _interopRequireDefault$q(_extends$1.exports);
-var _objectWithoutProperties2$b = _interopRequireDefault$q(objectWithoutProperties.exports);
-var _deepmerge$1 = _interopRequireDefault$q(umd.exports);
-var _isPlainObject = _interopRequireDefault$q(isPlainObject);
-var _warning$7 = _interopRequireDefault$q(warning_1);
-var _createBreakpoints = _interopRequireDefault$q(createBreakpoints$1);
-var _createMixins = _interopRequireDefault$q(createMixins$1);
-var _createPalette = _interopRequireDefault$q(createPalette$1);
-var _createTypography = _interopRequireDefault$q(createTypography$1);
-var _shadows = _interopRequireDefault$q(shadows$1);
-var _shape = _interopRequireDefault$q(shape$1);
-var _spacing = _interopRequireDefault$q(spacing$1);
-var _transitions$1 = _interopRequireDefault$q(transitions);
-var _zIndex = _interopRequireDefault$q(zIndex$1);
+var _defineProperty2$8 = _interopRequireDefault$m(defineProperty$1.exports);
+var _extends2$a = _interopRequireDefault$m(_extends$1.exports);
+var _objectWithoutProperties2$8 = _interopRequireDefault$m(objectWithoutProperties.exports);
+var _deepmerge$1 = _interopRequireDefault$m(umd.exports);
+var _isPlainObject = _interopRequireDefault$m(isPlainObject);
+var _warning$6 = _interopRequireDefault$m(warning_1);
+var _createBreakpoints = _interopRequireDefault$m(createBreakpoints$1);
+var _createMixins = _interopRequireDefault$m(createMixins$1);
+var _createPalette = _interopRequireDefault$m(createPalette$1);
+var _createTypography = _interopRequireDefault$m(createTypography$1);
+var _shadows = _interopRequireDefault$m(shadows$1);
+var _shape = _interopRequireDefault$m(shape$1);
+var _spacing = _interopRequireDefault$m(spacing$1);
+var _transitions$1 = _interopRequireDefault$m(transitions);
+var _zIndex = _interopRequireDefault$m(zIndex$1);
 function createMuiTheme() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _options$breakpoints = options.breakpoints, breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints, _options$mixins = options.mixins, mixinsInput = _options$mixins === void 0 ? {} : _options$mixins, _options$palette = options.palette, paletteInput = _options$palette === void 0 ? {} : _options$palette, shadowsInput = options.shadows, _options$spacing = options.spacing, spacingInput = _options$spacing === void 0 ? {} : _options$spacing, _options$typography = options.typography, typographyInput = _options$typography === void 0 ? {} : _options$typography, other = (0, _objectWithoutProperties2$b.default)(options, ["breakpoints", "mixins", "palette", "shadows", "spacing", "typography"]);
+  var _options$breakpoints = options.breakpoints, breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints, _options$mixins = options.mixins, mixinsInput = _options$mixins === void 0 ? {} : _options$mixins, _options$palette = options.palette, paletteInput = _options$palette === void 0 ? {} : _options$palette, shadowsInput = options.shadows, _options$spacing = options.spacing, spacingInput = _options$spacing === void 0 ? {} : _options$spacing, _options$typography = options.typography, typographyInput = _options$typography === void 0 ? {} : _options$typography, other = (0, _objectWithoutProperties2$8.default)(options, ["breakpoints", "mixins", "palette", "shadows", "spacing", "typography"]);
   var palette = (0, _createPalette.default)(paletteInput);
   var breakpoints = (0, _createBreakpoints.default)(breakpointsInput);
-  var spacing = (0, _extends2$d.default)({}, _spacing.default, spacingInput);
-  var muiTheme = (0, _extends2$d.default)({
+  var spacing = (0, _extends2$a.default)({}, _spacing.default, spacingInput);
+  var muiTheme = (0, _extends2$a.default)({
     breakpoints: breakpoints,
     direction: 'ltr',
     mixins: (0, _createMixins.default)(breakpoints, spacing, mixinsInput),
@@ -1369,17 +1369,17 @@ function createMuiTheme() {
             traverse(child, key, depth + 1);
           }
         } else if (statesWarning.indexOf(key) !== -1 && Object.keys(child).length > 0) {
-          (0, _warning$7.default)(false, [("Material-UI: the `").concat(parentKey, "` component increases ") + ("the CSS specificity of the `").concat(key, "` internal state."), 'You can not override it like this: ', JSON.stringify(node, null, 2), '', 'Instead, you need to use the $ruleName syntax:', JSON.stringify((0, _defineProperty2$b.default)({}, ("&$").concat(key), child), null, 2), '', 'https://v3.material-ui.com/customization/overrides#internal-states'].join('\n'));
+          (0, _warning$6.default)(false, [("Material-UI: the `").concat(parentKey, "` component increases ") + ("the CSS specificity of the `").concat(key, "` internal state."), 'You can not override it like this: ', JSON.stringify(node, null, 2), '', 'Instead, you need to use the $ruleName syntax:', JSON.stringify((0, _defineProperty2$8.default)({}, ("&$").concat(key), child), null, 2), '', 'https://v3.material-ui.com/customization/overrides#internal-states'].join('\n'));
         }
       }
     };
     traverse(other.overrides);
   }
-  (0, _warning$7.default)(muiTheme.shadows.length === 25, 'Material-UI: the shadows array provided to createMuiTheme should support 25 elevations.');
+  (0, _warning$6.default)(muiTheme.shadows.length === 25, 'Material-UI: the shadows array provided to createMuiTheme should support 25 elevations.');
   return muiTheme;
 }
-var _default$q = createMuiTheme;
-createMuiTheme$1.default = _default$q;
+var _default$n = createMuiTheme;
+createMuiTheme$1.default = _default$n;
 var jssPreset$1 = {};
 var lib$7 = {};
 var lib$6 = {};
@@ -3839,9 +3839,9 @@ var _extends = Object.assign || (function (target) {
   return target;
 });
 lib$5.default = jssNested;
-var _warning$6 = browser;
-var _warning2 = _interopRequireDefault$p(_warning$6);
-function _interopRequireDefault$p(obj) {
+var _warning$5 = browser;
+var _warning2 = _interopRequireDefault$l(_warning$5);
+function _interopRequireDefault$l(obj) {
   return obj && obj.__esModule ? obj : {
     default: obj
   };
@@ -4416,24 +4416,24 @@ var lib = {};
   }
 })(lib);
 getDefaultExportFromCjs(lib);
-var _interopRequireDefault$o = interopRequireDefault.exports;
+var _interopRequireDefault$k = interopRequireDefault.exports;
 Object.defineProperty(jssPreset$1, "__esModule", {
   value: true
 });
 jssPreset$1.default = void 0;
-var _jssGlobal = _interopRequireDefault$o(lib$7);
-var _jssNested = _interopRequireDefault$o(lib$5);
-var _jssCamelCase = _interopRequireDefault$o(lib$4);
-var _jssDefaultUnit = _interopRequireDefault$o(lib$3);
-var _jssVendorPrefixer = _interopRequireDefault$o(lib$2);
-var _jssPropsSort = _interopRequireDefault$o(lib);
+var _jssGlobal = _interopRequireDefault$k(lib$7);
+var _jssNested = _interopRequireDefault$k(lib$5);
+var _jssCamelCase = _interopRequireDefault$k(lib$4);
+var _jssDefaultUnit = _interopRequireDefault$k(lib$3);
+var _jssVendorPrefixer = _interopRequireDefault$k(lib$2);
+var _jssPropsSort = _interopRequireDefault$k(lib);
 function jssPreset() {
   return {
     plugins: [(0, _jssGlobal.default)(), (0, _jssNested.default)(), (0, _jssCamelCase.default)(), (0, _jssDefaultUnit.default)(), typeof window === 'undefined' ? null : (0, _jssVendorPrefixer.default)(), (0, _jssPropsSort.default)()]
   };
 }
-var _default$p = jssPreset;
-jssPreset$1.default = _default$p;
+var _default$m = jssPreset;
+jssPreset$1.default = _default$m;
 var MuiThemeProvider = {};
 var interopRequireWildcard = {
   exports: {}
@@ -4642,16 +4642,16 @@ var brcast_es = Object.freeze({
 });
 var require$$12$2 = getAugmentedNamespace(brcast_es);
 var themeListener$1 = {};
-var _interopRequireDefault$n = interopRequireDefault.exports;
+var _interopRequireDefault$j = interopRequireDefault.exports;
 Object.defineProperty(themeListener$1, "__esModule", {
   value: true
 });
 themeListener$1.default = themeListener$1.CHANNEL = void 0;
-var _defineProperty2$a = _interopRequireDefault$n(defineProperty$1.exports);
+var _defineProperty2$7 = _interopRequireDefault$j(defineProperty$1.exports);
 var CHANNEL = '__THEMING__';
 themeListener$1.CHANNEL = CHANNEL;
 var themeListener = {
-  contextTypes: (0, _defineProperty2$a.default)({}, CHANNEL, function () {}),
+  contextTypes: (0, _defineProperty2$7.default)({}, CHANNEL, function () {}),
   initial: function initial(context) {
     if (!context[CHANNEL]) {
       return null;
@@ -4670,28 +4670,28 @@ var themeListener = {
     }
   }
 };
-var _default$o = themeListener;
-themeListener$1.default = _default$o;
+var _default$l = themeListener;
+themeListener$1.default = _default$l;
 const require$$9$4 = _dll_react;
 const require$$10$5 = _dll_prop_types;
 var _interopRequireWildcard$1 = interopRequireWildcard.exports;
-var _interopRequireDefault$m = interopRequireDefault.exports;
+var _interopRequireDefault$i = interopRequireDefault.exports;
 Object.defineProperty(MuiThemeProvider, "__esModule", {
   value: true
 });
 MuiThemeProvider.default = MuiThemeProvider.MuiThemeProviderOld = void 0;
-var _extends2$c = _interopRequireDefault$m(_extends$1.exports);
-var _defineProperty2$9 = _interopRequireDefault$m(defineProperty$1.exports);
-var _classCallCheck2$7 = _interopRequireDefault$m(classCallCheck.exports);
-var _createClass2$7 = _interopRequireDefault$m(createClass.exports);
-var _possibleConstructorReturn2$7 = _interopRequireDefault$m(possibleConstructorReturn.exports);
-var _getPrototypeOf2$2 = _interopRequireDefault$m(getPrototypeOf$1.exports);
-var _inherits2$7 = _interopRequireDefault$m(inherits.exports);
-var _react$h = _interopRequireDefault$m(require$$9$4);
-var _propTypes$e = _interopRequireDefault$m(require$$10$5);
-var _warning$5 = _interopRequireDefault$m(warning_1);
-var _brcast = _interopRequireDefault$m(require$$12$2);
-var _utils$a = require$$13$1;
+var _extends2$9 = _interopRequireDefault$i(_extends$1.exports);
+var _defineProperty2$6 = _interopRequireDefault$i(defineProperty$1.exports);
+var _classCallCheck2$7 = _interopRequireDefault$i(classCallCheck.exports);
+var _createClass2$7 = _interopRequireDefault$i(createClass.exports);
+var _possibleConstructorReturn2$7 = _interopRequireDefault$i(possibleConstructorReturn.exports);
+var _getPrototypeOf2$2 = _interopRequireDefault$i(getPrototypeOf$1.exports);
+var _inherits2$7 = _interopRequireDefault$i(inherits.exports);
+var _react$e = _interopRequireDefault$i(require$$9$4);
+var _propTypes$b = _interopRequireDefault$i(require$$10$5);
+var _warning$4 = _interopRequireDefault$i(warning_1);
+var _brcast = _interopRequireDefault$i(require$$12$2);
+var _utils$8 = require$$13$1;
 var _themeListener$2 = _interopRequireWildcard$1(themeListener$1);
 var MuiThemeProviderOld = (function (_React$Component) {
   (0, _inherits2$7.default)(MuiThemeProviderOld, _React$Component);
@@ -4719,7 +4719,7 @@ var MuiThemeProviderOld = (function (_React$Component) {
       if (sheetsManager !== undefined) {
         muiThemeProviderOptions.sheetsManager = sheetsManager;
       }
-      return (_ref = {}, (0, _defineProperty2$9.default)(_ref, _themeListener$2.CHANNEL, this.broadcast), (0, _defineProperty2$9.default)(_ref, "muiThemeProviderOptions", muiThemeProviderOptions), _ref);
+      return (_ref = {}, (0, _defineProperty2$6.default)(_ref, _themeListener$2.CHANNEL, this.broadcast), (0, _defineProperty2$6.default)(_ref, "muiThemeProviderOptions", muiThemeProviderOptions), _ref);
     }
   }, {
     key: "componentDidMount",
@@ -4748,13 +4748,13 @@ var MuiThemeProviderOld = (function (_React$Component) {
     key: "mergeOuterLocalTheme",
     value: function mergeOuterLocalTheme(localTheme) {
       if (typeof localTheme === 'function') {
-        (0, _warning$5.default)(this.outerTheme, ['Material-UI: you are providing a theme function property ' + 'to the MuiThemeProvider component:', '<MuiThemeProvider theme={outerTheme => outerTheme} />', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
+        (0, _warning$4.default)(this.outerTheme, ['Material-UI: you are providing a theme function property ' + 'to the MuiThemeProvider component:', '<MuiThemeProvider theme={outerTheme => outerTheme} />', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
         return localTheme(this.outerTheme);
       }
       if (!this.outerTheme) {
         return localTheme;
       }
-      return (0, _extends2$c.default)({}, this.outerTheme, localTheme);
+      return (0, _extends2$9.default)({}, this.outerTheme, localTheme);
     }
   }, {
     key: "render",
@@ -4763,32 +4763,32 @@ var MuiThemeProviderOld = (function (_React$Component) {
     }
   }]);
   return MuiThemeProviderOld;
-})(_react$h.default.Component);
+})(_react$e.default.Component);
 MuiThemeProvider.MuiThemeProviderOld = MuiThemeProviderOld;
 MuiThemeProviderOld.propTypes = {
-  children: _propTypes$e.default.node.isRequired,
-  disableStylesGeneration: _propTypes$e.default.bool,
-  sheetsCache: _propTypes$e.default.object,
-  sheetsManager: _propTypes$e.default.object,
-  theme: _propTypes$e.default.oneOfType([_propTypes$e.default.object, _propTypes$e.default.func]).isRequired
+  children: _propTypes$b.default.node.isRequired,
+  disableStylesGeneration: _propTypes$b.default.bool,
+  sheetsCache: _propTypes$b.default.object,
+  sheetsManager: _propTypes$b.default.object,
+  theme: _propTypes$b.default.oneOfType([_propTypes$b.default.object, _propTypes$b.default.func]).isRequired
 };
 {
-  MuiThemeProviderOld.propTypes = (0, _utils$a.exactProp)(MuiThemeProviderOld.propTypes);
+  MuiThemeProviderOld.propTypes = (0, _utils$8.exactProp)(MuiThemeProviderOld.propTypes);
 }
-MuiThemeProviderOld.childContextTypes = (0, _extends2$c.default)({}, _themeListener$2.default.contextTypes, {
-  muiThemeProviderOptions: _propTypes$e.default.object
+MuiThemeProviderOld.childContextTypes = (0, _extends2$9.default)({}, _themeListener$2.default.contextTypes, {
+  muiThemeProviderOptions: _propTypes$b.default.object
 });
-MuiThemeProviderOld.contextTypes = (0, _extends2$c.default)({}, _themeListener$2.default.contextTypes, {
-  muiThemeProviderOptions: _propTypes$e.default.object
+MuiThemeProviderOld.contextTypes = (0, _extends2$9.default)({}, _themeListener$2.default.contextTypes, {
+  muiThemeProviderOptions: _propTypes$b.default.object
 });
-if (!_utils$a.ponyfillGlobal.__MUI_STYLES__) {
-  _utils$a.ponyfillGlobal.__MUI_STYLES__ = {};
+if (!_utils$8.ponyfillGlobal.__MUI_STYLES__) {
+  _utils$8.ponyfillGlobal.__MUI_STYLES__ = {};
 }
-if (!_utils$a.ponyfillGlobal.__MUI_STYLES__.MuiThemeProvider) {
-  _utils$a.ponyfillGlobal.__MUI_STYLES__.MuiThemeProvider = MuiThemeProviderOld;
+if (!_utils$8.ponyfillGlobal.__MUI_STYLES__.MuiThemeProvider) {
+  _utils$8.ponyfillGlobal.__MUI_STYLES__.MuiThemeProvider = MuiThemeProviderOld;
 }
-var _default$n = _utils$a.ponyfillGlobal.__MUI_STYLES__.MuiThemeProvider;
-MuiThemeProvider.default = _default$n;
+var _default$k = _utils$8.ponyfillGlobal.__MUI_STYLES__.MuiThemeProvider;
+MuiThemeProvider.default = _default$k;
 var createStyles$1 = {};
 Object.defineProperty(createStyles$1, "__esModule", {
   value: true
@@ -4888,39 +4888,39 @@ var ns = {
   sheetsRegistry: 'd4bd0baacbc52bbd48bbb9eb24344ecd',
   sheetOptions: '6fc570d6bd61383819d0f9e7407c452d'
 };
-var _default$m = ns;
-reactJssContext.default = _default$m;
+var _default$j = ns;
+reactJssContext.default = _default$j;
 var mergeClasses$1 = {};
-var _interopRequireDefault$l = interopRequireDefault.exports;
+var _interopRequireDefault$h = interopRequireDefault.exports;
 Object.defineProperty(mergeClasses$1, "__esModule", {
   value: true
 });
 mergeClasses$1.default = void 0;
-var _extends2$b = _interopRequireDefault$l(_extends$1.exports);
-var _warning$4 = _interopRequireDefault$l(warning_1);
-var _utils$9 = require$$13$1;
+var _extends2$8 = _interopRequireDefault$h(_extends$1.exports);
+var _warning$3 = _interopRequireDefault$h(warning_1);
+var _utils$7 = require$$13$1;
 function mergeClasses() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var baseClasses = options.baseClasses, newClasses = options.newClasses, Component = options.Component;
   if (!newClasses) {
     return baseClasses;
   }
-  var nextClasses = (0, _extends2$b.default)({}, baseClasses);
+  var nextClasses = (0, _extends2$8.default)({}, baseClasses);
   if (typeof newClasses === 'string') {
-    (0, _warning$4.default)(false, [("Material-UI: the value `").concat(newClasses, "` ") + ("provided to the classes property of ").concat((0, _utils$9.getDisplayName)(Component), " is incorrect."), 'You might want to use the className property instead.'].join('\n'));
+    (0, _warning$3.default)(false, [("Material-UI: the value `").concat(newClasses, "` ") + ("provided to the classes property of ").concat((0, _utils$7.getDisplayName)(Component), " is incorrect."), 'You might want to use the className property instead.'].join('\n'));
     return baseClasses;
   }
   Object.keys(newClasses).forEach(function (key) {
-    (0, _warning$4.default)(baseClasses[key] || !newClasses[key], [("Material-UI: the key `").concat(key, "` ") + ("provided to the classes property is not implemented in ").concat((0, _utils$9.getDisplayName)(Component), "."), ("You can only override one of the following: ").concat(Object.keys(baseClasses).join(','), ".")].join('\n'));
-    (0, _warning$4.default)(!newClasses[key] || typeof newClasses[key] === 'string', [("Material-UI: the key `").concat(key, "` ") + ("provided to the classes property is not valid for ").concat((0, _utils$9.getDisplayName)(Component), "."), ("You need to provide a non empty string instead of: ").concat(newClasses[key], ".")].join('\n'));
+    (0, _warning$3.default)(baseClasses[key] || !newClasses[key], [("Material-UI: the key `").concat(key, "` ") + ("provided to the classes property is not implemented in ").concat((0, _utils$7.getDisplayName)(Component), "."), ("You can only override one of the following: ").concat(Object.keys(baseClasses).join(','), ".")].join('\n'));
+    (0, _warning$3.default)(!newClasses[key] || typeof newClasses[key] === 'string', [("Material-UI: the key `").concat(key, "` ") + ("provided to the classes property is not valid for ").concat((0, _utils$7.getDisplayName)(Component), "."), ("You need to provide a non empty string instead of: ").concat(newClasses[key], ".")].join('\n'));
     if (newClasses[key]) {
       nextClasses[key] = ("").concat(baseClasses[key], " ").concat(newClasses[key]);
     }
   });
   return nextClasses;
 }
-var _default$l = mergeClasses;
-mergeClasses$1.default = _default$l;
+var _default$i = mergeClasses;
+mergeClasses$1.default = _default$i;
 var multiKeyStore$1 = {};
 Object.defineProperty(multiKeyStore$1, "__esModule", {
   value: true
@@ -4944,33 +4944,33 @@ var multiKeyStore = {
     subCache.delete(key2);
   }
 };
-var _default$k = multiKeyStore;
-multiKeyStore$1.default = _default$k;
+var _default$h = multiKeyStore;
+multiKeyStore$1.default = _default$h;
 var getStylesCreator$1 = {};
-var _interopRequireDefault$k = interopRequireDefault.exports;
+var _interopRequireDefault$g = interopRequireDefault.exports;
 Object.defineProperty(getStylesCreator$1, "__esModule", {
   value: true
 });
 getStylesCreator$1.default = void 0;
-var _extends2$a = _interopRequireDefault$k(_extends$1.exports);
-var _typeof2$1 = _interopRequireDefault$k(_typeof$1.exports);
-var _warning$3 = _interopRequireDefault$k(warning_1);
-var _deepmerge = _interopRequireDefault$k(umd.exports);
+var _extends2$7 = _interopRequireDefault$g(_extends$1.exports);
+var _typeof2 = _interopRequireDefault$g(_typeof$1.exports);
+var _warning$2 = _interopRequireDefault$g(warning_1);
+var _deepmerge = _interopRequireDefault$g(umd.exports);
 function arrayMerge(destination, source) {
   return source;
 }
 function getStylesCreator(stylesOrCreator) {
   var themingEnabled = typeof stylesOrCreator === 'function';
-  (0, _warning$3.default)((0, _typeof2$1.default)(stylesOrCreator) === 'object' || themingEnabled, ['Material-UI: the first argument provided to withStyles() is invalid.', 'You need to provide a function generating the styles or a styles object.'].join('\n'));
+  (0, _warning$2.default)((0, _typeof2.default)(stylesOrCreator) === 'object' || themingEnabled, ['Material-UI: the first argument provided to withStyles() is invalid.', 'You need to provide a function generating the styles or a styles object.'].join('\n'));
   function create(theme, name) {
     var styles = themingEnabled ? stylesOrCreator(theme) : stylesOrCreator;
     if (!name || !theme.overrides || !theme.overrides[name]) {
       return styles;
     }
     var overrides = theme.overrides[name];
-    var stylesWithOverrides = (0, _extends2$a.default)({}, styles);
+    var stylesWithOverrides = (0, _extends2$7.default)({}, styles);
     Object.keys(overrides).forEach(function (key) {
-      (0, _warning$3.default)(stylesWithOverrides[key], ['Material-UI: you are trying to override a style that does not exist.', ("Fix the `").concat(key, "` key of `theme.overrides.").concat(name, "`.")].join('\n'));
+      (0, _warning$2.default)(stylesWithOverrides[key], ['Material-UI: you are trying to override a style that does not exist.', ("Fix the `").concat(key, "` key of `theme.overrides.").concat(name, "`.")].join('\n'));
       stylesWithOverrides[key] = (0, _deepmerge.default)(stylesWithOverrides[key], overrides[key], {
         arrayMerge: arrayMerge
       });
@@ -4983,8 +4983,8 @@ function getStylesCreator(stylesOrCreator) {
     themingEnabled: themingEnabled
   };
 }
-var _default$j = getStylesCreator;
-getStylesCreator$1.default = _default$j;
+var _default$g = getStylesCreator;
+getStylesCreator$1.default = _default$g;
 var getThemeProps$1 = {};
 Object.defineProperty(getThemeProps$1, "__esModule", {
   value: true
@@ -5004,38 +5004,38 @@ function getThemeProps(params) {
   }
   return props;
 }
-var _default$i = getThemeProps;
-getThemeProps$1.default = _default$i;
+var _default$f = getThemeProps;
+getThemeProps$1.default = _default$f;
 const require$$9$3 = _dll_react;
 const require$$10$4 = _dll_prop_types;
-var _interopRequireDefault$j = interopRequireDefault.exports;
+var _interopRequireDefault$f = interopRequireDefault.exports;
 Object.defineProperty(withStyles, "__esModule", {
   value: true
 });
 withStyles.default = withStyles.sheetsManager = void 0;
-var _defineProperty2$8 = _interopRequireDefault$j(defineProperty$1.exports);
-var _extends3 = _interopRequireDefault$j(_extends$1.exports);
-var _classCallCheck2$6 = _interopRequireDefault$j(classCallCheck.exports);
-var _createClass2$6 = _interopRequireDefault$j(createClass.exports);
-var _possibleConstructorReturn2$6 = _interopRequireDefault$j(possibleConstructorReturn.exports);
-var _getPrototypeOf2$1 = _interopRequireDefault$j(getPrototypeOf$1.exports);
-var _inherits2$6 = _interopRequireDefault$j(inherits.exports);
-var _objectWithoutProperties2$a = _interopRequireDefault$j(objectWithoutProperties.exports);
-var _react$g = _interopRequireDefault$j(require$$9$3);
-var _propTypes$d = _interopRequireDefault$j(require$$10$4);
-var _warning$2 = _interopRequireDefault$j(warning_1);
-var _hoistNonReactStatics$1 = _interopRequireDefault$j(hoistNonReactStatics_cjs);
-var _utils$8 = require$$13$1;
+var _defineProperty2$5 = _interopRequireDefault$f(defineProperty$1.exports);
+var _extends3 = _interopRequireDefault$f(_extends$1.exports);
+var _classCallCheck2$6 = _interopRequireDefault$f(classCallCheck.exports);
+var _createClass2$6 = _interopRequireDefault$f(createClass.exports);
+var _possibleConstructorReturn2$6 = _interopRequireDefault$f(possibleConstructorReturn.exports);
+var _getPrototypeOf2$1 = _interopRequireDefault$f(getPrototypeOf$1.exports);
+var _inherits2$6 = _interopRequireDefault$f(inherits.exports);
+var _objectWithoutProperties2$7 = _interopRequireDefault$f(objectWithoutProperties.exports);
+var _react$d = _interopRequireDefault$f(require$$9$3);
+var _propTypes$a = _interopRequireDefault$f(require$$10$4);
+var _warning$1 = _interopRequireDefault$f(warning_1);
+var _hoistNonReactStatics$1 = _interopRequireDefault$f(hoistNonReactStatics_cjs);
+var _utils$6 = require$$13$1;
 var _jss = lib$6;
-var _reactJssContext = _interopRequireDefault$j(reactJssContext);
-var _jssPreset = _interopRequireDefault$j(jssPreset$1);
-var _mergeClasses = _interopRequireDefault$j(mergeClasses$1);
-var _multiKeyStore = _interopRequireDefault$j(multiKeyStore$1);
-var _createMuiTheme$1 = _interopRequireDefault$j(createMuiTheme$1);
-var _themeListener$1 = _interopRequireDefault$j(themeListener$1);
-var _createGenerateClassName = _interopRequireDefault$j(createGenerateClassName$2);
-var _getStylesCreator = _interopRequireDefault$j(getStylesCreator$1);
-var _getThemeProps = _interopRequireDefault$j(getThemeProps$1);
+var _reactJssContext = _interopRequireDefault$f(reactJssContext);
+var _jssPreset = _interopRequireDefault$f(jssPreset$1);
+var _mergeClasses = _interopRequireDefault$f(mergeClasses$1);
+var _multiKeyStore = _interopRequireDefault$f(multiKeyStore$1);
+var _createMuiTheme$1 = _interopRequireDefault$f(createMuiTheme$1);
+var _themeListener$1 = _interopRequireDefault$f(themeListener$1);
+var _createGenerateClassName = _interopRequireDefault$f(createGenerateClassName$2);
+var _getStylesCreator = _interopRequireDefault$f(getStylesCreator$1);
+var _getThemeProps = _interopRequireDefault$f(getThemeProps$1);
 var jss = (0, _jss.create)((0, _jssPreset.default)());
 var generateClassName = (0, _createGenerateClassName.default)();
 var indexCounter = -10e10;
@@ -5051,12 +5051,12 @@ var withStylesOld = function withStylesOld(stylesOrCreator) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return function (Component) {
     var _extends2;
-    var _options$withTheme = options.withTheme, withTheme = _options$withTheme === void 0 ? false : _options$withTheme, _options$flip = options.flip, flip = _options$flip === void 0 ? null : _options$flip, name = options.name, styleSheetOptions = (0, _objectWithoutProperties2$a.default)(options, ["withTheme", "flip", "name"]);
+    var _options$withTheme = options.withTheme, withTheme = _options$withTheme === void 0 ? false : _options$withTheme, _options$flip = options.flip, flip = _options$flip === void 0 ? null : _options$flip, name = options.name, styleSheetOptions = (0, _objectWithoutProperties2$7.default)(options, ["withTheme", "flip", "name"]);
     var stylesCreator = (0, _getStylesCreator.default)(stylesOrCreator);
     var listenToTheme = stylesCreator.themingEnabled || typeof name === 'string' || withTheme;
     indexCounter += 1;
     stylesCreator.options.index = indexCounter;
-    (0, _warning$2.default)(indexCounter < 0, ['Material-UI: you might have a memory leak.', 'The indexCounter is not supposed to grow that much.'].join('\n'));
+    (0, _warning$1.default)(indexCounter < 0, ['Material-UI: you might have a memory leak.', 'The indexCounter is not supposed to grow that much.'].join('\n'));
     var WithStyles = (function (_React$Component) {
       (0, _inherits2$6.default)(WithStyles, _React$Component);
       function WithStyles(props, context) {
@@ -5188,8 +5188,8 @@ var withStylesOld = function withStylesOld(stylesOrCreator) {
           var styles = this.stylesCreatorSaved.create(theme, name);
           var meta = name;
           if (!meta) {
-            meta = (0, _utils$8.getDisplayName)(Component);
-            (0, _warning$2.default)(typeof meta === 'string', ['Material-UI: the component displayName is invalid. It needs to be a string.', ("Please fix the following component: ").concat(Component, ".")].join('\n'));
+            meta = (0, _utils$6.getDisplayName)(Component);
+            (0, _warning$1.default)(typeof meta === 'string', ['Material-UI: the component displayName is invalid. It needs to be a string.', ("Please fix the following component: ").concat(Component, ".")].join('\n'));
           }
           var sheet = this.jss.createStyleSheet(styles, (0, _extends3.default)({
             meta: meta,
@@ -5223,7 +5223,7 @@ var withStylesOld = function withStylesOld(stylesOrCreator) {
         value: function render() {
           var _this$props = this.props;
           _this$props.classes;
-          var innerRef = _this$props.innerRef, other = (0, _objectWithoutProperties2$a.default)(_this$props, ["classes", "innerRef"]);
+          var innerRef = _this$props.innerRef, other = (0, _objectWithoutProperties2$7.default)(_this$props, ["classes", "innerRef"]);
           var more = (0, _getThemeProps.default)({
             theme: this.theme,
             name: name,
@@ -5232,23 +5232,23 @@ var withStylesOld = function withStylesOld(stylesOrCreator) {
           if (withTheme && !more.theme) {
             more.theme = this.theme;
           }
-          return _react$g.default.createElement(Component, (0, _extends3.default)({}, more, {
+          return _react$d.default.createElement(Component, (0, _extends3.default)({}, more, {
             classes: this.getClasses(),
             ref: innerRef
           }));
         }
       }]);
       return WithStyles;
-    })(_react$g.default.Component);
+    })(_react$d.default.Component);
     WithStyles.propTypes = {
-      classes: _propTypes$d.default.object,
-      innerRef: _propTypes$d.default.oneOfType([_propTypes$d.default.func, _propTypes$d.default.object])
+      classes: _propTypes$a.default.object,
+      innerRef: _propTypes$a.default.oneOfType([_propTypes$a.default.func, _propTypes$a.default.object])
     };
     WithStyles.contextTypes = (0, _extends3.default)((_extends2 = {
-      muiThemeProviderOptions: _propTypes$d.default.object
-    }, (0, _defineProperty2$8.default)(_extends2, _reactJssContext.default.jss, _propTypes$d.default.object), (0, _defineProperty2$8.default)(_extends2, _reactJssContext.default.sheetOptions, _propTypes$d.default.object), (0, _defineProperty2$8.default)(_extends2, _reactJssContext.default.sheetsRegistry, _propTypes$d.default.object), _extends2), listenToTheme ? _themeListener$1.default.contextTypes : {});
+      muiThemeProviderOptions: _propTypes$a.default.object
+    }, (0, _defineProperty2$5.default)(_extends2, _reactJssContext.default.jss, _propTypes$a.default.object), (0, _defineProperty2$5.default)(_extends2, _reactJssContext.default.sheetOptions, _propTypes$a.default.object), (0, _defineProperty2$5.default)(_extends2, _reactJssContext.default.sheetsRegistry, _propTypes$a.default.object), _extends2), listenToTheme ? _themeListener$1.default.contextTypes : {});
     {
-      WithStyles.displayName = ("WithStyles(").concat((0, _utils$8.getDisplayName)(Component), ")");
+      WithStyles.displayName = ("WithStyles(").concat((0, _utils$6.getDisplayName)(Component), ")");
     }
     (0, _hoistNonReactStatics$1.default)(WithStyles, Component);
     {
@@ -5258,39 +5258,39 @@ var withStylesOld = function withStylesOld(stylesOrCreator) {
     return WithStyles;
   };
 };
-if (!_utils$8.ponyfillGlobal.__MUI_STYLES__) {
-  _utils$8.ponyfillGlobal.__MUI_STYLES__ = {};
+if (!_utils$6.ponyfillGlobal.__MUI_STYLES__) {
+  _utils$6.ponyfillGlobal.__MUI_STYLES__ = {};
 }
-if (!_utils$8.ponyfillGlobal.__MUI_STYLES__.withStyles) {
-  _utils$8.ponyfillGlobal.__MUI_STYLES__.withStyles = withStylesOld;
+if (!_utils$6.ponyfillGlobal.__MUI_STYLES__.withStyles) {
+  _utils$6.ponyfillGlobal.__MUI_STYLES__.withStyles = withStylesOld;
 }
-var _default$h = function _default(styles, options) {
-  return _utils$8.ponyfillGlobal.__MUI_STYLES__.withStyles(styles, (0, _extends3.default)({
+var _default$e = function _default(styles, options) {
+  return _utils$6.ponyfillGlobal.__MUI_STYLES__.withStyles(styles, (0, _extends3.default)({
     defaultTheme: defaultTheme$1
   }, options));
 };
-withStyles.default = _default$h;
+withStyles.default = _default$e;
 var withTheme = {};
 const require$$8 = _dll_react;
 const require$$9$2 = _dll_prop_types;
-var _interopRequireDefault$i = interopRequireDefault.exports;
+var _interopRequireDefault$e = interopRequireDefault.exports;
 Object.defineProperty(withTheme, "__esModule", {
   value: true
 });
 withTheme.default = void 0;
-var _extends2$9 = _interopRequireDefault$i(_extends$1.exports);
-var _objectWithoutProperties2$9 = _interopRequireDefault$i(objectWithoutProperties.exports);
-var _classCallCheck2$5 = _interopRequireDefault$i(classCallCheck.exports);
-var _createClass2$5 = _interopRequireDefault$i(createClass.exports);
-var _possibleConstructorReturn2$5 = _interopRequireDefault$i(possibleConstructorReturn.exports);
-var _getPrototypeOf2 = _interopRequireDefault$i(getPrototypeOf$1.exports);
-var _inherits2$5 = _interopRequireDefault$i(inherits.exports);
-var _react$f = _interopRequireDefault$i(require$$8);
-var _propTypes$c = _interopRequireDefault$i(require$$9$2);
-var _hoistNonReactStatics = _interopRequireDefault$i(hoistNonReactStatics_cjs);
-var _utils$7 = require$$13$1;
-var _createMuiTheme = _interopRequireDefault$i(createMuiTheme$1);
-var _themeListener = _interopRequireDefault$i(themeListener$1);
+var _extends2$6 = _interopRequireDefault$e(_extends$1.exports);
+var _objectWithoutProperties2$6 = _interopRequireDefault$e(objectWithoutProperties.exports);
+var _classCallCheck2$5 = _interopRequireDefault$e(classCallCheck.exports);
+var _createClass2$5 = _interopRequireDefault$e(createClass.exports);
+var _possibleConstructorReturn2$5 = _interopRequireDefault$e(possibleConstructorReturn.exports);
+var _getPrototypeOf2 = _interopRequireDefault$e(getPrototypeOf$1.exports);
+var _inherits2$5 = _interopRequireDefault$e(inherits.exports);
+var _react$c = _interopRequireDefault$e(require$$8);
+var _propTypes$9 = _interopRequireDefault$e(require$$9$2);
+var _hoistNonReactStatics = _interopRequireDefault$e(hoistNonReactStatics_cjs);
+var _utils$5 = require$$13$1;
+var _createMuiTheme = _interopRequireDefault$e(createMuiTheme$1);
+var _themeListener = _interopRequireDefault$e(themeListener$1);
 var defaultTheme;
 function getDefaultTheme() {
   if (defaultTheme) {
@@ -5336,21 +5336,21 @@ var withThemeOld = function withThemeOld() {
       }, {
         key: "render",
         value: function render() {
-          var _this$props = this.props, innerRef = _this$props.innerRef, other = (0, _objectWithoutProperties2$9.default)(_this$props, ["innerRef"]);
-          return _react$f.default.createElement(Component, (0, _extends2$9.default)({
+          var _this$props = this.props, innerRef = _this$props.innerRef, other = (0, _objectWithoutProperties2$6.default)(_this$props, ["innerRef"]);
+          return _react$c.default.createElement(Component, (0, _extends2$6.default)({
             theme: this.state.theme,
             ref: innerRef
           }, other));
         }
       }]);
       return WithTheme;
-    })(_react$f.default.Component);
+    })(_react$c.default.Component);
     WithTheme.propTypes = {
-      innerRef: _propTypes$c.default.oneOfType([_propTypes$c.default.func, _propTypes$c.default.object])
+      innerRef: _propTypes$9.default.oneOfType([_propTypes$9.default.func, _propTypes$9.default.object])
     };
     WithTheme.contextTypes = _themeListener.default.contextTypes;
     {
-      WithTheme.displayName = ("WithTheme(").concat((0, _utils$7.getDisplayName)(Component), ")");
+      WithTheme.displayName = ("WithTheme(").concat((0, _utils$5.getDisplayName)(Component), ")");
     }
     (0, _hoistNonReactStatics.default)(WithTheme, Component);
     {
@@ -5359,14 +5359,14 @@ var withThemeOld = function withThemeOld() {
     return WithTheme;
   };
 };
-if (!_utils$7.ponyfillGlobal.__MUI_STYLES__) {
-  _utils$7.ponyfillGlobal.__MUI_STYLES__ = {};
+if (!_utils$5.ponyfillGlobal.__MUI_STYLES__) {
+  _utils$5.ponyfillGlobal.__MUI_STYLES__ = {};
 }
-if (!_utils$7.ponyfillGlobal.__MUI_STYLES__.withTheme) {
-  _utils$7.ponyfillGlobal.__MUI_STYLES__.withTheme = withThemeOld;
+if (!_utils$5.ponyfillGlobal.__MUI_STYLES__.withTheme) {
+  _utils$5.ponyfillGlobal.__MUI_STYLES__.withTheme = withThemeOld;
 }
-var _default$g = _utils$7.ponyfillGlobal.__MUI_STYLES__.withTheme;
-withTheme.default = _default$g;
+var _default$d = _utils$5.ponyfillGlobal.__MUI_STYLES__.withTheme;
+withTheme.default = _default$d;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -5421,8 +5421,8 @@ withTheme.default = _default$g;
   var _createStyles = _interopRequireDefault(createStyles$1);
   var _withStyles = _interopRequireDefault(withStyles);
   var _withTheme = _interopRequireDefault(withTheme);
-})(styles$9);
-getDefaultExportFromCjs(styles$9);
+})(styles$6);
+getDefaultExportFromCjs(styles$6);
 var ListItem$3 = {};
 var ListItem$2 = {};
 var ButtonBase$2 = {};
@@ -5436,38 +5436,38 @@ ownerDocument$1.default = void 0;
 function ownerDocument(node) {
   return node && node.ownerDocument || document;
 }
-var _default$f = ownerDocument;
-ownerDocument$1.default = _default$f;
-var _interopRequireDefault$h = interopRequireDefault.exports;
+var _default$c = ownerDocument;
+ownerDocument$1.default = _default$c;
+var _interopRequireDefault$d = interopRequireDefault.exports;
 Object.defineProperty(ownerWindow$1, "__esModule", {
   value: true
 });
 ownerWindow$1.default = void 0;
-var _ownerDocument$1 = _interopRequireDefault$h(ownerDocument$1);
+var _ownerDocument$1 = _interopRequireDefault$d(ownerDocument$1);
 function ownerWindow(node) {
   var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
   var doc = (0, _ownerDocument$1.default)(node);
   return doc.defaultView || doc.parentView || fallback;
 }
-var _default$e = ownerWindow;
-ownerWindow$1.default = _default$e;
+var _default$b = ownerWindow;
+ownerWindow$1.default = _default$b;
 var NoSsr$2 = {};
 var NoSsr$1 = {};
-const require$$6$4 = _dll_react;
-const require$$7$1 = _dll_prop_types;
-var _interopRequireDefault$g = interopRequireDefault.exports;
+const require$$6$2 = _dll_react;
+const require$$7 = _dll_prop_types;
+var _interopRequireDefault$c = interopRequireDefault.exports;
 Object.defineProperty(NoSsr$1, "__esModule", {
   value: true
 });
 NoSsr$1.default = void 0;
-var _classCallCheck2$4 = _interopRequireDefault$g(classCallCheck.exports);
-var _createClass2$4 = _interopRequireDefault$g(createClass.exports);
-var _possibleConstructorReturn2$4 = _interopRequireDefault$g(possibleConstructorReturn.exports);
-var _getPrototypeOf3$4 = _interopRequireDefault$g(getPrototypeOf$1.exports);
-var _inherits2$4 = _interopRequireDefault$g(inherits.exports);
-var _react$e = _interopRequireDefault$g(require$$6$4);
-var _propTypes$b = _interopRequireDefault$g(require$$7$1);
-var _utils$6 = require$$13$1;
+var _classCallCheck2$4 = _interopRequireDefault$c(classCallCheck.exports);
+var _createClass2$4 = _interopRequireDefault$c(createClass.exports);
+var _possibleConstructorReturn2$4 = _interopRequireDefault$c(possibleConstructorReturn.exports);
+var _getPrototypeOf3$4 = _interopRequireDefault$c(getPrototypeOf$1.exports);
+var _inherits2$4 = _interopRequireDefault$c(inherits.exports);
+var _react$b = _interopRequireDefault$c(require$$6$2);
+var _propTypes$8 = _interopRequireDefault$c(require$$7);
+var _utils$4 = require$$13$1;
 var NoSsr = (function (_React$Component) {
   (0, _inherits2$4.default)(NoSsr, _React$Component);
   function NoSsr() {
@@ -5518,21 +5518,21 @@ var NoSsr = (function (_React$Component) {
     }
   }]);
   return NoSsr;
-})(_react$e.default.Component);
+})(_react$b.default.Component);
 NoSsr.propTypes = {
-  children: _propTypes$b.default.node.isRequired,
-  defer: _propTypes$b.default.bool,
-  fallback: _propTypes$b.default.node
+  children: _propTypes$8.default.node.isRequired,
+  defer: _propTypes$8.default.bool,
+  fallback: _propTypes$8.default.node
 };
 {
-  NoSsr.propTypes = (0, _utils$6.exactProp)(NoSsr.propTypes);
+  NoSsr.propTypes = (0, _utils$4.exactProp)(NoSsr.propTypes);
 }
 NoSsr.defaultProps = {
   defer: false,
   fallback: null
 };
-var _default$d = NoSsr;
-NoSsr$1.default = _default$d;
+var _default$a = NoSsr;
+NoSsr$1.default = _default$a;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -5548,14 +5548,14 @@ NoSsr$1.default = _default$d;
 })(NoSsr$2);
 getDefaultExportFromCjs(NoSsr$2);
 var focusVisible = {};
-var _interopRequireDefault$f = interopRequireDefault.exports;
+var _interopRequireDefault$b = interopRequireDefault.exports;
 Object.defineProperty(focusVisible, "__esModule", {
   value: true
 });
 focusVisible.detectFocusVisible = detectFocusVisible;
 focusVisible.listenForFocusKeys = listenForFocusKeys;
-var _warning$1 = _interopRequireDefault$f(warning_1);
-var _ownerDocument = _interopRequireDefault$f(ownerDocument$1);
+var _warning = _interopRequireDefault$b(warning_1);
+var _ownerDocument = _interopRequireDefault$b(ownerDocument$1);
 var internal = {
   focusKeyPressed: false,
   keyUpEventTimeout: -1
@@ -5569,8 +5569,8 @@ function findActiveElement(doc) {
 }
 function detectFocusVisible(instance, element, callback) {
   var attempt = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-  (0, _warning$1.default)(instance.focusVisibleCheckTime, 'Material-UI: missing instance.focusVisibleCheckTime.');
-  (0, _warning$1.default)(instance.focusVisibleMaxCheckTimes, 'Material-UI: missing instance.focusVisibleMaxCheckTimes.');
+  (0, _warning.default)(instance.focusVisibleCheckTime, 'Material-UI: missing instance.focusVisibleCheckTime.');
+  (0, _warning.default)(instance.focusVisibleMaxCheckTimes, 'Material-UI: missing instance.focusVisibleMaxCheckTimes.');
   instance.focusVisibleTimeout = setTimeout(function () {
     var doc = (0, _ownerDocument.default)(element);
     var activeElement = findActiveElement(doc);
@@ -5765,13 +5765,13 @@ ChildMapping.getChildMapping = getChildMapping;
 ChildMapping.mergeChildMappings = mergeChildMappings;
 ChildMapping.getInitialChildMapping = getInitialChildMapping;
 ChildMapping.getNextChildMapping = getNextChildMapping;
-var _react$d = require$$0$3;
+var _react$a = require$$0$3;
 function getChildMapping(children, mapFn) {
   var mapper = function mapper(child) {
-    return mapFn && (0, _react$d.isValidElement)(child) ? mapFn(child) : child;
+    return mapFn && (0, _react$a.isValidElement)(child) ? mapFn(child) : child;
   };
   var result = Object.create(null);
-  if (children) _react$d.Children.map(children, function (c) {
+  if (children) _react$a.Children.map(children, function (c) {
     return c;
   }).forEach(function (child) {
     result[child.key] = mapper(child);
@@ -5817,7 +5817,7 @@ function getProp(child, prop, props) {
 }
 function getInitialChildMapping(props, onExited) {
   return getChildMapping(props.children, function (child) {
-    return (0, _react$d.cloneElement)(child, {
+    return (0, _react$a.cloneElement)(child, {
       onExited: onExited.bind(null, child),
       in: true,
       appear: getProp(child, 'appear', props),
@@ -5831,24 +5831,24 @@ function getNextChildMapping(nextProps, prevChildMapping, onExited) {
   var children = mergeChildMappings(prevChildMapping, nextChildMapping);
   Object.keys(children).forEach(function (key) {
     var child = children[key];
-    if (!(0, _react$d.isValidElement)(child)) return;
+    if (!(0, _react$a.isValidElement)(child)) return;
     var hasPrev = (key in prevChildMapping);
     var hasNext = (key in nextChildMapping);
     var prevChild = prevChildMapping[key];
-    var isLeaving = (0, _react$d.isValidElement)(prevChild) && !prevChild.props.in;
+    var isLeaving = (0, _react$a.isValidElement)(prevChild) && !prevChild.props.in;
     if (hasNext && (!hasPrev || isLeaving)) {
-      children[key] = (0, _react$d.cloneElement)(child, {
+      children[key] = (0, _react$a.cloneElement)(child, {
         onExited: onExited.bind(null, child),
         in: true,
         exit: getProp(child, 'exit', nextProps),
         enter: getProp(child, 'enter', nextProps)
       });
     } else if (!hasNext && hasPrev && !isLeaving) {
-      children[key] = (0, _react$d.cloneElement)(child, {
+      children[key] = (0, _react$a.cloneElement)(child, {
         in: false
       });
-    } else if (hasNext && hasPrev && (0, _react$d.isValidElement)(prevChild)) {
-      children[key] = (0, _react$d.cloneElement)(child, {
+    } else if (hasNext && hasPrev && (0, _react$a.isValidElement)(prevChild)) {
+      children[key] = (0, _react$a.cloneElement)(child, {
         onExited: onExited.bind(null, child),
         in: prevChild.props.in,
         exit: getProp(child, 'exit', nextProps),
@@ -6006,29 +6006,29 @@ var PropTypes$2 = {};
 const require$$0$1 = _dll_prop_types;
 PropTypes$2.__esModule = true;
 PropTypes$2.classNamesShape = PropTypes$2.timeoutsShape = void 0;
-var _propTypes$a = _interopRequireDefault$e(require$$0$1);
-function _interopRequireDefault$e(obj) {
+var _propTypes$7 = _interopRequireDefault$a(require$$0$1);
+function _interopRequireDefault$a(obj) {
   return obj && obj.__esModule ? obj : {
     default: obj
   };
 }
-var timeoutsShape = _propTypes$a.default.oneOfType([_propTypes$a.default.number, _propTypes$a.default.shape({
-  enter: _propTypes$a.default.number,
-  exit: _propTypes$a.default.number,
-  appear: _propTypes$a.default.number
+var timeoutsShape = _propTypes$7.default.oneOfType([_propTypes$7.default.number, _propTypes$7.default.shape({
+  enter: _propTypes$7.default.number,
+  exit: _propTypes$7.default.number,
+  appear: _propTypes$7.default.number
 }).isRequired]);
 PropTypes$2.timeoutsShape = timeoutsShape;
-var classNamesShape = _propTypes$a.default.oneOfType([_propTypes$a.default.string, _propTypes$a.default.shape({
-  enter: _propTypes$a.default.string,
-  exit: _propTypes$a.default.string,
-  active: _propTypes$a.default.string
-}), _propTypes$a.default.shape({
-  enter: _propTypes$a.default.string,
-  enterDone: _propTypes$a.default.string,
-  enterActive: _propTypes$a.default.string,
-  exit: _propTypes$a.default.string,
-  exitDone: _propTypes$a.default.string,
-  exitActive: _propTypes$a.default.string
+var classNamesShape = _propTypes$7.default.oneOfType([_propTypes$7.default.string, _propTypes$7.default.shape({
+  enter: _propTypes$7.default.string,
+  exit: _propTypes$7.default.string,
+  active: _propTypes$7.default.string
+}), _propTypes$7.default.shape({
+  enter: _propTypes$7.default.string,
+  enterDone: _propTypes$7.default.string,
+  enterActive: _propTypes$7.default.string,
+  exit: _propTypes$7.default.string,
+  exitDone: _propTypes$7.default.string,
+  exitActive: _propTypes$7.default.string
 })]);
 PropTypes$2.classNamesShape = classNamesShape;
 const require$$0 = _dll_prop_types;
@@ -6037,11 +6037,11 @@ const require$$2$2 = _dll_react_dom;
 Transition$1.__esModule = true;
 Transition$1.default = Transition$1.EXITING = Transition$1.ENTERED = Transition$1.ENTERING = Transition$1.EXITED = Transition$1.UNMOUNTED = void 0;
 var PropTypes$1 = _interopRequireWildcard(require$$0);
-var _react$c = _interopRequireDefault$d(require$$1$3);
-var _reactDom$2 = _interopRequireDefault$d(require$$2$2);
+var _react$9 = _interopRequireDefault$9(require$$1$3);
+var _reactDom$2 = _interopRequireDefault$9(require$$2$2);
 var _reactLifecyclesCompat = require$$3;
 var _PropTypes = PropTypes$2;
-function _interopRequireDefault$d(obj) {
+function _interopRequireDefault$9(obj) {
   return obj && obj.__esModule ? obj : {
     default: obj
   };
@@ -6309,11 +6309,11 @@ var Transition = (function (_React$Component) {
     if (typeof children === 'function') {
       return children(status, childProps);
     }
-    var child = _react$c.default.Children.only(children);
-    return _react$c.default.cloneElement(child, childProps);
+    var child = _react$9.default.Children.only(children);
+    return _react$9.default.cloneElement(child, childProps);
   };
   return Transition;
-})(_react$c.default.Component);
+})(_react$9.default.Component);
 Transition.contextTypes = {
   transitionGroup: PropTypes$1.object
 };
@@ -6364,28 +6364,28 @@ Transition.EXITED = 1;
 Transition.ENTERING = 2;
 Transition.ENTERED = 3;
 Transition.EXITING = 4;
-var _default$c = (0, _reactLifecyclesCompat.polyfill)(Transition);
-Transition$1.default = _default$c;
+var _default$9 = (0, _reactLifecyclesCompat.polyfill)(Transition);
+Transition$1.default = _default$9;
 const require$$9$1 = _dll_react;
 const require$$10$3 = _dll_prop_types;
 const require$$11$3 = _dll_classnames;
-var _interopRequireDefault$c = interopRequireDefault.exports;
+var _interopRequireDefault$8 = interopRequireDefault.exports;
 Object.defineProperty(Ripple$1, "__esModule", {
   value: true
 });
 Ripple$1.default = void 0;
-var _extends2$8 = _interopRequireDefault$c(_extends$1.exports);
-var _defineProperty2$7 = _interopRequireDefault$c(defineProperty$1.exports);
-var _objectWithoutProperties2$8 = _interopRequireDefault$c(objectWithoutProperties.exports);
-var _classCallCheck2$3 = _interopRequireDefault$c(classCallCheck.exports);
-var _createClass2$3 = _interopRequireDefault$c(createClass.exports);
-var _possibleConstructorReturn2$3 = _interopRequireDefault$c(possibleConstructorReturn.exports);
-var _getPrototypeOf3$3 = _interopRequireDefault$c(getPrototypeOf$1.exports);
-var _inherits2$3 = _interopRequireDefault$c(inherits.exports);
-var _react$b = _interopRequireDefault$c(require$$9$1);
-var _propTypes$9 = _interopRequireDefault$c(require$$10$3);
-var _classnames$9 = _interopRequireDefault$c(require$$11$3);
-var _Transition$1 = _interopRequireDefault$c(Transition$1);
+var _extends2$5 = _interopRequireDefault$8(_extends$1.exports);
+var _defineProperty2$4 = _interopRequireDefault$8(defineProperty$1.exports);
+var _objectWithoutProperties2$5 = _interopRequireDefault$8(objectWithoutProperties.exports);
+var _classCallCheck2$3 = _interopRequireDefault$8(classCallCheck.exports);
+var _createClass2$3 = _interopRequireDefault$8(createClass.exports);
+var _possibleConstructorReturn2$3 = _interopRequireDefault$8(possibleConstructorReturn.exports);
+var _getPrototypeOf3$3 = _interopRequireDefault$8(getPrototypeOf$1.exports);
+var _inherits2$3 = _interopRequireDefault$8(inherits.exports);
+var _react$8 = _interopRequireDefault$8(require$$9$1);
+var _propTypes$6 = _interopRequireDefault$8(require$$10$3);
+var _classnames$6 = _interopRequireDefault$8(require$$11$3);
+var _Transition$1 = _interopRequireDefault$8(Transition$1);
 var Ripple = (function (_React$Component) {
   (0, _inherits2$3.default)(Ripple, _React$Component);
   function Ripple() {
@@ -6416,71 +6416,71 @@ var Ripple = (function (_React$Component) {
     key: "render",
     value: function render() {
       var _classNames, _classNames2;
-      var _this$props = this.props, classes = _this$props.classes, classNameProp = _this$props.className, pulsate = _this$props.pulsate, rippleX = _this$props.rippleX, rippleY = _this$props.rippleY, rippleSize = _this$props.rippleSize, other = (0, _objectWithoutProperties2$8.default)(_this$props, ["classes", "className", "pulsate", "rippleX", "rippleY", "rippleSize"]);
+      var _this$props = this.props, classes = _this$props.classes, classNameProp = _this$props.className, pulsate = _this$props.pulsate, rippleX = _this$props.rippleX, rippleY = _this$props.rippleY, rippleSize = _this$props.rippleSize, other = (0, _objectWithoutProperties2$5.default)(_this$props, ["classes", "className", "pulsate", "rippleX", "rippleY", "rippleSize"]);
       var _this$state = this.state, visible = _this$state.visible, leaving = _this$state.leaving;
-      var rippleClassName = (0, _classnames$9.default)(classes.ripple, (_classNames = {}, (0, _defineProperty2$7.default)(_classNames, classes.rippleVisible, visible), (0, _defineProperty2$7.default)(_classNames, classes.ripplePulsate, pulsate), _classNames), classNameProp);
+      var rippleClassName = (0, _classnames$6.default)(classes.ripple, (_classNames = {}, (0, _defineProperty2$4.default)(_classNames, classes.rippleVisible, visible), (0, _defineProperty2$4.default)(_classNames, classes.ripplePulsate, pulsate), _classNames), classNameProp);
       var rippleStyles = {
         width: rippleSize,
         height: rippleSize,
         top: -(rippleSize / 2) + rippleY,
         left: -(rippleSize / 2) + rippleX
       };
-      var childClassName = (0, _classnames$9.default)(classes.child, (_classNames2 = {}, (0, _defineProperty2$7.default)(_classNames2, classes.childLeaving, leaving), (0, _defineProperty2$7.default)(_classNames2, classes.childPulsate, pulsate), _classNames2));
-      return _react$b.default.createElement(_Transition$1.default, (0, _extends2$8.default)({
+      var childClassName = (0, _classnames$6.default)(classes.child, (_classNames2 = {}, (0, _defineProperty2$4.default)(_classNames2, classes.childLeaving, leaving), (0, _defineProperty2$4.default)(_classNames2, classes.childPulsate, pulsate), _classNames2));
+      return _react$8.default.createElement(_Transition$1.default, (0, _extends2$5.default)({
         onEnter: this.handleEnter,
         onExit: this.handleExit
-      }, other), _react$b.default.createElement("span", {
+      }, other), _react$8.default.createElement("span", {
         className: rippleClassName,
         style: rippleStyles
-      }, _react$b.default.createElement("span", {
+      }, _react$8.default.createElement("span", {
         className: childClassName
       })));
     }
   }]);
   return Ripple;
-})(_react$b.default.Component);
+})(_react$8.default.Component);
 Ripple.propTypes = {
-  classes: _propTypes$9.default.object.isRequired,
-  className: _propTypes$9.default.string,
-  pulsate: _propTypes$9.default.bool,
-  rippleSize: _propTypes$9.default.number,
-  rippleX: _propTypes$9.default.number,
-  rippleY: _propTypes$9.default.number
+  classes: _propTypes$6.default.object.isRequired,
+  className: _propTypes$6.default.string,
+  pulsate: _propTypes$6.default.bool,
+  rippleSize: _propTypes$6.default.number,
+  rippleX: _propTypes$6.default.number,
+  rippleY: _propTypes$6.default.number
 };
 Ripple.defaultProps = {
   pulsate: false
 };
-var _default$b = Ripple;
-Ripple$1.default = _default$b;
+var _default$8 = Ripple;
+Ripple$1.default = _default$8;
 const require$$10$2 = _dll_react;
 const require$$11$2 = _dll_prop_types;
 const require$$12$1 = _dll_react_dom;
 const require$$14 = _dll_classnames;
-var _interopRequireDefault$b = interopRequireDefault.exports;
+var _interopRequireDefault$7 = interopRequireDefault.exports;
 Object.defineProperty(TouchRipple$1, "__esModule", {
   value: true
 });
 TouchRipple$1.default = TouchRipple$1.styles = TouchRipple$1.DELAY_RIPPLE = void 0;
-var _extends2$7 = _interopRequireDefault$b(_extends$1.exports);
-var _objectWithoutProperties2$7 = _interopRequireDefault$b(objectWithoutProperties.exports);
-var _toConsumableArray2 = _interopRequireDefault$b(toConsumableArray.exports);
-var _classCallCheck2$2 = _interopRequireDefault$b(classCallCheck.exports);
-var _createClass2$2 = _interopRequireDefault$b(createClass.exports);
-var _possibleConstructorReturn2$2 = _interopRequireDefault$b(possibleConstructorReturn.exports);
-var _getPrototypeOf3$2 = _interopRequireDefault$b(getPrototypeOf$1.exports);
-var _inherits2$2 = _interopRequireDefault$b(inherits.exports);
-var _assertThisInitialized2$1 = _interopRequireDefault$b(assertThisInitialized.exports);
-var _react$a = _interopRequireDefault$b(require$$10$2);
-var _propTypes$8 = _interopRequireDefault$b(require$$11$2);
-var _reactDom$1 = _interopRequireDefault$b(require$$12$1);
-var _TransitionGroup = _interopRequireDefault$b(TransitionGroup.exports);
-var _classnames$8 = _interopRequireDefault$b(require$$14);
-var _withStyles$7 = _interopRequireDefault$b(withStyles);
-var _Ripple = _interopRequireDefault$b(Ripple$1);
+var _extends2$4 = _interopRequireDefault$7(_extends$1.exports);
+var _objectWithoutProperties2$4 = _interopRequireDefault$7(objectWithoutProperties.exports);
+var _toConsumableArray2 = _interopRequireDefault$7(toConsumableArray.exports);
+var _classCallCheck2$2 = _interopRequireDefault$7(classCallCheck.exports);
+var _createClass2$2 = _interopRequireDefault$7(createClass.exports);
+var _possibleConstructorReturn2$2 = _interopRequireDefault$7(possibleConstructorReturn.exports);
+var _getPrototypeOf3$2 = _interopRequireDefault$7(getPrototypeOf$1.exports);
+var _inherits2$2 = _interopRequireDefault$7(inherits.exports);
+var _assertThisInitialized2$1 = _interopRequireDefault$7(assertThisInitialized.exports);
+var _react$7 = _interopRequireDefault$7(require$$10$2);
+var _propTypes$5 = _interopRequireDefault$7(require$$11$2);
+var _reactDom$1 = _interopRequireDefault$7(require$$12$1);
+var _TransitionGroup = _interopRequireDefault$7(TransitionGroup.exports);
+var _classnames$5 = _interopRequireDefault$7(require$$14);
+var _withStyles$4 = _interopRequireDefault$7(withStyles);
+var _Ripple = _interopRequireDefault$7(Ripple$1);
 var DURATION = 550;
 var DELAY_RIPPLE = 80;
 TouchRipple$1.DELAY_RIPPLE = DELAY_RIPPLE;
-var styles$8 = function styles(theme) {
+var styles$5 = function styles(theme) {
   return {
     root: {
       display: 'block',
@@ -6562,7 +6562,7 @@ var styles$8 = function styles(theme) {
     }
   };
 };
-TouchRipple$1.styles = styles$8;
+TouchRipple$1.styles = styles$5;
 var TouchRipple = (function (_React$PureComponent) {
   (0, _inherits2$2.default)(TouchRipple, _React$PureComponent);
   function TouchRipple() {
@@ -6654,7 +6654,7 @@ var TouchRipple = (function (_React$PureComponent) {
       _this.setState(function (state) {
         return {
           nextKey: state.nextKey + 1,
-          ripples: [].concat((0, _toConsumableArray2.default)(state.ripples), [_react$a.default.createElement(_Ripple.default, {
+          ripples: [].concat((0, _toConsumableArray2.default)(state.ripples), [_react$7.default.createElement(_Ripple.default, {
             key: state.nextKey,
             classes: _this.props.classes,
             timeout: {
@@ -6700,30 +6700,30 @@ var TouchRipple = (function (_React$PureComponent) {
     value: function render() {
       var _this$props = this.props;
       _this$props.center;
-      var classes = _this$props.classes, className = _this$props.className, other = (0, _objectWithoutProperties2$7.default)(_this$props, ["center", "classes", "className"]);
-      return _react$a.default.createElement(_TransitionGroup.default, (0, _extends2$7.default)({
+      var classes = _this$props.classes, className = _this$props.className, other = (0, _objectWithoutProperties2$4.default)(_this$props, ["center", "classes", "className"]);
+      return _react$7.default.createElement(_TransitionGroup.default, (0, _extends2$4.default)({
         component: "span",
         enter: true,
         exit: true,
-        className: (0, _classnames$8.default)(classes.root, className)
+        className: (0, _classnames$5.default)(classes.root, className)
       }, other), this.state.ripples);
     }
   }]);
   return TouchRipple;
-})(_react$a.default.PureComponent);
+})(_react$7.default.PureComponent);
 TouchRipple.propTypes = {
-  center: _propTypes$8.default.bool,
-  classes: _propTypes$8.default.object.isRequired,
-  className: _propTypes$8.default.string
+  center: _propTypes$5.default.bool,
+  classes: _propTypes$5.default.object.isRequired,
+  className: _propTypes$5.default.string
 };
 TouchRipple.defaultProps = {
   center: false
 };
-var _default$a = (0, _withStyles$7.default)(styles$8, {
+var _default$7 = (0, _withStyles$4.default)(styles$5, {
   flip: false,
   name: 'MuiTouchRipple'
 })(TouchRipple);
-TouchRipple$1.default = _default$a;
+TouchRipple$1.default = _default$7;
 var createRippleHandler$1 = {};
 Object.defineProperty(createRippleHandler$1, "__esModule", {
   value: true
@@ -6755,38 +6755,38 @@ if (typeof window === 'undefined') {
     return function () {};
   };
 }
-var _default$9 = createRippleHandler;
-createRippleHandler$1.default = _default$9;
+var _default$6 = createRippleHandler;
+createRippleHandler$1.default = _default$6;
 const require$$10$1 = _dll_react;
 const require$$11$1 = _dll_prop_types;
 const require$$12 = _dll_react_dom;
 const require$$13 = _dll_classnames;
-var _interopRequireDefault$a = interopRequireDefault.exports;
+var _interopRequireDefault$6 = interopRequireDefault.exports;
 Object.defineProperty(ButtonBase$1, "__esModule", {
   value: true
 });
 ButtonBase$1.default = ButtonBase$1.styles = void 0;
-var _extends2$6 = _interopRequireDefault$a(_extends$1.exports);
-var _defineProperty2$6 = _interopRequireDefault$a(defineProperty$1.exports);
-var _objectWithoutProperties2$6 = _interopRequireDefault$a(objectWithoutProperties.exports);
-var _classCallCheck2$1 = _interopRequireDefault$a(classCallCheck.exports);
-var _createClass2$1 = _interopRequireDefault$a(createClass.exports);
-var _possibleConstructorReturn2$1 = _interopRequireDefault$a(possibleConstructorReturn.exports);
-var _getPrototypeOf3$1 = _interopRequireDefault$a(getPrototypeOf$1.exports);
-var _inherits2$1 = _interopRequireDefault$a(inherits.exports);
-var _assertThisInitialized2 = _interopRequireDefault$a(assertThisInitialized.exports);
-var _react$9 = _interopRequireDefault$a(require$$10$1);
-var _propTypes$7 = _interopRequireDefault$a(require$$11$1);
-var _reactDom = _interopRequireDefault$a(require$$12);
-var _classnames$7 = _interopRequireDefault$a(require$$13);
-var _utils$5 = require$$13$1;
-var _ownerWindow = _interopRequireDefault$a(ownerWindow$1);
-var _withStyles$6 = _interopRequireDefault$a(withStyles);
-var _NoSsr = _interopRequireDefault$a(NoSsr$2);
+var _extends2$3 = _interopRequireDefault$6(_extends$1.exports);
+var _defineProperty2$3 = _interopRequireDefault$6(defineProperty$1.exports);
+var _objectWithoutProperties2$3 = _interopRequireDefault$6(objectWithoutProperties.exports);
+var _classCallCheck2$1 = _interopRequireDefault$6(classCallCheck.exports);
+var _createClass2$1 = _interopRequireDefault$6(createClass.exports);
+var _possibleConstructorReturn2$1 = _interopRequireDefault$6(possibleConstructorReturn.exports);
+var _getPrototypeOf3$1 = _interopRequireDefault$6(getPrototypeOf$1.exports);
+var _inherits2$1 = _interopRequireDefault$6(inherits.exports);
+var _assertThisInitialized2 = _interopRequireDefault$6(assertThisInitialized.exports);
+var _react$6 = _interopRequireDefault$6(require$$10$1);
+var _propTypes$4 = _interopRequireDefault$6(require$$11$1);
+var _reactDom = _interopRequireDefault$6(require$$12);
+var _classnames$4 = _interopRequireDefault$6(require$$13);
+var _utils$3 = require$$13$1;
+var _ownerWindow = _interopRequireDefault$6(ownerWindow$1);
+var _withStyles$3 = _interopRequireDefault$6(withStyles);
+var _NoSsr = _interopRequireDefault$6(NoSsr$2);
 var _focusVisible = focusVisible;
-var _TouchRipple = _interopRequireDefault$a(TouchRipple$1);
-var _createRippleHandler = _interopRequireDefault$a(createRippleHandler$1);
-var styles$7 = {
+var _TouchRipple = _interopRequireDefault$6(TouchRipple$1);
+var _createRippleHandler = _interopRequireDefault$6(createRippleHandler$1);
+var styles$4 = {
   root: {
     display: 'inline-flex',
     alignItems: 'center',
@@ -6817,8 +6817,8 @@ var styles$7 = {
   disabled: {},
   focusVisible: {}
 };
-ButtonBase$1.styles = styles$7;
-if (!_react$9.default.createContext) {
+ButtonBase$1.styles = styles$4;
+if (!_react$6.default.createContext) {
   throw new Error('Material-UI: react@16.3.0 or greater is required.');
 }
 var ButtonBase = (function (_React$Component) {
@@ -6971,8 +6971,8 @@ var ButtonBase = (function (_React$Component) {
       _this$props2.onTouchEnd;
       _this$props2.onTouchMove;
       _this$props2.onTouchStart;
-      var tabIndex = _this$props2.tabIndex, TouchRippleProps = _this$props2.TouchRippleProps, type = _this$props2.type, other = (0, _objectWithoutProperties2$6.default)(_this$props2, ["action", "buttonRef", "centerRipple", "children", "classes", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "onBlur", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "type"]);
-      var className = (0, _classnames$7.default)(classes.root, (_classNames = {}, (0, _defineProperty2$6.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2$6.default)(_classNames, classes.focusVisible, this.state.focusVisible), (0, _defineProperty2$6.default)(_classNames, focusVisibleClassName, this.state.focusVisible), _classNames), classNameProp);
+      var tabIndex = _this$props2.tabIndex, TouchRippleProps = _this$props2.TouchRippleProps, type = _this$props2.type, other = (0, _objectWithoutProperties2$3.default)(_this$props2, ["action", "buttonRef", "centerRipple", "children", "classes", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "onBlur", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "type"]);
+      var className = (0, _classnames$4.default)(classes.root, (_classNames = {}, (0, _defineProperty2$3.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2$3.default)(_classNames, classes.focusVisible, this.state.focusVisible), (0, _defineProperty2$3.default)(_classNames, focusVisibleClassName, this.state.focusVisible), _classNames), classNameProp);
       var ComponentProp = component;
       if (ComponentProp === 'button' && other.href) {
         ComponentProp = 'a';
@@ -6984,7 +6984,7 @@ var ButtonBase = (function (_React$Component) {
       } else {
         buttonProps.role = 'button';
       }
-      return _react$9.default.createElement(ComponentProp, (0, _extends2$6.default)({
+      return _react$6.default.createElement(ComponentProp, (0, _extends2$3.default)({
         className: className,
         onBlur: this.handleBlur,
         onFocus: this.handleFocus,
@@ -6999,7 +6999,7 @@ var ButtonBase = (function (_React$Component) {
         onContextMenu: this.handleContextMenu,
         ref: buttonRef,
         tabIndex: disabled ? '-1' : tabIndex
-      }, buttonProps, other), children, !disableRipple && !disabled ? _react$9.default.createElement(_NoSsr.default, null, _react$9.default.createElement(_TouchRipple.default, (0, _extends2$6.default)({
+      }, buttonProps, other), children, !disableRipple && !disabled ? _react$6.default.createElement(_NoSsr.default, null, _react$6.default.createElement(_TouchRipple.default, (0, _extends2$3.default)({
         innerRef: this.onRippleRef,
         center: centerRipple
       }, TouchRippleProps))) : null);
@@ -7025,36 +7025,36 @@ var ButtonBase = (function (_React$Component) {
     }
   }]);
   return ButtonBase;
-})(_react$9.default.Component);
+})(_react$6.default.Component);
 ButtonBase.propTypes = {
-  action: _propTypes$7.default.func,
-  buttonRef: _propTypes$7.default.oneOfType([_propTypes$7.default.func, _propTypes$7.default.object]),
-  centerRipple: _propTypes$7.default.bool,
-  children: _propTypes$7.default.node,
-  classes: _propTypes$7.default.object.isRequired,
-  className: _propTypes$7.default.string,
-  component: _utils$5.componentPropType,
-  disabled: _propTypes$7.default.bool,
-  disableRipple: _propTypes$7.default.bool,
-  disableTouchRipple: _propTypes$7.default.bool,
-  focusRipple: _propTypes$7.default.bool,
-  focusVisibleClassName: _propTypes$7.default.string,
-  onBlur: _propTypes$7.default.func,
-  onClick: _propTypes$7.default.func,
-  onFocus: _propTypes$7.default.func,
-  onFocusVisible: _propTypes$7.default.func,
-  onKeyDown: _propTypes$7.default.func,
-  onKeyUp: _propTypes$7.default.func,
-  onMouseDown: _propTypes$7.default.func,
-  onMouseLeave: _propTypes$7.default.func,
-  onMouseUp: _propTypes$7.default.func,
-  onTouchEnd: _propTypes$7.default.func,
-  onTouchMove: _propTypes$7.default.func,
-  onTouchStart: _propTypes$7.default.func,
-  role: _propTypes$7.default.string,
-  tabIndex: _propTypes$7.default.oneOfType([_propTypes$7.default.number, _propTypes$7.default.string]),
-  TouchRippleProps: _propTypes$7.default.object,
-  type: _propTypes$7.default.string
+  action: _propTypes$4.default.func,
+  buttonRef: _propTypes$4.default.oneOfType([_propTypes$4.default.func, _propTypes$4.default.object]),
+  centerRipple: _propTypes$4.default.bool,
+  children: _propTypes$4.default.node,
+  classes: _propTypes$4.default.object.isRequired,
+  className: _propTypes$4.default.string,
+  component: _utils$3.componentPropType,
+  disabled: _propTypes$4.default.bool,
+  disableRipple: _propTypes$4.default.bool,
+  disableTouchRipple: _propTypes$4.default.bool,
+  focusRipple: _propTypes$4.default.bool,
+  focusVisibleClassName: _propTypes$4.default.string,
+  onBlur: _propTypes$4.default.func,
+  onClick: _propTypes$4.default.func,
+  onFocus: _propTypes$4.default.func,
+  onFocusVisible: _propTypes$4.default.func,
+  onKeyDown: _propTypes$4.default.func,
+  onKeyUp: _propTypes$4.default.func,
+  onMouseDown: _propTypes$4.default.func,
+  onMouseLeave: _propTypes$4.default.func,
+  onMouseUp: _propTypes$4.default.func,
+  onTouchEnd: _propTypes$4.default.func,
+  onTouchMove: _propTypes$4.default.func,
+  onTouchStart: _propTypes$4.default.func,
+  role: _propTypes$4.default.string,
+  tabIndex: _propTypes$4.default.oneOfType([_propTypes$4.default.number, _propTypes$4.default.string]),
+  TouchRippleProps: _propTypes$4.default.object,
+  type: _propTypes$4.default.string
 };
 ButtonBase.defaultProps = {
   centerRipple: false,
@@ -7065,10 +7065,10 @@ ButtonBase.defaultProps = {
   tabIndex: '0',
   type: 'button'
 };
-var _default$8 = (0, _withStyles$6.default)(styles$7, {
+var _default$5 = (0, _withStyles$3.default)(styles$4, {
   name: 'MuiButtonBase'
 })(ButtonBase);
-ButtonBase$1.default = _default$8;
+ButtonBase$1.default = _default$5;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -7086,7 +7086,7 @@ getDefaultExportFromCjs(ButtonBase$2);
 var reactHelpers = {};
 const require$$1$2 = _dll_react;
 const require$$2$1 = _dll_classnames;
-var _interopRequireDefault$9 = interopRequireDefault.exports;
+var _interopRequireDefault$5 = interopRequireDefault.exports;
 Object.defineProperty(reactHelpers, "__esModule", {
   value: true
 });
@@ -7094,20 +7094,20 @@ reactHelpers.cloneElementWithClassName = cloneElementWithClassName;
 reactHelpers.cloneChildrenWithClassName = cloneChildrenWithClassName;
 reactHelpers.isMuiElement = isMuiElement;
 reactHelpers.setRef = setRef;
-var _react$8 = _interopRequireDefault$9(require$$1$2);
-var _classnames$6 = _interopRequireDefault$9(require$$2$1);
+var _react$5 = _interopRequireDefault$5(require$$1$2);
+var _classnames$3 = _interopRequireDefault$5(require$$2$1);
 function cloneElementWithClassName(child, className) {
-  return _react$8.default.cloneElement(child, {
-    className: (0, _classnames$6.default)(child.props.className, className)
+  return _react$5.default.cloneElement(child, {
+    className: (0, _classnames$3.default)(child.props.className, className)
   });
 }
 function cloneChildrenWithClassName(children, className) {
-  return _react$8.default.Children.map(children, function (child) {
-    return _react$8.default.isValidElement(child) && cloneElementWithClassName(child, className);
+  return _react$5.default.Children.map(children, function (child) {
+    return _react$5.default.isValidElement(child) && cloneElementWithClassName(child, className);
   });
 }
 function isMuiElement(element, muiNames) {
-  return _react$8.default.isValidElement(element) && muiNames.indexOf(element.type.muiName) !== -1;
+  return _react$5.default.isValidElement(element) && muiNames.indexOf(element.type.muiName) !== -1;
 }
 function setRef(ref, value) {
   if (typeof ref === 'function') {
@@ -7119,64 +7119,64 @@ function setRef(ref, value) {
 var MergeListContext$1 = {};
 var ListContext$1 = {};
 const require$$1$1 = _dll_react;
-var _interopRequireDefault$8 = interopRequireDefault.exports;
+var _interopRequireDefault$4 = interopRequireDefault.exports;
 Object.defineProperty(ListContext$1, "__esModule", {
   value: true
 });
 ListContext$1.default = void 0;
-var _react$7 = _interopRequireDefault$8(require$$1$1);
-var ListContext = _react$7.default.createContext({});
-var _default$7 = ListContext;
-ListContext$1.default = _default$7;
+var _react$4 = _interopRequireDefault$4(require$$1$1);
+var ListContext = _react$4.default.createContext({});
+var _default$4 = ListContext;
+ListContext$1.default = _default$4;
 const require$$1 = _dll_react;
 const require$$2 = _dll_prop_types;
-var _interopRequireDefault$7 = interopRequireDefault.exports;
+var _interopRequireDefault$3 = interopRequireDefault.exports;
 Object.defineProperty(MergeListContext$1, "__esModule", {
   value: true
 });
 MergeListContext$1.default = void 0;
-var _react$6 = _interopRequireDefault$7(require$$1);
-var _propTypes$6 = _interopRequireDefault$7(require$$2);
-var _ListContext$2 = _interopRequireDefault$7(ListContext$1);
+var _react$3 = _interopRequireDefault$3(require$$1);
+var _propTypes$3 = _interopRequireDefault$3(require$$2);
+var _ListContext$1 = _interopRequireDefault$3(ListContext$1);
 function MergeListContext(props) {
   var alignItems = props.alignItems, children = props.children, dense = props.dense;
-  return _react$6.default.createElement(_ListContext$2.default.Consumer, null, function (context) {
+  return _react$3.default.createElement(_ListContext$1.default.Consumer, null, function (context) {
     var childContext = {
       dense: dense || context.dense || false,
       alignItems: alignItems
     };
-    return _react$6.default.createElement(_ListContext$2.default.Provider, {
+    return _react$3.default.createElement(_ListContext$1.default.Provider, {
       value: childContext
     }, children(childContext));
   });
 }
 MergeListContext.propTypes = {
-  alignItems: _propTypes$6.default.oneOf(['flex-start', 'center']).isRequired,
-  children: _propTypes$6.default.func.isRequired,
-  dense: _propTypes$6.default.bool.isRequired
+  alignItems: _propTypes$3.default.oneOf(['flex-start', 'center']).isRequired,
+  children: _propTypes$3.default.func.isRequired,
+  dense: _propTypes$3.default.bool.isRequired
 };
-var _default$6 = MergeListContext;
-MergeListContext$1.default = _default$6;
-const require$$4$4 = _dll_react;
-const require$$5$4 = _dll_prop_types;
-const require$$6$3 = _dll_classnames;
-var _interopRequireDefault$6 = interopRequireDefault.exports;
+var _default$3 = MergeListContext;
+MergeListContext$1.default = _default$3;
+const require$$4$1 = _dll_react;
+const require$$5$1 = _dll_prop_types;
+const require$$6$1 = _dll_classnames;
+var _interopRequireDefault$2 = interopRequireDefault.exports;
 Object.defineProperty(ListItem$2, "__esModule", {
   value: true
 });
 ListItem$2.default = ListItem$2.styles = void 0;
-var _extends2$5 = _interopRequireDefault$6(_extends$1.exports);
-var _defineProperty2$5 = _interopRequireDefault$6(defineProperty$1.exports);
-var _objectWithoutProperties2$5 = _interopRequireDefault$6(objectWithoutProperties.exports);
-var _react$5 = _interopRequireDefault$6(require$$4$4);
-var _propTypes$5 = _interopRequireDefault$6(require$$5$4);
-var _classnames$5 = _interopRequireDefault$6(require$$6$3);
-var _utils$4 = require$$13$1;
-var _withStyles$5 = _interopRequireDefault$6(withStyles);
-var _ButtonBase = _interopRequireDefault$6(ButtonBase$2);
+var _extends2$2 = _interopRequireDefault$2(_extends$1.exports);
+var _defineProperty2$2 = _interopRequireDefault$2(defineProperty$1.exports);
+var _objectWithoutProperties2$2 = _interopRequireDefault$2(objectWithoutProperties.exports);
+var _react$2 = _interopRequireDefault$2(require$$4$1);
+var _propTypes$2 = _interopRequireDefault$2(require$$5$1);
+var _classnames$2 = _interopRequireDefault$2(require$$6$1);
+var _utils$2 = require$$13$1;
+var _withStyles$2 = _interopRequireDefault$2(withStyles);
+var _ButtonBase = _interopRequireDefault$2(ButtonBase$2);
 var _reactHelpers = reactHelpers;
-var _MergeListContext = _interopRequireDefault$6(MergeListContext$1);
-var styles$6 = function styles(theme) {
+var _MergeListContext = _interopRequireDefault$2(MergeListContext$1);
+var styles$3 = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -7237,31 +7237,31 @@ var styles$6 = function styles(theme) {
     selected: {}
   };
 };
-ListItem$2.styles = styles$6;
+ListItem$2.styles = styles$3;
 function ListItem$1(props) {
   var alignItems = props.alignItems, button = props.button, childrenProp = props.children, classes = props.classes, classNameProp = props.className, componentProp = props.component, ContainerComponent = props.ContainerComponent, _props$ContainerProps = props.ContainerProps;
   _props$ContainerProps = _props$ContainerProps === void 0 ? {} : _props$ContainerProps;
-  var ContainerClassName = _props$ContainerProps.className, ContainerProps = (0, _objectWithoutProperties2$5.default)(_props$ContainerProps, ["className"]), denseProp = props.dense, disabled = props.disabled, disableGutters = props.disableGutters, divider = props.divider, focusVisibleClassName = props.focusVisibleClassName, selected = props.selected, other = (0, _objectWithoutProperties2$5.default)(props, ["alignItems", "button", "children", "classes", "className", "component", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "divider", "focusVisibleClassName", "selected"]);
-  return _react$5.default.createElement(_MergeListContext.default, {
+  var ContainerClassName = _props$ContainerProps.className, ContainerProps = (0, _objectWithoutProperties2$2.default)(_props$ContainerProps, ["className"]), denseProp = props.dense, disabled = props.disabled, disableGutters = props.disableGutters, divider = props.divider, focusVisibleClassName = props.focusVisibleClassName, selected = props.selected, other = (0, _objectWithoutProperties2$2.default)(props, ["alignItems", "button", "children", "classes", "className", "component", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "divider", "focusVisibleClassName", "selected"]);
+  return _react$2.default.createElement(_MergeListContext.default, {
     dense: denseProp,
     alignItems: alignItems
   }, function (_ref) {
     var _classNames;
     var dense = _ref.dense;
-    var children = _react$5.default.Children.toArray(childrenProp);
+    var children = _react$2.default.Children.toArray(childrenProp);
     var hasAvatar = children.some(function (value) {
       return (0, _reactHelpers.isMuiElement)(value, ['ListItemAvatar']);
     });
     var hasSecondaryAction = children.length && (0, _reactHelpers.isMuiElement)(children[children.length - 1], ['ListItemSecondaryAction']);
-    var className = (0, _classnames$5.default)(classes.root, classes.default, (_classNames = {}, (0, _defineProperty2$5.default)(_classNames, classes.dense, dense || hasAvatar), (0, _defineProperty2$5.default)(_classNames, classes.gutters, !disableGutters), (0, _defineProperty2$5.default)(_classNames, classes.divider, divider), (0, _defineProperty2$5.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2$5.default)(_classNames, classes.button, button), (0, _defineProperty2$5.default)(_classNames, classes.alignItemsFlexStart, alignItems === 'flex-start'), (0, _defineProperty2$5.default)(_classNames, classes.secondaryAction, hasSecondaryAction), (0, _defineProperty2$5.default)(_classNames, classes.selected, selected), _classNames), classNameProp);
-    var componentProps = (0, _extends2$5.default)({
+    var className = (0, _classnames$2.default)(classes.root, classes.default, (_classNames = {}, (0, _defineProperty2$2.default)(_classNames, classes.dense, dense || hasAvatar), (0, _defineProperty2$2.default)(_classNames, classes.gutters, !disableGutters), (0, _defineProperty2$2.default)(_classNames, classes.divider, divider), (0, _defineProperty2$2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2$2.default)(_classNames, classes.button, button), (0, _defineProperty2$2.default)(_classNames, classes.alignItemsFlexStart, alignItems === 'flex-start'), (0, _defineProperty2$2.default)(_classNames, classes.secondaryAction, hasSecondaryAction), (0, _defineProperty2$2.default)(_classNames, classes.selected, selected), _classNames), classNameProp);
+    var componentProps = (0, _extends2$2.default)({
       className: className,
       disabled: disabled
     }, other);
     var Component = componentProp || 'li';
     if (button) {
       componentProps.component = componentProp || 'div';
-      componentProps.focusVisibleClassName = (0, _classnames$5.default)(classes.focusVisible, focusVisibleClassName);
+      componentProps.focusVisibleClassName = (0, _classnames$2.default)(classes.focusVisible, focusVisibleClassName);
       Component = _ButtonBase.default;
     }
     if (hasSecondaryAction) {
@@ -7273,18 +7273,18 @@ function ListItem$1(props) {
           componentProps.component = 'div';
         }
       }
-      return _react$5.default.createElement(ContainerComponent, (0, _extends2$5.default)({
-        className: (0, _classnames$5.default)(classes.container, ContainerClassName)
-      }, ContainerProps), _react$5.default.createElement(Component, componentProps, children), children.pop());
+      return _react$2.default.createElement(ContainerComponent, (0, _extends2$2.default)({
+        className: (0, _classnames$2.default)(classes.container, ContainerClassName)
+      }, ContainerProps), _react$2.default.createElement(Component, componentProps, children), children.pop());
     }
-    return _react$5.default.createElement(Component, componentProps, children);
+    return _react$2.default.createElement(Component, componentProps, children);
   });
 }
 ListItem$1.propTypes = {
-  alignItems: _propTypes$5.default.oneOf(['flex-start', 'center']),
-  button: _propTypes$5.default.bool,
-  children: (0, _utils$4.chainPropTypes)(_propTypes$5.default.node, function (props) {
-    var children = _react$5.default.Children.toArray(props.children);
+  alignItems: _propTypes$2.default.oneOf(['flex-start', 'center']),
+  button: _propTypes$2.default.bool,
+  children: (0, _utils$2.chainPropTypes)(_propTypes$2.default.node, function (props) {
+    var children = _react$2.default.Children.toArray(props.children);
     var secondaryActionIndex = -1;
     for (var i = children.length - 1; i >= 0; i -= 1) {
       var child = children[i];
@@ -7298,17 +7298,17 @@ ListItem$1.propTypes = {
     }
     return null;
   }),
-  classes: _propTypes$5.default.object.isRequired,
-  className: _propTypes$5.default.string,
-  component: _utils$4.componentPropType,
-  ContainerComponent: _utils$4.componentPropType,
-  ContainerProps: _propTypes$5.default.object,
-  dense: _propTypes$5.default.bool,
-  disabled: _propTypes$5.default.bool,
-  disableGutters: _propTypes$5.default.bool,
-  divider: _propTypes$5.default.bool,
-  focusVisibleClassName: _propTypes$5.default.string,
-  selected: _propTypes$5.default.bool
+  classes: _propTypes$2.default.object.isRequired,
+  className: _propTypes$2.default.string,
+  component: _utils$2.componentPropType,
+  ContainerComponent: _utils$2.componentPropType,
+  ContainerProps: _propTypes$2.default.object,
+  dense: _propTypes$2.default.bool,
+  disabled: _propTypes$2.default.bool,
+  disableGutters: _propTypes$2.default.bool,
+  divider: _propTypes$2.default.bool,
+  focusVisibleClassName: _propTypes$2.default.string,
+  selected: _propTypes$2.default.bool
 };
 ListItem$1.defaultProps = {
   alignItems: 'center',
@@ -7320,10 +7320,10 @@ ListItem$1.defaultProps = {
   divider: false,
   selected: false
 };
-var _default$5 = (0, _withStyles$5.default)(styles$6, {
+var _default$2 = (0, _withStyles$2.default)(styles$3, {
   name: 'MuiListItem'
 })(ListItem$1);
-ListItem$2.default = _default$5;
+ListItem$2.default = _default$2;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -7340,24 +7340,24 @@ ListItem$2.default = _default$5;
 var ListItem = getDefaultExportFromCjs(ListItem$3);
 var List$3 = {};
 var List$2 = {};
-const require$$4$3 = _dll_react;
-const require$$5$3 = _dll_prop_types;
-const require$$6$2 = _dll_classnames;
-var _interopRequireDefault$5 = interopRequireDefault.exports;
+const require$$4 = _dll_react;
+const require$$5 = _dll_prop_types;
+const require$$6 = _dll_classnames;
+var _interopRequireDefault$1 = interopRequireDefault.exports;
 Object.defineProperty(List$2, "__esModule", {
   value: true
 });
 List$2.default = List$2.styles = void 0;
-var _extends2$4 = _interopRequireDefault$5(_extends$1.exports);
-var _defineProperty2$4 = _interopRequireDefault$5(defineProperty$1.exports);
-var _objectWithoutProperties2$4 = _interopRequireDefault$5(objectWithoutProperties.exports);
-var _react$4 = _interopRequireDefault$5(require$$4$3);
-var _propTypes$4 = _interopRequireDefault$5(require$$5$3);
-var _classnames$4 = _interopRequireDefault$5(require$$6$2);
-var _utils$3 = require$$13$1;
-var _withStyles$4 = _interopRequireDefault$5(withStyles);
-var _ListContext$1 = _interopRequireDefault$5(ListContext$1);
-var styles$5 = {
+var _extends2$1 = _interopRequireDefault$1(_extends$1.exports);
+var _defineProperty2$1 = _interopRequireDefault$1(defineProperty$1.exports);
+var _objectWithoutProperties2$1 = _interopRequireDefault$1(objectWithoutProperties.exports);
+var _react$1 = _interopRequireDefault$1(require$$4);
+var _propTypes$1 = _interopRequireDefault$1(require$$5);
+var _classnames$1 = _interopRequireDefault$1(require$$6);
+var _utils$1 = require$$13$1;
+var _withStyles$1 = _interopRequireDefault$1(withStyles);
+var _ListContext = _interopRequireDefault$1(ListContext$1);
+var styles$2 = {
   root: {
     listStyle: 'none',
     margin: 0,
@@ -7376,36 +7376,36 @@ var styles$5 = {
     paddingTop: 0
   }
 };
-List$2.styles = styles$5;
+List$2.styles = styles$2;
 function List$1(props) {
   var _classNames;
-  var children = props.children, classes = props.classes, className = props.className, Component = props.component, dense = props.dense, disablePadding = props.disablePadding, subheader = props.subheader, other = (0, _objectWithoutProperties2$4.default)(props, ["children", "classes", "className", "component", "dense", "disablePadding", "subheader"]);
-  return _react$4.default.createElement(Component, (0, _extends2$4.default)({
-    className: (0, _classnames$4.default)(classes.root, (_classNames = {}, (0, _defineProperty2$4.default)(_classNames, classes.dense, dense && !disablePadding), (0, _defineProperty2$4.default)(_classNames, classes.padding, !disablePadding), (0, _defineProperty2$4.default)(_classNames, classes.subheader, subheader), _classNames), className)
-  }, other), _react$4.default.createElement(_ListContext$1.default.Provider, {
+  var children = props.children, classes = props.classes, className = props.className, Component = props.component, dense = props.dense, disablePadding = props.disablePadding, subheader = props.subheader, other = (0, _objectWithoutProperties2$1.default)(props, ["children", "classes", "className", "component", "dense", "disablePadding", "subheader"]);
+  return _react$1.default.createElement(Component, (0, _extends2$1.default)({
+    className: (0, _classnames$1.default)(classes.root, (_classNames = {}, (0, _defineProperty2$1.default)(_classNames, classes.dense, dense && !disablePadding), (0, _defineProperty2$1.default)(_classNames, classes.padding, !disablePadding), (0, _defineProperty2$1.default)(_classNames, classes.subheader, subheader), _classNames), className)
+  }, other), _react$1.default.createElement(_ListContext.default.Provider, {
     value: {
       dense: dense
     }
   }, subheader, children));
 }
 List$1.propTypes = {
-  children: _propTypes$4.default.node,
-  classes: _propTypes$4.default.object.isRequired,
-  className: _propTypes$4.default.string,
-  component: _utils$3.componentPropType,
-  dense: _propTypes$4.default.bool,
-  disablePadding: _propTypes$4.default.bool,
-  subheader: _propTypes$4.default.node
+  children: _propTypes$1.default.node,
+  classes: _propTypes$1.default.object.isRequired,
+  className: _propTypes$1.default.string,
+  component: _utils$1.componentPropType,
+  dense: _propTypes$1.default.bool,
+  disablePadding: _propTypes$1.default.bool,
+  subheader: _propTypes$1.default.node
 };
 List$1.defaultProps = {
   component: 'ul',
   dense: false,
   disablePadding: false
 };
-var _default$4 = (0, _withStyles$4.default)(styles$5, {
+var _default$1 = (0, _withStyles$1.default)(styles$2, {
   name: 'MuiList'
 })(List$1);
-List$2.default = _default$4;
+List$2.default = _default$1;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -7420,475 +7420,6 @@ List$2.default = _default$4;
   var _List = _interopRequireDefault(List$2);
 })(List$3);
 var List = getDefaultExportFromCjs(List$3);
-var ListItemText$3 = {};
-var ListItemText$2 = {};
-var Typography$2 = {};
-var Typography$1 = {};
-var helpers = {};
-var _interopRequireDefault$4 = interopRequireDefault.exports;
-Object.defineProperty(helpers, "__esModule", {
-  value: true
-});
-helpers.capitalize = capitalize;
-helpers.contains = contains;
-helpers.findIndex = findIndex;
-helpers.find = find;
-helpers.createChainedFunction = createChainedFunction;
-var _typeof2 = _interopRequireDefault$4(_typeof$1.exports);
-var _warning = _interopRequireDefault$4(warning_1);
-function capitalize(string) {
-  if (typeof string !== 'string') {
-    throw new Error('Material-UI: capitalize(string) expects a string argument.');
-  }
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-function contains(obj, pred) {
-  return Object.keys(pred).every(function (key) {
-    return obj.hasOwnProperty(key) && obj[key] === pred[key];
-  });
-}
-function findIndex(arr, pred) {
-  var predType = (0, _typeof2.default)(pred);
-  for (var i = 0; i < arr.length; i += 1) {
-    if (predType === 'function' && !!pred(arr[i], i, arr) === true) {
-      return i;
-    }
-    if (predType === 'object' && contains(arr[i], pred)) {
-      return i;
-    }
-    if (['string', 'number', 'boolean'].indexOf(predType) !== -1) {
-      return arr.indexOf(pred);
-    }
-  }
-  return -1;
-}
-function find(arr, pred) {
-  var index = findIndex(arr, pred);
-  return index > -1 ? arr[index] : undefined;
-}
-function createChainedFunction() {
-  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
-    funcs[_key] = arguments[_key];
-  }
-  return funcs.reduce(function (acc, func) {
-    if (func == null) {
-      return acc;
-    }
-    (0, _warning.default)(typeof func === 'function', 'Material-UI: invalid Argument Type, must only provide functions, undefined, or null.');
-    return function chainedFunction() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      acc.apply(this, args);
-      func.apply(this, args);
-    };
-  }, function () {});
-}
-const require$$4$2 = _dll_react;
-const require$$5$2 = _dll_prop_types;
-const require$$6$1 = _dll_classnames;
-var _interopRequireDefault$3 = interopRequireDefault.exports;
-Object.defineProperty(Typography$1, "__esModule", {
-  value: true
-});
-Typography$1.default = Typography$1.styles = void 0;
-var _extends2$3 = _interopRequireDefault$3(_extends$1.exports);
-var _defineProperty2$3 = _interopRequireDefault$3(defineProperty$1.exports);
-var _objectWithoutProperties2$3 = _interopRequireDefault$3(objectWithoutProperties.exports);
-var _react$3 = _interopRequireDefault$3(require$$4$2);
-var _propTypes$3 = _interopRequireDefault$3(require$$5$2);
-var _classnames$3 = _interopRequireDefault$3(require$$6$1);
-var _utils$2 = require$$13$1;
-var _withStyles$3 = _interopRequireDefault$3(withStyles);
-var _helpers$1 = helpers;
-var styles$4 = function styles(theme) {
-  return {
-    root: {
-      display: 'block',
-      margin: 0
-    },
-    display4: theme.typography.display4,
-    display3: theme.typography.display3,
-    display2: theme.typography.display2,
-    display1: theme.typography.display1,
-    headline: theme.typography.headline,
-    title: theme.typography.title,
-    subheading: theme.typography.subheading,
-    body2: theme.typography.body2,
-    body1: theme.typography.body1,
-    caption: theme.typography.caption,
-    button: theme.typography.button,
-    h1: theme.typography.h1,
-    h2: theme.typography.h2,
-    h3: theme.typography.h3,
-    h4: theme.typography.h4,
-    h5: theme.typography.h5,
-    h6: theme.typography.h6,
-    subtitle1: theme.typography.subtitle1,
-    subtitle2: theme.typography.subtitle2,
-    overline: theme.typography.overline,
-    srOnly: {
-      position: 'absolute',
-      height: 1,
-      width: 1,
-      overflow: 'hidden'
-    },
-    alignLeft: {
-      textAlign: 'left'
-    },
-    alignCenter: {
-      textAlign: 'center'
-    },
-    alignRight: {
-      textAlign: 'right'
-    },
-    alignJustify: {
-      textAlign: 'justify'
-    },
-    noWrap: {
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    },
-    gutterBottom: {
-      marginBottom: '0.35em'
-    },
-    paragraph: {
-      marginBottom: 16
-    },
-    colorInherit: {
-      color: 'inherit'
-    },
-    colorPrimary: {
-      color: theme.palette.primary.main
-    },
-    colorSecondary: {
-      color: theme.palette.secondary.main
-    },
-    colorTextPrimary: {
-      color: theme.palette.text.primary
-    },
-    colorTextSecondary: {
-      color: theme.palette.text.secondary
-    },
-    colorError: {
-      color: theme.palette.error.main
-    },
-    inline: {
-      display: 'inline'
-    }
-  };
-};
-Typography$1.styles = styles$4;
-var nextVariants = {
-  display4: 'h1',
-  display3: 'h2',
-  display2: 'h3',
-  display1: 'h4',
-  headline: 'h5',
-  title: 'h6',
-  subheading: 'subtitle1'
-};
-function getVariant(theme, variantProp) {
-  var typography = theme.typography;
-  var variant = variantProp;
-  if (!variant) {
-    variant = typography.useNextVariants ? 'body2' : 'body1';
-  }
-  if (typography.useNextVariants) {
-    variant = nextVariants[variant] || variant;
-  }
-  return variant;
-}
-var defaultHeadlineMapping = {
-  h1: 'h1',
-  h2: 'h2',
-  h3: 'h3',
-  h4: 'h4',
-  h5: 'h5',
-  h6: 'h6',
-  subtitle1: 'h6',
-  subtitle2: 'h6',
-  body1: 'p',
-  body2: 'p',
-  display4: 'h1',
-  display3: 'h1',
-  display2: 'h1',
-  display1: 'h1',
-  headline: 'h1',
-  title: 'h2',
-  subheading: 'h3'
-};
-function Typography(props) {
-  var _classNames;
-  var align = props.align, classes = props.classes, classNameProp = props.className, color = props.color, componentProp = props.component, gutterBottom = props.gutterBottom, headlineMapping = props.headlineMapping, inline = props.inline;
-  props.internalDeprecatedVariant;
-  var noWrap = props.noWrap, paragraph = props.paragraph, theme = props.theme, variantProp = props.variant, other = (0, _objectWithoutProperties2$3.default)(props, ["align", "classes", "className", "color", "component", "gutterBottom", "headlineMapping", "inline", "internalDeprecatedVariant", "noWrap", "paragraph", "theme", "variant"]);
-  var variant = getVariant(theme, variantProp);
-  var className = (0, _classnames$3.default)(classes.root, (_classNames = {}, (0, _defineProperty2$3.default)(_classNames, classes[variant], variant !== 'inherit'), (0, _defineProperty2$3.default)(_classNames, classes[("color").concat((0, _helpers$1.capitalize)(color))], color !== 'default'), (0, _defineProperty2$3.default)(_classNames, classes.noWrap, noWrap), (0, _defineProperty2$3.default)(_classNames, classes.gutterBottom, gutterBottom), (0, _defineProperty2$3.default)(_classNames, classes.paragraph, paragraph), (0, _defineProperty2$3.default)(_classNames, classes[("align").concat((0, _helpers$1.capitalize)(align))], align !== 'inherit'), (0, _defineProperty2$3.default)(_classNames, classes.inline, inline), _classNames), classNameProp);
-  var Component = componentProp || (paragraph ? 'p' : headlineMapping[variant] || defaultHeadlineMapping[variant]) || 'span';
-  return _react$3.default.createElement(Component, (0, _extends2$3.default)({
-    className: className
-  }, other));
-}
-Typography.propTypes = {
-  align: _propTypes$3.default.oneOf(['inherit', 'left', 'center', 'right', 'justify']),
-  children: _propTypes$3.default.node,
-  classes: _propTypes$3.default.object.isRequired,
-  className: _propTypes$3.default.string,
-  color: _propTypes$3.default.oneOf(['default', 'error', 'inherit', 'primary', 'secondary', 'textPrimary', 'textSecondary']),
-  component: _utils$2.componentPropType,
-  gutterBottom: _propTypes$3.default.bool,
-  headlineMapping: _propTypes$3.default.object,
-  inline: _propTypes$3.default.bool,
-  internalDeprecatedVariant: _propTypes$3.default.bool,
-  noWrap: _propTypes$3.default.bool,
-  paragraph: _propTypes$3.default.bool,
-  theme: _propTypes$3.default.object.isRequired,
-  variant: (0, _utils$2.chainPropTypes)(_propTypes$3.default.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline', 'srOnly', 'inherit', 'display4', 'display3', 'display2', 'display1', 'headline', 'title', 'subheading']), function (props) {
-    var deprecatedVariants = ['display4', 'display3', 'display2', 'display1', 'headline', 'title', 'subheading'];
-    if (props.theme.typography.useNextVariants && !props.internalDeprecatedVariant && deprecatedVariants.indexOf(props.variant) !== -1) {
-      return new Error('Material-UI: you are using a deprecated typography variant: ' + ("`").concat(props.variant, "` that will be removed in the next major release.\n") + 'Please read the migration guide under https://v3.material-ui.com/style/typography#migration-to-typography-v2.');
-    }
-    return null;
-  })
-};
-Typography.defaultProps = {
-  align: 'inherit',
-  color: 'default',
-  gutterBottom: false,
-  headlineMapping: defaultHeadlineMapping,
-  inline: false,
-  noWrap: false,
-  paragraph: false
-};
-var _default$3 = (0, _withStyles$3.default)(styles$4, {
-  name: 'MuiTypography',
-  withTheme: true
-})(Typography);
-Typography$1.default = _default$3;
-(function (exports) {
-  var _interopRequireDefault = interopRequireDefault.exports;
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function get() {
-      return _Typography.default;
-    }
-  });
-  var _Typography = _interopRequireDefault(Typography$1);
-})(Typography$2);
-getDefaultExportFromCjs(Typography$2);
-const require$$4$1 = _dll_react;
-const require$$5$1 = _dll_prop_types;
-const require$$6 = _dll_classnames;
-var _interopRequireDefault$2 = interopRequireDefault.exports;
-Object.defineProperty(ListItemText$2, "__esModule", {
-  value: true
-});
-ListItemText$2.default = ListItemText$2.styles = void 0;
-var _extends2$2 = _interopRequireDefault$2(_extends$1.exports);
-var _defineProperty2$2 = _interopRequireDefault$2(defineProperty$1.exports);
-var _objectWithoutProperties2$2 = _interopRequireDefault$2(objectWithoutProperties.exports);
-var _react$2 = _interopRequireDefault$2(require$$4$1);
-var _propTypes$2 = _interopRequireDefault$2(require$$5$1);
-var _classnames$2 = _interopRequireDefault$2(require$$6);
-var _withStyles$2 = _interopRequireDefault$2(withStyles);
-var _Typography$1 = _interopRequireDefault$2(Typography$2);
-var _ListContext = _interopRequireDefault$2(ListContext$1);
-var styles$3 = function styles(theme) {
-  return {
-    root: {
-      flex: '1 1 auto',
-      minWidth: 0,
-      padding: '0 16px',
-      '&:first-child': {
-        paddingLeft: 0
-      }
-    },
-    inset: {
-      '&:first-child': {
-        paddingLeft: 56
-      }
-    },
-    dense: {
-      fontSize: theme.typography.pxToRem(13)
-    },
-    primary: {
-      '&$textDense': {
-        fontSize: 'inherit'
-      }
-    },
-    secondary: {
-      '&$textDense': {
-        fontSize: 'inherit'
-      }
-    },
-    textDense: {}
-  };
-};
-ListItemText$2.styles = styles$3;
-function ListItemText$1(props) {
-  var children = props.children, classes = props.classes, classNameProp = props.className, disableTypography = props.disableTypography, inset = props.inset, primaryProp = props.primary, primaryTypographyProps = props.primaryTypographyProps, secondaryProp = props.secondary, secondaryTypographyProps = props.secondaryTypographyProps, theme = props.theme, other = (0, _objectWithoutProperties2$2.default)(props, ["children", "classes", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps", "theme"]);
-  return _react$2.default.createElement(_ListContext.default.Consumer, null, function (_ref) {
-    var _classNames3;
-    var dense = _ref.dense;
-    var primary = primaryProp != null ? primaryProp : children;
-    if (primary != null && primary.type !== _Typography$1.default && !disableTypography) {
-      primary = _react$2.default.createElement(_Typography$1.default, (0, _extends2$2.default)({
-        variant: theme.typography.useNextVariants ? 'body1' : 'subheading',
-        className: (0, _classnames$2.default)(classes.primary, (0, _defineProperty2$2.default)({}, classes.textDense, dense)),
-        component: "span"
-      }, primaryTypographyProps), primary);
-    }
-    var secondary = secondaryProp;
-    if (secondary != null && secondary.type !== _Typography$1.default && !disableTypography) {
-      secondary = _react$2.default.createElement(_Typography$1.default, (0, _extends2$2.default)({
-        className: (0, _classnames$2.default)(classes.secondary, (0, _defineProperty2$2.default)({}, classes.textDense, dense)),
-        color: "textSecondary"
-      }, secondaryTypographyProps), secondary);
-    }
-    return _react$2.default.createElement("div", (0, _extends2$2.default)({
-      className: (0, _classnames$2.default)(classes.root, (_classNames3 = {}, (0, _defineProperty2$2.default)(_classNames3, classes.dense, dense), (0, _defineProperty2$2.default)(_classNames3, classes.inset, inset), _classNames3), classNameProp)
-    }, other), primary, secondary);
-  });
-}
-ListItemText$1.propTypes = {
-  children: _propTypes$2.default.node,
-  classes: _propTypes$2.default.object.isRequired,
-  className: _propTypes$2.default.string,
-  disableTypography: _propTypes$2.default.bool,
-  inset: _propTypes$2.default.bool,
-  primary: _propTypes$2.default.node,
-  primaryTypographyProps: _propTypes$2.default.object,
-  secondary: _propTypes$2.default.node,
-  secondaryTypographyProps: _propTypes$2.default.object,
-  theme: _propTypes$2.default.object.isRequired
-};
-ListItemText$1.defaultProps = {
-  disableTypography: false,
-  inset: false
-};
-var _default$2 = (0, _withStyles$2.default)(styles$3, {
-  name: 'MuiListItemText',
-  withTheme: true
-})(ListItemText$1);
-ListItemText$2.default = _default$2;
-(function (exports) {
-  var _interopRequireDefault = interopRequireDefault.exports;
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function get() {
-      return _ListItemText.default;
-    }
-  });
-  var _ListItemText = _interopRequireDefault(ListItemText$2);
-})(ListItemText$3);
-var ListItemText = getDefaultExportFromCjs(ListItemText$3);
-var Link$3 = {};
-var Link$2 = {};
-const require$$4 = _dll_react;
-const require$$5 = _dll_prop_types;
-const require$$7 = _dll_classnames;
-var _interopRequireDefault$1 = interopRequireDefault.exports;
-Object.defineProperty(Link$2, "__esModule", {
-  value: true
-});
-Link$2.default = Link$2.styles = void 0;
-var _extends2$1 = _interopRequireDefault$1(_extends$1.exports);
-var _defineProperty2$1 = _interopRequireDefault$1(defineProperty$1.exports);
-var _objectWithoutProperties2$1 = _interopRequireDefault$1(objectWithoutProperties.exports);
-var _react$1 = _interopRequireDefault$1(require$$4);
-var _propTypes$1 = _interopRequireDefault$1(require$$5);
-var _utils$1 = require$$13$1;
-var _classnames$1 = _interopRequireDefault$1(require$$7);
-var _helpers = helpers;
-var _withStyles$1 = _interopRequireDefault$1(withStyles);
-var _Typography = _interopRequireDefault$1(Typography$2);
-var styles$2 = {
-  root: {},
-  underlineNone: {
-    textDecoration: 'none'
-  },
-  underlineHover: {
-    textDecoration: 'none',
-    '&:hover': {
-      textDecoration: 'underline'
-    }
-  },
-  underlineAlways: {
-    textDecoration: 'underline'
-  },
-  button: {
-    position: 'relative',
-    WebkitTapHighlightColor: 'transparent',
-    backgroundColor: 'transparent',
-    outline: 'none',
-    border: 0,
-    margin: 0,
-    borderRadius: 0,
-    padding: 0,
-    cursor: 'pointer',
-    userSelect: 'none',
-    verticalAlign: 'middle',
-    '-moz-appearance': 'none',
-    '-webkit-appearance': 'none',
-    '&::-moz-focus-inner': {
-      borderStyle: 'none'
-    }
-  }
-};
-Link$2.styles = styles$2;
-function Link$1(props) {
-  var block = props.block, children = props.children, classes = props.classes, classNameProp = props.className, component = props.component, TypographyClasses = props.TypographyClasses, underline = props.underline, other = (0, _objectWithoutProperties2$1.default)(props, ["block", "children", "classes", "className", "component", "TypographyClasses", "underline"]);
-  return _react$1.default.createElement(_Typography.default, (0, _extends2$1.default)({
-    className: (0, _classnames$1.default)(classes.root, (0, _defineProperty2$1.default)({}, classes.button, component === 'button'), classes[("underline").concat((0, _helpers.capitalize)(underline))], classNameProp),
-    classes: TypographyClasses,
-    component: component,
-    inline: !block
-  }, other), children);
-}
-Link$1.propTypes = {
-  block: _propTypes$1.default.bool,
-  children: _propTypes$1.default.node.isRequired,
-  classes: _propTypes$1.default.object.isRequired,
-  className: _propTypes$1.default.string,
-  color: _propTypes$1.default.oneOf(['error', 'inherit', 'primary', 'secondary', 'textPrimary', 'textSecondary']),
-  component: _utils$1.componentPropType,
-  TypographyClasses: _propTypes$1.default.object,
-  underline: _propTypes$1.default.oneOf(['none', 'hover', 'always']),
-  variant: _propTypes$1.default.string
-};
-Link$1.defaultProps = {
-  block: false,
-  color: 'primary',
-  component: 'a',
-  underline: 'hover',
-  variant: 'inherit'
-};
-var _default$1 = (0, _withStyles$1.default)(styles$2, {
-  name: 'MuiLink'
-})(Link$1);
-Link$2.default = _default$1;
-(function (exports) {
-  var _interopRequireDefault = interopRequireDefault.exports;
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function get() {
-      return _Link.default;
-    }
-  });
-  var _Link = _interopRequireDefault(Link$2);
-})(Link$3);
-var Link = getDefaultExportFromCjs(Link$3);
 var Collapse$3 = {};
 var Collapse$2 = {};
 var utils = {};
@@ -8175,7 +7706,7 @@ class Rubric extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 60
+          lineNumber: 58
         }
       }, points.slice(0).reverse().map((desc, index) => {
         index = points.length - index - 1;
@@ -8185,88 +7716,60 @@ class Rubric extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 69
+            lineNumber: 67
           }
         }, React$1.createElement(ListItem, {
           key: `P${index}`,
+          className: classes.listColumn,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 70
+            lineNumber: 68
           }
-        }, React$1.createElement(ListItemText, {
-          className: classes.rubricCol,
-          primary: React$1.createElement('div', {
-            className: classes.text,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 73
-            }
-          }, pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`),
+        }, React$1.createElement('h3', {
+          className: classes.titleText,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 71
+            lineNumber: 69
           }
-        }), React$1.createElement(ListItemText, {
-          primary: React$1.createElement('div', {
-            className: classes.text,
-            dangerouslySetInnerHTML: {
-              __html: desc
-            },
-            __self: this,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 77
-            }
-          }),
+        }, pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`), React$1.createElement('div', {
+          className: classes.text,
+          dangerouslySetInnerHTML: {
+            __html: desc
+          },
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 76
+            lineNumber: 70
           }
         })), sampleAnswers && sampleAnswers[index] && React$1.createElement(ListItem, {
           key: `S${index}`,
+          className: classes.listColumn,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 82
+            lineNumber: 74
           }
-        }, React$1.createElement(ListItemText, {
-          className: classes.rubricCol,
+        }, React$1.createElement('h4', {
+          className: classes.titleText,
           style: {
-            marginLeft: '20px'
+            fontWeight: 'normal'
           },
-          primary: React$1.createElement('div', {
-            className: classes.text,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 86
-            }
-          }, "Sample Answer"),
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 83
+            lineNumber: 75
           }
-        }), React$1.createElement(ListItemText, {
-          primary: React$1.createElement('div', {
-            className: classes.text,
-            dangerouslySetInnerHTML: {
-              __html: sampleAnswers[index]
-            },
-            __self: this,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 91
-            }
-          }),
+        }, "Sample Answer"), React$1.createElement('div', {
+          className: classes.text,
+          dangerouslySetInnerHTML: {
+            __html: sampleAnswers[index]
+          },
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 89
+            lineNumber: 76
           }
         })));
       }));
@@ -8276,29 +7779,93 @@ class Rubric extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 103
+          lineNumber: 86
         }
-      }, !animationsDisabled ? React$1.createElement(React$1.Fragment, {
+      }, React$1.createElement('h2', {
+        className: classes.hiddenScreenReader,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 105
+          lineNumber: 88
         }
-      }, React$1.createElement(Link, {
-        href: this.dudUrl,
+      }, "Rubric"), !animationsDisabled ? React$1.createElement(React$1.Fragment, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 90
+        }
+      }, React$1.createElement('h2', {
+        id: 'rubric-toggle',
+        className: classes.rubricToggle,
+        tabIndex: 0,
+        role: "button",
+        'aria-expanded': this.state.rubricOpen,
         onClick: this.toggleRubric,
+        onKeyPress: e => {
+          if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();
+        },
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 106
+          lineNumber: 91
         }
-      }, this.state.linkPrefix, " Rubric"), React$1.createElement(Collapse, {
+      }, this.state.linkPrefix, " Rubric", React$1.createElement('span', {
+        className: classes.chevronStyle,
+        'aria-hidden': "true",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 103
+        }
+      }, this.state.rubricOpen ? React$1.createElement('svg', {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 108
+        }
+      }, React$1.createElement('polyline', {
+        points: "18 15 12 9 6 15",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 108
+        }
+      })) : React$1.createElement('svg', {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 110
+        }
+      }, React$1.createElement('polyline', {
+        points: "6 9 12 15 18 9",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 110
+        }
+      })))), React$1.createElement(Collapse, {
         in: this.state.rubricOpen,
         timeout: "auto",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 109
+          lineNumber: 114
         }
       }, rubricList)) : rubricList);
     } else {
@@ -8307,20 +7874,59 @@ class Rubric extends React$1.Component {
   }
 }
 Rubric.__initStatic();
-const styles = () => ({
+const styles = theme => ({
   root: {
     color: color.text(),
     backgroundColor: color.background()
   },
-  rubricCol: {
-    flex: '0 1 auto',
-    minWidth: 'fit-content'
+  listColumn: {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    padding: '12px 0px'
+  },
+  listColumnItem: {
+    padding: 0
   },
   text: {
     color: color.text()
+  },
+  titleText: {
+    color: color.text(),
+    fontSize: '16px',
+    fontWeight: '700',
+    margin: 0,
+    paddingBottom: '6px'
+  },
+  rubricToggle: {
+    display: 'flex',
+    alignItems: 'center',
+    cursor: 'pointer',
+    userSelect: 'none',
+    fontSize: theme.typography.fontSize,
+    fontWeight: '500',
+    color: color.tertiary(),
+    margin: 0
+  },
+  chevronStyle: {
+    display: 'inline-flex',
+    transition: 'transform 0.2s',
+    marginLeft: 2,
+    alignSelf: 'center'
+  },
+  hiddenScreenReader: {
+    position: 'absolute',
+    width: '1px',
+    height: '1px',
+    padding: 0,
+    margin: '-1px',
+    overflow: 'hidden',
+    clip: 'rect(0,0,0,0)',
+    border: 0,
+    whiteSpace: 'nowrap'
   }
 });
-var Main = styles$9.withStyles(styles)(Rubric);
+var Main = styles$6.withStyles(styles)(Rubric);
 const React = _dll_react;
 const ReactDOM = _dll_react_dom;
 const {debounce: debounce} = _dll_lodash;