@mui/material 5.14.7 → 5.14.9

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.7
+ * @mui/material v5.14.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -6950,10 +6950,20 @@
   const maxWidth = props => {
     if (props.maxWidth !== undefined && props.maxWidth !== null) {
       const styleFromPropValue = propValue => {
-        var _props$theme;
+        var _props$theme, _props$theme2;
         const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || values$1[propValue];
+        if (!breakpoint) {
+          return {
+            maxWidth: sizingTransform(propValue)
+          };
+        }
+        if (((_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.breakpoints) == null ? void 0 : _props$theme2.unit) !== 'px') {
+          return {
+            maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
+          };
+        }
         return {
-          maxWidth: breakpoint || sizingTransform(propValue)
+          maxWidth: breakpoint
         };
       };
       return handleBreakpoints(props, props.maxWidth, styleFromPropValue);
@@ -8323,31 +8333,29 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     return /*#__PURE__*/jsxRuntime_1("script", {
       // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML: {
-        __html: `(function() { try {
-        var mode = localStorage.getItem('${modeStorageKey}') || '${defaultMode}';
-        var cssColorScheme = mode;
-        var colorScheme = '';
-        if (mode === 'system') {
-          // handle system mode
-          var mql = window.matchMedia('(prefers-color-scheme: dark)');
-          if (mql.matches) {
-            cssColorScheme = 'dark';
-            colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-          } else {
-            cssColorScheme = 'light';
-            colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-          }
-        }
-        if (mode === 'light') {
-          colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-        }
-        if (mode === 'dark') {
-          colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-        }
-        if (colorScheme) {
-          ${colorSchemeNode}.setAttribute('${attribute}', colorScheme);
-        }
-      } catch (e) {} })();`
+        __html: `(function() {
+try {
+  var mode = localStorage.getItem('${modeStorageKey}') || '${defaultMode}';
+  var colorScheme = '';
+  if (mode === 'system') {
+    // handle system mode
+    var mql = window.matchMedia('(prefers-color-scheme: dark)');
+    if (mql.matches) {
+      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
+    } else {
+      colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
+    }
+  }
+  if (mode === 'light') {
+    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
+  }
+  if (mode === 'dark') {
+    colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
+  }
+  if (colorScheme) {
+    ${colorSchemeNode}.setAttribute('${attribute}', colorScheme);
+  }
+} catch(e){}})();`
       }
     }, "mui-color-scheme-init");
   }
@@ -15817,51 +15825,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         return;
       }
       const doc = ownerDocument(rootRef.current);
-      const contain = nativeEvent => {
-        const {
-          current: rootElement
-        } = rootRef;
-
-        // Cleanup functions are executed lazily in React 17.
-        // Contain can be called between the component being unmounted and its cleanup function being run.
-        if (rootElement === null) {
-          return;
-        }
-        if (!doc.hasFocus() || disableEnforceFocus || !isEnabled() || ignoreNextEnforceFocus.current) {
-          ignoreNextEnforceFocus.current = false;
-          return;
-        }
-        if (!rootElement.contains(doc.activeElement)) {
-          // if the focus event is not coming from inside the children's react tree, reset the refs
-          if (nativeEvent && reactFocusEventTarget.current !== nativeEvent.target || doc.activeElement !== reactFocusEventTarget.current) {
-            reactFocusEventTarget.current = null;
-          } else if (reactFocusEventTarget.current !== null) {
-            return;
-          }
-          if (!activated.current) {
-            return;
-          }
-          let tabbable = [];
-          if (doc.activeElement === sentinelStart.current || doc.activeElement === sentinelEnd.current) {
-            tabbable = getTabbable(rootRef.current);
-          }
-          if (tabbable.length > 0) {
-            var _lastKeydown$current, _lastKeydown$current2;
-            const isShiftTab = Boolean(((_lastKeydown$current = lastKeydown.current) == null ? void 0 : _lastKeydown$current.shiftKey) && ((_lastKeydown$current2 = lastKeydown.current) == null ? void 0 : _lastKeydown$current2.key) === 'Tab');
-            const focusNext = tabbable[0];
-            const focusPrevious = tabbable[tabbable.length - 1];
-            if (typeof focusNext !== 'string' && typeof focusPrevious !== 'string') {
-              if (isShiftTab) {
-                focusPrevious.focus();
-              } else {
-                focusNext.focus();
-              }
-            }
-          } else {
-            rootElement.focus();
-          }
-        }
-      };
       const loopFocus = nativeEvent => {
         lastKeydown.current = nativeEvent;
         if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== 'Tab') {
@@ -15879,6 +15842,62 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           }
         }
       };
