@mui/material 5.14.6 → 5.14.8

package/Accordion/Accordion.d.ts

@@ -8,7 +8,7 @@ import { ExtendPaperTypeMap } from '../Paper/Paper';
 
 export type AccordionTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > = ExtendPaperTypeMap<
   {
     props: AdditionalProps & {
@@ -65,7 +65,7 @@ export type AccordionTypeMap<
        */
       TransitionProps?: TransitionProps;
     };
-    defaultComponent: DefaultComponent;
+    defaultComponent: RootComponent;
   },
   'onChange' | 'classes'
 >;

package/AccordionSummary/AccordionSummary.d.ts

@@ -5,29 +5,31 @@ import { OverrideProps } from '../OverridableComponent';
 import { Theme } from '..';
 import { AccordionSummaryClasses } from './accordionSummaryClasses';
 
+export interface AccordionSummaryOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AccordionSummaryClasses>;
+  /**
+   * The icon to display as the expand indicator.
+   */
+  expandIcon?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type AccordionSummaryTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<AccordionSummaryClasses>;
-    /**
-     * The icon to display as the expand indicator.
-     */
-    expandIcon?: React.ReactNode;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & AccordionSummaryOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**

package/AppBar/AppBar.d.ts

@@ -8,41 +8,43 @@ import { ExtendPaperTypeMap } from '../Paper/Paper';
 
 export interface AppBarPropsColorOverrides {}
 
+export interface AppBarOwnProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AppBarClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<PropTypes.Color | 'transparent', AppBarPropsColorOverrides>;
+  /**
+   * If true, the `color` prop is applied in dark mode.
+   * @default false
+   */
+  enableColorOnDark?: boolean;
+  /**
+   * The positioning type. The behavior of the different options is described
+   * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
+   * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
+   * @default 'fixed'
+   */
+  position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
 export type AppBarTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'header',
+  RootComponent extends React.ElementType = 'header',
 > = ExtendPaperTypeMap<
   {
-    props: AdditionalProps & {
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<AppBarClasses>;
-      /**
-       * The color of the component.
-       * It supports both default and custom theme colors, which can be added as shown in the
-       * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-       * @default 'primary'
-       */
-      color?: OverridableStringUnion<PropTypes.Color | 'transparent', AppBarPropsColorOverrides>;
-      /**
-       * If true, the `color` prop is applied in dark mode.
-       * @default false
-       */
-      enableColorOnDark?: boolean;
-      /**
-       * The positioning type. The behavior of the different options is described
-       * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
-       * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
-       * @default 'fixed'
-       */
-      position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-    };
-    defaultComponent: DefaultComponent;
+    props: AdditionalProps & AppBarOwnProps;
+    defaultComponent: RootComponent;
   },
   'position' | 'color' | 'classes'
 >;

package/Avatar/Avatar.d.ts

@@ -7,59 +7,58 @@ import { AvatarClasses } from './avatarClasses';
 
 export interface AvatarPropsVariantOverrides {}
 
+export interface AvatarOwnProps {
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt?: string;
+  /**
+   * Used to render icon or text elements inside the Avatar if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AvatarClasses>;
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
+   * It can be used to listen for the loading error event.
+   */
+  imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
+    sx?: SxProps<Theme>;
+  };
+  /**
+   * The `sizes` attribute for the `img` element.
+   */
+  sizes?: string;
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src?: string;
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet?: string;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The shape of the avatar.
+   * @default 'circular'
+   */
+  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
+}
+
 export interface AvatarTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * Used in combination with `src` or `srcSet` to
