@mui/material 5.14.2 → 5.14.4

package/BottomNavigation/BottomNavigation.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getBottomNavigationUtilityClass } from './bottomNavigationClasses';

package/BottomNavigation/bottomNavigationClasses.d.ts

@@ -1,8 +1,8 @@
-export interface BottomNavigationClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type BottomNavigationClassKey = keyof BottomNavigationClasses;
-export declare function getBottomNavigationUtilityClass(slot: string): string;
-declare const bottomNavigationClasses: BottomNavigationClasses;
-export default bottomNavigationClasses;
+export interface BottomNavigationClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type BottomNavigationClassKey = keyof BottomNavigationClasses;
+export declare function getBottomNavigationUtilityClass(slot: string): string;
+declare const bottomNavigationClasses: BottomNavigationClasses;
+export default bottomNavigationClasses;

package/BottomNavigationAction/BottomNavigationAction.d.ts

@@ -6,10 +6,10 @@ import { OverrideProps } from '../OverridableComponent';
 import { BottomNavigationActionClasses } from './bottomNavigationActionClasses';
 
 export type BottomNavigationActionTypeMap<
-  P,
-  D extends React.ElementType,
+  AdditionalProps,
+  DefaultComponent extends React.ElementType,
 > = ExtendButtonBaseTypeMap<{
-  props: P & {
+  props: AdditionalProps & {
     /**
      * This prop isn't supported.
      * Use the `component` prop if you need to change the children structure.
@@ -44,7 +44,7 @@ export type BottomNavigationActionTypeMap<
      */
     value?: any;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }>;
 
 /**
@@ -63,8 +63,10 @@ declare const BottomNavigationAction: ExtendButtonBase<
 >;
 
 export type BottomNavigationActionProps<
-  D extends React.ElementType = ButtonBaseTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<BottomNavigationActionTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<BottomNavigationActionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default BottomNavigationAction;

package/BottomNavigationAction/BottomNavigationAction.js

@@ -6,7 +6,7 @@ const _excluded = ["className", "icon", "label", "onChange", "onClick", "selecte
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import ButtonBase from '../ButtonBase';

package/BottomNavigationAction/bottomNavigationActionClasses.d.ts

@@ -1,14 +1,14 @@
-export interface BottomNavigationActionClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if selected. */
-    selected: string;
-    /** State class applied to the root element if `showLabel={false}` and not selected. */
-    iconOnly: string;
-    /** Styles applied to the label's span element. */
-    label: string;
-}
-export type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
-export declare function getBottomNavigationActionUtilityClass(slot: string): string;
-declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
-export default bottomNavigationActionClasses;
+export interface BottomNavigationActionClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if selected. */
+    selected: string;
+    /** State class applied to the root element if `showLabel={false}` and not selected. */
+    iconOnly: string;
+    /** Styles applied to the label's span element. */
+    label: string;
+}
+export type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
+export declare function getBottomNavigationActionUtilityClass(slot: string): string;
+declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
+export default bottomNavigationActionClasses;

package/Box/Box.d.ts

@@ -16,8 +16,8 @@ import { Theme as MaterialTheme } from '../styles';
 declare const Box: OverridableComponent<BoxTypeMap<{}, 'div', MaterialTheme>>;
 
 export type BoxProps<
-  D extends React.ElementType = BoxTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<BoxTypeMap<P, D, MaterialTheme>, D>;
+  RootComponent extends React.ElementType = BoxTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<BoxTypeMap<AdditionalProps, RootComponent, MaterialTheme>, RootComponent>;
 
 export default Box;

package/Breadcrumbs/Breadcrumbs.d.ts

@@ -12,8 +12,11 @@ export interface BreadcrumbsOwnerState extends BreadcrumbsProps {
   expanded: boolean;
 }
 
