@mui/material 5.3.1 → 5.4.3

package/legacy/locale/index.js

@@ -1866,9 +1866,13 @@ export var itIT = {
 
           return 'Vai alla pagina precedente';
         },
-        labelRowsPerPage: 'Righe per pagina:' // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} di ${count !== -1 ? count : `more than ${to}`}`,
-
+        labelRowsPerPage: 'Righe per pagina:',
+        labelDisplayedRows: function labelDisplayedRows(_ref14) {
+          var from = _ref14.from,
+              to = _ref14.to,
+              count = _ref14.count;
+          return "".concat(from, "\u2013").concat(to, " di ").concat(count !== -1 ? count : "pi\xF9 di ".concat(to));
+        }
       }
     },
     MuiRating: {
@@ -1946,10 +1950,10 @@ export var jaJP = {
           return '前のページへ';
         },
         labelRowsPerPage: 'ページあたりの行数:',
-        labelDisplayedRows: function labelDisplayedRows(_ref14) {
-          var from = _ref14.from,
-              to = _ref14.to,
-              count = _ref14.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref15) {
+          var from = _ref15.from,
+              to = _ref15.to,
+              count = _ref15.count;
           return "".concat(from, "\uFF5E").concat(to, " / ").concat(count !== -1 ? count : "".concat(to, "\u4EE5\u4E0A"));
         }
       }
@@ -2029,10 +2033,10 @@ export var khKH = {
           return 'ទៅទំព័រមុន';
         },
         labelRowsPerPage: 'ចំនួនជួរដេកក្នុងមួយទំព័រ:',
-        labelDisplayedRows: function labelDisplayedRows(_ref15) {
-          var from = _ref15.from,
-              to = _ref15.to,
-              count = _ref15.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref16) {
+          var from = _ref16.from,
+              to = _ref16.to,
+              count = _ref16.count;
           return "".concat(from, " - ").concat(to, " \u1793\u17C3 ").concat(count !== -1 ? count : "\u1785\u17D2\u179A\u17BE\u1793\u1787\u17B6\u1784 ".concat(to));
         }
       }
@@ -2112,10 +2116,10 @@ export var koKR = {
           return '이전 페이지로 이동';
         },
         labelRowsPerPage: '페이지 당 행:',
-        labelDisplayedRows: function labelDisplayedRows(_ref16) {
-          var from = _ref16.from,
-              to = _ref16.to,
-              count = _ref16.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref17) {
+          var from = _ref17.from,
+              to = _ref17.to,
+              count = _ref17.count;
           return "".concat(from, "\u2013").concat(to, " / ").concat(count !== -1 ? count : "".concat(to, "\uAC1C \uC774\uC0C1"));
         }
       }
@@ -2195,10 +2199,10 @@ export var kzKZ = {
           return 'Алдыңғы бетке өту';
         },
         labelRowsPerPage: 'Беттегі қатарлар:',
-        labelDisplayedRows: function labelDisplayedRows(_ref17) {
-          var from = _ref17.from,
-              to = _ref17.to,
-              count = _ref17.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref18) {
+          var from = _ref18.from,
+              to = _ref18.to,
+              count = _ref18.count;
           return "".concat(count !== -1 ? count : "+".concat(to), " \u049B\u0430\u0442\u0430\u0440\u0434\u044B\u04A3 \u0456\u0448\u0456\u043D\u0435\u043D ").concat(from, "\u2013").concat(to);
         }
       }
@@ -2282,10 +2286,10 @@ export var nbNO = {
           return 'Gå til forrige side';
         },
         labelRowsPerPage: 'Rader per side:',
-        labelDisplayedRows: function labelDisplayedRows(_ref18) {
-          var from = _ref18.from,
-              to = _ref18.to,
-              count = _ref18.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref19) {
+          var from = _ref19.from,
+              to = _ref19.to,
+              count = _ref19.count;
           return "".concat(from, "\u2013").concat(to, " av ").concat(count !== -1 ? count : "mer enn ".concat(to));
         }
       }
@@ -2365,10 +2369,10 @@ export var nlNL = {
           return 'Ga naar vorige pagina';
         },
         labelRowsPerPage: 'Regels per pagina:',
-        labelDisplayedRows: function labelDisplayedRows(_ref19) {
-          var from = _ref19.from,
-              to = _ref19.to,
-              count = _ref19.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref20) {
+          var from = _ref20.from,
+              to = _ref20.to,
+              count = _ref20.count;
           return "".concat(from, "\u2013").concat(to, " van ").concat(count !== -1 ? count : "meer dan ".concat(to));
         }
       }
