@mui/lab 7.0.0-beta.0 → 7.0.0-beta.2

package/{node → esm}/StaticDateTimePicker/StaticDateTimePicker.js

@@ -1,13 +1,7 @@
-"use strict";
 'use client';
 
 /* eslint-disable @typescript-eslint/no-unused-vars */
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
+import * as React from 'react';
 let warnedOnce = false;
 const warn = () => {
   if (!warnedOnce) {
@@ -23,4 +17,4 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedSt
   warn();
   return null;
 });
-var _default = exports.default = StaticDateTimePicker;
+export default StaticDateTimePicker;

package/esm/StaticDateTimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./StaticDateTimePicker.js";
+export * from "./StaticDateTimePicker.js";

package/esm/StaticDateTimePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from "./StaticDateTimePicker.js";
+export * from "./StaticDateTimePicker.js";

package/esm/StaticTimePicker/StaticTimePicker.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+/**
+ * @deprecated The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
+ * @ignore - do not document.
+ */
+declare const StaticTimePicker: StaticTimePickerComponent;
+export default StaticTimePicker;
+export type StaticTimePickerProps<TDate> = Record<any, any>;

package/{node → esm}/StaticTimePicker/StaticTimePicker.js

@@ -1,13 +1,7 @@
-"use strict";
 'use client';
 
 /* eslint-disable @typescript-eslint/no-unused-vars */
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
+import * as React from 'react';
 let warnedOnce = false;
 const warn = () => {
   if (!warnedOnce) {
@@ -23,4 +17,4 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStatic
   warn();
   return null;
 });
-var _default = exports.default = StaticTimePicker;
+export default StaticTimePicker;

package/esm/StaticTimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./StaticTimePicker.js";
+export * from "./StaticTimePicker.js";

package/esm/StaticTimePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from "./StaticTimePicker.js";
+export * from "./StaticTimePicker.js";

package/esm/TabContext/TabContext.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export interface TabContextValue {
+  idPrefix: string;
+  value: string;
+}
+export interface TabContextProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * The value of the currently selected `Tab`.
+   */
+  value: string | number;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ *
+ * API:
+ *
+ * - [TabContext API](https://next.mui.com/material-ui/api/tab-context/)
+ */
+export default function TabContext(props: TabContextProps): React.JSX.Element;
+export function useTabContext(): TabContextValue | null;
+export function getPanelId(context: TabContextValue, tabValue: string): string;
+export function getTabId(context: TabContextValue, tabValue: string): string;

package/{node → esm}/TabContext/TabContext.js

@@ -1,21 +1,13 @@
-"use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TabContext;
-exports.getPanelId = getPanelId;
-exports.getTabId = getTabId;
-exports.useTabContext = useTabContext;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
+import * as React from 'react';
+import PropTypes from 'prop-types';
+
 /**
  * @type {React.Context<{ idPrefix: string; value: string } | null>}
- */const Context = /*#__PURE__*/React.createContext(null);
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const Context = /*#__PURE__*/React.createContext(null);
 if (process.env.NODE_ENV !== 'production') {
   Context.displayName = 'TabContext';
 }
@@ -26,7 +18,7 @@ function useUniquePrefix() {
   }, []);
   return id;
 }
