@mui/material 7.3.9 → 7.3.11

package/esm/Switch/Switch.js

@@ -13,6 +13,7 @@ import { styled } from "../zero-styled/index.js";
 import memoTheme from "../utils/memoTheme.js";
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import switchClasses, { getSwitchUtilityClass } from "./switchClasses.js";
+import { mergeSlotProps } from "../utils/index.js";
 import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
@@ -180,6 +181,8 @@ const SwitchTrack = styled('span', {
   height: '100%',
   width: '100%',
   borderRadius: 14 / 2,
+  boxSizing: 'border-box',
+  border: '1px solid transparent',
   zIndex: -1,
   transition: theme.transitions.create(['opacity', 'background-color'], {
     duration: theme.transitions.duration.shortest
@@ -195,6 +198,8 @@ const SwitchThumb = styled('span', {
 }) => ({
   boxShadow: (theme.vars || theme).shadows[1],
   backgroundColor: 'currentColor',
+  boxSizing: 'border-box',
+  border: '1px solid transparent',
   width: 20,
   height: 20,
   borderRadius: '50%'
@@ -221,6 +226,7 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
     size
   };
   const classes = useUtilityClasses(ownerState);
+  const externalInputProps = slotProps.input;
   const externalForwardedProps = {
     slots,
     slotProps
@@ -274,11 +280,8 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
         ...(slotProps.switchBase && {
           root: typeof slotProps.switchBase === 'function' ? slotProps.switchBase(ownerState) : slotProps.switchBase
         }),
-        input: {
+        input: mergeSlotProps(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {
           role: 'switch'
-        },
-        ...(slotProps.input && {
-          input: typeof slotProps.input === 'function' ? slotProps.input(ownerState) : slotProps.input
         })
       }
     }), /*#__PURE__*/_jsx(TrackSlot, {

package/esm/Tab/Tab.d.ts

@@ -61,12 +61,12 @@ export type TabTypeMap<AdditionalProps = {}, RootComponent extends React.Element
  *
  * Demos:
  *
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://v7.mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [Tab API](https://mui.com/material-ui/api/tab/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [Tab API](https://v7.mui.com/material-ui/api/tab/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const Tab: ExtendButtonBase<TabTypeMap>;
 export type TabProps<RootComponent extends React.ElementType = TabTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TabTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/TabScrollButton/TabScrollButton.d.ts

@@ -59,10 +59,10 @@ export interface TabScrollButtonProps extends ButtonBaseProps {
  *
  * Demos:
  *
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://v7.mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabScrollButton API](https://mui.com/material-ui/api/tab-scroll-button/)
+ * - [TabScrollButton API](https://v7.mui.com/material-ui/api/tab-scroll-button/)
  */
 export default function TabScrollButton(props: TabScrollButtonProps): React.JSX.Element;

package/esm/Table/Table.d.ts

@@ -42,11 +42,11 @@ export interface TableTypeMap<AdditionalProps = {}, RootComponent extends React.
  *
  * Demos:
  *
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [Table API](https://mui.com/material-ui/api/table/)
+ * - [Table API](https://v7.mui.com/material-ui/api/table/)
  */
 declare const Table: OverridableComponent<TableTypeMap>;
 export type TableProps<RootComponent extends React.ElementType = TableTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/TableBody/TableBody.d.ts

@@ -25,11 +25,11 @@ export interface TableBodyTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [TableBody API](https://mui.com/material-ui/api/table-body/)
+ * - [TableBody API](https://v7.mui.com/material-ui/api/table-body/)
  */
 declare const TableBody: OverridableComponent<TableBodyTypeMap>;
 export type TableBodyProps<RootComponent extends React.ElementType = TableBodyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableBodyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/TableCell/TableCell.d.ts

@@ -74,10 +74,10 @@ export type SortDirection = 'asc' | 'desc' | false;
  *
  * Demos:
  *
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [TableCell API](https://mui.com/material-ui/api/table-cell/)
+ * - [TableCell API](https://v7.mui.com/material-ui/api/table-cell/)
  */
 export default function TableCell(props: TableCellProps): React.JSX.Element;

package/esm/TableContainer/TableContainer.d.ts

@@ -25,11 +25,11 @@ export interface TableContainerTypeMap<AdditionalProps = {}, RootComponent exten
  *
  * Demos:
  *
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [TableContainer API](https://mui.com/material-ui/api/table-container/)
+ * - [TableContainer API](https://v7.mui.com/material-ui/api/table-container/)
  */
 declare const TableContainer: OverridableComponent<TableContainerTypeMap>;
 export type TableContainerProps<RootComponent extends React.ElementType = TableContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/TableFooter/TableFooter.d.ts

@@ -25,11 +25,11 @@ export interface TableFooterTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [TableFooter API](https://mui.com/material-ui/api/table-footer/)
+ * - [TableFooter API](https://v7.mui.com/material-ui/api/table-footer/)
  */
 declare const TableFooter: OverridableComponent<TableFooterTypeMap>;
 export type TableFooterProps<RootComponent extends React.ElementType = TableFooterTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableFooterTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/TableHead/TableHead.d.ts

@@ -25,11 +25,11 @@ export interface TableHeadTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [TableHead API](https://mui.com/material-ui/api/table-head/)
+ * - [TableHead API](https://v7.mui.com/material-ui/api/table-head/)
  */
 declare const TableHead: OverridableComponent<TableHeadTypeMap>;
 export type TableHeadProps<RootComponent extends React.ElementType = TableHeadTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableHeadTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/TablePagination/TablePagination.d.ts

@@ -248,13 +248,13 @@ export interface TablePaginationTypeMap<AdditionalProps, RootComponent extends R
  *
  * Demos:
  *
- * - [Pagination](https://mui.com/material-ui/react-pagination/)
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Pagination](https://v7.mui.com/material-ui/react-pagination/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [TablePagination API](https://mui.com/material-ui/api/table-pagination/)
- * - inherits [TableCell API](https://mui.com/material-ui/api/table-cell/)
+ * - [TablePagination API](https://v7.mui.com/material-ui/api/table-pagination/)
+ * - inherits [TableCell API](https://v7.mui.com/material-ui/api/table-cell/)
  */
 declare const TablePagination: OverridableComponent<TablePaginationTypeMap<{}, React.JSXElementConstructor<TablePaginationBaseProps>>>;
 export type TablePaginationProps<RootComponent extends React.ElementType = React.JSXElementConstructor<TablePaginationBaseProps>, AdditionalProps = {}> = OverrideProps<TablePaginationTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/TablePaginationActions/TablePaginationActions.d.ts

@@ -95,11 +95,11 @@ export interface TablePaginationActionsSlots {
  *
  * Demos:
  *
- * - [Pagination](https://mui.com/material-ui/react-pagination/)
+ * - [Pagination](https://v7.mui.com/material-ui/react-pagination/)
  *
  * API:
  *
- * - [TablePaginationActions API](https://mui.com/material-ui/api/table-pagination-actions/)
+ * - [TablePaginationActions API](https://v7.mui.com/material-ui/api/table-pagination-actions/)
  */
 declare const TablePaginationActions: React.JSXElementConstructor<TablePaginationActionsProps>;
 export default TablePaginationActions;

package/esm/TableRow/TableRow.d.ts

@@ -37,11 +37,11 @@ export interface TableRowTypeMap<AdditionalProps = {}, RootComponent extends Rea
  *
  * Demos:
  *
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [TableRow API](https://mui.com/material-ui/api/table-row/)
+ * - [TableRow API](https://v7.mui.com/material-ui/api/table-row/)
  */
 declare const TableRow: OverridableComponent<TableRowTypeMap>;
 export type TableRowProps<RootComponent extends React.ElementType = TableRowTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableRowTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/TableSortLabel/TableSortLabel.d.ts

@@ -76,12 +76,12 @@ export type TableSortLabelTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Table](https://mui.com/material-ui/react-table/)
+ * - [Table](https://v7.mui.com/material-ui/react-table/)
  *
  * API:
  *
- * - [TableSortLabel API](https://mui.com/material-ui/api/table-sort-label/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [TableSortLabel API](https://v7.mui.com/material-ui/api/table-sort-label/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const TableSortLabel: ExtendButtonBase<TableSortLabelTypeMap>;
 export type TableSortLabelProps<RootComponent extends React.ElementType = TableSortLabelTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableSortLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/Tabs/Tabs.d.ts

@@ -256,11 +256,11 @@ export interface TabsTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://v7.mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [Tabs API](https://mui.com/material-ui/api/tabs/)
+ * - [Tabs API](https://v7.mui.com/material-ui/api/tabs/)
  */
 declare const Tabs: OverridableComponent<TabsTypeMap>;
 export interface TabsActions {

package/esm/TextField/TextField.d.ts

@@ -305,12 +305,12 @@ export type TextFieldOwnerState = BaseTextFieldProps;
  * It's important to understand that the text field is a simple abstraction
  * on top of the following components:
  *
- * * [FormControl](https://mui.com/material-ui/api/form-control/)
- * * [InputLabel](https://mui.com/material-ui/api/input-label/)
- * * [FilledInput](https://mui.com/material-ui/api/filled-input/)
- * * [OutlinedInput](https://mui.com/material-ui/api/outlined-input/)
- * * [Input](https://mui.com/material-ui/api/input/)
- * * [FormHelperText](https://mui.com/material-ui/api/form-helper-text/)
+ * * [FormControl](https://v7.mui.com/material-ui/api/form-control/)
+ * * [InputLabel](https://v7.mui.com/material-ui/api/input-label/)
+ * * [FilledInput](https://v7.mui.com/material-ui/api/filled-input/)
+ * * [OutlinedInput](https://v7.mui.com/material-ui/api/outlined-input/)
+ * * [Input](https://v7.mui.com/material-ui/api/input/)
+ * * [FormHelperText](https://v7.mui.com/material-ui/api/form-helper-text/)
  *
  * If you wish to alter the props applied to the `input` element, you can do so as follows:
  *
@@ -330,13 +330,13 @@ export type TextFieldOwnerState = BaseTextFieldProps;
  *
  * Demos:
  *
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
- * - [Text Field](https://mui.com/material-ui/react-text-field/)
+ * - [Autocomplete](https://v7.mui.com/material-ui/react-autocomplete/)
+ * - [Text Field](https://v7.mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [TextField API](https://mui.com/material-ui/api/text-field/)
- * - inherits [FormControl API](https://mui.com/material-ui/api/form-control/)
+ * - [TextField API](https://v7.mui.com/material-ui/api/text-field/)
+ * - inherits [FormControl API](https://v7.mui.com/material-ui/api/form-control/)
  */
 export default function TextField<Variant extends TextFieldVariants>(props: {
   /**

package/esm/TextareaAutosize/TextareaAutosize.d.ts

@@ -4,11 +4,11 @@ import { TextareaAutosizeProps } from "./TextareaAutosize.types.js";
  *
  * Demos:
  *
- * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
+ * - [Textarea Autosize](https://v7.mui.com/material-ui/react-textarea-autosize/)
  *
  * API:
  *
- * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
+ * - [TextareaAutosize API](https://v7.mui.com/material-ui/api/textarea-autosize/)
  */
 declare const TextareaAutosize: React.ForwardRefExoticComponent<TextareaAutosizeProps & React.RefAttributes<Element>>;
 export default TextareaAutosize;

package/esm/TextareaAutosize/TextareaAutosize.js

@@ -41,11 +41,11 @@ function isEmpty(obj) {
  *
  * Demos:
  *
- * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
+ * - [Textarea Autosize](https://v7.mui.com/material-ui/react-textarea-autosize/)
  *
  * API:
  *
- * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
+ * - [TextareaAutosize API](https://v7.mui.com/material-ui/api/textarea-autosize/)
  */
 const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, forwardedRef) {
   const {

package/esm/ToggleButton/ToggleButton.d.ts

@@ -81,12 +81,12 @@ export type ToggleButtonTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * Demos:
  *
- * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
+ * - [Toggle Button](https://v7.mui.com/material-ui/react-toggle-button/)
  *
  * API:
  *
- * - [ToggleButton API](https://mui.com/material-ui/api/toggle-button/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [ToggleButton API](https://v7.mui.com/material-ui/api/toggle-button/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
 export type ToggleButtonProps<RootComponent extends React.ElementType = ToggleButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToggleButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -73,10 +73,10 @@ export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttribut
  *
  * Demos:
  *
- * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
+ * - [Toggle Button](https://v7.mui.com/material-ui/react-toggle-button/)
  *
  * API:
  *
- * - [ToggleButtonGroup API](https://mui.com/material-ui/api/toggle-button-group/)
+ * - [ToggleButtonGroup API](https://v7.mui.com/material-ui/api/toggle-button-group/)
  */
 export default function ToggleButtonGroup(props: ToggleButtonGroupProps): React.JSX.Element;

package/esm/Toolbar/Toolbar.d.ts

@@ -38,11 +38,11 @@ export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * Demos:
  *
- * - [App Bar](https://mui.com/material-ui/react-app-bar/)
+ * - [App Bar](https://v7.mui.com/material-ui/react-app-bar/)
  *
  * API:
  *
- * - [Toolbar API](https://mui.com/material-ui/api/toolbar/)
+ * - [Toolbar API](https://v7.mui.com/material-ui/api/toolbar/)
  */
 declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
 export type ToolbarProps<RootComponent extends React.ElementType = ToolbarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToolbarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/Tooltip/Tooltip.d.ts

@@ -221,10 +221,10 @@ export interface TooltipOwnerState extends TooltipProps {}
  *
  * Demos:
  *
- * - [Tooltip](https://mui.com/material-ui/react-tooltip/)
+ * - [Tooltip](https://v7.mui.com/material-ui/react-tooltip/)
  *
  * API:
  *
- * - [Tooltip API](https://mui.com/material-ui/api/tooltip/)
+ * - [Tooltip API](https://v7.mui.com/material-ui/api/tooltip/)
  */
 export default function Tooltip(props: TooltipProps): React.JSX.Element;

package/esm/Typography/Typography.d.ts

@@ -85,12 +85,13 @@ export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends R
  *
  * Demos:
  *
- * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
- * - [Typography](https://mui.com/material-ui/react-typography/)
+ * - [Breadcrumbs](https://v7.mui.com/material-ui/react-breadcrumbs/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
+ * - [Typography](https://v7.mui.com/material-ui/react-typography/)
  *
  * API:
  *
- * - [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [Typography API](https://v7.mui.com/material-ui/api/typography/)
  */
 declare const Typography: OverridableComponent<TypographyTypeMap>;
 export type TypographyProps<RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TypographyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/Unstable_TrapFocus/FocusTrap.js

@@ -8,7 +8,9 @@ import ownerDocument from '@mui/utils/ownerDocument';
 import getReactElementRef from '@mui/utils/getReactElementRef';
 import exactProp from '@mui/utils/exactProp';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
+import contains from "../utils/contains.js";
 import getActiveElement from "../utils/getActiveElement.js";
+import { getFocusTarget } from "../utils/focusable.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Inspired by https://github.com/focus-trap/tabbable
 const candidatesSelector = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'].join(',');
@@ -107,21 +109,29 @@ function FocusTrap(props) {
     activated.current = !disableAutoFocus;
   }, [disableAutoFocus, open]);
   React.useEffect(() => {
+    // Reset on every mount — React 18 Strict Mode double-mounts leave this
+    // stuck at `true` after the cleanup of the previous mount set it.
+    ignoreNextEnforceFocus.current = false;
+
     // We might render an empty child.
     if (!open || !rootRef.current) {
       return;
     }
     const doc = ownerDocument(rootRef.current);
     const activeElement = getActiveElement(doc);
-    if (!rootRef.current.contains(activeElement)) {
-      if (!rootRef.current.hasAttribute('tabIndex')) {
+
+    // Prefer the explicitly marked focusable element. Fall back to the root
+    // element for generic FocusTrap usage.
+    const focusTarget = getFocusTarget(rootRef.current) ?? rootRef.current;
+    if (!contains(rootRef.current, activeElement)) {
+      if (!focusTarget.hasAttribute('tabIndex')) {
         if (process.env.NODE_ENV !== 'production') {
           console.error(['MUI: The modal content node does not accept focus.', 'For the benefit of assistive technologies, ' + 'the tabIndex of the node is being set to "-1".'].join('\n'));
         }
-        rootRef.current.setAttribute('tabIndex', '-1');
+        focusTarget.setAttribute('tabIndex', '-1');
       }
       if (activated.current) {
-        rootRef.current.focus();
+        focusTarget.focus();
       }
     }
     return () => {
@@ -181,7 +191,7 @@ function FocusTrap(props) {
       }
 
       // The focus is already inside
-      if (rootElement.contains(activeEl)) {
+      if (contains(rootElement, activeEl)) {
         return;
       }
 

package/esm/Zoom/Zoom.d.ts

@@ -34,16 +34,16 @@ export interface ZoomProps extends TransitionProps {
 
 /**
  * The Zoom transition can be used for the floating variant of the
- * [Button](https://mui.com/material-ui/react-floating-action-button/#animation) component.
+ * [Button](https://v7.mui.com/material-ui/react-floating-action-button/#animation) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Transitions](https://mui.com/material-ui/transitions/)
+ * - [Transitions](https://v7.mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Zoom API](https://mui.com/material-ui/api/zoom/)
+ * - [Zoom API](https://v7.mui.com/material-ui/api/zoom/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 export default function Zoom(props: ZoomProps): React.JSX.Element;

package/esm/Zoom/Zoom.js

@@ -6,7 +6,7 @@ import { Transition } from 'react-transition-group';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
 import getReactElementRef from '@mui/utils/getReactElementRef';
 import { useTheme } from "../zero-styled/index.js";
-import { reflow, getTransitionProps } from "../transitions/utils.js";
+import { normalizedTransitionCallback, reflow, getTransitionProps, getTransitionChildStyle } from "../transitions/utils.js";
 import useForkRef from "../utils/useForkRef.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
@@ -15,8 +15,18 @@ const styles = {
   },
   entered: {
     transform: 'none'
+  },
+  exiting: {
+    transform: 'scale(0)'
+  },
+  exited: {
+    transform: 'scale(0)'
   }
 };
+const hiddenStyles = {
+  transform: 'scale(0)',
+  visibility: 'hidden'
+};
 
 /**
  * The Zoom transition can be used for the floating variant of the
@@ -43,26 +53,12 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     onExiting,
     style,
     timeout = defaultTimeout,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition,
     ...other
   } = props;
   const nodeRef = React.useRef(null);
   const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
-  const normalizedTransitionCallback = callback => maybeIsAppearing => {
-    if (callback) {
-      const node = nodeRef.current;
-
-      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
-      if (maybeIsAppearing === undefined) {
-        callback(node);
-      } else {
-        callback(node, maybeIsAppearing);
-      }
-    }
-  };
-  const handleEntering = normalizedTransitionCallback(onEntering);
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEntering = normalizedTransitionCallback(nodeRef, onEntering);
+  const handleEnter = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
     reflow(node); // So the animation always start from the start.
 
     const transitionProps = getTransitionProps({
@@ -72,15 +68,14 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     }, {
       mode: 'enter'
     });
-    node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   });
-  const handleEntered = normalizedTransitionCallback(onEntered);
-  const handleExiting = normalizedTransitionCallback(onExiting);
-  const handleExit = normalizedTransitionCallback(node => {
+  const handleEntered = normalizedTransitionCallback(nodeRef, onEntered);
+  const handleExiting = normalizedTransitionCallback(nodeRef, onExiting);
+  const handleExit = normalizedTransitionCallback(nodeRef, node => {
     const transitionProps = getTransitionProps({
       style,
       timeout,
@@ -88,20 +83,24 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     }, {
       mode: 'exit'
     });
-    node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
     if (onExit) {
       onExit(node);
     }
   });
-  const handleExited = normalizedTransitionCallback(onExited);
+  const handleExited = normalizedTransitionCallback(nodeRef, node => {
+    node.style.transition = '';
+    if (onExited) {
+      onExited(node);
+    }
+  });
   const handleAddEndListener = next => {
     if (addEndListener) {
       // Old call signature before `react-transition-group` implemented `nodeRef`
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, {
+  return /*#__PURE__*/_jsx(Transition, {
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -118,14 +117,9 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
       ownerState,
       ...restChildProps
     }) => {
+      const childStyle = getTransitionChildStyle(state, inProp, styles, hiddenStyles, style, children.props.style);
       return /*#__PURE__*/React.cloneElement(children, {
-        style: {
-          transform: 'scale(0)',
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
-          ...styles[state],
-          ...style,
-          ...children.props.style
-        },
+        style: childStyle,
         ref: handleRef,
         ...restChildProps
       });

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.3.9
+ * @mui/material v7.3.11
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/styles/createThemeNoVars.js

@@ -81,7 +81,7 @@ function createThemeNoVars(options = {}, ...args) {
   options.generateThemeVars === undefined) {
     throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: `vars` is a private field used for CSS variables support.\n' +
     // #host-reference
-    'Please use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.' : _formatErrorMessage(20));
+    'Please use another name or follow the [docs](https://v7.mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.' : _formatErrorMessage(20));
   }
   const palette = createPalette({
     ...paletteInput,