@mui/material 7.0.0-alpha.1 → 7.0.0-alpha.2

package/Accordion/Accordion.d.ts

@@ -5,7 +5,7 @@ import { TransitionProps } from "../transitions/transition.js";
 import { AccordionClasses } from "./accordionClasses.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { ExtendPaperTypeMap } from "../Paper/Paper.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
 export interface AccordionSlots {
   /**
    * The component that renders the heading.
@@ -17,15 +17,21 @@ export interface AccordionSlots {
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
    */
-  transition: React.JSXElementConstructor<TransitionProps & {
-    children?: React.ReactElement<unknown, any>;
-  }>;
+  transition: React.ElementType;
 }
 export interface AccordionTransitionSlotPropsOverrides {}
 export interface AccordionHeadingSlotPropsOverrides {}
 export type AccordionSlotsAndSlotProps = CreateSlotsAndSlotProps<AccordionSlots, {
-  heading: SlotProps<React.ElementType<React.HTMLProps<HTMLHeadingElement>>, AccordionHeadingSlotPropsOverrides, AccordionOwnerState>;
-  transition: SlotProps<React.ElementType<TransitionProps>, AccordionTransitionSlotPropsOverrides, AccordionOwnerState>;
+  /**
+   * Props forwarded to the heading slot.
+   * By default, the avaible props are based on the h3 element.
+   */
+  heading: SlotProps<'h3', AccordionHeadingSlotPropsOverrides, AccordionOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component.
+   */
+  transition: SlotComponentProps<React.ElementType, TransitionProps & AccordionTransitionSlotPropsOverrides, AccordionOwnerState>;
 }>;
 export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendPaperTypeMap<{
   props: AdditionalProps & {

package/Backdrop/Backdrop.d.ts

@@ -5,7 +5,7 @@ import { TransitionProps } from "../transitions/transition.js";
 import { Theme } from "../styles/index.js";
 import { BackdropClasses } from "./backdropClasses.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
 export interface BackdropSlots {
   /**
    * The component that renders the root.
@@ -17,15 +17,21 @@ export interface BackdropSlots {
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
    */
-  transition: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }>;
+  transition: React.ElementType;
 }
 export interface BackdropComponentsPropsOverrides {}
 export interface BackdropTransitionSlotPropsOverrides {}
 export type BackdropSlotsAndSlotProps = CreateSlotsAndSlotProps<BackdropSlots, {
-  root: SlotProps<React.ElementType<HTMLDivElement>, BackdropComponentsPropsOverrides, BackdropOwnerState>;
-  transition: SlotProps<React.JSXElementConstructor<TransitionProps>, BackdropTransitionSlotPropsOverrides, BackdropOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the div element.
+   */
+  root: SlotProps<'div', BackdropComponentsPropsOverrides, BackdropOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
+   */
+  transition: SlotComponentProps<React.ElementType, TransitionProps & BackdropTransitionSlotPropsOverrides, BackdropOwnerState>;
 }>;
 export interface BackdropOwnProps extends Partial<Omit<FadeProps, 'children'>>, BackdropSlotsAndSlotProps {
   /**

package/Button/Button.js

@@ -508,9 +508,9 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     variant = 'text',
     ...other
   } = props;
-  const id = (0, _utils.unstable_useId)(idProp);
+  const loadingId = (0, _utils.unstable_useId)(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
     size: 16
   });
@@ -570,7 +570,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     focusVisibleClassName: (0, _clsx.default)(classes.focusVisible, focusVisibleClassName),
     ref: ref,
     type: type,
-    id: id,
+    id: loading ? loadingId : idProp,
     ...other,
     classes: classes,
     children: [startIcon, loadingPosition !== 'end' && loader, children, loadingPosition === 'end' && loader, endIcon]

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.0.0-alpha.2
+
+<!-- generated comparing v7.0.0-alpha.1..master -->
+
+_Feb 18, 2025_
+
+A big thanks to the 9 contributors who made this release possible.
+
+### `@mui/material@7.0.0-alpha.2`
+
+- [Autocomplete] Remove legacy `aria-owns` attribute for combobox (#45302) @ZeeshanTamboli
+- [Button] Apply id only if loading indicator is present (#45296) @aarongarciah
+- [Hidden] Remove deprecated Hidden component (#45283) @DiegoAndai
+- [InputBase] Deprecate composed classes (#45234) @sai6855
+- [InputLabel] Changed size prop value from `normal` to `medium` (#45235) @perkrlsn
+- Fix `slotProps.transition` types (#45214) @siriwatknp
+
+### Docs
+
+- Fix broken links to MUI X docs (#45145) @mapache-salvaje
+- Add migration guide for package layout changes (#45222) @Janpot
+- [icons] Fix typo in material-icons.md (#45334) @a-s-russo
+
+### Core
+
+- Disallow access to esm/modern barrel files (#45332) @Janpot
+- [code-infra] Update `elliptic` (#45311) @Janpot
+- Update release guide to specify package bumping rules (#45294) @DiegoAndai
+
+All contributors of this release in alphabetical order: @a-s-russo, @aarongarciah, @DiegoAndai, @Janpot, @mapache-salvaje, @perkrlsn, @sai6855, @siriwatknp, @ZeeshanTamboli
+
 ## 7.0.0-alpha.1
 
 <!-- generated comparing v7.0.0-alpha.0..master -->

package/Dialog/Dialog.d.ts

@@ -6,7 +6,7 @@ import { PaperProps } from "../Paper/index.js";
 import { ModalProps } from "../Modal/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { DialogClasses } from "./dialogClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
 export interface DialogSlots {
   /**
    * The component that renders the transition.
@@ -57,7 +57,7 @@ export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
    * Props forwarded to the transition slot.
    * By default, the avaible props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
    */
-  transition: SlotProps<React.ElementType<TransitionProps>, DialogTransitionSlotPropsOverrides, DialogOwnerState>;
+  transition: SlotComponentProps<React.ElementType, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
   /**
    * Props forwarded to the paper slot.
    * By default, the avaible props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.

package/IconButton/IconButton.js

@@ -200,9 +200,9 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
     loadingIndicator: loadingIndicatorProp,
     ...other
   } = props;
-  const id = (0, _utils.unstable_useId)(idProp);
+  const loadingId = (0, _utils.unstable_useId)(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
     size: 16
   });
@@ -218,7 +218,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
   };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(IconButtonRoot, {
-    id: id,
+    id: loading ? loadingId : idProp,
     className: (0, _clsx.default)(classes.root, className),
     centerRipple: true,
     focusRipple: !disableFocusRipple,

package/InputBase/inputBaseClasses.d.ts

@@ -27,17 +27,26 @@ export interface InputBaseClasses {
   readOnly: string;
   /** Styles applied to the input element. */
   input: string;
-  /** Styles applied to the input element if `size="small"`. */
+  /** Styles applied to the input element if `size="small"`.
+   * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#inputbase-classes-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   inputSizeSmall: string;
-  /** Styles applied to the input element if `multiline={true}`. */
+  /** Styles applied to the input element if `multiline={true}`.
+   * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#inputbase-classes-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   inputMultiline: string;
-  /** Styles applied to the input element if `type="search"`. */
   inputTypeSearch: string;
-  /** Styles applied to the input element if `startAdornment` is provided. */
+  /** Styles applied to the input element if `startAdornment` is provided.
+   * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#inputbase-classes-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   inputAdornedStart: string;
-  /** Styles applied to the input element if `endAdornment` is provided. */
+  /** Styles applied to the input element if `endAdornment` is provided.
+   * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#inputbase-classes-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   inputAdornedEnd: string;
-  /** Styles applied to the input element if `hiddenLabel={true}`. */
+  /** Styles applied to the input element if `hiddenLabel={true}`.
+   * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-hiddenLabel](/material-ui/api/input-base/#inputbase-classes-hiddenLabel) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   inputHiddenLabel: string;
 }
 export type InputBaseClassKey = keyof InputBaseClasses;

package/InputLabel/InputLabel.d.ts

@@ -44,9 +44,9 @@ export interface InputLabelOwnProps extends Pick<FormLabelProps, 'children'> {
   shrink?: boolean;
   /**
    * The size of the component.
-   * @default 'normal'
+   * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'normal', InputLabelPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', InputLabelPropsSizeOverrides>;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/InputLabel/InputLabel.js

@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
     required
   } = ownerState;
   const slots = {
-    root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size && size !== 'normal' && `size${(0, _capitalize.default)(size)}`, variant],
+    root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size && size !== 'medium' && `size${(0, _capitalize.default)(size)}`, variant],
     asterisk: [required && 'asterisk']
   };
   const composedClasses = (0, _composeClasses.default)(slots, _inputLabelClasses.getInputLabelUtilityClasses, classes);
@@ -275,9 +275,9 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes /* remove-proptypes
   shrink: _propTypes.default.bool,
   /**
    * The size of the component.
-   * @default 'normal'
+   * @default 'medium'
    */
-  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['normal', 'small']), _propTypes.default.string]),
+  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['medium', 'small']), _propTypes.default.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Popover/Popover.d.ts

