@mui/material 5.11.1 → 5.11.2

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.11.1
+/** @license MUI v5.11.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -446,6 +446,16 @@
   function isPlainObject(item) {
     return item !== null && typeof item === 'object' && item.constructor === Object;
   }
+  function deepClone(source) {
+    if (!isPlainObject(source)) {
+      return source;
+    }
+    const output = {};
+    Object.keys(source).forEach(key => {
+      output[key] = deepClone(source[key]);
+    });
+    return output;
+  }
   function deepmerge(target, source, options = {
     clone: true
   }) {
@@ -459,6 +469,8 @@
         if (isPlainObject(source[key]) && key in target && isPlainObject(target[key])) {
           // Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.
           output[key] = deepmerge(target[key], source[key], options);
+        } else if (options.clone) {
+          output[key] = isPlainObject(source[key]) ? deepClone(source[key]) : source[key];
         } else {
           output[key] = source[key];
         }
@@ -11655,9 +11667,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     ClickAwayListener['propTypes' + ''] = exactProp(ClickAwayListener.propTypes);
   }
 
+  /* eslint-disable consistent-return, jsx-a11y/no-noninteractive-tabindex */
+  // 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(',');
   function getTabIndex(node) {
-    const tabindexAttr = parseInt(node.getAttribute('tabindex'), 10);
+    const tabindexAttr = parseInt(node.getAttribute('tabindex') || '', 10);
     if (!Number.isNaN(tabindexAttr)) {
       return tabindexAttr;
     }
@@ -11709,7 +11723,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         orderedTabNodes.push({
           documentOrder: i,
           tabIndex: nodeTabIndex,
-          node
+          node: node
         });
       }
     });
