@mui/lab 5.0.0-alpha.130 → 5.0.0-alpha.132

package/TreeItem/TreeItemContent.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "nodeId", "onClick", "onMouseDown"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -10,17 +13,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(props, ref) {
   const {
-    classes,
-    className,
-    displayIcon,
-    expansionIcon,
-    icon: iconProp,
-    label,
-    nodeId,
-    onClick,
-    onMouseDown,
-    ...other
-  } = props;
+      classes,
+      className,
+      displayIcon,
+      expansionIcon,
+      icon: iconProp,
+      label,
+      nodeId,
+      onClick,
+      onMouseDown
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     disabled,
     expanded,
@@ -47,12 +50,12 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
   return (
     /*#__PURE__*/
     /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
-    _jsxs("div", {
+    _jsxs("div", _extends({
       className: clsx(className, classes.root, expanded && classes.expanded, selected && classes.selected, focused && classes.focused, disabled && classes.disabled),
       onClick: handleClick,
       onMouseDown: handleMouseDown,
-      ref: ref,
-      ...other,
+      ref: ref
+    }, other, {
       children: [/*#__PURE__*/_jsx("div", {
         className: classes.iconContainer,
         children: icon
@@ -60,7 +63,7 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
         className: classes.label,
         children: label
       })]
-    })
+    }))
   );
 });
 process.env.NODE_ENV !== "production" ? TreeItemContent.propTypes = {

package/TreeView/TreeView.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className", "defaultCollapseIcon", "defaultEndIcon", "defaultExpanded", "defaultExpandIcon", "defaultParentIcon", "defaultSelected", "disabledItemsFocusable", "disableSelection", "expanded", "id", "multiSelect", "onBlur", "onFocus", "onKeyDown", "onNodeFocus", "onNodeSelect", "onNodeToggle", "selected"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -49,38 +52,37 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     name: 'MuiTreeView'
   });
   const {
-    children,
-    className,
-    defaultCollapseIcon,
-    defaultEndIcon,
-    defaultExpanded = defaultDefaultExpanded,
-    defaultExpandIcon,
-    defaultParentIcon,
-    defaultSelected = defaultDefaultSelected,
-    disabledItemsFocusable = false,
-    disableSelection = false,
-    expanded: expandedProp,
-    id: idProp,
-    multiSelect = false,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    onNodeFocus,
-    onNodeSelect,
-    onNodeToggle,
-    selected: selectedProp,
-    ...other
-  } = props;
+      children,
+      className,
+      defaultCollapseIcon,
+      defaultEndIcon,
+      defaultExpanded = defaultDefaultExpanded,
+      defaultExpandIcon,
+      defaultParentIcon,
+      defaultSelected = defaultDefaultSelected,
+      disabledItemsFocusable = false,
+      disableSelection = false,
+      expanded: expandedProp,
+      id: idProp,
+      multiSelect = false,
+      onBlur,
+      onFocus,
+      onKeyDown,
+      onNodeFocus,
+      onNodeSelect,
+      onNodeToggle,
+      selected: selectedProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const theme = useTheme();
   const isRtl = theme.direction === 'rtl';
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     defaultExpanded,
     defaultSelected,
     disabledItemsFocusable,
     disableSelection,
     multiSelect
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const treeId = useId(idProp);
   const treeRef = React.useRef(null);
@@ -513,9 +515,7 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     };
   }, []);
   const unregisterNode = React.useCallback(id => {
-    const newMap = {
-      ...nodeMap.current
-    };
+    const newMap = _extends({}, nodeMap.current);
     delete newMap[id];
     nodeMap.current = newMap;
     setFocusedNodeId(oldFocusedNodeId => {
@@ -529,9 +529,7 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     firstCharMap.current[id] = firstChar;
   }, []);
   const unMapFirstChar = React.useCallback(id => {
-    const newMap = {
-      ...firstCharMap.current
-    };
+    const newMap = _extends({}, firstCharMap.current);
     delete newMap[id];
     firstCharMap.current = newMap;
   }, []);
@@ -707,7 +705,7 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
       treeId
     },
     children: /*#__PURE__*/_jsx(DescendantProvider, {
-      children: /*#__PURE__*/_jsx(TreeViewRoot, {
+      children: /*#__PURE__*/_jsx(TreeViewRoot, _extends({
         role: "tree",
         id: treeId,
         "aria-activedescendant": activeDescendant,
@@ -718,10 +716,10 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
         onKeyDown: handleKeyDown,
         onFocus: handleFocus,
         onBlur: handleBlur,
-        ownerState: ownerState,
-        ...other,
+        ownerState: ownerState
+      }, other, {
         children: children
-      })
+      }))
     })
   });
 });

