@mui/material 5.2.3 → 5.2.7

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.2.3
+/** @license MUI v5.2.7
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -661,7 +661,7 @@
     return StyleSheet;
   }();
 
-  var e="-ms-";var r="-moz-";var a="-webkit-";var c="comm";var n="rule";var t="decl";var i="@import";var p="@keyframes";var k=Math.abs;var d=String.fromCharCode;function m(e,r){return (((r<<2^z(e,0))<<2^z(e,1))<<2^z(e,2))<<2^z(e,3)}function g(e){return e.trim()}function x$1(e,r){return (e=r.exec(e))?e[0]:e}function y(e,r,a){return e.replace(r,a)}function j(e,r){return e.indexOf(r)}function z(e,r){return e.charCodeAt(r)|0}function C(e,r,a){return e.slice(r,a)}function A(e){return e.length}function M(e){return e.length}function O(e,r){return r.push(e),e}function S(e,r){return e.map(r).join("")}var q=1;var B=1;var D=0;var E=0;var F=0;var G="";function H(e,r,a,c,n,t,s){return {value:e,root:r,parent:a,type:c,props:n,children:t,line:q,column:B,length:s,return:""}}function I(e,r,a){return H(e,r.root,r.parent,a,r.props,r.children,0)}function J(){return F}function K(){F=E>0?z(G,--E):0;if(B--,F===10)B=1,q--;return F}function L(){F=E<D?z(G,E++):0;if(B++,F===10)B=1,q++;return F}function N(){return z(G,E)}function P(){return E}function Q(e,r){return C(G,e,r)}function R(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 T(e){return q=B=1,D=A(G=e),E=0,[]}function U(e){return G="",e}function V(e){return g(Q(E-1,_$4(e===91?e+2:e===40?e+1:e)))}function X(e){while(F=N())if(F<33)L();else break;return R(e)>2||R(F)>3?"":" "}function Z(e,r){while(--r&&L())if(F<48||F>102||F>57&&F<65||F>70&&F<97)break;return Q(e,P()+(r<6&&N()==32&&L()==32))}function _$4(e){while(L())switch(F){case e:return E;case 34:case 39:return _$4(e===34||e===39?e:F);case 40:if(e===41)_$4(e);break;case 92:L();break}return E}function ee(e,r){while(L())if(e+F===47+10)break;else if(e+F===42+42&&N()===47)break;return "/*"+Q(r,E-1)+"*"+d(e===47?e:L())}function re(e){while(!R(N()))L();return Q(e,E)}function ae(e){return U(ce("",null,null,null,[""],e=T(e),0,[0],e))}function ce(e,r,a,c,n,t,s,u,i){var f=0;var o=0;var l=s;var v=0;var h=0;var p=0;var b=1;var w=1;var $=1;var k=0;var m="";var g=n;var x=t;var j=c;var z=m;while(w)switch(p=k,k=L()){case 34:case 39:case 91:case 40:z+=V(k);break;case 9:case 10:case 13:case 32:z+=X(p);break;case 92:z+=Z(P()-1,7);continue;case 47:switch(N()){case 42:case 47:O(te(ee(L(),P()),r,a),i);break;default:z+="/";}break;case 123*b:u[f++]=A(z)*$;case 125*b:case 59:case 0:switch(k){case 0:case 125:w=0;case 59+o:if(h>0&&A(z)-l)O(h>32?se(z+";",c,a,l-1):se(y(z," ","")+";",c,a,l-2),i);break;case 59:z+=";";default:O(j=ne(z,r,a,f,o,n,u,m,g=[],x=[],l),t);if(k===123)if(o===0)ce(z,r,j,j,g,t,l,u,x);else switch(v){case 100:case 109:case 115:ce(e,j,j,c&&O(ne(e,j,j,0,0,n,u,m,n,g=[],l),x),n,x,l,u,c?g:x);break;default:ce(z,j,j,j,[""],x,l,u,x);}}f=o=h=0,b=$=1,m=z="",l=s;break;case 58:l=1+A(z),h=p;default:if(b<1)if(k==123)--b;else if(k==125&&b++==0&&K()==125)continue;switch(z+=d(k),k*b){case 38:$=o>0?1:(z+="\f",-1);break;case 44:u[f++]=(A(z)-1)*$,$=1;break;case 64:if(N()===45)z+=V(L());v=N(),o=A(m=z+=re(P())),k++;break;case 45:if(p===45&&A(z)==2)b=0;}}return t}function ne(e,r,a,c,t,s,u,i,f,o,l){var v=t-1;var h=t===0?s:[""];var p=M(h);for(var b=0,w=0,$=0;b<c;++b)for(var d=0,m=C(e,v+1,v=k(w=u[b])),x=e;d<p;++d)if(x=g(w>0?h[d]+" "+m:y(m,/&\f/g,h[d])))f[$++]=x;return H(e,r,a,t===0?n:i,f,o,l)}function te(e,r,a){return H(e,r,a,c,d(J()),C(e,2,-2),0)}function se(e,r,a,c){return H(e,r,a,t,C(e,0,c),C(e,c+1,-1),c)}function ue(c,n){switch(m(c,n)){case 5103:return a+"print-"+c+c;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return a+c+c;case 5349:case 4246:case 4810:case 6968:case 2756:return a+c+r+c+e+c+c;case 6828:case 4268:return a+c+e+c+c;case 6165:return a+c+e+"flex-"+c+c;case 5187:return a+c+y(c,/(\w+).+(:[^]+)/,a+"box-$1$2"+e+"flex-$1$2")+c;case 5443:return a+c+e+"flex-item-"+y(c,/flex-|-self/,"")+c;case 4675:return a+c+e+"flex-line-pack"+y(c,/align-content|flex-|-self/,"")+c;case 5548:return a+c+e+y(c,"shrink","negative")+c;case 5292:return a+c+e+y(c,"basis","preferred-size")+c;case 6060:return a+"box-"+y(c,"-grow","")+a+c+e+y(c,"grow","positive")+c;case 4554:return a+y(c,/([^-])(transform)/g,"$1"+a+"$2")+c;case 6187:return y(y(y(c,/(zoom-|grab)/,a+"$1"),/(image-set)/,a+"$1"),c,"")+c;case 5495:case 3959:return y(c,/(image-set\([^]*)/,a+"$1"+"$`$1");case 4968:return y(y(c,/(.+:)(flex-)?(.*)/,a+"box-pack:$3"+e+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+a+c+c;case 4095:case 3583:case 4068:case 2532:return y(c,/(.+)-inline(.+)/,a+"$1$2")+c;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(A(c)-1-n>6)switch(z(c,n+1)){case 109:if(z(c,n+4)!==45)break;case 102:return y(c,/(.+:)(.+)-([^]+)/,"$1"+a+"$2-$3"+"$1"+r+(z(c,n+3)==108?"$3":"$2-$3"))+c;case 115:return ~j(c,"stretch")?ue(y(c,"stretch","fill-available"),n)+c:c}break;case 4949:if(z(c,n+1)!==115)break;case 6444:switch(z(c,A(c)-3-(~j(c,"!important")&&10))){case 107:return y(c,":",":"+a)+c;case 101:return y(c,/(.+:)([^;!]+)(;|!.+)?/,"$1"+a+(z(c,14)===45?"inline-":"")+"box$3"+"$1"+a+"$2$3"+"$1"+e+"$2box$3")+c}break;case 5936:switch(z(c,n+11)){case 114:return a+c+e+y(c,/[svh]\w+-[tblr]{2}/,"tb")+c;case 108:return a+c+e+y(c,/[svh]\w+-[tblr]{2}/,"tb-rl")+c;case 45:return a+c+e+y(c,/[svh]\w+-[tblr]{2}/,"lr")+c}return a+c+e+c+c}return c}function ie(e,r){var a="";var c=M(e);for(var n=0;n<c;n++)a+=r(e[n],n,e,r)||"";return a}function fe(e,r,a,s){switch(e.type){case i:case t:return e.return=e.return||e.value;case c:return "";case n:e.value=e.props.join(",");}return A(a=ie(e.children,s))?e.return=e.value+"{"+a+"}":""}function oe(e){var r=M(e);return function(a,c,n,t){var s="";for(var u=0;u<r;u++)s+=e[u](a,c,n,t)||"";return s}}function ve(c,s,u,i){if(!c.return)switch(c.type){case t:c.return=ue(c.value,c.length);break;case p:return ie([I(y(c.value,"@","@"+a),c,"")],i);case n:if(c.length)return S(c.props,(function(n){switch(x$1(n,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ie([I(y(n,/:(read-\w+)/,":"+r+"$1"),c,"")],i);case"::placeholder":return ie([I(y(n,/:(plac\w+)/,":"+a+"input-$1"),c,""),I(y(n,/:(plac\w+)/,":"+r+"$1"),c,""),I(y(n,/:(plac\w+)/,e+"input-$1"),c,"")],i)}return ""}))}}
+  var e="-ms-";var r="-moz-";var a="-webkit-";var c="comm";var n="rule";var t="decl";var i="@import";var p="@keyframes";var k=Math.abs;var d=String.fromCharCode;var g=Object.assign;function m(e,r){return (((r<<2^z(e,0))<<2^z(e,1))<<2^z(e,2))<<2^z(e,3)}function x$1(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 C(e,r){return e.indexOf(r)}function z(e,r){return e.charCodeAt(r)|0}function A(e,r,a){return e.slice(r,a)}function O(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,c,n,t,s){return {value:e,root:r,parent:a,type:c,props:n,children:t,line:B,column:D,length:s,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?z(H,--F):0;if(D--,G===10)D=1,B--;return G}function N(){G=F<E?z(H,F++):0;if(D++,G===10)D=1,B++;return G}function P(){return z(H,F)}function Q(){return F}function R(e,r){return A(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=O(H=e),F=0,[]}function V(e){return H="",e}function W(e){return x$1(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)+"*"+d(e===47?e:N())}function ae(e){while(!T(P()))N();return R(e,F)}function ce(e){return V(ne("",null,null,null,[""],e=U(e),0,[0],e))}function ne(e,r,a,c,n,t,s,u,i){var f=0;var o=0;var l=s;var v=0;var h=0;var p=0;var b=1;var w=1;var $=1;var k=0;var g="";var m=n;var x=t;var y=c;var z=g;while(w)switch(p=k,k=N()){case 40:if(p!=108&&z.charCodeAt(l-1)==58){if(C(z+=j(W(k),"&","&\f"),"&\f")!=-1)$=-1;break}case 34:case 39:case 91:z+=W(k);break;case 9:case 10:case 13:case 32:z+=Y(p);break;case 92:z+=_$4(Q()-1,7);continue;case 47:switch(P()){case 42:case 47:S(se(re(N(),Q()),r,a),i);break;default:z+="/";}break;case 123*b:u[f++]=O(z)*$;case 125*b:case 59:case 0:switch(k){case 0:case 125:w=0;case 59+o:if(h>0&&O(z)-l)S(h>32?ue(z+";",c,a,l-1):ue(j(z," ","")+";",c,a,l-2),i);break;case 59:z+=";";default:S(y=te(z,r,a,f,o,n,u,g,m=[],x=[],l),t);if(k===123)if(o===0)ne(z,r,y,y,m,t,l,u,x);else switch(v){case 100:case 109:case 115:ne(e,y,y,c&&S(te(e,y,y,0,0,n,u,g,n,m=[],l),x),n,x,l,u,c?m:x);break;default:ne(z,y,y,y,[""],x,0,u,x);}}f=o=h=0,b=$=1,g=z="",l=s;break;case 58:l=1+O(z),h=p;default:if(b<1)if(k==123)--b;else if(k==125&&b++==0&&L()==125)continue;switch(z+=d(k),k*b){case 38:$=o>0?1:(z+="\f",-1);break;case 44:u[f++]=(O(z)-1)*$,$=1;break;case 64:if(P()===45)z+=W(N());v=P(),o=l=O(g=z+=ae(Q())),k++;break;case 45:if(p===45&&O(z)==2)b=0;}}return t}function te(e,r,a,c,t,s,u,i,f,o,l){var v=t-1;var h=t===0?s:[""];var p=M(h);for(var b=0,w=0,$=0;b<c;++b)for(var d=0,g=A(e,v+1,v=k(w=u[b])),m=e;d<p;++d)if(m=x$1(w>0?h[d]+" "+g:j(g,/&\f/g,h[d])))f[$++]=m;return I(e,r,a,t===0?n:i,f,o,l)}function se(e,r,a){return I(e,r,a,c,d(K()),A(e,2,-2),0)}function ue(e,r,a,c){return I(e,r,a,t,A(e,0,c),A(e,c+1,-1),c)}function ie(c,n){switch(m(c,n)){case 5103:return a+"print-"+c+c;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return a+c+c;case 5349:case 4246:case 4810:case 6968:case 2756:return a+c+r+c+e+c+c;case 6828:case 4268:return a+c+e+c+c;case 6165:return a+c+e+"flex-"+c+c;case 5187:return a+c+j(c,/(\w+).+(:[^]+)/,a+"box-$1$2"+e+"flex-$1$2")+c;case 5443:return a+c+e+"flex-item-"+j(c,/flex-|-self/,"")+c;case 4675:return a+c+e+"flex-line-pack"+j(c,/align-content|flex-|-self/,"")+c;case 5548:return a+c+e+j(c,"shrink","negative")+c;case 5292:return a+c+e+j(c,"basis","preferred-size")+c;case 6060:return a+"box-"+j(c,"-grow","")+a+c+e+j(c,"grow","positive")+c;case 4554:return a+j(c,/([^-])(transform)/g,"$1"+a+"$2")+c;case 6187:return j(j(j(c,/(zoom-|grab)/,a+"$1"),/(image-set)/,a+"$1"),c,"")+c;case 5495:case 3959:return j(c,/(image-set\([^]*)/,a+"$1"+"$`$1");case 4968:return j(j(c,/(.+:)(flex-)?(.*)/,a+"box-pack:$3"+e+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+a+c+c;case 4095:case 3583:case 4068:case 2532:return j(c,/(.+)-inline(.+)/,a+"$1$2")+c;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(O(c)-1-n>6)switch(z(c,n+1)){case 109:if(z(c,n+4)!==45)break;case 102:return j(c,/(.+:)(.+)-([^]+)/,"$1"+a+"$2-$3"+"$1"+r+(z(c,n+3)==108?"$3":"$2-$3"))+c;case 115:return ~C(c,"stretch")?ie(j(c,"stretch","fill-available"),n)+c:c}break;case 4949:if(z(c,n+1)!==115)break;case 6444:switch(z(c,O(c)-3-(~C(c,"!important")&&10))){case 107:return j(c,":",":"+a)+c;case 101:return j(c,/(.+:)([^;!]+)(;|!.+)?/,"$1"+a+(z(c,14)===45?"inline-":"")+"box$3"+"$1"+a+"$2$3"+"$1"+e+"$2box$3")+c}break;case 5936:switch(z(c,n+11)){case 114:return a+c+e+j(c,/[svh]\w+-[tblr]{2}/,"tb")+c;case 108:return a+c+e+j(c,/[svh]\w+-[tblr]{2}/,"tb-rl")+c;case 45:return a+c+e+j(c,/[svh]\w+-[tblr]{2}/,"lr")+c}return a+c+e+c+c}return c}function fe(e,r){var a="";var c=M(e);for(var n=0;n<c;n++)a+=r(e[n],n,e,r)||"";return a}function oe(e,r,a,s){switch(e.type){case i:case t:return e.return=e.return||e.value;case c:return "";case p:return e.return=e.value+"{"+fe(e.children,s)+"}";case n:e.value=e.props.join(",");}return O(a=fe(e.children,s))?e.return=e.value+"{"+a+"}":""}function le(e){var r=M(e);return function(a,c,n,t){var s="";for(var u=0;u<r;u++)s+=e[u](a,c,n,t)||"";return s}}function he(c,s,u,i){if(c.length>-1)if(!c.return)switch(c.type){case t:c.return=ie(c.value,c.length);break;case p:return fe([J(c,{value:j(c.value,"@","@"+a)})],i);case n:if(c.length)return q(c.props,(function(n){switch(y(n,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return fe([J(c,{props:[j(n,/:(read-\w+)/,":"+r+"$1")]})],i);case"::placeholder":return fe([J(c,{props:[j(n,/:(plac\w+)/,":"+a+"input-$1")]}),J(c,{props:[j(n,/:(plac\w+)/,":"+r+"$1")]}),J(c,{props:[j(n,/:(plac\w+)/,e+"input-$1")]})],i)}return ""}))}}
 
   var weakMemoize = function weakMemoize(func) {
     // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
@@ -689,20 +689,20 @@
 
     while (true) {
       previous = character;
-      character = N(); // &\f
+      character = P(); // &\f
 
       if (previous === 38 && character === 12) {
         points[index] = 1;
       }
 
-      if (R(character)) {
+      if (T(character)) {
         break;
       }
 
-      L();
+      N();
     }
 
-    return Q(begin, E);
+    return R(begin, F);
   };
 
   var toRules = function toRules(parsed, points) {
@@ -711,10 +711,10 @@
     var character = 44;
 
     do {
-      switch (R(character)) {
+      switch (T(character)) {
         case 0:
           // &\f
-          if (character === 38 && N() === 12) {
+          if (character === 38 && P() === 12) {
             // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings
             // stylis inserts \f after & to know when & where it should replace this sequence with the context selector
             // and when it should just concatenate the outer and inner selectors
@@ -722,18 +722,18 @@
             points[index] = 1;
           }
 
-          parsed[index] += identifierWithPointTracking(E - 1, points, index);
+          parsed[index] += identifierWithPointTracking(F - 1, points, index);
           break;
 
         case 2:
-          parsed[index] += V(character);
+          parsed[index] += W(character);
           break;
 
         case 4:
           // comma
           if (character === 44) {
             // colon
-            parsed[++index] = N() === 58 ? '&\f' : '';
+            parsed[++index] = P() === 58 ? '&\f' : '';
             points[index] = parsed[index].length;
             break;
           }
@@ -743,20 +743,21 @@
         default:
           parsed[index] += d(character);
       }
-    } while (character = L());
+    } while (character = N());
 
     return parsed;
   };
 
   var getRules = function getRules(value, points) {
-    return U(toRules(T(value), points));
+    return V(toRules(U(value), points));
   }; // WeakSet would be more appropriate, but only WeakMap is supported in IE11
 
 
   var fixedElements = /* #__PURE__ */new WeakMap();
   var compat = function compat(element) {
-    if (element.type !== 'rule' || !element.parent || // .length indicates if this rule contains pseudo or not
-    !element.length) {
+    if (element.type !== 'rule' || !element.parent || // positive .length indicates that this rule contains pseudo
+    // negative .length indicates that this rule has been already prefixed
+    element.length < 1) {
       return;
     }
 
@@ -879,7 +880,7 @@
       };
     });
   });