+      const contain = () => {
+        const rootElement = rootRef.current;
+
+        // Cleanup functions are executed lazily in React 17.
+        // Contain can be called between the component being unmounted and its cleanup function being run.
+        if (rootElement === null) {
+          return;
+        }
+        if (!doc.hasFocus() || !isEnabled() || ignoreNextEnforceFocus.current) {
+          ignoreNextEnforceFocus.current = false;
+          return;
+        }
+
+        // The focus is already inside
+        if (rootElement.contains(doc.activeElement)) {
+          return;
+        }
+
+        // The disableEnforceFocus is set and the focus is outside of the focus trap (and sentinel nodes)
+        if (disableEnforceFocus && doc.activeElement !== sentinelStart.current && doc.activeElement !== sentinelEnd.current) {
+          return;
+        }
+
+        // if the focus event is not coming from inside the children's react tree, reset the refs
+        if (doc.activeElement !== reactFocusEventTarget.current) {
+          reactFocusEventTarget.current = null;
+        } else if (reactFocusEventTarget.current !== null) {
+          return;
+        }
+        if (!activated.current) {
+          return;
+        }
+        let tabbable = [];
+        if (doc.activeElement === sentinelStart.current || doc.activeElement === sentinelEnd.current) {
+          tabbable = getTabbable(rootRef.current);
+        }
+
+        // one of the sentinel nodes was focused, so move the focus
+        // to the first/last tabbable element inside the focus trap
+        if (tabbable.length > 0) {
+          var _lastKeydown$current, _lastKeydown$current2;
+          const isShiftTab = Boolean(((_lastKeydown$current = lastKeydown.current) == null ? void 0 : _lastKeydown$current.shiftKey) && ((_lastKeydown$current2 = lastKeydown.current) == null ? void 0 : _lastKeydown$current2.key) === 'Tab');
+          const focusNext = tabbable[0];
+          const focusPrevious = tabbable[tabbable.length - 1];
+          if (typeof focusNext !== 'string' && typeof focusPrevious !== 'string') {
+            if (isShiftTab) {
+              focusPrevious.focus();
+            } else {
+              focusNext.focus();
+            }
+          }
+          // no tabbable elements in the trap focus or the focus was outside of the focus trap
+        } else {
+          rootElement.focus();
+        }
+      };
       doc.addEventListener('focusin', contain);
       doc.addEventListener('keydown', loopFocus, true);
 
@@ -15890,7 +15909,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.
       const interval = setInterval(() => {
         if (doc.activeElement && doc.activeElement.tagName === 'BODY') {
-          contain(null);
+          contain();
         }
       }, 50);
       return () => {
@@ -18545,7 +18564,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }, [open, handleClose, hasTransition, closeAfterTransition, handleOpen]);
     const createHandleKeyDown = otherHandlers => event => {
       var _otherHandlers$onKeyD;
-      (_otherHandlers$onKeyD = otherHandlers.onKeyDown) == null ? void 0 : _otherHandlers$onKeyD.call(otherHandlers, event);
+      (_otherHandlers$onKeyD = otherHandlers.onKeyDown) == null || _otherHandlers$onKeyD.call(otherHandlers, event);
 
       // The handler doesn't take event.defaultPrevented into account:
       //
@@ -18566,7 +18585,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     };
     const createHandleBackdropClick = otherHandlers => event => {
       var _otherHandlers$onClic;
-      (_otherHandlers$onClic = otherHandlers.onClick) == null ? void 0 : _otherHandlers$onClic.call(otherHandlers, event);
+      (_otherHandlers$onClic = otherHandlers.onClick) == null || _otherHandlers$onClic.call(otherHandlers, event);
       if (event.target !== event.currentTarget) {
         return;
       }
@@ -18614,8 +18633,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         }
       };
       return {
-        onEnter: createChainedFunction(handleEnter, children.props.onEnter),
-        onExited: createChainedFunction(handleExited, children.props.onExited)
+        onEnter: createChainedFunction(handleEnter, children == null ? void 0 : children.props.onEnter),
+        onExited: createChainedFunction(handleExited, children == null ? void 0 : children.props.onExited)
       };
     };
     return {
@@ -18784,7 +18803,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const doc = ownerDocument(sliderRef.current);
     if (!((_sliderRef$current = sliderRef.current) != null && _sliderRef$current.contains(doc.activeElement)) || Number(doc == null || (_doc$activeElement = doc.activeElement) == null ? void 0 : _doc$activeElement.getAttribute('data-index')) !== activeIndex) {
       var _sliderRef$current2;
-      (_sliderRef$current2 = sliderRef.current) == null ? void 0 : _sliderRef$current2.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
+      (_sliderRef$current2 = sliderRef.current) == null || _sliderRef$current2.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
     }
     if (setActive) {
       setActive(activeIndex);
@@ -18933,7 +18952,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         setFocusedThumbIndex(index);
       }
       setOpen(index);
-      otherHandlers == null || (_otherHandlers$onFocu = otherHandlers.onFocus) == null ? void 0 : _otherHandlers$onFocu.call(otherHandlers, event);
+      otherHandlers == null || (_otherHandlers$onFocu = otherHandlers.onFocus) == null || _otherHandlers$onFocu.call(otherHandlers, event);
     };
     const createHandleHiddenInputBlur = otherHandlers => event => {
       var _otherHandlers$onBlur;
@@ -18942,7 +18961,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         setFocusedThumbIndex(-1);
       }
       setOpen(-1);
