@mui/lab 6.0.0-alpha.7 → 6.0.0-alpha.8

package/modern/TimelineItem/TimelineItem.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["position", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -37,29 +34,32 @@ const TimelineItemRoot = styled('li', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   listStyle: 'none',
   display: 'flex',
   position: 'relative',
-  minHeight: 70
-}, ownerState.position === 'left' && {
-  flexDirection: 'row-reverse'
-}, (ownerState.position === 'alternate' || ownerState.position === 'alternate-reverse') && {
-  [`&:nth-of-type(${ownerState.position === 'alternate' ? 'even' : 'odd'})`]: {
-    flexDirection: 'row-reverse',
-    [`& .${timelineContentClasses.root}`]: {
-      textAlign: 'right'
-    },
-    [`& .${timelineOppositeContentClasses.root}`]: {
-      textAlign: 'left'
+  minHeight: 70,
+  ...(ownerState.position === 'left' && {
+    flexDirection: 'row-reverse'
+  }),
+  ...((ownerState.position === 'alternate' || ownerState.position === 'alternate-reverse') && {
+    [`&:nth-of-type(${ownerState.position === 'alternate' ? 'even' : 'odd'})`]: {
+      flexDirection: 'row-reverse',
+      [`& .${timelineContentClasses.root}`]: {
+        textAlign: 'right'
+      },
+      [`& .${timelineOppositeContentClasses.root}`]: {
+        textAlign: 'left'
+      }
     }
-  }
-}, !ownerState.hasOppositeContent && {
-  '&::before': {
-    content: '""',
-    flex: 1,
-    padding: '6px 16px'
-  }
+  }),
+  ...(!ownerState.hasOppositeContent && {
+    '&::before': {
+      content: '""',
+      flex: 1,
+      padding: '6px 16px'
+    }
+  })
 }));
 const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps, ref) {
   const props = useThemeProps({
@@ -67,10 +67,10 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
     name: 'MuiTimelineItem'
   });
   const {
-      position: positionProp,
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    position: positionProp,
+    className,
+    ...other
+  } = props;
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
@@ -80,21 +80,23 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
       hasOppositeContent = true;
     }
   });
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     position: positionProp || positionContext || 'right',
     hasOppositeContent
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const contextValue = React.useMemo(() => ({
     position: ownerState.position
   }), [ownerState.position]);
   return /*#__PURE__*/_jsx(TimelineContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(TimelineItemRoot, _extends({
+    children: /*#__PURE__*/_jsx(TimelineItemRoot, {
       className: clsx(classes.root, className),
       ownerState: ownerState,
-      ref: ref
-    }, other))
+      ref: ref,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? TimelineItem.propTypes /* remove-proptypes */ = {

package/modern/TimelineOppositeContent/TimelineOppositeContent.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -34,13 +31,14 @@ const TimelineOppositeContentRoot = styled(Typography, {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   padding: '6px 16px',
   marginRight: 'auto',
   textAlign: 'right',
-  flex: 1
-}, ownerState.position === 'left' && {
-  textAlign: 'left'
+  flex: 1,
+  ...(ownerState.position === 'left' && {
+    textAlign: 'left'
+  })
 }));
 const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineOppositeContent(inProps, ref) {
   const props = useThemeProps({
@@ -48,22 +46,24 @@ const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineO
     name: 'MuiTimelineOppositeContent'
   });
   const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    ...other
+  } = props;
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     position: positionContext || 'left'
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineOppositeContentRoot, _extends({
+  return /*#__PURE__*/_jsx(TimelineOppositeContentRoot, {
     component: "div",
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/modern/TimelineSeparator/TimelineSeparator.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,16 +32,17 @@ const TimelineSeparator = /*#__PURE__*/React.forwardRef(function TimelineSeparat
     name: 'MuiTimelineSeparator'
   });
   const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineSeparatorRoot, _extends({
+  return /*#__PURE__*/_jsx(TimelineSeparatorRoot, {
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/modern/ToggleButton/ToggleButton.js

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

package/modern/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,6 +1,5 @@
 'use client';
 
-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 +13,8 @@ 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, _extends({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/_jsx(ToggleButtonGroup, {
+    ref: ref,
+    ...props
+  });
 });

package/modern/index.js

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

package/node/Alert/Alert.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_Alert.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+    ref: ref,
+    ...props
+  });
 });

package/node/AlertTitle/AlertTitle.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _AlertTitle = _interopRequireDefault(require("@mui/material/AlertTitle"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_AlertTitle.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AlertTitle.default, {
+    ref: ref,
+    ...props
+  });
 });

package/node/Autocomplete/Autocomplete.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Autocomplete = _interopRequireDefault(require("@mui/material/Autocomplete"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, {
+    ref: ref,
+    ...props
+  });
 });

package/node/AvatarGroup/AvatarGroup.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _AvatarGroup = _interopRequireDefault(require("@mui/material/AvatarGroup"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_AvatarGroup.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarGroup.default, {
+    ref: ref,
+    ...props
+  });
 });

package/node/LoadingButton/LoadingButton.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/utils");
@@ -20,7 +18,6 @@ var _resolveProps = _interopRequireDefault(require("@mui/utils/resolveProps"));
 var _zeroStyled = require("../zero-styled");
 var _loadingButtonClasses = _interopRequireWildcard(require("./loadingButtonClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiLoadingButton');
@@ -37,7 +34,11 @@ const useUtilityClasses = ownerState => {
     loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${(0, _utils2.capitalize)(loadingPosition)}`]
   };
   const composedClasses = (0, _base.unstable_composeClasses)(slots, _loadingButtonClasses.getLoadingButtonUtilityClass, classes);
-  return (0, _extends2.default)({}, classes, composedClasses);
+  return {
+    ...classes,
+    // forward the outlined, color, etc. classes to Button
+    ...composedClasses
+  };
 };
 
 // TODO use `import rootShouldForwardProp from '../styles/rootShouldForwardProp';` once move to core
@@ -200,44 +201,45 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     name: 'MuiLoadingButton'
   });
   const {
-      children,
-      disabled = false,
-      id: idProp,
-      loading = false,
-      loadingIndicator: loadingIndicatorProp,
-      loadingPosition = 'center',
-      variant = 'text'
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    disabled = false,
+    id: idProp,
+    loading = false,
+    loadingIndicator: loadingIndicatorProp,
+    loadingPosition = 'center',
+    variant = 'text',
+    ...other
+  } = props;
   const id = (0, _utils2.unstable_useId)(idProp);
   const loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
     "aria-labelledby": id,
     color: "inherit",
     size: 16
   });
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     disabled,
     loading,
     loadingIndicator,
     loadingPosition,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const loadingButtonLoadingIndicator = loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonLoadingIndicator, {
     className: classes.loadingIndicator,
     ownerState: ownerState,
     children: loadingIndicator
   }) : null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LoadingButtonRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LoadingButtonRoot, {
     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/node/Masonry/Masonry.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseToNumber = exports.getStyle = exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _base = require("@mui/base");
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _styles = require("@mui/material/styles");
@@ -18,7 +16,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _masonryClasses = require("./masonryClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "component", "columns", "spacing", "sequential", "defaultColumns", "defaultHeight", "defaultSpacing"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const parseToNumber = val => {
@@ -66,11 +63,16 @@ const getStyle = ({
     }
     stylesSSR.height = ownerState.defaultHeight;
     stylesSSR.margin = -(defaultSpacing / 2);
-    stylesSSR['& > *'] = (0, _extends2.default)({}, styles['& > *'], orderStyleSSR, {
+    stylesSSR['& > *'] = {
+      ...styles['& > *'],
+      ...orderStyleSSR,
       margin: defaultSpacing / 2,
       width: `calc(${(100 / ownerState.defaultColumns).toFixed(2)}% - ${defaultSpacing}px)`
-    });
-    return (0, _extends2.default)({}, styles, stylesSSR);
+    };
+    return {
+      ...styles,
+      ...stylesSSR
+    };
   }
   const spacingValues = (0, _system.unstable_resolveBreakpointValues)({
     values: ownerState.spacing,
@@ -86,14 +88,15 @@ const getStyle = ({
     } else {
       spacing = propValue;
     }
-    return (0, _extends2.default)({
+    return {
       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 = (0, _utils.deepmerge)(styles, (0, _system.handleBreakpoints)({
     theme
@@ -152,22 +155,23 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     name: 'MuiMasonry'
   });
   const {
-      children,
-      className,
-      component = 'div',
-      columns = 4,
-      spacing = 1,
-      sequential = false,
-      defaultColumns,
-      defaultHeight,
-      defaultSpacing
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children,
+    className,
+    component = 'div',
+    columns = 4,
+    spacing = 1,
+    sequential = false,
+    defaultColumns,
+    defaultHeight,
+    defaultSpacing,
+    ...other
+  } = props;
   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 = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     spacing,
     columns,
     maxColumnHeight,
@@ -175,7 +179,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     defaultHeight,
     defaultSpacing,
     isSSR
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const handleResize = React.useCallback(masonryChildren => {
     if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
@@ -273,18 +277,19 @@ 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__*/(0, _jsxRuntime.jsx)("span", {
     "data-class": "line-break",
-    style: (0, _extends2.default)({}, lineBreakStyle, {
+    style: {
+      ...lineBreakStyle,
       order: index + 1
-    })
+    }
   }, index));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MasonryRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MasonryRoot, {
     as: component,
     className: (0, _clsx.default)(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/node/Pagination/Pagination.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Pagination = _interopRequireDefault(require("@mui/material/Pagination"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_Pagination.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination.default, {
+    ref: ref,
+    ...props
+  });
 });

package/node/PaginationItem/PaginationItem.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _PaginationItem = _interopRequireDefault(require("@mui/material/PaginationItem"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_PaginationItem.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PaginationItem.default, {
+    ref: ref,
+    ...props
+  });
 });

package/node/Rating/Rating.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Rating = _interopRequireDefault(require("@mui/material/Rating"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_Rating.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Rating.default, {
+    ref: ref,
+    ...props
+  });
 });

package/node/Skeleton/Skeleton.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_Skeleton.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+    ref: ref,
+    ...props
+  });
 });

package/node/SpeedDial/SpeedDial.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _SpeedDial = _interopRequireDefault(require("@mui/material/SpeedDial"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+    ref: ref,
+    ...props
+  });
 });