-     * provide an alt attribute for the rendered `img` element.
-     */
-    alt?: string;
-    /**
-     * Used to render icon or text elements inside the Avatar if `src` is not set.
-     * This can be an element, or just a string.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<AvatarClasses>;
-    /**
-     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
-     * It can be used to listen for the loading error event.
-     */
-    imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
-      sx?: SxProps<Theme>;
-    };
-    /**
-     * The `sizes` attribute for the `img` element.
-     */
-    sizes?: string;
-    /**
-     * The `src` attribute for the `img` element.
-     */
-    src?: string;
-    /**
-     * The `srcSet` attribute for the `img` element.
-     * Use this attribute for responsive image display.
-     */
-    srcSet?: string;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The shape of the avatar.
-     * @default 'circular'
-     */
-    variant?: OverridableStringUnion<
-      'circular' | 'rounded' | 'square',
-      AvatarPropsVariantOverrides
-    >;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & AvatarOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**

package/Backdrop/Backdrop.d.ts

@@ -8,94 +8,96 @@ import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 
 export interface BackdropComponentsPropsOverrides {}
 
+export interface BackdropOwnProps extends Partial<Omit<FadeProps, 'children'>> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components?: {
+    Root?: React.ElementType;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps?: {
+    root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
+  };
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BackdropClasses>;
+  /**
+   * If `true`, the backdrop is invisible.
+   * It can be used when rendering a popover or a custom select component.
+   * @default false
+   */
+  invisible?: boolean;
+  /**
+   * If `true`, the component is shown.
+   */
+  open: boolean;
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps?: {
+    root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
+  };
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots?: {
+    root?: React.ElementType;
+  };
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  transitionDuration?: TransitionProps['timeout'];
+  /**
+   * The component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Fade
+   */
+  TransitionComponent?: React.JSXElementConstructor<
+    TransitionProps & {
+      children: React.ReactElement<any, any>;
+    }
+  >;
+}
+
 export interface BackdropTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps &
-    Partial<Omit<FadeProps, 'children'>> & {
-      /**
-       * The content of the component.
-       */
-      children?: React.ReactNode;
-      /**
-       * The components used for each slot inside.
-       *
-       * This prop is an alias for the `slots` prop.
-       * It's recommended to use the `slots` prop instead.
-       *
-       * @default {}
-       */
-      components?: {
-        Root?: React.ElementType;
-      };
-      /**
-       * The extra props for the slot components.
-       * You can override the existing props or add new ones.
-       *
-       * This prop is an alias for the `slotProps` prop.
-       * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-       *
-       * @default {}
-       */
-      componentsProps?: {
-        root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
-      };
-      /**
-       * Override or extend the styles applied to the component.
-       */
-      classes?: Partial<BackdropClasses>;
-      /**
-       * If `true`, the backdrop is invisible.
-       * It can be used when rendering a popover or a custom select component.
-       * @default false
-       */
-      invisible?: boolean;
-      /**
-       * If `true`, the component is shown.
-       */
-      open: boolean;
-      /**
-       * The extra props for the slot components.
-       * You can override the existing props or add new ones.
-       *
-       * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
-       *
-       * @default {}
-       */
-      slotProps?: {
-        root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
-      };
-      /**
-       * The components used for each slot inside.
-       *
-       * This prop is an alias for the `components` prop, which will be deprecated in the future.
-       *
-       * @default {}
-       */
-      slots?: {
-        root?: React.ElementType;
-      };
-
-      /**
-       * The system prop that allows defining system overrides as well as additional CSS styles.
-       */
-      sx?: SxProps<Theme>;
-      /**
-       * The duration for the transition, in milliseconds.
-       * You may specify a single timeout for all transitions, or individually with an object.
-       */
-      transitionDuration?: TransitionProps['timeout'];
-      /**
-       * The component used for the transition.
-       * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-       * @default Fade
-       */
-      TransitionComponent?: React.JSXElementConstructor<
-        TransitionProps & { children: React.ReactElement<any, any> }
-      >;
-    };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & BackdropOwnProps;
+  defaultComponent: RootComponent;
 }
 
 type BackdropRootProps = NonNullable<BackdropTypeMap['props']['componentsProps']>['root'];

package/Badge/Badge.d.ts