@@ -2447,9 +2451,13 @@ export var plPL = {
 
           return 'Przejdź do poprzedniej strony';
         },
-        labelRowsPerPage: 'Wierszy na stronę:' // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} z ${count !== -1 ? count : `more than ${to}`}`,
-
+        labelRowsPerPage: 'Wierszy na stronę:',
+        labelDisplayedRows: function labelDisplayedRows(_ref21) {
+          var from = _ref21.from,
+              to = _ref21.to,
+              count = _ref21.count;
+          return "".concat(from, "\u2013").concat(to, " z ").concat(count !== -1 ? count : "ponad ".concat(to));
+        }
       }
     },
     MuiRating: {
@@ -2536,10 +2544,10 @@ export var ptBR = {
           return 'Ir para a página anterior';
         },
         labelRowsPerPage: 'Linhas por página:',
-        labelDisplayedRows: function labelDisplayedRows(_ref20) {
-          var from = _ref20.from,
-              to = _ref20.to,
-              count = _ref20.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref22) {
+          var from = _ref22.from,
+              to = _ref22.to,
+              count = _ref22.count;
           return "".concat(from, "\u2013").concat(to, " de ").concat(count !== -1 ? count : "mais de ".concat(to));
         }
       }
@@ -2619,10 +2627,10 @@ export var ptPT = {
           return 'Página anterior';
         },
         labelRowsPerPage: 'Linhas por página:',
-        labelDisplayedRows: function labelDisplayedRows(_ref21) {
-          var from = _ref21.from,
-              to = _ref21.to,
-              count = _ref21.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref23) {
+          var from = _ref23.from,
+              to = _ref23.to,
+              count = _ref23.count;
           return "".concat(from, "\u2013").concat(to, " de ").concat(count !== -1 ? count : "mais de ".concat(to));
         }
       }
@@ -2781,10 +2789,10 @@ export var ruRU = {
           return 'Перейти на предыдущую страницу';
         },
         labelRowsPerPage: 'Строк на странице:',
-        labelDisplayedRows: function labelDisplayedRows(_ref22) {
-          var from = _ref22.from,
-              to = _ref22.to,
-              count = _ref22.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref24) {
+          var from = _ref24.from,
+              to = _ref24.to,
+              count = _ref24.count;
           return "".concat(from, "\u2013").concat(to, " \u0438\u0437 ").concat(count !== -1 ? count : "\u0431\u043E\u043B\u0435\u0435 \u0447\u0435\u043C ".concat(to));
         }
       }
@@ -2877,10 +2885,10 @@ export var siLK = {
           return 'පෙර පිටුවට යන්න';
         },
         labelRowsPerPage: 'පිටුවක පේළි:',
-        labelDisplayedRows: function labelDisplayedRows(_ref23) {
-          var from = _ref23.from,
-              to = _ref23.to,
-              count = _ref23.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref25) {
+          var from = _ref25.from,
+              to = _ref25.to,
+              count = _ref25.count;
           return "".concat(from, "\u2013").concat(to, " \u0DAF\u0D9A\u0DCA\u0DC0\u0DCF ").concat(count !== -1 ? count : "".concat(to, " \u0DA7 \u0DC0\u0DD0\u0DA9\u0DD2 \u0DB4\u0DCA\u200D\u0DBB\u0DB8\u0DCF\u0DAB\u0DBA\u0D9A\u0DD2\u0DB1\u0DCA"));
         }
       }
@@ -2960,10 +2968,10 @@ export var skSK = {
           return 'Ísť na predchádzajúcu stránku';
         },
         labelRowsPerPage: 'Riadkov na stránke:',
-        labelDisplayedRows: function labelDisplayedRows(_ref24) {
-          var from = _ref24.from,
-              to = _ref24.to,
-              count = _ref24.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref26) {
+          var from = _ref26.from,
+              to = _ref26.to,
+              count = _ref26.count;
           return "".concat(from, "\u2013").concat(to, " z ").concat(count !== -1 ? count : "viac ako ".concat(to));
         }
       }
@@ -3051,10 +3059,10 @@ export var svSE = {
           return 'Gå till föregående sida';
         },
         labelRowsPerPage: 'Rader per sida:',