package/TreeView/descendants.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["element"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/utils';
@@ -95,10 +98,9 @@ export function useDescendant(descendant) {
   // Prevent any flashing
   useEnhancedEffect(() => {
     if (descendant.element) {
-      registerDescendant({
-        ...descendant,
+      registerDescendant(_extends({}, descendant, {
         index
-      });
+      }));
       return () => {
         unregisterDescendant(descendant.element);
       };
@@ -117,19 +119,19 @@ export function DescendantProvider(props) {
     id
   } = props;
   const [items, set] = React.useState([]);
-  const registerDescendant = React.useCallback(({
-    element,
-    ...other
-  }) => {
+  const registerDescendant = React.useCallback(_ref => {
+    let {
+        element
+      } = _ref,
+      other = _objectWithoutPropertiesLoose(_ref, _excluded);
     set(oldItems => {
       let newItems;
       if (oldItems.length === 0) {
         // If there are no items, register at index 0 and bail.
-        return [{
-          ...other,
+        return [_extends({}, other, {
           element,
           index: 0
-        }];
+        })];
       }
       const index = binaryFindElement(oldItems, element);
       if (oldItems[index] && oldItems[index].element === element) {
@@ -149,11 +151,10 @@ export function DescendantProvider(props) {
         // we should be sure that this index is accurate when descendent
         // elements come or go from our component.
 
-        const newItem = {
-          ...other,
+        const newItem = _extends({}, other, {
           element,
           index
-        };
+        });
 
         // If an index is not found we will push the element to the end.
         newItems = oldItems.slice();

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/lab v5.0.0-alpha.130
+ * @mui/lab v5.0.0-alpha.132
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/Alert/Alert.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import Alert from '@mui/material/Alert';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAlert(props, ref
     console.warn(['MUI: The Alert component was moved from the lab to the core.', '', "You should use `import { Alert } from '@mui/material'`", "or `import Alert from '@mui/material/Alert'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(Alert, _objectSpread({
+  return /*#__PURE__*/_jsx(Alert, _extends({
     ref: ref
   }, props));
 });

package/legacy/AlertTitle/AlertTitle.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import AlertTitle from '@mui/material/AlertTitle';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAlertTitle(props
     console.warn(['MUI: The AlertTitle component was moved from the lab to the core.', '', "You should use `import { AlertTitle } from '@mui/material'`", "or `import AlertTitle from '@mui/material/AlertTitle'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(AlertTitle, _objectSpread({
+  return /*#__PURE__*/_jsx(AlertTitle, _extends({
     ref: ref
   }, props));
 });

package/legacy/Autocomplete/Autocomplete.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import Autocomplete from '@mui/material/Autocomplete';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAutocomplete(pro
     console.warn(['MUI: The Autocomplete component was moved from the lab to the core.', '', "You should use `import { Autocomplete } from '@mui/material'`", "or `import Autocomplete from '@mui/material/Autocomplete'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(Autocomplete, _objectSpread({
+  return /*#__PURE__*/_jsx(Autocomplete, _extends({
     ref: ref
   }, props));
 });

package/legacy/AvatarGroup/AvatarGroup.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import AvatarGroup from '@mui/material/AvatarGroup';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAvatarGroup(prop
     console.warn(['MUI: The AvatarGroup component was moved from the lab to the core.', '', "You should use `import { AvatarGroup } from '@mui/material'`", "or `import AvatarGroup from '@mui/material/AvatarGroup'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(AvatarGroup, _objectSpread({
+  return /*#__PURE__*/_jsx(AvatarGroup, _extends({
     ref: ref
   }, props));
 });

package/legacy/LoadingButton/LoadingButton.js

@@ -1,7 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { chainPropTypes } from '@mui/utils';
@@ -24,7 +23,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
     loadingIndicator: ['loadingIndicator', loading && "loadingIndicator".concat(capitalize(loadingPosition))]
   };
   var composedClasses = composeClasses(slots, getLoadingButtonUtilityClass, classes);
-  return _objectSpread(_objectSpread({}, classes), composedClasses);
+  return _extends({}, classes, composedClasses);
 };
 
 // TODO use `import { rootShouldForwardProp } from '../styles/styled';` once move to core
@@ -43,7 +42,7 @@ var LoadingButtonRoot = styled(Button, {
 })(function (_ref3) {
   var ownerState = _ref3.ownerState,
     theme = _ref3.theme;
-  return _objectSpread(_objectSpread(_objectSpread(_defineProperty({}, "& .".concat(loadingButtonClasses.startIconLoadingStart, ", & .").concat(loadingButtonClasses.endIconLoadingEnd), {
+  return _extends(_defineProperty({}, "& .".concat(loadingButtonClasses.startIconLoadingStart, ", & .").concat(loadingButtonClasses.endIconLoadingEnd), {
     transition: theme.transitions.create(['opacity'], {
       duration: theme.transitions.duration.short
     }),
@@ -54,13 +53,13 @@ var LoadingButtonRoot = styled(Button, {
     })
   }, "&.".concat(loadingButtonClasses.loading), {
     color: 'transparent'
-  })), ownerState.loadingPosition === 'start' && ownerState.fullWidth && _defineProperty({}, "& .".concat(loadingButtonClasses.startIconLoadingStart, ", & .").concat(loadingButtonClasses.endIconLoadingEnd), {
+  }), ownerState.loadingPosition === 'start' && ownerState.fullWidth && _defineProperty({}, "& .".concat(loadingButtonClasses.startIconLoadingStart, ", & .").concat(loadingButtonClasses.endIconLoadingEnd), {
     transition: theme.transitions.create(['opacity'], {
       duration: theme.transitions.duration.short
     }),
     opacity: 0,
     marginRight: -8
-  })), ownerState.loadingPosition === 'end' && ownerState.fullWidth && _defineProperty({}, "& .".concat(loadingButtonClasses.startIconLoadingStart, ", & .").concat(loadingButtonClasses.endIconLoadingEnd), {
+  }), ownerState.loadingPosition === 'end' && ownerState.fullWidth && _defineProperty({}, "& .".concat(loadingButtonClasses.startIconLoadingStart, ", & .").concat(loadingButtonClasses.endIconLoadingEnd), {
     transition: theme.transitions.create(['opacity'], {
       duration: theme.transitions.duration.short
     }),
@@ -78,26 +77,26 @@ var LoadingButtonLoadingIndicator = styled('div', {
 })(function (_ref7) {
   var theme = _ref7.theme,
     ownerState = _ref7.ownerState;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _extends({
     position: 'absolute',
     visibility: 'visible',
     display: 'flex'
   }, ownerState.loadingPosition === 'start' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
     left: ownerState.size === 'small' ? 10 : 14
-  }), ownerState.loadingPosition === 'start' && ownerState.variant === 'text' && {
+  }, ownerState.loadingPosition === 'start' && ownerState.variant === 'text' && {
     left: 6
-  }), ownerState.loadingPosition === 'center' && {
+  }, ownerState.loadingPosition === 'center' && {
     left: '50%',
     transform: 'translate(-50%)',
     color: (theme.vars || theme).palette.action.disabled
-  }), ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
+  }, ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
     right: ownerState.size === 'small' ? 10 : 14
-  }), ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {
+  }, ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {
     right: 6
-  }), ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
+  }, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
     position: 'relative',
     left: -10
-  }), ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
+  }, ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
     position: 'relative',
     right: -10
   });
@@ -125,7 +124,7 @@ var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps
     color: "inherit",
     size: 16
   });
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     disabled: disabled,
     loading: loading,
     loadingIndicator: loadingIndicator,
@@ -138,11 +137,11 @@ var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps
     ownerState: ownerState,
     children: loadingIndicator
   }) : null;
-  return /*#__PURE__*/_jsxs(LoadingButtonRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(LoadingButtonRoot, _extends({
     disabled: disabled || loading,
     id: id,
     ref: ref
-  }, other), {}, {
+  }, other, {
     variant: variant,
     classes: classes,
     ownerState: ownerState,

package/legacy/Masonry/Masonry.js

@@ -1,9 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import * as ReactDOM from 'react-dom';
 import { styled, useThemeProps } from '@mui/material/styles';
@@ -56,11 +54,11 @@ export var getStyle = function getStyle(_ref) {
     }
     stylesSSR.height = ownerState.defaultHeight;
     stylesSSR.margin = -(defaultSpacing / 2);
-    stylesSSR['& > *'] = _objectSpread(_objectSpread(_objectSpread({}, styles['& > *']), orderStyleSSR), {}, {
+    stylesSSR['& > *'] = _extends({}, styles['& > *'], orderStyleSSR, {
       margin: defaultSpacing / 2,
       width: "calc(".concat((100 / ownerState.defaultColumns).toFixed(2), "% - ").concat(defaultSpacing, "px)")
     });
-    return _objectSpread(_objectSpread({}, styles), stylesSSR);
+    return _extends({}, styles, stylesSSR);
   }
   var spacingValues = resolveBreakpointValues({
     values: ownerState.spacing,
@@ -76,7 +74,7 @@ export var getStyle = function getStyle(_ref) {
     } else {
       spacing = propValue;
     }
-    return _objectSpread({
+    return _extends({
       margin: "calc(0px - (".concat(spacing, " / 2))"),
       '& > *': {
         margin: "calc(".concat(spacing, " / 2)")
@@ -160,7 +158,7 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
   var _React$useState2 = React.useState(isSSR ? defaultColumns - 1 : 0),
     numberOfLineBreaks = _React$useState2[0],
     setNumberOfLineBreaks = _React$useState2[1];
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     spacing: spacing,
     columns: columns,
     maxColumnHeight: maxColumnHeight,
@@ -249,17 +247,17 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
   var lineBreaks = new Array(numberOfLineBreaks).fill('').map(function (_, index) {
     return /*#__PURE__*/_jsx("span", {
       "data-class": "line-break",
-      style: _objectSpread(_objectSpread({}, lineBreakStyle), {}, {
+      style: _extends({}, lineBreakStyle, {
         order: index + 1
       })
     }, index);
   });
-  return /*#__PURE__*/_jsxs(MasonryRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(MasonryRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
     ref: handleRef,
     ownerState: ownerState
-  }, other), {}, {
+  }, other, {
     children: [children, lineBreaks]
   }));
 });

package/legacy/Pagination/Pagination.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import Pagination from '@mui/material/Pagination';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedPagination(props
     console.warn(['MUI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(Pagination, _objectSpread({
+  return /*#__PURE__*/_jsx(Pagination, _extends({
     ref: ref
   }, props));
 });

package/legacy/PaginationItem/PaginationItem.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PaginationItem from '@mui/material/PaginationItem';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedPaginationItem(p
     console.warn(['MUI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(PaginationItem, _objectSpread({
+  return /*#__PURE__*/_jsx(PaginationItem, _extends({
     ref: ref
   }, props));
 });

package/legacy/Rating/Rating.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import Rating from '@mui/material/Rating';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedRating(props, re
     console.warn(['MUI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(Rating, _objectSpread({
+  return /*#__PURE__*/_jsx(Rating, _extends({
     ref: ref
   }, props));
 });

package/legacy/Skeleton/Skeleton.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import Skeleton from '@mui/material/Skeleton';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedSkeleton(props,
     console.warn(['MUI: The Skeleton component was moved from the lab to the core.', '', "You should use `import { Skeleton } from '@mui/material'`", "or `import Skeleton from '@mui/material/Skeleton'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(Skeleton, _objectSpread({
+  return /*#__PURE__*/_jsx(Skeleton, _extends({
     ref: ref
   }, props));
 });

package/legacy/SpeedDial/SpeedDial.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import SpeedDial from '@mui/material/SpeedDial';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDial(props,
     console.warn(['MUI: The SpeedDial component was moved from the lab to the core.', '', "You should use `import { SpeedDial } from '@mui/material'`", "or `import SpeedDial from '@mui/material/SpeedDial'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(SpeedDial, _objectSpread({
+  return /*#__PURE__*/_jsx(SpeedDial, _extends({
     ref: ref
   }, props));
 });

package/legacy/SpeedDialAction/SpeedDialAction.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import SpeedDialAction from '@mui/material/SpeedDialAction';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialAction(
     console.warn(['MUI: The SpeedDialAction component was moved from the lab to the core.', '', "You should use `import { SpeedDialAction } from '@mui/material'`", "or `import SpeedDialAction from '@mui/material/SpeedDialAction'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(SpeedDialAction, _objectSpread({
+  return /*#__PURE__*/_jsx(SpeedDialAction, _extends({
     ref: ref
   }, props));
 });

package/legacy/SpeedDialIcon/SpeedDialIcon.js

@@ -1,6 +1,4 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import SpeedDialIcon from '@mui/material/SpeedDialIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialIcon(pr
     console.warn(['MUI: The SpeedDialIcon component was moved from the lab to the core.', '', "You should use `import { SpeedDialIcon } from '@mui/material'`", "or `import SpeedDialIcon from '@mui/material/SpeedDialIcon'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/_jsx(SpeedDialIcon, _objectSpread({
+  return /*#__PURE__*/_jsx(SpeedDialIcon, _extends({
     ref: ref
   }, props));
 });

package/legacy/TabList/TabList.js

@@ -1,7 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
 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 Tabs from '@mui/material/Tabs';
@@ -24,7 +22,7 @@ var TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
       id: getTabId(context, child.props.value)
     });
   });
-  return /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({}, other), {}, {
+  return /*#__PURE__*/_jsx(Tabs, _extends({}, other, {
     ref: ref,
     value: context.value,
     children: children