@mui/material 5.13.0 → 5.13.1

package/legacy/Paper/Paper.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 * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -33,19 +35,19 @@ var PaperRoot = styled('div', {
   var _theme$vars$overlays;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     backgroundColor: (theme.vars || theme).palette.background.paper,
     color: (theme.vars || theme).palette.text.primary,
     transition: theme.transitions.create('box-shadow')
   }, !ownerState.square && {
     borderRadius: theme.shape.borderRadius
-  }, ownerState.variant === 'outlined' && {
+  }), ownerState.variant === 'outlined' && {
     border: "1px solid ".concat((theme.vars || theme).palette.divider)
-  }, ownerState.variant === 'elevation' && _extends({
+  }), ownerState.variant === 'elevation' && _objectSpread(_objectSpread({
     boxShadow: (theme.vars || theme).shadows[ownerState.elevation]
   }, !theme.vars && theme.palette.mode === 'dark' && {
     backgroundImage: "linear-gradient(".concat(alpha('#fff', getOverlayAlpha(ownerState.elevation)), ", ").concat(alpha('#fff', getOverlayAlpha(ownerState.elevation)), ")")
-  }, theme.vars && {
+  }), theme.vars && {
     backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]
   }));
 });
@@ -64,7 +66,7 @@ var Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'elevation' : _props$variant,
     other = _objectWithoutProperties(props, ["className", "component", "elevation", "square", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component,
     elevation: elevation,
     square: square,
@@ -78,7 +80,7 @@ var Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
       console.error(["MUI: The elevation provided <Paper elevation={".concat(elevation, "}> is not available in the theme."), "Please make sure that `theme.shadows[".concat(elevation, "]` is defined.")].join('\n'));
     }
   }