-        labelDisplayedRows: function labelDisplayedRows(_ref25) {
-          var from = _ref25.from,
-              to = _ref25.to,
-              count = _ref25.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref27) {
+          var from = _ref27.from,
+              to = _ref27.to,
+              count = _ref27.count;
           return "".concat(from, "\u2013").concat(to, " av ").concat(count !== -1 ? count : "fler \xE4n ".concat(to));
         }
       }
@@ -3134,10 +3142,10 @@ export var thTH = {
           return 'ไปที่หน้าก่อน';
         },
         labelRowsPerPage: 'จำนวนแถวต่อหน้า:',
-        labelDisplayedRows: function labelDisplayedRows(_ref26) {
-          var from = _ref26.from,
-              to = _ref26.to,
-              count = _ref26.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref28) {
+          var from = _ref28.from,
+              to = _ref28.to,
+              count = _ref28.count;
           return "".concat(from, "\u2013").concat(to, " \u0E08\u0E32\u0E01 ").concat(count !== -1 ? count : "\u0E21\u0E32\u0E01\u0E01\u0E27\u0E48\u0E32 ".concat(to));
         }
       }
@@ -3296,10 +3304,10 @@ export var ukUA = {
           return 'Перейти на попередню сторінку';
         },
         labelRowsPerPage: 'Рядків на сторінці:',
-        labelDisplayedRows: function labelDisplayedRows(_ref27) {
-          var from = _ref27.from,
-              to = _ref27.to,
-              count = _ref27.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref29) {
+          var from = _ref29.from,
+              to = _ref29.to,
+              count = _ref29.count;
           return "".concat(from, "\u2013").concat(to, " \u0437 ").concat(count !== -1 ? count : "\u043F\u043E\u043D\u0430\u0434 ".concat(to));
         }
       }
@@ -3388,10 +3396,10 @@ export var viVN = {
           return 'Về trang trước đó';
         },
         labelRowsPerPage: 'Số hàng mỗi trang:',
-        labelDisplayedRows: function labelDisplayedRows(_ref28) {
-          var from = _ref28.from,
-              to = _ref28.to,
-              count = _ref28.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref30) {
+          var from = _ref30.from,
+              to = _ref30.to,
+              count = _ref30.count;
           return "".concat(from, "\u2013").concat(to, " trong ").concat(count !== -1 ? count : "nhi\u1EC1u h\u01A1n ".concat(to));
         }
       }
@@ -3470,10 +3478,10 @@ export var zhCN = {
           return '上一页';
         },
         labelRowsPerPage: '每页行数:',
-        labelDisplayedRows: function labelDisplayedRows(_ref29) {
-          var from = _ref29.from,
-              to = _ref29.to,
-              count = _ref29.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref31) {
+          var from = _ref31.from,
+              to = _ref31.to,
+              count = _ref31.count;
           return "\u7B2C ".concat(from, " \u6761\u5230\u7B2C ").concat(to, " \u6761\uFF0C").concat(count !== -1 ? "\u5171 ".concat(count, " \u6761") : "\u81F3\u5C11 ".concat(to, " \u6761"));
         }
       }
@@ -3527,10 +3535,10 @@ export var zhHK = {
           return '上一頁';
         },
         labelRowsPerPage: '每頁行數:',
-        labelDisplayedRows: function labelDisplayedRows(_ref30) {
-          var from = _ref30.from,
-              to = _ref30.to,
-              count = _ref30.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref32) {
+          var from = _ref32.from,
+              to = _ref32.to,
+              count = _ref32.count;
           return "\u7B2C ".concat(from, " \u9805\u81F3\u7B2C ").concat(to, " \u9805\uFF0C").concat(count !== -1 ? "\u5171 ".concat(count, " \u9805") : "\u8D85\u904E ".concat(to, " \u9805"));
         }
       }
@@ -3584,10 +3592,10 @@ export var zhTW = {
           return '上一頁';
         },
         labelRowsPerPage: '每行行數:',
-        labelDisplayedRows: function labelDisplayedRows(_ref31) {
-          var from = _ref31.from,
-              to = _ref31.to,
-              count = _ref31.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref33) {
+          var from = _ref33.from,
+              to = _ref33.to,
+              count = _ref33.count;
           return "\u7B2C ".concat(from, " \u689D\u5230\u7B2C ").concat(to, " \u689D\uFF0C").concat(count !== -1 ? "\u5171 ".concat(count, " \u689D") : "\u81F3\u5C11 ".concat(to, " \u689D"));
         }
       }

package/legacy/styles/makeStyles.js