@@ -51,7 +51,7 @@ export type PopoverSlotsAndSlotProps = CreateSlotsAndSlotProps<PopoverSlots, {
    */
   transition: SlotComponentProps<
   // use SlotComponentProps because transition slot does not support `component` and `sx` prop
-  React.ElementType<TransitionProps>, PopoverTransitionSlotPropsOverrides, PopoverOwnerState>;
+  React.ElementType, TransitionProps & PopoverTransitionSlotPropsOverrides, PopoverOwnerState>;
   /**
    * Props forwarded to the backdrop slot.
    * By default, the avaible props are based on the [Backdrop](https://mui.com/material-ui/api/backdrop/#props) component.

package/Snackbar/Snackbar.d.ts

@@ -52,9 +52,9 @@ export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
   clickAwayListener: SlotComponentProps<typeof ClickAwayListener, SnackbarClickAwayListenerSlotPropsOverrides, SnackbarOwnerState>;
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
    */
-  transition: SlotComponentProps<React.ElementType<TransitionProps>, SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
+  transition: SlotComponentProps<React.ElementType, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
 }>;
 export interface SnackbarOrigin {
   vertical: 'top' | 'bottom';

package/SpeedDial/SpeedDial.d.ts

@@ -5,21 +5,23 @@ import { InternalStandardProps as StandardProps } from "../index.js";
 import { FabProps } from "../Fab/index.js";
 import { TransitionProps } from "../transitions/index.js";
 import { SpeedDialClasses } from "./speedDialClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps } from "../utils/types.js";
 export type CloseReason = 'toggle' | 'blur' | 'mouseLeave' | 'escapeKeyDown';
 export type OpenReason = 'toggle' | 'focus' | 'mouseEnter';
 export interface SpeedDialSlots {
   /**
    * The component that renders the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default {}
+   * @default Zoom
    */
-  transition: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }>;
+  transition: React.ElementType;
 }
 export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots, {
-  transition: SlotProps<React.JSXElementConstructor<TransitionProps>, {}, SpeedDialOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
+   */
+  transition: SlotComponentProps<React.ElementType, TransitionProps, SpeedDialOwnerState>;
 }>;
 export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'>, 'slots' | 'slotProps'>, SpeedDialSlotsAndSlotProps {
   /**

package/StepContent/StepContent.d.ts

@@ -4,7 +4,7 @@ import { CollapseProps, InternalStandardProps as StandardProps } from "../index.
 import { Theme } from "../styles/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { StepContentClasses } from "./stepContentClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps } from "../utils/types.js";
 export interface StepContentSlots {
   /**
    * The component that renders the transition slot.
@@ -20,7 +20,7 @@ export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSl
    * Props forwared to the transition slot.
    * By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
    */
