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

package/Alert/Alert.js

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

package/AlertTitle/AlertTitle.js

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

package/Autocomplete/Autocomplete.js

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

package/AvatarGroup/AvatarGroup.js

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

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # [Versions](https://mui.com/versions/)
 
+## v6.0.0-alpha.8
+
+<!-- generated comparing v6.0.0-alpha.7..next -->
+
+_May 21, 2024_
+
+A big thanks to the 7 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@6.0.0-alpha.7`
+
+- &#8203;<!-- 04 -->[material-ui] Filter only valid theme palette for generating styles (#42147) @siriwatknp
+- &#8203;<!-- 03 -->[material-ui] Remove UMD bundle (#42172) @ZeeshanTamboli
+- &#8203;<!-- 02 -->[material-ui][TextField] Deprecate `*Props` props (#42062) @DiegoAndai
+
+### Docs
+
+- &#8203;<!-- 08 -->[docs] Remove Base UI from the README (#42307) @danilo-leal
+- &#8203;<!-- 07 -->[docs][material-ui] Fix typo in style interoperability with Tailwind CSS docs (#42279) @ZeeshanTamboli
+- &#8203;<!-- 06 -->[docs][material-ui] Add supported browsers section to migration guide (#42194) @DiegoAndai
+- &#8203;<!-- 05 -->[docs][material-ui][Pagination] Clarify pagination `page` prop API (#42220) @Mandar-Pandya
+
+### Core
+
+- &#8203;<!-- 12 -->[blog] Update blog post OG image (#42270) @danilo-leal
+- &#8203;<!-- 11 -->[blog] Update Pigment CSS post (#42266) @danilo-leal
+- &#8203;<!-- 10 -->[docs] Remove LocalMonero (#42224) @oliviertassinari
+- &#8203;<!-- 08 -->[docs-infra] Fix keyboard navigation on page tabs (#42152) @danilo-leal
+- &#8203;<!-- 10 -->[code-infra] Remove raw-loader (#42275) @Janpot
+- &#8203;<!-- 09 -->[core] Remove outdated Babel plugins (#42140) @ZeeshanTamboli
+- &#8203;<!-- 12 -->[core] Fix a few more key spread issues (#42168) @oliviertassinari
+- &#8203;<!-- 01 -->[website] Avoid duplicate simple vs. rich (#42100) @oliviertassinari
+
+All contributors of this release in alphabetical order: @danilo-leal, @DiegoAndai, @Janpot, @Mandar-Pandya, @oliviertassinari, @siriwatknp, @ZeeshanTamboli
+
 ## v6.0.0-alpha.7
 
 <!-- generated comparing v6.0.0-alpha.6..next -->
@@ -53,7 +88,7 @@ All contributors of this release in alphabetical order: @aarongarciah, @alexfauq
 
 _May 8, 2024_
 
-A big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+A big thanks to the 10 contributors who made this release possible.
 
 ### `@mui/material@6.0.0-alpha.6`
 
@@ -101,7 +136,7 @@ All contributors of this release in alphabetical order: @aarongarciah, @danilo-l
 
 _May 1, 2024_
 
-A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+A big thanks to the 9 contributors who made this release possible.
 
 ### `@mui/material@6.0.0-alpha.5`
 

package/LoadingButton/LoadingButton.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 = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { chainPropTypes } from '@mui/utils';
@@ -29,7 +26,11 @@ const useUtilityClasses = ownerState => {
     loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${capitalize(loadingPosition)}`]
   };
   const composedClasses = composeClasses(slots, getLoadingButtonUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return {
+    ...classes,
+    // forward the outlined, color, etc. classes to Button
+    ...composedClasses
+  };
 };
 
 // TODO use `import rootShouldForwardProp from '../styles/rootShouldForwardProp';` once move to core