-      otherHandlers == null || (_otherHandlers$onBlur = otherHandlers.onBlur) == null ? void 0 : _otherHandlers$onBlur.call(otherHandlers, event);
+      otherHandlers == null || (_otherHandlers$onBlur = otherHandlers.onBlur) == null || _otherHandlers$onBlur.call(otherHandlers, event);
     };
     useEnhancedEffect$1(() => {
       if (disabled && sliderRef.current.contains(document.activeElement)) {
@@ -18951,7 +18970,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         // on a disabled element:
         // https://codesandbox.io/s/mui-pr-22247-forked-h151h?file=/src/App.js
         // @ts-ignore
-        (_document$activeEleme = document.activeElement) == null ? void 0 : _document$activeEleme.blur();
+        (_document$activeEleme = document.activeElement) == null || _document$activeEleme.blur();
       }
     }, [disabled]);
     if (disabled && active !== -1) {
@@ -18962,7 +18981,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }
     const createHandleHiddenInputChange = otherHandlers => event => {
       var _otherHandlers$onChan;
-      (_otherHandlers$onChan = otherHandlers.onChange) == null ? void 0 : _otherHandlers$onChan.call(otherHandlers, event);
+      (_otherHandlers$onChan = otherHandlers.onChange) == null || _otherHandlers$onChan.call(otherHandlers, event);
       const index = Number(event.currentTarget.getAttribute('data-index'));
       const value = values[index];
       const marksIndex = marksValues.indexOf(value);
@@ -19200,7 +19219,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }, [disabled, stopListening]);
     const createHandleMouseDown = otherHandlers => event => {
       var _otherHandlers$onMous;
-      (_otherHandlers$onMous = otherHandlers.onMouseDown) == null ? void 0 : _otherHandlers$onMous.call(otherHandlers, event);
+      (_otherHandlers$onMous = otherHandlers.onMouseDown) == null || _otherHandlers$onMous.call(otherHandlers, event);
       if (disabled) {
         return;
       }
@@ -19251,13 +19270,13 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     };
     const createHandleMouseOver = otherHandlers => event => {
       var _otherHandlers$onMous2;
-      (_otherHandlers$onMous2 = otherHandlers.onMouseOver) == null ? void 0 : _otherHandlers$onMous2.call(otherHandlers, event);
+      (_otherHandlers$onMous2 = otherHandlers.onMouseOver) == null || _otherHandlers$onMous2.call(otherHandlers, event);
       const index = Number(event.currentTarget.getAttribute('data-index'));
       setOpen(index);
     };
     const createHandleMouseLeave = otherHandlers => event => {
       var _otherHandlers$onMous3;
-      (_otherHandlers$onMous3 = otherHandlers.onMouseLeave) == null ? void 0 : _otherHandlers$onMous3.call(otherHandlers, event);
+      (_otherHandlers$onMous3 = otherHandlers.onMouseLeave) == null || _otherHandlers$onMous3.call(otherHandlers, event);
       setOpen(-1);
     };
     const getThumbProps = (otherHandlers = {}) => {
@@ -19333,7 +19352,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    *
    * - [useSnackbar API](https://mui.com/base-ui/react-snackbar/hooks-api/#use-snackbar)
    */
-  function useSnackbar(parameters) {
+  function useSnackbar(parameters = {}) {
     const {
       autoHideDuration = null,
       disableWindowBlurListener = false,
@@ -19355,7 +19374,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           // IE11, Edge (prior to using Blink?) use 'Esc'
           if (nativeEvent.key === 'Escape' || nativeEvent.key === 'Esc') {
             // not calling `preventDefault` since we don't know if people may ignore this event e.g. a permanently open snackbar
-            onClose == null ? void 0 : onClose(nativeEvent, 'escapeKeyDown');
+            onClose == null || onClose(nativeEvent, 'escapeKeyDown');
           }
         }
       }
@@ -19365,7 +19384,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       };
     }, [open, onClose]);
     const handleClose = useEventCallback((event, reason) => {
-      onClose == null ? void 0 : onClose(event, reason);
+      onClose == null || onClose(event, reason);
     });
     const setAutoHideTimer = useEventCallback(autoHideDurationParam => {
       if (!onClose || autoHideDurationParam == null) {
@@ -19385,7 +19404,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       };
     }, [open, autoHideDuration, setAutoHideTimer]);
     const handleClickAway = event => {
-      onClose == null ? void 0 : onClose(event, 'clickaway');
+      onClose == null || onClose(event, 'clickaway');
     };
 
     // Pause the timer when the user is interacting with the Snackbar