@@ -147,11 +147,11 @@ export interface BadgeOwnProps {
 }
 
 export interface BadgeTypeMap<
-  DefaultComponent extends React.ElementType = 'span',
+  RootComponent extends React.ElementType = 'span',
   AdditionalProps = {},
 > {
   props: AdditionalProps & BadgeOwnProps;
-  defaultComponent: DefaultComponent;
+  defaultComponent: RootComponent;
 }
 
 type BadgeRootProps = NonNullable<BadgeTypeMap['props']['slotProps']>['root'];

package/BottomNavigation/BottomNavigation.d.ts

@@ -4,42 +4,44 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { BottomNavigationClasses } from './bottomNavigationClasses';
 
+export interface BottomNavigationOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BottomNavigationClasses>;
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {any} value We default to the index of the child.
+   */
+  onChange?: (event: React.SyntheticEvent, value: any) => void;
+  /**
+   * If `true`, all `BottomNavigationAction`s will show their labels.
+   * By default, only the selected `BottomNavigationAction` will show its label.
+   * @default false
+   */
+  showLabels?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The value of the currently selected `BottomNavigationAction`.
+   */
+  value?: any;
+}
+
 export interface BottomNavigationTypeMap<
   AdditionalProps = {},
-  DefaultComponent extends React.ElementType = 'div',
+  RootComponent extends React.ElementType = 'div',
 > {
-  props: AdditionalProps & {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<BottomNavigationClasses>;
-    /**
-     * Callback fired when the value changes.
-     *
-     * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-     * @param {any} value We default to the index of the child.
-     */
-    onChange?: (event: React.SyntheticEvent, value: any) => void;
-    /**
-     * If `true`, all `BottomNavigationAction`s will show their labels.
-     * By default, only the selected `BottomNavigationAction` will show its label.
-     * @default false
-     */
-    showLabels?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The value of the currently selected `BottomNavigationAction`.
-     */
-    value?: any;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & BottomNavigationOwnProps;
+  defaultComponent: RootComponent;
 }
 /**
  *

package/BottomNavigationAction/BottomNavigationAction.d.ts

@@ -5,46 +5,48 @@ import { ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from '..
 import { OverrideProps } from '../OverridableComponent';
 import { BottomNavigationActionClasses } from './bottomNavigationActionClasses';
 
+export interface BottomNavigationActionOwnProps {
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<BottomNavigationActionClasses>;
+  /**
+   * The icon to display.
+   */
+  icon?: React.ReactNode;
+  /**
+   * The label element.
+   */
+  label?: React.ReactNode;
+  /**
+   * If `true`, the `BottomNavigationAction` will show its label.
+   * By default, only the selected `BottomNavigationAction`
+   * inside `BottomNavigation` will show its label.
+   *
+   * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
+   */
+  showLabel?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * You can provide your own value. Otherwise, we fallback to the child position index.
+   */
+  value?: any;
+}
+
 export type BottomNavigationActionTypeMap<
   AdditionalProps,
-  DefaultComponent extends React.ElementType,
+  RootComponent extends React.ElementType,
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & {
-    /**
-     * This prop isn't supported.
-     * Use the `component` prop if you need to change the children structure.
-     */
-    children?: React.ReactNode;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<BottomNavigationActionClasses>;
-    /**
-     * The icon to display.
-     */
-    icon?: React.ReactNode;
-    /**
-     * The label element.
-     */
-    label?: React.ReactNode;
-    /**
-     * If `true`, the `BottomNavigationAction` will show its label.
-     * By default, only the selected `BottomNavigationAction`
-     * inside `BottomNavigation` will show its label.
-     *
-     * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
-     */
-    showLabel?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * You can provide your own value. Otherwise, we fallback to the child position index.
-     */
-    value?: any;
-  };
-  defaultComponent: DefaultComponent;
+  props: AdditionalProps & BottomNavigationActionOwnProps;
+  defaultComponent: RootComponent;
 }>;
 
 /**