@mui/material 5.12.2 → 5.13.0

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.12.2
+ * @mui/material v5.13.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -1651,7 +1651,6 @@
   // This module is based on https://github.com/airbnb/prop-types-exact repository.
   // However, in order to reduce the number of dependencies and to remove some extra safe checks
   // the module was forked.
-
   const specialProperty = 'exact-prop: \u200b';
   function exactProp(propTypes) {
     return _extends({}, propTypes, {
@@ -2566,7 +2565,7 @@
     return StyleSheet;
   }();
 
-  var e="-ms-";var r$1="-moz-";var a="-webkit-";var n="comm";var c="rule";var s="decl";var i="@import";var h="@keyframes";var $=Math.abs;var k=String.fromCharCode;var g=Object.assign;function m(e,r){return C(e,0)^45?(((r<<2^C(e,0))<<2^C(e,1))<<2^C(e,2))<<2^C(e,3):0}function x(e){return e.trim()}function y(e,r){return (e=r.exec(e))?e[0]:e}function j(e,r,a){return e.replace(r,a)}function z(e,r){return e.indexOf(r)}function C(e,r){return e.charCodeAt(r)|0}function O(e,r,a){return e.slice(r,a)}function A(e){return e.length}function M(e){return e.length}function S(e,r){return r.push(e),e}function q(e,r){return e.map(r).join("")}var B=1;var D=1;var E=0;var F=0;var G=0;var H="";function I(e,r,a,n,c,s,t){return {value:e,root:r,parent:a,type:n,props:c,children:s,line:B,column:D,length:t,return:""}}function J(e,r){return g(I("",null,null,"",null,null,0),e,{length:-e.length},r)}function K(){return G}function L(){G=F>0?C(H,--F):0;if(D--,G===10)D=1,B--;return G}function N(){G=F<E?C(H,F++):0;if(D++,G===10)D=1,B++;return G}function P(){return C(H,F)}function Q(){return F}function R(e,r){return O(H,e,r)}function T(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function U(e){return B=D=1,E=A(H=e),F=0,[]}function V(e){return H="",e}function W(e){return x(R(F-1,ee(e===91?e+2:e===40?e+1:e)))}function Y(e){while(G=P())if(G<33)N();else break;return T(e)>2||T(G)>3?"":" "}function _$4(e,r){while(--r&&N())if(G<48||G>102||G>57&&G<65||G>70&&G<97)break;return R(e,Q()+(r<6&&P()==32&&N()==32))}function ee(e){while(N())switch(G){case e:return F;case 34:case 39:if(e!==34&&e!==39)ee(G);break;case 40:if(e===41)ee(e);break;case 92:N();break}return F}function re(e,r){while(N())if(e+G===47+10)break;else if(e+G===42+42&&P()===47)break;return "/*"+R(r,F-1)+"*"+k(e===47?e:N())}function ae(e){while(!T(P()))N();return R(e,F)}function ne(e){return V(ce("",null,null,null,[""],e=U(e),0,[0],e))}function ce(e,r,a,n,c,s,t,u,i){var f=0;var o=0;var l=t;var v=0;var p=0;var h=0;var b=1;var w=1;var d=1;var $=0;var g="";var m=c;var x=s;var y=n;var O=g;while(w)switch(h=$,$=N()){case 40:if(h!=108&&C(O,l-1)==58){if(z(O+=j(W($),"&","&\f"),"&\f")!=-1)d=-1;break}case 34:case 39:case 91:O+=W($);break;case 9:case 10:case 13:case 32:O+=Y(h);break;case 92:O+=_$4(Q()-1,7);continue;case 47:switch(P()){case 42:case 47:S(te(re(N(),Q()),r,a),i);break;default:O+="/";}break;case 123*b:u[f++]=A(O)*d;case 125*b:case 59:case 0:switch($){case 0:case 125:w=0;case 59+o:if(p>0&&A(O)-l)S(p>32?ue(O+";",n,a,l-1):ue(j(O," ","")+";",n,a,l-2),i);break;case 59:O+=";";default:S(y=se(O,r,a,f,o,c,u,g,m=[],x=[],l),s);if($===123)if(o===0)ce(O,r,y,y,m,s,l,u,x);else switch(v===99&&C(O,3)===110?100:v){case 100:case 109:case 115:ce(e,y,y,n&&S(se(e,y,y,0,0,c,u,g,c,m=[],l),x),c,x,l,u,n?m:x);break;default:ce(O,y,y,y,[""],x,0,u,x);}}f=o=p=0,b=d=1,g=O="",l=t;break;case 58:l=1+A(O),p=h;default:if(b<1)if($==123)--b;else if($==125&&b++==0&&L()==125)continue;switch(O+=k($),$*b){case 38:d=o>0?1:(O+="\f",-1);break;case 44:u[f++]=(A(O)-1)*d,d=1;break;case 64:if(P()===45)O+=W(N());v=P(),o=l=A(g=O+=ae(Q())),$++;break;case 45:if(h===45&&A(O)==2)b=0;}}return s}function se(e,r,a,n,s,t,u,i,f,o,l){var v=s-1;var p=s===0?t:[""];var h=M(p);for(var b=0,w=0,d=0;b<n;++b)for(var k=0,g=O(e,v+1,v=$(w=u[b])),m=e;k<h;++k)if(m=x(w>0?p[k]+" "+g:j(g,/&\f/g,p[k])))f[d++]=m;return I(e,r,a,s===0?c:i,f,o,l)}function te(e,r,a){return I(e,r,a,n,k(K()),O(e,2,-2),0)}function ue(e,r,a,n){return I(e,r,a,s,O(e,0,n),O(e,n+1,-1),n)}function fe(e,r){var a="";var n=M(e);for(var c=0;c<n;c++)a+=r(e[c],c,e,r)||"";return a}function oe(e,r,a,t){switch(e.type){case i:case s:return e.return=e.return||e.value;case n:return "";case h:return e.return=e.value+"{"+fe(e.children,t)+"}";case c:e.value=e.props.join(",");}return A(a=fe(e.children,t))?e.return=e.value+"{"+a+"}":""}function le(e){var r=M(e);return function(a,n,c,s){var t="";for(var u=0;u<r;u++)t+=e[u](a,n,c,s)||"";return t}}
+  var e="-ms-";var r$1="-moz-";var a="-webkit-";var n="comm";var c="rule";var s="decl";var i="@import";var h="@keyframes";var $=Math.abs;var g=String.fromCharCode;var k=Object.assign;function m(e,r){return C(e,0)^45?(((r<<2^C(e,0))<<2^C(e,1))<<2^C(e,2))<<2^C(e,3):0}function x(e){return e.trim()}function y(e,r){return (e=r.exec(e))?e[0]:e}function j(e,r,a){return e.replace(r,a)}function z(e,r){return e.indexOf(r)}function C(e,r){return e.charCodeAt(r)|0}function O(e,r,a){return e.slice(r,a)}function A(e){return e.length}function M(e){return e.length}function S(e,r){return r.push(e),e}function q(e,r){return e.map(r).join("")}var B=1;var D=1;var E=0;var F=0;var G=0;var H="";function I(e,r,a,n,c,s,t){return {value:e,root:r,parent:a,type:n,props:c,children:s,line:B,column:D,length:t,return:""}}function J(e,r){return k(I("",null,null,"",null,null,0),e,{length:-e.length},r)}function K(){return G}function L(){G=F>0?C(H,--F):0;if(D--,G===10)D=1,B--;return G}function N(){G=F<E?C(H,F++):0;if(D++,G===10)D=1,B++;return G}function P(){return C(H,F)}function Q(){return F}function R(e,r){return O(H,e,r)}function T(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function U(e){return B=D=1,E=A(H=e),F=0,[]}function V(e){return H="",e}function W(e){return x(R(F-1,ee(e===91?e+2:e===40?e+1:e)))}function Y(e){while(G=P())if(G<33)N();else break;return T(e)>2||T(G)>3?"":" "}function _$4(e,r){while(--r&&N())if(G<48||G>102||G>57&&G<65||G>70&&G<97)break;return R(e,Q()+(r<6&&P()==32&&N()==32))}function ee(e){while(N())switch(G){case e:return F;case 34:case 39:if(e!==34&&e!==39)ee(G);break;case 40:if(e===41)ee(e);break;case 92:N();break}return F}function re(e,r){while(N())if(e+G===47+10)break;else if(e+G===42+42&&P()===47)break;return "/*"+R(r,F-1)+"*"+g(e===47?e:N())}function ae(e){while(!T(P()))N();return R(e,F)}function ne(e){return V(ce("",null,null,null,[""],e=U(e),0,[0],e))}function ce(e,r,a,n,c,s,t,u,i){var f=0;var o=0;var l=t;var v=0;var p=0;var h=0;var b=1;var w=1;var d=1;var $=0;var k="";var m=c;var x=s;var y=n;var O=k;while(w)switch(h=$,$=N()){case 40:if(h!=108&&C(O,l-1)==58){if(z(O+=j(W($),"&","&\f"),"&\f")!=-1)d=-1;break}case 34:case 39:case 91:O+=W($);break;case 9:case 10:case 13:case 32:O+=Y(h);break;case 92:O+=_$4(Q()-1,7);continue;case 47:switch(P()){case 42:case 47:S(te(re(N(),Q()),r,a),i);break;default:O+="/";}break;case 123*b:u[f++]=A(O)*d;case 125*b:case 59:case 0:switch($){case 0:case 125:w=0;case 59+o:if(d==-1)O=j(O,/\f/g,"");if(p>0&&A(O)-l)S(p>32?ue(O+";",n,a,l-1):ue(j(O," ","")+";",n,a,l-2),i);break;case 59:O+=";";default:S(y=se(O,r,a,f,o,c,u,k,m=[],x=[],l),s);if($===123)if(o===0)ce(O,r,y,y,m,s,l,u,x);else switch(v===99&&C(O,3)===110?100:v){case 100:case 109:case 115:ce(e,y,y,n&&S(se(e,y,y,0,0,c,u,k,c,m=[],l),x),c,x,l,u,n?m:x);break;default:ce(O,y,y,y,[""],x,0,u,x);}}f=o=p=0,b=d=1,k=O="",l=t;break;case 58:l=1+A(O),p=h;default:if(b<1)if($==123)--b;else if($==125&&b++==0&&L()==125)continue;switch(O+=g($),$*b){case 38:d=o>0?1:(O+="\f",-1);break;case 44:u[f++]=(A(O)-1)*d,d=1;break;case 64:if(P()===45)O+=W(N());v=P(),o=l=A(k=O+=ae(Q())),$++;break;case 45:if(h===45&&A(O)==2)b=0;}}return s}function se(e,r,a,n,s,t,u,i,f,o,l){var v=s-1;var p=s===0?t:[""];var h=M(p);for(var b=0,w=0,d=0;b<n;++b)for(var g=0,k=O(e,v+1,v=$(w=u[b])),m=e;g<h;++g)if(m=x(w>0?p[g]+" "+k:j(k,/&\f/g,p[g])))f[d++]=m;return I(e,r,a,s===0?c:i,f,o,l)}function te(e,r,a){return I(e,r,a,n,g(K()),O(e,2,-2),0)}function ue(e,r,a,n){return I(e,r,a,s,O(e,0,n),O(e,n+1,-1),n)}function fe(e,r){var a="";var n=M(e);for(var c=0;c<n;c++)a+=r(e[c],c,e,r)||"";return a}function oe(e,r,a,t){switch(e.type){case i:case s:return e.return=e.return||e.value;case n:return "";case h:return e.return=e.value+"{"+fe(e.children,t)+"}";case c:e.value=e.props.join(",");}return A(a=fe(e.children,t))?e.return=e.value+"{"+a+"}":""}function le(e){var r=M(e);return function(a,n,c,s){var t="";for(var u=0;u<r;u++)t+=e[u](a,n,c,s)||"";return t}}
 
   var weakMemoize = function weakMemoize(func) {
     // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
@@ -2641,7 +2640,7 @@
         // fallthrough
 
         default:
-          parsed[index] += k(character);
+          parsed[index] += g(character);
       }
     } while (character = N());
 
@@ -3854,7 +3853,7 @@
 
   var pkg = {
   	name: "@emotion/react",
-  	version: "11.10.6",
+  	version: "11.10.8",
   	main: "dist/emotion-react.cjs.js",
   	module: "dist/emotion-react.esm.js",
   	browser: {
@@ -3917,8 +3916,8 @@
   	},
   	dependencies: {
   		"@babel/runtime": "^7.18.3",
-  		"@emotion/babel-plugin": "^11.10.6",
-  		"@emotion/cache": "^11.10.5",
+  		"@emotion/babel-plugin": "^11.10.8",
+  		"@emotion/cache": "^11.10.8",
   		"@emotion/serialize": "^1.1.1",
   		"@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
   		"@emotion/utils": "^1.2.0",
@@ -3935,10 +3934,10 @@
   	},
   	devDependencies: {
   		"@definitelytyped/dtslint": "0.0.112",
-  		"@emotion/css": "11.10.6",
-  		"@emotion/css-prettifier": "1.1.1",
+  		"@emotion/css": "11.10.8",
+  		"@emotion/css-prettifier": "1.1.2",
   		"@emotion/server": "11.10.0",
-  		"@emotion/styled": "11.10.6",
+  		"@emotion/styled": "11.10.8",
   		"html-tag-names": "^1.1.2",
   		react: "16.14.0",
   		"svg-tag-names": "^1.1.1",
@@ -6288,6 +6287,9 @@
     return obj;
   }, {}) ;
 
+  // The different signatures imply different meaning for their arguments that can't be expressed structurally.
+  // We express the difference with variable names.
+  /* tslint:disable:unified-signatures */
   /* tslint:enable:unified-signatures */
 
   function createSpacing(spacingInput = 8) {
@@ -7387,6 +7389,7 @@
     return mergedProps;
   }
 
+  /* eslint-disable @typescript-eslint/naming-convention */
   /**
    * Returns a number whose value is limited to the given range.
    * @param {number} value The value to be clamped
@@ -13371,7 +13374,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    *
    * - [Portal API](https://mui.com/base/react-portal/components-api/#portal)
    */
-  const Portal = /*#__PURE__*/React__namespace.forwardRef(function Portal(props, ref) {
+  const Portal = /*#__PURE__*/React__namespace.forwardRef(function Portal(props, forwardedRef) {
     const {
       children,
       container,
@@ -13379,7 +13382,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     } = props;
     const [mountNode, setMountNode] = React__namespace.useState(null);
     // @ts-expect-error TODO upstream fix
-    const handleRef = useForkRef( /*#__PURE__*/React__namespace.isValidElement(children) ? children.ref : null, ref);
+    const handleRef = useForkRef( /*#__PURE__*/React__namespace.isValidElement(children) ? children.ref : null, forwardedRef);
     useEnhancedEffect$1(() => {
       if (!disablePortal) {
         setMountNode(getContainer$1(container) || document.body);
@@ -13387,13 +13390,13 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }, [container, disablePortal]);
     useEnhancedEffect$1(() => {
       if (mountNode && !disablePortal) {
-        setRef(ref, mountNode);
+        setRef(forwardedRef, mountNode);
         return () => {
-          setRef(ref, null);
+          setRef(forwardedRef, null);
         };
       }
       return undefined;
-    }, [ref, mountNode, disablePortal]);
+    }, [forwardedRef, mountNode, disablePortal]);
     if (disablePortal) {
       if ( /*#__PURE__*/React__namespace.isValidElement(children)) {
         const newProps = {
@@ -13443,7 +13446,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }
   generateUtilityClasses('MuiPopper', ['root']);
 
-  const _excluded$26 = ["anchorEl", "children", "component", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"],
+  const _excluded$26 = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"],
     _excluded2$9 = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
   function flipPlacement(placement, direction) {
     if (direction === 'ltr') {
@@ -13478,12 +13481,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     return composeClasses(slots, useClassNamesOverride(getPopperUtilityClass));
   };
   const defaultPopperOptions = {};
-  const PopperTooltip = /*#__PURE__*/React__namespace.forwardRef(function PopperTooltip(props, ref) {
-    var _ref;
+  const PopperTooltip = /*#__PURE__*/React__namespace.forwardRef(function PopperTooltip(props, forwardedRef) {
+    var _slots$root;
     const {
         anchorEl,
         children,
-        component,
         direction,
         disablePortal,
         modifiers,
@@ -13494,10 +13496,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         slotProps = {},
         slots = {},
         TransitionProps
+        // @ts-ignore internal logic
+        // prevent from spreading to DOM, it can come from the parent component e.g. Select.
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded$26);
     const tooltipRef = React__namespace.useRef(null);
-    const ownRef = useForkRef(tooltipRef, ref);
+    const ownRef = useForkRef(tooltipRef, forwardedRef);
     const popperRef = React__namespace.useRef(null);
     const handlePopperRef = useForkRef(popperRef, popperRefProp);
     const handlePopperRefRef = React__namespace.useRef(handlePopperRef);
@@ -13581,7 +13585,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       childProps.TransitionProps = TransitionProps;
     }
     const classes = useUtilityClasses$1O();
-    const Root = (_ref = component != null ? component : slots.root) != null ? _ref : 'div';
+    const Root = (_slots$root = slots.root) != null ? _slots$root : 'div';
     const rootProps = useSlotProps({
       elementType: Root,
       externalSlotProps: slotProps.root,
@@ -13609,7 +13613,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    *
    * - [Popper API](https://mui.com/base/react-popper/components-api/#popper)
    */
-  const Popper$2 = /*#__PURE__*/React__namespace.forwardRef(function Popper(props, ref) {
+  const Popper$2 = /*#__PURE__*/React__namespace.forwardRef(function Popper(props, forwardedRef) {
     const {
         anchorEl,
         children,
@@ -13663,7 +13667,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         direction: direction,
         disablePortal: disablePortal,
         modifiers: modifiers,
-        ref: ref,
+        ref: forwardedRef,
         open: transition ? !exited : open,
         placement: placement,
         popperOptions: popperOptions,
@@ -13796,10 +13800,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     slots: PropTypes.shape({
       root: PropTypes.elementType
     }),
-    /**
-     * @ignore
-     */
-    style: PropTypes.object,
     /**
      * Help supporting a react-transition-group/Transition component.
      * @default false
@@ -14027,7 +14027,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   const modalClasses$1 = generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);
   var modalUnstyledClasses = modalClasses$1;
 
-  const _excluded$25 = ["children", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"];
+  const _excluded$25 = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"];
   const useUtilityClasses$1N = ownerState => {
     const {
       open,
@@ -14072,11 +14072,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    * - [Modal API](https://mui.com/base/react-modal/components-api/#modal)
    */
   const Modal$2 = /*#__PURE__*/React__namespace.forwardRef(function Modal(props, forwardedRef) {
-    var _props$ariaHidden, _ref;
+    var _props$ariaHidden, _slots$root;
     const {
         children,
         closeAfterTransition = false,
-        component,
         container,
         disableAutoFocus = false,
         disableEnforceFocus = false,
@@ -14087,7 +14086,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         hideBackdrop = false,
         keepMounted = false,
         // private
-        manager = defaultManager,
+        manager: managerProp = defaultManager,
         onBackdropClick,
         onClose,
         onKeyDown,
@@ -14098,6 +14097,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         slots = {}
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded$25);
+    // TODO: `modal`` must change its type in this file to match the type of methods
+    // provided by `ModalManager`
+    const manager = managerProp;
     const [exited, setExited] = React__namespace.useState(!open);
     const modal = React__namespace.useRef({});
     const mountNodeRef = React__namespace.useRef(null);
@@ -14228,7 +14230,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       childProps.onEnter = createChainedFunction(handleEnter, children.props.onEnter);
       childProps.onExited = createChainedFunction(handleExited, children.props.onExited);
     }
-    const Root = (_ref = component != null ? component : slots.root) != null ? _ref : 'div';
+    const Root = (_slots$root = slots.root) != null ? _slots$root : 'div';
     const rootProps = useSlotProps({
       elementType: Root,
       externalSlotProps: slotProps.root,
@@ -14288,11 +14290,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * @default false
      */
     closeAfterTransition: PropTypes.bool,
-    /**
-     * The component used for the root node.
-     * Either a string to use a HTML element or a component.
-     */
-    component: PropTypes.elementType,
     /**
      * An HTML element or function that returns one.
      * The `container` will have the portal children appended to it.
@@ -14365,10 +14362,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
      */
     onClose: PropTypes.func,
-    /**
-     * @ignore
-     */
-    onKeyDown: PropTypes.func,
     /**
      * If `true`, the component is shown.
      */
@@ -14635,7 +14628,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       onChange,
       onChangeCommitted,
       orientation = 'horizontal',
-      ref,
+      rootRef: ref,
       scale = Identity$1,
       step = 1,
       tabIndex,
@@ -15068,6 +15061,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       marks: marks,
       open,
       range,
+      rootRef: handleRef,
       trackLeap,
       trackOffset,
       values
@@ -15091,7 +15085,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       disableWindowBlurListener = false,
       onClose,
       open,
-      ref,
       resumeHideDuration
     } = parameters;
     const timerAutoHide = React__namespace.useRef();
@@ -15190,7 +15183,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       const propsEventHandlers = extractEventHandlers(parameters);
       const externalEventHandlers = _extends({}, propsEventHandlers, otherHandlers);
       return _extends({
-        ref,
         // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
         // See https://github.com/mui/material-ui/issues/29080
         role: 'presentation'
@@ -15241,7 +15233,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    *
    * - [TextareaAutosize API](https://mui.com/base/react-textarea-autosize/components-api/#textarea-autosize)
    */
-  const TextareaAutosize = /*#__PURE__*/React__namespace.forwardRef(function TextareaAutosize(props, ref) {
+  const TextareaAutosize = /*#__PURE__*/React__namespace.forwardRef(function TextareaAutosize(props, forwardedRef) {
     const {
         onChange,
         maxRows,
@@ -15254,7 +15246,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       current: isControlled
     } = React__namespace.useRef(value != null);
     const inputRef = React__namespace.useRef(null);
-    const handleRef = useForkRef(ref, inputRef);
+    const handleRef = useForkRef(forwardedRef, inputRef);
     const shadowRef = React__namespace.useRef(null);
     const renders = React__namespace.useRef(0);
     const [state, setState] = React__namespace.useState({
@@ -20608,7 +20600,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
     const otherProps = _extends({
       anchorEl,
-      component,
       container,
       disablePortal,
       keepMounted,
@@ -20620,6 +20611,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       transition
     }, other);
     return /*#__PURE__*/jsxRuntime_1(PopperRoot, _extends({
+      as: component,
       direction: theme == null ? void 0 : theme.direction,
       slots: {
         root: RootComponent
@@ -20646,9 +20638,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      */
     children: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.node, PropTypes.func]),
     /**
-     * @ignore
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
      */
-    component: PropTypes /* @typescript-to-proptypes-ignore */.elementType,
+    component: PropTypes.elementType,
     /**
      * The components used for each slot inside the Popper.
      * Either a string to use a HTML element or a component.
@@ -21176,7 +21169,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         size = 'medium',
         variant = 'filled',
         tabIndex,
-        skipFocusWhenDisabled = false
+        skipFocusWhenDisabled = false // TODO v6: Rename to `focusableWhenDisabled`.
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded$1P);
     const chipRef = React__namespace.useRef(null);
@@ -21816,7 +21809,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       if (inputRef.current && event.currentTarget === event.target) {
         inputRef.current.focus();
       }
-      if (onClick) {
+      if (onClick && !fcs.disabled) {
         onClick(event);
       }
     };
@@ -24578,7 +24571,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         icon,
         label,
         onChange,
-        onClick,
+        onClick
+        // eslint-disable-next-line react/prop-types -- private, always overridden by BottomNavigation
+        ,
+
         value
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded$1G);
@@ -25452,9 +25448,15 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         borderBottomRightRadius: 0,
         borderBottomLeftRadius: 0
       }, ownerState.variant === 'text' && ownerState.orientation === 'horizontal' && {
-        borderRight: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`
+        borderRight: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
+        [`&.${buttonGroupClasses$1.disabled}`]: {
+          borderRight: `1px solid ${(theme.vars || theme).palette.action.disabled}`
+        }
       }, ownerState.variant === 'text' && ownerState.orientation === 'vertical' && {
-        borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`
+        borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'}`,
+        [`&.${buttonGroupClasses$1.disabled}`]: {
+          borderBottom: `1px solid ${(theme.vars || theme).palette.action.disabled}`
+        }
       }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
         borderColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : alpha(theme.palette[ownerState.color].main, 0.5)
       }, ownerState.variant === 'outlined' && ownerState.orientation === 'horizontal' && {
@@ -28285,7 +28287,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     alignSelf: 'stretch',
     height: 'auto'
   }), ({
-    theme,
     ownerState
   }) => _extends({}, ownerState.children && {
     display: 'flex',
@@ -28293,12 +28294,16 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     textAlign: 'center',
     border: 0,
     '&::before, &::after': {
-      position: 'relative',
-      width: '100%',
-      borderTop: `thin solid ${(theme.vars || theme).palette.divider}`,
-      top: '50%',
       content: '""',
-      transform: 'translateY(50%)'
+      alignSelf: 'center'
+    }
+  }), ({
+    theme,
+    ownerState
+  }) => _extends({}, ownerState.children && ownerState.orientation !== 'vertical' && {
+    '&::before, &::after': {
+      width: '100%',
+      borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
     }
   }), ({
     theme,
@@ -28307,11 +28312,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     flexDirection: 'column',
     '&::before, &::after': {
       height: '100%',
-      top: '0%',
-      left: '50%',
-      borderTop: 0,
-      borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`,
-      transform: 'translateX(0%)'
+      borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
     }
   }), ({
     ownerState
@@ -31498,6 +31499,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
    */
 
+  /**
+   * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
+   */
+
+  /**
+   * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
+   */
+
   function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
     const [match, setMatch] = React__namespace.useState(() => {
       if (noSsr && matchMedia) {
@@ -39392,7 +39401,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         readOnly,
         renderValue,
         SelectDisplayProps = {},
-        tabIndex: tabIndexProp,
+        tabIndex: tabIndexProp
+        // catching `type` from Input which makes no sense for SelectInput
+        ,
+
         value: valueProp,
         variant = 'standard'
       } = props,
@@ -39493,11 +39505,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
     // Support autofill.
     const handleChange = event => {
-      const index = childrenArray.map(child => child.props.value).indexOf(event.target.value);
-      if (index === -1) {
+      const child = childrenArray.find(childItem => childItem.props.value === event.target.value);
+      if (child === undefined) {
         return;
       }
-      const child = childrenArray[index];
       setValueState(child.props.value);
       if (onChange) {
         onChange(event, child);
@@ -40924,7 +40935,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       trackOffset,
       trackLeap
     } = useSlider(_extends({}, ownerState, {
-      ref
+      rootRef: ref
     }));
     ownerState.marked = marks.length > 0 && marks.some(mark => mark.label);
     ownerState.dragging = dragging;
@@ -41588,15 +41599,16 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const {
       getRootProps,
       onClickAway
-    } = useSnackbar(_extends({}, ownerState, {
-      ref
-    }));
+    } = useSnackbar(_extends({}, ownerState));
     const [exited, setExited] = React__namespace.useState(true);
     const rootProps = useSlotProps({
       elementType: SnackbarRoot,
       getSlotProps: getRootProps,
       externalForwardedProps: other,
       ownerState,
+      additionalProps: {
+        ref
+      },
       className: [classes.root, className]
     });
     const handleExited = node => {
@@ -44946,7 +44958,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         SwipeAreaProps,
         swipeAreaWidth = 20,
         transitionDuration = transitionDurationDefault,
-        variant = 'temporary'
+        variant = 'temporary' // Mobile first.
       } = props,
       ModalPropsProp = _objectWithoutPropertiesLoose(props.ModalProps, _excluded$k),
       other = _objectWithoutPropertiesLoose(props, _excluded2);
@@ -48569,7 +48581,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   const textFieldClasses = generateUtilityClasses('MuiTextField', ['root']);
   var textFieldClasses$1 = textFieldClasses;
 
-  const _excluded$3 = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"];
+  const _excluded$3 = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"];
   const variantComponent = {
     standard: Input$1,
     filled: FilledInput$1,
@@ -48651,6 +48663,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         name,
         onBlur,
         onChange,
+        onClick,
         onFocus,
         placeholder,
         required = false,
@@ -48715,6 +48728,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       onBlur: onBlur,
       onChange: onChange,
       onFocus: onFocus,
+      onClick: onClick,
       placeholder: placeholder,
       inputProps: inputProps
     }, InputMore, InputProps));
@@ -48873,6 +48887,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * You can pull out the new value by accessing `event.target.value` (string).
      */
     onChange: PropTypes.func,
+    /**
+     * @ignore
+     */
+    onClick: PropTypes.func,
     /**
      * @ignore
      */