@mui/material 5.14.7 → 5.14.8

package/legacy/Select/SelectInput.js

@@ -97,6 +97,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
  * @ignore - internal component.
  */
 var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref) {
+  var _MenuProps$slotProps;
   var ariaDescribedby = props['aria-describedby'],
     ariaLabel = props['aria-label'],
     autoFocus = props.autoFocus,
@@ -443,6 +444,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
     error: error
   });
   var classes = useUtilityClasses(ownerState);
+  var paperProps = _extends({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
       ref: handleDisplayRef,
@@ -504,11 +506,13 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
         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
     }))]
   });

package/legacy/SwipeableDrawer/SwipeableDrawer.js

@@ -515,7 +515,7 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
    *
    * @default false
    */
-  allowSwipeInChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+  allowSwipeInChildren: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
   /**
    * @ignore
    */
@@ -570,20 +570,20 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
   /**
    * 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
    */

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.7
+ * @mui/material v5.14.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/CircularProgress/CircularProgress.js

@@ -214,7 +214,7 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes /* remove-pro
   /**
    * 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]),

package/modern/ImageListItem/ImageListItem.js

@@ -107,7 +107,8 @@ const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inPro
       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, {

package/modern/InputBase/InputBase.js

@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
     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);

package/modern/InputLabel/InputLabel.js

@@ -11,6 +11,7 @@ import formControlState from '../FormControl/formControlState';
 import useFormControl from '../FormControl/useFormControl';
 import FormLabel, { formLabelClasses } from '../FormLabel';
 import useThemeProps from '../styles/useThemeProps';
+import capitalize from '../utils/capitalize';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { getInputLabelUtilityClasses } from './inputLabelClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -25,7 +26,7 @@ const useUtilityClasses = ownerState => {
     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);

package/modern/Radio/Radio.js

@@ -21,10 +21,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = 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));
 };

package/modern/Radio/radioClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export 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']);
 export default radioClasses;

package/modern/Select/SelectInput.js

@@ -432,6 +432,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     error
   });
   const classes = useUtilityClasses(ownerState);
+  const paperProps = _extends({}, MenuProps.PaperProps, MenuProps.slotProps?.paper);
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
       ref: handleDisplayRef,
@@ -493,11 +494,13 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
         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
     }))]
   });

package/modern/SwipeableDrawer/SwipeableDrawer.js

@@ -501,7 +501,7 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
    *
    * @default false
    */
-  allowSwipeInChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
+  allowSwipeInChildren: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
   /**
    * @ignore
    */
@@ -556,20 +556,20 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
   /**
    * 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
    */

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.7
+ * @mui/material v5.14.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/CircularProgress/CircularProgress.js

