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

package/TimelineContent/TimelineContent.js

@@ -1,33 +1,40 @@
+"use strict";
 'use client';
 
-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 Typography from '@mui/material/Typography';
-import TimelineContext from "../Timeline/TimelineContext.js";
-import { getTimelineContentUtilityClass } from "./timelineContentClasses.js";
-import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineContext"));
+var _timelineContentClasses = require("./timelineContentClasses");
+var _convertTimelinePositionToClass = _interopRequireDefault(require("../internal/convertTimelinePositionToClass"));
+var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
     position,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', convertTimelinePositionToClass(position)]
+    root: ['root', (0, _convertTimelinePositionToClass.default)(position)]
   };
-  return composeClasses(slots, getTimelineContentUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timelineContentClasses.getTimelineContentUtilityClass, classes);
 };
-const TimelineContentRoot = styled(Typography, {
+const TimelineContentRoot = (0, _styles.styled)(_Typography.default, {
   name: 'MuiTimelineContent',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[convertTimelinePositionToClass(ownerState.position)]];
+    return [styles.root, styles[(0, _convertTimelinePositionToClass.default)(ownerState.position)]];
   }
 })(({
   ownerState
@@ -40,7 +47,7 @@ const TimelineContentRoot = styled(Typography, {
   })
 }));
 const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiTimelineContent'
   });
@@ -50,15 +57,15 @@ const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(i
   } = props;
   const {
     position: positionContext
-  } = React.useContext(TimelineContext);
+  } = React.useContext(_TimelineContext.default);
   const ownerState = {
     ...props,
     position: positionContext || 'right'
   };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineContentRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineContentRoot, {
     component: "div",
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     ref: ref,
     ...other
@@ -72,18 +79,18 @@ process.env.NODE_ENV !== "production" ? TimelineContent.propTypes /* remove-prop
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.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])
+  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])
 } : void 0;
-export default TimelineContent;
+var _default = exports.default = TimelineContent;

package/TimelineContent/index.d.ts

@@ -1,5 +1,4 @@
-export { default } from './TimelineContent';
-export * from './TimelineContent';
-
-export { default as timelineContentClasses } from './timelineContentClasses';
-export * from './timelineContentClasses';
+export { default } from "./TimelineContent.js";
+export * from "./TimelineContent.js";
+export { default as timelineContentClasses } from "./timelineContentClasses.js";
+export * from "./timelineContentClasses.js";

package/TimelineContent/index.js

@@ -1,3 +1,35 @@
-export { default } from "./TimelineContent.js";
-export { default as timelineContentClasses } from "./timelineContentClasses.js";
-export * from "./timelineContentClasses.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  timelineContentClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _TimelineContent.default;
+  }
+});
+Object.defineProperty(exports, "timelineContentClasses", {
+  enumerable: true,
+  get: function () {
+    return _timelineContentClasses.default;
+  }
+});
+var _TimelineContent = _interopRequireDefault(require("./TimelineContent"));
+var _timelineContentClasses = _interopRequireWildcard(require("./timelineContentClasses"));
+Object.keys(_timelineContentClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _timelineContentClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _timelineContentClasses[key];
+    }
+  });
+});

package/TimelineContent/timelineContentClasses.d.ts

@@ -1,16 +1,16 @@
 export interface TimelineContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `position="right"`. */
-    positionRight: string;
-    /** Styles applied to the root element if `position="left"`. */
-    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;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `position="right"`. */
+  positionRight: string;
+  /** Styles applied to the root element if `position="left"`. */
+  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 type TimelineContentClassKey = keyof TimelineContentClasses;
 export declare function getTimelineContentUtilityClass(slot: string): string;
 declare const timelineContentClasses: TimelineContentClasses;
-export default timelineContentClasses;
+export default timelineContentClasses;

package/TimelineContent/timelineContentClasses.js

@@ -1,7 +1,15 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getTimelineContentUtilityClass(slot) {
-  return generateUtilityClass('MuiTimelineContent', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getTimelineContentUtilityClass = getTimelineContentUtilityClass;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getTimelineContentUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiTimelineContent', slot);
 }
-const timelineContentClasses = generateUtilityClasses('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse']);
-export default timelineContentClasses;
+const timelineContentClasses = (0, _generateUtilityClasses.default)('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse']);
+var _default = exports.default = timelineContentClasses;

