@mui/material 9.0.0-alpha.3 → 9.0.0-alpha.4

package/SpeedDial/SpeedDial.js

@@ -176,8 +176,6 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     openIcon,
     slots = {},
     slotProps = {},
-    TransitionComponent: TransitionComponentProp,
-    TransitionProps: TransitionPropsProp,
     transitionDuration = defaultTransitionDuration,
     ...other
   } = props;
@@ -226,15 +224,11 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
    * Is called before the original ref callback for Button that was set in buttonProps
    *
    * @param dialActionIndex {number}
-   * @param origButtonRef {React.RefObject?}
    * @param fabSlotOrigButtonRef {React.RefObject?}
    */
-  const createHandleSpeedDialActionButtonRef = (dialActionIndex, origButtonRef, fabSlotOrigButtonRef) => {
+  const createHandleSpeedDialActionButtonRef = (dialActionIndex, fabSlotOrigButtonRef) => {
     return buttonRef => {
       actions.current[dialActionIndex + 1] = buttonRef;
-      if (origButtonRef) {
-        origButtonRef(buttonRef);
-      }
       if (fabSlotOrigButtonRef) {
         fabSlotOrigButtonRef(buttonRef);
       }
@@ -352,11 +346,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
   });
   const children = allItems.map((child, index) => {
     const {
-      FabProps: {
-        ref: origButtonRef
-      } = {},
-      slotProps: childSlotProps = {},
-      tooltipPlacement: tooltipPlacementProp
+      slotProps: childSlotProps = {}
     } = child.props;
     const {
       fab: {
@@ -365,32 +355,30 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
       } = {},
       ...restOfSlotProps
     } = childSlotProps;
-    const tooltipPlacement = tooltipPlacementProp || (getOrientation(direction) === 'vertical' ? 'left' : 'top');
+    const defaultPlacement = getOrientation(direction) === 'vertical' ? 'left' : 'top';
     return /*#__PURE__*/React.cloneElement(child, {
       slotProps: {
+        ...restOfSlotProps,
         fab: {
           ...fabSlotProps,
-          ref: createHandleSpeedDialActionButtonRef(index, origButtonRef, fabSlotOrigButtonRef)
+          ref: createHandleSpeedDialActionButtonRef(index, fabSlotOrigButtonRef)
         },
-        ...restOfSlotProps
+        tooltip: typeof restOfSlotProps.tooltip === 'function' ? state => ({
+          placement: defaultPlacement,
+          ...restOfSlotProps.tooltip(state)
+        }) : {
+          placement: defaultPlacement,
+          ...restOfSlotProps.tooltip
+        }
       },
       delay: 30 * (open ? index : allItems.length - index),
       open,
-      tooltipPlacement,
       id: `${id}-action-${index}`
     });
   });
-  const backwardCompatibleSlots = {
-    transition: TransitionComponentProp,
-    ...slots
-  };
-  const backwardCompatibleSlotProps = {
-    transition: TransitionPropsProp,
-    ...slotProps
-  };
   const externalForwardedProps = {
-    slots: backwardCompatibleSlots,
-    slotProps: backwardCompatibleSlotProps
+    slots,
+    slotProps
   };
   const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
     elementType: SpeedDialRoot,
@@ -569,13 +557,6 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  /**
-   * 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.
-   * @default Zoom
-   * * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  TransitionComponent: _propTypes.default.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -588,12 +569,6 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes
     appear: _propTypes.default.number,
     enter: _propTypes.default.number,
     exit: _propTypes.default.number
-  })]),
-  /**
-   * 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 `slotProps.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  TransitionProps: _propTypes.default.object
+  })])
 } : void 0;
 var _default = exports.default = SpeedDial;

package/SpeedDial/SpeedDial.mjs

@@ -169,8 +169,6 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     openIcon,
     slots = {},
     slotProps = {},
-    TransitionComponent: TransitionComponentProp,
-    TransitionProps: TransitionPropsProp,
     transitionDuration = defaultTransitionDuration,
     ...other
   } = props;
@@ -219,15 +217,11 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
    * Is called before the original ref callback for Button that was set in buttonProps
    *
    * @param dialActionIndex {number}
-   * @param origButtonRef {React.RefObject?}
    * @param fabSlotOrigButtonRef {React.RefObject?}
    */
-  const createHandleSpeedDialActionButtonRef = (dialActionIndex, origButtonRef, fabSlotOrigButtonRef) => {
+  const createHandleSpeedDialActionButtonRef = (dialActionIndex, fabSlotOrigButtonRef) => {
     return buttonRef => {
       actions.current[dialActionIndex + 1] = buttonRef;
-      if (origButtonRef) {
-        origButtonRef(buttonRef);
-      }
       if (fabSlotOrigButtonRef) {
         fabSlotOrigButtonRef(buttonRef);
       }
@@ -345,11 +339,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
   });
   const children = allItems.map((child, index) => {
     const {
-      FabProps: {
-        ref: origButtonRef
-      } = {},
-      slotProps: childSlotProps = {},
-      tooltipPlacement: tooltipPlacementProp
+      slotProps: childSlotProps = {}
     } = child.props;
     const {
       fab: {
@@ -358,32 +348,30 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
       } = {},
       ...restOfSlotProps
     } = childSlotProps;
-    const tooltipPlacement = tooltipPlacementProp || (getOrientation(direction) === 'vertical' ? 'left' : 'top');
+    const defaultPlacement = getOrientation(direction) === 'vertical' ? 'left' : 'top';
     return /*#__PURE__*/React.cloneElement(child, {
       slotProps: {
+        ...restOfSlotProps,
         fab: {
           ...fabSlotProps,
-          ref: createHandleSpeedDialActionButtonRef(index, origButtonRef, fabSlotOrigButtonRef)
+          ref: createHandleSpeedDialActionButtonRef(index, fabSlotOrigButtonRef)
         },
-        ...restOfSlotProps
+        tooltip: typeof restOfSlotProps.tooltip === 'function' ? state => ({
+          placement: defaultPlacement,
+          ...restOfSlotProps.tooltip(state)
+        }) : {
+          placement: defaultPlacement,
+          ...restOfSlotProps.tooltip
+        }
       },
       delay: 30 * (open ? index : allItems.length - index),
       open,
-      tooltipPlacement,
       id: `${id}-action-${index}`
     });
   });
-  const backwardCompatibleSlots = {
-    transition: TransitionComponentProp,
-    ...slots
-  };
-  const backwardCompatibleSlotProps = {
-    transition: TransitionPropsProp,
-    ...slotProps
-  };
   const externalForwardedProps = {
-    slots: backwardCompatibleSlots,
-    slotProps: backwardCompatibleSlotProps
+    slots,
+    slotProps
   };
   const [RootSlot, rootSlotProps] = useSlot('root', {
     elementType: SpeedDialRoot,
@@ -562,13 +550,6 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * 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.
-   * @default Zoom
-   * * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  TransitionComponent: PropTypes.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -581,12 +562,6 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes
     appear: PropTypes.number,
     enter: PropTypes.number,
     exit: PropTypes.number
-  })]),
-  /**
-   * 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 `slotProps.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  TransitionProps: PropTypes.object
+  })])
 } : void 0;
 export default SpeedDial;

package/SpeedDialAction/SpeedDialAction.d.mts

@@ -59,12 +59,6 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<SpeedDialActionClasses> | undefined;
-  /**
-   * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
-   * @default {}
-   * @deprecated Use `slotProps.fab` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FabProps?: Partial<FabProps> | undefined;
   /**
    * Adds a transition delay, to allow a series of SpeedDialActions to be animated.
    * @default 0
@@ -78,28 +72,6 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx?: SxProps<Theme> | undefined;
-  /**
-   * `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
-   * @deprecated Use `slotProps.tooltip.classes` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TooltipClasses?: TooltipProps['classes'] | undefined;
-  /**
-   * Placement of the tooltip.
-   * @default 'left'
-   * @deprecated Use `slotProps.tooltip.placement` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipPlacement?: TooltipProps['placement'] | undefined;
-  /**
-   * Label to display in the tooltip.
-   * @deprecated Use `slotProps.tooltip.title` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipTitle?: React.ReactNode;
-  /**
-   * Make the tooltip always visible when the SpeedDial is open.
-   * @default false
-   * @deprecated Use `slotProps.tooltip.open` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipOpen?: boolean | undefined;
 }
 
 /**

package/SpeedDialAction/SpeedDialAction.d.ts

@@ -59,12 +59,6 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<SpeedDialActionClasses> | undefined;
-  /**
-   * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
-   * @default {}
-   * @deprecated Use `slotProps.fab` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FabProps?: Partial<FabProps> | undefined;
   /**
    * Adds a transition delay, to allow a series of SpeedDialActions to be animated.
    * @default 0
@@ -78,28 +72,6 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx?: SxProps<Theme> | undefined;
-  /**
-   * `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
-   * @deprecated Use `slotProps.tooltip.classes` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TooltipClasses?: TooltipProps['classes'] | undefined;
-  /**
-   * Placement of the tooltip.
-   * @default 'left'
-   * @deprecated Use `slotProps.tooltip.placement` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipPlacement?: TooltipProps['placement'] | undefined;
-  /**
-   * Label to display in the tooltip.
-   * @deprecated Use `slotProps.tooltip.title` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipTitle?: React.ReactNode;
-  /**
-   * Make the tooltip always visible when the SpeedDial is open.
-   * @default false
-   * @deprecated Use `slotProps.tooltip.open` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipOpen?: boolean | undefined;
 }
 
 /**

package/SpeedDialAction/SpeedDialAction.js

@@ -21,7 +21,6 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _speedDialActionClasses = _interopRequireWildcard(require("./speedDialActionClasses"));
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
-var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
@@ -147,18 +146,15 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
   const {
     className,
     delay = 0,
-    FabProps = {},
     icon,
     id,
     open,
-    TooltipClasses,
-    tooltipOpen: tooltipOpenProp = false,
-    tooltipPlacement = 'left',
-    tooltipTitle,
     slots = {},
     slotProps = {},
     ...other
   } = props;
+  const resolvedTooltipSlotProps = typeof slotProps.tooltip === 'function' ? slotProps.tooltip(props) : slotProps.tooltip ?? {};
+  const tooltipPlacement = resolvedTooltipSlotProps.placement ?? 'left';
   const ownerState = {
     ...props,
     tooltipPlacement
@@ -166,18 +162,9 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      fab: FabProps,
-      ...slotProps,
-      tooltip: (0, _utils.mergeSlotProps)(typeof slotProps.tooltip === 'function' ? slotProps.tooltip(ownerState) : slotProps.tooltip, {
-        title: tooltipTitle,
-        open: tooltipOpenProp,
-        placement: tooltipPlacement,
-        classes: TooltipClasses
-      })
-    }
+    slotProps
   };
-  const [tooltipOpen, setTooltipOpen] = React.useState(externalForwardedProps.slotProps.tooltip?.open);
+  const [tooltipOpen, setTooltipOpen] = React.useState(resolvedTooltipSlotProps.open ?? false);
   const handleTooltipClose = () => {
     setTooltipOpen(false);
   };
@@ -288,12 +275,6 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes /* remove-prop
    * @default 0
    */
   delay: _propTypes.default.number,