@@ -222,7 +222,7 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes /* remove-pro
   /**
    * 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.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),

package/node/ImageListItem/ImageListItem.js

@@ -115,7 +115,8 @@ const ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inPro
       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, {

package/node/InputBase/InputBase.js

@@ -60,7 +60,7 @@ const useUtilityClasses = ownerState => {
     type
   } = ownerState;
   const slots = {
-    root: ['root', `color${(0, _capitalize.default)(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${(0, _capitalize.default)(color)}`, disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', focused && 'focused', formControl && 'formControl', size && size !== 'medium' && `size${(0, _capitalize.default)(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 (0, _base.unstable_composeClasses)(slots, _inputBaseClasses.getInputBaseUtilityClass, classes);

package/node/InputLabel/InputLabel.js

@@ -16,6 +16,7 @@ var _formControlState = _interopRequireDefault(require("../FormControl/formContr
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
 var _FormLabel = _interopRequireWildcard(require("../FormLabel"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _inputLabelClasses = require("./inputLabelClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -33,7 +34,7 @@ const useUtilityClasses = ownerState => {
     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${(0, _capitalize.default)(size)}`, variant],
     asterisk: [required && 'asterisk']
   };
   const composedClasses = (0, _composeClasses.unstable_composeClasses)(slots, _inputLabelClasses.getInputLabelUtilityClasses, classes);

package/node/Radio/Radio.js

@@ -29,10 +29,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const useUtilityClasses = ownerState => {
   const {
     classes,
-    color
+    color,
+    size
   } = ownerState;
   const slots = {
-    root: ['root', `color${(0, _capitalize.default)(color)}`]
+    root: ['root', `color${(0, _capitalize.default)(color)}`, size !== 'medium' && `size${(0, _capitalize.default)(size)}`]
   };
   return (0, _extends2.default)({}, classes, (0, _composeClasses.unstable_composeClasses)(slots, _radioClasses.getRadioUtilityClass, classes));
 };

package/node/Radio/radioClasses.js

@@ -11,6 +11,6 @@ var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityCl
 function getRadioUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiRadio', slot);
 }
-const radioClasses = (0, _utils.unstable_generateUtilityClasses)('MuiRadio', ['root', 'checked', 'disabled', 'colorPrimary', 'colorSecondary']);
+const radioClasses = (0, _utils.unstable_generateUtilityClasses)('MuiRadio', ['root', 'checked', 'disabled', 'colorPrimary', 'colorSecondary', 'sizeSmall']);
 var _default = radioClasses;
 exports.default = _default;

package/node/Select/SelectInput.js

@@ -115,6 +115,7 @@ const useUtilityClasses = ownerState => {
  * @ignore - internal component.
  */
 const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref) {
+  var _MenuProps$slotProps;
   const {
       'aria-describedby': ariaDescribedby,
       'aria-label': ariaLabel,
@@ -438,6 +439,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     error
   });
   const classes = useUtilityClasses(ownerState);
+  const paperProps = (0, _extends2.default)({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SelectSelect, (0, _extends2.default)({
       ref: handleDisplayRef,
@@ -499,11 +501,13 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
         role: 'listbox',
         disableListWrap: true
       }, MenuProps.MenuListProps),
-      PaperProps: (0, _extends2.default)({}, MenuProps.PaperProps, {
-        style: (0, _extends2.default)({
-          minWidth: menuMinWidth
-        }, MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null)
-      }),
+      slotProps: {
+        paper: (0, _extends2.default)({}, paperProps, {
+          style: (0, _extends2.default)({
+            minWidth: menuMinWidth
+          }, paperProps != null ? paperProps.style : null)
+        })
+      },
       children: items
     }))]
   });

package/node/SwipeableDrawer/SwipeableDrawer.js

@@ -508,7 +508,7 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
    *
    * @default false
    */
-  allowSwipeInChildren: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),
+  allowSwipeInChildren: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
   /**
    * @ignore
    */
@@ -563,20 +563,20 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
   /**
    * 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.default.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.default.func.isRequired,
   /**
    * If `true`, the component is shown.
    * @default false
    */
-  open: _propTypes.default.bool.isRequired,
+  open: _propTypes.default.bool,
   /**
    * @ignore
    */

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.7
+ * @mui/material v5.14.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.14.7",
+  "version": "5.14.8",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -46,11 +46,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.22.10",
-    "@mui/base": "5.0.0-beta.13",
-    "@mui/core-downloads-tracker": "^5.14.7",
-    "@mui/system": "^5.14.7",
+    "@mui/base": "5.0.0-beta.14",
+    "@mui/core-downloads-tracker": "^5.14.8",
+    "@mui/system": "^5.14.8",
     "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.14.7",
+    "@mui/utils": "^5.14.8",
     "@types/react-transition-group": "^4.4.6",
     "clsx": "^2.0.0",
     "csstype": "^3.1.2",

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.7
+ * @mui/material v5.14.8
  *
  * @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);
@@ -19601,7 +19611,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 +19636,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 +21634,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);
@@ -27129,7 +27150,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]),
@@ -32808,7 +32829,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 +33621,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 +38681,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 +39802,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 +40126,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 +40188,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
       }))]
     });
@@ -45664,7 +45691,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 +45746,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
      */