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

package/esm/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/index.d.ts

@@ -153,8 +153,6 @@ export { default as Grid2 } from "./Grid2/index.js";
 export * from "./Grid2/index.js";
 export { default as Grow } from "./Grow/index.js";
 export * from "./Grow/index.js";
-export { default as Hidden } from "./Hidden/index.js";
-export * from "./Hidden/index.js";
 export { default as Icon } from "./Icon/index.js";
 export * from "./Icon/index.js";
 export { default as IconButton } from "./IconButton/index.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.0.0-alpha.1
+ * @mui/material v7.0.0-alpha.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -113,8 +113,6 @@ export { default as Grid2 } from "./Grid2/index.js";
 export * from "./Grid2/index.js";
 export { default as Grow } from "./Grow/index.js";
 export * from "./Grow/index.js";
-export { default as Hidden } from "./Hidden/index.js";
-export * from "./Hidden/index.js";
 export { default as Icon } from "./Icon/index.js";
 export * from "./Icon/index.js";
 export { default as IconButton } from "./IconButton/index.js";

package/esm/useAutocomplete/useAutocomplete.js

@@ -877,7 +877,6 @@ function useAutocomplete(props) {
   }
   return {
     getRootProps: (other = {}) => ({
-      'aria-owns': listboxAvailable ? `${id}-listbox` : null,
       ...other,
       onKeyDown: handleKeyDown(other),
       onMouseDown: handleMouseDown,

package/esm/utils/mergeSlotProps.d.ts

@@ -1,2 +1,2 @@
 import { SlotComponentProps } from '@mui/utils';
-export default function mergeSlotProps<T extends SlotComponentProps<React.ElementType, {}, {}>, K = T, U = T extends Function ? T : K extends Function ? K : T extends undefined ? K : T>(externalSlotProps: T | undefined, defaultSlotProps: K): U;
+export default function mergeSlotProps<T extends SlotComponentProps<React.ElementType, {}, {}>, K = T, U = (T extends Function ? T : K extends Function ? K : T extends undefined ? K : T)>(externalSlotProps: T | undefined, defaultSlotProps: K): U;

package/esm/version/index.js

@@ -1,6 +1,6 @@
-export const version = "7.0.0-alpha.1";
+export const version = "7.0.0-alpha.2";
 export const major = Number("7");
 export const minor = Number("0");
 export const patch = Number("0");
-export const prerelease = "alpha.1";
+export const prerelease = "alpha.2";
 export default version;

package/index.d.ts

@@ -153,8 +153,6 @@ export { default as Grid2 } from "./Grid2/index.js";
 export * from "./Grid2/index.js";
 export { default as Grow } from "./Grow/index.js";
 export * from "./Grow/index.js";
-export { default as Hidden } from "./Hidden/index.js";
-export * from "./Hidden/index.js";
 export { default as Icon } from "./Icon/index.js";
 export * from "./Icon/index.js";
 export { default as IconButton } from "./IconButton/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.0.0-alpha.1
+ * @mui/material v7.0.0-alpha.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -65,7 +65,6 @@ var _exportNames = {
   Grid: true,
   Grid2: true,
   Grow: true,
-  Hidden: true,
   Icon: true,
   IconButton: true,
   ImageList: true,
@@ -459,12 +458,6 @@ Object.defineProperty(exports, "Grow", {
     return _Grow.default;
   }
 });
-Object.defineProperty(exports, "Hidden", {
-  enumerable: true,
-  get: function () {
-    return _Hidden.default;
-  }
-});
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function () {
@@ -1609,18 +1602,6 @@ Object.keys(_Grow).forEach(function (key) {
     }
   });
 });
-var _Hidden = _interopRequireWildcard(require("./Hidden"));
-Object.keys(_Hidden).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Hidden[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Hidden[key];
-    }
-  });
-});
 var _Icon = _interopRequireWildcard(require("./Icon"));
 Object.keys(_Icon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/index.d.ts

@@ -153,8 +153,6 @@ export { default as Grid2 } from "./Grid2/index.js";
 export * from "./Grid2/index.js";
 export { default as Grow } from "./Grow/index.js";
 export * from "./Grow/index.js";
-export { default as Hidden } from "./Hidden/index.js";
-export * from "./Hidden/index.js";
 export { default as Icon } from "./Icon/index.js";
 export * from "./Icon/index.js";
 export { default as IconButton } from "./IconButton/index.js";

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.0.0-alpha.1
+ * @mui/material v7.0.0-alpha.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -113,8 +113,6 @@ export { default as Grid2 } from "./Grid2/index.js";
 export * from "./Grid2/index.js";
 export { default as Grow } from "./Grow/index.js";
 export * from "./Grow/index.js";
-export { default as Hidden } from "./Hidden/index.js";
-export * from "./Hidden/index.js";
 export { default as Icon } from "./Icon/index.js";
 export * from "./Icon/index.js";
 export { default as IconButton } from "./IconButton/index.js";

package/modern/useAutocomplete/useAutocomplete.js

@@ -877,7 +877,6 @@ function useAutocomplete(props) {
   }
   return {
     getRootProps: (other = {}) => ({
-      'aria-owns': listboxAvailable ? `${id}-listbox` : null,
       ...other,
       onKeyDown: handleKeyDown(other),
       onMouseDown: handleMouseDown,

package/modern/utils/mergeSlotProps.d.ts

@@ -1,2 +1,2 @@
 import { SlotComponentProps } from '@mui/utils';
-export default function mergeSlotProps<T extends SlotComponentProps<React.ElementType, {}, {}>, K = T, U = T extends Function ? T : K extends Function ? K : T extends undefined ? K : T>(externalSlotProps: T | undefined, defaultSlotProps: K): U;
+export default function mergeSlotProps<T extends SlotComponentProps<React.ElementType, {}, {}>, K = T, U = (T extends Function ? T : K extends Function ? K : T extends undefined ? K : T)>(externalSlotProps: T | undefined, defaultSlotProps: K): U;

package/modern/version/index.js

@@ -1,6 +1,6 @@
-export const version = "7.0.0-alpha.1";
+export const version = "7.0.0-alpha.2";
 export const major = Number("7");
 export const minor = Number("0");
 export const patch = Number("0");
-export const prerelease = "alpha.1";
+export const prerelease = "alpha.2";
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0-alpha.2",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -27,7 +27,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.7",
+    "@babel/runtime": "^7.26.9",
     "@popperjs/core": "^2.11.8",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
@@ -35,10 +35,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^19.0.0",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^7.0.0-alpha.1",
-    "@mui/system": "7.0.0-alpha.1",
-    "@mui/utils": "7.0.0-alpha.1",
-    "@mui/types": "^7.2.22"
+    "@mui/core-downloads-tracker": "^7.0.0-alpha.2",
+    "@mui/system": "7.0.0-alpha.2",
+    "@mui/types": "^7.2.22",
+    "@mui/utils": "7.0.0-alpha.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -46,7 +46,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "7.0.0-alpha.1"
+    "@mui/material-pigment-css": "7.0.0-alpha.2"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -99,6 +99,8 @@
         "default": "./modern/*/index.js"
       }
     },
+    "./esm": null,
+    "./modern": null,
     "./ButtonBase/TouchRipple": {
       "require": {
         "types": "./ButtonBase/TouchRipple.d.ts",