@mui/material 9.0.0-alpha.3 → 9.0.0-beta.0

package/TextField/TextField.js

@@ -63,17 +63,19 @@ const TextFieldRoot = (0, _zeroStyled.styled)(_FormControl.default, {
  * If you wish to alter the props applied to the `input` element, you can do so as follows:
  *
  * ```jsx
- * const inputProps = {
- *   step: 300,
+ * const slotProps = {
+ *   htmlInput: {
+ *      step: 300
+ *   }
  * };
  *
- * return <TextField id="time" type="time" inputProps={inputProps} />;
+ * return <TextField id="time" type="time" slotProps={slotProps} />;
  * ```
  *
  * For advanced cases, please look at the source of TextField by clicking on the
  * "Edit this page" button above. Consider either:
  *
- * - using the upper case props for passing values directly to the components
+ * - using the `slotProps` prop for passing values directly to the components
  * - using the underlying components directly as shown in the demos
  */
 const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
@@ -90,13 +92,9 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     defaultValue,
     disabled = false,
     error = false,
-    FormHelperTextProps: FormHelperTextPropsProp,
     fullWidth = false,
     helperText,
     id: idOverride,
-    InputLabelProps: InputLabelPropsProp,
-    inputProps: inputPropsProp,
-    InputProps: InputPropsProp,
     inputRef,
     label,
     maxRows,
@@ -110,7 +108,6 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     required = false,
     rows,
     select = false,
-    SelectProps: SelectPropsProp,
     slots = {},
     slotProps = {},
     type,
@@ -142,15 +139,14 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
   const InputComponent = variantComponent[variant];
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      input: InputPropsProp,
-      inputLabel: InputLabelPropsProp,
-      htmlInput: inputPropsProp,
-      formHelperText: FormHelperTextPropsProp,
-      select: SelectPropsProp,
-      ...slotProps
-    }
+    slotProps
   };
+  const [SelectSlot, selectProps] = (0, _useSlot.default)('select', {
+    elementType: _Select.default,
+    externalForwardedProps,
+    ownerState
+  });
+  const nativeSelect = select && selectProps.native;
   const inputAdditionalProps = {};
   const inputLabelSlotProps = externalForwardedProps.slotProps.inputLabel;
   if (variant === 'outlined') {
@@ -161,7 +157,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
   }
   if (select) {
     // unset defaults from textbox inputs
-    if (!SelectPropsProp || !SelectPropsProp.native) {
+    if (!nativeSelect) {
       inputAdditionalProps.id = undefined;
     }
     inputAdditionalProps['aria-describedby'] = undefined;
@@ -206,11 +202,6 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     externalForwardedProps,
     ownerState
   });