-  transition: SlotProps<React.ElementType<CollapseProps>, {}, StepContentOwnerState>;
+  transition: SlotComponentProps<React.ElementType, CollapseProps, StepContentOwnerState>;
 }>;
 export interface StepContentOwnerState extends StepContentProps {}
 export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, StepContentSlotsAndSlotProps {

package/Tooltip/Tooltip.d.ts

@@ -32,10 +32,26 @@ export interface TooltipSlots {
   arrow: React.ElementType;
 }
 export type TooltipSlotsAndSlotProps = CreateSlotsAndSlotProps<TooltipSlots, {
+  /**
+   * Props forwarded to the popper slot.
+   * By default, the avaible props are based on the [Popper](https://mui.com/material-ui/api/popper/#props) component.
+   */
   popper: SlotProps<React.ElementType<PopperProps>, TooltipPopperSlotPropsOverrides, TooltipOwnerState>;
-  transition: SlotProps<React.ElementType<TransitionProps>, TooltipTransitionSlotPropsOverrides, TooltipOwnerState>;
-  tooltip: SlotProps<React.ElementType<React.HTMLProps<HTMLDivElement>>, TooltipTooltipSlotPropsOverrides, TooltipOwnerState>;
-  arrow: SlotProps<React.ElementType<React.HTMLProps<HTMLSpanElement>>, TooltipArrowSlotPropsOverrides, TooltipOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
+   */
+  transition: SlotProps<React.ElementType, TransitionProps & TooltipTransitionSlotPropsOverrides, TooltipOwnerState>;
+  /**
+   * Props forwarded to the tooltip slot.
+   * By default, the avaible props are based on the div element.
+   */
+  tooltip: SlotProps<'div', TooltipTooltipSlotPropsOverrides, TooltipOwnerState>;
+  /**
+   * Props forwarded to the tooltip slot.
+   * By default, the avaible props are based on the span element.
+   */
+  arrow: SlotProps<'span', TooltipArrowSlotPropsOverrides, TooltipOwnerState>;
 }>;
 export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'title'>, TooltipSlotsAndSlotProps {
   /**

package/esm/Accordion/Accordion.d.ts

@@ -5,7 +5,7 @@ import { TransitionProps } from "../transitions/transition.js";
 import { AccordionClasses } from "./accordionClasses.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { ExtendPaperTypeMap } from "../Paper/Paper.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
 export interface AccordionSlots {
   /**
    * The component that renders the heading.
@@ -17,15 +17,21 @@ export interface AccordionSlots {
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
    */
-  transition: React.JSXElementConstructor<TransitionProps & {
-    children?: React.ReactElement<unknown, any>;
-  }>;
+  transition: React.ElementType;
 }
 export interface AccordionTransitionSlotPropsOverrides {}
 export interface AccordionHeadingSlotPropsOverrides {}
 export type AccordionSlotsAndSlotProps = CreateSlotsAndSlotProps<AccordionSlots, {
-  heading: SlotProps<React.ElementType<React.HTMLProps<HTMLHeadingElement>>, AccordionHeadingSlotPropsOverrides, AccordionOwnerState>;
-  transition: SlotProps<React.ElementType<TransitionProps>, AccordionTransitionSlotPropsOverrides, AccordionOwnerState>;
+  /**
+   * Props forwarded to the heading slot.
+   * By default, the avaible props are based on the h3 element.
+   */
+  heading: SlotProps<'h3', AccordionHeadingSlotPropsOverrides, AccordionOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component.
+   */
+  transition: SlotComponentProps<React.ElementType, TransitionProps & AccordionTransitionSlotPropsOverrides, AccordionOwnerState>;
 }>;
 export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendPaperTypeMap<{
   props: AdditionalProps & {

package/esm/Backdrop/Backdrop.d.ts

@@ -5,7 +5,7 @@ import { TransitionProps } from "../transitions/transition.js";
 import { Theme } from "../styles/index.js";
 import { BackdropClasses } from "./backdropClasses.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
 export interface BackdropSlots {
   /**
    * The component that renders the root.
@@ -17,15 +17,21 @@ export interface BackdropSlots {
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
    */
-  transition: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }>;
+  transition: React.ElementType;
 }
 export interface BackdropComponentsPropsOverrides {}
 export interface BackdropTransitionSlotPropsOverrides {}
 export type BackdropSlotsAndSlotProps = CreateSlotsAndSlotProps<BackdropSlots, {
-  root: SlotProps<React.ElementType<HTMLDivElement>, BackdropComponentsPropsOverrides, BackdropOwnerState>;
-  transition: SlotProps<React.JSXElementConstructor<TransitionProps>, BackdropTransitionSlotPropsOverrides, BackdropOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the div element.
+   */
+  root: SlotProps<'div', BackdropComponentsPropsOverrides, BackdropOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
+   */
+  transition: SlotComponentProps<React.ElementType, TransitionProps & BackdropTransitionSlotPropsOverrides, BackdropOwnerState>;
 }>;
 export interface BackdropOwnProps extends Partial<Omit<FadeProps, 'children'>>, BackdropSlotsAndSlotProps {
   /**

package/esm/Button/Button.js

@@ -501,9 +501,9 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     variant = 'text',
     ...other
   } = props;
-  const id = useId(idProp);
+  const loadingId = useId(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
     size: 16
   });
@@ -563,7 +563,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
     ref: ref,
     type: type,
-    id: id,
+    id: loading ? loadingId : idProp,
     ...other,
     classes: classes,
     children: [startIcon, loadingPosition !== 'end' && loader, children, loadingPosition === 'end' && loader, endIcon]

package/esm/Dialog/Dialog.d.ts

@@ -6,7 +6,7 @@ import { PaperProps } from "../Paper/index.js";
 import { ModalProps } from "../Modal/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { DialogClasses } from "./dialogClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
 export interface DialogSlots {
   /**
    * The component that renders the transition.
@@ -57,7 +57,7 @@ export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
    * Props forwarded to the transition slot.
    * By default, the avaible props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
    */
-  transition: SlotProps<React.ElementType<TransitionProps>, DialogTransitionSlotPropsOverrides, DialogOwnerState>;
+  transition: SlotComponentProps<React.ElementType, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
   /**
    * Props forwarded to the paper slot.
    * By default, the avaible props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.

package/esm/IconButton/IconButton.js

@@ -193,9 +193,9 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
     loadingIndicator: loadingIndicatorProp,
     ...other
   } = props;
-  const id = useId(idProp);
+  const loadingId = useId(idProp);
   const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
-    "aria-labelledby": id,
+    "aria-labelledby": loadingId,
     color: "inherit",
     size: 16
   });
@@ -211,7 +211,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
   };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(IconButtonRoot, {
-    id: id,
+    id: loading ? loadingId : idProp,
     className: clsx(classes.root, className),
     centerRipple: true,
     focusRipple: !disableFocusRipple,

package/esm/InputBase/inputBaseClasses.d.ts

@@ -27,17 +27,26 @@ export interface InputBaseClasses {
   readOnly: string;
   /** Styles applied to the input element. */
   input: string;
-  /** Styles applied to the input element if `size="small"`. */
+  /** Styles applied to the input element if `size="small"`.
+   * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#inputbase-classes-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   inputSizeSmall: string;
-  /** Styles applied to the input element if `multiline={true}`. */
+  /** Styles applied to the input element if `multiline={true}`.
+   * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#inputbase-classes-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   inputMultiline: string;
-  /** Styles applied to the input element if `type="search"`. */
   inputTypeSearch: string;
-  /** Styles applied to the input element if `startAdornment` is provided. */
+  /** Styles applied to the input element if `startAdornment` is provided.
+   * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#inputbase-classes-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   inputAdornedStart: string;
-  /** Styles applied to the input element if `endAdornment` is provided. */
+  /** Styles applied to the input element if `endAdornment` is provided.
+   * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#inputbase-classes-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   inputAdornedEnd: string;
-  /** Styles applied to the input element if `hiddenLabel={true}`. */
+  /** Styles applied to the input element if `hiddenLabel={true}`.
+   * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-hiddenLabel](/material-ui/api/input-base/#inputbase-classes-hiddenLabel) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
   inputHiddenLabel: string;
 }
 export type InputBaseClassKey = keyof InputBaseClasses;

package/esm/InputLabel/InputLabel.d.ts

@@ -44,9 +44,9 @@ export interface InputLabelOwnProps extends Pick<FormLabelProps, 'children'> {
   shrink?: boolean;
   /**
    * The size of the component.
-   * @default 'normal'
+   * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'normal', InputLabelPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', InputLabelPropsSizeOverrides>;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/InputLabel/InputLabel.js

@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
     required
   } = ownerState;
   const slots = {
-    root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size && size !== 'normal' && `size${capitalize(size)}`, variant],
+    root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size && size !== 'medium' && `size${capitalize(size)}`, variant],
     asterisk: [required && 'asterisk']
   };
   const composedClasses = composeClasses(slots, getInputLabelUtilityClasses, classes);
@@ -268,9 +268,9 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes /* remove-proptypes
   shrink: PropTypes.bool,
   /**
    * The size of the component.
-   * @default 'normal'
+   * @default 'medium'
    */
-  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['normal', 'small']), PropTypes.string]),
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/Popover/Popover.d.ts