package/TimelineDot/TimelineDot.d.ts

@@ -3,12 +3,9 @@ import { OverridableStringUnion } from '@mui/types';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
 import { InternalStandardProps as StandardProps } from '@mui/material';
-import { TimelineDotClasses } from './timelineDotClasses';
-
+import { TimelineDotClasses } from "./timelineDotClasses.js";
 export interface TimelineDotPropsVariantOverrides {}
-
 export interface TimelineDotPropsColorOverrides {}
-
 export interface TimelineDotProps extends StandardProps<React.HTMLAttributes<HTMLSpanElement>> {
   /**
    * The content of the component.
@@ -22,10 +19,7 @@ export interface TimelineDotProps extends StandardProps<React.HTMLAttributes<HTM
    * The dot can have a different colors.
    * @default 'grey'
    */
-  color?: OverridableStringUnion<
-    'inherit' | 'grey' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning',
-    TimelineDotPropsColorOverrides
-  >;
+  color?: OverridableStringUnion<'inherit' | 'grey' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', TimelineDotPropsColorOverrides>;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -41,10 +35,10 @@ export interface TimelineDotProps extends StandardProps<React.HTMLAttributes<HTM
  *
  * Demos:
  *
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineDot API](https://next.mui.com/material-ui/api/timeline-dot/)
+ * - [TimelineDot API](https://mui.com/material-ui/api/timeline-dot/)
  */
-export default function TimelineDot(props: TimelineDotProps): React.JSX.Element;
+export default function TimelineDot(props: TimelineDotProps): React.JSX.Element;

package/TimelineDot/TimelineDot.js

@@ -1,13 +1,20 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { capitalize } from '@mui/material/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { getTimelineDotUtilityClass } from "./timelineDotClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+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 _utils = require("@mui/material/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _timelineDotClasses = require("./timelineDotClasses");
+var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
     color,
@@ -15,18 +22,18 @@ const useUtilityClasses = ownerState => {
     classes
   } = ownerState;
   const slots = {
-    root: ['root', variant, color !== 'inherit' && `${variant}${capitalize(color)}`]
+    root: ['root', variant, color !== 'inherit' && `${variant}${(0, _utils.capitalize)(color)}`]
   };
-  return composeClasses(slots, getTimelineDotUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timelineDotClasses.getTimelineDotUtilityClass, classes);
 };
-const TimelineDotRoot = styled('span', {
+const TimelineDotRoot = (0, _styles.styled)('span', {
   name: 'MuiTimelineDot',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[ownerState.color !== 'inherit' && `${ownerState.variant}${capitalize(ownerState.color)}`], styles[ownerState.variant]];
+    return [styles.root, styles[ownerState.color !== 'inherit' && `${ownerState.variant}${(0, _utils.capitalize)(ownerState.color)}`], styles[ownerState.variant]];
   }
 })(({
   ownerState,
@@ -65,7 +72,7 @@ const TimelineDotRoot = styled('span', {
   })
 }));
 const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiTimelineDot'
   });
@@ -81,8 +88,8 @@ const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps,
     variant
   };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineDotRoot, {
-    className: clsx(classes.root, className),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineDotRoot, {
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     ref: ref,
     ...other
@@ -96,28 +103,28 @@ process.env.NODE_ENV !== "production" ? TimelineDot.propTypes /* remove-proptype
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.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.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), _propTypes.default.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]),
+  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]),
   /**
    * The dot can appear filled or outlined.
    * @default 'filled'
    */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])
+  variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['filled', 'outlined']), _propTypes.default.string])
 } : void 0;
-export default TimelineDot;
+var _default = exports.default = TimelineDot;

package/TimelineDot/index.d.ts

@@ -1,5 +1,4 @@
-export { default } from './TimelineDot';
-export * from './TimelineDot';
-
-export { default as timelineDotClasses } from './timelineDotClasses';
-export * from './timelineDotClasses';
+export { default } from "./TimelineDot.js";
+export * from "./TimelineDot.js";
+export { default as timelineDotClasses } from "./timelineDotClasses.js";
+export * from "./timelineDotClasses.js";