-  const [SelectSlot, selectProps] = (0, _useSlot.default)('select', {
-    elementType: _Select.default,
-    externalForwardedProps,
-    ownerState
-  });
   const InputElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(InputSlot, {
     "aria-describedby": helperTextId,
     autoComplete: autoComplete,
@@ -239,8 +230,11 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
     ...rootProps,
     children: [label != null && label !== '' && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputLabelSlot, {
-      htmlFor: id,
+      htmlFor: select && !nativeSelect ? undefined : id,
       id: inputLabelId,
+      ...(select && !nativeSelect && {
+        component: 'div'
+      }),
       ...inputLabelProps,
       children: label
     }), select ? /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectSlot, {
@@ -307,11 +301,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    * @default false
    */
   error: _propTypes.default.bool,
-  /**
-   * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
-   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FormHelperTextProps: _propTypes.default.object,
   /**
    * If `true`, the input will take up the full width of its container.
    * @default false
@@ -326,25 +315,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    * Use this prop to make `label` and `helperText` accessible for screen readers.
    */
   id: _propTypes.default.string,
-  /**
-   * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
-   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputLabelProps: _propTypes.default.object,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputProps: _propTypes.default.object,
-  /**
-   * Props applied to the Input element.
-   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
-   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
-   * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputProps: _propTypes.default.object,
   /**
    * Pass a ref to the `input` element.
    */
@@ -409,11 +379,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    * @default false
    */
   select: _propTypes.default.bool,
-  /**
-   * Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
-   * @deprecated Use `slotProps.select` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  SelectProps: _propTypes.default.object,
   /**
    * The size of the component.
    * @default 'medium'

package/TextField/TextField.mjs

@@ -56,17 +56,19 @@ const TextFieldRoot = styled(FormControl, {
  * If you wish to alter the props applied to the `input` element, you can do so as follows:
  *
  * ```jsx
- * const inputProps = {
- *   step: 300,
+ * const slotProps = {
+ *   htmlInput: {
+ *      step: 300
+ *   }
  * };
  *
- * return <TextField id="time" type="time" inputProps={inputProps} />;
+ * return <TextField id="time" type="time" slotProps={slotProps} />;
  * ```
  *
  * For advanced cases, please look at the source of TextField by clicking on the
  * "Edit this page" button above. Consider either:
  *
- * - using the upper case props for passing values directly to the components
+ * - using the `slotProps` prop for passing values directly to the components
  * - using the underlying components directly as shown in the demos
  */
 const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
@@ -83,13 +85,9 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     defaultValue,
     disabled = false,
     error = false,
-    FormHelperTextProps: FormHelperTextPropsProp,
     fullWidth = false,
     helperText,
     id: idOverride,
-    InputLabelProps: InputLabelPropsProp,
-    inputProps: inputPropsProp,
-    InputProps: InputPropsProp,
     inputRef,
     label,
     maxRows,
@@ -103,7 +101,6 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     required = false,
     rows,
     select = false,
-    SelectProps: SelectPropsProp,
     slots = {},
     slotProps = {},
     type,
@@ -135,15 +132,14 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
   const InputComponent = variantComponent[variant];
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      input: InputPropsProp,
-      inputLabel: InputLabelPropsProp,
-      htmlInput: inputPropsProp,
-      formHelperText: FormHelperTextPropsProp,
-      select: SelectPropsProp,
-      ...slotProps
-    }
+    slotProps
   };
+  const [SelectSlot, selectProps] = useSlot('select', {
+    elementType: Select,
+    externalForwardedProps,
+    ownerState
+  });
+  const nativeSelect = select && selectProps.native;
   const inputAdditionalProps = {};
   const inputLabelSlotProps = externalForwardedProps.slotProps.inputLabel;
   if (variant === 'outlined') {
@@ -154,7 +150,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
   }
   if (select) {
     // unset defaults from textbox inputs
-    if (!SelectPropsProp || !SelectPropsProp.native) {
+    if (!nativeSelect) {
       inputAdditionalProps.id = undefined;
     }
     inputAdditionalProps['aria-describedby'] = undefined;
@@ -199,11 +195,6 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     externalForwardedProps,
     ownerState
   });
-  const [SelectSlot, selectProps] = useSlot('select', {
-    elementType: Select,
-    externalForwardedProps,
-    ownerState
-  });
   const InputElement = /*#__PURE__*/_jsx(InputSlot, {
     "aria-describedby": helperTextId,
     autoComplete: autoComplete,
@@ -232,8 +223,11 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
   return /*#__PURE__*/_jsxs(RootSlot, {
     ...rootProps,
     children: [label != null && label !== '' && /*#__PURE__*/_jsx(InputLabelSlot, {
-      htmlFor: id,
+      htmlFor: select && !nativeSelect ? undefined : id,
       id: inputLabelId,
+      ...(select && !nativeSelect && {
+        component: 'div'
+      }),
       ...inputLabelProps,
       children: label
     }), select ? /*#__PURE__*/_jsx(SelectSlot, {
@@ -300,11 +294,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    * @default false
    */
   error: PropTypes.bool,
-  /**
-   * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
-   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FormHelperTextProps: PropTypes.object,
   /**
    * If `true`, the input will take up the full width of its container.
    * @default false
@@ -319,25 +308,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    * Use this prop to make `label` and `helperText` accessible for screen readers.
    */
   id: PropTypes.string,
-  /**
-   * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
-   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputLabelProps: PropTypes.object,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputProps: PropTypes.object,
-  /**
-   * Props applied to the Input element.
-   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
-   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
-   * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputProps: PropTypes.object,
   /**
    * Pass a ref to the `input` element.
    */
@@ -402,11 +372,6 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    * @default false
    */
   select: PropTypes.bool,
-  /**
-   * Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
-   * @deprecated Use `slotProps.select` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  SelectProps: PropTypes.object,
   /**
    * The size of the component.
    * @default 'medium'

package/ToggleButtonGroup/ToggleButtonGroup.js

@@ -16,7 +16,6 @@ var _getValidReactChildren = _interopRequireDefault(require("@mui/utils/getValid
 var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _toggleButtonGroupClasses = _interopRequireWildcard(require("./toggleButtonGroupClasses"));
 var _ToggleButtonGroupContext = _interopRequireDefault(require("./ToggleButtonGroupContext"));
 var _ToggleButtonGroupButtonContext = _interopRequireDefault(require("./ToggleButtonGroupButtonContext"));
@@ -31,7 +30,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', orientation, fullWidth && 'fullWidth'],
-    grouped: ['grouped', `grouped${(0, _capitalize.default)(orientation)}`, disabled && 'disabled'],
+    grouped: ['grouped', disabled && 'disabled'],
     firstButton: ['firstButton'],
     lastButton: ['lastButton'],
     middleButton: ['middleButton']
@@ -47,8 +46,6 @@ const ToggleButtonGroupRoot = (0, _zeroStyled.styled)('div', {
     } = props;
     return [{
       [`& .${_toggleButtonGroupClasses.default.grouped}`]: styles.grouped
-    }, {
-      [`& .${_toggleButtonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.orientation)}`]
     }, {
       [`& .${_toggleButtonGroupClasses.default.firstButton}`]: styles.firstButton
     }, {

package/ToggleButtonGroup/ToggleButtonGroup.mjs

@@ -9,7 +9,6 @@ import getValidReactChildren from '@mui/utils/getValidReactChildren';
 import { styled } from "../zero-styled/index.mjs";
 import memoTheme from "../utils/memoTheme.mjs";
 import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
-import capitalize from "../utils/capitalize.mjs";
 import toggleButtonGroupClasses, { getToggleButtonGroupUtilityClass } from "./toggleButtonGroupClasses.mjs";
 import ToggleButtonGroupContext from "./ToggleButtonGroupContext.mjs";
 import ToggleButtonGroupButtonContext from "./ToggleButtonGroupButtonContext.mjs";
@@ -24,7 +23,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', orientation, fullWidth && 'fullWidth'],
-    grouped: ['grouped', `grouped${capitalize(orientation)}`, disabled && 'disabled'],
+    grouped: ['grouped', disabled && 'disabled'],
     firstButton: ['firstButton'],
     lastButton: ['lastButton'],
     middleButton: ['middleButton']
@@ -40,8 +39,6 @@ const ToggleButtonGroupRoot = styled('div', {
     } = props;
     return [{
       [`& .${toggleButtonGroupClasses.grouped}`]: styles.grouped
-    }, {
-      [`& .${toggleButtonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.orientation)}`]
     }, {
       [`& .${toggleButtonGroupClasses.firstButton}`]: styles.firstButton
     }, {

package/ToggleButtonGroup/toggleButtonGroupClasses.d.mts

@@ -11,14 +11,6 @@ export interface ToggleButtonGroupClasses {
   disabled: string;
   /** Styles applied to the children. */
   grouped: string;
-  /** Styles applied to the children if `orientation="horizontal"`.
-   *  @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  groupedHorizontal: string;
-  /** Styles applied to the children if `orientation="vertical"`.
-   * @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  groupedVertical: string;
   /** Styles applied to the root element if `fullWidth={true}`. */
   fullWidth: string;
   /** Styles applied to the first button in the toggle button group. */

package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts

@@ -11,14 +11,6 @@ export interface ToggleButtonGroupClasses {
   disabled: string;
   /** Styles applied to the children. */
   grouped: string;
-  /** Styles applied to the children if `orientation="horizontal"`.
-   *  @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  groupedHorizontal: string;
-  /** Styles applied to the children if `orientation="vertical"`.
-   * @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  groupedVertical: string;
   /** Styles applied to the root element if `fullWidth={true}`. */
   fullWidth: string;
   /** Styles applied to the first button in the toggle button group. */

package/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getToggleButtonGroupUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiToggleButtonGroup', slot);
 }
-const toggleButtonGroupClasses = (0, _generateUtilityClasses.default)('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
+const toggleButtonGroupClasses = (0, _generateUtilityClasses.default)('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
 var _default = exports.default = toggleButtonGroupClasses;

package/ToggleButtonGroup/toggleButtonGroupClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getToggleButtonGroupUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButtonGroup', slot);
 }
-const toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
+const toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
 export default toggleButtonGroupClasses;

package/Tooltip/Tooltip.d.mts

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { MUIStyledCommonProps, SxProps } from '@mui/system';
+import { SxProps } from '@mui/system';
 import { PopperProps } from "../Popper/index.mjs";
 import { Theme } from "../styles/index.mjs";
 import { InternalStandardProps as StandardProps } from "../internal/index.mjs";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
 import { TransitionProps } from "../transitions/transition.mjs";
 import { TooltipClasses } from "./tooltipClasses.mjs";
-export interface TooltipComponentsPropsOverrides {}
 export interface TooltipPopperSlotPropsOverrides {}
 export interface TooltipTransitionSlotPropsOverrides {}
 export interface TooltipTooltipSlotPropsOverrides {}
@@ -68,33 +67,6 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<TooltipClasses> | undefined;
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components?: {
-    Popper?: React.ElementType<PopperProps> | undefined;
-    Transition?: React.ElementType | undefined;
-    Tooltip?: React.ElementType | undefined;
-    Arrow?: React.ElementType | undefined;
-  } | undefined;
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps?: {
-    popper?: (Partial<PopperProps> & TooltipComponentsPropsOverrides) | undefined;
-    transition?: (TransitionProps & TooltipComponentsPropsOverrides) | undefined;
-    tooltip?: (React.HTMLProps<HTMLDivElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides) | undefined;
-    arrow?: (React.HTMLProps<HTMLSpanElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides) | undefined;
-  } | undefined;
   /**
    * Set to `true` if the `title` acts as an accessible description.
    * By default the `title` acts as an accessible label for the child.
@@ -180,17 +152,6 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    * @default 'bottom'
    */
   placement?: PopperProps['placement'] | undefined;
-  /**
-   * The component used for the popper.
-   * @deprecated use the `slots.popper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  PopperComponent?: React.JSXElementConstructor<PopperProps> | undefined;
-  /**
-   * Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
-   * @deprecated use the `slotProps.popper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  PopperProps?: Partial<PopperProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -199,21 +160,6 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
    */
   title: React.ReactNode;
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }> | undefined;
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  TransitionProps?: TransitionProps | undefined;
 }
 export interface TooltipOwnerState extends TooltipProps {}
 

package/Tooltip/Tooltip.d.ts

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { MUIStyledCommonProps, SxProps } from '@mui/system';
+import { SxProps } from '@mui/system';
 import { PopperProps } from "../Popper/index.js";
 import { Theme } from "../styles/index.js";
 import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { TooltipClasses } from "./tooltipClasses.js";
-export interface TooltipComponentsPropsOverrides {}
 export interface TooltipPopperSlotPropsOverrides {}
 export interface TooltipTransitionSlotPropsOverrides {}
 export interface TooltipTooltipSlotPropsOverrides {}
@@ -68,33 +67,6 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<TooltipClasses> | undefined;
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components?: {
-    Popper?: React.ElementType<PopperProps> | undefined;
-    Transition?: React.ElementType | undefined;
-    Tooltip?: React.ElementType | undefined;
-    Arrow?: React.ElementType | undefined;
-  } | undefined;
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps?: {
-    popper?: (Partial<PopperProps> & TooltipComponentsPropsOverrides) | undefined;
-    transition?: (TransitionProps & TooltipComponentsPropsOverrides) | undefined;
-    tooltip?: (React.HTMLProps<HTMLDivElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides) | undefined;
-    arrow?: (React.HTMLProps<HTMLSpanElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides) | undefined;
-  } | undefined;
   /**
    * Set to `true` if the `title` acts as an accessible description.
    * By default the `title` acts as an accessible label for the child.
@@ -180,17 +152,6 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    * @default 'bottom'
    */
   placement?: PopperProps['placement'] | undefined;
-  /**
-   * The component used for the popper.
-   * @deprecated use the `slots.popper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  PopperComponent?: React.JSXElementConstructor<PopperProps> | undefined;
-  /**
-   * Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
-   * @deprecated use the `slotProps.popper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  PopperProps?: Partial<PopperProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -199,21 +160,6 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
    */
   title: React.ReactNode;
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }> | undefined;
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  TransitionProps?: TransitionProps | undefined;
 }
 export interface TooltipOwnerState extends TooltipProps {}