@mui/material 5.13.0 → 5.13.1

package/legacy/Hidden/Hidden.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import HiddenJs from './HiddenJs';
@@ -34,7 +36,7 @@ function Hidden(props) {
     xsUp = _props$xsUp === void 0 ? false : _props$xsUp,
     other = _objectWithoutProperties(props, ["implementation", "lgDown", "lgUp", "mdDown", "mdUp", "smDown", "smUp", "xlDown", "xlUp", "xsDown", "xsUp"]);
   if (implementation === 'js') {
-    return /*#__PURE__*/_jsx(HiddenJs, _extends({
+    return /*#__PURE__*/_jsx(HiddenJs, _objectSpread({
       lgDown: lgDown,
       lgUp: lgUp,
       mdDown: mdDown,
@@ -47,7 +49,7 @@ function Hidden(props) {
       xsUp: xsUp
     }, other));
   }
-  return /*#__PURE__*/_jsx(HiddenCss, _extends({
+  return /*#__PURE__*/_jsx(HiddenCss, _objectSpread({
     lgDown: lgDown,
     lgUp: lgUp,
     mdDown: mdDown,

package/legacy/Hidden/HiddenCss.js

@@ -1,7 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -32,7 +33,7 @@ var HiddenCssRoot = styled('div', {
   var hidden = {
     display: 'none'
   };
-  return _extends({}, ownerState.breakpoints.map(function (_ref3) {
+  return _objectSpread({}, ownerState.breakpoints.map(function (_ref3) {
     var breakpoint = _ref3.breakpoint,
       dir = _ref3.dir;
     if (dir === 'only') {
@@ -94,7 +95,7 @@ function HiddenCss(props) {
       });
     });
   }
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     breakpoints: breakpoints
   });
   var classes = useUtilityClasses(ownerState);

package/legacy/Hidden/withWidth.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { getDisplayName } from '@mui/utils';
@@ -64,11 +66,11 @@ var withWidth = function withWidth() {
         var matches = useMediaQuery(theme.breakpoints.up(key));
         return !output && matches ? key : output;
       }, null);
-      var more = _extends({
+      var more = _objectSpread(_objectSpread({
         width: width || (mountedState || noSSR ? widthComputed : undefined) || initialWidth || initialWidthOption
       }, withThemeOption ? {
         theme: theme
-      } : {}, other);
+      } : {}), other);
 
       // When rendering the component on the server,
       // we have no idea about the client browser screen width.
@@ -79,7 +81,7 @@ var withWidth = function withWidth() {
       if (more.width === undefined) {
         return null;
       }
-      return /*#__PURE__*/_jsx(Component, _extends({}, more));
+      return /*#__PURE__*/_jsx(Component, _objectSpread({}, more));
     }
     process.env.NODE_ENV !== "production" ? WithWidth.propTypes = {
       /**

package/legacy/Icon/Icon.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -75,14 +77,14 @@ var Icon = /*#__PURE__*/React.forwardRef(function Icon(inProps, ref) {
     _props$fontSize = props.fontSize,
     fontSize = _props$fontSize === void 0 ? 'medium' : _props$fontSize,
     other = _objectWithoutProperties(props, ["baseClassName", "className", "color", "component", "fontSize"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     baseClassName: baseClassName,
     color: color,
     component: Component,
     fontSize: fontSize
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(IconRoot, _extends({
+  return /*#__PURE__*/_jsx(IconRoot, _objectSpread({
     as: Component,
     className: clsx(baseClassName,
     // Prevent the translation of the text content.

package/legacy/IconButton/IconButton.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -34,7 +35,7 @@ var IconButtonRoot = styled(ButtonBase, {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     textAlign: 'center',
     flex: '0 0 auto',
     fontSize: theme.typography.pxToRem(24),
@@ -54,9 +55,9 @@ var IconButtonRoot = styled(ButtonBase, {
         backgroundColor: 'transparent'
       }
     }
-  }, ownerState.edge === 'start' && {
+  }), ownerState.edge === 'start' && {
     marginLeft: ownerState.size === 'small' ? -3 : -12
-  }, ownerState.edge === 'end' && {
+  }), ownerState.edge === 'end' && {
     marginRight: ownerState.size === 'small' ? -3 : -12
   });
 }, function (_ref2) {
@@ -64,26 +65,26 @@ var IconButtonRoot = styled(ButtonBase, {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
   var palette = (_palette = (theme.vars || theme).palette) == null ? void 0 : _palette[ownerState.color];
-  return _extends({}, ownerState.color === 'inherit' && {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ownerState.color === 'inherit' && {
     color: 'inherit'
-  }, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends({
+  }), ownerState.color !== 'inherit' && ownerState.color !== 'default' && _objectSpread({
     color: palette == null ? void 0 : palette.main
   }, !ownerState.disableRipple && {
-    '&:hover': _extends({}, palette && {
+    '&:hover': _objectSpread(_objectSpread({}, palette && {
       backgroundColor: theme.vars ? "rgba(".concat(palette.mainChannel, " / ").concat(theme.vars.palette.action.hoverOpacity, ")") : alpha(palette.main, theme.palette.action.hoverOpacity)
-    }, {
+    }), {}, {
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
         backgroundColor: 'transparent'
       }
     })
-  }), ownerState.size === 'small' && {
+  })), ownerState.size === 'small' && {
     padding: 5,
     fontSize: theme.typography.pxToRem(18)
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     padding: 12,
     fontSize: theme.typography.pxToRem(28)
-  }, _defineProperty({}, "&.".concat(iconButtonClasses.disabled), {
+  }), {}, _defineProperty({}, "&.".concat(iconButtonClasses.disabled), {
     backgroundColor: 'transparent',
     color: (theme.vars || theme).palette.action.disabled
   }));
@@ -111,7 +112,7 @@ var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, ref)
     _props$size = props.size,
     size = _props$size === void 0 ? 'medium' : _props$size,
     other = _objectWithoutProperties(props, ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     edge: edge,
     color: color,
     disabled: disabled,
@@ -119,14 +120,14 @@ var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, ref)
     size: size
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(IconButtonRoot, _extends({
+  return /*#__PURE__*/_jsx(IconButtonRoot, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     centerRipple: true,
     focusRipple: !disableFocusRipple,
     disabled: disabled,
     ref: ref,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: children
   }));
 });

package/legacy/ImageList/ImageList.js

@@ -1,5 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { integerPropType } from '@mui/utils';
 import clsx from 'clsx';
@@ -27,7 +29,7 @@ var ImageListRoot = styled('ul', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread({
     display: 'grid',
     overflowY: 'auto',
     listStyle: 'none',
@@ -72,27 +74,27 @@ var ImageList = /*#__PURE__*/React.forwardRef(function ImageList(inProps, ref) {
       }
     }
   }, []);
-  var style = variant === 'masonry' ? _extends({
+  var style = variant === 'masonry' ? _objectSpread({
     columnCount: cols,
     columnGap: gap
-  }, styleProp) : _extends({
+  }, styleProp) : _objectSpread({
     gridTemplateColumns: "repeat(".concat(cols, ", 1fr)"),
     gap: gap
   }, styleProp);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component,
     gap: gap,
     rowHeight: rowHeight,
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ImageListRoot, _extends({
+  return /*#__PURE__*/_jsx(ImageListRoot, _objectSpread(_objectSpread({
     as: component,
     className: clsx(classes.root, classes[variant], className),
     ref: ref,
     style: style,
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: /*#__PURE__*/_jsx(ImageListContext.Provider, {
       value: contextValue,
       children: children

package/legacy/ImageListItem/ImageListItem.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { integerPropType } from '@mui/utils';
 import clsx from 'clsx';
@@ -31,20 +32,20 @@ var ImageListItemRoot = styled('li', {
   }
 })(function (_ref2) {
   var ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     display: 'block',
     position: 'relative'
   }, ownerState.variant === 'standard' && {
     // For titlebar under list item
     display: 'flex',
     flexDirection: 'column'
-  }, ownerState.variant === 'woven' && {
+  }), ownerState.variant === 'woven' && {
     height: '100%',
     alignSelf: 'center',
     '&:nth-of-type(even)': {
       height: '70%'
     }
-  }, _defineProperty({}, "& .".concat(imageListItemClasses.img), _extends({
+  }), {}, _defineProperty({}, "& .".concat(imageListItemClasses.img), _objectSpread({
     objectFit: 'cover',
     width: '100%',
     height: '100%',
@@ -82,7 +83,7 @@ var ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inProps
   } else if (rowHeight !== 'auto') {
     height = rowHeight * rows + gap * (rows - 1);
   }
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     cols: cols,
     component: component,
     gap: gap,
@@ -91,18 +92,18 @@ var ImageListItem = /*#__PURE__*/React.forwardRef(function ImageListItem(inProps
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ImageListItemRoot, _extends({
+  return /*#__PURE__*/_jsx(ImageListItemRoot, _objectSpread(_objectSpread({
     as: component,
     className: clsx(classes.root, classes[variant], className),
     ref: ref,
-    style: _extends({
+    style: _objectSpread({
       height: height,
       gridColumnEnd: variant !== 'masonry' ? "span ".concat(cols) : undefined,
       gridRowEnd: variant !== 'masonry' ? "span ".concat(rows) : undefined,
       marginBottom: variant === 'masonry' ? gap : undefined
     }, style),
     ownerState: ownerState
-  }, other, {
+  }, other), {}, {
     children: React.Children.map(children, function (child) {
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return null;

package/legacy/ImageListItemBar/ImageListItemBar.js

@@ -1,5 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -34,7 +36,7 @@ var ImageListItemBarRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     position: 'absolute',
     left: 0,
     right: 0,
@@ -44,9 +46,9 @@ var ImageListItemBarRoot = styled('div', {
     fontFamily: theme.typography.fontFamily
   }, ownerState.position === 'bottom' && {
     bottom: 0
-  }, ownerState.position === 'top' && {
+  }), ownerState.position === 'top' && {
     top: 0
-  }, ownerState.position === 'below' && {
+  }), ownerState.position === 'below' && {
     position: 'relative',
     background: 'transparent',
     alignItems: 'normal'
@@ -62,7 +64,7 @@ var ImageListItemBarTitleWrap = styled('div', {
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     flexGrow: 1,
     padding: '12px 16px',
     color: (theme.vars || theme).palette.common.white,
@@ -70,9 +72,9 @@ var ImageListItemBarTitleWrap = styled('div', {
   }, ownerState.position === 'below' && {
     padding: '6px 0 12px',
     color: 'inherit'
-  }, ownerState.actionIcon && ownerState.actionPosition === 'left' && {
+  }), ownerState.actionIcon && ownerState.actionPosition === 'left' && {
     paddingLeft: 0
-  }, ownerState.actionIcon && ownerState.actionPosition === 'right' && {
+  }), ownerState.actionIcon && ownerState.actionPosition === 'right' && {
     paddingRight: 0
   });
 });
@@ -117,7 +119,7 @@ var ImageListItemBarActionIcon = styled('div', {
   }
 })(function (_ref5) {
   var ownerState = _ref5.ownerState;
-  return _extends({}, ownerState.actionPosition === 'left' && {
+  return _objectSpread({}, ownerState.actionPosition === 'left' && {
     order: -1
   });
 });
@@ -135,16 +137,16 @@ var ImageListItemBar = /*#__PURE__*/React.forwardRef(function ImageListItemBar(i
     _props$position = props.position,
     position = _props$position === void 0 ? 'bottom' : _props$position,
     other = _objectWithoutProperties(props, ["actionIcon", "actionPosition", "className", "subtitle", "title", "position"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     position: position,
     actionPosition: actionPosition
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(ImageListItemBarRoot, _extends({
+  return /*#__PURE__*/_jsxs(ImageListItemBarRoot, _objectSpread(_objectSpread({
     ownerState: ownerState,
     className: clsx(classes.root, className),
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: [/*#__PURE__*/_jsxs(ImageListItemBarTitleWrap, {
       ownerState: ownerState,
       className: classes.titleWrap,

package/legacy/Input/Input.js

@@ -1,7 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
@@ -20,7 +21,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     input: ['input']
   };
   var composedClasses = composeClasses(slots, getInputUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return _objectSpread(_objectSpread({}, classes), composedClasses);
 };
 var InputRoot = styled(InputBaseRoot, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -41,13 +42,13 @@ var InputRoot = styled(InputBaseRoot, {
   if (theme.vars) {
     bottomLineColor = "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / ").concat(theme.vars.opacity.inputUnderline, ")");
   }
-  return _extends({
+  return _objectSpread(_objectSpread({
     position: 'relative'
   }, ownerState.formControl && {
     'label + &': {
       marginTop: 16
     }
-  }, !ownerState.disableUnderline && (_ref2 = {
+  }), !ownerState.disableUnderline && (_ref2 = {
     '&:after': {
       borderBottom: "2px solid ".concat((theme.vars || theme).palette[ownerState.color].main),
       left: 0,
@@ -132,7 +133,7 @@ var Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
   var componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(slotProps != null ? slotProps : componentsPropsProp, inputComponentsProps) : inputComponentsProps;
   var RootSlot = (_ref3 = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref3 : InputRoot;
   var InputSlot = (_ref4 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref4 : InputInput;
-  return /*#__PURE__*/_jsx(InputBase, _extends({
+  return /*#__PURE__*/_jsx(InputBase, _objectSpread(_objectSpread({
     slots: {
       root: RootSlot,
       input: InputSlot
@@ -143,7 +144,7 @@ var Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
     multiline: multiline,
     ref: ref,
     type: type
-  }, other, {
+  }, other), {}, {
     classes: classes
   }));
 });

package/legacy/Input/inputClasses.js

@@ -1,9 +1,11 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
 import generateUtilityClass from '../generateUtilityClass';
 import { inputBaseClasses } from '../InputBase';
 export function getInputUtilityClass(slot) {
   return generateUtilityClass('MuiInput', slot);
 }
-var inputClasses = _extends({}, inputBaseClasses, generateUtilityClasses('MuiInput', ['root', 'underline', 'input']));
+var inputClasses = _objectSpread(_objectSpread({}, inputBaseClasses), generateUtilityClasses('MuiInput', ['root', 'underline', 'input']));
 export default inputClasses;

package/legacy/InputAdornment/InputAdornment.js

@@ -1,7 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
 var _span;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -38,7 +39,7 @@ var InputAdornmentRoot = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: 'flex',
     height: '0.01em',
     // Fix IE11 flexbox alignment. To remove at some point.
@@ -48,13 +49,13 @@ var InputAdornmentRoot = styled('div', {
     color: (theme.vars || theme).palette.action.active
   }, ownerState.variant === 'filled' && _defineProperty({}, "&.".concat(inputAdornmentClasses.positionStart, "&:not(.").concat(inputAdornmentClasses.hiddenLabel, ")"), {
     marginTop: 16
-  }), ownerState.position === 'start' && {
+  })), ownerState.position === 'start' && {
     // Styles applied to the root element if `position="start"`.
     marginRight: 8
-  }, ownerState.position === 'end' && {
+  }), ownerState.position === 'end' && {
     // Styles applied to the root element if `position="end"`.
     marginLeft: 8
-  }, ownerState.disablePointerEvents === true && {
+  }), ownerState.disablePointerEvents === true && {
     // Styles applied to the root element if `disablePointerEvents={true}`.
     pointerEvents: 'none'
   });
@@ -87,7 +88,7 @@ var InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inPro
   if (muiFormControl && !variant) {
     variant = muiFormControl.variant;
   }
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     hiddenLabel: muiFormControl.hiddenLabel,
     size: muiFormControl.size,
     disablePointerEvents: disablePointerEvents,
@@ -97,12 +98,12 @@ var InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inPro
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(FormControlContext.Provider, {
     value: null,
-    children: /*#__PURE__*/_jsx(InputAdornmentRoot, _extends({
+    children: /*#__PURE__*/_jsx(InputAdornmentRoot, _objectSpread(_objectSpread({
       as: component,
       ownerState: ownerState,
       className: clsx(classes.root, className),
       ref: ref
-    }, other, {
+    }, other), {}, {
       children: typeof children === 'string' && !disableTypography ? /*#__PURE__*/_jsx(Typography, {
         color: "text.secondary",
         children: children