@mui/lab 7.0.0-beta.8 → 7.0.0

package/Masonry/Masonry.js

@@ -1,17 +1,19 @@
 "use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseToNumber = exports.getStyle = exports.default = void 0;
-var _base = require("@mui/base");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _styles = require("@mui/material/styles");
 var _system = require("@mui/system");
-var _utils = require("@mui/utils");
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _deepmerge = _interopRequireDefault(require("@mui/utils/deepmerge"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -34,7 +36,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _base.unstable_composeClasses)(slots, _masonryClasses.getMasonryUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _masonryClasses.getMasonryUtilityClass, classes);
 };
 const getStyle = ({
   ownerState,
@@ -97,7 +99,7 @@ const getStyle = ({
       })
     };
   };
-  styles = (0, _utils.deepmerge)(styles, (0, _system.handleBreakpoints)({
+  styles = (0, _deepmerge.default)(styles, (0, _system.handleBreakpoints)({
     theme
   }, spacingValues, spacingStyleFromPropValue));
   const columnValues = (0, _system.unstable_resolveBreakpointValues)({
@@ -114,13 +116,13 @@ const getStyle = ({
       }
     };
   };
-  styles = (0, _utils.deepmerge)(styles, (0, _system.handleBreakpoints)({
+  styles = (0, _deepmerge.default)(styles, (0, _system.handleBreakpoints)({
     theme
   }, columnValues, columnStyleFromPropValue));
 
   // configure width for responsive spacing values
   if (typeof spacingValues === 'object') {
-    styles = (0, _utils.deepmerge)(styles, (0, _system.handleBreakpoints)({
+    styles = (0, _deepmerge.default)(styles, (0, _system.handleBreakpoints)({
       theme
     }, spacingValues, (propValue, breakpoint) => {
       if (breakpoint) {
@@ -143,10 +145,7 @@ const getStyle = ({
 exports.getStyle = getStyle;
 const MasonryRoot = (0, _styles.styled)('div', {
   name: 'MuiMasonry',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    return [styles.root];
-  }
+  slot: 'Root'
 })(getStyle);
 const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
@@ -246,7 +245,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       });
     }
   }, [sequential]);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     // IE and old browsers are not supported
     if (typeof ResizeObserver === 'undefined') {
       return undefined;
@@ -270,7 +269,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       }
     };
   }, [columns, spacing, children, handleResize]);
-  const handleRef = (0, _utils.unstable_useForkRef)(ref, masonryRef);
+  const handleRef = (0, _useForkRef.default)(ref, masonryRef);
 
   //  columns are likely to have different heights and hence can start to merge;
   //  a line break at the end of each column prevents columns from merging

package/README.md

@@ -9,7 +9,7 @@ Install the package in your project directory with:
 <!-- #npm-tag-reference -->
 
 ```bash
-npm install @mui/lab@next
+npm install @mui/lab
 ```
 
 The lab has peer dependencies on the Material Design components and on the Emotion library.
@@ -18,11 +18,11 @@ If you are not already using them in your project, you can install with:
 <!-- #npm-tag-reference -->
 
 ```bash
-npm install @mui/material@next @emotion/react @emotion/styled
+npm install @mui/material @emotion/react @emotion/styled
 ```
 
 ## Documentation
 
 <!-- #host-reference -->
 
-Visit [https://next.mui.com/material-ui/about-the-lab/](https://next.mui.com/material-ui/about-the-lab/) to view the full documentation.
+Visit [https://mui.com/material-ui/about-the-lab/](https://mui.com/material-ui/about-the-lab/) to view the full documentation.

package/TabContext/TabContext.d.ts

@@ -17,11 +17,11 @@ export interface TabContextProps {
  *
  * Demos:
  *
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabContext API](https://next.mui.com/material-ui/api/tab-context/)
+ * - [TabContext API](https://mui.com/material-ui/api/tab-context/)
  */
 export default function TabContext(props: TabContextProps): React.JSX.Element;
 export function useTabContext(): TabContextValue | null;

package/TabList/TabList.d.ts

@@ -17,12 +17,12 @@ export interface TabListTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * Demos:
  *
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://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/)
+ * - [TabList API](https://mui.com/material-ui/api/tab-list/)
+ * - inherits [Tabs API](https://mui.com/material-ui/api/tabs/)
  */
 declare const TabList: OverridableComponent<TabListTypeMap>;
 export type TabListClassKey = keyof NonNullable<TabListTypeMap['props']['classes']>;

package/TabPanel/TabPanel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InternalStandardProps as StandardProps } from '@mui/material';
+import { InternalStandardProps as StandardProps } from '@mui/material/internal';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 import { TabPanelClasses } from "./tabPanelClasses.js";
@@ -32,10 +32,10 @@ export interface TabPanelProps extends StandardProps<React.HTMLAttributes<HTMLDi
  *
  * Demos:
  *
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabPanel API](https://next.mui.com/material-ui/api/tab-panel/)
+ * - [TabPanel API](https://mui.com/material-ui/api/tab-panel/)
  */
 export default function TabPanel(props: TabPanelProps): React.JSX.Element;

package/TabPanel/TabPanel.js

@@ -11,7 +11,7 @@ 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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _tabPanelClasses = require("./tabPanelClasses");
 var _TabContext = require("../TabContext");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -23,12 +23,11 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', hidden && 'hidden']
   };
-  return (0, _base.unstable_composeClasses)(slots, _tabPanelClasses.getTabPanelUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tabPanelClasses.getTabPanelUtilityClass, classes);
 };
 const TabPanelRoot = (0, _styles.styled)('div', {
   name: 'MuiTabPanel',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({

package/Timeline/Timeline.d.ts

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

package/Timeline/Timeline.js

@@ -10,7 +10,7 @@ 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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
 var _TimelineContext = _interopRequireDefault(require("./TimelineContext"));
 var _timelineClasses = require("./timelineClasses");
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', position && (0, _convertTimelinePositionToClass.default)(position)]
   };
-  return (0, _base.unstable_composeClasses)(slots, _timelineClasses.getTimelineUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timelineClasses.getTimelineUtilityClass, classes);
 };
 const TimelineRoot = (0, _styles.styled)('ul', {
   name: 'MuiTimeline',
@@ -46,11 +46,11 @@ const TimelineRoot = (0, _styles.styled)('ul', {
  *
  * Demos:
  *
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
+ * - [Timeline API](https://mui.com/material-ui/api/timeline/)
  */
 const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
   const props = (0, _styles.useThemeProps)({

package/Timeline/Timeline.types.d.ts

@@ -1,4 +1,4 @@
-import { InternalStandardProps as StandardProps } from '@mui/material';
+import { InternalStandardProps as StandardProps } from '@mui/material/internal';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 import { TimelineClasses } from "./timelineClasses.js";

package/TimelineConnector/TimelineConnector.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InternalStandardProps as StandardProps } from '@mui/material';
+import { InternalStandardProps as StandardProps } from '@mui/material/internal';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 import { TimelineConnectorClasses } from "./timelineConnectorClasses.js";
@@ -22,10 +22,10 @@ export interface TimelineConnectorProps extends StandardProps<React.HTMLAttribut
  *
  * Demos:
  *
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineConnector API](https://next.mui.com/material-ui/api/timeline-connector/)
+ * - [TimelineConnector API](https://mui.com/material-ui/api/timeline-connector/)
  */
 export default function TimelineConnector(props: TimelineConnectorProps): React.JSX.Element;

package/TimelineConnector/TimelineConnector.js

@@ -10,7 +10,7 @@ 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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
 var _timelineConnectorClasses = require("./timelineConnectorClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,12 +21,11 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _base.unstable_composeClasses)(slots, _timelineConnectorClasses.getTimelineConnectorUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timelineConnectorClasses.getTimelineConnectorUtilityClass, classes);
 };
 const TimelineConnectorRoot = (0, _styles.styled)('span', {
   name: 'MuiTimelineConnector',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => {

package/TimelineContent/TimelineContent.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
-import { InternalStandardProps as StandardProps, TypographyProps } from '@mui/material';
+import { TypographyProps } from '@mui/material/Typography';
+import { InternalStandardProps as StandardProps } from '@mui/material/internal';
 import { TimelineContentClasses } from "./timelineContentClasses.js";
 export interface TimelineContentProps extends StandardProps<TypographyProps> {
   /**
@@ -22,11 +23,11 @@ export interface TimelineContentProps extends StandardProps<TypographyProps> {
  *
  * Demos:
  *
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineContent API](https://next.mui.com/material-ui/api/timeline-content/)
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
+ * - [TimelineContent API](https://mui.com/material-ui/api/timeline-content/)
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
 export default function TimelineContent(props: TimelineContentProps): React.JSX.Element;

package/TimelineContent/TimelineContent.js

@@ -11,7 +11,7 @@ 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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineContext"));
 var _timelineContentClasses = require("./timelineContentClasses");
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', (0, _convertTimelinePositionToClass.default)(position)]
   };
-  return (0, _base.unstable_composeClasses)(slots, _timelineContentClasses.getTimelineContentUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timelineContentClasses.getTimelineContentUtilityClass, classes);
 };
 const TimelineContentRoot = (0, _styles.styled)(_Typography.default, {
   name: 'MuiTimelineContent',

package/TimelineDot/TimelineDot.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { OverridableStringUnion } from '@mui/types';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
-import { InternalStandardProps as StandardProps } from '@mui/material';
+import { InternalStandardProps as StandardProps } from '@mui/material/internal';
 import { TimelineDotClasses } from "./timelineDotClasses.js";
 export interface TimelineDotPropsVariantOverrides {}
 export interface TimelineDotPropsColorOverrides {}
@@ -35,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;

package/TimelineDot/TimelineDot.js

@@ -12,7 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
 var _utils = require("@mui/material/utils");
-var _base = require("@mui/base");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _timelineDotClasses = require("./timelineDotClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, color !== 'inherit' && `${variant}${(0, _utils.capitalize)(color)}`]
   };
-  return (0, _base.unstable_composeClasses)(slots, _timelineDotClasses.getTimelineDotUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timelineDotClasses.getTimelineDotUtilityClass, classes);
 };
 const TimelineDotRoot = (0, _styles.styled)('span', {
   name: 'MuiTimelineDot',

package/TimelineItem/TimelineItem.d.ts

@@ -1,7 +1,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 { InternalStandardProps as StandardProps } from '@mui/material/internal';
 import { TimelineItemClasses } from "./timelineItemClasses.js";
 export interface TimelineItemProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**
@@ -26,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;

package/TimelineItem/TimelineItem.js

@@ -12,7 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/material/utils");
 var _styles = require("@mui/material/styles");
-var _base = require("@mui/base");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _TimelineContent = require("../TimelineContent");
 var _TimelineOppositeContent = require("../TimelineOppositeContent");
 var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineContext"));
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', (0, _convertTimelinePositionToClass.default)(position), !hasOppositeContent && 'missingOppositeContent']
   };
-  return (0, _base.unstable_composeClasses)(slots, _timelineItemClasses.getTimelineItemUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timelineItemClasses.getTimelineItemUtilityClass, classes);
 };
 const TimelineItemRoot = (0, _styles.styled)('li', {
   name: 'MuiTimelineItem',

package/TimelineOppositeContent/TimelineOppositeContent.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
-import { InternalStandardProps as StandardProps, TypographyProps } from '@mui/material';
+import { TypographyProps } from '@mui/material/Typography';
+import { InternalStandardProps as StandardProps } from '@mui/material/internal';
 import { TimelineOppositeContentClasses } from "./timelineOppositeContentClasses.js";
 export interface TimelineOppositeContentProps extends StandardProps<TypographyProps> {
   /**
@@ -22,12 +23,12 @@ export interface TimelineOppositeContentProps extends StandardProps<TypographyPr
  *
  * Demos:
  *
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineOppositeContent API](https://next.mui.com/material-ui/api/timeline-opposite-content/)
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
+ * - [TimelineOppositeContent API](https://mui.com/material-ui/api/timeline-opposite-content/)
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
 declare const TimelineOppositeContent: ((props: TimelineOppositeContentProps) => React.JSX.Element) & {
   muiName: string;

package/TimelineOppositeContent/TimelineOppositeContent.js

@@ -11,7 +11,7 @@ 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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineContext"));
 var _timelineOppositeContentClasses = require("./timelineOppositeContentClasses");
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', (0, _convertTimelinePositionToClass.default)(position)]
   };
-  return (0, _base.unstable_composeClasses)(slots, _timelineOppositeContentClasses.getTimelineOppositeContentUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timelineOppositeContentClasses.getTimelineOppositeContentUtilityClass, classes);
 };
 const TimelineOppositeContentRoot = (0, _styles.styled)(_Typography.default, {
   name: 'MuiTimelineOppositeContent',

package/TimelineSeparator/TimelineSeparator.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InternalStandardProps as StandardProps } from '@mui/material';
+import { InternalStandardProps as StandardProps } from '@mui/material/internal';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 import { TimelineSeparatorClasses } from "./timelineSeparatorClasses.js";
@@ -22,10 +22,10 @@ export interface TimelineSeparatorProps extends StandardProps<React.HTMLAttribut
  *
  * Demos:
  *
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineSeparator API](https://next.mui.com/material-ui/api/timeline-separator/)
+ * - [TimelineSeparator API](https://mui.com/material-ui/api/timeline-separator/)
  */
 export default function TimelineSeparator(props: TimelineSeparatorProps): React.JSX.Element;

package/TimelineSeparator/TimelineSeparator.js

@@ -10,7 +10,7 @@ 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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
 var _timelineSeparatorClasses = require("./timelineSeparatorClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,12 +21,11 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _base.unstable_composeClasses)(slots, _timelineSeparatorClasses.getTimelineSeparatorUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timelineSeparatorClasses.getTimelineSeparatorUtilityClass, classes);
 };
 const TimelineSeparatorRoot = (0, _styles.styled)('div', {
   name: 'MuiTimelineSeparator',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'column',

package/esm/Masonry/Masonry.d.ts

@@ -51,11 +51,11 @@ export interface MasonryTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * Demos:
  *
- * - [Masonry](https://next.mui.com/material-ui/react-masonry/)
+ * - [Masonry](https://mui.com/material-ui/react-masonry/)
  *
  * API:
  *
- * - [Masonry API](https://next.mui.com/material-ui/api/masonry/)
+ * - [Masonry API](https://mui.com/material-ui/api/masonry/)
  */
 declare const Masonry: OverridableComponent<MasonryTypeMap>;
 export type MasonryProps<RootComponent extends React.ElementType = MasonryTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<MasonryTypeMap<AdditionalProps, RootComponent>, RootComponent>;

package/esm/Masonry/Masonry.js

@@ -1,10 +1,12 @@
 'use client';
 
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import composeClasses from '@mui/utils/composeClasses';
 import * as ReactDOM from 'react-dom';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { createUnarySpacing, getValue, handleBreakpoints, unstable_resolveBreakpointValues as resolveBreakpointValues } from '@mui/system';
-import { deepmerge, unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+import useForkRef from '@mui/utils/useForkRef';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import deepmerge from '@mui/utils/deepmerge';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
@@ -134,10 +136,7 @@ export const getStyle = ({
 };
 const MasonryRoot = styled('div', {
   name: 'MuiMasonry',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    return [styles.root];
-  }
+  slot: 'Root'
 })(getStyle);
 const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
   const props = useThemeProps({

package/esm/TabContext/TabContext.d.ts

@@ -17,11 +17,11 @@ export interface TabContextProps {
  *
  * Demos:
  *
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabContext API](https://next.mui.com/material-ui/api/tab-context/)
+ * - [TabContext API](https://mui.com/material-ui/api/tab-context/)
  */
 export default function TabContext(props: TabContextProps): React.JSX.Element;
 export function useTabContext(): TabContextValue | null;

package/esm/TabList/TabList.d.ts

@@ -17,12 +17,12 @@ export interface TabListTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * Demos:
  *
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://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/)
+ * - [TabList API](https://mui.com/material-ui/api/tab-list/)
+ * - inherits [Tabs API](https://mui.com/material-ui/api/tabs/)
  */
 declare const TabList: OverridableComponent<TabListTypeMap>;
 export type TabListClassKey = keyof NonNullable<TabListTypeMap['props']['classes']>;

package/esm/TabPanel/TabPanel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InternalStandardProps as StandardProps } from '@mui/material';
+import { InternalStandardProps as StandardProps } from '@mui/material/internal';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 import { TabPanelClasses } from "./tabPanelClasses.js";
@@ -32,10 +32,10 @@ export interface TabPanelProps extends StandardProps<React.HTMLAttributes<HTMLDi
  *
  * Demos:
  *
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabPanel API](https://next.mui.com/material-ui/api/tab-panel/)
+ * - [TabPanel API](https://mui.com/material-ui/api/tab-panel/)
  */
 export default function TabPanel(props: TabPanelProps): React.JSX.Element;

package/esm/TabPanel/TabPanel.js

@@ -4,7 +4,7 @@ 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 composeClasses from '@mui/utils/composeClasses';
 import { getTabPanelUtilityClass } from "./tabPanelClasses.js";
 import { getPanelId, getTabId, useTabContext } from "../TabContext/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -20,8 +20,7 @@ const useUtilityClasses = ownerState => {
 };
 const TabPanelRoot = styled('div', {
   name: 'MuiTabPanel',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({

package/esm/Timeline/Timeline.d.ts

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