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

package/Timeline/Timeline.d.ts

@@ -1,40 +1,5 @@
 import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps } from '@mui/material';
-import { Theme } from '@mui/material/styles';
-export declare type TimelineClassKey = keyof NonNullable<TimelineProps['classes']>;
-export interface TimelineProps extends StandardProps<React.HTMLAttributes<HTMLUListElement>> {
-    /**
-     * The position where the TimelineContent should appear relative to the time axis.
-     * @default 'right'
-     */
-    position?: 'left' | 'right' | 'alternate';
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: {
-        /** Styles applied to the root element. */
-        root?: string;
-        /** Styles applied to the root element if `position="left"`. */
-        positionLeft?: string;
-        /** Styles applied to the root element if `position="right"`. */
-        positionRight?: string;
-        /** Styles applied to the root element if `position="alternate"`. */
-        positionAlternate?: string;
-    };
-    /**
-     * className applied to the root element.
-     */
-    className?: string;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-}
+import { TimelineProps } from './Timeline.types';
 /**
  *
  * Demos:
@@ -45,7 +10,7 @@ export interface TimelineProps extends StandardProps<React.HTMLAttributes<HTMLUL
  *
  * - [Timeline API](https://mui.com/material-ui/api/timeline/)
  */
-declare const Timeline: React.ForwardRefExoticComponent<Pick<TimelineProps, "slot" | "style" | "title" | "hidden" | "className" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "position" | "sx"> & React.RefAttributes<HTMLUListElement>>;
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLUListElement>>;
 /**
  *
  * Demos:

package/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/Timeline/Timeline.types.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { InternalStandardProps as StandardProps } from '@mui/material';
+import { Theme } from '@mui/material/styles';
+import { SxProps } from '@mui/system';
+import { TimelineClasses } from './timelineClasses';
+export interface TimelineProps extends StandardProps<React.HTMLAttributes<HTMLUListElement>> {
+    /**
+     * The position where the TimelineContent should appear relative to the time axis.
+     * @default 'right'
+     */
+    position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<TimelineClasses>;
+    /**
+     * className applied to the root element.
+     */
+    className?: string;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+}

package/Timeline/Timeline.types.js

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

package/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/Timeline/index.d.ts

@@ -1,5 +1,4 @@
 export { default } from './Timeline';
-export declare type TimelineClassKey = import('./Timeline').TimelineClassKey;
-export declare type TimelineProps = import('./Timeline').TimelineProps;
+export * from './Timeline.types';
 export { default as timelineClasses } from './timelineClasses';
 export * from './timelineClasses';

package/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/Timeline/timelineClasses.d.ts

@@ -1,3 +1,16 @@
+export interface TimelineClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `position="left"`. */
+    positionLeft: string;
+    /** Styles applied to the root element if `position="right"`. */
+    positionRight: string;
+    /** Styles applied to the root element if `position="alternate"`. */
+    positionAlternate: string;
+    /** Styles applied to the root element if `position="alternate-reverse"`. */
+    positionAlternateReverse: string;
+}
+export type TimelineClassKey = keyof TimelineClasses;
 export declare function getTimelineUtilityClass(slot: string): string;
-declare const timelineClasses: Record<"root" | "positionLeft" | "positionRight" | "positionAlternate", string>;
+declare const timelineClasses: TimelineClasses;
 export default timelineClasses;

package/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/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/TimelineConnector/timelineConnectorClasses.d.ts

@@ -2,7 +2,7 @@ export interface TimelineConnectorClasses {
     /** Styles applied to the root element. */
     root: string;
 }
-export declare type TimelineConnectorClassKey = keyof TimelineConnectorClasses;
+export type TimelineConnectorClassKey = keyof TimelineConnectorClasses;
 export declare function getTimelineConnectorUtilityClass(slot: string): string;
 declare const timelineConnectorClasses: TimelineConnectorClasses;
 export default timelineConnectorClasses;

package/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/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/TimelineContent/timelineContentClasses.d.ts

@@ -7,8 +7,10 @@ export interface TimelineContentClasses {
     positionLeft: string;
     /** Styles applied to the root element if `position="alternate"`. */
     positionAlternate: string;
+    /** Styles applied to the root element if `position="alternate-reverse"`. */
+    positionAlternateReverse: string;
 }
-export declare type TimelineContentClassKey = keyof TimelineContentClasses;
+export type TimelineContentClassKey = keyof TimelineContentClasses;
 export declare function getTimelineContentUtilityClass(slot: string): string;
 declare const timelineContentClasses: TimelineContentClasses;
 export default timelineContentClasses;

package/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/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/TimelineDot/timelineDotClasses.d.ts

@@ -18,7 +18,7 @@ export interface TimelineDotClasses {
     /** Styles applied to the root element if `color="secondary"` and `variant="outlined"`. */
     outlinedSecondary: string;
 }
-export declare type TimelineDotClassKey = keyof TimelineDotClasses;
+export type TimelineDotClassKey = keyof TimelineDotClasses;
 export declare function getTimelineDotUtilityClass(slot: string): string;
 declare const timelineDotClasses: TimelineDotClasses;
 export default timelineDotClasses;

package/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/TimelineItem/TimelineItem.d.ts

@@ -8,7 +8,7 @@ export interface TimelineItemProps extends StandardProps<React.HTMLAttributes<HT
   /**
    * The position where the timeline's item should appear.
    */
-  position?: 'left' | 'right';
+  position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';
   /**
    * The content of the component.
    */