-  /**
-   * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
-   * @default {}
-   * @deprecated Use `slotProps.fab` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FabProps: _propTypes.default.object,
   /**
    * The icon to display in the SpeedDial Fab.
    */
@@ -330,28 +311,6 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes /* remove-prop
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  /**
-   * `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
-   * @deprecated Use `slotProps.tooltip.classes` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TooltipClasses: _propTypes.default.object,
-  /**
-   * Make the tooltip always visible when the SpeedDial is open.
-   * @default false
-   * @deprecated Use `slotProps.tooltip.open` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipOpen: _propTypes.default.bool,
-  /**
-   * Placement of the tooltip.
-   * @default 'left'
-   * @deprecated Use `slotProps.tooltip.placement` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipPlacement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  /**
-   * Label to display in the tooltip.
-   * @deprecated Use `slotProps.tooltip.title` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipTitle: _propTypes.default.node
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = exports.default = SpeedDialAction;

package/SpeedDialAction/SpeedDialAction.mjs

@@ -14,7 +14,6 @@ import Tooltip from "../Tooltip/index.mjs";
 import capitalize from "../utils/capitalize.mjs";
 import speedDialActionClasses, { getSpeedDialActionUtilityClass } from "./speedDialActionClasses.mjs";
 import useSlot from "../utils/useSlot.mjs";
-import { mergeSlotProps } from "../utils/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -140,18 +139,15 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
   const {
     className,
     delay = 0,
-    FabProps = {},
     icon,
     id,
     open,
-    TooltipClasses,
-    tooltipOpen: tooltipOpenProp = false,
-    tooltipPlacement = 'left',
-    tooltipTitle,
     slots = {},
     slotProps = {},
     ...other
   } = props;
+  const resolvedTooltipSlotProps = typeof slotProps.tooltip === 'function' ? slotProps.tooltip(props) : slotProps.tooltip ?? {};
+  const tooltipPlacement = resolvedTooltipSlotProps.placement ?? 'left';
   const ownerState = {
     ...props,
     tooltipPlacement
@@ -159,18 +155,9 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      fab: FabProps,
-      ...slotProps,
-      tooltip: mergeSlotProps(typeof slotProps.tooltip === 'function' ? slotProps.tooltip(ownerState) : slotProps.tooltip, {
-        title: tooltipTitle,
-        open: tooltipOpenProp,
-        placement: tooltipPlacement,
-        classes: TooltipClasses
-      })
-    }
+    slotProps
   };
-  const [tooltipOpen, setTooltipOpen] = React.useState(externalForwardedProps.slotProps.tooltip?.open);
+  const [tooltipOpen, setTooltipOpen] = React.useState(resolvedTooltipSlotProps.open ?? false);
   const handleTooltipClose = () => {
     setTooltipOpen(false);
   };
@@ -281,12 +268,6 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes /* remove-prop
    * @default 0
    */
   delay: PropTypes.number,
