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

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

package/modern/Skeleton/Skeleton.js

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

package/modern/SpeedDial/SpeedDial.js

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

package/modern/SpeedDialAction/SpeedDialAction.js

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

package/modern/SpeedDialIcon/SpeedDialIcon.js

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

package/modern/TabList/TabList.js

@@ -1,3 +1,6 @@
+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';
@@ -5,9 +8,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,
-    ...other
-  } = props;
+      children: childrenProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const context = useTabContext();
   if (context === null) {
     throw new TypeError('No TabContext provided');
@@ -22,12 +25,11 @@ const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
       id: getTabId(context, child.props.value)
     });
   });
-  return /*#__PURE__*/_jsx(Tabs, {
-    ...other,
+  return /*#__PURE__*/_jsx(Tabs, _extends({}, other, {
     ref: ref,
     value: context.value,
     children: children
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/TabPanel/TabPanel.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", "value"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -30,14 +33,12 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
     name: 'MuiTabPanel'
   });
   const {
-    children,
-    className,
-    value,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props
-  };
+      children,
+      className,
+      value
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props);
   const classes = useUtilityClasses(ownerState);
   const context = useTabContext();
   if (context === null) {
@@ -45,17 +46,17 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
   }
   const id = getPanelId(context, value);
   const tabId = getTabId(context, value);
-  return /*#__PURE__*/_jsx(TabPanelRoot, {
+  return /*#__PURE__*/_jsx(TabPanelRoot, _extends({
     "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: value === context.value && children
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/Timeline/Timeline.js

@@ -1,3 +1,6 @@
+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';
@@ -52,28 +55,26 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
     name: 'MuiTimeline'
   });
   const {
-    position = 'right',
-    className,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      position = 'right',
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     position
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const contextValue = React.useMemo(() => ({
     position
   }), [position]);
   return /*#__PURE__*/_jsx(TimelineContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(TimelineRoot, {
+    children: /*#__PURE__*/_jsx(TimelineRoot, _extends({
       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/modern/TimelineConnector/TimelineConnector.js

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

package/modern/TimelineContent/TimelineContent.js

@@ -1,3 +1,6 @@
+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';
@@ -29,13 +32,12 @@ const TimelineContentRoot = styled(Typography, {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   flex: 1,
   padding: '6px 16px',
-  textAlign: 'left',
-  ...(ownerState.position === 'left' && {
-    textAlign: 'right'
-  })
+  textAlign: 'left'
+}, ownerState.position === 'left' && {
+  textAlign: 'right'
 }));
 const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(inProps, ref) {
   const props = useThemeProps({
@@ -43,24 +45,22 @@ const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(i
     name: 'MuiTimelineContent'
   });
   const {
-    className,
-    ...other
-  } = props;
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     position: positionContext || 'right'
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineContentRoot, {
+  return /*#__PURE__*/_jsx(TimelineContentRoot, _extends({
     component: "div",
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref,
-    ...other
-  });
+    ref: ref
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? TimelineContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------