@@ -51,7 +51,7 @@ export type PopoverSlotsAndSlotProps = CreateSlotsAndSlotProps<PopoverSlots, {
    */
   transition: SlotComponentProps<
   // use SlotComponentProps because transition slot does not support `component` and `sx` prop
-  React.ElementType<TransitionProps>, PopoverTransitionSlotPropsOverrides, PopoverOwnerState>;
+  React.ElementType, TransitionProps & PopoverTransitionSlotPropsOverrides, PopoverOwnerState>;
   /**
    * Props forwarded to the backdrop slot.
    * By default, the avaible props are based on the [Backdrop](https://mui.com/material-ui/api/backdrop/#props) component.

package/esm/Snackbar/Snackbar.d.ts

@@ -52,9 +52,9 @@ export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
   clickAwayListener: SlotComponentProps<typeof ClickAwayListener, SnackbarClickAwayListenerSlotPropsOverrides, SnackbarOwnerState>;
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
    */
-  transition: SlotComponentProps<React.ElementType<TransitionProps>, SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
+  transition: SlotComponentProps<React.ElementType, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
 }>;
 export interface SnackbarOrigin {
   vertical: 'top' | 'bottom';

package/esm/SpeedDial/SpeedDial.d.ts

@@ -5,21 +5,23 @@ import { InternalStandardProps as StandardProps } from "../index.js";
 import { FabProps } from "../Fab/index.js";
 import { TransitionProps } from "../transitions/index.js";
 import { SpeedDialClasses } from "./speedDialClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps } from "../utils/types.js";
 export type CloseReason = 'toggle' | 'blur' | 'mouseLeave' | 'escapeKeyDown';
 export type OpenReason = 'toggle' | 'focus' | 'mouseEnter';
 export interface SpeedDialSlots {
   /**
    * The component that renders the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default {}
+   * @default Zoom
    */
-  transition: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }>;
+  transition: React.ElementType;
 }
 export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots, {
-  transition: SlotProps<React.JSXElementConstructor<TransitionProps>, {}, SpeedDialOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
+   */
+  transition: SlotComponentProps<React.ElementType, TransitionProps, SpeedDialOwnerState>;
 }>;
 export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'>, 'slots' | 'slotProps'>, SpeedDialSlotsAndSlotProps {
   /**

package/esm/StepContent/StepContent.d.ts

@@ -4,7 +4,7 @@ import { CollapseProps, InternalStandardProps as StandardProps } from "../index.
 import { Theme } from "../styles/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { StepContentClasses } from "./stepContentClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps } from "../utils/types.js";
 export interface StepContentSlots {
   /**
    * The component that renders the transition slot.
@@ -20,7 +20,7 @@ export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSl
    * Props forwared to the transition slot.
    * By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
    */
-  transition: SlotProps<React.ElementType<CollapseProps>, {}, StepContentOwnerState>;
+  transition: SlotComponentProps<React.ElementType, CollapseProps, StepContentOwnerState>;
 }>;
 export interface StepContentOwnerState extends StepContentProps {}
 export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, StepContentSlotsAndSlotProps {