-  /**
-   * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
-   * @default {}
-   * @deprecated Use `slotProps.fab` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  FabProps: PropTypes.object,
   /**
    * The icon to display in the SpeedDial Fab.
    */
@@ -323,28 +304,6 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes /* remove-prop
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
-   * @deprecated Use `slotProps.tooltip.classes` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TooltipClasses: PropTypes.object,
-  /**
-   * Make the tooltip always visible when the SpeedDial is open.
-   * @default false
-   * @deprecated Use `slotProps.tooltip.open` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipOpen: PropTypes.bool,
-  /**
-   * Placement of the tooltip.
-   * @default 'left'
-   * @deprecated Use `slotProps.tooltip.placement` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipPlacement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  /**
-   * Label to display in the tooltip.
-   * @deprecated Use `slotProps.tooltip.title` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  tooltipTitle: PropTypes.node
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default SpeedDialAction;

package/TablePagination/TablePagination.d.mts

@@ -162,7 +162,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
    *
    * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default function defaultLabelDisplayedRows({ from, to, count }) {
-   *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+   *   return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
    * }
    */
   labelDisplayedRows?: ((paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode) | undefined;

package/TablePagination/TablePagination.d.ts

@@ -162,7 +162,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
    *
    * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default function defaultLabelDisplayedRows({ from, to, count }) {
-   *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+   *   return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
    * }
    */
   labelDisplayedRows?: ((paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode) | undefined;

package/TablePagination/TablePagination.js

@@ -26,8 +26,10 @@ var _TablePaginationActions = _interopRequireDefault(require("../TablePagination
 var _useId = _interopRequireDefault(require("../utils/useId"));
 var _tablePaginationClasses = _interopRequireWildcard(require("./tablePaginationClasses"));
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
+var _buildFormatNumber = _interopRequireDefault(require("../locale/utils/buildFormatNumber"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _InputBase;
+const formatNumber = (0, _buildFormatNumber.default)('en-US');
 const TablePaginationRoot = (0, _zeroStyled.styled)(_TableCell.default, {
   name: 'MuiTablePagination',
   slot: 'Root'
@@ -121,7 +123,7 @@ function defaultLabelDisplayedRows({
   to,
   count
 }) {
-  return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
 }
 function defaultGetAriaLabel(type) {
   return `Go to ${type} page`;
@@ -369,7 +371,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    *
    * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default function defaultLabelDisplayedRows({ from, to, count }) {
-   *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+   *   return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
    * }
    */
   labelDisplayedRows: _propTypes.default.func,

package/TablePagination/TablePagination.mjs

@@ -19,8 +19,10 @@ import TablePaginationActions from "../TablePaginationActions/index.mjs";
 import useId from "../utils/useId.mjs";
 import tablePaginationClasses, { getTablePaginationUtilityClass } from "./tablePaginationClasses.mjs";
 import useSlot from "../utils/useSlot.mjs";
+import buildFormatNumber from "../locale/utils/buildFormatNumber.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
+const formatNumber = buildFormatNumber('en-US');
 const TablePaginationRoot = styled(TableCell, {
   name: 'MuiTablePagination',
   slot: 'Root'
@@ -114,7 +116,7 @@ function defaultLabelDisplayedRows({
   to,
   count
 }) {
-  return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
 }
 function defaultGetAriaLabel(type) {
   return `Go to ${type} page`;
@@ -362,7 +364,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    *
    * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default function defaultLabelDisplayedRows({ from, to, count }) {
-   *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+   *   return `${formatNumber(from)}–${formatNumber(to)} of ${count !== -1 ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
    * }
    */
   labelDisplayedRows: PropTypes.func,

package/Tabs/Tabs.d.mts

@@ -3,7 +3,7 @@ import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
 import { Theme } from "../styles/index.mjs";
-import TabScrollButton, { TabScrollButtonProps } from "../TabScrollButton/index.mjs";
+import TabScrollButton from "../TabScrollButton/index.mjs";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.mjs";
 import { TabsClasses } from "./tabsClasses.mjs";
 import SvgIcon from "../SvgIcon/index.mjs";
@@ -102,18 +102,7 @@ export type TabsSlotsAndSlotProps = CreateSlotsAndSlotProps<TabsSlots, {
    * By default, the available props are based on the [SvgIcon](https://mui.com/material-ui/api/svg-icon/#props) component.
    */
   endScrollButtonIcon: SlotProps<typeof SvgIcon, TabsEndScrollButtonIconSlotPropsOverrides, TabsOwnerState>;
-}> & {
-  slots?: {
-    /**
-     * @deprecated Use `slots.startScrollButtonIcon` instead.
-     */
-    StartScrollButtonIcon?: React.ElementType | undefined;
-    /**
-     * @deprecated Use `slots.endScrollButtonIcon` instead.
-     */
-    EndScrollButtonIcon?: React.ElementType | undefined;
-  } | undefined;
-};
+}>;
 export interface TabsOwnerState extends Omit<TabsProps, 'slots' | 'slotProps'> {
   vertical: boolean;
   fixed: boolean;
@@ -178,12 +167,6 @@ export interface TabsOwnProps extends TabsSlotsAndSlotProps {
    * @default 'horizontal'
    */
   orientation?: 'horizontal' | 'vertical' | undefined;
-  /**
-   * The component used to render the scroll buttons.
-   * @deprecated use the `slots.scrollButtons` 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 TabScrollButton
-   */
-  ScrollButtonComponent?: React.ElementType | undefined;
   /**
    * Determine behavior of scroll buttons when tabs are set to scroll:
    *
@@ -201,20 +184,6 @@ export interface TabsOwnProps extends TabsSlotsAndSlotProps {
    * changes on activation.
    */
   selectionFollowsFocus?: boolean | undefined;
-  /**
-   * Props applied to the tab indicator element.
-   * @deprecated use the `slotProps.indicator` 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  {}
-   */
-  TabIndicatorProps?: (React.HTMLAttributes<HTMLDivElement> & {
-    sx?: SxProps<Theme> | undefined;
-  }) | undefined;
-  /**
-   * Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
-   * @deprecated use the `slotProps.scrollButtons` 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 {}
-   */
-  TabScrollButtonProps?: Partial<TabScrollButtonProps> | undefined;
   /**
    * Determines the color of the `Tab`.
    * @default 'primary'