@mui/lab 6.0.0-alpha.0 → 6.0.0-alpha.10

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

package/node/SpeedDialAction/SpeedDialAction.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 _SpeedDialAction = _interopRequireDefault(require("@mui/material/SpeedDialAction"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+    ref: ref,
+    ...props
+  });
 });

package/node/SpeedDialIcon/SpeedDialIcon.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 _SpeedDialIcon = _interopRequireDefault(require("@mui/material/SpeedDialIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
     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__*/(0, _jsxRuntime.jsx)(_SpeedDialIcon.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialIcon.default, {
+    ref: ref,
+    ...props
+  });
 });

package/node/TabList/TabList.js

@@ -6,21 +6,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
 var _TabContext = require("../TabContext");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children"];
 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 TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
   const {
-      children: childrenProp
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    children: childrenProp,
+    ...other
+  } = props;
   const context = (0, _TabContext.useTabContext)();
   if (context === null) {
     throw new TypeError('No TabContext provided');
@@ -35,11 +32,12 @@ const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
       id: (0, _TabContext.getTabId)(context, child.props.value)
     });
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, (0, _extends2.default)({}, other, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
+    ...other,
     ref: ref,
     value: context.value,
     children: children
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/TabPanel/TabPanel.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,15 +14,15 @@ var _base = require("@mui/base");
 var _tabPanelClasses = require("./tabPanelClasses");
 var _TabContext = require("../TabContext");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "value"];
 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 useUtilityClasses = ownerState => {
   const {
-    classes
+    classes,
+    hidden
   } = ownerState;
   const slots = {
-    root: ['root']
+    root: ['root', hidden && 'hidden']
   };
   return (0, _base.unstable_composeClasses)(slots, _tabPanelClasses.getTabPanelUtilityClass, classes);
 };
@@ -43,12 +41,15 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
     name: 'MuiTabPanel'
   });
   const {
-      children,
-      className,
-      value
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props);
+    children,
+    className,
+    value,
+    keepMounted = false,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props
+  };
   const classes = useUtilityClasses(ownerState);
   const context = (0, _TabContext.useTabContext)();
   if (context === null) {
@@ -56,17 +57,17 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
   }
   const id = (0, _TabContext.getPanelId)(context, value);
   const tabId = (0, _TabContext.getTabId)(context, value);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabPanelRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabPanelRoot, {
     "aria-labelledby": tabId,
     className: (0, _clsx.default)(classes.root, className),
     hidden: value !== context.value,
     id: id,
     ref: ref,
     role: "tabpanel",
-    ownerState: ownerState
-  }, other, {
-    children: value === context.value && children
-  }));
+    ownerState: ownerState,
+    ...other,
+    children: (keepMounted || value === context.value) && children
+  });
 });
 process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -85,6 +86,11 @@ process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes *
    * @ignore
    */
   className: _propTypes.default.string,
+  /**
+   * Always keep the children in the DOM.
+   * @default false
+   */
+  keepMounted: _propTypes.default.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/node/TabPanel/tabPanelClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generat
 function getTabPanelUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTabPanel', slot);
 }
-const tabPanelClasses = (0, _generateUtilityClasses.default)('MuiTabPanel', ['root']);
+const tabPanelClasses = (0, _generateUtilityClasses.default)('MuiTabPanel', ['root', 'hidden']);
 var _default = exports.default = tabPanelClasses;

package/node/Timeline/Timeline.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -17,7 +15,6 @@ var _TimelineContext = _interopRequireDefault(require("./TimelineContext"));
 var _timelineClasses = require("./timelineClasses");
 var _convertTimelinePositionToClass = _interopRequireDefault(require("../internal/convertTimelinePositionToClass"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["position", "className"];
 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 useUtilityClasses = ownerState => {
@@ -62,26 +59,28 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
     name: 'MuiTimeline'
   });
   const {
-      position = 'right',
-      className
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    position = 'right',
+    className,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     position
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const contextValue = React.useMemo(() => ({
     position
   }), [position]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimelineContext.default.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineRoot, {
       className: (0, _clsx.default)(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/node/TimelineConnector/TimelineConnector.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -15,7 +13,6 @@ var _base = require("@mui/base");
 var _styles = require("@mui/material/styles");
 var _timelineConnectorClasses = require("./timelineConnectorClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className"];
 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 useUtilityClasses = ownerState => {
@@ -46,16 +43,17 @@ const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnect
     name: 'MuiTimelineConnector'
   });
   const {
-      className
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineConnectorRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineConnectorRoot, {
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/node/TimelineContent/TimelineContent.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 _clsx = _interopRequireDefault(require("clsx"));
@@ -18,7 +16,6 @@ var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineConte
 var _timelineContentClasses = require("./timelineContentClasses");
 var _convertTimelinePositionToClass = _interopRequireDefault(require("../internal/convertTimelinePositionToClass"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className"];
 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 useUtilityClasses = ownerState => {
@@ -42,12 +39,13 @@ const TimelineContentRoot = (0, _styles.styled)(_Typography.default, {
   }
 })(({
   ownerState
-}) => (0, _extends2.default)({
+}) => ({
   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 = (0, _styles.useThemeProps)({
@@ -55,22 +53,24 @@ const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(i
     name: 'MuiTimelineContent'
   });
   const {
-      className
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    className,
+    ...other
+  } = props;
   const {
     position: positionContext
   } = React.useContext(_TimelineContext.default);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = {
+    ...props,
     position: positionContext || 'right'
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineContentRoot, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineContentRoot, {
     component: "div",
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other));
+    ref: ref,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TimelineContent.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