-  return /*#__PURE__*/_jsx(PaperRoot, _extends({
+  return /*#__PURE__*/_jsx(PaperRoot, _objectSpread({
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),

package/legacy/Popover/Popover.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';
@@ -121,7 +123,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     other = _objectWithoutProperties(props, ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"]);
   var paperRef = React.useRef();
   var handlePaperRef = useForkRef(paperRef, PaperProps.ref);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     anchorOrigin: anchorOrigin,
     anchorReference: anchorReference,
     elevation: elevation,
@@ -295,7 +297,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
   // If the anchorEl prop is provided, use its parent body element as the container
   // If neither are provided let the Modal take care of choosing the container
   var container = containerProp || (anchorEl ? ownerDocument(resolveAnchorEl(anchorEl)).body : undefined);
-  return /*#__PURE__*/_jsx(PopoverRoot, _extends({
+  return /*#__PURE__*/_jsx(PopoverRoot, _objectSpread(_objectSpread({
     BackdropProps: {
       invisible: true
     },
@@ -304,24 +306,24 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     open: open,
     ref: ref,
     ownerState: ownerState
-  }, other, {
-    children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  }, other), {}, {
+    children: /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({
       appear: true,
       in: open,
       onEntering: handleEntering,
       onExited: handleExited,
       timeout: transitionDuration
-    }, TransitionProps, {
-      children: /*#__PURE__*/_jsx(PopoverPaper, _extends({
+    }, TransitionProps), {}, {
+      children: /*#__PURE__*/_jsx(PopoverPaper, _objectSpread(_objectSpread(_objectSpread({
         elevation: elevation
-      }, PaperProps, {
+      }, PaperProps), {}, {
         ref: handlePaperRef,
         className: clsx(classes.paper, PaperProps.className)
       }, isPositioned ? undefined : {
-        style: _extends({}, PaperProps.style, {
+        style: _objectSpread(_objectSpread({}, PaperProps.style), {}, {
           opacity: 0
         })
-      }, {
+      }), {}, {
         ownerState: ownerState,
         children: children
       }))

package/legacy/Popper/Popper.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 BasePopper from '@mui/base/Popper';
 import { useThemeWithoutDefault as useTheme } from '@mui/system';
 import { HTMLElementType, refType } from '@mui/utils';
@@ -51,7 +53,7 @@ var Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
     slotProps = props.slotProps,
     other = _objectWithoutProperties(props, ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"]);
   var RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
-  var otherProps = _extends({
+  var otherProps = _objectSpread({
     anchorEl: anchorEl,
     container: container,
     disablePortal: disablePortal,
@@ -63,14 +65,14 @@ var Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
     popperRef: popperRef,
     transition: transition
   }, other);
-  return /*#__PURE__*/_jsx(PopperRoot, _extends({
+  return /*#__PURE__*/_jsx(PopperRoot, _objectSpread(_objectSpread({
     as: component,
     direction: theme == null ? void 0 : theme.direction,
     slots: {
       root: RootComponent
     },
     slotProps: slotProps != null ? slotProps : componentsProps
-  }, otherProps, {
+  }, otherProps), {}, {
     ref: ref
   }));
 });

package/legacy/Radio/Radio.js

@@ -1,7 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 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';
@@ -23,7 +24,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   var slots = {
     root: ['root', "color".concat(capitalize(color))]
   };
-  return _extends({}, classes, composeClasses(slots, getRadioUtilityClass, classes));
+  return _objectSpread(_objectSpread({}, classes), composeClasses(slots, getRadioUtilityClass, classes));
 };
 var RadioRoot = styled(SwitchBase, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -38,7 +39,7 @@ var RadioRoot = styled(SwitchBase, {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread(_objectSpread({
     color: (theme.vars || theme).palette.text.secondary
   }, !ownerState.disableRipple && {
     '&:hover': {
@@ -48,9 +49,9 @@ var RadioRoot = styled(SwitchBase, {
         backgroundColor: 'transparent'
       }
     }
-  }, ownerState.color !== 'default' && _defineProperty({}, "&.".concat(radioClasses.checked), {
+  }), ownerState.color !== 'default' && _defineProperty({}, "&.".concat(radioClasses.checked), {
     color: (theme.vars || theme).palette[ownerState.color].main
-  }), _defineProperty({}, "&.".concat(radioClasses.disabled), {
+  })), {}, _defineProperty({}, "&.".concat(radioClasses.disabled), {
     color: (theme.vars || theme).palette.action.disabled
   }));
 });
@@ -85,7 +86,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
     size = _props$size === void 0 ? 'medium' : _props$size,
     className = props.className,
     other = _objectWithoutProperties(props, ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     size: size
   });
@@ -102,7 +103,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
       name = radioGroup.name;
     }
   }
-  return /*#__PURE__*/_jsx(RadioRoot, _extends({
+  return /*#__PURE__*/_jsx(RadioRoot, _objectSpread({
     type: "radio",
     icon: /*#__PURE__*/React.cloneElement(icon, {
       fontSize: (_defaultIcon$props$fo = defaultIcon.props.fontSize) != null ? _defaultIcon$props$fo : size

package/legacy/Radio/RadioButtonIcon.js

@@ -1,4 +1,6 @@
-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 RadioButtonUncheckedIcon from '../internal/svg-icons/RadioButtonUnchecked';
@@ -17,7 +19,7 @@ var RadioButtonIconBackground = styled(RadioButtonUncheckedIcon)({
 var RadioButtonIconDot = styled(RadioButtonCheckedIcon)(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({
+  return _objectSpread({
     left: 0,
     position: 'absolute',
     transform: 'scale(0)',
@@ -43,7 +45,7 @@ function RadioButtonIcon(props) {
     _props$classes = props.classes,
     classes = _props$classes === void 0 ? {} : _props$classes,
     fontSize = props.fontSize;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     checked: checked
   });
   return /*#__PURE__*/_jsxs(RadioButtonIconRoot, {

package/legacy/RadioGroup/RadioGroup.js

@@ -1,6 +1,8 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 FormGroup from '../FormGroup';
@@ -55,10 +57,10 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {
   }, [name, _onChange, setValueState, value]);
   return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(FormGroup, _extends({
+    children: /*#__PURE__*/_jsx(FormGroup, _objectSpread(_objectSpread({
       role: "radiogroup",
       ref: handleRef
-    }, other, {
+    }, other), {}, {
       children: children
     }))
   });

package/legacy/Rating/Rating.js

@@ -1,7 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -66,10 +67,10 @@ var RatingRoot = styled('span', {
     return [_defineProperty({}, "& .".concat(ratingClasses.visuallyHidden), styles.visuallyHidden), styles.root, styles["size".concat(capitalize(ownerState.size))], ownerState.readOnly && styles.readOnly];
   }
 })(function (_ref2) {
-  var _extends2;
+  var _objectSpread2;
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends((_extends2 = {
+  return _objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {
     display: 'inline-flex',
     // Required to position the pristine input absolutely
     position: 'relative',
@@ -78,16 +79,16 @@ var RatingRoot = styled('span', {
     cursor: 'pointer',
     textAlign: 'left',
     WebkitTapHighlightColor: 'transparent'
-  }, _defineProperty(_extends2, "&.".concat(ratingClasses.disabled), {
+  }, _defineProperty(_objectSpread2, "&.".concat(ratingClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity,
     pointerEvents: 'none'
-  }), _defineProperty(_extends2, "&.".concat(ratingClasses.focusVisible, " .").concat(ratingClasses.iconActive), {
+  }), _defineProperty(_objectSpread2, "&.".concat(ratingClasses.focusVisible, " .").concat(ratingClasses.iconActive), {
     outline: '1px solid #999'
-  }), _defineProperty(_extends2, "& .".concat(ratingClasses.visuallyHidden), visuallyHidden), _extends2), ownerState.size === 'small' && {
+  }), _defineProperty(_objectSpread2, "& .".concat(ratingClasses.visuallyHidden), visuallyHidden), _objectSpread2), ownerState.size === 'small' && {
     fontSize: theme.typography.pxToRem(18)
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     fontSize: theme.typography.pxToRem(30)
-  }, ownerState.readOnly && {
+  }), ownerState.readOnly && {
     pointerEvents: 'none'
   });
 });
@@ -100,7 +101,7 @@ var RatingLabel = styled('label', {
   }
 })(function (_ref4) {
   var ownerState = _ref4.ownerState;
-  return _extends({
+  return _objectSpread({
     cursor: 'inherit'
   }, ownerState.emptyValueFocused && {
     top: 0,
@@ -120,7 +121,7 @@ var RatingIcon = styled('span', {
 })(function (_ref5) {
   var theme = _ref5.theme,
     ownerState = _ref5.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     // Fit wrapper to actual icon size.
     display: 'flex',
     transition: theme.transitions.create('transform', {
@@ -131,7 +132,7 @@ var RatingIcon = styled('span', {
     pointerEvents: 'none'
   }, ownerState.iconActive && {
     transform: 'scale(1.2)'
-  }, ownerState.iconEmpty && {
+  }), ownerState.iconEmpty && {
     color: (theme.vars || theme).palette.action.disabled
   });
 });
@@ -147,7 +148,7 @@ var RatingDecimal = styled('span', {
   }
 })(function (_ref6) {
   var iconActive = _ref6.iconActive;
-  return _extends({
+  return _objectSpread({
     position: 'relative'
   }, iconActive && {
     transform: 'scale(1.2)'
@@ -156,7 +157,7 @@ var RatingDecimal = styled('span', {
 function IconContainer(props) {
   var value = props.value,
     other = _objectWithoutProperties(props, ["value"]);
-  return /*#__PURE__*/_jsx("span", _extends({}, other));
+  return /*#__PURE__*/_jsx("span", _objectSpread({}, other));
 }
 process.env.NODE_ENV !== "production" ? IconContainer.propTypes = {
   value: PropTypes.number.isRequired
@@ -192,7 +193,7 @@ function RatingItem(props) {
     as: IconContainerComponent,
     value: itemValue,
     className: clsx(classes.icon, isFilled ? classes.iconFilled : classes.iconEmpty, isHovered && classes.iconHover, isFocused && classes.iconFocus, isActive && classes.iconActive),
-    ownerState: _extends({}, ownerState, {
+    ownerState: _objectSpread(_objectSpread({}, ownerState), {}, {
       iconEmpty: !isFilled,
       iconFilled: isFilled,
       iconHover: isHovered,
@@ -202,17 +203,17 @@ function RatingItem(props) {
     children: emptyIcon && !isFilled ? emptyIcon : icon
   });
   if (readOnly) {
-    return /*#__PURE__*/_jsx("span", _extends({}, labelProps, {
+    return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, labelProps), {}, {
       children: container
     }));
   }
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsxs(RatingLabel, _extends({
-      ownerState: _extends({}, ownerState, {
+    children: [/*#__PURE__*/_jsxs(RatingLabel, _objectSpread(_objectSpread({
+      ownerState: _objectSpread(_objectSpread({}, ownerState), {}, {
         emptyValueFocused: undefined
       }),
       htmlFor: id
-    }, labelProps, {
+    }, labelProps), {}, {
       children: [container, /*#__PURE__*/_jsx("span", {
         className: classes.visuallyHidden,
         children: getLabelText(itemValue)
@@ -439,7 +440,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
   var _React$useState3 = React.useState(false),
     emptyValueFocused = _React$useState3[0],
     setEmptyValueFocused = _React$useState3[1];
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     defaultValue: defaultValue,
     disabled: disabled,
     emptyIcon: emptyIcon,
@@ -455,7 +456,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     size: size
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(RatingRoot, _extends({
+  return /*#__PURE__*/_jsxs(RatingRoot, _objectSpread(_objectSpread({
     ref: handleRef,
     onMouseMove: handleMouseMove,
     onMouseLeave: handleMouseLeave,
@@ -463,7 +464,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     ownerState: ownerState,
     role: readOnly ? 'img' : null,
     "aria-label": readOnly ? getLabelText(value) : null
-  }, other, {
+  }, other), {}, {
     children: [Array.from(new Array(max)).map(function (_, index) {
       var itemValue = index + 1;
       var ratingItemProps = {
@@ -495,7 +496,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
           iconActive: isActive,
           children: items.map(function ($, indexDecimal) {
             var itemDecimalValue = roundValueToPrecision(itemValue - 1 + (indexDecimal + 1) * precision, precision);
-            return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {
+            return /*#__PURE__*/_jsx(RatingItem, _objectSpread(_objectSpread({}, ratingItemProps), {}, {
               // The icon is already displayed as active
               isActive: false,
               itemValue: itemDecimalValue,
@@ -510,7 +511,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
           })
         }, itemValue);
       }
-      return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {
+      return /*#__PURE__*/_jsx(RatingItem, _objectSpread(_objectSpread({}, ratingItemProps), {}, {
         isActive: isActive,
         itemValue: itemValue
       }), itemValue);

package/legacy/ScopedCssBaseline/ScopedCssBaseline.js

@@ -1,6 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+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 +40,7 @@ var ScopedCssBaselineRoot = styled('div', {
       };
     });
   }
-  return _extends({}, html(theme, ownerState.enableColorScheme), body(theme), {
+  return _objectSpread(_objectSpread(_objectSpread({}, html(theme, ownerState.enableColorScheme)), body(theme)), {}, {
     '& *, & *::before, & *::after': {
       boxSizing: 'inherit'
     },
@@ -57,11 +59,11 @@ var ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline
     component = _props$component === void 0 ? 'div' : _props$component,
     enableColorScheme = props.enableColorScheme,
     other = _objectWithoutProperties(props, ["className", "component", "enableColorScheme"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     component: component
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ScopedCssBaselineRoot, _extends({
+  return /*#__PURE__*/_jsx(ScopedCssBaselineRoot, _objectSpread({
     as: component,
     className: clsx(classes.root, className),
     ref: ref,

package/legacy/Select/Select.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';
@@ -76,7 +78,7 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     states: ['variant', 'error']
   });
   var variant = fcs.variant || variantProp;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     variant: variant,
     classes: classesProp
   });
@@ -95,11 +97,11 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
   }[variant];
   var inputComponentRef = useForkRef(ref, InputComponent.ref);
   return /*#__PURE__*/_jsx(React.Fragment, {
-    children: /*#__PURE__*/React.cloneElement(InputComponent, _extends({
+    children: /*#__PURE__*/React.cloneElement(InputComponent, _objectSpread(_objectSpread(_objectSpread({
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
       inputComponent: inputComponent,
-      inputProps: _extends({
+      inputProps: _objectSpread(_objectSpread(_objectSpread({
         children: children,
         error: fcs.error,
         IconComponent: IconComponent,
@@ -119,20 +121,20 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
         onOpen: onOpen,
         open: open,
         renderValue: renderValue,
-        SelectDisplayProps: _extends({
+        SelectDisplayProps: _objectSpread({
           id: id
         }, SelectDisplayProps)
-      }, inputProps, {
+      }), inputProps), {}, {
         classes: inputProps ? deepmerge(classes, inputProps.classes) : classes
       }, input ? input.props.inputProps : {})
     }, multiple && native && variant === 'outlined' ? {
       notched: true
-    } : {}, {
+    } : {}), {}, {
       ref: inputComponentRef,
       className: clsx(InputComponent.props.className, className)
     }, !input && {
       variant: variant
-    }, other))
+    }), other))
   });
 });
 process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */ = {

package/legacy/Select/SelectInput.js

@@ -1,10 +1,11 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 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 { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -434,7 +435,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
     tabIndex = disabled ? null : 0;
   }
   var buttonId = SelectDisplayProps.id || (name ? "mui-component-select-".concat(name) : undefined);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     variant: variant,
     value: value,
     open: open,
@@ -442,7 +443,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
   });
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
+    children: [/*#__PURE__*/_jsx(SelectSelect, _objectSpread(_objectSpread({
       ref: handleDisplayRef,
       tabIndex: tabIndex,
       role: "button",
@@ -456,7 +457,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
       onMouseDown: disabled || readOnly ? null : handleMouseDown,
       onBlur: handleBlur,
       onFocus: onFocus
-    }, SelectDisplayProps, {
+    }, SelectDisplayProps), {}, {
       ownerState: ownerState,
       className: clsx(SelectDisplayProps.className, classes.select, className)
       // The id is required for proper a11y
@@ -467,7 +468,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
         className: "notranslate",
         children: "\u200B"
       })) : display
-    })), /*#__PURE__*/_jsx(SelectNativeInput, _extends({
+    })), /*#__PURE__*/_jsx(SelectNativeInput, _objectSpread({
       "aria-invalid": error,
       value: Array.isArray(value) ? value.join(',') : value,
       name: name,
@@ -483,7 +484,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
       as: IconComponent,
       className: classes.icon,
       ownerState: ownerState
-    }), /*#__PURE__*/_jsx(Menu, _extends({
+    }), /*#__PURE__*/_jsx(Menu, _objectSpread(_objectSpread({
       id: "menu-".concat(name || ''),
       anchorEl: anchorElement,
       open: open,
@@ -496,14 +497,14 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
         vertical: 'top',
         horizontal: 'center'
       }
-    }, MenuProps, {
-      MenuListProps: _extends({
+    }, MenuProps), {}, {
+      MenuListProps: _objectSpread({
         'aria-labelledby': labelId,
         role: 'listbox',
         disableListWrap: true
       }, MenuProps.MenuListProps),
-      PaperProps: _extends({}, MenuProps.PaperProps, {
-        style: _extends({
+      PaperProps: _objectSpread(_objectSpread({}, MenuProps.PaperProps), {}, {
+        style: _objectSpread({
           minWidth: menuMinWidth
         }, MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null)
       }),