@@ -11721,6 +11735,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
   /**
    * Utility component that locks focus inside the component.
+   *
+   * Demos:
+   *
+   * - [Focus Trap](https://mui.com/base/react-focus-trap/)
+   *
+   * API:
+   *
+   * - [FocusTrap API](https://mui.com/base/api/focus-trap/)
    */
   function FocusTrap(props) {
     const {
@@ -11732,7 +11754,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       isEnabled = defaultIsEnabled,
       open
     } = props;
-    const ignoreNextEnforceFocus = React__namespace.useRef();
+    const ignoreNextEnforceFocus = React__namespace.useRef(false);
     const sentinelStart = React__namespace.useRef(null);
     const sentinelEnd = React__namespace.useRef(null);
     const nodeToRestore = React__namespace.useRef(null);
@@ -11741,6 +11763,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     // It waits for the active element to move into the component to activate.
     const activated = React__namespace.useRef(false);
     const rootRef = React__namespace.useRef(null);
+    // @ts-expect-error TODO upstream fix
     const handleRef = useForkRef(children.ref, rootRef);
     const lastKeydown = React__namespace.useRef(null);
     React__namespace.useEffect(() => {
@@ -11761,7 +11784,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           {
             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);
+          rootRef.current.setAttribute('tabIndex', '-1');
         }
         if (activated.current) {
           rootRef.current.focus();
@@ -11795,6 +11818,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         const {
           current: rootElement
         } = rootRef;
+
         // Cleanup functions are executed lazily in React 17.
         // Contain can be called between the component being unmounted and its cleanup function being run.
         if (rootElement === null) {
@@ -11823,10 +11847,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
             const isShiftTab = Boolean(((_lastKeydown$current = lastKeydown.current) == null ? void 0 : _lastKeydown$current.shiftKey) && ((_lastKeydown$current2 = lastKeydown.current) == null ? void 0 : _lastKeydown$current2.key) === 'Tab');
             const focusNext = tabbable[0];
             const focusPrevious = tabbable[tabbable.length - 1];
-            if (isShiftTab) {
-              focusPrevious.focus();
-            } else {
-              focusNext.focus();
+            if (typeof focusNext !== 'string' && typeof focusPrevious !== 'string') {
+              if (isShiftTab) {
+                focusPrevious.focus();
+              } else {
+                focusNext.focus();
+              }
             }
           } else {
             rootElement.focus();
@@ -11845,7 +11871,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           // We need to ignore the next contain as
           // it will try to move the focus back to the rootRef element.
           ignoreNextEnforceFocus.current = true;
-          sentinelEnd.current.focus();
+          if (sentinelEnd.current) {
+            sentinelEnd.current.focus();
+          }
         }
       };
       doc.addEventListener('focusin', contain);
@@ -11858,8 +11886,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       // The whatwg spec defines how the browser should behave but does not explicitly mention any events:
       // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.
       const interval = setInterval(() => {
-        if (doc.activeElement.tagName === 'BODY') {
-          contain();
+        if (doc.activeElement && doc.activeElement.tagName === 'BODY') {
+          contain(null);
         }
       }, 50);
       return () => {
@@ -11905,7 +11933,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   FocusTrap.propTypes /* remove-proptypes */ = {
     // ----------------------------- Warning --------------------------------
     // | These PropTypes are generated from the TypeScript type definitions |
-    // |     To update them edit the d.ts file and run "yarn proptypes"     |
+    // |     To update them edit TypeScript types and run "yarn proptypes"  |
     // ----------------------------------------------------------------------
     /**
      * A single child content element.
@@ -11946,7 +11974,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
      * This prop should be memoized.
      * It can be used to support multiple focus trap mounted at the same time.
-     * @default function defaultIsEnabled() {
+     * @default function defaultIsEnabled(): boolean {
      *   return true;
      * }
      */
@@ -12015,7 +12043,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     return node instanceof OwnElement || node instanceof Element;
   }
 
-  function isHTMLElement(node) {
+  function isHTMLElement$1(node) {
     var OwnElement = getWindow(node).HTMLElement;
     return node instanceof OwnElement || node instanceof HTMLElement;
   }
@@ -12039,7 +12067,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       var attributes = state.attributes[name] || {};
       var element = state.elements[name]; // arrow is optional + virtual elements
 
-      if (!isHTMLElement(element) || !getNodeName(element)) {
+      if (!isHTMLElement$1(element) || !getNodeName(element)) {
         return;
       } // Flow doesn't support to extend this property, but it's the most
       // effective way to apply styles to an HTMLElement
@@ -12091,7 +12119,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           return style;
         }, {}); // arrow is optional + virtual elements
 
-        if (!isHTMLElement(element) || !getNodeName(element)) {
+        if (!isHTMLElement$1(element) || !getNodeName(element)) {
           return;
         }
 
@@ -12150,7 +12178,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     var scaleX = 1;
     var scaleY = 1;
 
-    if (includeScale && isHTMLElement(element)) {
+    if (includeScale && isHTMLElement$1(element)) {
       scaleX = element.offsetWidth > 0 ? round$1(clientRect.width) / element.offsetWidth || 1 : 1;
       scaleY = element.offsetHeight > 0 ? round$1(clientRect.height) / element.offsetHeight || 1 : 1;
     }
@@ -12255,7 +12283,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }
 
   function getTrueOffsetParent(element) {
-    if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
+    if (!isHTMLElement$1(element) || // https://github.com/popperjs/popper-core/issues/837
     getComputedStyle(element).position === 'fixed') {
       return null;
     }
@@ -12269,7 +12297,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     var isFirefox = /firefox/i.test(getUAString());
     var isIE = /Trident/i.test(getUAString());
 
-    if (isIE && isHTMLElement(element)) {
+    if (isIE && isHTMLElement$1(element)) {
       // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
       var elementCss = getComputedStyle(element);
 
@@ -12284,7 +12312,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       currentNode = currentNode.host;
     }
 
-    while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
+    while (isHTMLElement$1(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
       var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that
       // create a containing block.
       // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
@@ -12412,7 +12440,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }
 
     {
-      if (!isHTMLElement(arrowElement)) {
+      if (!isHTMLElement$1(arrowElement)) {
         console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', 'To use an SVG arrow, wrap it in an HTMLElement that will be used as', 'the arrow.'].join(' '));
       }
     }
@@ -12776,7 +12804,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       return node.ownerDocument.body;
     }
 
-    if (isHTMLElement(node) && isScrollParent(node)) {
+    if (isHTMLElement$1(node) && isScrollParent(node)) {
       return node;
     }
 
@@ -12838,7 +12866,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   function getClippingParents(element) {
     var clippingParents = listScrollParents(getParentNode(element));
     var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;
-    var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
+    var clipperElement = canEscapeClipping && isHTMLElement$1(element) ? getOffsetParent(element) : element;
 
     if (!isElement(clipperElement)) {
       return [];
@@ -13454,7 +13482,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }
 
   function getNodeScroll(node) {
-    if (node === getWindow(node) || !isHTMLElement(node)) {
+    if (node === getWindow(node) || !isHTMLElement$1(node)) {
       return getWindowScroll(node);
     } else {
       return getHTMLElementScroll(node);
@@ -13475,8 +13503,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       isFixed = false;
     }
 
-    var isOffsetParentAnElement = isHTMLElement(offsetParent);
-    var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
+    var isOffsetParentAnElement = isHTMLElement$1(offsetParent);
+    var offsetParentIsScaled = isHTMLElement$1(offsetParent) && isElementScaled(offsetParent);
     var documentElement = getDocumentElement(offsetParent);
     var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
     var scroll = {
@@ -13494,7 +13522,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         scroll = getNodeScroll(offsetParent);
       }
 
-      if (isHTMLElement(offsetParent)) {
+      if (isHTMLElement$1(offsetParent)) {
         offsets = getBoundingClientRect(offsetParent, true);
         offsets.x += offsetParent.clientLeft;
         offsets.y += offsetParent.clientTop;
@@ -14012,7 +14040,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   generateUtilityClasses('MuiPopperUnstyled', ['root']);
 
   const _excluded$27 = ["anchorEl", "children", "component", "direction", "disablePortal", "modifiers", "open", "ownerState", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps"],
-    _excluded2$9 = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition"];
+    _excluded2$9 = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
   function flipPlacement(placement, direction) {
     if (direction === 'ltr') {
       return placement;
@@ -14033,6 +14061,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   function resolveAnchorEl$1(anchorEl) {
     return typeof anchorEl === 'function' ? anchorEl() : anchorEl;
   }
+  function isHTMLElement(element) {
+    return element.nodeType !== undefined;
+  }
+  function isVirtualElement(element) {
+    return !isHTMLElement(element);
+  }
   const useUtilityClasses$1O = () => {
     const slots = {
       root: ['root']
@@ -14040,8 +14074,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     return composeClasses(slots, getPopperUnstyledUtilityClass, {});
   };
   const defaultPopperOptions = {};
-
-  /* eslint-disable react/prop-types */
   const PopperTooltip = /*#__PURE__*/React__namespace.forwardRef(function PopperTooltip(props, ref) {
     var _ref;
     const {
@@ -14095,7 +14127,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         setPlacement(data.placement);
       };
       {
-        if (resolvedAnchorElement && resolvedAnchorElement.nodeType === 1) {
+        if (resolvedAnchorElement && isHTMLElement(resolvedAnchorElement) && resolvedAnchorElement.nodeType === 1) {
           const box = resolvedAnchorElement.getBoundingClientRect();
           if (box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
             console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
@@ -14140,7 +14172,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       };
     }, [resolvedAnchorElement, disablePortal, modifiers, open, popperOptions, rtlPlacement]);
     const childProps = {
-      placement
+      placement: placement
     };
     if (TransitionProps !== null) {
       childProps.TransitionProps = TransitionProps;
@@ -14162,10 +14194,17 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       children: typeof children === 'function' ? children(childProps) : children
     }));
   });
-  /* eslint-enable react/prop-types */
 
   /**
    * Poppers rely on the 3rd party library [Popper.js](https://popper.js.org/docs/v2/) for positioning.
+   *
+   * Demos:
+   *
+   * - [Unstyled Popper](https://mui.com/base/react-popper/)
+   *
+   * API:
+   *
+   * - [PopperUnstyled API](https://mui.com/base/api/popper-unstyled/)
    */
   const PopperUnstyled = /*#__PURE__*/React__namespace.forwardRef(function PopperUnstyled(props, ref) {
     const {
@@ -14181,7 +14220,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         popperOptions = defaultPopperOptions,
         popperRef,
         style,
-        transition = false
+        transition = false,
+        slotProps = {},
+        slots = {}
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded2$9);
     const [exited, setExited] = React__namespace.useState(true);
@@ -14198,7 +14239,19 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     // If the container prop is provided, use that
     // If the anchorEl prop is provided, use its parent body element as the container
     // If neither are provided let the Modal take care of choosing the container
-    const container = containerProp || (anchorEl ? ownerDocument(resolveAnchorEl$1(anchorEl)).body : undefined);
+    let container;
+    if (containerProp) {
+      container = containerProp;
+    } else if (anchorEl) {
+      const resolvedAnchorEl = resolveAnchorEl$1(anchorEl);
+      container = resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) ? ownerDocument(resolvedAnchorEl).body : ownerDocument(null).body;
+    }
+    const display = !open && keepMounted && (!transition || exited) ? 'none' : undefined;
+    const transitionProps = transition ? {
+      in: open,
+      onEnter: handleEnter,
+      onExited: handleExited
+    } : undefined;
     return /*#__PURE__*/jsxRuntime_1(Portal$1, {
       disablePortal: disablePortal,
       container: container,
@@ -14211,7 +14264,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         open: transition ? !exited : open,
         placement: placement,
         popperOptions: popperOptions,
-        popperRef: popperRef
+        popperRef: popperRef,
+        slotProps: slotProps,
+        slots: slots
       }, other, {
         style: _extends({
           // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
@@ -14219,13 +14274,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           // Fix Popper.js display issue
           top: 0,
           left: 0,
-          display: !open && keepMounted && (!transition || exited) ? 'none' : null
+          display
         }, style),
-        TransitionProps: transition ? {
-          in: open,
-          onEnter: handleEnter,
-          onExited: handleExited
-        } : null,
+        TransitionProps: transitionProps,
         children: children
       }))
     });
@@ -14233,7 +14284,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   PopperUnstyled.propTypes /* remove-proptypes */ = {
     // ----------------------------- Warning --------------------------------
     // | These PropTypes are generated from the TypeScript type definitions |
-    // |     To update them edit the d.ts file and run "yarn proptypes"     |
+    // |     To update them edit TypeScript types and run "yarn proptypes"  |
     // ----------------------------------------------------------------------
     /**
      * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
@@ -14244,12 +14295,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     anchorEl: chainPropTypes(PropTypes.oneOfType([HTMLElementType, PropTypes.object, PropTypes.func]), props => {
       if (props.open) {
         const resolvedAnchorEl = resolveAnchorEl$1(props.anchorEl);
-        if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {
+        if (resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) && resolvedAnchorEl.nodeType === 1) {
           const box = resolvedAnchorEl.getBoundingClientRect();
           if (box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
             return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
           }
-        } else if (!resolvedAnchorEl || typeof resolvedAnchorEl.getBoundingClientRect !== 'function' || resolvedAnchorEl.contextElement != null && resolvedAnchorEl.contextElement.nodeType !== 1) {
+        } else if (!resolvedAnchorEl || typeof resolvedAnchorEl.getBoundingClientRect !== 'function' || isVirtualElement(resolvedAnchorEl) && resolvedAnchorEl.contextElement != null && resolvedAnchorEl.contextElement.nodeType !== 1) {
           return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'It should be an HTML element instance or a virtualElement ', '(https://popper.js.org/docs/v2/virtual-elements/).'].join('\n'));
         }
       }
@@ -14581,15 +14632,16 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       classes
     } = ownerState;
     const slots = {
-      root: ['root', !open && exited && 'hidden']
+      root: ['root', !open && exited && 'hidden'],
+      backdrop: ['backdrop']
     };
     return composeClasses(slots, getModalUtilityClass, classes);
   };
   function getContainer(container) {
     return typeof container === 'function' ? container() : container;
   }
-  function getHasTransition(props) {
-    return props.children ? props.children.props.hasOwnProperty('in') : false;
+  function getHasTransition(children) {
+    return children ? children.props.hasOwnProperty('in') : false;
   }
 
   // A modal manager used to track and manage the state of open Modals.
@@ -14599,17 +14651,25 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   /**
    * Modal is a lower-level construct that is leveraged by the following components:
    *
-   * - [Dialog](/material-ui/api/dialog/)
-   * - [Drawer](/material-ui/api/drawer/)
-   * - [Menu](/material-ui/api/menu/)
-   * - [Popover](/material-ui/api/popover/)
+   * *   [Dialog](https://mui.com/material-ui/api/dialog/)
+   * *   [Drawer](https://mui.com/material-ui/api/drawer/)
+   * *   [Menu](https://mui.com/material-ui/api/menu/)
+   * *   [Popover](https://mui.com/material-ui/api/popover/)
    *
-   * If you are creating a modal dialog, you probably want to use the [Dialog](/material-ui/api/dialog/) component
+   * If you are creating a modal dialog, you probably want to use the [Dialog](https://mui.com/material-ui/api/dialog/) component
    * rather than directly using Modal.
    *
    * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
+   *
+   * Demos:
+   *
+   * - [Unstyled Modal](https://mui.com/base/react-modal/)
+   *
+   * API:
+   *
+   * - [ModalUnstyled API](https://mui.com/base/api/modal-unstyled/)
    */
-  const ModalUnstyled = /*#__PURE__*/React__namespace.forwardRef(function ModalUnstyled(props, ref) {
+  const ModalUnstyled = /*#__PURE__*/React__namespace.forwardRef(function ModalUnstyled(props, forwardedRef) {
     var _props$ariaHidden, _ref;
     const {
         children,
@@ -14626,13 +14686,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         hideBackdrop = false,
         keepMounted = false,
         // private
-        // eslint-disable-next-line react/prop-types
         manager = defaultManager,
         onBackdropClick,
         onClose,
         onKeyDown,
         open,
-        /* eslint-disable react/prop-types */
         onTransitionEnter,
         onTransitionExited,
         slotProps = {},
@@ -14643,8 +14701,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const modal = React__namespace.useRef({});
     const mountNodeRef = React__namespace.useRef(null);
     const modalRef = React__namespace.useRef(null);
-    const handleRef = useForkRef(modalRef, ref);
-    const hasTransition = getHasTransition(props);
+    const handleRef = useForkRef(modalRef, forwardedRef);
+    const hasTransition = getHasTransition(children);
     const ariaHiddenProp = (_props$ariaHidden = props['aria-hidden']) != null ? _props$ariaHidden : true;
     const getDoc = () => ownerDocument(mountNodeRef.current);
     const getModal = () => {
@@ -14658,7 +14716,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       });
 
       // Fix a bug on Chrome where the scroll isn't initially 0.
-      modalRef.current.scrollTop = 0;
+      if (modalRef.current) {
+        modalRef.current.scrollTop = 0;
+      }
     };
     const handleOpen = useEventCallback(() => {
       const resolvedContainer = getContainer(container) || getDoc().body;
@@ -14672,7 +14732,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const isTopModal = React__namespace.useCallback(() => manager.isTopModal(getModal()), [manager]);
     const handlePortalRef = useEventCallback(node => {
       mountNodeRef.current = node;
-      if (!node) {
+      if (!node || !modalRef.current) {
         return;
       }
       if (open && isTopModal()) {
@@ -14796,7 +14856,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     if (!keepMounted && !open && (!hasTransition || exited)) {
       return null;
     }
-    return /*#__PURE__*/jsxRuntime_1(Portal$1, {
+    return /*#__PURE__*/jsxRuntime_1(Portal$1
+    // @ts-expect-error TODO: include ref to MUI Base Portal props
+    , {
       ref: handlePortalRef,
       container: container,
       disablePortal: disablePortal,
@@ -14815,7 +14877,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   ModalUnstyled.propTypes /* remove-proptypes */ = {
     // ----------------------------- Warning --------------------------------
     // | These PropTypes are generated from the TypeScript type definitions |
-    // |     To update them edit the d.ts file and run "yarn proptypes"     |
+    // |     To update them edit TypeScript types and run "yarn proptypes"  |
     // ----------------------------------------------------------------------
     /**
      * A single child content element.
@@ -15944,7 +16006,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      */
     getAriaValueText: PropTypes.func,
     /**
-     * Indicates whether the theme context has rtl direction. It is set automatically.
+     * If `true` the Slider will be rendered right-to-left (with the lowest value on the right-hand side).
      * @default false
      */
     isRtl: PropTypes.bool,
@@ -20482,17 +20544,17 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   const Popper = /*#__PURE__*/React__namespace.forwardRef(function Popper(inProps, ref) {
     var _slots$root;
     const theme = useTheme$2();
-    const _useThemeProps = useThemeProps({
-        props: inProps,
-        name: 'MuiPopper'
-      }),
-      {
+    const props = useThemeProps({
+      props: inProps,
+      name: 'MuiPopper'
+    });
+    const {
         components,
         componentsProps,
         slots,
         slotProps
-      } = _useThemeProps,
-      other = _objectWithoutPropertiesLoose(_useThemeProps, _excluded$1R);
+      } = props,
+      other = _objectWithoutPropertiesLoose(props, _excluded$1R);
     const RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
     return /*#__PURE__*/jsxRuntime_1(PopperRoot, _extends({
       direction: theme == null ? void 0 : theme.direction,
@@ -20583,6 +20645,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * If `true`, the component is shown.
      */
     open: PropTypes.bool.isRequired,
+    /**
+     * @ignore
+     */
+    ownerState: PropTypes.any,
     /**
      * Popper placement.
      * @default 'bottom'
@@ -39161,6 +39227,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         setDisplayNode(node);
       }
     }, []);
+    const anchorElement = displayNode == null ? void 0 : displayNode.parentNode;
     React__namespace.useImperativeHandle(handleRef, () => ({
       focus: () => {
         displayRef.current.focus();
@@ -39172,7 +39239,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     // Resize menu on `defaultOpen` automatic toggle.
     React__namespace.useEffect(() => {
       if (defaultOpen && openState && displayNode && !isOpenControlled) {
-        setMenuMinWidthState(autoWidth ? null : displayNode.clientWidth);
+        setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
         displayRef.current.focus();
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -39211,7 +39278,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         onClose(event);
       }
       if (!isOpenControlled) {
-        setMenuMinWidthState(autoWidth ? null : displayNode.clientWidth);
+        setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
         setOpenState(open);
       }
     };
@@ -39331,6 +39398,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       }
     }
     const items = childrenArray.map((child, index, arr) => {
+      var _arr$, _arr$$props, _arr$2, _arr$2$props;
       if (! /*#__PURE__*/React__namespace.isValidElement(child)) {
         return null;
       }
@@ -39367,7 +39435,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         if (value) {
           return selected;
         }
-        const firstSelectableElement = arr.find(item => item.props.value !== undefined && item.props.disabled !== true);
+        const firstSelectableElement = arr.find(item => {
+          var _item$props;
+          return (item == null ? void 0 : (_item$props = item.props) == null ? void 0 : _item$props.value) !== undefined && item.props.disabled !== true;
+        });
         if (child === firstSelectableElement) {
           return true;
         }
@@ -39388,7 +39459,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           }
         },
         role: 'option',
-        selected: arr[0].props.value === undefined || arr[0].props.disabled === true ? isFirstSelectableElement() : selected,
+        selected: ((_arr$ = arr[0]) == null ? void 0 : (_arr$$props = _arr$.props) == null ? void 0 : _arr$$props.value) === undefined || ((_arr$2 = arr[0]) == null ? void 0 : (_arr$2$props = _arr$2.props) == null ? void 0 : _arr$2$props.disabled) === true ? isFirstSelectableElement() : selected,
         value: undefined,
         // The value is most likely not a valid HTML attribute.
         'data-value': child.props.value // Instead, we provide it as a data attribute.
@@ -39425,7 +39496,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     // Avoid performing a layout computation in the render method.
     let menuMinWidth = menuMinWidthState;
     if (!autoWidth && isOpenControlled && displayNode) {
-      menuMinWidth = displayNode.clientWidth;
+      menuMinWidth = anchorElement.clientWidth;
     }
     let tabIndex;
     if (typeof tabIndexProp !== 'undefined') {
@@ -39483,7 +39554,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         ownerState: ownerState
       }), /*#__PURE__*/jsxRuntime_1(Menu$1, _extends({
         id: `menu-${name || ''}`,
-        anchorEl: displayNode,
+        anchorEl: anchorElement,
         open: open,
         onClose: handleClose,
         anchorOrigin: {
@@ -40725,11 +40796,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * @returns {string}
      */
     getAriaValueText: PropTypes.func,
-    /**
-     * Indicates whether the theme context has rtl direction. It is set automatically.
-     * @default false
-     */
-    isRtl: PropTypes.bool,
     /**
      * Marks indicate predetermined values to which the user can move the slider.
      * If `true` the marks are spaced according the value of the `step` prop.
@@ -45993,7 +46059,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       component = isHeadCell ? 'th' : 'td';
     }
     let scope = scopeProp;
-    if (!scope && isHeadCell) {
+    // scope is not a valid attribute for <td/> elements.
+    // source: https://html.spec.whatwg.org/multipage/tables.html#the-td-element
+    if (component === 'td') {
+      scope = undefined;
+    } else if (!scope && isHeadCell) {
       scope = 'col';
     }
     const variant = variantProp || tablelvl2 && tablelvl2.variant;
@@ -49176,6 +49246,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.alertTitleClasses = alertTitleClasses$1;
   exports.alpha = alpha;
   exports.appBarClasses = appBarClasses$1;
+  exports.ariaHidden = ariaHidden;
   exports.autocompleteClasses = autocompleteClasses$1;
   exports.avatarClasses = avatarClasses$1;
   exports.avatarGroupClasses = avatarGroupClasses$1;