@@ -19403,22 +19422,22 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);
     const createHandleBlur = otherHandlers => event => {
       const onBlurCallback = otherHandlers.onBlur;
-      onBlurCallback == null ? void 0 : onBlurCallback(event);
+      onBlurCallback == null || onBlurCallback(event);
       handleResume();
     };
     const createHandleFocus = otherHandlers => event => {
       const onFocusCallback = otherHandlers.onFocus;
-      onFocusCallback == null ? void 0 : onFocusCallback(event);
+      onFocusCallback == null || onFocusCallback(event);
       handlePause();
     };
     const createMouseEnter = otherHandlers => event => {
       const onMouseEnterCallback = otherHandlers.onMouseEnter;
-      onMouseEnterCallback == null ? void 0 : onMouseEnterCallback(event);
+      onMouseEnterCallback == null || onMouseEnterCallback(event);
       handlePause();
     };
     const createMouseLeave = otherHandlers => event => {
       const onMouseLeaveCallback = otherHandlers.onMouseLeave;
-      onMouseLeaveCallback == null ? void 0 : onMouseLeaveCallback(event);
+      onMouseLeaveCallback == null || onMouseLeaveCallback(event);
       handleResume();
     };
     React__namespace.useEffect(() => {
@@ -19433,14 +19452,13 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       }
       return undefined;
     }, [disableWindowBlurListener, handleResume, open]);