-export interface BreadcrumbsTypeMap<P = {}, D extends React.ElementType = 'nav'> {
-  props: P & {
+export interface BreadcrumbsTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'nav',
+> {
+  props: AdditionalProps & {
     /**
      * The content of the component.
      */
@@ -79,7 +82,7 @@ export interface BreadcrumbsTypeMap<P = {}, D extends React.ElementType = 'nav'>
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -95,8 +98,10 @@ export interface BreadcrumbsTypeMap<P = {}, D extends React.ElementType = 'nav'>
 declare const Breadcrumbs: OverridableComponent<BreadcrumbsTypeMap>;
 
 export type BreadcrumbsProps<
-  D extends React.ElementType = BreadcrumbsTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<BreadcrumbsTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = BreadcrumbsTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<BreadcrumbsTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Breadcrumbs;

package/Breadcrumbs/breadcrumbsClasses.d.ts

@@ -1,14 +1,14 @@
-export interface BreadcrumbsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the ol element. */
-    ol: string;
-    /** Styles applied to the li element. */
-    li: string;
-    /** Styles applied to the separator element. */
-    separator: string;
-}
-export type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
-export declare function getBreadcrumbsUtilityClass(slot: string): string;
-declare const breadcrumbsClasses: BreadcrumbsClasses;
-export default breadcrumbsClasses;
+export interface BreadcrumbsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the ol element. */
+    ol: string;
+    /** Styles applied to the li element. */
+    li: string;
+    /** Styles applied to the separator element. */
+    separator: string;
+}
+export type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
+export declare function getBreadcrumbsUtilityClass(slot: string): string;
+declare const breadcrumbsClasses: BreadcrumbsClasses;
+export default breadcrumbsClasses;

package/Button/Button.d.ts

@@ -13,10 +13,10 @@ export interface ButtonPropsColorOverrides {}
 export interface ButtonPropsSizeOverrides {}
 
 export type ButtonTypeMap<
-  P = {},
-  D extends React.ElementType = 'button',
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'button',
 > = ExtendButtonBaseTypeMap<{
-  props: P & {
+  props: AdditionalProps & {
     /**
      * The content of the component.
      */
@@ -87,7 +87,7 @@ export type ButtonTypeMap<
       ButtonPropsVariantOverrides
     >;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }>;
 
 /**
@@ -95,18 +95,18 @@ export type ButtonTypeMap<
  * This component has an additional overload if the `href` prop is set which
  * can make extension quite tricky
  */
-export interface ExtendButtonTypeMap<M extends OverridableTypeMap> {
-  props: M['props'] &
-    (M['props'] extends { classes?: Record<string, string> }
+export interface ExtendButtonTypeMap<TypeMap extends OverridableTypeMap> {
+  props: TypeMap['props'] &
+    (TypeMap['props'] extends { classes?: Record<string, string> }
       ? DistributiveOmit<ButtonTypeMap['props'], 'classes'>
       : ButtonTypeMap['props']);
-  defaultComponent: M['defaultComponent'];
+  defaultComponent: TypeMap['defaultComponent'];
 }
 
-export type ExtendButton<M extends OverridableTypeMap> = ((
-  props: { href: string } & OverrideProps<ExtendButtonBaseTypeMap<M>, 'a'>,
+export type ExtendButton<TypeMap extends OverridableTypeMap> = ((
+  props: { href: string } & OverrideProps<ExtendButtonBaseTypeMap<TypeMap>, 'a'>,
 ) => JSX.Element) &
-  OverridableComponent<ExtendButtonBaseTypeMap<M>>;
+  OverridableComponent<ExtendButtonBaseTypeMap<TypeMap>>;
 
 /**
  *
@@ -123,8 +123,10 @@ export type ExtendButton<M extends OverridableTypeMap> = ((
 declare const Button: ExtendButtonBase<ButtonTypeMap>;
 
 export type ButtonProps<
-  D extends React.ElementType = ButtonTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<ButtonTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = ButtonTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<ButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Button;

package/Button/Button.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { internal_resolveProps as resolveProps } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { alpha } from '@mui/system';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';

package/Button/buttonClasses.d.ts

@@ -1,100 +1,100 @@
-export interface ButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="text"`. */
-    text: string;
-    /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
-    textInherit: string;
-    /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
-    textPrimary: string;
-    /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
-    textSecondary: string;
-    /** Styles applied to the root element if `variant="text"` and `color="success"`. */
-    textSuccess: string;
-    /** Styles applied to the root element if `variant="text"` and `color="error"`. */
-    textError: string;
-    /** Styles applied to the root element if `variant="text"` and `color="info"`. */
-    textInfo: string;
-    /** Styles applied to the root element if `variant="text"` and `color="warning"`. */
-    textWarning: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
-    outlinedInherit: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
-    outlinedPrimary: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
-    outlinedSecondary: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
-    outlinedSuccess: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
-    outlinedError: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
-    outlinedInfo: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
-    outlinedWarning: string;
-    /** Styles applied to the root element if `variant="contained"`. */
-    contained: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
-    containedInherit: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
-    containedPrimary: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
-    containedSecondary: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="success"`. */
-    containedSuccess: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="info"`. */
-    containedInfo: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="error"`. */
-    containedError: string;
-    /** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
-    containedWarning: string;
-    /** Styles applied to the root element if `disableElevation={true}`. */
-    disableElevation: string;
-    /** State class applied to the ButtonBase root element if the button is keyboard focused. */
-    focusVisible: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `color="inherit"`. */
-    colorInherit: string;
-    /** Styles applied to the root element if `size="small"` and `variant="text"`. */
-    textSizeSmall: string;
-    /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
-    textSizeMedium: string;
-    /** Styles applied to the root element if `size="large"` and `variant="text"`. */
-    textSizeLarge: string;
-    /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
-    outlinedSizeSmall: string;
-    /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
-    outlinedSizeMedium: string;
-    /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
-    outlinedSizeLarge: string;
-    /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
-    containedSizeSmall: string;
-    /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
-    containedSizeMedium: string;
-    /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
-    containedSizeLarge: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `size="large"`. */
-    sizeLarge: string;
-    /** Styles applied to the root element if `fullWidth={true}`. */
-    fullWidth: string;
-    /** Styles applied to the startIcon element if supplied. */
-    startIcon: string;
-    /** Styles applied to the endIcon element if supplied. */
-    endIcon: string;
-    /** Styles applied to the icon element if supplied and `size="small"`. */
-    iconSizeSmall: string;
-    /** Styles applied to the icon element if supplied and `size="medium"`. */
-    iconSizeMedium: string;
-    /** Styles applied to the icon element if supplied and `size="large"`. */
-    iconSizeLarge: string;
-}
-export type ButtonClassKey = keyof ButtonClasses;
-export declare function getButtonUtilityClass(slot: string): string;
-declare const buttonClasses: ButtonClasses;
-export default buttonClasses;
+export interface ButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="text"`. */
+    text: string;
+    /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
+    textInherit: string;
+    /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
+    textPrimary: string;
+    /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
+    textSecondary: string;
+    /** Styles applied to the root element if `variant="text"` and `color="success"`. */
+    textSuccess: string;
+    /** Styles applied to the root element if `variant="text"` and `color="error"`. */
+    textError: string;
+    /** Styles applied to the root element if `variant="text"` and `color="info"`. */
+    textInfo: string;
+    /** Styles applied to the root element if `variant="text"` and `color="warning"`. */
+    textWarning: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
+    outlinedInherit: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
+    outlinedPrimary: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
+    outlinedSecondary: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
+    outlinedSuccess: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
+    outlinedError: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
+    outlinedInfo: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
+    outlinedWarning: string;
+    /** Styles applied to the root element if `variant="contained"`. */
+    contained: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
+    containedInherit: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
+    containedPrimary: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
+    containedSecondary: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="success"`. */
+    containedSuccess: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="info"`. */
+    containedInfo: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="error"`. */
+    containedError: string;
+    /** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
+    containedWarning: string;
+    /** Styles applied to the root element if `disableElevation={true}`. */
+    disableElevation: string;
+    /** State class applied to the ButtonBase root element if the button is keyboard focused. */
+    focusVisible: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `color="inherit"`. */
+    colorInherit: string;
+    /** Styles applied to the root element if `size="small"` and `variant="text"`. */
+    textSizeSmall: string;
+    /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
+    textSizeMedium: string;
+    /** Styles applied to the root element if `size="large"` and `variant="text"`. */
+    textSizeLarge: string;
+    /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
+    outlinedSizeSmall: string;
+    /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
+    outlinedSizeMedium: string;
+    /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
+    outlinedSizeLarge: string;
+    /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
+    containedSizeSmall: string;
+    /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
+    containedSizeMedium: string;
+    /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
+    containedSizeLarge: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `size="large"`. */
+    sizeLarge: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
+    /** Styles applied to the startIcon element if supplied. */
+    startIcon: string;
+    /** Styles applied to the endIcon element if supplied. */
+    endIcon: string;
+    /** Styles applied to the icon element if supplied and `size="small"`. */
+    iconSizeSmall: string;
+    /** Styles applied to the icon element if supplied and `size="medium"`. */
+    iconSizeMedium: string;
+    /** Styles applied to the icon element if supplied and `size="large"`. */
+    iconSizeLarge: string;
+}
+export type ButtonClassKey = keyof ButtonClasses;
+export declare function getButtonUtilityClass(slot: string): string;
+declare const buttonClasses: ButtonClasses;
+export default buttonClasses;

package/ButtonBase/ButtonBase.d.ts

@@ -5,8 +5,11 @@ import { TouchRippleActions, TouchRippleProps } from './TouchRipple';
 import { OverrideProps, OverridableComponent, OverridableTypeMap } from '../OverridableComponent';
 import { ButtonBaseClasses } from './buttonBaseClasses';
 
-export interface ButtonBaseTypeMap<P = {}, D extends React.ElementType = 'button'> {
-  props: P & {
+export interface ButtonBaseTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'button',
+> {
+  props: AdditionalProps & {
     /**
      * A ref for imperative actions.
      * It currently only supports `focusVisible()` action.
@@ -85,7 +88,7 @@ export interface ButtonBaseTypeMap<P = {}, D extends React.ElementType = 'button
      */
     touchRippleRef?: React.Ref<TouchRippleActions>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -93,15 +96,15 @@ export interface ButtonBaseTypeMap<P = {}, D extends React.ElementType = 'button
  * This component has an additional overload if the `href` prop is set which
  * can make extension quite tricky
  */
-export interface ExtendButtonBaseTypeMap<M extends OverridableTypeMap> {
-  props: M['props'] & Omit<ButtonBaseTypeMap['props'], 'classes'>;
-  defaultComponent: M['defaultComponent'];
+export interface ExtendButtonBaseTypeMap<TypeMap extends OverridableTypeMap> {
+  props: TypeMap['props'] & Omit<ButtonBaseTypeMap['props'], 'classes'>;
+  defaultComponent: TypeMap['defaultComponent'];
 }
 
-export type ExtendButtonBase<M extends OverridableTypeMap> = ((
-  props: { href: string } & OverrideProps<ExtendButtonBaseTypeMap<M>, 'a'>,
+export type ExtendButtonBase<TypeMap extends OverridableTypeMap> = ((
+  props: { href: string } & OverrideProps<ExtendButtonBaseTypeMap<TypeMap>, 'a'>,
 ) => JSX.Element) &
-  OverridableComponent<ExtendButtonBaseTypeMap<M>>;
+  OverridableComponent<ExtendButtonBaseTypeMap<TypeMap>>;
 
 /**
  * `ButtonBase` contains as few styles as possible.
@@ -119,9 +122,11 @@ export type ExtendButtonBase<M extends OverridableTypeMap> = ((
 declare const ButtonBase: ExtendButtonBase<ButtonBaseTypeMap>;
 
 export type ButtonBaseProps<
-  D extends React.ElementType = ButtonBaseTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<ButtonBaseTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<ButtonBaseTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export interface ButtonBaseActions {
   focusVisible(): void;

package/ButtonBase/ButtonBase.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { elementTypeAcceptingRef, refType } from '@mui/utils';
-import composeClasses from '@mui/base/composeClasses';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import useForkRef from '../utils/useForkRef';

package/ButtonBase/buttonBaseClasses.d.ts

@@ -1,12 +1,12 @@
-export interface ButtonBaseClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-}
-export type ButtonBaseClassKey = keyof ButtonBaseClasses;
-export declare function getButtonBaseUtilityClass(slot: string): string;
-declare const buttonBaseClasses: ButtonBaseClasses;
-export default buttonBaseClasses;
+export interface ButtonBaseClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+}
+export type ButtonBaseClassKey = keyof ButtonBaseClasses;
+export declare function getButtonBaseUtilityClass(slot: string): string;
+declare const buttonBaseClasses: ButtonBaseClasses;
+export default buttonBaseClasses;

package/ButtonBase/touchRippleClasses.d.ts

@@ -1,20 +1,20 @@
-export interface TouchRippleClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the internal `Ripple` components `ripple` class. */
-    ripple: string;
-    /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
-    rippleVisible: string;
-    /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
-    ripplePulsate: string;
-    /** Styles applied to the internal `Ripple` components `child` class. */
-    child: string;
-    /** Styles applied to the internal `Ripple` components `childLeaving` class. */
-    childLeaving: string;
-    /** Styles applied to the internal `Ripple` components `childPulsate` class. */
-    childPulsate: string;
-}
-export type TouchRippleClassKey = keyof TouchRippleClasses;
-export declare function getTouchRippleUtilityClass(slot: string): string;
-declare const touchRippleClasses: TouchRippleClasses;
-export default touchRippleClasses;
+export interface TouchRippleClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the internal `Ripple` components `ripple` class. */
+    ripple: string;
+    /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
+    rippleVisible: string;
+    /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
+    ripplePulsate: string;
+    /** Styles applied to the internal `Ripple` components `child` class. */
+    child: string;
+    /** Styles applied to the internal `Ripple` components `childLeaving` class. */
+    childLeaving: string;
+    /** Styles applied to the internal `Ripple` components `childPulsate` class. */
+    childPulsate: string;
+}
+export type TouchRippleClassKey = keyof TouchRippleClasses;
+export declare function getTouchRippleUtilityClass(slot: string): string;
+declare const touchRippleClasses: TouchRippleClasses;
+export default touchRippleClasses;

package/ButtonGroup/ButtonGroup.d.ts

@@ -9,8 +9,11 @@ export interface ButtonGroupPropsColorOverrides {}
 export interface ButtonGroupPropsVariantOverrides {}
 export interface ButtonGroupPropsSizeOverrides {}
 
-export interface ButtonGroupTypeMap<P = {}, D extends React.ElementType = 'div'> {
-  props: P & {
+export interface ButtonGroupTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'div',
+> {
+  props: AdditionalProps & {
     /**
      * The content of the component.
      */
@@ -78,7 +81,7 @@ export interface ButtonGroupTypeMap<P = {}, D extends React.ElementType = 'div'>
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -94,8 +97,10 @@ export interface ButtonGroupTypeMap<P = {}, D extends React.ElementType = 'div'>
 declare const ButtonGroup: OverridableComponent<ButtonGroupTypeMap>;
 
 export type ButtonGroupProps<
-  D extends React.ElementType = ButtonGroupTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<ButtonGroupTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = ButtonGroupTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<ButtonGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default ButtonGroup;