@mui/material 9.0.0-alpha.3 → 9.0.0-alpha.4

package/Typography/Typography.d.mts

@@ -40,12 +40,6 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
    * @default false
    */
   noWrap?: boolean | undefined;
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  paragraph?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Typography/Typography.d.ts

@@ -40,12 +40,6 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
    * @default false
    */
   noWrap?: boolean | undefined;
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  paragraph?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Typography/Typography.js

@@ -35,12 +35,11 @@ const useUtilityClasses = ownerState => {
     align,
     gutterBottom,
     noWrap,
-    paragraph,
     variant,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', variant, ownerState.align !== 'inherit' && `align${(0, _capitalize.default)(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']
+    root: ['root', variant, ownerState.align !== 'inherit' && `align${(0, _capitalize.default)(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap']
   };
   return (0, _composeClasses.default)(slots, _typographyClasses.getTypographyUtilityClass, classes);
 };
@@ -51,7 +50,7 @@ const TypographyRoot = exports.TypographyRoot = (0, _zeroStyled.styled)('span',
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${(0, _capitalize.default)(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom, ownerState.paragraph && styles.paragraph];
+    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${(0, _capitalize.default)(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom];
   }
 })((0, _memoTheme.default)(({
   theme
@@ -109,13 +108,6 @@ const TypographyRoot = exports.TypographyRoot = (0, _zeroStyled.styled)('span',
     style: {
       marginBottom: '0.35em'
     }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.paragraph,
-    style: {
-      marginBottom: 16
-    }
   }]
 })));
 const defaultVariantMapping = {
@@ -153,7 +145,6 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     component,
     gutterBottom = false,
     noWrap = false,
-    paragraph = false,
     variant = 'body1',
     variantMapping = defaultVariantMapping,
     ...other
@@ -166,11 +157,10 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     component,
     gutterBottom,
     noWrap,
-    paragraph,
     variant,
     variantMapping
   };
-  const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
+  const Component = component || variantMapping[variant] || defaultVariantMapping[variant] || 'span';
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyRoot, {
     as: Component,
@@ -232,12 +222,6 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
    * @default false
    */
   noWrap: _propTypes.default.bool,
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  paragraph: _propTypes.default.bool,
   /**
    * @ignore
    */

package/Typography/Typography.mjs

@@ -28,12 +28,11 @@ const useUtilityClasses = ownerState => {
     align,
     gutterBottom,
     noWrap,
-    paragraph,
     variant,
     classes
   } = ownerState;
   const slots = {
-    root: ['root', variant, ownerState.align !== 'inherit' && `align${capitalize(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']
+    root: ['root', variant, ownerState.align !== 'inherit' && `align${capitalize(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap']
   };
   return composeClasses(slots, getTypographyUtilityClass, classes);
 };
@@ -44,7 +43,7 @@ export const TypographyRoot = styled('span', {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${capitalize(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom, ownerState.paragraph && styles.paragraph];
+    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${capitalize(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom];
   }
 })(memoTheme(({
   theme
@@ -102,13 +101,6 @@ export const TypographyRoot = styled('span', {
     style: {
       marginBottom: '0.35em'
     }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.paragraph,
-    style: {
-      marginBottom: 16
-    }
   }]
 })));
 const defaultVariantMapping = {
@@ -146,7 +138,6 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     component,
     gutterBottom = false,
     noWrap = false,
-    paragraph = false,
     variant = 'body1',
     variantMapping = defaultVariantMapping,
     ...other
@@ -159,11 +150,10 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     component,
     gutterBottom,
     noWrap,
-    paragraph,
     variant,
     variantMapping
   };
-  const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
+  const Component = component || variantMapping[variant] || defaultVariantMapping[variant] || 'span';
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TypographyRoot, {
     as: Component,
@@ -225,12 +215,6 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
    * @default false
    */
   noWrap: PropTypes.bool,
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  paragraph: PropTypes.bool,
   /**
    * @ignore
    */

package/Typography/typographyClasses.d.mts

@@ -41,11 +41,6 @@ export interface TypographyClasses {
   noWrap: string;
   /** Styles applied to the root element if `gutterBottom={true}`. */
   gutterBottom: string;
-  /**
-   * Styles applied to the root element if `paragraph={true}`.
-   * @deprecated
-   */
-  paragraph: string;
 }
 export type TypographyClassKey = keyof TypographyClasses;
 export declare function getTypographyUtilityClass(slot: string): string;

package/Typography/typographyClasses.d.ts

@@ -41,11 +41,6 @@ export interface TypographyClasses {
   noWrap: string;
   /** Styles applied to the root element if `gutterBottom={true}`. */
   gutterBottom: string;
-  /**
-   * Styles applied to the root element if `paragraph={true}`.
-   * @deprecated
-   */
-  paragraph: string;
 }
 export type TypographyClassKey = keyof TypographyClasses;
 export declare function getTypographyUtilityClass(slot: string): string;

package/Typography/typographyClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getTypographyUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTypography', slot);
 }
-const typographyClasses = (0, _generateUtilityClasses.default)('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
+const typographyClasses = (0, _generateUtilityClasses.default)('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom']);
 var _default = exports.default = typographyClasses;

package/Typography/typographyClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTypographyUtilityClass(slot) {
   return generateUtilityClass('MuiTypography', slot);
 }
-const typographyClasses = generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
+const typographyClasses = generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom']);
 export default typographyClasses;

package/index.d.mts

@@ -104,8 +104,6 @@ export { default as FormHelperText } from "./FormHelperText/index.mjs";
 export * from "./FormHelperText/index.mjs";
 export { default as FormLabel } from "./FormLabel/index.mjs";
 export * from "./FormLabel/index.mjs";
-export { default as GridLegacy } from "./GridLegacy/index.mjs";
-export { GridLegacyProps, GridLegacyTypeMap } from "./GridLegacy/index.mjs";
 export { default as Grid } from "./Grid/index.mjs";
 export * from "./Grid/index.mjs";
 export { default as Grow } from "./Grow/index.mjs";

package/index.d.ts

@@ -104,8 +104,6 @@ export { default as FormHelperText } from "./FormHelperText/index.js";
 export * from "./FormHelperText/index.js";
 export { default as FormLabel } from "./FormLabel/index.js";
 export * from "./FormLabel/index.js";
-export { default as GridLegacy } from "./GridLegacy/index.js";
-export { GridLegacyProps, GridLegacyTypeMap } from "./GridLegacy/index.js";
 export { default as Grid } from "./Grid/index.js";
 export * from "./Grid/index.js";
 export { default as Grow } from "./Grow/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v9.0.0-alpha.3
+ * @mui/material v9.0.0-alpha.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -62,7 +62,6 @@ var _exportNames = {
   FormGroup: true,
   FormHelperText: true,
   FormLabel: true,
-  GridLegacy: true,
   Grid: true,
   Grow: true,
   Icon: true,
@@ -448,12 +447,6 @@ Object.defineProperty(exports, "Grid", {
     return _Grid.default;
   }
 });
-Object.defineProperty(exports, "GridLegacy", {
-  enumerable: true,
-  get: function () {
-    return _GridLegacy.default;
-  }
-});
 Object.defineProperty(exports, "Grow", {
   enumerable: true,
   get: function () {
@@ -1591,7 +1584,6 @@ Object.keys(_FormLabel).forEach(function (key) {
     }
   });
 });
-var _GridLegacy = _interopRequireDefault(require("./GridLegacy"));
 var _Grid = _interopRequireWildcard(require("./Grid"));
 Object.keys(_Grid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/material v9.0.0-alpha.3
+ * @mui/material v9.0.0-alpha.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -108,7 +108,6 @@ export { default as FormHelperText } from "./FormHelperText/index.mjs";
 export * from "./FormHelperText/index.mjs";
 export { default as FormLabel } from "./FormLabel/index.mjs";
 export * from "./FormLabel/index.mjs";
-export { default as GridLegacy } from "./GridLegacy/index.mjs";
 export { default as Grid } from "./Grid/index.mjs";
 export * from "./Grid/index.mjs";
 export { default as Grow } from "./Grow/index.mjs";

package/locale/amET.js

@@ -1,9 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.amET = void 0;
+var _buildFormatNumber = _interopRequireDefault(require("./utils/buildFormatNumber"));
+const formatNumber = (0, _buildFormatNumber.default)('am-ET');
 const amET = exports.amET = {
   components: {
     MuiBreadcrumbs: {
@@ -31,7 +34,7 @@ const amET = exports.amET = {
           from,
           to,
           count
-        }) => `${from}-${to} ከ ${count !== -1 ? count : `${to} በላይ`}`
+        }) => `${formatNumber(from)}-${formatNumber(to)} ከ ${count !== -1 ? formatNumber(count) : `${formatNumber(to)} በላይ`}`
       }
     },
     MuiRating: {

package/locale/amET.mjs

@@ -1,3 +1,5 @@
+import buildFormatNumber from "./utils/buildFormatNumber.mjs";
+const formatNumber = buildFormatNumber('am-ET');
 export const amET = {
   components: {
     MuiBreadcrumbs: {
@@ -25,7 +27,7 @@ export const amET = {
           from,
           to,
           count
-        }) => `${from}-${to} ከ ${count !== -1 ? count : `${to} በላይ`}`
+        }) => `${formatNumber(from)}-${formatNumber(to)} ከ ${count !== -1 ? formatNumber(count) : `${formatNumber(to)} በላይ`}`
       }
     },
     MuiRating: {

package/locale/arEG.js

@@ -1,9 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.arEG = void 0;
+var _buildFormatNumber = _interopRequireDefault(require("./utils/buildFormatNumber"));
+const formatNumber = (0, _buildFormatNumber.default)('ar-EG');
 const arEG = exports.arEG = {
   components: {
     MuiBreadcrumbs: {
@@ -31,7 +34,7 @@ const arEG = exports.arEG = {
           from,
           to,
           count
-        }) => `${from}–${to} من ${count !== -1 ? count : ` أكثر من${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} من ${count !== -1 ? formatNumber(count) : ` أكثر من${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/arEG.mjs

@@ -1,3 +1,5 @@
+import buildFormatNumber from "./utils/buildFormatNumber.mjs";
+const formatNumber = buildFormatNumber('ar-EG');
 export const arEG = {
   components: {
     MuiBreadcrumbs: {
@@ -25,7 +27,7 @@ export const arEG = {
           from,
           to,
           count
-        }) => `${from}–${to} من ${count !== -1 ? count : ` أكثر من${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} من ${count !== -1 ? formatNumber(count) : ` أكثر من${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/arSA.js

@@ -1,9 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.arSA = void 0;
+var _buildFormatNumber = _interopRequireDefault(require("./utils/buildFormatNumber"));
+const formatNumber = (0, _buildFormatNumber.default)('ar-SA');
 const arSA = exports.arSA = {
   components: {
     MuiBreadcrumbs: {
@@ -31,7 +34,7 @@ const arSA = exports.arSA = {
           from,
           to,
           count
-        }) => `${from}–${to} من ${count !== -1 ? count : ` أكثر من${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} من ${count !== -1 ? formatNumber(count) : ` أكثر من${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/arSA.mjs

@@ -1,3 +1,5 @@
+import buildFormatNumber from "./utils/buildFormatNumber.mjs";
+const formatNumber = buildFormatNumber('ar-SA');
 export const arSA = {
   components: {
     MuiBreadcrumbs: {
@@ -25,7 +27,7 @@ export const arSA = {
           from,
           to,
           count
-        }) => `${from}–${to} من ${count !== -1 ? count : ` أكثر من${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} من ${count !== -1 ? formatNumber(count) : ` أكثر من${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/arSD.js

@@ -1,9 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.arSD = void 0;
+var _buildFormatNumber = _interopRequireDefault(require("./utils/buildFormatNumber"));
+const formatNumber = (0, _buildFormatNumber.default)('ar-SD');
 const arSD = exports.arSD = {
   components: {
     MuiBreadcrumbs: {
@@ -31,7 +34,7 @@ const arSD = exports.arSD = {
           from,
           to,
           count
-        }) => `${from}–${to} من ${count !== -1 ? count : ` أكثر من${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} من ${count !== -1 ? formatNumber(count) : ` أكثر من${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/arSD.mjs

@@ -1,3 +1,5 @@
+import buildFormatNumber from "./utils/buildFormatNumber.mjs";
+const formatNumber = buildFormatNumber('ar-SD');
 export const arSD = {
   components: {
     MuiBreadcrumbs: {
@@ -25,7 +27,7 @@ export const arSD = {
           from,
           to,
           count
-        }) => `${from}–${to} من ${count !== -1 ? count : ` أكثر من${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} من ${count !== -1 ? formatNumber(count) : ` أكثر من${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/beBY.js

@@ -1,9 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.beBY = void 0;
+var _buildFormatNumber = _interopRequireDefault(require("./utils/buildFormatNumber"));
+const formatNumber = (0, _buildFormatNumber.default)('be-BY');
 const beBY = exports.beBY = {
   components: {
     MuiBreadcrumbs: {
@@ -31,7 +34,7 @@ const beBY = exports.beBY = {
           from,
           to,
           count
-        }) => `${from}–${to} з ${count !== -1 ? count : `больш чым ${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} з ${count !== -1 ? formatNumber(count) : `больш чым ${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/beBY.mjs

@@ -1,3 +1,5 @@
+import buildFormatNumber from "./utils/buildFormatNumber.mjs";
+const formatNumber = buildFormatNumber('be-BY');
 export const beBY = {
   components: {
     MuiBreadcrumbs: {
@@ -25,7 +27,7 @@ export const beBY = {
           from,
           to,
           count
-        }) => `${from}–${to} з ${count !== -1 ? count : `больш чым ${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} з ${count !== -1 ? formatNumber(count) : `больш чым ${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/bnBD.js

@@ -1,9 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.bnBD = void 0;
+var _buildFormatNumber = _interopRequireDefault(require("./utils/buildFormatNumber"));
+const formatNumber = (0, _buildFormatNumber.default)('bn-BD');
 const bnBD = exports.bnBD = {
   components: {
     MuiBreadcrumbs: {
@@ -31,7 +34,7 @@ const bnBD = exports.bnBD = {
           from,
           to,
           count
-        }) => `${from}–${to} / ${count !== -1 ? count : `${to} থেকে বেশি`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} / ${count !== -1 ? formatNumber(count) : `${formatNumber(to)} থেকে বেশি`}`
       }
     },
     MuiRating: {

package/locale/bnBD.mjs

@@ -1,3 +1,5 @@
+import buildFormatNumber from "./utils/buildFormatNumber.mjs";
+const formatNumber = buildFormatNumber('bn-BD');
 export const bnBD = {
   components: {
     MuiBreadcrumbs: {
@@ -25,7 +27,7 @@ export const bnBD = {
           from,
           to,
           count
-        }) => `${from}–${to} / ${count !== -1 ? count : `${to} থেকে বেশি`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} / ${count !== -1 ? formatNumber(count) : `${formatNumber(to)} থেকে বেশি`}`
       }
     },
     MuiRating: {

package/locale/caES.js

@@ -1,9 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.caES = void 0;
+var _buildFormatNumber = _interopRequireDefault(require("./utils/buildFormatNumber"));
+const formatNumber = (0, _buildFormatNumber.default)('ca-ES');
 const caES = exports.caES = {
   components: {
     MuiBreadcrumbs: {
@@ -31,7 +34,7 @@ const caES = exports.caES = {
           from,
           to,
           count
-        }) => `${from}–${to} de ${count !== -1 ? count : `més de ${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} de ${count !== -1 ? formatNumber(count) : `més de ${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/caES.mjs

@@ -1,3 +1,5 @@
+import buildFormatNumber from "./utils/buildFormatNumber.mjs";
+const formatNumber = buildFormatNumber('ca-ES');
 export const caES = {
   components: {
     MuiBreadcrumbs: {
@@ -25,7 +27,7 @@ export const caES = {
           from,
           to,
           count
-        }) => `${from}–${to} de ${count !== -1 ? count : `més de ${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} de ${count !== -1 ? formatNumber(count) : `més de ${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/csCZ.js

@@ -1,9 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.csCZ = void 0;
+var _buildFormatNumber = _interopRequireDefault(require("./utils/buildFormatNumber"));
+const formatNumber = (0, _buildFormatNumber.default)('cs-CZ');
 const csCZ = exports.csCZ = {
   components: {
     MuiBreadcrumbs: {
@@ -31,7 +34,7 @@ const csCZ = exports.csCZ = {
           from,
           to,
           count
-        }) => `${from}–${to} z ${count !== -1 ? count : `více než ${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} z ${count !== -1 ? formatNumber(count) : `více než ${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/csCZ.mjs

@@ -1,3 +1,5 @@
+import buildFormatNumber from "./utils/buildFormatNumber.mjs";
+const formatNumber = buildFormatNumber('cs-CZ');
 export const csCZ = {
   components: {
     MuiBreadcrumbs: {
@@ -25,7 +27,7 @@ export const csCZ = {
           from,
           to,
           count
-        }) => `${from}–${to} z ${count !== -1 ? count : `více než ${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} z ${count !== -1 ? formatNumber(count) : `více než ${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/daDK.js

@@ -1,9 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.daDK = void 0;
+var _buildFormatNumber = _interopRequireDefault(require("./utils/buildFormatNumber"));
+const formatNumber = (0, _buildFormatNumber.default)('da-DK');
 const daDK = exports.daDK = {
   components: {
     MuiBreadcrumbs: {
@@ -31,7 +34,7 @@ const daDK = exports.daDK = {
           from,
           to,
           count
-        }) => `${from}-${to} af ${count !== -1 ? count : `mere end ${to}`}`
+        }) => `${formatNumber(from)}-${formatNumber(to)} af ${count !== -1 ? formatNumber(count) : `mere end ${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/daDK.mjs

@@ -1,3 +1,5 @@
+import buildFormatNumber from "./utils/buildFormatNumber.mjs";
+const formatNumber = buildFormatNumber('da-DK');
 export const daDK = {
   components: {
     MuiBreadcrumbs: {
@@ -25,7 +27,7 @@ export const daDK = {
           from,
           to,
           count
-        }) => `${from}-${to} af ${count !== -1 ? count : `mere end ${to}`}`
+        }) => `${formatNumber(from)}-${formatNumber(to)} af ${count !== -1 ? formatNumber(count) : `mere end ${formatNumber(to)}`}`
       }
     },
     MuiRating: {

package/locale/deDE.js

@@ -1,9 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.deDE = void 0;
+var _buildFormatNumber = _interopRequireDefault(require("./utils/buildFormatNumber"));
+const formatNumber = (0, _buildFormatNumber.default)('de-DE');
 const deDE = exports.deDE = {
   components: {
     MuiBreadcrumbs: {
@@ -31,7 +34,7 @@ const deDE = exports.deDE = {
           from,
           to,
           count
-        }) => `${from}–${to} von ${count !== -1 ? count : `mehr als ${to}`}`
+        }) => `${formatNumber(from)}–${formatNumber(to)} von ${count !== -1 ? formatNumber(count) : `mehr als ${formatNumber(to)}`}`
       }
     },
     MuiRating: {