-    const getRootProps = (otherHandlers = {}) => {
-      const propsEventHandlers = extractEventHandlers(parameters);
-      const externalEventHandlers = _extends({}, propsEventHandlers, otherHandlers);
+    const getRootProps = (externalProps = {}) => {
+      const externalEventHandlers = _extends({}, extractEventHandlers(parameters), extractEventHandlers(externalProps));
       return _extends({
         // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
         // See https://github.com/mui/material-ui/issues/29080
         role: 'presentation'
-      }, externalEventHandlers, {
+      }, externalProps, externalEventHandlers, {
         onBlur: createHandleBlur(externalEventHandlers),
         onFocus: createHandleFocus(externalEventHandlers),
         onMouseEnter: createMouseEnter(externalEventHandlers),
@@ -19601,7 +19619,18 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       });
     };
     React__namespace.useEffect(() => {
-      const handleResize = debounce$1(() => {
+      const handleResize = () => {
+        renders.current = 0;
+
+        // If the TextareaAutosize component is replaced by Suspense with a fallback, the last
+        // ResizeObserver's handler that runs because of the change in the layout is trying to
+        // access a dom node that is no longer there (as the fallback component is being shown instead).
+        // See https://github.com/mui/material-ui/issues/32640
+        if (inputRef.current) {
+          syncHeightWithFlushSync();
+        }
+      };
+      const handleResizeWindow = debounce$1(() => {
         renders.current = 0;
 
         // If the TextareaAutosize component is replaced by Suspense with a fallback, the last
@@ -19615,14 +19644,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       let resizeObserver;
       const input = inputRef.current;
       const containerWindow = ownerWindow(input);
-      containerWindow.addEventListener('resize', handleResize);
+      containerWindow.addEventListener('resize', handleResizeWindow);
       if (typeof ResizeObserver !== 'undefined') {
         resizeObserver = new ResizeObserver(handleResize);
         resizeObserver.observe(input);
       }
       return () => {
-        handleResize.clear();
-        containerWindow.removeEventListener('resize', handleResize);
+        handleResizeWindow.clear();
+        containerWindow.removeEventListener('resize', handleResizeWindow);
         if (resizeObserver) {
           resizeObserver.disconnect();
         }
@@ -21613,7 +21642,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       type
     } = ownerState;
     const slots = {
-      root: ['root', `color${capitalize(color)}`, disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', focused && 'focused', formControl && 'formControl', size === 'small' && 'sizeSmall', multiline && 'multiline', startAdornment && 'adornedStart', endAdornment && 'adornedEnd', hiddenLabel && 'hiddenLabel', readOnly && 'readOnly'],
+      root: ['root', `color${capitalize(color)}`, disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', focused && 'focused', formControl && 'formControl', size && size !== 'medium' && `size${capitalize(size)}`, multiline && 'multiline', startAdornment && 'adornedStart', endAdornment && 'adornedEnd', hiddenLabel && 'hiddenLabel', readOnly && 'readOnly'],
       input: ['input', disabled && 'disabled', type === 'search' && 'inputTypeSearch', multiline && 'inputMultiline', size === 'small' && 'inputSizeSmall', hiddenLabel && 'inputHiddenLabel', startAdornment && 'inputAdornedStart', endAdornment && 'inputAdornedEnd', readOnly && 'readOnly']
     };
     return composeClasses(slots, getInputBaseUtilityClass, classes);
@@ -25154,6 +25183,15 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }
   var ButtonGroupContext$1 = ButtonGroupContext;
 
+  /**
+   * @ignore - internal component.
+   */
+  const ButtonGroupButtonContext = /*#__PURE__*/React__namespace.createContext(undefined);
+  {
+    ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';
+  }
+  var ButtonGroupButtonContext$1 = ButtonGroupButtonContext;
+
   const _excluded$1D = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
   const useUtilityClasses$1p = ownerState => {
     const {
@@ -25359,6 +25397,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps, ref) {
     // props priority: `inProps` > `contextProps` > `themeDefaultProps`
     const contextProps = React__namespace.useContext(ButtonGroupContext$1);
+    const buttonGroupButtonContextPositionClassName = React__namespace.useContext(ButtonGroupButtonContext$1);
     const resolvedProps = resolveProps(contextProps, inProps);
     const props = useThemeProps({
       props: resolvedProps,
@@ -25403,9 +25442,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       ownerState: ownerState,
       children: endIconProp
     });
+    const positionClassName = buttonGroupButtonContextPositionClassName || '';
     return /*#__PURE__*/jsxRuntime_2(ButtonRoot, _extends({
       ownerState: ownerState,
-      className: clsx(contextProps.className, classes.root, className),
+      className: clsx(contextProps.className, classes.root, className, positionClassName),
       component: component,
       disabled: disabled,
       focusRipple: !disableFocusRipple,
@@ -25516,7 +25556,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   function getButtonGroupUtilityClass(slot) {
     return generateUtilityClass('MuiButtonGroup', slot);
   }
-  const buttonGroupClasses = generateUtilityClasses('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'fullWidth', 'vertical', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary']);
+  const buttonGroupClasses = generateUtilityClasses('MuiButtonGroup', ['root', 'contained', 'outlined', 'text', 'disableElevation', 'disabled', 'firstButton', 'fullWidth', 'vertical', 'grouped', 'groupedHorizontal', 'groupedVertical', 'groupedText', 'groupedTextHorizontal', 'groupedTextVertical', 'groupedTextPrimary', 'groupedTextSecondary', 'groupedOutlined', 'groupedOutlinedHorizontal', 'groupedOutlinedVertical', 'groupedOutlinedPrimary', 'groupedOutlinedSecondary', 'groupedContained', 'groupedContainedHorizontal', 'groupedContainedVertical', 'groupedContainedPrimary', 'groupedContainedSecondary', 'lastButton', 'middleButton']);
   var buttonGroupClasses$1 = buttonGroupClasses;
 
   const _excluded$1C = ["children", "className", "color", "component", "disabled", "disableElevation", "disableFocusRipple", "disableRipple", "fullWidth", "orientation", "size", "variant"];
@@ -25534,6 +25574,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       [`& .${buttonGroupClasses$1.grouped}`]: styles[`grouped${capitalize(ownerState.variant)}${capitalize(ownerState.orientation)}`]
     }, {
       [`& .${buttonGroupClasses$1.grouped}`]: styles[`grouped${capitalize(ownerState.variant)}${capitalize(ownerState.color)}`]
+    }, {
+      [`& .${buttonGroupClasses$1.firstButton}`]: styles.firstButton
+    }, {
+      [`& .${buttonGroupClasses$1.lastButton}`]: styles.lastButton
+    }, {
+      [`& .${buttonGroupClasses$1.middleButton}`]: styles.middleButton
     }, styles.root, styles[ownerState.variant], ownerState.disableElevation === true && styles.disableElevation, ownerState.fullWidth && styles.fullWidth, ownerState.orientation === 'vertical' && styles.vertical];
   };
   const useUtilityClasses$1o = ownerState => {
@@ -25548,7 +25594,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     } = ownerState;
     const slots = {
       root: ['root', variant, orientation === 'vertical' && 'vertical', fullWidth && 'fullWidth', disableElevation && 'disableElevation'],
-      grouped: ['grouped', `grouped${capitalize(orientation)}`, `grouped${capitalize(variant)}`, `grouped${capitalize(variant)}${capitalize(orientation)}`, `grouped${capitalize(variant)}${capitalize(color)}`, disabled && 'disabled']
+      grouped: ['grouped', `grouped${capitalize(orientation)}`, `grouped${capitalize(variant)}`, `grouped${capitalize(variant)}${capitalize(orientation)}`, `grouped${capitalize(variant)}${capitalize(color)}`, disabled && 'disabled'],
+      firstButton: ['firstButton'],
+      lastButton: ['lastButton'],
+      middleButton: ['middleButton']
     };
     return composeClasses(slots, getButtonGroupUtilityClass, classes);
   };
@@ -25573,63 +25622,63 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }, {
     [`& .${buttonGroupClasses$1.grouped}`]: _extends({
       minWidth: 40,
-      '&:not(:first-of-type)': _extends({}, ownerState.orientation === 'horizontal' && {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0
-      }, ownerState.orientation === 'vertical' && {
-        borderTopRightRadius: 0,
-        borderTopLeftRadius: 0
-      }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
-        marginLeft: -1
-      }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
-        marginTop: -1
-      }),
-      '&:not(:last-of-type)': _extends({}, ownerState.orientation === 'horizontal' && {
-        borderTopRightRadius: 0,
-        borderBottomRightRadius: 0
-      }, ownerState.orientation === 'vertical' && {
-        borderBottomRightRadius: 0,
-        borderBottomLeftRadius: 0
-      }, ownerState.variant === 'text' && ownerState.orientation === 'horizontal' && {
-        borderRight: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
-        [`&.${buttonGroupClasses$1.disabled}`]: {
-          borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
-        }
-      }, ownerState.variant === 'text' && ownerState.orientation === 'vertical' && {
-        borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
-        [`&.${buttonGroupClasses$1.disabled}`]: {
-          borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
-        }
-      }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
-        borderColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : alpha(theme.palette[ownerState.color].main, 0.5)
-      }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
-        borderRightColor: 'transparent'
-      }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
-        borderBottomColor: 'transparent'
-      }, ownerState.variant === 'contained' && ownerState.orientation === 'horizontal' && {
-        borderRight: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
-        [`&.${buttonGroupClasses$1.disabled}`]: {
-          borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
-        }
-      }, ownerState.variant === 'contained' && ownerState.orientation === 'vertical' && {
-        borderBottom: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
-        [`&.${buttonGroupClasses$1.disabled}`]: {
-          borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
-        }
-      }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
-        borderColor: (theme.vars || theme).palette[ownerState.color].dark
-      }, {
-        '&:hover': _extends({}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
-          borderRightColor: 'currentColor'
-        }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
-          borderBottomColor: 'currentColor'
-        })
-      }),
       '&:hover': _extends({}, ownerState.variant === 'contained' && {
         boxShadow: 'none'
       })
     }, ownerState.variant === 'contained' && {
       boxShadow: 'none'
+    }),
+    [`& .${buttonGroupClasses$1.firstButton},& .${buttonGroupClasses$1.middleButton}`]: _extends({}, ownerState.orientation === 'horizontal' && {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    }, ownerState.orientation === 'vertical' && {
+      borderBottomRightRadius: 0,
+      borderBottomLeftRadius: 0
+    }, ownerState.variant === 'text' && ownerState.orientation === 'horizontal' && {
+      borderRight: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
+      [`&.${buttonGroupClasses$1.disabled}`]: {
+        borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
+      }
+    }, ownerState.variant === 'text' && ownerState.orientation === 'vertical' && {
+      borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
+      [`&.${buttonGroupClasses$1.disabled}`]: {
+        borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
+      }
+    }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
+      borderColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : alpha(theme.palette[ownerState.color].main, 0.5)
+    }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
+      borderRightColor: 'transparent'
+    }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
+      borderBottomColor: 'transparent'
+    }, ownerState.variant === 'contained' && ownerState.orientation === 'horizontal' && {
+      borderRight: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
+      [`&.${buttonGroupClasses$1.disabled}`]: {
+        borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
+      }
+    }, ownerState.variant === 'contained' && ownerState.orientation === 'vertical' && {
+      borderBottom: `1px solid ${(theme.vars || theme).palette.grey[400]}`,
+      [`&.${buttonGroupClasses$1.disabled}`]: {
+        borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
+      }
+    }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
+      borderColor: (theme.vars || theme).palette[ownerState.color].dark
+    }, {
+      '&:hover': _extends({}, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
+        borderRightColor: 'currentColor'
+      }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
+        borderBottomColor: 'currentColor'
+      })
+    }),
+    [`& .${buttonGroupClasses$1.lastButton},& .${buttonGroupClasses$1.middleButton}`]: _extends({}, ownerState.orientation === 'horizontal' && {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0
+    }, ownerState.orientation === 'vertical' && {
+      borderTopRightRadius: 0,
+      borderTopLeftRadius: 0
+    }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
+      marginLeft: -1
+    }, ownerState.variant === 'outlined' && ownerState.orientation === 'vertical' && {
+      marginTop: -1
     })
   }));
   const ButtonGroup = /*#__PURE__*/React__namespace.forwardRef(function ButtonGroup(inProps, ref) {
@@ -25676,6 +25725,20 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       size,
       variant
     }), [color, disabled, disableElevation, disableFocusRipple, disableRipple, fullWidth, size, variant, classes.grouped]);
