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

package/CalendarPicker/CalendarPicker.d.ts

@@ -1,14 +1,15 @@
 import * as React from 'react';
-declare type CalendarPickerComponent = (<TDate>(props: CalendarPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type CalendarPickerComponent = (<TDate>(props: CalendarPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The CalendarPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const CalendarPicker: CalendarPickerComponent;
 export default CalendarPicker;
 export declare const calendarPickerClasses: {};
-export declare type CalendarPickerClassKey = any;
-export declare type CalendarPickerClasses = any;
-export declare type CalendarPickerProps<TDate> = Record<any, any>;
-export declare type CalendarPickerView = 'year' | 'day' | 'month';
+export type CalendarPickerClassKey = any;
+export type CalendarPickerClasses = any;
+export type CalendarPickerProps<TDate> = Record<any, any>;
+export type CalendarPickerView = 'year' | 'day' | 'month';

package/CalendarPicker/CalendarPicker.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The CalendarPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { CalendarPicker } from '@mui/x-date-pickers'`", "or `import { CalendarPicker } from '@mui/x-date-pickers/CalendarPicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The CalendarPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const CalendarPicker = /*#__PURE__*/React.forwardRef(function DeprecatedCalendarPicker() {

package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts

@@ -1,13 +1,14 @@
 import * as React from 'react';
-declare type CalendarPickerSkeletonComponent = ((props: CalendarPickerSkeletonProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type CalendarPickerSkeletonComponent = ((props: CalendarPickerSkeletonProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The CalendarPickerSkeleton component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const CalendarPickerSkeleton: CalendarPickerSkeletonComponent;
 export default CalendarPickerSkeleton;
 export declare const calendarPickerSkeletonClasses: {};
 export declare const getCalendarPickerSkeletonUtilityClass: (slot: string) => string;
-export declare type CalendarPickerSkeletonProps = Record<any, any>;
-export declare type CalendarPickerSkeletonClassKey = any;
+export type CalendarPickerSkeletonProps = Record<any, any>;
+export type CalendarPickerSkeletonClassKey = any;

package/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The CalendarPickerSkeleton component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { CalendarPickerSkeleton } from '@mui/x-date-pickers'`", "or `import { CalendarPickerSkeleton } from '@mui/x-date-pickers/CalendarPickerSkeleton'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The CalendarPickerSkeleton component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const CalendarPickerSkeleton = /*#__PURE__*/React.forwardRef(function DeprecatedCalendarPickerSkeleton() {

package/ClockPicker/ClockPicker.d.ts

@@ -1,14 +1,15 @@
 import * as React from 'react';
-declare type ClockPickerComponent = (<TDate>(props: ClockPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type ClockPickerComponent = (<TDate>(props: ClockPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The ClockPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const ClockPicker: ClockPickerComponent;
 export default ClockPicker;
 export declare const clockPickerClasses: {};
-export declare type ClockPickerProps<TDate> = Record<any, any>;
-export declare type ClockPickerView = 'hours' | 'minutes' | 'seconds';
-export declare type ClockPickerClasses = any;
-export declare type ClockPickerClassKey = any;
+export type ClockPickerProps<TDate> = Record<any, any>;
+export type ClockPickerView = 'hours' | 'minutes' | 'seconds';
+export type ClockPickerClasses = any;
+export type ClockPickerClassKey = any;

package/ClockPicker/ClockPicker.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The ClockPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { ClockPicker } from '@mui/x-date-pickers'`", "or `import { ClockPicker } from '@mui/x-date-pickers/ClockPicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The ClockPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const ClockPicker = /*#__PURE__*/React.forwardRef(function DeprecatedClockPicker() {

package/DatePicker/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
@@ -7,4 +7,4 @@ declare type DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & Reac
  */
 declare const DatePicker: DatePickerComponent;
 export default DatePicker;
-export declare type DatePickerProps<TDate> = Record<any, any>;
+export type DatePickerProps<TDate> = Record<any, any>;

package/DatePicker/DatePicker.js

@@ -1,14 +1,14 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The DatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { DatePicker } from '@mui/x-date-pickers'`", "or `import { DatePicker } from '@mui/x-date-pickers/DatePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/DateRangePicker/DateRangePicker.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
-declare type DateRangePickerComponent = (<TDate>(props: DateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DateRangePickerComponent = (<TDate>(props: DateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The DateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const DateRangePicker: DateRangePickerComponent;
 export default DateRangePicker;
-export declare type DateRangePickerProps = Record<any, any>;
-export declare type DateRange<TDate> = [TDate | null, TDate | null];
+export type DateRangePickerProps = Record<any, any>;
+export type DateRange<TDate> = [TDate | null, TDate | null];

package/DateRangePicker/DateRangePicker.js

@@ -1,15 +1,14 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The DateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`', '', "You should use `import { DateRangePicker } from '@mui/x-date-pickers-pro'`", "or `import { DateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The DateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDateRangePicker() {

package/DateRangePickerDay/DateRangePickerDay.d.ts

@@ -1,13 +1,14 @@
 import * as React from 'react';
-declare type DateRangePickerDayComponent = (<TDate>(props: DateRangePickerDayProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DateRangePickerDayComponent = (<TDate>(props: DateRangePickerDayProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The DateRangePickerDay component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const DateRangePickerDay: DateRangePickerDayComponent;
 export default DateRangePickerDay;
 export declare const getDateRangePickerDayUtilityClass: (slot: string) => string;
-export declare type DateRangePickerDayProps = Record<any, any>;
-export declare type DateRangePickerDayClasses = any;
-export declare type DateRangePickerDayClassKey = any;
+export type DateRangePickerDayProps = Record<any, any>;
+export type DateRangePickerDayClasses = any;
+export type DateRangePickerDayClassKey = any;

package/DateRangePickerDay/DateRangePickerDay.js

@@ -1,15 +1,14 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The DateRangePickerDay component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`', '', "You should use `import { DateRangePickerDay } from '@mui/x-date-pickers-pro'`", "or `import { DateRangePickerDay } from '@mui/x-date-pickers-pro/DateRangePickerDay'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The DateRangePickerDay component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DateRangePickerDay = /*#__PURE__*/React.forwardRef(function DeprecatedDateRangePickerDay() {

package/DateTimePicker/DateTimePicker.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The DateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const DateTimePicker: DateTimePickerComponent;
 export default DateTimePicker;
-export declare type DateTimePickerProps<TDate> = Record<any, any>;
+export type DateTimePickerProps<TDate> = Record<any, any>;

package/DateTimePicker/DateTimePicker.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The DateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { DateTimePicker } from '@mui/x-date-pickers'`", "or `import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The DateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDateTimePicker() {

package/DesktopDatePicker/DesktopDatePicker.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-declare type DesktopDatePickerComponent = (<TDate>(props: DesktopDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DesktopDatePickerComponent = (<TDate>(props: DesktopDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The DesktopDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const DesktopDatePicker: DesktopDatePickerComponent;
 export default DesktopDatePicker;
-export declare type DesktopDatePickerProps<TDate> = Record<any, any>;
+export type DesktopDatePickerProps<TDate> = Record<any, any>;

package/DesktopDatePicker/DesktopDatePicker.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The DesktopDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { DesktopDatePicker } from '@mui/x-date-pickers'`", "or `import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The DesktopDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDatePicker() {

package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-declare type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The DesktopDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
 export default DesktopDateRangePicker;
-export declare type DesktopDateRangePickerProps = Record<any, any>;
+export type DesktopDateRangePickerProps = Record<any, any>;

package/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -1,15 +1,14 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The DesktopDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`', '', "You should use `import { DesktopDateRangePicker } from '@mui/x-date-pickers-pro'`", "or `import { DesktopDateRangePicker } from '@mui/x-date-pickers-pro/DesktopDateRangePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The DesktopDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDateRangePicker() {

package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The DesktopDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;
 export default DesktopDateTimePicker;
-export declare type DesktopDateTimePickerProps<TDate> = Record<any, any>;
+export type DesktopDateTimePickerProps<TDate> = Record<any, any>;

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The DesktopDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { DesktopDateTimePicker } from '@mui/x-date-pickers'`", "or `import { DesktopDateTimePicker } from '@mui/x-date-pickers/DesktopDateTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The DesktopDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDateTimePicker() {

package/DesktopTimePicker/DesktopTimePicker.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-declare type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The DesktopTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const DesktopTimePicker: DesktopTimePickerComponent;
 export default DesktopTimePicker;
-export declare type DesktopTimePickerProps<TDate> = Record<any, any>;
+export type DesktopTimePickerProps<TDate> = Record<any, any>;

package/DesktopTimePicker/DesktopTimePicker.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The DesktopTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { DesktopTimePicker } from '@mui/x-date-pickers'`", "or `import { DesktopTimePicker } from '@mui/x-date-pickers/DesktopTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The DesktopTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopTimePicker() {

package/LoadingButton/LoadingButton.d.ts

@@ -3,61 +3,64 @@ import { OverrideProps } from '@mui/material/OverridableComponent';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 
+export interface LoadingButtonOwnProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ButtonClasses> & {
+    /** Styles applied to the root element. */
+    root?: string;
+    /** Styles applied to the root element if `loading={true}`. */
+    loading?: string;
+    /** Styles applied to the loadingIndicator element. */
+    loadingIndicator?: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="center"`. */
+    loadingIndicatorCenter?: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="start"`. */
+    loadingIndicatorStart?: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="end"`. */
+    loadingIndicatorEnd?: string;
+    /** Styles applied to the endIcon element if `loading={true}` and `loadingPosition="end"`. */
+    endIconLoadingEnd?: string;
+    /** Styles applied to the startIcon element if `loading={true}` and `loadingPosition="start"`. */
+    startIconLoadingStart?: string;
+  };
+  /**
+   * If `true`, the loading indicator is shown and the button becomes disabled.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default we render a `CircularProgress` that is labelled by the button itself.
+   * @default <CircularProgress color="inherit" size={16} />
+   */
+  loadingIndicator?: React.ReactNode;
+  /**
+   * The loading indicator can be positioned on the start, end, or the center of the button.
+   * @default 'center'
+   */
+  loadingPosition?: 'start' | 'end' | 'center';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type LoadingButtonTypeMap<
-  P = {},
-  D extends React.ElementType = 'button',
+  AdditionalProps = {},
+  RootComponent extends React.ElementType = 'button',
 > = ExtendButtonTypeMap<{
-  props: P & {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ButtonClasses> & {
-      /** Styles applied to the root element. */
-      root?: string;
-      /** Styles applied to the root element if `loading={true}`. */
-      loading?: string;
-      /** Styles applied to the loadingIndicator element. */
-      loadingIndicator?: string;
-      /** Styles applied to the loadingIndicator element if `loadingPosition="center"`. */
-      loadingIndicatorCenter?: string;
-      /** Styles applied to the loadingIndicator element if `loadingPosition="start"`. */
-      loadingIndicatorStart?: string;
-      /** Styles applied to the loadingIndicator element if `loadingPosition="end"`. */
-      loadingIndicatorEnd?: string;
-      /** Styles applied to the endIcon element if `loading={true}` and `loadingPosition="end"`. */
-      endIconLoadingEnd?: string;
-      /** Styles applied to the startIcon element if `loading={true}` and `loadingPosition="start"`. */
-      startIconLoadingStart?: string;
-    };
-    /**
-     * If `true`, the loading indicator is shown.
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Element placed before the children if the button is in loading state.
-     * The node should contain an element with `role="progressbar"` with an accessible name.
-     * By default we render a `CircularProgress` that is labelled by the button itself.
-     * @default <CircularProgress color="inherit" size={16} />
-     */
-    loadingIndicator?: React.ReactNode;
-    /**
-     * The loading indicator can be positioned on the start, end, or the center of the button.
-     * @default 'center'
-     */
-    loadingPosition?: 'start' | 'end' | 'center';
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: D;
+  props: AdditionalProps & LoadingButtonOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**
  *
  * Demos:
  *
+ * - [Button Group](https://mui.com/material-ui/react-button-group/)
  * - [Button](https://mui.com/material-ui/react-button/)
  *
  * API:
@@ -68,8 +71,8 @@ export type LoadingButtonTypeMap<
 declare const LoadingButton: ExtendButton<LoadingButtonTypeMap>;
 
 export type LoadingButtonProps<
-  D extends React.ElementType = LoadingButtonTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<LoadingButtonTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = LoadingButtonTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<LoadingButtonTypeMap<AdditionalProps, RootComponent>, RootComponent>;
 
 export default LoadingButton;