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

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

package/legacy/TreeItem/TreeItem.js

@@ -1,7 +1,6 @@
 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 clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -91,7 +90,7 @@ var StyledTreeItemContent = styled(TreeItemContent, {
     '& svg': {
       fontSize: 18
     }
-  }), _defineProperty(_ref4, "& .".concat(treeItemClasses.label), _objectSpread({
+  }), _defineProperty(_ref4, "& .".concat(treeItemClasses.label), _extends({
     width: '100%',
     // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
@@ -174,7 +173,7 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
   var focused = isFocused ? isFocused(nodeId) : false;
   var selected = isSelected ? isSelected(nodeId) : false;
   var disabled = isDisabled ? isDisabled(nodeId) : false;
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     expanded: expanded,
     focused: focused,
     selected: selected,
@@ -251,7 +250,7 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       focus(event, nodeId);
     }
   }
-  return /*#__PURE__*/_jsxs(TreeItemRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(TreeItemRoot, _extends({
     className: clsx(classes.root, className),
     role: "treeitem",
     "aria-expanded": expandable ? expanded : null,
@@ -260,10 +259,10 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     ref: handleRef,
     id: id,
     tabIndex: -1
-  }, other), {}, {
+  }, other, {
     ownerState: ownerState,
     onFocus: handleFocus,
-    children: [/*#__PURE__*/_jsx(StyledTreeItemContent, _objectSpread({
+    children: [/*#__PURE__*/_jsx(StyledTreeItemContent, _extends({
       as: ContentComponent,
       ref: contentRef,
       classes: {
@@ -285,14 +284,14 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       ownerState: ownerState
     }, ContentProps)), children && /*#__PURE__*/_jsx(DescendantProvider, {
       id: nodeId,
-      children: /*#__PURE__*/_jsx(TreeItemGroup, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/_jsx(TreeItemGroup, _extends({
         as: TransitionComponent,
         unmountOnExit: true,
         className: classes.group,
         in: expanded,
         component: "ul",
         role: "group"
-      }, TransitionProps), {}, {
+      }, TransitionProps, {
         children: children
       }))
     })]

package/legacy/TreeItem/TreeItemContent.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 clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -48,12 +46,12 @@ var TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(pro
   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", _objectSpread(_objectSpread({
+    _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), {}, {
+    }, other, {
       children: [/*#__PURE__*/_jsx("div", {
         className: classes.iconContainer,
         children: icon

package/legacy/TreeView/TreeView.js

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-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 clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -81,7 +79,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     other = _objectWithoutProperties(props, ["children", "className", "defaultCollapseIcon", "defaultEndIcon", "defaultExpanded", "defaultExpandIcon", "defaultParentIcon", "defaultSelected", "disabledItemsFocusable", "disableSelection", "expanded", "id", "multiSelect", "onBlur", "onFocus", "onKeyDown", "onNodeFocus", "onNodeSelect", "onNodeToggle", "selected"]);
   var theme = useTheme();
   var isRtl = theme.direction === 'rtl';
-  var ownerState = _objectSpread(_objectSpread({}, props), {}, {
+  var ownerState = _extends({}, props, {
     defaultExpanded: defaultExpanded,
     defaultSelected: defaultSelected,
     disabledItemsFocusable: disabledItemsFocusable,
@@ -571,7 +569,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     };
   }, []);
   var unregisterNode = React.useCallback(function (id) {
-    var newMap = _objectSpread({}, nodeMap.current);
+    var newMap = _extends({}, nodeMap.current);
     delete newMap[id];
     nodeMap.current = newMap;
     setFocusedNodeId(function (oldFocusedNodeId) {
@@ -585,7 +583,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     firstCharMap.current[id] = firstChar;
   }, []);
   var unMapFirstChar = React.useCallback(function (id) {
-    var newMap = _objectSpread({}, firstCharMap.current);
+    var newMap = _extends({}, firstCharMap.current);
     delete newMap[id];
     firstCharMap.current = newMap;
   }, []);
@@ -761,7 +759,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
       treeId: treeId
     },
     children: /*#__PURE__*/_jsx(DescendantProvider, {
-      children: /*#__PURE__*/_jsx(TreeViewRoot, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/_jsx(TreeViewRoot, _extends({
         role: "tree",
         id: treeId,
         "aria-activedescendant": activeDescendant,
@@ -773,7 +771,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
         onFocus: handleFocus,
         onBlur: handleBlur,
         ownerState: ownerState
-      }, other), {}, {
+      }, other, {
         children: children
       }))
     })

package/legacy/TreeView/descendants.js

@@ -1,7 +1,5 @@
 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 { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/utils';
@@ -103,7 +101,7 @@ export function useDescendant(descendant) {
   // Prevent any flashing
   useEnhancedEffect(function () {
     if (descendant.element) {
-      registerDescendant(_objectSpread(_objectSpread({}, descendant), {}, {
+      registerDescendant(_extends({}, descendant, {
         index: index
       }));
       return function () {
@@ -131,7 +129,7 @@ export function DescendantProvider(props) {
       var newItems;
       if (oldItems.length === 0) {
         // If there are no items, register at index 0 and bail.
-        return [_objectSpread(_objectSpread({}, other), {}, {
+        return [_extends({}, other, {
           element: element,
           index: 0
         })];
@@ -154,7 +152,7 @@ export function DescendantProvider(props) {
         // we should be sure that this index is accurate when descendent
         // elements come or go from our component.
 
-        var newItem = _objectSpread(_objectSpread({}, other), {}, {
+        var newItem = _extends({}, other, {
           element: element,
           index: index
         });

package/legacy/index.js

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

package/modern/Alert/Alert.js

@@ -1,3 +1,4 @@
+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";
@@ -11,8 +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, {
-    ref: ref,
-    ...props
-  });
+  return /*#__PURE__*/_jsx(Alert, _extends({
+    ref: ref
+  }, props));
 });

package/modern/AlertTitle/AlertTitle.js

@@ -1,3 +1,4 @@
+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";
@@ -11,8 +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, {
-    ref: ref,
-    ...props
-  });
+  return /*#__PURE__*/_jsx(AlertTitle, _extends({
+    ref: ref
+  }, props));
 });

package/modern/Autocomplete/Autocomplete.js

@@ -1,3 +1,4 @@
+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";
@@ -11,8 +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, {
-    ref: ref,
-    ...props
-  });
+  return /*#__PURE__*/_jsx(Autocomplete, _extends({
+    ref: ref
+  }, props));
 });

package/modern/AvatarGroup/AvatarGroup.js

@@ -1,3 +1,4 @@
+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";
@@ -11,8 +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, {
-    ref: ref,
-    ...props
-  });
+  return /*#__PURE__*/_jsx(AvatarGroup, _extends({
+    ref: ref
+  }, props));
 });

package/modern/LoadingButton/LoadingButton.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { chainPropTypes } from '@mui/utils';
@@ -22,11 +25,7 @@ const useUtilityClasses = ownerState => {
     loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${capitalize(loadingPosition)}`]
   };
   const composedClasses = composeClasses(slots, getLoadingButtonUtilityClass, classes);
-  return {
-    ...classes,
-    // forward the outlined, color, etc. classes to Button
-    ...composedClasses
-  };
+  return _extends({}, classes, composedClasses);
 };
 
 // TODO use `import { rootShouldForwardProp } from '../styles/styled';` once move to core
@@ -45,39 +44,36 @@ const LoadingButtonRoot = styled(Button, {
 })(({
   ownerState,
   theme
-}) => ({
+}) => _extends({
   [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
     transition: theme.transitions.create(['opacity'], {
       duration: theme.transitions.duration.short
     }),
     opacity: 0
-  },
-  ...(ownerState.loadingPosition === 'center' && {
-    transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
+  }
+}, ownerState.loadingPosition === 'center' && {
+  transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
+    duration: theme.transitions.duration.short
+  }),
+  [`&.${loadingButtonClasses.loading}`]: {
+    color: 'transparent'
+  }
+}, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
+  [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
+    transition: theme.transitions.create(['opacity'], {
       duration: theme.transitions.duration.short
     }),
-    [`&.${loadingButtonClasses.loading}`]: {
-      color: 'transparent'
-    }
-  }),
-  ...(ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
-    [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
-      transition: theme.transitions.create(['opacity'], {
-        duration: theme.transitions.duration.short
-      }),
-      opacity: 0,
-      marginRight: -8
-    }
-  }),
-  ...(ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
-    [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
-      transition: theme.transitions.create(['opacity'], {
-        duration: theme.transitions.duration.short
-      }),
-      opacity: 0,
-      marginLeft: -8
-    }
-  })
+    opacity: 0,
+    marginRight: -8
+  }
+}, ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
+  [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
+    transition: theme.transitions.create(['opacity'], {
+      duration: theme.transitions.duration.short
+    }),
+    opacity: 0,
+    marginLeft: -8
+  }
 }));
 const LoadingButtonLoadingIndicator = styled('div', {
   name: 'MuiLoadingButton',
@@ -91,35 +87,28 @@ const LoadingButtonLoadingIndicator = styled('div', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => _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' && {
-    left: 6
-  }),
-  ...(ownerState.loadingPosition === 'center' && {
-    left: '50%',
-    transform: 'translate(-50%)',
-    color: (theme.vars || theme).palette.action.disabled
-  }),
-  ...(ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
-    right: ownerState.size === 'small' ? 10 : 14
-  }),
-  ...(ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {
-    right: 6
-  }),
-  ...(ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
-    position: 'relative',
-    left: -10
-  }),
-  ...(ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
-    position: 'relative',
-    right: -10
-  })
+  display: 'flex'
+}, ownerState.loadingPosition === 'start' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
+  left: ownerState.size === 'small' ? 10 : 14
+}, ownerState.loadingPosition === 'start' && ownerState.variant === 'text' && {
+  left: 6
+}, ownerState.loadingPosition === 'center' && {
+  left: '50%',
+  transform: 'translate(-50%)',
+  color: (theme.vars || theme).palette.action.disabled
+}, ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
+  right: ownerState.size === 'small' ? 10 : 14
+}, ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {
+  right: 6
+}, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
+  position: 'relative',
+  left: -10
+}, ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
+  position: 'relative',
+  right: -10
 }));
 const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
   const props = useThemeProps({
@@ -127,45 +116,44 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     name: 'MuiLoadingButton'
   });
   const {
-    children,
-    disabled = false,
-    id: idProp,
-    loading = false,
-    loadingIndicator: loadingIndicatorProp,
-    loadingPosition = 'center',
-    variant = 'text',
-    ...other
-  } = props;
+      children,
+      disabled = false,
+      id: idProp,
+      loading = false,
+      loadingIndicator: loadingIndicatorProp,
+      loadingPosition = 'center',
+      variant = 'text'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const id = useId(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
     "aria-labelledby": id,
     color: "inherit",
     size: 16
   });
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     disabled,
     loading,
     loadingIndicator,
     loadingPosition,
     variant
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const loadingButtonLoadingIndicator = loading ? /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
     className: classes.loadingIndicator,
     ownerState: ownerState,
     children: loadingIndicator
   }) : null;
-  return /*#__PURE__*/_jsxs(LoadingButtonRoot, {
+  return /*#__PURE__*/_jsxs(LoadingButtonRoot, _extends({
     disabled: disabled || loading,
     id: id,
-    ref: ref,
-    ...other,
+    ref: ref
+  }, other, {
     variant: variant,
     classes: classes,
     ownerState: ownerState,
     children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/Masonry/Masonry.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "component", "columns", "spacing", "defaultColumns", "defaultHeight", "defaultSpacing"];
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import * as ReactDOM from 'react-dom';
 import { styled, useThemeProps } from '@mui/material/styles';
@@ -53,16 +56,11 @@ export const getStyle = ({
     }
     stylesSSR.height = ownerState.defaultHeight;
     stylesSSR.margin = -(defaultSpacing / 2);
-    stylesSSR['& > *'] = {
-      ...styles['& > *'],
-      ...orderStyleSSR,
+    stylesSSR['& > *'] = _extends({}, styles['& > *'], orderStyleSSR, {
       margin: defaultSpacing / 2,
       width: `calc(${(100 / ownerState.defaultColumns).toFixed(2)}% - ${defaultSpacing}px)`
-    };
-    return {
-      ...styles,
-      ...stylesSSR
-    };
+    });
+    return _extends({}, styles, stylesSSR);
   }
   const spacingValues = resolveBreakpointValues({
     values: ownerState.spacing,
@@ -78,15 +76,14 @@ export const getStyle = ({
     } else {
       spacing = propValue;
     }
-    return {
+    return _extends({
       margin: `calc(0px - (${spacing} / 2))`,
       '& > *': {
         margin: `calc(${spacing} / 2)`
-      },
-      ...(ownerState.maxColumnHeight && {
-        height: typeof spacing === 'number' ? Math.ceil(ownerState.maxColumnHeight + parseToNumber(spacing)) : `calc(${ownerState.maxColumnHeight}px + ${spacing})`
-      })
-    };
+      }
+    }, ownerState.maxColumnHeight && {
+      height: typeof spacing === 'number' ? Math.ceil(ownerState.maxColumnHeight + parseToNumber(spacing)) : `calc(${ownerState.maxColumnHeight}px + ${spacing})`
+    });
   };
   styles = deepmerge(styles, handleBreakpoints({
     theme
@@ -144,22 +141,21 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     name: 'MuiMasonry'
   });
   const {
-    children,
-    className,
-    component = 'div',
-    columns = 4,
-    spacing = 1,
-    defaultColumns,
-    defaultHeight,
-    defaultSpacing,
-    ...other
-  } = props;
+      children,
+      className,
+      component = 'div',
+      columns = 4,
+      spacing = 1,
+      defaultColumns,
+      defaultHeight,
+      defaultSpacing
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const masonryRef = React.useRef();
   const [maxColumnHeight, setMaxColumnHeight] = React.useState();
   const isSSR = !maxColumnHeight && defaultHeight && defaultColumns !== undefined && defaultSpacing !== undefined;
   const [numberOfLineBreaks, setNumberOfLineBreaks] = React.useState(isSSR ? defaultColumns - 1 : 0);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     spacing,
     columns,
     maxColumnHeight,
@@ -167,7 +163,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     defaultHeight,
     defaultSpacing,
     isSSR
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const handleResize = masonryChildren => {
     if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
@@ -245,19 +241,18 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
   //  a line break at the end of each column prevents columns from merging
   const lineBreaks = new Array(numberOfLineBreaks).fill('').map((_, index) => /*#__PURE__*/_jsx("span", {
     "data-class": "line-break",
-    style: {
-      ...lineBreakStyle,
+    style: _extends({}, lineBreakStyle, {
       order: index + 1
-    }
+    })
   }, index));
-  return /*#__PURE__*/_jsxs(MasonryRoot, {
+  return /*#__PURE__*/_jsxs(MasonryRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
     ref: handleRef,
-    ownerState: ownerState,
-    ...other,
+    ownerState: ownerState
+  }, other, {
     children: [children, lineBreaks]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? Masonry.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/Pagination/Pagination.js

@@ -1,3 +1,4 @@
+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";
@@ -11,8 +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, {
-    ref: ref,
-    ...props
-  });
+  return /*#__PURE__*/_jsx(Pagination, _extends({
+    ref: ref
+  }, props));
 });

package/modern/PaginationItem/PaginationItem.js

@@ -1,3 +1,4 @@
+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";
@@ -11,8 +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, {
-    ref: ref,
-    ...props
-  });
+  return /*#__PURE__*/_jsx(PaginationItem, _extends({
+    ref: ref
+  }, props));
 });

package/modern/Rating/Rating.js

@@ -1,3 +1,4 @@
+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";
@@ -11,8 +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, {
-    ref: ref,
-    ...props
-  });
+  return /*#__PURE__*/_jsx(Rating, _extends({
+    ref: ref
+  }, props));
 });