+    const getButtonPositionClassName = (index, childrenParam) => {
+      const isFirstButton = index === 0;
+      const isLastButton = index === React__namespace.Children.count(childrenParam) - 1;
+      if (isFirstButton && isLastButton) {
+        return '';
+      }
+      if (isFirstButton) {
+        return classes.firstButton;
+      }
+      if (isLastButton) {
+        return classes.lastButton;
+      }
+      return classes.middleButton;
+    };
     return /*#__PURE__*/jsxRuntime_1(ButtonGroupRoot, _extends({
       as: component,
       role: "group",
@@ -25685,7 +25748,15 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }, other, {
       children: /*#__PURE__*/jsxRuntime_1(ButtonGroupContext$1.Provider, {
         value: context,
-        children: children
+        children: React__namespace.Children.map(children, (child, index) => {
+          if (! /*#__PURE__*/React__namespace.isValidElement(child)) {
+            return child;
+          }
+          return /*#__PURE__*/jsxRuntime_1(ButtonGroupButtonContext$1.Provider, {
+            value: getButtonPositionClassName(index, children),
+            children: child
+          });
+        })
       })
     }));
   });
@@ -27129,7 +27200,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     /**
      * The size of the component.
      * If using a number, the pixel unit is assumed.
-     * If using a string, you need to provide the CSS unit, e.g '3rem'.
+     * If using a string, you need to provide the CSS unit, e.g. '3rem'.
      * @default 40
      */
     size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -27361,7 +27432,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   const modalClasses = generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);
   var modalClasses$1 = modalClasses;
 
