@mui/lab 5.0.0-alpha.99 → 6.0.0-alpha.0

package/modern/Timeline/Timeline.js

@@ -1,27 +1,27 @@
+'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';
-import { capitalize } from '@mui/material/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
 import TimelineContext from './TimelineContext';
 import { getTimelineUtilityClass } from './timelineClasses';
+import convertTimelinePositionToClass from '../internal/convertTimelinePositionToClass';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     position,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', position && `position${capitalize(position)}`]
+    root: ['root', position && convertTimelinePositionToClass(position)]
   };
   return composeClasses(slots, getTimelineUtilityClass, classes);
 };
-
 const TimelineRoot = styled('ul', {
   name: 'MuiTimeline',
   slot: 'Root',
@@ -29,7 +29,7 @@ const TimelineRoot = styled('ul', {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.position && styles[`position${capitalize(ownerState.position)}`]];
+    return [styles.root, ownerState.position && styles[convertTimelinePositionToClass(ownerState.position)]];
   }
 })({
   display: 'flex',
@@ -37,6 +37,7 @@ const TimelineRoot = styled('ul', {
   padding: '6px 16px',
   flexGrow: 1
 });
+
 /**
  *
  * Demos:
@@ -47,70 +48,62 @@ const TimelineRoot = styled('ul', {
  *
  * - [Timeline API](https://mui.com/material-ui/api/timeline/)
  */
-
 const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTimeline'
   });
-
   const {
-    position = 'right',
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      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: {
-      position
-    },
+    value: contextValue,
     children: /*#__PURE__*/_jsx(TimelineRoot, _extends({
       className: clsx(classes.root, className),
-      ownerState: ownerState // @ts-expect-error TypeScript bug, need to keep unknown for DX
+      ownerState: ownerState
+      // @ts-expect-error TypeScript bug, need to keep unknown for DX
       ,
       ref: ref
     }, other))
   });
 });
-process.env.NODE_ENV !== "production" ? Timeline.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
+process.env.NODE_ENV !== "production" ? Timeline.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * className applied to the root element.
    */
   className: PropTypes.string,
-
   /**
    * The position where the TimelineContent should appear relative to the time axis.
    * @default 'right'
    */
