@mui/material 5.12.3 → 5.13.1

package/legacy/Pagination/Pagination.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';
@@ -74,7 +76,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref)
     page = props.page,
     _props$renderItem = props.renderItem,
     renderItem = _props$renderItem === void 0 ? function (item) {
-      return /*#__PURE__*/_jsx(PaginationItem, _extends({}, item));
+      return /*#__PURE__*/_jsx(PaginationItem, _objectSpread({}, item));
     } : _props$renderItem,
     _props$shape = props.shape,
     shape = _props$shape === void 0 ? 'circular' : _props$shape,
@@ -89,11 +91,11 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref)
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'text' : _props$variant,
     other = _objectWithoutProperties(props, ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"]);
-  var _usePagination = usePagination(_extends({}, props, {
+  var _usePagination = usePagination(_objectSpread(_objectSpread({}, props), {}, {
       componentName: 'Pagination'
     })),
     items = _usePagination.items;
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     boundaryCount: boundaryCount,
     color: color,
     count: count,
@@ -111,18 +113,18 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(inProps, ref)
     variant: variant
   });
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(PaginationRoot, _extends({
+  return /*#__PURE__*/_jsx(PaginationRoot, _objectSpread(_objectSpread({
     "aria-label": "pagination navigation",
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref
-  }, other, {
+  }, other), {}, {
     children: /*#__PURE__*/_jsx(PaginationUl, {
       className: classes.ul,
       ownerState: ownerState,
       children: items.map(function (item, index) {
         return /*#__PURE__*/_jsx("li", {
-          children: renderItem(_extends({}, item, {
+          children: renderItem(_objectSpread(_objectSpread({}, item), {}, {
             color: color,
             'aria-label': getItemAriaLabel(item.type, item.page, item.selected),
             shape: shape,

package/legacy/PaginationItem/PaginationItem.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';
@@ -52,7 +53,7 @@ var PaginationItemEllipsis = styled('div', {
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({}, theme.typography.body2, _defineProperty({
+  return _objectSpread(_objectSpread(_objectSpread({}, theme.typography.body2), {}, _defineProperty({
     borderRadius: 32 / 2,
     textAlign: 'center',
     boxSizing: 'border-box',
@@ -68,7 +69,7 @@ var PaginationItemEllipsis = styled('div', {
     borderRadius: 26 / 2,
     margin: '0 1px',
     padding: '0 4px'
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     minWidth: 40,
     borderRadius: 40 / 2,
     padding: '0 10px',
@@ -80,10 +81,10 @@ var PaginationItemPage = styled(ButtonBase, {
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref2) {
-  var _$concat, _extends3;
+  var _$concat, _objectSpread3;
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return _extends({}, theme.typography.body2, (_extends3 = {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, theme.typography.body2), {}, (_objectSpread3 = {
     borderRadius: 32 / 2,
     textAlign: 'center',
     boxSizing: 'border-box',
@@ -92,19 +93,19 @@ var PaginationItemPage = styled(ButtonBase, {
     padding: '0 6px',
     margin: '0 3px',
     color: (theme.vars || theme).palette.text.primary
-  }, _defineProperty(_extends3, "&.".concat(paginationItemClasses.focusVisible), {
+  }, _defineProperty(_objectSpread3, "&.".concat(paginationItemClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette.action.focus
-  }), _defineProperty(_extends3, "&.".concat(paginationItemClasses.disabled), {
+  }), _defineProperty(_objectSpread3, "&.".concat(paginationItemClasses.disabled), {
     opacity: (theme.vars || theme).palette.action.disabledOpacity
-  }), _defineProperty(_extends3, "transition", theme.transitions.create(['color', 'background-color'], {
+  }), _defineProperty(_objectSpread3, "transition", theme.transitions.create(['color', 'background-color'], {
     duration: theme.transitions.duration.short
-  })), _defineProperty(_extends3, '&:hover', {
+  })), _defineProperty(_objectSpread3, '&:hover', {
     backgroundColor: (theme.vars || theme).palette.action.hover,
     // Reset on touch devices, it doesn't add specificity
     '@media (hover: none)': {
       backgroundColor: 'transparent'
     }
-  }), _defineProperty(_extends3, "&.".concat(paginationItemClasses.selected), (_$concat = {
+  }), _defineProperty(_objectSpread3, "&.".concat(paginationItemClasses.selected), (_$concat = {
     backgroundColor: (theme.vars || theme).palette.action.selected,
     '&:hover': {
       backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.action.selected, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.hoverOpacity, "))") : alpha(theme.palette.action.selected, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
@@ -119,25 +120,25 @@ var PaginationItemPage = styled(ButtonBase, {
     opacity: 1,
     color: (theme.vars || theme).palette.action.disabled,
     backgroundColor: (theme.vars || theme).palette.action.selected
-  }), _$concat)), _extends3), ownerState.size === 'small' && {
+  }), _$concat)), _objectSpread3), ownerState.size === 'small' && {
     minWidth: 26,
     height: 26,
     borderRadius: 26 / 2,
     margin: '0 1px',
     padding: '0 4px'
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     minWidth: 40,
     height: 40,
     borderRadius: 40 / 2,
     padding: '0 10px',
     fontSize: theme.typography.pxToRem(15)
-  }, ownerState.shape === 'rounded' && {
+  }), ownerState.shape === 'rounded' && {
     borderRadius: (theme.vars || theme).shape.borderRadius
   });
 }, function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return _extends({}, ownerState.variant === 'text' && _defineProperty({}, "&.".concat(paginationItemClasses.selected), _extends({}, ownerState.color !== 'standard' && _defineProperty({
+  return _objectSpread(_objectSpread({}, ownerState.variant === 'text' && _defineProperty({}, "&.".concat(paginationItemClasses.selected), _objectSpread(_objectSpread({}, ownerState.color !== 'standard' && _defineProperty({
     color: (theme.vars || theme).palette[ownerState.color].contrastText,
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
     '&:hover': {
@@ -149,11 +150,11 @@ var PaginationItemPage = styled(ButtonBase, {
     }
   }, "&.".concat(paginationItemClasses.focusVisible), {
     backgroundColor: (theme.vars || theme).palette[ownerState.color].dark
-  }), _defineProperty({}, "&.".concat(paginationItemClasses.disabled), {
+  })), {}, _defineProperty({}, "&.".concat(paginationItemClasses.disabled), {
     color: (theme.vars || theme).palette.action.disabled
-  }))), ownerState.variant === 'outlined' && _defineProperty({
+  })))), ownerState.variant === 'outlined' && _defineProperty({
     border: theme.vars ? "1px solid rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : "1px solid ".concat(theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)')
-  }, "&.".concat(paginationItemClasses.selected), _extends({}, ownerState.color !== 'standard' && _defineProperty({
+  }, "&.".concat(paginationItemClasses.selected), _objectSpread(_objectSpread({}, ownerState.color !== 'standard' && _defineProperty({
     color: (theme.vars || theme).palette[ownerState.color].main,
     border: "1px solid ".concat(theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / 0.5)") : alpha(theme.palette[ownerState.color].main, 0.5)),
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / ").concat(theme.vars.palette.action.activatedOpacity, ")") : alpha(theme.palette[ownerState.color].main, theme.palette.action.activatedOpacity),
@@ -166,7 +167,7 @@ var PaginationItemPage = styled(ButtonBase, {
     }
   }, "&.".concat(paginationItemClasses.focusVisible), {
     backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette[ownerState.color].mainChannel, " / calc(").concat(theme.vars.palette.action.activatedOpacity, " + ").concat(theme.vars.palette.action.focusOpacity, "))") : alpha(theme.palette[ownerState.color].main, theme.palette.action.activatedOpacity + theme.palette.action.focusOpacity)
-  }), _defineProperty({}, "&.".concat(paginationItemClasses.disabled), {
+  })), {}, _defineProperty({}, "&.".concat(paginationItemClasses.disabled), {
     borderColor: (theme.vars || theme).palette.action.disabledBackground,
     color: (theme.vars || theme).palette.action.disabled
   }))));
@@ -180,12 +181,12 @@ var PaginationItemPageIcon = styled('div', {
 })(function (_ref8) {
   var theme = _ref8.theme,
     ownerState = _ref8.ownerState;
-  return _extends({
+  return _objectSpread(_objectSpread({
     fontSize: theme.typography.pxToRem(20),
     margin: '0 -8px'
   }, ownerState.size === 'small' && {
     fontSize: theme.typography.pxToRem(18)
-  }, ownerState.size === 'large' && {
+  }), ownerState.size === 'large' && {
     fontSize: theme.typography.pxToRem(22)
   });
 });
@@ -216,7 +217,7 @@ var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inPro
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'text' : _props$variant,
     other = _objectWithoutProperties(props, ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"]);
-  var ownerState = _extends({}, props, {
+  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
     color: color,
     disabled: disabled,
     selected: selected,
@@ -244,13 +245,13 @@ var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inPro
     ownerState: ownerState,
     className: clsx(classes.root, className),
     children: "\u2026"
-  }) : /*#__PURE__*/_jsxs(PaginationItemPage, _extends({
+  }) : /*#__PURE__*/_jsxs(PaginationItemPage, _objectSpread(_objectSpread({
     ref: ref,
     ownerState: ownerState,
     component: component,
     disabled: disabled,
     className: clsx(classes.root, className)
-  }, other, {
+  }, other), {}, {
     children: [type === 'page' && page, Icon ? /*#__PURE__*/_jsx(PaginationItemPageIcon, {
       as: Icon,
       ownerState: ownerState,

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);