@@ -1,4 +1,4 @@
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export default function makeStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? "MUI: makeStyles is not longer exported from @mui/material/styles.\nYou have to import it from @mui/styles.\nSee https://mui.com/r/migration-v4/#material-ui-core-styles for more details." : _formatMuiErrorMessage(14));
+  throw new Error(process.env.NODE_ENV !== "production" ? "MUI: makeStyles is not longer exported from @mui/material/styles.\nYou have to import it from @mui/styles.\nSee https://mui.com/r/migration-v4/#mui-material-styles for more details." : _formatMuiErrorMessage(14));
 }

package/legacy/styles/withStyles.js

@@ -1,4 +1,4 @@
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export default function withStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? "MUI: withStyles is not longer exported from @mui/material/styles.\nYou have to import it from @mui/styles.\nSee https://mui.com/r/migration-v4/#material-ui-core-styles for more details." : _formatMuiErrorMessage(15));
+  throw new Error(process.env.NODE_ENV !== "production" ? "MUI: withStyles is not longer exported from @mui/material/styles.\nYou have to import it from @mui/styles.\nSee https://mui.com/r/migration-v4/#mui-material-styles for more details." : _formatMuiErrorMessage(15));
 }

package/legacy/styles/withTheme.js

@@ -1,4 +1,4 @@
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export default function withTheme() {
-  throw new Error(process.env.NODE_ENV !== "production" ? "MUI: withTheme is not longer exported from @mui/material/styles.\nYou have to import it from @mui/styles.\nSee https://mui.com/r/migration-v4/#material-ui-core-styles for more details." : _formatMuiErrorMessage(16));
+  throw new Error(process.env.NODE_ENV !== "production" ? "MUI: withTheme is not longer exported from @mui/material/styles.\nYou have to import it from @mui/styles.\nSee https://mui.com/r/migration-v4/#mui-material-styles for more details." : _formatMuiErrorMessage(16));
 }

package/legacy/useMediaQuery/useMediaQuery.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import { getThemeProps, useThemeWithoutDefault as useTheme } from '@mui/system';
 import useEnhancedEffect from '../utils/useEnhancedEffect';
@@ -5,38 +6,9 @@ import useEnhancedEffect from '../utils/useEnhancedEffect';
  * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
  */
 
-export default function useMediaQuery(queryInput) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var theme = useTheme(); // Wait for jsdom to support the match media feature.
-  // All the browsers MUI support have this built-in.
-  // This defensive check is here for simplicity.
-  // Most of the time, the match media logic isn't central to people tests.
-
+function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
   var supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
 
