@mui/lab 6.0.0-alpha.8 → 6.0.0-beta.0

package/LoadingButton/LoadingButton.js

@@ -5,14 +5,14 @@ import PropTypes from 'prop-types';
 import { chainPropTypes } from '@mui/utils';
 import { capitalize, unstable_useId as useId } from '@mui/material/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { useDefaultProps } from '@mui/material/DefaultPropsProvider';
 import Button from '@mui/material/Button';
 import { ButtonGroupContext } from '@mui/material/ButtonGroup';
 import CircularProgress from '@mui/material/CircularProgress';
 import resolveProps from '@mui/utils/resolveProps';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
 import loadingButtonClasses, { getLoadingButtonUtilityClass } from './loadingButtonClasses';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useThemeProps = createUseThemeProps('MuiLoadingButton');
 const useUtilityClasses = ownerState => {
   const {
     loading,
@@ -188,7 +188,7 @@ const LoadingButtonLoadingIndicator = styled('span', {
 const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
   const contextProps = React.useContext(ButtonGroupContext);
   const resolvedProps = resolveProps(contextProps, inProps);
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: resolvedProps,
     name: 'MuiLoadingButton'
   });
@@ -230,7 +230,11 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     variant: variant,
     classes: classes,
     ownerState: ownerState,
-    children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
+    children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsx("span", {
+      children: children
+    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/_jsx("span", {
+      children: children
+    })]
   });
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes /* remove-proptypes */ = {

package/LocalizationProvider/LocalizationProvider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type LocalizationProviderComponent = ((props: LocalizationProviderProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type LocalizationProviderComponent = ((props: LocalizationProviderProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/Masonry/Masonry.d.ts

@@ -56,11 +56,11 @@ export interface MasonryTypeMap<
  *
  * Demos:
  *
- * - [Masonry](https://mui.com/material-ui/react-masonry/)
+ * - [Masonry](https://next.mui.com/material-ui/react-masonry/)
  *
  * API:
  *
- * - [Masonry API](https://mui.com/material-ui/api/masonry/)
+ * - [Masonry API](https://next.mui.com/material-ui/api/masonry/)
  */
 declare const Masonry: OverridableComponent<MasonryTypeMap>;
 

package/MobileDatePicker/MobileDatePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/MobileDateRangePicker/MobileDateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/MobileDateTimePicker/MobileDateTimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/MobileTimePicker/MobileTimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/MonthPicker/MonthPicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type MonthPickerComponent = (<TDate>(props: MonthPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type MonthPickerComponent = (<TDate>(props: MonthPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/Pagination/Pagination.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import Pagination from '@mui/material/Pagination';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedPagination(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(Pagination, {
     ref: ref,
     ...props

package/PaginationItem/PaginationItem.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import PaginationItem from '@mui/material/PaginationItem';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedPaginationItem(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(PaginationItem, {
     ref: ref,
     ...props

package/PickersDay/PickersDay.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type PickersDayComponent = (<TDate>(props: PickersDayProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type PickersDayComponent = (<TDate>(props: PickersDayProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/Rating/Rating.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import Rating from '@mui/material/Rating';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedRating(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(Rating, {
     ref: ref,
     ...props

package/Skeleton/Skeleton.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import Skeleton from '@mui/material/Skeleton';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The Skeleton component was moved from the lab to the core.', '', "You should use `import { Skeleton } from '@mui/material'`", "or `import Skeleton from '@mui/material/Skeleton'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSkeleton(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The Skeleton component was moved from the lab to the core.', '', "You should use `import { Skeleton } from '@mui/material'`", "or `import Skeleton from '@mui/material/Skeleton'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(Skeleton, {
     ref: ref,
     ...props

package/SpeedDial/SpeedDial.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import SpeedDial from '@mui/material/SpeedDial';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The SpeedDial component was moved from the lab to the core.', '', "You should use `import { SpeedDial } from '@mui/material'`", "or `import SpeedDial from '@mui/material/SpeedDial'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDial(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The SpeedDial component was moved from the lab to the core.', '', "You should use `import { SpeedDial } from '@mui/material'`", "or `import SpeedDial from '@mui/material/SpeedDial'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(SpeedDial, {
     ref: ref,
     ...props

package/SpeedDialAction/SpeedDialAction.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import SpeedDialAction from '@mui/material/SpeedDialAction';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The SpeedDialAction component was moved from the lab to the core.', '', "You should use `import { SpeedDialAction } from '@mui/material'`", "or `import SpeedDialAction from '@mui/material/SpeedDialAction'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialAction(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The SpeedDialAction component was moved from the lab to the core.', '', "You should use `import { SpeedDialAction } from '@mui/material'`", "or `import SpeedDialAction from '@mui/material/SpeedDialAction'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(SpeedDialAction, {
     ref: ref,
     ...props

package/SpeedDialIcon/SpeedDialIcon.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import SpeedDialIcon from '@mui/material/SpeedDialIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The SpeedDialIcon component was moved from the lab to the core.', '', "You should use `import { SpeedDialIcon } from '@mui/material'`", "or `import SpeedDialIcon from '@mui/material/SpeedDialIcon'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialIcon(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The SpeedDialIcon component was moved from the lab to the core.', '', "You should use `import { SpeedDialIcon } from '@mui/material'`", "or `import SpeedDialIcon from '@mui/material/SpeedDialIcon'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(SpeedDialIcon, {
     ref: ref,
     ...props

package/StaticDatePicker/StaticDatePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/StaticDateRangePicker/StaticDateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/StaticDateTimePicker/StaticDateTimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/StaticTimePicker/StaticTimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/TabContext/TabContext.d.ts

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

package/TabList/TabList.d.ts

@@ -22,12 +22,12 @@ export interface TabListTypeMap<
  *
  * Demos:
  *
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabList API](https://mui.com/material-ui/api/tab-list/)
- * - inherits [Tabs API](https://mui.com/material-ui/api/tabs/)
+ * - [TabList API](https://next.mui.com/material-ui/api/tab-list/)
+ * - inherits [Tabs API](https://next.mui.com/material-ui/api/tabs/)
  */
 declare const TabList: OverridableComponent<TabListTypeMap>;
 

package/TabPanel/TabPanel.d.ts

@@ -33,10 +33,10 @@ export interface TabPanelProps extends StandardProps<React.HTMLAttributes<HTMLDi
  *
  * Demos:
  *
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabPanel API](https://mui.com/material-ui/api/tab-panel/)
+ * - [TabPanel API](https://next.mui.com/material-ui/api/tab-panel/)
  */
-export default function TabPanel(props: TabPanelProps): JSX.Element;
+export default function TabPanel(props: TabPanelProps): React.JSX.Element;

package/TimePicker/TimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/Timeline/Timeline.d.ts

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

package/Timeline/Timeline.js

@@ -39,11 +39,11 @@ const TimelineRoot = styled('ul', {
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [Timeline API](https://mui.com/material-ui/api/timeline/)
+ * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
  */
 const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
   const props = useThemeProps({

package/TimelineConnector/TimelineConnector.d.ts

@@ -24,10 +24,10 @@ export interface TimelineConnectorProps
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineConnector API](https://mui.com/material-ui/api/timeline-connector/)
+ * - [TimelineConnector API](https://next.mui.com/material-ui/api/timeline-connector/)
  */
-export default function TimelineConnector(props: TimelineConnectorProps): JSX.Element;
+export default function TimelineConnector(props: TimelineConnectorProps): React.JSX.Element;

package/TimelineContent/TimelineContent.d.ts

@@ -23,11 +23,11 @@ export interface TimelineContentProps extends StandardProps<TypographyProps> {
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineContent API](https://mui.com/material-ui/api/timeline-content/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [TimelineContent API](https://next.mui.com/material-ui/api/timeline-content/)
+ * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
  */
-export default function TimelineContent(props: TimelineContentProps): JSX.Element;
+export default function TimelineContent(props: TimelineContentProps): React.JSX.Element;

package/TimelineDot/TimelineDot.d.ts

@@ -41,10 +41,10 @@ export interface TimelineDotProps extends StandardProps<React.HTMLAttributes<HTM
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineDot API](https://mui.com/material-ui/api/timeline-dot/)
+ * - [TimelineDot API](https://next.mui.com/material-ui/api/timeline-dot/)
  */
-export default function TimelineDot(props: TimelineDotProps): JSX.Element;
+export default function TimelineDot(props: TimelineDotProps): React.JSX.Element;

package/TimelineItem/TimelineItem.d.ts

@@ -27,10 +27,10 @@ export interface TimelineItemProps extends StandardProps<React.HTMLAttributes<HT
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineItem API](https://mui.com/material-ui/api/timeline-item/)
+ * - [TimelineItem API](https://next.mui.com/material-ui/api/timeline-item/)
  */
-export default function TimelineItem(props: TimelineItemProps): JSX.Element;
+export default function TimelineItem(props: TimelineItemProps): React.JSX.Element;

package/TimelineOppositeContent/TimelineOppositeContent.d.ts

@@ -23,14 +23,16 @@ export interface TimelineOppositeContentProps extends StandardProps<TypographyPr
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineOppositeContent API](https://mui.com/material-ui/api/timeline-opposite-content/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [TimelineOppositeContent API](https://next.mui.com/material-ui/api/timeline-opposite-content/)
+ * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
  */
-declare const TimelineOppositeContent: ((props: TimelineOppositeContentProps) => JSX.Element) & {
+declare const TimelineOppositeContent: ((
+  props: TimelineOppositeContentProps,
+) => React.JSX.Element) & {
   muiName: string;
 };
 

package/TimelineSeparator/TimelineSeparator.d.ts

@@ -24,10 +24,10 @@ export interface TimelineSeparatorProps
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineSeparator API](https://mui.com/material-ui/api/timeline-separator/)
+ * - [TimelineSeparator API](https://next.mui.com/material-ui/api/timeline-separator/)
  */
-export default function TimelineSeparator(props: TimelineSeparatorProps): JSX.Element;
+export default function TimelineSeparator(props: TimelineSeparatorProps): React.JSX.Element;

package/ToggleButton/ToggleButton.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import ToggleButton from '@mui/material/ToggleButton';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The ToggleButton component was moved from the lab to the core.', '', "You should use `import { ToggleButton } from '@mui/material'`", "or `import ToggleButton from '@mui/material/ToggleButton'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedToggleButton(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The ToggleButton component was moved from the lab to the core.', '', "You should use `import { ToggleButton } from '@mui/material'`", "or `import ToggleButton from '@mui/material/ToggleButton'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(ToggleButton, {
     ref: ref,
     ...props

package/ToggleButtonGroup/ToggleButtonGroup.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The ToggleButtonGroup component was moved from the lab to the core.', '', "You should use `import { ToggleButtonGroup } from '@mui/material'`", "or `import ToggleButtonGroup from '@mui/material/ToggleButtonGroup'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedToggleButtonGroup(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The ToggleButtonGroup component was moved from the lab to the core.', '', "You should use `import { ToggleButtonGroup } from '@mui/material'`", "or `import ToggleButtonGroup from '@mui/material/ToggleButtonGroup'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(ToggleButtonGroup, {
     ref: ref,
     ...props

package/TreeItem/TreeItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type TreeItemComponent = ((props: TreeItemProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type TreeItemComponent = ((props: TreeItemProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/TreeView/TreeView.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type TreeViewComponent<Multiple extends boolean | undefined = undefined> = ((props: TreeViewProps<Multiple> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type TreeViewComponent<Multiple extends boolean | undefined = undefined> = ((props: TreeViewProps<Multiple> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/YearPicker/YearPicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type YearPickerComponent = (<TDate>(props: YearPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type YearPickerComponent = (<TDate>(props: YearPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
 /**

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/lab v6.0.0-alpha.8
+ * @mui/lab v6.0.0-beta.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/Alert/Alert.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import Alert from '@mui/material/Alert';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The Alert component was moved from the lab to the core.', '', "You should use `import { Alert } from '@mui/material'`", "or `import Alert from '@mui/material/Alert'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedAlert(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The Alert component was moved from the lab to the core.', '', "You should use `import { Alert } from '@mui/material'`", "or `import Alert from '@mui/material/Alert'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(Alert, {
     ref: ref,
     ...props

package/modern/AlertTitle/AlertTitle.js

@@ -4,15 +4,18 @@ import * as React from 'react';
 import AlertTitle from '@mui/material/AlertTitle';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+const warn = () => {
+  if (!warnedOnce) {
+    console.warn(['MUI: The AlertTitle component was moved from the lab to the core.', '', "You should use `import { AlertTitle } from '@mui/material'`", "or `import AlertTitle from '@mui/material/AlertTitle'`"].join('\n'));
+    warnedOnce = true;
+  }
+};
 
 /**
  * @ignore - do not document.
  */
 export default /*#__PURE__*/React.forwardRef(function DeprecatedAlertTitle(props, ref) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The AlertTitle component was moved from the lab to the core.', '', "You should use `import { AlertTitle } from '@mui/material'`", "or `import AlertTitle from '@mui/material/AlertTitle'`"].join('\n'));
-    warnedOnce = true;
-  }
+  warn();
   return /*#__PURE__*/_jsx(AlertTitle, {
     ref: ref,
     ...props