@mui/material 5.10.14 → 5.10.15

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.14
+/** @license MUI v5.10.15
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -5970,7 +5970,7 @@
       return null;
     }, obj);
   }
-  function getValue$1(themeMapping, transform, propValueFinal, userValue = propValueFinal) {
+  function getStyleValue$1(themeMapping, transform, propValueFinal, userValue = propValueFinal) {
     let value;
     if (typeof themeMapping === 'function') {
       value = themeMapping(propValueFinal);
@@ -5999,10 +5999,10 @@
       const theme = props.theme;
       const themeMapping = getPath(theme, themeKey) || {};
       const styleFromPropValue = propValueFinal => {
-        let value = getValue$1(themeMapping, transform, propValueFinal);
+        let value = getStyleValue$1(themeMapping, transform, propValueFinal);
         if (propValueFinal === value && typeof propValueFinal === 'string') {
           // Haven't found value
-          value = getValue$1(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : capitalize(propValueFinal)}`, propValueFinal);
+          value = getStyleValue$1(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : capitalize(propValueFinal)}`, propValueFinal);
         }
         if (cssProperty === false) {
           return value;
@@ -8031,7 +8031,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       });
 
       // 3. Start composing the theme object
-      let theme = _extends({}, parsedTheme, {
+      const theme = _extends({}, parsedTheme, {
         components,
         colorSchemes,
         cssVarPrefix,
@@ -8056,7 +8056,14 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
         theme.vars = deepmerge(theme.vars, vars);
         if (key === calculatedColorScheme) {
           // 4.1 Merge the selected color scheme to the theme
-          theme = _extends({}, theme, parsedScheme);
+          Object.keys(parsedScheme).forEach(schemeKey => {
+            if (parsedScheme[schemeKey] && typeof parsedScheme[schemeKey] === 'object') {
+              // shallow merge the 1st level structure of the theme.
+              theme[schemeKey] = _extends({}, theme[schemeKey], parsedScheme[schemeKey]);
+            } else {
+              theme[schemeKey] = parsedScheme[schemeKey];
+            }
+          });
           if (theme.palette) {
             theme.palette.colorScheme = key;
           }
@@ -9643,6 +9650,296 @@ You have to import it from @mui/styles.
 See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }
 
+  // Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
+  const getOverlayAlpha = elevation => {
+    let alphaValue;
+    if (elevation < 1) {
+      alphaValue = 5.11916 * elevation ** 2;
+    } else {
+      alphaValue = 4.5 * Math.log(elevation + 1) + 2;
+    }
+    return (alphaValue / 100).toFixed(2);
+  };
+  var getOverlayAlpha$1 = getOverlayAlpha;
+
+  const _excluded$2a = ["colorSchemes", "cssVarPrefix"],
+    _excluded2$a = ["palette"];
+  const defaultDarkOverlays = [...Array(25)].map((_, index) => {
+    if (index === 0) {
+      return undefined;
+    }
+    const overlay = getOverlayAlpha$1(index);
+    return `linear-gradient(rgba(255 255 255 / ${overlay}), rgba(255 255 255 / ${overlay}))`;
+  });
+  function assignNode(obj, keys) {
+    keys.forEach(k => {
+      if (!obj[k]) {
+        obj[k] = {};
+      }
+    });
+  }
+  function setColor(obj, key, defaultValue) {
+    obj[key] = obj[key] || defaultValue;
+  }
+  const createGetCssVar = (cssVarPrefix = 'mui') => createGetCssVar$1(cssVarPrefix);
+  function extendTheme(options = {}, ...args) {
+    var _colorSchemesInput$li, _colorSchemesInput$da, _colorSchemesInput$li2, _colorSchemesInput$li3, _colorSchemesInput$da2, _colorSchemesInput$da3;
+    const {
+        colorSchemes: colorSchemesInput = {},
+        cssVarPrefix = 'mui'
+      } = options,
+      input = _objectWithoutPropertiesLoose(options, _excluded$2a);
+    const getCssVar = createGetCssVar(cssVarPrefix);
+    const _createThemeWithoutVa = createTheme(_extends({}, input, colorSchemesInput.light && {
+        palette: (_colorSchemesInput$li = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li.palette
+      })),
+      {
+        palette: lightPalette
+      } = _createThemeWithoutVa,
+      muiTheme = _objectWithoutPropertiesLoose(_createThemeWithoutVa, _excluded2$a);
+    const {
+      palette: darkPalette
+    } = createTheme({
+      palette: _extends({
+        mode: 'dark'
+      }, (_colorSchemesInput$da = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da.palette)
+    });
+    let theme = _extends({}, muiTheme, {
+      cssVarPrefix,
+      getCssVar,
+      colorSchemes: _extends({}, colorSchemesInput, {
+        light: _extends({}, colorSchemesInput.light, {
+          palette: lightPalette,
+          opacity: _extends({
+            inputPlaceholder: 0.42,
+            inputUnderline: 0.42,
+            switchTrackDisabled: 0.12,
+            switchTrack: 0.38
+          }, (_colorSchemesInput$li2 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li2.opacity),
+          overlays: ((_colorSchemesInput$li3 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li3.overlays) || []
+        }),
+        dark: _extends({}, colorSchemesInput.dark, {
+          palette: darkPalette,
+          opacity: _extends({
+            inputPlaceholder: 0.5,
+            inputUnderline: 0.7,
+            switchTrackDisabled: 0.2,
+            switchTrack: 0.3
+          }, (_colorSchemesInput$da2 = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da2.opacity),
+          overlays: ((_colorSchemesInput$da3 = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da3.overlays) || defaultDarkOverlays
+        })
+      })
+    });
+    Object.keys(theme.colorSchemes).forEach(key => {
+      const palette = theme.colorSchemes[key].palette;
+
+      // attach black & white channels to common node
+      if (key === 'light') {
+        setColor(palette.common, 'background', '#fff');
+        setColor(palette.common, 'onBackground', '#000');
+      } else {
+        setColor(palette.common, 'background', '#000');
+        setColor(palette.common, 'onBackground', '#fff');
+      }
+
+      // assign component variables
+      assignNode(palette, ['Alert', 'AppBar', 'Avatar', 'Chip', 'FilledInput', 'LinearProgress', 'Skeleton', 'Slider', 'SnackbarContent', 'SpeedDialAction', 'StepConnector', 'StepContent', 'Switch', 'TableCell', 'Tooltip']);
+      if (key === 'light') {
+        setColor(palette.Alert, 'errorColor', darken(palette.error.light, 0.6));
+        setColor(palette.Alert, 'infoColor', darken(palette.info.light, 0.6));
+        setColor(palette.Alert, 'successColor', darken(palette.success.light, 0.6));
+        setColor(palette.Alert, 'warningColor', darken(palette.warning.light, 0.6));
+        setColor(palette.Alert, 'errorFilledBg', getCssVar('palette-error-main'));
+        setColor(palette.Alert, 'infoFilledBg', getCssVar('palette-info-main'));
+        setColor(palette.Alert, 'successFilledBg', getCssVar('palette-success-main'));
+        setColor(palette.Alert, 'warningFilledBg', getCssVar('palette-warning-main'));
+        setColor(palette.Alert, 'errorFilledColor', lightPalette.getContrastText(palette.error.main));
+        setColor(palette.Alert, 'infoFilledColor', lightPalette.getContrastText(palette.info.main));
+        setColor(palette.Alert, 'successFilledColor', lightPalette.getContrastText(palette.success.main));
+        setColor(palette.Alert, 'warningFilledColor', lightPalette.getContrastText(palette.warning.main));
+        setColor(palette.Alert, 'errorStandardBg', lighten(palette.error.light, 0.9));
+        setColor(palette.Alert, 'infoStandardBg', lighten(palette.info.light, 0.9));
+        setColor(palette.Alert, 'successStandardBg', lighten(palette.success.light, 0.9));
+        setColor(palette.Alert, 'warningStandardBg', lighten(palette.warning.light, 0.9));
+        setColor(palette.Alert, 'errorIconColor', getCssVar('palette-error-light'));
+        setColor(palette.Alert, 'infoIconColor', getCssVar('palette-info-light'));
+        setColor(palette.Alert, 'successIconColor', getCssVar('palette-success-light'));
+        setColor(palette.Alert, 'warningIconColor', getCssVar('palette-warning-light'));
+        setColor(palette.AppBar, 'defaultBg', getCssVar('palette-grey-100'));
+        setColor(palette.Avatar, 'defaultBg', getCssVar('palette-grey-400'));
+        setColor(palette.Chip, 'defaultBorder', getCssVar('palette-grey-400'));
+        setColor(palette.Chip, 'defaultAvatarColor', getCssVar('palette-grey-700'));
+        setColor(palette.Chip, 'defaultIconColor', getCssVar('palette-grey-700'));
+        setColor(palette.FilledInput, 'bg', 'rgba(0, 0, 0, 0.06)');
+        setColor(palette.FilledInput, 'hoverBg', 'rgba(0, 0, 0, 0.09)');
+        setColor(palette.FilledInput, 'disabledBg', 'rgba(0, 0, 0, 0.12)');
+        setColor(palette.LinearProgress, 'primaryBg', lighten(palette.primary.main, 0.62));
+        setColor(palette.LinearProgress, 'secondaryBg', lighten(palette.secondary.main, 0.62));
+        setColor(palette.LinearProgress, 'errorBg', lighten(palette.error.main, 0.62));
+        setColor(palette.LinearProgress, 'infoBg', lighten(palette.info.main, 0.62));
+        setColor(palette.LinearProgress, 'successBg', lighten(palette.success.main, 0.62));
+        setColor(palette.LinearProgress, 'warningBg', lighten(palette.warning.main, 0.62));
+        setColor(palette.Skeleton, 'bg', `rgba(${getCssVar('palette-text-primaryChannel')} / 0.11)`);
+        setColor(palette.Slider, 'primaryTrack', lighten(palette.primary.main, 0.62));
+        setColor(palette.Slider, 'secondaryTrack', lighten(palette.secondary.main, 0.62));
+        setColor(palette.Slider, 'errorTrack', lighten(palette.error.main, 0.62));
+        setColor(palette.Slider, 'infoTrack', lighten(palette.info.main, 0.62));
+        setColor(palette.Slider, 'successTrack', lighten(palette.success.main, 0.62));
+        setColor(palette.Slider, 'warningTrack', lighten(palette.warning.main, 0.62));
+        const snackbarContentBackground = emphasize(palette.background.default, 0.8);
+        setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
+        setColor(palette.SnackbarContent, 'color', lightPalette.getContrastText(snackbarContentBackground));
+        setColor(palette.SpeedDialAction, 'fabHoverBg', emphasize(palette.background.paper, 0.15));
+        setColor(palette.StepConnector, 'border', getCssVar('palette-grey-400'));
+        setColor(palette.StepContent, 'border', getCssVar('palette-grey-400'));
+        setColor(palette.Switch, 'defaultColor', getCssVar('palette-common-white'));
+        setColor(palette.Switch, 'defaultDisabledColor', getCssVar('palette-grey-100'));
+        setColor(palette.Switch, 'primaryDisabledColor', lighten(palette.primary.main, 0.62));
+        setColor(palette.Switch, 'secondaryDisabledColor', lighten(palette.secondary.main, 0.62));
+        setColor(palette.Switch, 'errorDisabledColor', lighten(palette.error.main, 0.62));
+        setColor(palette.Switch, 'infoDisabledColor', lighten(palette.info.main, 0.62));
+        setColor(palette.Switch, 'successDisabledColor', lighten(palette.success.main, 0.62));
+        setColor(palette.Switch, 'warningDisabledColor', lighten(palette.warning.main, 0.62));
+        setColor(palette.TableCell, 'border', lighten(alpha(palette.divider, 1), 0.88));
+        setColor(palette.Tooltip, 'bg', alpha(palette.grey[700], 0.92));
+      } else {
+        setColor(palette.Alert, 'errorColor', lighten(palette.error.light, 0.6));
+        setColor(palette.Alert, 'infoColor', lighten(palette.info.light, 0.6));
+        setColor(palette.Alert, 'successColor', lighten(palette.success.light, 0.6));
+        setColor(palette.Alert, 'warningColor', lighten(palette.warning.light, 0.6));
+        setColor(palette.Alert, 'errorFilledBg', getCssVar('palette-error-dark'));
+        setColor(palette.Alert, 'infoFilledBg', getCssVar('palette-info-dark'));
+        setColor(palette.Alert, 'successFilledBg', getCssVar('palette-success-dark'));
+        setColor(palette.Alert, 'warningFilledBg', getCssVar('palette-warning-dark'));
+        setColor(palette.Alert, 'errorFilledColor', darkPalette.getContrastText(palette.error.dark));
+        setColor(palette.Alert, 'infoFilledColor', darkPalette.getContrastText(palette.info.dark));
+        setColor(palette.Alert, 'successFilledColor', darkPalette.getContrastText(palette.success.dark));
+        setColor(palette.Alert, 'warningFilledColor', darkPalette.getContrastText(palette.warning.dark));
+        setColor(palette.Alert, 'errorStandardBg', darken(palette.error.light, 0.9));
+        setColor(palette.Alert, 'infoStandardBg', darken(palette.info.light, 0.9));
+        setColor(palette.Alert, 'successStandardBg', darken(palette.success.light, 0.9));
+        setColor(palette.Alert, 'warningStandardBg', darken(palette.warning.light, 0.9));
+        setColor(palette.Alert, 'errorIconColor', getCssVar('palette-error-main'));
+        setColor(palette.Alert, 'infoIconColor', getCssVar('palette-info-main'));
+        setColor(palette.Alert, 'successIconColor', getCssVar('palette-success-main'));
+        setColor(palette.Alert, 'warningIconColor', getCssVar('palette-warning-main'));
+        setColor(palette.AppBar, 'defaultBg', getCssVar('palette-grey-900'));
+        setColor(palette.AppBar, 'darkBg', getCssVar('palette-background-paper')); // specific for dark mode
+        setColor(palette.AppBar, 'darkColor', getCssVar('palette-text-primary')); // specific for dark mode
+        setColor(palette.Avatar, 'defaultBg', getCssVar('palette-grey-600'));
+        setColor(palette.Chip, 'defaultBorder', getCssVar('palette-grey-700'));
+        setColor(palette.Chip, 'defaultAvatarColor', getCssVar('palette-grey-300'));
+        setColor(palette.Chip, 'defaultIconColor', getCssVar('palette-grey-300'));
+        setColor(palette.FilledInput, 'bg', 'rgba(255, 255, 255, 0.09)');
+        setColor(palette.FilledInput, 'hoverBg', 'rgba(255, 255, 255, 0.13)');
+        setColor(palette.FilledInput, 'disabledBg', 'rgba(255, 255, 255, 0.12)');
+        setColor(palette.LinearProgress, 'primaryBg', darken(palette.primary.main, 0.5));
+        setColor(palette.LinearProgress, 'secondaryBg', darken(palette.secondary.main, 0.5));
+        setColor(palette.LinearProgress, 'errorBg', darken(palette.error.main, 0.5));
+        setColor(palette.LinearProgress, 'infoBg', darken(palette.info.main, 0.5));
+        setColor(palette.LinearProgress, 'successBg', darken(palette.success.main, 0.5));
+        setColor(palette.LinearProgress, 'warningBg', darken(palette.warning.main, 0.5));
+        setColor(palette.Skeleton, 'bg', `rgba(${getCssVar('palette-text-primaryChannel')} / 0.13)`);
+        setColor(palette.Slider, 'primaryTrack', darken(palette.primary.main, 0.5));
+        setColor(palette.Slider, 'secondaryTrack', darken(palette.secondary.main, 0.5));
+        setColor(palette.Slider, 'errorTrack', darken(palette.error.main, 0.5));
+        setColor(palette.Slider, 'infoTrack', darken(palette.info.main, 0.5));
+        setColor(palette.Slider, 'successTrack', darken(palette.success.main, 0.5));
+        setColor(palette.Slider, 'warningTrack', darken(palette.warning.main, 0.5));
+        const snackbarContentBackground = emphasize(palette.background.default, 0.98);
+        setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
+        setColor(palette.SnackbarContent, 'color', darkPalette.getContrastText(snackbarContentBackground));
+        setColor(palette.SpeedDialAction, 'fabHoverBg', emphasize(palette.background.paper, 0.15));
+        setColor(palette.StepConnector, 'border', getCssVar('palette-grey-600'));
+        setColor(palette.StepContent, 'border', getCssVar('palette-grey-600'));
+        setColor(palette.Switch, 'defaultColor', getCssVar('palette-grey-300'));
+        setColor(palette.Switch, 'defaultDisabledColor', getCssVar('palette-grey-600'));
+        setColor(palette.Switch, 'primaryDisabledColor', darken(palette.primary.main, 0.55));
+        setColor(palette.Switch, 'secondaryDisabledColor', darken(palette.secondary.main, 0.55));
+        setColor(palette.Switch, 'errorDisabledColor', darken(palette.error.main, 0.55));
+        setColor(palette.Switch, 'infoDisabledColor', darken(palette.info.main, 0.55));
+        setColor(palette.Switch, 'successDisabledColor', darken(palette.success.main, 0.55));
+        setColor(palette.Switch, 'warningDisabledColor', darken(palette.warning.main, 0.55));
+        setColor(palette.TableCell, 'border', darken(alpha(palette.divider, 1), 0.68));
+        setColor(palette.Tooltip, 'bg', alpha(palette.grey[700], 0.92));
+      }
+      palette.background.defaultChannel = colorChannel(palette.background.default); // MUI X - DataGrid needs this token.
+
+      palette.common.backgroundChannel = colorChannel(palette.common.background);
+      palette.common.onBackgroundChannel = colorChannel(palette.common.onBackground);
+      palette.dividerChannel = colorChannel(palette.divider);
+      Object.keys(palette).forEach(color => {
+        const colors = palette[color];
+
+        // Color palettes: primary, secondary, error, info, success, and warning
+        if (colors.main) {
+          palette[color].mainChannel = colorChannel(colors.main);
+        }
+        if (colors.light) {
+          palette[color].lightChannel = colorChannel(colors.light);
+        }
+        if (colors.dark) {
+          palette[color].darkChannel = colorChannel(colors.dark);
+        }
+        if (colors.contrastText) {
+          palette[color].contrastTextChannel = colorChannel(colors.contrastText);
+        }
+
+        // Text colors: text.primary, text.secondary
+        if (colors.primary) {
+          palette[color].primaryChannel = colorChannel(colors.primary);
+        }
+        if (colors.secondary) {
+          palette[color].secondaryChannel = colorChannel(colors.secondary);
+        }
+
+        // Action colors: action.active, action.selected
+        if (colors.active) {
+          palette[color].activeChannel = colorChannel(colors.active);
+        }
+        if (colors.selected) {
+          palette[color].selectedChannel = colorChannel(colors.selected);
+        }
+      });
+    });
+    theme = args.reduce((acc, argument) => deepmerge(acc, argument), theme);
+    return theme;
+  }
+
+  /**
+   * @internal These variables should not appear in the :root stylesheet when the `defaultMode="dark"`
+   */
+  const excludeVariablesFromRoot = cssVarPrefix => [...[...Array(24)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}overlays-${index + 1}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkColor`];
+  var excludeVariablesFromRoot$1 = excludeVariablesFromRoot;
+
+  const shouldSkipGeneratingVar = keys => {
+    var _keys$;
+    return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
+  };
+  const defaultTheme$1 = extendTheme();
+  const {
+    CssVarsProvider,
+    useColorScheme,
+    getInitColorSchemeScript
+  } = createCssVarsProvider({
+    theme: defaultTheme$1,
+    attribute: 'data-mui-color-scheme',
+    modeStorageKey: 'mui-mode',
+    colorSchemeStorageKey: 'mui-color-scheme',
+    defaultColorScheme: {
+      light: 'light',
+      dark: 'dark'
+    },
+    resolveTheme: theme => {
+      const newTheme = _extends({}, theme, {
+        typography: createTypography(theme.palette, theme.typography)
+      });
+      return newTheme;
+    },
+    shouldSkipGeneratingVar,
+    excludeVariablesFromRoot: excludeVariablesFromRoot$1
+  });
+
   /**
    * Determines if a given element is a DOM element name (i.e. not a React component).
    */
@@ -9785,7 +10082,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     };
   }
 
-  const _excluded$2a = ["elementType", "externalSlotProps", "ownerState"];
+  const _excluded$29 = ["elementType", "externalSlotProps", "ownerState"];
   /**
    * Builds the props to be passed into the slot of an unstyled component.
    * It merges the internal props of the component with the ones supplied by the user, allowing to customize the behavior.
@@ -9800,7 +10097,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         externalSlotProps,
         ownerState
       } = parameters,
-      rest = _objectWithoutPropertiesLoose(parameters, _excluded$2a);
+      rest = _objectWithoutPropertiesLoose(parameters, _excluded$29);
     const resolvedComponentsProps = resolveComponentProps(externalSlotProps, ownerState);
     const {
       props: mergedProps,
@@ -10774,7 +11071,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }
   generateUtilityClasses('MuiBadge', ['root', 'badge', 'invisible']);
 
-  const _excluded$29 = ["badgeContent", "component", "children", "invisible", "max", "slotProps", "slots", "showZero"];
+  const _excluded$28 = ["badgeContent", "component", "children", "invisible", "max", "slotProps", "slots", "showZero"];
   const useUtilityClasses$1P = ownerState => {
     const {
       invisible
@@ -10804,7 +11101,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         slots = {},
         showZero = false
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$29);
+      other = _objectWithoutPropertiesLoose(props, _excluded$28);
     const {
       badgeContent,
       max,
@@ -13422,8 +13719,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }
   generateUtilityClasses('MuiPopperUnstyled', ['root']);
 
-  const _excluded$28 = ["anchorEl", "children", "component", "direction", "disablePortal", "modifiers", "open", "ownerState", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps"],
-    _excluded2$a = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition"];
+  const _excluded$27 = ["anchorEl", "children", "component", "direction", "disablePortal", "modifiers", "open", "ownerState", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps"],
+    _excluded2$9 = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition"];
   function flipPlacement(placement, direction) {
     if (direction === 'ltr') {
       return placement;
@@ -13471,7 +13768,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         slots = {},
         TransitionProps
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$28);
+      other = _objectWithoutPropertiesLoose(props, _excluded$27);
     const tooltipRef = React__namespace.useRef(null);
     const ownRef = useForkRef(tooltipRef, ref);
     const popperRef = React__namespace.useRef(null);
@@ -13589,7 +13886,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         style,
         transition = false
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded2$a);
+      other = _objectWithoutPropertiesLoose(props, _excluded2$9);
     const [exited, setExited] = React__namespace.useState(true);
     const handleEnter = () => {
       setExited(false);
@@ -13979,7 +14276,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   const modalUnstyledClasses = generateUtilityClasses('MuiModal', ['root', 'hidden']);
   var modalUnstyledClasses$1 = modalUnstyledClasses;
 
-  const _excluded$27 = ["children", "classes", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"];
+  const _excluded$26 = ["children", "classes", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"];
   const useUtilityClasses$1N = ownerState => {
     const {
       open,
@@ -14044,7 +14341,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         slotProps = {},
         slots = {}
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$27);
+      other = _objectWithoutPropertiesLoose(props, _excluded$26);
     const [exited, setExited] = React__namespace.useState(true);
     const modal = React__namespace.useRef({});
     const mountNodeRef = React__namespace.useRef(null);
@@ -15054,7 +15351,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     };
   }
 
-  const _excluded$26 = ["aria-label", "aria-valuetext", "aria-labelledby", "className", "component", "classes", "disableSwap", "disabled", "getAriaLabel", "getAriaValueText", "marks", "max", "min", "name", "onChange", "onChangeCommitted", "orientation", "scale", "step", "tabIndex", "track", "value", "valueLabelDisplay", "valueLabelFormat", "isRtl", "slotProps", "slots"];
+  const _excluded$25 = ["aria-label", "aria-valuetext", "aria-labelledby", "className", "component", "classes", "disableSwap", "disabled", "getAriaLabel", "getAriaValueText", "marks", "max", "min", "name", "onChange", "onChangeCommitted", "orientation", "scale", "step", "tabIndex", "track", "value", "valueLabelDisplay", "valueLabelFormat", "isRtl", "slotProps", "slots"];
   const Identity = x => x;
   const useUtilityClasses$1M = ownerState => {
     const {
@@ -15110,7 +15407,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         slotProps = {},
         slots = {}
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$26);
+      other = _objectWithoutPropertiesLoose(props, _excluded$25);
 
     // all props with defaults
     // consider extracting to hook an reusing the lint rule for the variants
@@ -15492,7 +15789,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   } ;
   var SliderUnstyled$1 = SliderUnstyled;
 
-  const _excluded$25 = ["onChange", "maxRows", "minRows", "style", "value"];
+  const _excluded$24 = ["onChange", "maxRows", "minRows", "style", "value"];
   function getStyleValue(computedStyle, property) {
     return parseInt(computedStyle[property], 10) || 0;
   }
@@ -15522,7 +15819,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         style,
         value
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$25);
+      other = _objectWithoutPropertiesLoose(props, _excluded$24);
     const {
       current: isControlled
     } = React__namespace.useRef(value != null);
@@ -15728,438 +16025,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   } ;
   var TextareaAutosize$1 = TextareaAutosize;
 
-  function getPaperUtilityClass(slot) {
-    return generateUtilityClass('MuiPaper', slot);
-  }
-  const paperClasses = generateUtilityClasses('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
-  var paperClasses$1 = paperClasses;
-
-  const _excluded$24 = ["className", "component", "elevation", "square", "variant"];
-  const getOverlayAlpha = elevation => {
-    let alphaValue;
-    if (elevation < 1) {
-      alphaValue = 5.11916 * elevation ** 2;
-    } else {
-      alphaValue = 4.5 * Math.log(elevation + 1) + 2;
-    }
-    return (alphaValue / 100).toFixed(2);
-  };
-  const useUtilityClasses$1L = ownerState => {
-    const {
-      square,
-      elevation,
-      variant,
-      classes
-    } = ownerState;
-    const slots = {
-      root: ['root', variant, !square && 'rounded', variant === 'elevation' && `elevation${elevation}`]
-    };
-    return composeClasses(slots, getPaperUtilityClass, classes);
-  };
-  const PaperRoot = styled$1('div', {
-    name: 'MuiPaper',
-    slot: 'Root',
-    overridesResolver: (props, styles) => {
-      const {
-        ownerState
-      } = props;
-      return [styles.root, styles[ownerState.variant], !ownerState.square && styles.rounded, ownerState.variant === 'elevation' && styles[`elevation${ownerState.elevation}`]];
-    }
-  })(({
-    theme,
-    ownerState
-  }) => {
-    var _theme$vars$overlays;
-    return _extends({
-      backgroundColor: (theme.vars || theme).palette.background.paper,
-      color: (theme.vars || theme).palette.text.primary,
-      transition: theme.transitions.create('box-shadow')
-    }, !ownerState.square && {
-      borderRadius: theme.shape.borderRadius
-    }, ownerState.variant === 'outlined' && {
-      border: `1px solid ${(theme.vars || theme).palette.divider}`
-    }, ownerState.variant === 'elevation' && _extends({
-      boxShadow: (theme.vars || theme).shadows[ownerState.elevation]
-    }, !theme.vars && theme.palette.mode === 'dark' && {
-      backgroundImage: `linear-gradient(${alpha('#fff', getOverlayAlpha(ownerState.elevation))}, ${alpha('#fff', getOverlayAlpha(ownerState.elevation))})`
-    }, theme.vars && {
-      backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]
-    }));
-  });
-  const Paper = /*#__PURE__*/React__namespace.forwardRef(function Paper(inProps, ref) {
-    const props = useThemeProps({
-      props: inProps,
-      name: 'MuiPaper'
-    });
-    const {
-        className,
-        component = 'div',
-        elevation = 1,
-        square = false,
-        variant = 'elevation'
-      } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$24);
-    const ownerState = _extends({}, props, {
-      component,
-      elevation,
-      square,
-      variant
-    });
-    const classes = useUtilityClasses$1L(ownerState);
-    {
-      // eslint-disable-next-line react-hooks/rules-of-hooks
-      const theme = useTheme();
-      if (theme.shadows[elevation] === undefined) {
-        console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${elevation}]\` is defined.`].join('\n'));
-      }
-    }
-    return /*#__PURE__*/jsxRuntime_1(PaperRoot, _extends({
-      as: component,
-      ownerState: ownerState,
-      className: clsx(classes.root, className),
-      ref: ref
-    }, other));
-  });
-  Paper.propTypes /* remove-proptypes */ = {
-    // ----------------------------- Warning --------------------------------
-    // | These PropTypes are generated from the TypeScript type definitions |
-    // |     To update them edit the d.ts file and run "yarn proptypes"     |
-    // ----------------------------------------------------------------------
-    /**
-     * The content of the component.
-     */
-    children: PropTypes.node,
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes: PropTypes.object,
-    /**
-     * @ignore
-     */
-    className: PropTypes.string,
-    /**
-     * The component used for the root node.
-     * Either a string to use a HTML element or a component.
-     */
-    component: PropTypes.elementType,
-    /**
-     * Shadow depth, corresponds to `dp` in the spec.
-     * It accepts values between 0 and 24 inclusive.
-     * @default 1
-     */
-    elevation: chainPropTypes(integerPropType, props => {
-      const {
-        elevation,
-        variant
-      } = props;
-      if (elevation > 0 && variant === 'outlined') {
-        return new Error(`MUI: Combining \`elevation={${elevation}}\` with \`variant="${variant}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`);
-      }
-      return null;
-    }),
-    /**
-     * If `true`, rounded corners are disabled.
-     * @default false
-     */
-    square: PropTypes.bool,
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    /**
-     * The variant to use.
-     * @default 'elevation'
-     */
-    variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['elevation', 'outlined']), PropTypes.string])
-  } ;
-  var Paper$1 = Paper;
-
-  const _excluded$23 = ["colorSchemes", "cssVarPrefix"],
-    _excluded2$9 = ["palette"];
-  const defaultDarkOverlays = [...Array(25)].map((_, index) => {
-    if (index === 0) {
-      return undefined;
-    }
-    const overlay = getOverlayAlpha(index);
-    return `linear-gradient(rgba(255 255 255 / ${overlay}), rgba(255 255 255 / ${overlay}))`;
-  });
-  function assignNode(obj, keys) {
-    keys.forEach(k => {
-      if (!obj[k]) {
-        obj[k] = {};
-      }
-    });
-  }
-  function setColor(obj, key, defaultValue) {
-    obj[key] = obj[key] || defaultValue;
-  }
-  const createGetCssVar = (cssVarPrefix = 'mui') => createGetCssVar$1(cssVarPrefix);
-  function extendTheme(options = {}, ...args) {
-    var _colorSchemesInput$li, _colorSchemesInput$da, _colorSchemesInput$li2, _colorSchemesInput$li3, _colorSchemesInput$da2, _colorSchemesInput$da3;
-    const {
-        colorSchemes: colorSchemesInput = {},
-        cssVarPrefix = 'mui'
-      } = options,
-      input = _objectWithoutPropertiesLoose(options, _excluded$23);
-    const getCssVar = createGetCssVar(cssVarPrefix);
-    const _createThemeWithoutVa = createTheme(_extends({}, input, colorSchemesInput.light && {
-        palette: (_colorSchemesInput$li = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li.palette
-      })),
-      {
-        palette: lightPalette
-      } = _createThemeWithoutVa,
-      muiTheme = _objectWithoutPropertiesLoose(_createThemeWithoutVa, _excluded2$9);
-    const {
-      palette: darkPalette
-    } = createTheme({
-      palette: _extends({
-        mode: 'dark'
-      }, (_colorSchemesInput$da = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da.palette)
-    });
-    let theme = _extends({}, muiTheme, {
-      cssVarPrefix,
-      getCssVar,
-      colorSchemes: _extends({}, colorSchemesInput, {
-        light: _extends({}, colorSchemesInput.light, {
-          palette: lightPalette,
-          opacity: _extends({
-            inputPlaceholder: 0.42,
-            inputUnderline: 0.42,
-            switchTrackDisabled: 0.12,
-            switchTrack: 0.38
-          }, (_colorSchemesInput$li2 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li2.opacity),
-          overlays: ((_colorSchemesInput$li3 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li3.overlays) || []
-        }),
-        dark: _extends({}, colorSchemesInput.dark, {
-          palette: darkPalette,
-          opacity: _extends({
-            inputPlaceholder: 0.5,
-            inputUnderline: 0.7,
-            switchTrackDisabled: 0.2,
-            switchTrack: 0.3
-          }, (_colorSchemesInput$da2 = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da2.opacity),
-          overlays: ((_colorSchemesInput$da3 = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da3.overlays) || defaultDarkOverlays
-        })
-      })
-    });
-    Object.keys(theme.colorSchemes).forEach(key => {
-      const palette = theme.colorSchemes[key].palette;
-
-      // attach black & white channels to common node
-      if (key === 'light') {
-        setColor(palette.common, 'background', '#fff');
-        setColor(palette.common, 'onBackground', '#000');
-      } else {
-        setColor(palette.common, 'background', '#000');
-        setColor(palette.common, 'onBackground', '#fff');
-      }
-
-      // assign component variables
-      assignNode(palette, ['Alert', 'AppBar', 'Avatar', 'Chip', 'FilledInput', 'LinearProgress', 'Skeleton', 'Slider', 'SnackbarContent', 'SpeedDialAction', 'StepConnector', 'StepContent', 'Switch', 'TableCell', 'Tooltip']);
-      if (key === 'light') {
-        setColor(palette.Alert, 'errorColor', darken(palette.error.light, 0.6));
-        setColor(palette.Alert, 'infoColor', darken(palette.info.light, 0.6));
-        setColor(palette.Alert, 'successColor', darken(palette.success.light, 0.6));
-        setColor(palette.Alert, 'warningColor', darken(palette.warning.light, 0.6));
-        setColor(palette.Alert, 'errorFilledBg', getCssVar('palette-error-main'));
-        setColor(palette.Alert, 'infoFilledBg', getCssVar('palette-info-main'));
-        setColor(palette.Alert, 'successFilledBg', getCssVar('palette-success-main'));
-        setColor(palette.Alert, 'warningFilledBg', getCssVar('palette-warning-main'));
-        setColor(palette.Alert, 'errorFilledColor', lightPalette.getContrastText(palette.error.main));
-        setColor(palette.Alert, 'infoFilledColor', lightPalette.getContrastText(palette.info.main));
-        setColor(palette.Alert, 'successFilledColor', lightPalette.getContrastText(palette.success.main));
-        setColor(palette.Alert, 'warningFilledColor', lightPalette.getContrastText(palette.warning.main));
-        setColor(palette.Alert, 'errorStandardBg', lighten(palette.error.light, 0.9));
-        setColor(palette.Alert, 'infoStandardBg', lighten(palette.info.light, 0.9));
-        setColor(palette.Alert, 'successStandardBg', lighten(palette.success.light, 0.9));
-        setColor(palette.Alert, 'warningStandardBg', lighten(palette.warning.light, 0.9));
-        setColor(palette.Alert, 'errorIconColor', getCssVar('palette-error-light'));
-        setColor(palette.Alert, 'infoIconColor', getCssVar('palette-info-light'));
-        setColor(palette.Alert, 'successIconColor', getCssVar('palette-success-light'));
-        setColor(palette.Alert, 'warningIconColor', getCssVar('palette-warning-light'));
-        setColor(palette.AppBar, 'defaultBg', getCssVar('palette-grey-100'));
-        setColor(palette.Avatar, 'defaultBg', getCssVar('palette-grey-400'));
-        setColor(palette.Chip, 'defaultBorder', getCssVar('palette-grey-400'));
-        setColor(palette.Chip, 'defaultAvatarColor', getCssVar('palette-grey-700'));
-        setColor(palette.Chip, 'defaultIconColor', getCssVar('palette-grey-700'));
-        setColor(palette.FilledInput, 'bg', 'rgba(0, 0, 0, 0.06)');
-        setColor(palette.FilledInput, 'hoverBg', 'rgba(0, 0, 0, 0.09)');
-        setColor(palette.FilledInput, 'disabledBg', 'rgba(0, 0, 0, 0.12)');
-        setColor(palette.LinearProgress, 'primaryBg', lighten(palette.primary.main, 0.62));
-        setColor(palette.LinearProgress, 'secondaryBg', lighten(palette.secondary.main, 0.62));
-        setColor(palette.LinearProgress, 'errorBg', lighten(palette.error.main, 0.62));
-        setColor(palette.LinearProgress, 'infoBg', lighten(palette.info.main, 0.62));
-        setColor(palette.LinearProgress, 'successBg', lighten(palette.success.main, 0.62));
-        setColor(palette.LinearProgress, 'warningBg', lighten(palette.warning.main, 0.62));
-        setColor(palette.Skeleton, 'bg', `rgba(${getCssVar('palette-text-primaryChannel')} / 0.11)`);
-        setColor(palette.Slider, 'primaryTrack', lighten(palette.primary.main, 0.62));
-        setColor(palette.Slider, 'secondaryTrack', lighten(palette.secondary.main, 0.62));
-        setColor(palette.Slider, 'errorTrack', lighten(palette.error.main, 0.62));
-        setColor(palette.Slider, 'infoTrack', lighten(palette.info.main, 0.62));
-        setColor(palette.Slider, 'successTrack', lighten(palette.success.main, 0.62));
-        setColor(palette.Slider, 'warningTrack', lighten(palette.warning.main, 0.62));
-        const snackbarContentBackground = emphasize(palette.background.default, 0.8);
-        setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
-        setColor(palette.SnackbarContent, 'color', lightPalette.getContrastText(snackbarContentBackground));
-        setColor(palette.SpeedDialAction, 'fabHoverBg', emphasize(palette.background.paper, 0.15));
-        setColor(palette.StepConnector, 'border', getCssVar('palette-grey-400'));
-        setColor(palette.StepContent, 'border', getCssVar('palette-grey-400'));
-        setColor(palette.Switch, 'defaultColor', getCssVar('palette-common-white'));
-        setColor(palette.Switch, 'defaultDisabledColor', getCssVar('palette-grey-100'));
-        setColor(palette.Switch, 'primaryDisabledColor', lighten(palette.primary.main, 0.62));
-        setColor(palette.Switch, 'secondaryDisabledColor', lighten(palette.secondary.main, 0.62));
-        setColor(palette.Switch, 'errorDisabledColor', lighten(palette.error.main, 0.62));
-        setColor(palette.Switch, 'infoDisabledColor', lighten(palette.info.main, 0.62));
-        setColor(palette.Switch, 'successDisabledColor', lighten(palette.success.main, 0.62));
-        setColor(palette.Switch, 'warningDisabledColor', lighten(palette.warning.main, 0.62));
-        setColor(palette.TableCell, 'border', lighten(alpha(palette.divider, 1), 0.88));
-        setColor(palette.Tooltip, 'bg', alpha(palette.grey[700], 0.92));
-      } else {
-        setColor(palette.Alert, 'errorColor', lighten(palette.error.light, 0.6));
-        setColor(palette.Alert, 'infoColor', lighten(palette.info.light, 0.6));
-        setColor(palette.Alert, 'successColor', lighten(palette.success.light, 0.6));
-        setColor(palette.Alert, 'warningColor', lighten(palette.warning.light, 0.6));
-        setColor(palette.Alert, 'errorFilledBg', getCssVar('palette-error-dark'));
-        setColor(palette.Alert, 'infoFilledBg', getCssVar('palette-info-dark'));
-        setColor(palette.Alert, 'successFilledBg', getCssVar('palette-success-dark'));
-        setColor(palette.Alert, 'warningFilledBg', getCssVar('palette-warning-dark'));
-        setColor(palette.Alert, 'errorFilledColor', darkPalette.getContrastText(palette.error.dark));
-        setColor(palette.Alert, 'infoFilledColor', darkPalette.getContrastText(palette.info.dark));
-        setColor(palette.Alert, 'successFilledColor', darkPalette.getContrastText(palette.success.dark));
-        setColor(palette.Alert, 'warningFilledColor', darkPalette.getContrastText(palette.warning.dark));
-        setColor(palette.Alert, 'errorStandardBg', darken(palette.error.light, 0.9));
-        setColor(palette.Alert, 'infoStandardBg', darken(palette.info.light, 0.9));
-        setColor(palette.Alert, 'successStandardBg', darken(palette.success.light, 0.9));
-        setColor(palette.Alert, 'warningStandardBg', darken(palette.warning.light, 0.9));
-        setColor(palette.Alert, 'errorIconColor', getCssVar('palette-error-main'));
-        setColor(palette.Alert, 'infoIconColor', getCssVar('palette-info-main'));
-        setColor(palette.Alert, 'successIconColor', getCssVar('palette-success-main'));
-        setColor(palette.Alert, 'warningIconColor', getCssVar('palette-warning-main'));
-        setColor(palette.AppBar, 'defaultBg', getCssVar('palette-grey-900'));
-        setColor(palette.AppBar, 'darkBg', getCssVar('palette-background-paper')); // specific for dark mode
-        setColor(palette.AppBar, 'darkColor', getCssVar('palette-text-primary')); // specific for dark mode
-        setColor(palette.Avatar, 'defaultBg', getCssVar('palette-grey-600'));
-        setColor(palette.Chip, 'defaultBorder', getCssVar('palette-grey-700'));
-        setColor(palette.Chip, 'defaultAvatarColor', getCssVar('palette-grey-300'));
-        setColor(palette.Chip, 'defaultIconColor', getCssVar('palette-grey-300'));
-        setColor(palette.FilledInput, 'bg', 'rgba(255, 255, 255, 0.09)');
-        setColor(palette.FilledInput, 'hoverBg', 'rgba(255, 255, 255, 0.13)');
-        setColor(palette.FilledInput, 'disabledBg', 'rgba(255, 255, 255, 0.12)');
-        setColor(palette.LinearProgress, 'primaryBg', darken(palette.primary.main, 0.5));
-        setColor(palette.LinearProgress, 'secondaryBg', darken(palette.secondary.main, 0.5));
-        setColor(palette.LinearProgress, 'errorBg', darken(palette.error.main, 0.5));
-        setColor(palette.LinearProgress, 'infoBg', darken(palette.info.main, 0.5));
-        setColor(palette.LinearProgress, 'successBg', darken(palette.success.main, 0.5));
-        setColor(palette.LinearProgress, 'warningBg', darken(palette.warning.main, 0.5));
-        setColor(palette.Skeleton, 'bg', `rgba(${getCssVar('palette-text-primaryChannel')} / 0.13)`);
-        setColor(palette.Slider, 'primaryTrack', darken(palette.primary.main, 0.5));
-        setColor(palette.Slider, 'secondaryTrack', darken(palette.secondary.main, 0.5));
-        setColor(palette.Slider, 'errorTrack', darken(palette.error.main, 0.5));
-        setColor(palette.Slider, 'infoTrack', darken(palette.info.main, 0.5));
-        setColor(palette.Slider, 'successTrack', darken(palette.success.main, 0.5));
-        setColor(palette.Slider, 'warningTrack', darken(palette.warning.main, 0.5));
-        const snackbarContentBackground = emphasize(palette.background.default, 0.98);
-        setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
-        setColor(palette.SnackbarContent, 'color', darkPalette.getContrastText(snackbarContentBackground));
-        setColor(palette.SpeedDialAction, 'fabHoverBg', emphasize(palette.background.paper, 0.15));
-        setColor(palette.StepConnector, 'border', getCssVar('palette-grey-600'));
-        setColor(palette.StepContent, 'border', getCssVar('palette-grey-600'));
-        setColor(palette.Switch, 'defaultColor', getCssVar('palette-grey-300'));
-        setColor(palette.Switch, 'defaultDisabledColor', getCssVar('palette-grey-600'));
-        setColor(palette.Switch, 'primaryDisabledColor', darken(palette.primary.main, 0.55));
-        setColor(palette.Switch, 'secondaryDisabledColor', darken(palette.secondary.main, 0.55));
-        setColor(palette.Switch, 'errorDisabledColor', darken(palette.error.main, 0.55));
-        setColor(palette.Switch, 'infoDisabledColor', darken(palette.info.main, 0.55));
-        setColor(palette.Switch, 'successDisabledColor', darken(palette.success.main, 0.55));
-        setColor(palette.Switch, 'warningDisabledColor', darken(palette.warning.main, 0.55));
-        setColor(palette.TableCell, 'border', darken(alpha(palette.divider, 1), 0.68));
-        setColor(palette.Tooltip, 'bg', alpha(palette.grey[700], 0.92));
-      }
-      palette.background.defaultChannel = colorChannel(palette.background.default); // MUI X - DataGrid needs this token.
-
-      palette.common.backgroundChannel = colorChannel(palette.common.background);
-      palette.common.onBackgroundChannel = colorChannel(palette.common.onBackground);
-      palette.dividerChannel = colorChannel(palette.divider);
-      Object.keys(palette).forEach(color => {
-        const colors = palette[color];
-
-        // Color palettes: primary, secondary, error, info, success, and warning
-        if (colors.main) {
-          palette[color].mainChannel = colorChannel(colors.main);
-        }
-        if (colors.light) {
-          palette[color].lightChannel = colorChannel(colors.light);
-        }
-        if (colors.dark) {
-          palette[color].darkChannel = colorChannel(colors.dark);
-        }
-        if (colors.contrastText) {
-          palette[color].contrastTextChannel = colorChannel(colors.contrastText);
-        }
-
-        // Text colors: text.primary, text.secondary
-        if (colors.primary) {
-          palette[color].primaryChannel = colorChannel(colors.primary);
-        }
-        if (colors.secondary) {
-          palette[color].secondaryChannel = colorChannel(colors.secondary);
-        }
-
-        // Action colors: action.active, action.selected
-        if (colors.active) {
-          palette[color].activeChannel = colorChannel(colors.active);
-        }
-        if (colors.selected) {
-          palette[color].selectedChannel = colorChannel(colors.selected);
-        }
-      });
-    });
-    theme = args.reduce((acc, argument) => deepmerge(acc, argument), theme);
-    return theme;
-  }
-
-  /**
-   * @internal These variables should not appear in the :root stylesheet when the `defaultMode="dark"`
-   */
-  const excludeVariablesFromRoot = cssVarPrefix => [...[...Array(24)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}overlays-${index + 1}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkColor`];
-  var excludeVariablesFromRoot$1 = excludeVariablesFromRoot;
-
-  const shouldSkipGeneratingVar = keys => {
-    var _keys$;
-    return !!keys[0].match(/(typography|mixins|breakpoints|direction|transitions)/) || keys[0] === 'palette' && !!((_keys$ = keys[1]) != null && _keys$.match(/(mode|contrastThreshold|tonalOffset)/));
-  };
-  const defaultTheme$1 = extendTheme();
-  const {
-    CssVarsProvider,
-    useColorScheme,
-    getInitColorSchemeScript
-  } = createCssVarsProvider({
-    theme: defaultTheme$1,
-    attribute: 'data-mui-color-scheme',
-    modeStorageKey: 'mui-mode',
-    colorSchemeStorageKey: 'mui-color-scheme',
-    defaultColorScheme: {
-      light: 'light',
-      dark: 'dark'
-    },
-    resolveTheme: theme => {
-      const newTheme = _extends({}, theme, {
-        typography: createTypography(theme.palette, theme.typography)
-      });
-      return newTheme;
-    },
-    shouldSkipGeneratingVar,
-    excludeVariablesFromRoot: excludeVariablesFromRoot$1
-  });
-
   function getSvgIconUtilityClass(slot) {
     return generateUtilityClass('MuiSvgIcon', slot);
   }
   const svgIconClasses = generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
   var svgIconClasses$1 = svgIconClasses;
 
-  const _excluded$22 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
-  const useUtilityClasses$1K = ownerState => {
+  const _excluded$23 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+  const useUtilityClasses$1L = ownerState => {
     const {
       color,
       fontSize,
@@ -16224,7 +16097,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         titleAccess,
         viewBox = '0 0 24 24'
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$22);
+      other = _objectWithoutPropertiesLoose(props, _excluded$23);
     const ownerState = _extends({}, props, {
       color,
       component,
@@ -16237,7 +16110,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     if (!inheritViewBox) {
       more.viewBox = viewBox;
     }
-    const classes = useUtilityClasses$1K(ownerState);
+    const classes = useUtilityClasses$1L(ownerState);
     return /*#__PURE__*/jsxRuntime_2(SvgIconRoot, _extends({
       as: component,
       className: clsx(classes.root, className),
@@ -17363,8 +17236,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   const collapseClasses = generateUtilityClasses('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
   var collapseClasses$1 = collapseClasses;
 
-  const _excluded$21 = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
-  const useUtilityClasses$1J = ownerState => {
+  const _excluded$22 = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
+  const useUtilityClasses$1K = ownerState => {
     const {
       orientation,
       classes
@@ -17463,12 +17336,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         // eslint-disable-next-line react/prop-types
         TransitionComponent = Transition$1
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$21);
+      other = _objectWithoutPropertiesLoose(props, _excluded$22);
     const ownerState = _extends({}, props, {
       orientation,
       collapsedSize: collapsedSizeProp
     });
-    const classes = useUtilityClasses$1J(ownerState);
+    const classes = useUtilityClasses$1K(ownerState);
     const theme = useTheme();
     const timer = React__namespace.useRef();
     const wrapperRef = React__namespace.useRef(null);
@@ -17725,6 +17598,143 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   Collapse.muiSupportAuto = true;
   var Collapse$1 = Collapse;
 
+  function getPaperUtilityClass(slot) {
+    return generateUtilityClass('MuiPaper', slot);
+  }
+  const paperClasses = generateUtilityClasses('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
+  var paperClasses$1 = paperClasses;
+
+  const _excluded$21 = ["className", "component", "elevation", "square", "variant"];
+  const useUtilityClasses$1J = ownerState => {
+    const {
+      square,
+      elevation,
+      variant,
+      classes
+    } = ownerState;
+    const slots = {
+      root: ['root', variant, !square && 'rounded', variant === 'elevation' && `elevation${elevation}`]
+    };
+    return composeClasses(slots, getPaperUtilityClass, classes);
+  };
+  const PaperRoot = styled$1('div', {
+    name: 'MuiPaper',
+    slot: 'Root',
+    overridesResolver: (props, styles) => {
+      const {
+        ownerState
+      } = props;
+      return [styles.root, styles[ownerState.variant], !ownerState.square && styles.rounded, ownerState.variant === 'elevation' && styles[`elevation${ownerState.elevation}`]];
+    }
+  })(({
+    theme,
+    ownerState
+  }) => {
+    var _theme$vars$overlays;
+    return _extends({
+      backgroundColor: (theme.vars || theme).palette.background.paper,
+      color: (theme.vars || theme).palette.text.primary,
+      transition: theme.transitions.create('box-shadow')
+    }, !ownerState.square && {
+      borderRadius: theme.shape.borderRadius
+    }, ownerState.variant === 'outlined' && {
+      border: `1px solid ${(theme.vars || theme).palette.divider}`
+    }, ownerState.variant === 'elevation' && _extends({
+      boxShadow: (theme.vars || theme).shadows[ownerState.elevation]
+    }, !theme.vars && theme.palette.mode === 'dark' && {
+      backgroundImage: `linear-gradient(${alpha('#fff', getOverlayAlpha$1(ownerState.elevation))}, ${alpha('#fff', getOverlayAlpha$1(ownerState.elevation))})`
+    }, theme.vars && {
+      backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]
+    }));
+  });
+  const Paper = /*#__PURE__*/React__namespace.forwardRef(function Paper(inProps, ref) {
+    const props = useThemeProps({
+      props: inProps,
+      name: 'MuiPaper'
+    });
+    const {
+        className,
+        component = 'div',
+        elevation = 1,
+        square = false,
+        variant = 'elevation'
+      } = props,
+      other = _objectWithoutPropertiesLoose(props, _excluded$21);
+    const ownerState = _extends({}, props, {
+      component,
+      elevation,
+      square,
+      variant
+    });
+    const classes = useUtilityClasses$1J(ownerState);
+    {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const theme = useTheme();
+      if (theme.shadows[elevation] === undefined) {
+        console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${elevation}]\` is defined.`].join('\n'));
+      }
+    }
+    return /*#__PURE__*/jsxRuntime_1(PaperRoot, _extends({
+      as: component,
+      ownerState: ownerState,
+      className: clsx(classes.root, className),
+      ref: ref
+    }, other));
+  });
+  Paper.propTypes /* remove-proptypes */ = {
+    // ----------------------------- Warning --------------------------------
+    // | These PropTypes are generated from the TypeScript type definitions |
+    // |     To update them edit the d.ts file and run "yarn proptypes"     |
+    // ----------------------------------------------------------------------
+    /**
+     * The content of the component.
+     */
+    children: PropTypes.node,
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes: PropTypes.object,
+    /**
+     * @ignore
+     */
+    className: PropTypes.string,
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component: PropTypes.elementType,
+    /**
+     * Shadow depth, corresponds to `dp` in the spec.
+     * It accepts values between 0 and 24 inclusive.
+     * @default 1
+     */
+    elevation: chainPropTypes(integerPropType, props => {
+      const {
+        elevation,
+        variant
+      } = props;
+      if (elevation > 0 && variant === 'outlined') {
+        return new Error(`MUI: Combining \`elevation={${elevation}}\` with \`variant="${variant}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`);
+      }
+      return null;
+    }),
+    /**
+     * If `true`, rounded corners are disabled.
+     * @default false
+     */
+    square: PropTypes.bool,
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+    /**
+     * The variant to use.
+     * @default 'elevation'
+     */
+    variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['elevation', 'outlined']), PropTypes.string])
+  } ;
+  var Paper$1 = Paper;
+
   /**
    * @ignore - internal component.
    * @type {React.Context<{} | {expanded: boolean, disabled: boolean, toggle: () => void}>}
@@ -21989,6 +21999,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     padding: '8px 0',
     maxHeight: '40vh',
     overflow: 'auto',
+    position: 'relative',
     [`& .${autocompleteClasses$1.option}`]: {
       minHeight: 48,
       display: 'flex',
@@ -48966,6 +48977,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.getOffsetLeft = getOffsetLeft;
   exports.getOffsetTop = getOffsetTop;
   exports.getOutlinedInputUtilityClass = getOutlinedInputUtilityClass;
+  exports.getOverlayAlpha = getOverlayAlpha$1;
   exports.getPaginationItemUtilityClass = getPaginationItemUtilityClass;
   exports.getPaginationUtilityClass = getPaginationUtilityClass;
   exports.getPaperUtilityClass = getPaperUtilityClass;
@@ -49048,6 +49060,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.paginationItemClasses = paginationItemClasses$1;
   exports.paperClasses = paperClasses$1;
   exports.popoverClasses = popoverClasses$1;
+  exports.private_createTypography = createTypography;
+  exports.private_excludeVariablesFromRoot = excludeVariablesFromRoot$1;
   exports.radioClasses = radioClasses$1;
   exports.ratingClasses = ratingClasses$1;
   exports.recomposeColor = recomposeColor;