-function TabContext(props) {
+export default function TabContext(props) {
   const {
     children,
     value
@@ -38,7 +30,7 @@ function TabContext(props) {
       value
     };
   }, [idPrefix, value]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Context.Provider, {
+  return /*#__PURE__*/_jsx(Context.Provider, {
     value: context,
     children: children
   });
@@ -51,20 +43,20 @@ process.env.NODE_ENV !== "production" ? TabContext.propTypes /* remove-proptypes
   /**
    * The content of the component.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * The value of the currently selected `Tab`.
    */
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
 } : void 0;
 
 /**
  * @returns {unknown}
  */
-function useTabContext() {
+export function useTabContext() {
   return React.useContext(Context);
 }
-function getPanelId(context, value) {
+export function getPanelId(context, value) {
   const {
     idPrefix
   } = context;
@@ -73,7 +65,7 @@ function getPanelId(context, value) {
   }
   return `${context.idPrefix}-P-${value}`;
 }
-function getTabId(context, value) {
+export function getTabId(context, value) {
   const {
     idPrefix
   } = context;

package/esm/TabContext/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./TabContext.js";
+export * from "./TabContext.js";

package/esm/TabContext/index.js

@@ -0,0 +1,2 @@
+export { default } from "./TabContext.js";
+export * from "./TabContext.js";

package/esm/TabList/TabList.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { TabsTypeMap } from '@mui/material/Tabs';
+import { DistributiveOmit } from '@mui/types';
+import { OverridableComponent, OverrideProps } from '@mui/material/OverridableComponent';
+interface TabListOwnProps extends DistributiveOmit<TabsTypeMap['props'], 'children' | 'value'> {
+  /**
+   * A list of `<Tab />` elements.
+   */
+  children?: React.ReactNode;
+}
+export interface TabListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = TabsTypeMap['defaultComponent']> {
+  props: AdditionalProps & TabListOwnProps;
+  defaultComponent: RootComponent;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ *
+ * API:
+ *
+ * - [TabList API](https://next.mui.com/material-ui/api/tab-list/)
+ * - inherits [Tabs API](https://next.mui.com/material-ui/api/tabs/)
+ */
+declare const TabList: OverridableComponent<TabListTypeMap>;
+export type TabListClassKey = keyof NonNullable<TabListTypeMap['props']['classes']>;
+export type TabListProps<RootComponent extends React.ElementType = TabListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TabListTypeMap<AdditionalProps, RootComponent>, RootComponent>;
+export default TabList;

package/{node → esm}/TabList/TabList.js

@@ -1,23 +1,16 @@
-"use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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");
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import Tabs from '@mui/material/Tabs';
+import { useTabContext, getTabId, getPanelId } from "../TabContext/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
   const {
     children: childrenProp,
     ...other
   } = props;
-  const context = (0, _TabContext.useTabContext)();
+  const context = useTabContext();
   if (context === null) {
     throw new TypeError('No TabContext provided');
   }
@@ -27,11 +20,11 @@ const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
     }
     return /*#__PURE__*/React.cloneElement(child, {
       // SOMEDAY: `Tabs` will set those themselves
-      'aria-controls': (0, _TabContext.getPanelId)(context, child.props.value),
-      id: (0, _TabContext.getTabId)(context, child.props.value)
+      'aria-controls': getPanelId(context, child.props.value),
+      id: getTabId(context, child.props.value)
     });
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
+  return /*#__PURE__*/_jsx(Tabs, {
     ...other,
     ref: ref,
     value: context.value,
@@ -46,6 +39,6 @@ process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */
   /**
    * A list of `<Tab />` elements.
    */
-  children: _propTypes.default.node
+  children: PropTypes.node
 } : void 0;
-var _default = exports.default = TabList;
+export default TabList;

package/esm/TabList/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./TabList.js";
+export * from "./TabList.js";

package/esm/TabList/index.js

@@ -0,0 +1 @@
+export { default } from "./TabList.js";

package/esm/TabPanel/TabPanel.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { InternalStandardProps as StandardProps } from '@mui/material';
+import { Theme } from '@mui/material/styles';
+import { SxProps } from '@mui/system';
+import { TabPanelClasses } from "./tabPanelClasses.js";
+export interface TabPanelProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TabPanelClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when
+   * no `value` was passed to `Tab`.
+   */
+  value: string | number;
+  /**
+   * Always keep the children in the DOM.
+   * @default false
+   */
+  keepMounted?: boolean;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ *
+ * API:
+ *
+ * - [TabPanel API](https://next.mui.com/material-ui/api/tab-panel/)
+ */
+export default function TabPanel(props: TabPanelProps): React.JSX.Element;

package/{node → esm}/TabPanel/TabPanel.js

@@ -1,20 +1,13 @@
-"use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _styles = require("@mui/material/styles");
-var _base = require("@mui/base");
-var _tabPanelClasses = require("./tabPanelClasses");
-var _TabContext = require("../TabContext");
-var _jsxRuntime = require("react/jsx-runtime");
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { getTabPanelUtilityClass } from "./tabPanelClasses.js";
+import { getPanelId, getTabId, useTabContext } from "../TabContext/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -23,9 +16,9 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', hidden && 'hidden']
   };
-  return (0, _base.unstable_composeClasses)(slots, _tabPanelClasses.getTabPanelUtilityClass, classes);
+  return composeClasses(slots, getTabPanelUtilityClass, classes);
 };
-const TabPanelRoot = (0, _styles.styled)('div', {
+const TabPanelRoot = styled('div', {
   name: 'MuiTabPanel',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -35,7 +28,7 @@ const TabPanelRoot = (0, _styles.styled)('div', {
   padding: theme.spacing(3)
 }));
 const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
-  const props = (0, _styles.useThemeProps)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiTabPanel'
   });
@@ -50,15 +43,15 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
     ...props
   };
   const classes = useUtilityClasses(ownerState);
-  const context = (0, _TabContext.useTabContext)();
+  const context = useTabContext();
   if (context === null) {
     throw new TypeError('No TabContext provided');
   }
-  const id = (0, _TabContext.getPanelId)(context, value);
-  const tabId = (0, _TabContext.getTabId)(context, value);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabPanelRoot, {
+  const id = getPanelId(context, value);
+  const tabId = getTabId(context, value);
+  return /*#__PURE__*/_jsx(TabPanelRoot, {
     "aria-labelledby": tabId,
-    className: (0, _clsx.default)(classes.root, className),
+    className: clsx(classes.root, className),
     hidden: value !== context.value,
     id: id,
     ref: ref,
@@ -76,28 +69,28 @@ process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes *
   /**
    * The content of the component.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * Always keep the children in the DOM.
    * @default false
    */
-  keepMounted: _propTypes.default.bool,
+  keepMounted: PropTypes.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when
    * no `value` was passed to `Tab`.
    */
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
 } : void 0;
-var _default = exports.default = TabPanel;
+export default TabPanel;

package/esm/TabPanel/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./TabPanel.js";
+export * from "./TabPanel.js";
+export { default as tabPanelClasses } from "./tabPanelClasses.js";
+export * from "./tabPanelClasses.js";

package/esm/TabPanel/index.js

@@ -0,0 +1,3 @@
+export { default } from "./TabPanel.js";
+export { default as tabPanelClasses } from "./tabPanelClasses.js";
+export * from "./tabPanelClasses.js";

package/esm/TabPanel/tabPanelClasses.d.ts

@@ -0,0 +1,10 @@
+export interface TabPanelClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** State class applied to the root `div` element if `hidden={true}`. */
+  hidden: string;
+}
+export type TabPanelClassKey = keyof TabPanelClasses;
+export declare function getTabPanelUtilityClass(slot: string): string;
+declare const tabPanelClasses: TabPanelClasses;
+export default tabPanelClasses;

package/esm/TabPanel/tabPanelClasses.js

@@ -0,0 +1,7 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export function getTabPanelUtilityClass(slot) {
+  return generateUtilityClass('MuiTabPanel', slot);
+}
+const tabPanelClasses = generateUtilityClasses('MuiTabPanel', ['root', 'hidden']);
+export default tabPanelClasses;

package/esm/TimePicker/TimePicker.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+type TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+/**
+ * @deprecated The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
+ * @ignore - do not document.
+ */
+declare const TimePicker: TimePickerComponent;
+export default TimePicker;
+export type TimePickerProps<TDate> = Record<any, any>;

package/{node → esm}/TimePicker/TimePicker.js

@@ -1,13 +1,7 @@
-"use strict";
 'use client';
 
 /* eslint-disable @typescript-eslint/no-unused-vars */
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
+import * as React from 'react';
 let warnedOnce = false;
 const warn = () => {
   if (!warnedOnce) {
@@ -23,4 +17,4 @@ const TimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedTimePicker()
   warn();
   return null;
 });
-var _default = exports.default = TimePicker;
+export default TimePicker;

package/esm/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./TimePicker.js";
+export * from "./TimePicker.js";

package/esm/TimePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from "./TimePicker.js";
+export * from "./TimePicker.js";

package/esm/Timeline/Timeline.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { TimelineProps } from "./Timeline.types.js";
+/**
+ *
+ * Demos:
+ *
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
+ *
+ * API:
+ *
+ * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
+ */
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLUListElement>>;
+/**
+ *
+ * Demos:
+ *
+ * - [Timeline](https://mui.com/components/timeline/)
+ *
+ * API:
+ *
+ * - [Timeline API](https://mui.com/api/timeline/)
+ */
+export default Timeline;

package/{node → esm}/Timeline/Timeline.js

@@ -1,39 +1,32 @@
-"use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
-var _styles = require("@mui/material/styles");
-var _TimelineContext = _interopRequireDefault(require("./TimelineContext"));
-var _timelineClasses = require("./timelineClasses");
-var _convertTimelinePositionToClass = _interopRequireDefault(require("../internal/convertTimelinePositionToClass"));
-var _jsxRuntime = require("react/jsx-runtime");
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { styled, useThemeProps } from '@mui/material/styles';
+import TimelineContext from "./TimelineContext.js";
+import { getTimelineUtilityClass } from "./timelineClasses.js";
+import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     position,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', position && (0, _convertTimelinePositionToClass.default)(position)]
+    root: ['root', position && convertTimelinePositionToClass(position)]
   };
-  return (0, _base.unstable_composeClasses)(slots, _timelineClasses.getTimelineUtilityClass, classes);
+  return composeClasses(slots, getTimelineUtilityClass, classes);
 };
-const TimelineRoot = (0, _styles.styled)('ul', {
+const TimelineRoot = styled('ul', {
   name: 'MuiTimeline',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.position && styles[(0, _convertTimelinePositionToClass.default)(ownerState.position)]];
+    return [styles.root, ownerState.position && styles[convertTimelinePositionToClass(ownerState.position)]];
   }
 })({
   display: 'flex',
@@ -53,7 +46,7 @@ const TimelineRoot = (0, _styles.styled)('ul', {
  * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
  */
 const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
-  const props = (0, _styles.useThemeProps)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiTimeline'
   });
@@ -70,10 +63,10 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
   const contextValue = React.useMemo(() => ({
     position
   }), [position]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimelineContext.default.Provider, {
+  return /*#__PURE__*/_jsx(TimelineContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineRoot, {
-      className: (0, _clsx.default)(classes.root, className),
+    children: /*#__PURE__*/_jsx(TimelineRoot, {
+      className: clsx(classes.root, className),
       ownerState: ownerState,
       ref: ref,
       ...other
@@ -88,24 +81,24 @@ process.env.NODE_ENV !== "production" ? Timeline.propTypes /* remove-proptypes *
   /**
    * The content of the component.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * className applied to the root element.
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * The position where the TimelineContent should appear relative to the time axis.
    * @default 'right'
    */
-  position: _propTypes.default.oneOf(['alternate-reverse', 'alternate', 'left', 'right']),
+  position: PropTypes.oneOf(['alternate-reverse', 'alternate', 'left', 'right']),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 
 /**
@@ -118,4 +111,4 @@ process.env.NODE_ENV !== "production" ? Timeline.propTypes /* remove-proptypes *
  *
  * - [Timeline API](https://mui.com/api/timeline/)
  */
-var _default = exports.default = Timeline;
+export default Timeline;