@@ -192,44 +193,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 = _objectWithoutPropertiesLoose(props, _excluded);
+    children,
+    disabled = false,
+    id: idProp,
+    loading = false,
+    loadingIndicator: loadingIndicatorProp,
+    loadingPosition = 'center',
+    variant = 'text',
+    ...other
+  } = props;
   const id = useId(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
     "aria-labelledby": id,
     color: "inherit",
     size: 16
   });
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...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, _extends({
+  return /*#__PURE__*/_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/Masonry/Masonry.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 = ["children", "className", "component", "columns", "spacing", "sequential", "defaultColumns", "defaultHeight", "defaultSpacing"];
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import * as ReactDOM from 'react-dom';
 import { styled, useThemeProps } from '@mui/material/styles';
@@ -57,11 +54,16 @@ export const getStyle = ({
     }
     stylesSSR.height = ownerState.defaultHeight;
     stylesSSR.margin = -(defaultSpacing / 2);
-    stylesSSR['& > *'] = _extends({}, styles['& > *'], orderStyleSSR, {
+    stylesSSR['& > *'] = {
+      ...styles['& > *'],
+      ...orderStyleSSR,
       margin: defaultSpacing / 2,
       width: `calc(${(100 / ownerState.defaultColumns).toFixed(2)}% - ${defaultSpacing}px)`
-    });
-    return _extends({}, styles, stylesSSR);
+    };
+    return {
+      ...styles,
+      ...stylesSSR
+    };
   }
   const spacingValues = resolveBreakpointValues({
     values: ownerState.spacing,
@@ -77,14 +79,15 @@ export const getStyle = ({
     } else {
       spacing = propValue;
     }
-    return _extends({
+    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 = deepmerge(styles, handleBreakpoints({
     theme
@@ -142,22 +145,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 = _objectWithoutPropertiesLoose(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 = _extends({}, props, {
+  const ownerState = {
+    ...props,
     spacing,
     columns,
     maxColumnHeight,
@@ -165,7 +169,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) {
@@ -263,18 +267,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__*/_jsx("span", {
     "data-class": "line-break",
-    style: _extends({}, lineBreakStyle, {
+    style: {
+      ...lineBreakStyle,
       order: index + 1
-    })
+    }
   }, index));
-  return /*#__PURE__*/_jsxs(MasonryRoot, _extends({
+  return /*#__PURE__*/_jsxs(MasonryRoot, {
     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/Pagination/Pagination.js

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

package/PaginationItem/PaginationItem.js

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

package/Rating/Rating.js

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

package/Skeleton/Skeleton.js

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

package/SpeedDial/SpeedDial.js

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

package/SpeedDialAction/SpeedDialAction.js

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

package/SpeedDialIcon/SpeedDialIcon.js

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

package/TabList/TabList.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 = ["children"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import Tabs from '@mui/material/Tabs';
@@ -10,9 +7,9 @@ import { useTabContext, getTabId, getPanelId } from '../TabContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
   const {
-      children: childrenProp
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children: childrenProp,
+    ...other
+  } = props;
   const context = useTabContext();
   if (context === null) {
     throw new TypeError('No TabContext provided');
@@ -27,11 +24,12 @@ const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
       id: getTabId(context, child.props.value)
     });
   });
-  return /*#__PURE__*/_jsx(Tabs, _extends({}, other, {
+  return /*#__PURE__*/_jsx(Tabs, {
+    ...other,
     ref: ref,
     value: context.value,
     children: children
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/TabPanel/TabPanel.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 = ["children", "className", "value", "keepMounted"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -36,13 +33,15 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
     name: 'MuiTabPanel'
   });
   const {
-      children,
-      className,
-      value,
-      keepMounted = false
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props);
+    children,
+    className,
+    value,
+    keepMounted = false,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props
+  };
   const classes = useUtilityClasses(ownerState);
   const context = useTabContext();
   if (context === null) {
@@ -50,17 +49,17 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
   }
   const id = getPanelId(context, value);
   const tabId = getTabId(context, value);
-  return /*#__PURE__*/_jsx(TabPanelRoot, _extends({
+  return /*#__PURE__*/_jsx(TabPanelRoot, {
     "aria-labelledby": tabId,
     className: clsx(classes.root, className),
     hidden: value !== context.value,
     id: id,
     ref: ref,
     role: "tabpanel",
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: (keepMounted || value === context.value) && children
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/Timeline/Timeline.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 = ["position", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -54,26 +51,28 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
     name: 'MuiTimeline'
   });
   const {
-      position = 'right',
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    position = 'right',
+    className,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     position
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const contextValue = React.useMemo(() => ({
     position
   }), [position]);
   return /*#__PURE__*/_jsx(TimelineContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(TimelineRoot, _extends({
+    children: /*#__PURE__*/_jsx(TimelineRoot, {
       className: clsx(classes.root, className),
       ownerState: ownerState
       // @ts-expect-error TypeScript bug, need to keep unknown for DX
       ,
-      ref: ref
-    }, other))
+      ref: ref,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? Timeline.propTypes /* remove-proptypes */ = {

package/TimelineConnector/TimelineConnector.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';
@@ -38,16 +35,17 @@ const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnect
     name: 'MuiTimelineConnector'
   });
   const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineConnectorRoot, _extends({
+  return /*#__PURE__*/_jsx(TimelineConnectorRoot, {
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