package/TimelineDot/index.js

@@ -1,3 +1,35 @@
-export { default } from "./TimelineDot.js";
-export { default as timelineDotClasses } from "./timelineDotClasses.js";
-export * from "./timelineDotClasses.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  timelineDotClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _TimelineDot.default;
+  }
+});
+Object.defineProperty(exports, "timelineDotClasses", {
+  enumerable: true,
+  get: function () {
+    return _timelineDotClasses.default;
+  }
+});
+var _TimelineDot = _interopRequireDefault(require("./TimelineDot"));
+var _timelineDotClasses = _interopRequireWildcard(require("./timelineDotClasses"));
+Object.keys(_timelineDotClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _timelineDotClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _timelineDotClasses[key];
+    }
+  });
+});

package/TimelineDot/timelineDotClasses.d.ts

@@ -1,24 +1,24 @@
 export interface TimelineDotClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `color="grey"` and `variant="filled"`. */
-    filledGrey: string;
-    /** Styles applied to the root element if `color="grey"` and `variant="outlined"`. */
-    outlinedGrey: string;
-    /** Styles applied to the root element if `color="primary"` and `variant="filled"`. */
-    filledPrimary: string;
-    /** Styles applied to the root element if `color="primary"` and `variant="outlined"`. */
-    outlinedPrimary: string;
-    /** Styles applied to the root element if `color="secondary"` and `variant="filled"`. */
-    filledSecondary: string;
-    /** Styles applied to the root element if `color="secondary"` and `variant="outlined"`. */
-    outlinedSecondary: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `variant="filled"`. */
+  filled: string;
+  /** Styles applied to the root element if `variant="outlined"`. */
+  outlined: string;
+  /** Styles applied to the root element if `color="grey"` and `variant="filled"`. */
+  filledGrey: string;
+  /** Styles applied to the root element if `color="grey"` and `variant="outlined"`. */
+  outlinedGrey: string;
+  /** Styles applied to the root element if `color="primary"` and `variant="filled"`. */
+  filledPrimary: string;
+  /** Styles applied to the root element if `color="primary"` and `variant="outlined"`. */
+  outlinedPrimary: string;
+  /** Styles applied to the root element if `color="secondary"` and `variant="filled"`. */
+  filledSecondary: string;
+  /** Styles applied to the root element if `color="secondary"` and `variant="outlined"`. */
+  outlinedSecondary: string;
 }
 export type TimelineDotClassKey = keyof TimelineDotClasses;
 export declare function getTimelineDotUtilityClass(slot: string): string;
 declare const timelineDotClasses: TimelineDotClasses;
-export default timelineDotClasses;
+export default timelineDotClasses;

package/TimelineDot/timelineDotClasses.js