-  const _excluded$1s = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
+  const _excluded$1s = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
   const useUtilityClasses$1e = ownerState => {
     const {
       open,
@@ -32808,7 +32879,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         height,
         gridColumnEnd: variant !== 'masonry' ? `span ${cols}` : undefined,
         gridRowEnd: variant !== 'masonry' ? `span ${rows}` : undefined,
-        marginBottom: variant === 'masonry' ? gap : undefined
+        marginBottom: variant === 'masonry' ? gap : undefined,
+        breakInside: variant === 'masonry' ? 'avoid' : undefined
       }, style),
       ownerState: ownerState
     }, other, {
@@ -33599,7 +33671,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       required
     } = ownerState;
     const slots = {
-      root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size === 'small' && 'sizeSmall', variant],
+      root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size && size !== 'normal' && `size${capitalize(size)}`, variant],
       asterisk: [required && 'asterisk']
     };
     const composedClasses = composeClasses(slots, getInputLabelUtilityClasses, classes);
@@ -38659,17 +38731,18 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   function getRadioUtilityClass(slot) {
     return generateUtilityClass('MuiRadio', slot);
   }
-  const radioClasses = generateUtilityClasses('MuiRadio', ['root', 'checked', 'disabled', 'colorPrimary', 'colorSecondary']);
+  const radioClasses = generateUtilityClasses('MuiRadio', ['root', 'checked', 'disabled', 'colorPrimary', 'colorSecondary', 'sizeSmall']);
   var radioClasses$1 = radioClasses;
 
   const _excluded$H = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"];
   const useUtilityClasses$A = ownerState => {
     const {
       classes,
-      color
+      color,
+      size
     } = ownerState;
     const slots = {
-      root: ['root', `color${capitalize(color)}`]
+      root: ['root', `color${capitalize(color)}`, size !== 'medium' && `size${capitalize(size)}`]
     };
     return _extends({}, classes, composeClasses(slots, getRadioUtilityClass, classes));
   };
@@ -39779,6 +39852,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    * @ignore - internal component.
    */
   const SelectInput = /*#__PURE__*/React__namespace.forwardRef(function SelectInput(props, ref) {
+    var _MenuProps$slotProps;
     const {
         'aria-describedby': ariaDescribedby,
         'aria-label': ariaLabel,
@@ -40102,6 +40176,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       error
     });
     const classes = useUtilityClasses$x(ownerState);
+    const paperProps = _extends({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
     return /*#__PURE__*/jsxRuntime_2(React__namespace.Fragment, {
       children: [/*#__PURE__*/jsxRuntime_1(SelectSelect, _extends({
         ref: handleDisplayRef,
@@ -40163,11 +40238,13 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           role: 'listbox',
           disableListWrap: true
         }, MenuProps.MenuListProps),
-        PaperProps: _extends({}, MenuProps.PaperProps, {
-          style: _extends({
-            minWidth: menuMinWidth
-          }, MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null)
-        }),
+        slotProps: {
+          paper: _extends({}, paperProps, {
+            style: _extends({
+              minWidth: menuMinWidth
+            }, paperProps != null ? paperProps.style : null)
+          })
+        },
         children: items
       }))]
     });
@@ -40824,7 +40901,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   /**
    * @ignore - internal component.
    */
-  function SliderValueLabel(props) {
+  function SliderValueLabel$1(props) {
     const {
       children,
       className,
@@ -40850,7 +40927,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       })]
     }));
   }
-  SliderValueLabel.propTypes = {
+  SliderValueLabel$1.propTypes = {
     children: PropTypes.element.isRequired,
     className: PropTypes.string,
     value: PropTypes.node
@@ -40922,16 +40999,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       }
     }
   }));
-  SliderRoot.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"     |
-    // ----------------------------------------------------------------------
-    /**
-     * @ignore
-     */
-    children: PropTypes.node
-  } ;
   const SliderRail = styled$1('span', {
     name: 'MuiSlider',
     slot: 'Rail',
@@ -40957,16 +41024,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }, ownerState.track === 'inverted' && {
     opacity: 1
   }));
-  SliderRail.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"     |
-    // ----------------------------------------------------------------------
-    /**
-     * @ignore
-     */
-    children: PropTypes.node
-  } ;
   const SliderTrack = styled$1('span', {
     name: 'MuiSlider',
     slot: 'Track',
@@ -41004,16 +41061,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       borderColor: theme.vars ? theme.vars.palette.Slider[`${ownerState.color}Track`] : color
     });
   });
-  SliderTrack.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"     |
-    // ----------------------------------------------------------------------
-    /**
-     * @ignore
-     */
-    children: PropTypes.node
-  } ;
   const SliderThumb = styled$1('span', {
     name: 'MuiSlider',
     slot: 'Thumb',
@@ -41086,17 +41133,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       }
     }
   }));