-  var _getThemeProps = getThemeProps({
-    name: 'MuiUseMediaQuery',
-    props: options,
-    theme: theme
-  }),
-      _getThemeProps$defaul = _getThemeProps.defaultMatches,
-      defaultMatches = _getThemeProps$defaul === void 0 ? false : _getThemeProps$defaul,
-      _getThemeProps$matchM = _getThemeProps.matchMedia,
-      matchMedia = _getThemeProps$matchM === void 0 ? supportMatchMedia ? window.matchMedia : null : _getThemeProps$matchM,
-      _getThemeProps$noSsr = _getThemeProps.noSsr,
-      noSsr = _getThemeProps$noSsr === void 0 ? false : _getThemeProps$noSsr,
-      _getThemeProps$ssrMat = _getThemeProps.ssrMatchMedia,
-      ssrMatchMedia = _getThemeProps$ssrMat === void 0 ? null : _getThemeProps$ssrMat;
-
-  if (process.env.NODE_ENV !== 'production') {
-    if (typeof queryInput === 'function' && theme === null) {
-      console.error(['MUI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\n'));
-    }
-  }
-
-  var query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
-  query = query.replace(/^@media( ?)/m, '');
-
   var _React$useState = React.useState(function () {
     if (noSsr && supportMatchMedia) {
       return matchMedia(query).matches;
@@ -67,19 +39,102 @@ export default function useMediaQuery(queryInput) {
     var updateMatch = function updateMatch() {
       // Workaround Safari wrong implementation of matchMedia
       // TODO can we remove it?
-      // https://github.com/mui-org/material-ui/pull/17315#issuecomment-528286677
+      // https://github.com/mui/material-ui/pull/17315#issuecomment-528286677
       if (active) {
         setMatch(queryList.matches);
       }
     };
 
-    updateMatch();
+    updateMatch(); // TODO: Use `addEventListener` once support for Safari < 14 is dropped
+
     queryList.addListener(updateMatch);
     return function () {
       active = false;
       queryList.removeListener(updateMatch);
     };
   }, [query, matchMedia, supportMatchMedia]);
+  return match;
+} // eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
+
+
+var maybeReactUseSyncExternalStore = React['useSyncExternalStore' + ''];
+
+function useMediaQueryNew(query, defaultMatches, matchMedia, ssrMatchMedia) {
+  var getDefaultSnapshot = React.useCallback(function () {
+    return defaultMatches;
+  }, [defaultMatches]);
+  var getServerSnapshot = React.useMemo(function () {
+    if (ssrMatchMedia !== null) {
+      var _ssrMatchMedia = ssrMatchMedia(query),
+          matches = _ssrMatchMedia.matches;
+
+      return function () {
+        return matches;
+      };
+    }
+
+    return getDefaultSnapshot;
+  }, [getDefaultSnapshot, query, ssrMatchMedia]);
+
+  var _React$useMemo = React.useMemo(function () {
+    if (matchMedia === null) {
+      return [getDefaultSnapshot, function () {
+        return function () {};
+      }];
+    }
+
+    var mediaQueryList = matchMedia(query);
+    return [function () {
+      return mediaQueryList.matches;
+    }, function (notify) {
+      // TODO: Use `addEventListener` once support for Safari < 14 is dropped
+      mediaQueryList.addListener(notify);
+      return function () {
+        mediaQueryList.removeListener(notify);
+      };
+    }];
+  }, [getDefaultSnapshot, matchMedia, query]),
+      _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
+      getSnapshot = _React$useMemo2[0],
+      subscribe = _React$useMemo2[1];
+
+  var match = maybeReactUseSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  return match;
+}
+
+export default function useMediaQuery(queryInput) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var theme = useTheme(); // Wait for jsdom to support the match media feature.
+  // All the browsers MUI support have this built-in.
+  // This defensive check is here for simplicity.
+  // Most of the time, the match media logic isn't central to people tests.
+
+  var supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
+
+  var _getThemeProps = getThemeProps({
+    name: 'MuiUseMediaQuery',
+    props: options,
+    theme: theme
+  }),
+      _getThemeProps$defaul = _getThemeProps.defaultMatches,
+      defaultMatches = _getThemeProps$defaul === void 0 ? false : _getThemeProps$defaul,
+      _getThemeProps$matchM = _getThemeProps.matchMedia,
+      matchMedia = _getThemeProps$matchM === void 0 ? supportMatchMedia ? window.matchMedia : null : _getThemeProps$matchM,
+      _getThemeProps$ssrMat = _getThemeProps.ssrMatchMedia,
+      ssrMatchMedia = _getThemeProps$ssrMat === void 0 ? null : _getThemeProps$ssrMat,
+      noSsr = _getThemeProps.noSsr;
+
+  if (process.env.NODE_ENV !== 'production') {
+    if (typeof queryInput === 'function' && theme === null) {
+      console.error(['MUI: The `query` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\n'));
+    }
+  }
+
+  var query = typeof queryInput === 'function' ? queryInput(theme) : queryInput;
+  query = query.replace(/^@media( ?)/m, ''); // TODO: Drop `useMediaQueryOld` and use  `use-sync-external-store` shim in `useMediaQueryNew` once the package is stable
+
+  var useMediaQueryImplementation = maybeReactUseSyncExternalStore !== undefined ? useMediaQueryNew : useMediaQueryOld;
+  var match = useMediaQueryImplementation(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr);
 
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks

package/locale/index.js

@@ -1813,9 +1813,12 @@ export const itIT = {
 
           return 'Vai alla pagina precedente';
         },
-        labelRowsPerPage: 'Righe per pagina:' // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} di ${count !== -1 ? count : `more than ${to}`}`,
-
+        labelRowsPerPage: 'Righe per pagina:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} di ${count !== -1 ? count : `più di ${to}`}`
       }
     },
     MuiRating: {
@@ -2374,9 +2377,12 @@ export const plPL = {
 
           return 'Przejdź do poprzedniej strony';
         },
-        labelRowsPerPage: 'Wierszy na stronę:' // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} z ${count !== -1 ? count : `more than ${to}`}`,
-
+        labelRowsPerPage: 'Wierszy na stronę:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} z ${count !== -1 ? count : `ponad ${to}`}`
       }
     },
     MuiRating: {

package/modern/Autocomplete/Autocomplete.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 
 var _ClearIcon, _ArrowDropDownIcon;
 
-const _excluded = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "value"];
+const _excluded = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "value"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -398,6 +398,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
     PaperComponent = Paper,
     PopperComponent = Popper,
     popupIcon = _ArrowDropDownIcon || (_ArrowDropDownIcon = /*#__PURE__*/_jsx(ArrowDropDownIcon, {})),