-  position: PropTypes.oneOf(['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.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
+
 /**
  *
  * Demos:
@@ -121,5 +114,4 @@ process.env.NODE_ENV !== "production" ? Timeline.propTypes
  *
  * - [Timeline API](https://mui.com/api/timeline/)
  */
-
 export default Timeline;

package/modern/Timeline/Timeline.types.js

@@ -0,0 +1 @@
+export {};

package/modern/Timeline/TimelineContext.js

@@ -1,12 +1,10 @@
 import * as React from 'react';
+
 /**
  * @ignore - internal component.
  */
-
 const TimelineContext = /*#__PURE__*/React.createContext({});
-
 if (process.env.NODE_ENV !== 'production') {
   TimelineContext.displayName = 'TimelineContext';
 }
-
 export default TimelineContext;

package/modern/Timeline/index.js

@@ -1,3 +1,4 @@
 export { default } from './Timeline';
+export * from './Timeline.types';
 export { default as timelineClasses } from './timelineClasses';
 export * from './timelineClasses';

package/modern/Timeline/timelineClasses.js

@@ -1,6 +1,7 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getTimelineUtilityClass(slot) {
   return generateUtilityClass('MuiTimeline', slot);
 }
-const timelineClasses = generateUtilityClasses('MuiTimeline', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
+const timelineClasses = generateUtilityClasses('MuiTimeline', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse']);
 export default timelineClasses;

package/modern/TimelineConnector/TimelineConnector.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
@@ -8,7 +10,6 @@ import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { getTimelineConnectorUtilityClass } from './timelineConnectorClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -18,7 +19,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTimelineConnectorUtilityClass, classes);
 };
-
 const TimelineConnectorRoot = styled('span', {
   name: 'MuiTimelineConnector',
   slot: 'Root',
@@ -37,12 +37,10 @@ const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnect
     props: inProps,
     name: 'MuiTimelineConnector'
   });
-
   const {
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineConnectorRoot, _extends({
@@ -51,29 +49,23 @@ const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnect
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-
+process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/TimelineConnector/timelineConnectorClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getTimelineConnectorUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineConnector', slot);
 }

package/modern/TimelineContent/TimelineContent.js

@@ -1,28 +1,28 @@
+'use client';
+
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { capitalize } from '@mui/material/utils';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Typography from '@mui/material/Typography';
 import TimelineContext from '../Timeline/TimelineContext';
 import { getTimelineContentUtilityClass } from './timelineContentClasses';
+import convertTimelinePositionToClass from '../internal/convertTimelinePositionToClass';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     position,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', `position${capitalize(position)}`]
+    root: ['root', convertTimelinePositionToClass(position)]
   };
   return composeClasses(slots, getTimelineContentUtilityClass, classes);
 };
-
 const TimelineContentRoot = styled(Typography, {
   name: 'MuiTimelineContent',
   slot: 'Root',
@@ -30,7 +30,7 @@ const TimelineContentRoot = styled(Typography, {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[`position${capitalize(ownerState.position)}`]];
+    return [styles.root, styles[convertTimelinePositionToClass(ownerState.position)]];
   }
 })(({
   ownerState
@@ -46,20 +46,16 @@ const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(i
     props: inProps,
     name: 'MuiTimelineContent'
   });
-
   const {
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
-
   const ownerState = _extends({}, props, {
     position: positionContext || 'right'
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineContentRoot, _extends({
     component: "div",
@@ -68,29 +64,23 @@ const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(i
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TimelineContent.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-
+process.env.NODE_ENV !== "production" ? TimelineContent.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/TimelineContent/timelineContentClasses.js

@@ -1,6 +1,7 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getTimelineContentUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineContent', slot);
 }
-const timelineContentClasses = generateUtilityClasses('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
+const timelineContentClasses = generateUtilityClasses('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse']);
 export default timelineContentClasses;

package/modern/TimelineDot/TimelineDot.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["className", "color", "variant"];
@@ -9,7 +11,6 @@ import { capitalize } from '@mui/material/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { getTimelineDotUtilityClass } from './timelineDotClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     color,
@@ -21,7 +22,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTimelineDotUtilityClass, classes);
 };
-
 const TimelineDotRoot = styled('span', {
   name: 'MuiTimelineDot',
   slot: 'Root',
@@ -64,19 +64,16 @@ const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps,
     props: inProps,
     name: 'MuiTimelineDot'
   });
-
   const {
-    className,
-    color = 'grey',
-    variant = 'filled'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      color = 'grey',
+      variant = 'filled'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     color,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineDotRoot, _extends({
     className: clsx(classes.root, className),
@@ -84,48 +81,36 @@ const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps,
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TimelineDot.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-
+process.env.NODE_ENV !== "production" ? TimelineDot.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The dot can have a different colors.
    * @default 'grey'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The dot can appear filled or outlined.
    * @default 'filled'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])
 } : void 0;
 export default TimelineDot;

package/modern/TimelineDot/timelineDotClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getTimelineDotUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineDot', slot);
 }

package/modern/TimelineItem/TimelineItem.js

@@ -1,18 +1,20 @@
+'use client';
+
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["position", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { capitalize, isMuiElement } from '@mui/material/utils';
+import { isMuiElement } from '@mui/material/utils';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { timelineContentClasses } from '../TimelineContent';
 import { timelineOppositeContentClasses } from '../TimelineOppositeContent';
 import TimelineContext from '../Timeline/TimelineContext';
 import { getTimelineItemUtilityClass } from './timelineItemClasses';
+import convertTimelinePositionToClass from '../internal/convertTimelinePositionToClass';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     position,
@@ -20,11 +22,10 @@ const useUtilityClasses = ownerState => {
     hasOppositeContent
   } = ownerState;
   const slots = {
-    root: ['root', `position${capitalize(position)}`, !hasOppositeContent && 'missingOppositeContent']
+    root: ['root', convertTimelinePositionToClass(position), !hasOppositeContent && 'missingOppositeContent']
   };
   return composeClasses(slots, getTimelineItemUtilityClass, classes);
 };
-
 const TimelineItemRoot = styled('li', {
   name: 'MuiTimelineItem',
   slot: 'Root',
@@ -32,7 +33,7 @@ const TimelineItemRoot = styled('li', {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[`position${capitalize(ownerState.position)}`]];
+    return [styles.root, styles[convertTimelinePositionToClass(ownerState.position)]];
   }
 })(({
   ownerState
@@ -43,8 +44,8 @@ const TimelineItemRoot = styled('li', {
   minHeight: 70
 }, ownerState.position === 'left' && {
   flexDirection: 'row-reverse'
-}, ownerState.position === 'alternate' && {
-  '&:nth-of-type(even)': {
+}, (ownerState.position === 'alternate' || ownerState.position === 'alternate-reverse') && {
+  [`&:nth-of-type(${ownerState.position === 'alternate' ? 'even' : 'odd'})`]: {
     flexDirection: 'row-reverse',
     [`& .${timelineContentClasses.root}`]: {
       textAlign: 'right'
@@ -54,7 +55,7 @@ const TimelineItemRoot = styled('li', {
     }
   }
 }, !ownerState.hasOppositeContent && {
-  '&:before': {
+  '&::before': {
     content: '""',
     flex: 1,
     padding: '6px 16px'
@@ -65,13 +66,11 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
     props: inProps,
     name: 'MuiTimelineItem'
   });
-
   const {
-    position: positionProp,
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      position: positionProp,
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
@@ -81,17 +80,16 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
       hasOppositeContent = true;
     }
   });
-
   const ownerState = _extends({}, props, {
     position: positionProp || positionContext || 'right',
     hasOppositeContent
   });
-
   const classes = useUtilityClasses(ownerState);
+  const contextValue = React.useMemo(() => ({
+    position: ownerState.position
+  }), [ownerState.position]);
   return /*#__PURE__*/_jsx(TimelineContext.Provider, {
-    value: {
-      position: ownerState.position
-    },
+    value: contextValue,
     children: /*#__PURE__*/_jsx(TimelineItemRoot, _extends({
       className: clsx(classes.root, className),
       ownerState: ownerState,
@@ -99,34 +97,27 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
     }, other))
   });
 });
-process.env.NODE_ENV !== "production" ? TimelineItem.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-
+process.env.NODE_ENV !== "production" ? TimelineItem.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The position where the timeline's item should appear.
    */
-  position: PropTypes.oneOf(['left', 'right']),
-
+  position: PropTypes.oneOf(['alternate-reverse', 'alternate', 'left', 'right']),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/TimelineItem/timelineItemClasses.js

@@ -1,6 +1,7 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getTimelineItemUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineItem', slot);
 }
-const timelineItemClasses = generateUtilityClasses('MuiTimelineItem', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'missingOppositeContent']);
+const timelineItemClasses = generateUtilityClasses('MuiTimelineItem', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse', 'missingOppositeContent']);
 export default timelineItemClasses;