-  var defaultStylisPlugins = [ve];
+  var defaultStylisPlugins = [he];
 
   var createCache = function createCache(options) {
     var key = options.key;
@@ -955,7 +956,7 @@
 
     if (isBrowser$4) {
       var currentSheet;
-      var finalizingPlugins = [fe, function (element) {
+      var finalizingPlugins = [oe, function (element) {
         if (!element.root) {
           if (element["return"]) {
             currentSheet.insert(element["return"]);
@@ -966,10 +967,10 @@
           }
         }
       } ];
-      var serializer = oe(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
+      var serializer = le(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
 
       var stylis = function stylis(styles) {
-        return ie(ae(styles), serializer);
+        return fe(ce(styles), serializer);
       };
 
       _insert = function insert(selector, serialized, sheet, shouldCache) {
@@ -990,12 +991,12 @@
         }
       };
     } else {
-      var _finalizingPlugins = [fe];
+      var _finalizingPlugins = [oe];
 
-      var _serializer = oe(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
+      var _serializer = le(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
 
       var _stylis = function _stylis(styles) {
-        return ie(ae(styles), _serializer);
+        return fe(ce(styles), _serializer);
       }; // $FlowFixMe
 
 
@@ -2008,7 +2009,7 @@
 
   var pkg = {
   	name: "@emotion/react",
-  	version: "11.7.0",
+  	version: "11.7.1",
   	main: "dist/emotion-react.cjs.js",
   	module: "dist/emotion-react.esm.js",
   	browser: {
@@ -2035,7 +2036,7 @@
   	},
   	dependencies: {
   		"@babel/runtime": "^7.13.10",
-  		"@emotion/cache": "^11.6.0",
+  		"@emotion/cache": "^11.7.1",
   		"@emotion/serialize": "^1.0.2",
   		"@emotion/sheet": "^1.1.0",
   		"@emotion/utils": "^1.0.0",
@@ -2056,8 +2057,8 @@
   	},
   	devDependencies: {
   		"@babel/core": "^7.13.10",
-  		"@emotion/css": "11.5.0",
-  		"@emotion/css-prettifier": "1.0.0",
+  		"@emotion/css": "11.7.1",
+  		"@emotion/css-prettifier": "1.0.1",
   		"@emotion/server": "11.4.0",
   		"@emotion/styled": "11.6.0",
   		"@types/react": "^16.9.11",
@@ -6463,6 +6464,21 @@
       return up(key);
     }
 
+    function not(key) {
+      // handle first and last key separately, for better readability
+      const keyIndex = keys.indexOf(key);
+
+      if (keyIndex === 0) {
+        return up(keys[1]);
+      }
+
+      if (keyIndex === keys.length - 1) {
+        return down(keys[keyIndex]);
+      }
+
+      return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
+    }
+
     return _extends({
       keys,
       values,
@@ -6470,6 +6486,7 @@
       down,
       between,
       only,
+      not,
       unit
     }, other);
   }
@@ -7926,7 +7943,11 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     };
 
     const handleValue = (event, newValue, reason, details) => {
-      if (value === newValue) {
+      if (Array.isArray(value)) {
+        if (value.length === newValue.length && value.every((val, i) => val === newValue[i])) {
+          return;
+        }
+      } else if (value === newValue) {
         return;
       }
 
@@ -8374,7 +8395,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
         // only have an opinion about this when closed
         'aria-activedescendant': popupOpen ? '' : null,
         'aria-autocomplete': autoComplete ? 'both' : 'list',
-        'aria-controls': listboxAvailable ? `${id}-listbox` : null,
+        'aria-controls': listboxAvailable ? `${id}-listbox` : undefined,
         // Disable browser's suggestion that might overlap with the popup.
         // Handle autocomplete but not autofill.
         autoComplete: 'off',
@@ -8614,25 +8635,70 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   } ;
   var BackdropUnstyled$1 = BackdropUnstyled;
 
+  function useBadge(props) {
+    const {
+      anchorOrigin: anchorOriginProp = {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      badgeContent: badgeContentProp,
+      invisible: invisibleProp,
+      max: maxProp = 99,
+      showZero = false,
+      variant: variantProp = 'standard'
+    } = props;
+    const prevProps = usePreviousProps$1({
+      anchorOrigin: anchorOriginProp,
+      badgeContent: badgeContentProp,
+      max: maxProp,
+      variant: variantProp
+    });
+    let invisible = invisibleProp;
+
+    if (invisibleProp == null && (badgeContentProp === 0 && !showZero || badgeContentProp == null && variantProp !== 'dot')) {
+      invisible = true;
+    }
+
+    const {
+      anchorOrigin = anchorOriginProp,
+      badgeContent,
+      max = maxProp,
+      variant = variantProp
+    } = invisible ? prevProps : props;
+    let displayValue = '';
+
+    if (variant !== 'dot') {
+      displayValue = badgeContent && Number(badgeContent) > max ? `${max}+` : badgeContent;
+    }
+
+    return {
+      anchorOrigin,
+      badgeContent,
+      invisible,
+      max,
+      variant,
+      displayValue
+    };
+  }
+
   function getBadgeUtilityClass(slot) {
     return generateUtilityClass('MuiBadge', slot);
   }
-  const badgeUnstyledClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular', 'invisible']);
+  const badgeUnstyledClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopLeft', 'anchorOriginTopRight', 'anchorOriginBottomLeft', 'anchorOriginBottomRight', 'invisible']);
   var badgeUnstyledClasses$1 = badgeUnstyledClasses;
 
-  const _excluded$2l = ["anchorOrigin", "classes", "badgeContent", "component", "children", "className", "components", "componentsProps", "invisible", "max", "overlap", "showZero", "variant", "theme"];
+  const _excluded$2l = ["anchorOrigin", "classes", "badgeContent", "component", "children", "className", "components", "componentsProps", "invisible", "max", "showZero", "variant"];
 
   const useUtilityClasses$1S = ownerState => {
     const {
       variant,
       anchorOrigin,
-      overlap,
       invisible,
       classes
     } = ownerState;
     const slots = {
       root: ['root'],
-      badge: ['badge', variant, `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`, invisible && 'invisible']
+      badge: ['badge', variant, `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}`, invisible && 'invisible']
     };
     return composeClasses(slots, getBadgeUtilityClass, classes);
   };
@@ -8644,43 +8710,29 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
         horizontal: 'right'
       },
       classes: classesProp,
-      badgeContent: badgeContentProp,
-      component = 'span',
+      component,
       children,
       className,
       components = {},
       componentsProps = {},
-      invisible: invisibleProp,
       max: maxProp = 99,
-      overlap: overlapProp = 'rectangular',
       showZero = false,
-      variant: variantProp = 'standard',
-
-      /* eslint-disable react/prop-types */
-      theme
+      variant: variantProp = 'standard'
     } = props,
           other = _objectWithoutPropertiesLoose(props, _excluded$2l);
 
-    const prevProps = usePreviousProps$1({
+    const {
+      anchorOrigin,
+      badgeContent,
+      max,
+      variant,
+      displayValue,
+      invisible
+    } = useBadge(_extends({}, props, {
       anchorOrigin: anchorOriginProp,
-      badgeContent: badgeContentProp,
       max: maxProp,
-      overlap: overlapProp,
       variant: variantProp
-    });
-    let invisible = invisibleProp;
-
-    if (invisibleProp == null && (badgeContentProp === 0 && !showZero || badgeContentProp == null && variantProp !== 'dot')) {
-      invisible = true;
-    }
-
-    const {
-      anchorOrigin = anchorOriginProp,
-      badgeContent,
-      max = maxProp,
-      overlap = overlapProp,
-      variant = variantProp
-    } = invisible ? prevProps : props;
+    }));
 
     const ownerState = _extends({}, props, {
       anchorOrigin,
@@ -8688,33 +8740,20 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       classes: classesProp,
       invisible,
       max,
-      overlap,
-      variant
+      variant,
+      showZero
     });
 
-    let displayValue = '';
-
-    if (variant !== 'dot') {
-      displayValue = badgeContent > max ? `${max}+` : badgeContent;
-    }
-
     const classes = useUtilityClasses$1S(ownerState);
-    const Root = components.Root || component;
-    const rootProps = componentsProps.root || {};
+    const Root = component || components.Root || 'span';
+    const rootProps = appendOwnerState(Root, _extends({}, other, componentsProps.root), ownerState);
     const Badge = components.Badge || 'span';
-    const badgeProps = componentsProps.badge || {};
-    return /*#__PURE__*/jsxRuntime_2(Root, _extends({}, rootProps, !isHostComponent(Root) && {
-      as: component,
-      ownerState: _extends({}, ownerState, rootProps.ownerState),
-      theme
-    }, {
+    const badgeProps = appendOwnerState(Badge, componentsProps.badge, ownerState);
+    return /*#__PURE__*/jsxRuntime_2(Root, _extends({}, rootProps, {
       ref: ref
     }, other, {
       className: clsx(classes.root, rootProps.className, className),
-      children: [children, /*#__PURE__*/jsxRuntime_1(Badge, _extends({}, badgeProps, !isHostComponent(Badge) && {
-        ownerState: _extends({}, ownerState, badgeProps.ownerState),
-        theme
-      }, {
+      children: [children, /*#__PURE__*/jsxRuntime_1(Badge, _extends({}, badgeProps, {
         className: clsx(classes.badge, badgeProps.className),
         children: displayValue
       }))]
@@ -8793,12 +8832,6 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      */
     max: propTypes.number,
 
-    /**
-     * Wrapped shape the badge should overlap.
-     * @default 'rectangular'
-     */
-    overlap: propTypes.oneOf(['circular', 'rectangular']),
-
     /**
      * Controls whether the badge is hidden when `badgeContent` is zero.
      * @default false
@@ -9841,7 +9874,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       if (rows) {
         {
           if (minRows || maxRows) {
-            console.warn('Material-UI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.');
+            console.warn('MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.');
           }
         }
 
@@ -16733,7 +16766,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   const svgIconClasses = generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
   var svgIconClasses$1 = svgIconClasses;
 
-  const _excluded$23 = ["children", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"];
+  const _excluded$23 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
 
   const useUtilityClasses$1K = ownerState => {
     const {
@@ -16799,6 +16832,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       component = 'svg',
       fontSize = 'medium',
       htmlColor,
+      inheritViewBox = false,
       titleAccess,
       viewBox = '0 0 24 24'
     } = props,
@@ -16808,21 +16842,27 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       color,
       component,
       fontSize,
+      inheritViewBox,
       viewBox
     });
 
+    const more = {};
+
+    if (!inheritViewBox) {
+      more.viewBox = viewBox;
+    }
+
     const classes = useUtilityClasses$1K(ownerState);
     return /*#__PURE__*/jsxRuntime_2(SvgIconRoot, _extends({
       as: component,
       className: clsx(classes.root, className),
       ownerState: ownerState,
       focusable: "false",
-      viewBox: viewBox,
       color: htmlColor,
       "aria-hidden": titleAccess ? undefined : true,
       role: titleAccess ? 'img' : undefined,
       ref: ref
-    }, other, {
+    }, more, other, {
       children: [children, titleAccess ? /*#__PURE__*/jsxRuntime_1("title", {
         children: titleAccess
       }) : null]
@@ -16879,6 +16919,15 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      */
     htmlColor: propTypes.string,
 
+    /**
+     * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+     * prop will be ignored.
+     * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+     * `component`'s viewBox to the root node.
+     * @default false
+     */
+    inheritViewBox: propTypes.bool,
+
     /**
      * The shape-rendering attribute. The behavior of the different options is described on the
      * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
@@ -23758,18 +23807,21 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   } ;
   var Backdrop$1 = Backdrop;
 
-  const _excluded$1K = ["components", "componentsProps", "color", "invisible", "badgeContent", "showZero", "variant"];
-  const badgeClasses = _extends({}, badgeUnstyledClasses$1, generateUtilityClasses('MuiBadge', ['colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning']));
+  const _excluded$1K = ["anchorOrigin", "component", "components", "componentsProps", "overlap", "color", "invisible", "badgeContent", "showZero", "variant"];
+  const badgeClasses = _extends({}, badgeUnstyledClasses$1, generateUtilityClasses('MuiBadge', ['colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'overlapRectangular', 'overlapCircular', // TODO: v6 remove the overlap value from these class keys
+  'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular']));
   const RADIUS_STANDARD = 10;
   const RADIUS_DOT = 4;
 
   const extendUtilityClasses$2 = ownerState => {
     const {
       color,
+      anchorOrigin,
+      overlap,
       classes = {}
     } = ownerState;
     return _extends({}, classes, {
-      badge: clsx(classes.badge, color !== 'default' && [getBadgeUtilityClass(`color${capitalize(color)}`), classes[`color${capitalize(color)}`]])
+      badge: clsx(classes.badge, getBadgeUtilityClass(`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`), getBadgeUtilityClass(`overlap${capitalize(overlap)}`), color !== 'default' && [getBadgeUtilityClass(`color${capitalize(color)}`), classes[`color${capitalize(color)}`]])
     });
   };
 
@@ -23897,6 +23949,11 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       duration: theme.transitions.duration.leavingScreen
     })
   }));
+
+  const shouldSpreadAdditionalProps = Slot => {
+    return !Slot || !isHostComponent(Slot);
+  };
+
   const Badge = /*#__PURE__*/React__namespace.forwardRef(function Badge(inProps, ref) {
     var _componentsProps$root, _componentsProps$badg;
 
@@ -23906,8 +23963,14 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     });
 
     const {
+      anchorOrigin: anchorOriginProp = {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      component = 'span',
       components = {},
       componentsProps = {},
+      overlap: overlapProp = 'rectangular',
       color: colorProp = 'default',
       invisible: invisibleProp,
       badgeContent: badgeContentProp,
@@ -23917,7 +23980,9 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
           other = _objectWithoutPropertiesLoose(props, _excluded$1K);
 
     const prevProps = usePreviousProps$1({
-      color: colorProp
+      anchorOrigin: anchorOriginProp,
+      color: colorProp,
+      overlap: overlapProp
     });
     let invisible = invisibleProp;
 
@@ -23926,16 +23991,21 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     }
 
     const {
-      color = colorProp
+      color = colorProp,
+      overlap = overlapProp,
+      anchorOrigin = anchorOriginProp
     } = invisible ? prevProps : props;
 
     const ownerState = _extends({}, props, {
+      anchorOrigin,
       invisible,
-      color
+      color,
+      overlap
     });
 
     const classes = extendUtilityClasses$2(ownerState);
     return /*#__PURE__*/jsxRuntime_1(BadgeUnstyled$1, _extends({
+      anchorOrigin: anchorOrigin,
       invisible: invisibleProp,
       badgeContent: badgeContentProp,
       showZero: showZero,
@@ -23946,14 +24016,17 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
         Badge: BadgeBadge
       }, components),
       componentsProps: {
-        root: _extends({}, componentsProps.root, (!components.Root || !isHostComponent(components.Root)) && {
+        root: _extends({}, componentsProps.root, shouldSpreadAdditionalProps(components.Root) && {
+          as: component,
           ownerState: _extends({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState, {
-            color
+            color,
+            overlap
           })
         }),
-        badge: _extends({}, componentsProps.badge, (!components.Thumb || !isHostComponent(components.Thumb)) && {
+        badge: _extends({}, componentsProps.badge, shouldSpreadAdditionalProps(components.Badge) && {
           ownerState: _extends({}, (_componentsProps$badg = componentsProps.badge) == null ? void 0 : _componentsProps$badg.ownerState, {
-            color
+            color,
+            overlap
           })
         })
       },
@@ -24004,6 +24077,12 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     /* @typescript-to-proptypes-ignore */
     .oneOfType([propTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), propTypes.string]),
 
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component: propTypes.elementType,
+
     /**
      * The components used for each slot inside the Badge.
      * Either a string to use a HTML element or a component.
@@ -29527,7 +29606,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     return obj.startAdornment;
   }
 
-  const _excluded$1k = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "startAdornment", "type", "value"];
+  const _excluded$1k = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "startAdornment", "type", "value"];
   const rootOverridesResolver = (props, styles) => {
     const {
       ownerState
@@ -29728,6 +29807,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       componentsProps = {},
       defaultValue,
       disabled,
+      disableInjectingGlobalStyles,
       endAdornment,
       fullWidth = false,
       id,
@@ -29958,7 +30038,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     const Input = components.Input || InputBaseComponent;
     inputProps = _extends({}, inputProps, componentsProps.input);
     return /*#__PURE__*/jsxRuntime_2(React__namespace.Fragment, {
-      children: [inputGlobalStyles, /*#__PURE__*/jsxRuntime_2(Root, _extends({}, rootProps, !isHostComponent(Root) && {
+      children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/jsxRuntime_2(Root, _extends({}, rootProps, !isHostComponent(Root) && {
         ownerState: _extends({}, ownerState, rootProps.ownerState)
       }, {
         ref: ref,
@@ -30072,6 +30152,13 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      */
     disabled: propTypes.bool,
 
+    /**
+     * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.
+     * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.
+     * @default false
+     */
+    disableInjectingGlobalStyles: propTypes.bool,
+
     /**
      * End `InputAdornment` for this component.
      */
@@ -31651,69 +31738,84 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     return `${parse}${String(val).replace(String(parse), '') || 'px'}`;
   }
 
-  function generateGrid(globalStyles, theme, breakpoint, ownerState) {
-    const size = ownerState[breakpoint];
+  function generateGrid({
+    theme,
+    ownerState
+  }) {
+    let size;
+    return theme.breakpoints.keys.reduce((globalStyles, breakpoint) => {
+      // Use side effect over immutability for better performance.
+      let styles = {};
 
-    if (!size) {
-      return;
-    }
+      if (ownerState[breakpoint]) {
+        size = ownerState[breakpoint];
+      }
 
-    let styles = {};
+      if (!size) {
+        return globalStyles;
+      }
 
-    if (size === true) {
-      // For the auto layouting
-      styles = {
-        flexBasis: 0,
-        flexGrow: 1,
-        maxWidth: '100%'
-      };
-    } else if (size === 'auto') {
-      styles = {
-        flexBasis: 'auto',
-        flexGrow: 0,
-        flexShrink: 0,
-        maxWidth: 'none',
-        width: 'auto'
-      };
-    } else {
-      const columnsBreakpointValues = resolveBreakpointValues({
-        values: ownerState.columns,
-        breakpoints: theme.breakpoints.values
-      });
-      const columnValue = typeof columnsBreakpointValues === 'object' ? columnsBreakpointValues[breakpoint] : columnsBreakpointValues; // Keep 7 significant numbers.
+      if (size === true) {
+        // For the auto layouting
+        styles = {
+          flexBasis: 0,
+          flexGrow: 1,
+          maxWidth: '100%'
+        };
+      } else if (size === 'auto') {
+        styles = {
+          flexBasis: 'auto',
+          flexGrow: 0,
+          flexShrink: 0,
+          maxWidth: 'none',
+          width: 'auto'
+        };
+      } else {
+        const columnsBreakpointValues = resolveBreakpointValues({
+          values: ownerState.columns,
+          breakpoints: theme.breakpoints.values
+        });
+        const columnValue = typeof columnsBreakpointValues === 'object' ? columnsBreakpointValues[breakpoint] : columnsBreakpointValues;
 
-      const width = `${Math.round(size / columnValue * 10e7) / 10e5}%`;
-      let more = {};
+        if (columnValue === undefined || columnValue === null) {
+          return globalStyles;
+        } // Keep 7 significant numbers.
 
-      if (ownerState.container && ownerState.item && ownerState.columnSpacing !== 0) {
-        const themeSpacing = theme.spacing(ownerState.columnSpacing);
 
-        if (themeSpacing !== '0px') {
-          const fullWidth = `calc(${width} + ${getOffset(themeSpacing)})`;
-          more = {
-            flexBasis: fullWidth,
-            maxWidth: fullWidth
-          };
-        }
-      } // Close to the bootstrap implementation:
-      // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
+        const width = `${Math.round(size / columnValue * 10e7) / 10e5}%`;
+        let more = {};
+
+        if (ownerState.container && ownerState.item && ownerState.columnSpacing !== 0) {
+          const themeSpacing = theme.spacing(ownerState.columnSpacing);
+
+          if (themeSpacing !== '0px') {
+            const fullWidth = `calc(${width} + ${getOffset(themeSpacing)})`;
+            more = {
+              flexBasis: fullWidth,
+              maxWidth: fullWidth
+            };
+          }
+        } // Close to the bootstrap implementation:
+        // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
 
 
-      styles = _extends({
-        flexBasis: width,
-        flexGrow: 0,
-        maxWidth: width
-      }, more);
-    } // No need for a media query for the first size.
+        styles = _extends({
+          flexBasis: width,
+          flexGrow: 0,
+          maxWidth: width
+        }, more);
+      } // No need for a media query for the first size.
 
 
-    if (theme.breakpoints.values[breakpoint] === 0) {
-      Object.assign(globalStyles, styles);
-    } else {
-      globalStyles[theme.breakpoints.up(breakpoint)] = styles;
-    }
-  }
+      if (theme.breakpoints.values[breakpoint] === 0) {
+        Object.assign(globalStyles, styles);
+      } else {
+        globalStyles[theme.breakpoints.up(breakpoint)] = styles;
+      }
 
+      return globalStyles;
+    }, {});
+  }
   function generateDirection({
     theme,
     ownerState
@@ -31872,14 +31974,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     flexWrap: 'nowrap'
   }, ownerState.wrap === 'reverse' && {
     flexWrap: 'wrap-reverse'
-  }), generateDirection, generateRowGap, generateColumnGap, ({
-    theme,
-    ownerState
-  }) => theme.breakpoints.keys.reduce((globalStyles, breakpoint) => {
-    // Use side effect over immutability for better performance.
-    generateGrid(globalStyles, theme, breakpoint, ownerState);
-    return globalStyles;
-  }, {}));
+  }), generateDirection, generateRowGap, generateColumnGap, generateGrid);
 
   const useUtilityClasses$_ = ownerState => {
     const {
@@ -38556,6 +38651,8 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     paddingRight: 0
   }));
   const OutlinedInput = /*#__PURE__*/React__namespace.forwardRef(function OutlinedInput(inProps, ref) {
+    var _React$Fragment;
+
     const props = useThemeProps({
       props: inProps,
       name: 'MuiOutlinedInput'
@@ -38573,6 +38670,12 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
           other = _objectWithoutPropertiesLoose(props, _excluded$M);
 
     const classes = useUtilityClasses$C(props);
+    const muiFormControl = useFormControl();
+    const fcs = formControlState({
+      props,
+      muiFormControl,
+      states: ['required']
+    });
     return /*#__PURE__*/jsxRuntime_1(InputBase$1, _extends({
       components: _extends({
         Root: OutlinedInputRoot,
@@ -38580,7 +38683,9 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       }, components),
       renderSuffix: state => /*#__PURE__*/jsxRuntime_1(NotchedOutlineRoot, {
         className: classes.notchedOutline,
-        label: label,
+        label: label && fcs.required ? _React$Fragment || (_React$Fragment = /*#__PURE__*/jsxRuntime_2(React__namespace.Fragment, {
+          children: [label, "\xA0", '*']
+        })) : label,
         notched: typeof notched !== 'undefined' ? notched : Boolean(state.startAdornment || state.filled || state.focused)
       }),
       fullWidth: fullWidth,
@@ -41174,10 +41279,18 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
 
     if (computeDisplay) {
       if (multiple) {
-        if (value.length === 0) {
-          display = '';
+        if (displayMultiple.length === 0) {
+          display = null;
         } else {
-          display = displayMultiple.reduce((prev, curr) => [prev, ', ', curr]);
+          display = displayMultiple.reduce((output, child, index) => {
+            output.push(child);
+
+            if (index < displayMultiple.length - 1) {
+              output.push(', ');
+            }
+
+            return output;
+          }, []);
         }
       } else {
         display = displaySingle;
@@ -50779,14 +50892,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
         InputMore.notched = InputLabelProps.shrink;
       }
 
-      if (label) {
-        var _InputLabelProps$requ;
-
-        const displayRequired = (_InputLabelProps$requ = InputLabelProps == null ? void 0 : InputLabelProps.required) != null ? _InputLabelProps$requ : required;
-        InputMore.label = /*#__PURE__*/jsxRuntime_2(React__namespace.Fragment, {
-          children: [label, displayRequired && '\u00a0*']
-        });
-      }
+      InputMore.label = label;
     }
 
     if (select) {
@@ -52071,6 +52177,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   exports.unstable_useId = useId;
   exports.unsupportedProp = unsupportedProp;
   exports.useAutocomplete = useAutocomplete;
+  exports.useBadge = useBadge;
   exports.useButton = useButton;
   exports.useControlled = useControlled;
   exports.useEventCallback = useEventCallback;