@mui/material 5.14.2 → 5.14.3

package/Skeleton/Skeleton.d.ts

@@ -7,8 +7,11 @@ import { SkeletonClasses } from './skeletonClasses';
 
 export interface SkeletonPropsVariantOverrides {}
 
-export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'span'> {
-  props: P & {
+export interface SkeletonTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'span',
+> {
+  props: AdditionalProps & {
     /**
      * The animation.
      * If `false` the animation effect is disabled.
@@ -46,7 +49,7 @@ export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'span'> {
      */
     width?: number | string;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -62,8 +65,10 @@ export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'span'> {
 declare const Skeleton: OverridableComponent<SkeletonTypeMap>;
 
 export type SkeletonProps<
-  D extends React.ElementType = SkeletonTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<SkeletonTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = SkeletonTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<SkeletonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Skeleton;

package/Slider/Slider.d.ts

@@ -20,8 +20,11 @@ export interface SliderOwnerState extends SliderProps {
   focusedThumbIndex: number;
 }
 
-export interface SliderTypeMap<D extends React.ElementType = 'span', P = {}> {
-  props: P & {
+export interface SliderTypeMap<
+  DefaultComponent extends React.ElementType = 'span',
+  AdditionalProps = {},
+> {
+  props: AdditionalProps & {
     /**
      * The label of the slider.
      */
@@ -266,7 +269,7 @@ export interface SliderTypeMap<D extends React.ElementType = 'span', P = {}> {
      */
     valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode);
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 export interface SliderValueLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -304,8 +307,10 @@ export declare const SliderValueLabel: React.FC<SliderValueLabelProps>;
 declare const Slider: OverridableComponent<SliderTypeMap>;
 
 export type SliderProps<
-  D extends React.ElementType = SliderTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<SliderTypeMap<D, P>, D>;
+  RootComponent extends React.ElementType = SliderTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<SliderTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Slider;

package/Stack/Stack.d.ts

@@ -3,8 +3,11 @@ import { ResponsiveStyleValue, SxProps, SystemProps } from '@mui/system';
 import { OverrideProps, OverridableComponent } from '../OverridableComponent';
 import { Theme } from '../styles/createTheme';
 
-export interface StackTypeMap<P = {}, D extends React.ElementType = 'div'> {
-  props: P &
+export interface StackTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'div',
+> {
+  props: AdditionalProps &
     SystemProps<Theme> & {
       /**
        * The content of the component.
@@ -40,7 +43,7 @@ export interface StackTypeMap<P = {}, D extends React.ElementType = 'div'> {
        */
       sx?: SxProps<Theme>;
     };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  *
@@ -55,8 +58,10 @@ export interface StackTypeMap<P = {}, D extends React.ElementType = 'div'> {
 declare const Stack: OverridableComponent<StackTypeMap>;
 
 export type StackProps<
-  D extends React.ElementType = StackTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<StackTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = StackTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Stack;

package/Step/Step.d.ts

@@ -4,8 +4,11 @@ import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { Theme } from '../styles';
 import { StepClasses } from './stepClasses';
 
-export interface StepTypeMap<P = {}, D extends React.ElementType = 'div'> {
-  props: P & {
+export interface StepTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'div',
+> {
+  props: AdditionalProps & {
     /**
      * Sets the step as active. Is passed to child components.
      */
@@ -47,13 +50,15 @@ export interface StepTypeMap<P = {}, D extends React.ElementType = 'div'> {
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 export type StepProps<
-  D extends React.ElementType = StepTypeMap['defaultComponent'],
-  P = { component?: React.ElementType },
-> = OverrideProps<StepTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = StepTypeMap['defaultComponent'],
+  AdditionalProps = { component?: React.ElementType },
+> = OverrideProps<StepTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export type StepClasskey = keyof NonNullable<StepProps['classes']>;
 

package/StepButton/StepButton.d.ts

@@ -10,8 +10,11 @@ import { StepButtonClasses } from './stepButtonClasses';
  */
 export type StepButtonIcon = React.ReactNode;
 
-export type StepButtonTypeMap<P, D extends React.ElementType> = ExtendButtonBaseTypeMap<{
-  props: P & {
+export type StepButtonTypeMap<
+  AdditionalProps,
+  DefaultComponent extends React.ElementType,
+> = ExtendButtonBaseTypeMap<{
+  props: AdditionalProps & {
     /**
      * Can be a `StepLabel` or a node to place inside `StepLabel` as children.
      */
@@ -33,7 +36,7 @@ export type StepButtonTypeMap<P, D extends React.ElementType> = ExtendButtonBase
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 
   ignoredProps: 'disabled';
 }>;
@@ -56,8 +59,10 @@ declare const StepButton: ExtendButtonBase<
 export type StepButtonClasskey = keyof NonNullable<StepButtonProps['classes']>;
 
 export type StepButtonProps<
-  D extends React.ElementType = ButtonBaseTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<StepButtonTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<StepButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default StepButton;

package/Stepper/Stepper.d.ts

@@ -7,8 +7,11 @@ import { StepperClasses } from './stepperClasses';
 
 export type Orientation = 'horizontal' | 'vertical';
 
-export interface StepperTypeMap<P = {}, D extends React.ElementType = 'div'> {
-  props: P &
+export interface StepperTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'div',
+> {
+  props: AdditionalProps &
     Pick<PaperProps, 'elevation' | 'square' | 'variant'> & {
       /**
        * Set the active step (zero based index).
@@ -50,13 +53,15 @@ export interface StepperTypeMap<P = {}, D extends React.ElementType = 'div'> {
        */
       sx?: SxProps<Theme>;
     };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 export type StepperProps<
-  D extends React.ElementType = StepperTypeMap['defaultComponent'],
-  P = { component?: React.ElementType },
-> = OverrideProps<StepperTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = StepperTypeMap['defaultComponent'],
+  AdditionalProps = { component?: React.ElementType },
+> = OverrideProps<StepperTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export type StepperClasskey = keyof NonNullable<StepperProps['classes']>;
 

package/SvgIcon/SvgIcon.d.ts

@@ -9,8 +9,11 @@ export interface SvgIconPropsSizeOverrides {}
 
 export interface SvgIconPropsColorOverrides {}
 
-export interface SvgIconTypeMap<P = {}, D extends React.ElementType = 'svg'> {
-  props: P & {
+export interface SvgIconTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'svg',
+> {
+  props: AdditionalProps & {
     /**
      * Node passed into the SVG element.
      */
@@ -83,7 +86,7 @@ export interface SvgIconTypeMap<P = {}, D extends React.ElementType = 'svg'> {
      */
     viewBox?: string;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  *
@@ -99,8 +102,10 @@ export interface SvgIconTypeMap<P = {}, D extends React.ElementType = 'svg'> {
 declare const SvgIcon: OverridableComponent<SvgIconTypeMap> & { muiName: string };
 
 export type SvgIconProps<
-  D extends React.ElementType = SvgIconTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<SvgIconTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = SvgIconTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<SvgIconTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default SvgIcon;

package/Tab/Tab.d.ts

@@ -5,8 +5,11 @@ import { ExtendButtonBase, ExtendButtonBaseTypeMap } from '../ButtonBase';
 import { OverrideProps } from '../OverridableComponent';
 import { TabClasses } from './tabClasses';
 
-export type TabTypeMap<P = {}, D extends React.ElementType = 'div'> = ExtendButtonBaseTypeMap<{
-  props: P & {
+export type TabTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'div',
+> = ExtendButtonBaseTypeMap<{
+  props: AdditionalProps & {
     /**
      * This prop isn't supported.
      * Use the `component` prop if you need to change the children structure.
@@ -54,7 +57,7 @@ export type TabTypeMap<P = {}, D extends React.ElementType = 'div'> = ExtendButt
      */
     wrapped?: boolean;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }>;
 
 /**
@@ -71,8 +74,10 @@ export type TabTypeMap<P = {}, D extends React.ElementType = 'div'> = ExtendButt
 declare const Tab: ExtendButtonBase<TabTypeMap>;
 
 export type TabProps<
-  D extends React.ElementType = TabTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TabTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TabTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TabTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Tab;

package/Table/Table.d.ts

@@ -7,8 +7,11 @@ import { TableClasses } from './tableClasses';
 
 export interface TablePropsSizeOverrides {}
 
-export interface TableTypeMap<P = {}, D extends React.ElementType = 'table'> {
-  props: P & {
+export interface TableTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'table',
+> {
+  props: AdditionalProps & {
     /**
      * The content of the table, normally `TableHead` and `TableBody`.
      */
@@ -39,7 +42,7 @@ export interface TableTypeMap<P = {}, D extends React.ElementType = 'table'> {
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  *
@@ -54,8 +57,10 @@ export interface TableTypeMap<P = {}, D extends React.ElementType = 'table'> {
 declare const Table: OverridableComponent<TableTypeMap>;
 
 export type TableProps<
-  D extends React.ElementType = TableTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Table;

package/TableBody/TableBody.d.ts

@@ -4,8 +4,11 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableBodyClasses } from './tableBodyClasses';
 
-export interface TableBodyTypeMap<P = {}, D extends React.ElementType = 'tbody'> {
-  props: P & {
+export interface TableBodyTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'tbody',
+> {
+  props: AdditionalProps & {
     /**
      * The content of the component, normally `TableRow`.
      */
@@ -19,7 +22,7 @@ export interface TableBodyTypeMap<P = {}, D extends React.ElementType = 'tbody'>
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  *
@@ -34,8 +37,10 @@ export interface TableBodyTypeMap<P = {}, D extends React.ElementType = 'tbody'>
 declare const TableBody: OverridableComponent<TableBodyTypeMap>;
 
 export type TableBodyProps<
-  D extends React.ElementType = TableBodyTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableBodyTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableBodyTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableBodyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TableBody;

package/TableContainer/TableContainer.d.ts

@@ -4,8 +4,11 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableContainerClasses } from './tableContainerClasses';
 
-export interface TableContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
-  props: P & {
+export interface TableContainerTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'div',
+> {
+  props: AdditionalProps & {
     /**
      * The content of the component, normally `Table`.
      */
@@ -19,7 +22,7 @@ export interface TableContainerTypeMap<P = {}, D extends React.ElementType = 'di
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  *
@@ -34,8 +37,10 @@ export interface TableContainerTypeMap<P = {}, D extends React.ElementType = 'di
 declare const TableContainer: OverridableComponent<TableContainerTypeMap>;
 
 export type TableContainerProps<
-  D extends React.ElementType = TableContainerTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableContainerTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableContainerTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TableContainer;

package/TableFooter/TableFooter.d.ts

@@ -4,8 +4,11 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableFooterClasses } from './tableFooterClasses';
 
-export interface TableFooterTypeMap<P = {}, D extends React.ElementType = 'tfoot'> {
-  props: P & {
+export interface TableFooterTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'tfoot',
+> {
+  props: AdditionalProps & {
     /**
      * The content of the component, normally `TableRow`.
      */
@@ -19,7 +22,7 @@ export interface TableFooterTypeMap<P = {}, D extends React.ElementType = 'tfoot
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  *
@@ -34,8 +37,10 @@ export interface TableFooterTypeMap<P = {}, D extends React.ElementType = 'tfoot
 declare const TableFooter: OverridableComponent<TableFooterTypeMap>;
 
 export type TableFooterProps<
-  D extends React.ElementType = TableFooterTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableFooterTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableFooterTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableFooterTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TableFooter;

package/TableHead/TableHead.d.ts

@@ -4,8 +4,11 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableHeadClasses } from './tableHeadClasses';
 
-export interface TableHeadTypeMap<P = {}, D extends React.ElementType = 'thead'> {
-  props: P & {
+export interface TableHeadTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'thead',
+> {
+  props: AdditionalProps & {
     /**
      * The content of the component, normally `TableRow`.
      */
@@ -19,7 +22,7 @@ export interface TableHeadTypeMap<P = {}, D extends React.ElementType = 'thead'>
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  *
@@ -34,8 +37,10 @@ export interface TableHeadTypeMap<P = {}, D extends React.ElementType = 'thead'>
 declare const TableHead: OverridableComponent<TableHeadTypeMap>;
 
 export type TableHeadProps<
-  D extends React.ElementType = TableHeadTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableHeadTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableHeadTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableHeadTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TableHead;

package/TablePagination/TablePagination.d.ts

@@ -15,8 +15,11 @@ export interface LabelDisplayedRowsArgs {
   page: number;
 }
 
-export interface TablePaginationTypeMap<P, D extends React.ElementType> {
-  props: P &
+export interface TablePaginationTypeMap<
+  AdditionalProps,
+  DefaultComponent extends React.ElementType,
+> {
+  props: AdditionalProps &
     TablePaginationBaseProps & {
       /**
        * The component used for displaying the actions.
@@ -121,7 +124,7 @@ export interface TablePaginationTypeMap<P, D extends React.ElementType> {
        */
       sx?: SxProps<Theme>;
     };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -143,8 +146,10 @@ declare const TablePagination: OverridableComponent<
 export type TablePaginationBaseProps = Omit<TableCellProps, 'classes' | 'component' | 'children'>;
 
 export type TablePaginationProps<
-  D extends React.ElementType = React.JSXElementConstructor<TablePaginationBaseProps>,
-  P = {},
-> = OverrideProps<TablePaginationTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = React.JSXElementConstructor<TablePaginationBaseProps>,
+  AdditionalProps = {},
+> = OverrideProps<TablePaginationTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TablePagination;

package/TableRow/TableRow.d.ts

@@ -4,8 +4,11 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableRowClasses } from './tableRowClasses';
 
-export interface TableRowTypeMap<P = {}, D extends React.ElementType = 'tr'> {
-  props: P & {
+export interface TableRowTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'tr',
+> {
+  props: AdditionalProps & {
     /**
      * Should be valid <tr> children such as `TableCell`.
      */
@@ -29,7 +32,7 @@ export interface TableRowTypeMap<P = {}, D extends React.ElementType = 'tr'> {
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  * Will automatically set dynamic row height
@@ -46,8 +49,10 @@ export interface TableRowTypeMap<P = {}, D extends React.ElementType = 'tr'> {
 declare const TableRow: OverridableComponent<TableRowTypeMap>;
 
 export type TableRowProps<
-  D extends React.ElementType = TableRowTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableRowTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableRowTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableRowTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TableRow;

package/TableSortLabel/TableSortLabel.d.ts

@@ -6,10 +6,10 @@ import { OverrideProps } from '../OverridableComponent';
 import { TableSortLabelClasses } from './tableSortLabelClasses';
 
 export type TableSortLabelTypeMap<
-  P = {},
-  D extends React.ElementType = 'span',
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'span',
 > = ExtendButtonBaseTypeMap<{
-  props: P & {
+  props: AdditionalProps & {
     /**
      * If `true`, the label will have the active styling (should be true for the sorted column).
      * @default false
@@ -43,7 +43,7 @@ export type TableSortLabelTypeMap<
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }>;
 
 /**
@@ -61,8 +61,10 @@ export type TableSortLabelTypeMap<
 declare const TableSortLabel: ExtendButtonBase<TableSortLabelTypeMap>;
 
 export type TableSortLabelProps<
-  D extends React.ElementType = TableSortLabelTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableSortLabelTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableSortLabelTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableSortLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TableSortLabel;

package/Tabs/Tabs.d.ts

@@ -24,8 +24,11 @@ export interface TabsOwnerState extends TabsProps {
   scrollButtonsHideMobile: boolean;
 }
 
-export interface TabsTypeMap<P = {}, D extends React.ElementType = typeof ButtonBase> {
-  props: P & {
+export interface TabsTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = typeof ButtonBase,
+> {
+  props: AdditionalProps & {
     /**
      * Callback fired when the component mounts.
      * This is useful when you want to trigger an action programmatically.
@@ -172,7 +175,7 @@ export interface TabsTypeMap<P = {}, D extends React.ElementType = typeof Button
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -193,8 +196,10 @@ export interface TabsActions {
 }
 
 export type TabsProps<
-  D extends React.ElementType = TabsTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TabsTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TabsTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TabsTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Tabs;

package/ToggleButton/ToggleButton.d.ts

@@ -11,10 +11,10 @@ export interface ToggleButtonPropsSizeOverrides {}
 export interface ToggleButtonPropsColorOverrides {}
 
 export type ToggleButtonTypeMap<
-  P = {},
-  D extends React.ElementType = 'button',
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'button',
 > = ExtendButtonBaseTypeMap<{
-  props: P & {
+  props: AdditionalProps & {
     /**
      * The content of the component.
      */
@@ -82,7 +82,7 @@ export type ToggleButtonTypeMap<
      */
     value: NonNullable<unknown>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }>;
 
 /**
@@ -99,8 +99,10 @@ export type ToggleButtonTypeMap<
 declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
 
 export type ToggleButtonProps<
-  D extends React.ElementType = ToggleButtonTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<ToggleButtonTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = ToggleButtonTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<ToggleButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default ToggleButton;