+    readOnly = false,
     renderGroup: renderGroupProp,
     renderInput,
     renderOption: renderOptionProp,
@@ -431,7 +432,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
   } = useAutocomplete(_extends({}, props, {
     componentName: 'Autocomplete'
   }));
-  const hasClearIcon = !disableClearable && !disabled && dirty;
+  const hasClearIcon = !disableClearable && !disabled && dirty && !readOnly;
   const hasPopupIcon = (!freeSolo || forcePopupIcon === true) && forcePopupIcon !== false;
 
   const ownerState = _extends({}, props, {
@@ -550,7 +551,8 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
         },
         inputProps: _extends({
           className: clsx(classes.input),
-          disabled
+          disabled,
+          readOnly
         }, getInputProps())
       })
     })), popupOpen && anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, {
@@ -991,6 +993,12 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
    */
   popupIcon: PropTypes.node,
 
+  /**
+   * If `true`, the component becomes readonly. It is also supported for multiple tags where the tag cannot be deleted.
+   * @default false
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Render the group.
    *

package/modern/AvatarGroup/AvatarGroup.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "className", "max", "spacing", "total", "variant"];
+const _excluded = ["children", "className", "componentsProps", "max", "spacing", "total", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { isFragment } from 'react-is';
@@ -71,6 +71,7 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
   const {
     children: childrenProp,
     className,
+    componentsProps = {},
     max = 5,
     spacing = 'medium',
     total,
@@ -111,15 +112,16 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
     className: clsx(classes.root, className),
     ref: ref
   }, other, {
-    children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, {
+    children: [extraAvatars ? /*#__PURE__*/_jsxs(AvatarGroupAvatar, _extends({
       ownerState: ownerState,
-      className: classes.avatar,
-      style: {
+      variant: variant
+    }, componentsProps.additionalAvatar, {
+      className: clsx(classes.avatar, componentsProps.additionalAvatar?.className),
+      style: _extends({
         marginLeft
-      },
-      variant: variant,
+      }, componentsProps.additionalAvatar?.style),
       children: ["+", extraAvatars]
-    }) : null, children.slice(0, maxAvatars).reverse().map(child => {
+    })) : null, children.slice(0, maxAvatars).reverse().map(child => {
       return /*#__PURE__*/React.cloneElement(child, {
         className: clsx(child.props.className, classes.avatar),
         style: _extends({
@@ -153,6 +155,14 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes
    */
   className: PropTypes.string,
 
+  /**
+   * The props used for each slot inside the AvatarGroup.
+   * @default {}
+   */
+  componentsProps: PropTypes.shape({
+    additionalAvatar: PropTypes.object
+  }),
+
   /**
    * Max avatars to show before +x.
    * @default 5

package/modern/Badge/Badge.js

@@ -169,7 +169,7 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     componentsProps = {},
     overlap: overlapProp = 'rectangular',
     color: colorProp = 'default',
-    invisible: invisibleProp,
+    invisible: invisibleProp = false,
     badgeContent: badgeContentProp,
     showZero = false,
     variant: variantProp = 'standard'
@@ -183,7 +183,7 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
   });
   let invisible = invisibleProp;
 
-  if (invisibleProp == null && (badgeContentProp === 0 && !showZero || badgeContentProp == null && variantProp !== 'dot')) {
+  if (invisibleProp === false && (badgeContentProp === 0 && !showZero || badgeContentProp == null && variantProp !== 'dot')) {
     invisible = true;
   }
 
@@ -301,6 +301,7 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes
 
   /**
    * If `true`, the badge is invisible.
+   * @default false
    */
   invisible: PropTypes.bool,
 

package/modern/Breadcrumbs/BreadcrumbCollapsed.js

@@ -6,9 +6,7 @@ import styled from '../styles/styled';
 import MoreHorizIcon from '../internal/svg-icons/MoreHoriz';
 import ButtonBase from '../ButtonBase';
 import { jsx as _jsx } from "react/jsx-runtime";
-const BreadcrumbCollapsedButton = styled(ButtonBase, {
-  skipSx: true
-})(({
+const BreadcrumbCollapsedButton = styled(ButtonBase)(({
   theme
 }) => _extends({
   display: 'flex',