@@ -1,7 +1,15 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getTimelineDotUtilityClass(slot) {
-  return generateUtilityClass('MuiTimelineDot', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getTimelineDotUtilityClass = getTimelineDotUtilityClass;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getTimelineDotUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiTimelineDot', slot);
 }
-const timelineDotClasses = generateUtilityClasses('MuiTimelineDot', ['root', 'filled', 'outlined', 'filledGrey', 'outlinedGrey', 'filledPrimary', 'outlinedPrimary', 'filledSecondary', 'outlinedSecondary']);
-export default timelineDotClasses;
+const timelineDotClasses = (0, _generateUtilityClasses.default)('MuiTimelineDot', ['root', 'filled', 'outlined', 'filledGrey', 'outlinedGrey', 'filledPrimary', 'outlinedPrimary', 'filledSecondary', 'outlinedSecondary']);
+var _default = exports.default = timelineDotClasses;

package/TimelineItem/TimelineItem.d.ts

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
 import { InternalStandardProps as StandardProps } from '@mui/material';
-import { TimelineItemClasses } from './timelineItemClasses';
-
+import { TimelineItemClasses } from "./timelineItemClasses.js";
 export interface TimelineItemProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**
    * The position where the timeline's item should appear.
@@ -27,10 +26,10 @@ export interface TimelineItemProps extends StandardProps<React.HTMLAttributes<HT
  *
  * Demos:
  *
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineItem API](https://next.mui.com/material-ui/api/timeline-item/)
+ * - [TimelineItem API](https://mui.com/material-ui/api/timeline-item/)
  */
-export default function TimelineItem(props: TimelineItemProps): React.JSX.Element;
+export default function TimelineItem(props: TimelineItemProps): React.JSX.Element;

package/TimelineItem/TimelineItem.js

@@ -1,17 +1,24 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-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/index.js";
-import { timelineOppositeContentClasses } from "../TimelineOppositeContent/index.js";
-import TimelineContext from "../Timeline/TimelineContext.js";
-import { getTimelineItemUtilityClass } from "./timelineItemClasses.js";
-import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+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 _utils = require("@mui/material/utils");
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _TimelineContent = require("../TimelineContent");
+var _TimelineOppositeContent = require("../TimelineOppositeContent");
+var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineContext"));
+var _timelineItemClasses = require("./timelineItemClasses");
+var _convertTimelinePositionToClass = _interopRequireDefault(require("../internal/convertTimelinePositionToClass"));
+var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
     position,
@@ -19,18 +26,18 @@ const useUtilityClasses = ownerState => {
     hasOppositeContent
   } = ownerState;
   const slots = {
-    root: ['root', convertTimelinePositionToClass(position), !hasOppositeContent && 'missingOppositeContent']
+    root: ['root', (0, _convertTimelinePositionToClass.default)(position), !hasOppositeContent && 'missingOppositeContent']
   };
-  return composeClasses(slots, getTimelineItemUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timelineItemClasses.getTimelineItemUtilityClass, classes);
 };
-const TimelineItemRoot = styled('li', {
+const TimelineItemRoot = (0, _styles.styled)('li', {
   name: 'MuiTimelineItem',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[convertTimelinePositionToClass(ownerState.position)]];
+    return [styles.root, styles[(0, _convertTimelinePositionToClass.default)(ownerState.position)]];
   }
 })(({
   ownerState
@@ -45,10 +52,10 @@ const TimelineItemRoot = styled('li', {
   ...((ownerState.position === 'alternate' || ownerState.position === 'alternate-reverse') && {
     [`&:nth-of-type(${ownerState.position === 'alternate' ? 'even' : 'odd'})`]: {
       flexDirection: 'row-reverse',
-      [`& .${timelineContentClasses.root}`]: {
+      [`& .${_TimelineContent.timelineContentClasses.root}`]: {
         textAlign: 'right'
       },
-      [`& .${timelineOppositeContentClasses.root}`]: {
+      [`& .${_TimelineOppositeContent.timelineOppositeContentClasses.root}`]: {
         textAlign: 'left'
       }
     }
@@ -62,7 +69,7 @@ const TimelineItemRoot = styled('li', {
   })
 }));
 const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiTimelineItem'
   });
@@ -73,10 +80,10 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
   } = props;
   const {
     position: positionContext
-  } = React.useContext(TimelineContext);
+  } = React.useContext(_TimelineContext.default);
   let hasOppositeContent = false;
   React.Children.forEach(props.children, child => {
-    if (isMuiElement(child, ['TimelineOppositeContent'])) {
+    if ((0, _utils.isMuiElement)(child, ['TimelineOppositeContent'])) {
       hasOppositeContent = true;
     }
   });
@@ -89,10 +96,10 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
   const contextValue = React.useMemo(() => ({
     position: ownerState.position
   }), [ownerState.position]);
-  return /*#__PURE__*/_jsx(TimelineContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimelineContext.default.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(TimelineItemRoot, {
-      className: clsx(classes.root, className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineItemRoot, {
+      className: (0, _clsx.default)(classes.root, className),
       ownerState: ownerState,
       ref: ref,
       ...other
@@ -107,22 +114,22 @@ process.env.NODE_ENV !== "production" ? TimelineItem.propTypes /* remove-proptyp
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
   /**
    * The position where the timeline's item should appear.
    */
-  position: PropTypes.oneOf(['alternate-reverse', 'alternate', 'left', 'right']),
+  position: _propTypes.default.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])
+  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])
 } : void 0;
-export default TimelineItem;
+var _default = exports.default = TimelineItem;