-  SliderThumb.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"     |
-    // ----------------------------------------------------------------------
-    /**
-     * @ignore
-     */
-    children: PropTypes.node
-  } ;
-  const StyledSliderValueLabel = styled$1(SliderValueLabel, {
+  const SliderValueLabel = styled$1(SliderValueLabel$1, {
     name: 'MuiSlider',
     slot: 'ValueLabel',
     overridesResolver: (props, styles) => styles.valueLabel
@@ -41154,16 +41191,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     fontSize: theme.typography.pxToRem(12),
     padding: '0.25rem 0.5rem'
   }));
-  StyledSliderValueLabel.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"     |
-    // ----------------------------------------------------------------------
-    /**
-     * @ignore
-     */
-    children: PropTypes.node
-  } ;
   const SliderMark = styled$1('span', {
     name: 'MuiSlider',
     slot: 'Mark',
@@ -41194,16 +41221,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     backgroundColor: (theme.vars || theme).palette.background.paper,
     opacity: 0.8
   }));
-  SliderMark.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"     |
-    // ----------------------------------------------------------------------
-    /**
-     * @ignore
-     */
-    children: PropTypes.node
-  } ;
   const SliderMarkLabel = styled$1('span', {
     name: 'MuiSlider',
     slot: 'MarkLabel',
@@ -41232,16 +41249,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }, markLabelActive && {
     color: (theme.vars || theme).palette.text.primary
   }));
-  SliderMarkLabel.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"     |
-    // ----------------------------------------------------------------------
-    /**
-     * @ignore
-     */
-    children: PropTypes.node
-  } ;
   const useUtilityClasses$u = ownerState => {
     const {
       disabled,
@@ -41355,7 +41362,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const RailSlot = (_ref2 = (_slots$rail = slots == null ? void 0 : slots.rail) != null ? _slots$rail : components.Rail) != null ? _ref2 : SliderRail;
     const TrackSlot = (_ref3 = (_slots$track = slots == null ? void 0 : slots.track) != null ? _slots$track : components.Track) != null ? _ref3 : SliderTrack;
     const ThumbSlot = (_ref4 = (_slots$thumb = slots == null ? void 0 : slots.thumb) != null ? _slots$thumb : components.Thumb) != null ? _ref4 : SliderThumb;
-    const ValueLabelSlot = (_ref5 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref5 : StyledSliderValueLabel;
+    const ValueLabelSlot = (_ref5 = (_slots$valueLabel = slots == null ? void 0 : slots.valueLabel) != null ? _slots$valueLabel : components.ValueLabel) != null ? _ref5 : SliderValueLabel;
     const MarkSlot = (_ref6 = (_slots$mark = slots == null ? void 0 : slots.mark) != null ? _slots$mark : components.Mark) != null ? _ref6 : SliderMark;
     const MarkLabelSlot = (_ref7 = (_slots$markLabel = slots == null ? void 0 : slots.markLabel) != null ? _slots$markLabel : components.MarkLabel) != null ? _ref7 : SliderMarkLabel;
     const InputSlot = (_ref8 = (_slots$input = slots == null ? void 0 : slots.input) != null ? _slots$input : components.Input) != null ? _ref8 : 'input';
@@ -45664,7 +45671,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      *
      * @default false
      */
-    allowSwipeInChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+    allowSwipeInChildren: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
     /**
      * @ignore
      */
@@ -45719,20 +45726,20 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     /**
      * Callback fired when the component requests to be closed.
      *
-     * @param {object} event The event source of the callback.
+     * @param {React.SyntheticEvent<{}>} event The event source of the callback.
      */
     onClose: PropTypes.func.isRequired,
     /**
      * Callback fired when the component requests to be opened.
      *
-     * @param {object} event The event source of the callback.
+     * @param {React.SyntheticEvent<{}>} event The event source of the callback.
      */
     onOpen: PropTypes.func.isRequired,
     /**
      * If `true`, the component is shown.
      * @default false
      */
-    open: PropTypes.bool.isRequired,
+    open: PropTypes.bool,
     /**
      * @ignore
      */
@@ -48299,10 +48306,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     width: 2,
     right: 0
   }));
-  const TabsScrollbarSize = styled$1(ScrollbarSize, {
-    name: 'MuiTabs',
-    slot: 'ScrollbarSize'
-  })({
+  const TabsScrollbarSize = styled$1(ScrollbarSize)({
     overflowX: 'auto',
     overflowY: 'hidden',
     // Hide dimensionless scrollbar on macOS
@@ -49882,7 +49886,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.SliderRoot = SliderRoot;
   exports.SliderThumb = SliderThumb;
   exports.SliderTrack = SliderTrack;
-  exports.SliderValueLabel = StyledSliderValueLabel;
+  exports.SliderValueLabel = SliderValueLabel;
   exports.Snackbar = Snackbar$1;
   exports.SnackbarContent = SnackbarContent$1;
   exports.SpeedDial = SpeedDial$1;