@mui/system 6.1.1 → 6.1.3

package/GlobalStyles/GlobalStyles.js

@@ -1,18 +1,25 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { GlobalStyles as MuiGlobalStyles } from '@mui/styled-engine';
-import useTheme from "../useTheme/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledEngine = require("@mui/styled-engine");
+var _useTheme = _interopRequireDefault(require("../useTheme"));
+var _jsxRuntime = require("react/jsx-runtime");
 function GlobalStyles({
   styles,
   themeId,
   defaultTheme = {}
 }) {
-  const upperTheme = useTheme(defaultTheme);
+  const upperTheme = (0, _useTheme.default)(defaultTheme);
   const globalStyles = typeof styles === 'function' ? styles(themeId ? upperTheme[themeId] || upperTheme : upperTheme) : styles;
-  return /*#__PURE__*/_jsx(MuiGlobalStyles, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledEngine.GlobalStyles, {
     styles: globalStyles
   });
 }
@@ -24,14 +31,14 @@ process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptyp
   /**
    * @ignore
    */
-  defaultTheme: PropTypes.object,
+  defaultTheme: _propTypes.default.object,
   /**
    * @ignore
    */
-  styles: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.array, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.string, PropTypes.bool]),
+  styles: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.array, _propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.string, _propTypes.default.bool]),
   /**
    * @ignore
    */
-  themeId: PropTypes.string
+  themeId: _propTypes.default.string
 } : void 0;
-export default GlobalStyles;
+var _default = exports.default = GlobalStyles;

package/GlobalStyles/index.js

@@ -1,2 +1,25 @@
-export { default } from "./GlobalStyles.js";
-export * from "./GlobalStyles.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _GlobalStyles.default;
+  }
+});
+var _GlobalStyles = _interopRequireWildcard(require("./GlobalStyles"));
+Object.keys(_GlobalStyles).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _GlobalStyles[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GlobalStyles[key];
+    }
+  });
+});

package/GlobalStyles/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/GlobalStyles/index.js",
+  "module": "../esm/GlobalStyles/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/Grid/Grid.js

@@ -1,7 +1,13 @@
+"use strict";
 'use client';
 
-import PropTypes from 'prop-types';
-import createGrid from "./createGrid.js";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _createGrid = _interopRequireDefault(require("./createGrid"));
 /**
  *
  * Demos:
@@ -13,7 +19,7 @@ import createGrid from "./createGrid.js";
  *
  * - [Grid API](https://mui.com/system/api/grid/)
  */
-const Grid = createGrid();
+const Grid = (0, _createGrid.default)();
 process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
@@ -22,80 +28,85 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * The number of columns.
    * @default 12
    */
-  columns: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
+  columns: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number, _propTypes.default.object]),
   /**
    * Defines the horizontal space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
-  columnSpacing: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  columnSpacing: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
   /**
    * If `true`, the component will have the flex *container* behavior.
    * You should be wrapping *items* with a *container*.
    * @default false
    */
-  container: PropTypes.bool,
+  container: _propTypes.default.bool,
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
    * @default 'row'
    */
-  direction: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
+  direction: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), _propTypes.default.object]),
   /**
    * Defines the offset value for the type `item` components.
    */
-  offset: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.string, PropTypes.number, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.object]),
+  offset: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])), _propTypes.default.object]),
   /**
    * Defines the vertical space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
-  rowSpacing: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  rowSpacing: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
   /**
    * Defines the size of the the type `item` components.
    */
-  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number])), PropTypes.object]),
+  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.string, _propTypes.default.bool, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool, _propTypes.default.number])), _propTypes.default.object]),
   /**
    * Defines the space between the type `item` components.
    * It can only be used on a type `container` component.
    * @default 0
    */
-  spacing: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  spacing: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
   /**
    * @ignore
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * @internal
-   * The level of the grid starts from `0`
-   * and increases when the grid nests inside another grid regardless of container or item.
+   * The level of the grid starts from `0` and increases when the grid nests
+   * inside another grid. Nesting is defined as a container Grid being a direct
+   * child of a container Grid.
    *
    * ```js
-   * <Grid> // level 0
-   *   <Grid> // level 1
-   *     <Grid> // level 2
-   *   <Grid> // level 1
+   * <Grid container> // level 0
+   *   <Grid container> // level 1
+   *     <Grid container> // level 2
    * ```
    *
-   * Only consecutive grid is considered nesting.
-   * A grid container will start at `0` if there are non-Grid element above it.
+   * Only consecutive grid is considered nesting. A grid container will start at
+   * `0` if there are non-Grid container element above it.
    *
    * ```js
-   * <Grid> // level 0
+   * <Grid container> // level 0
    *   <div>
-   *     <Grid> // level 0
-   *       <Grid> // level 1
+   *     <Grid container> // level 0
+   * ```
+   *
+   * ```js
+   * <Grid container> // level 0
+   *   <Grid>
+   *     <Grid container> // level 0
    * ```
    */
-  unstable_level: PropTypes.number,
+  unstable_level: _propTypes.default.number,
   /**
    * Defines the `flex-wrap` style property.
    * It's applied for all screen sizes.
    * @default 'wrap'
    */
-  wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap'])
+  wrap: _propTypes.default.oneOf(['nowrap', 'wrap-reverse', 'wrap'])
 } : void 0;
-export default Grid;
+var _default = exports.default = Grid;

package/Grid/GridProps.d.ts

@@ -44,24 +44,29 @@ export interface GridBaseProps {
     offset?: ResponsiveStyleValue<GridOffset>;
     /**
      * @internal
-     * The level of the grid starts from `0`
-     * and increases when the grid nests inside another grid regardless of container or item.
+     * The level of the grid starts from `0` and increases when the grid nests
+     * inside another grid. Nesting is defined as a container Grid being a direct
+     * child of a container Grid.
      *
      * ```js
-     * <Grid> // level 0
-     *   <Grid> // level 1
-     *     <Grid> // level 2
-     *   <Grid> // level 1
+     * <Grid container> // level 0
+     *   <Grid container> // level 1
+     *     <Grid container> // level 2
      * ```
      *
-     * Only consecutive grid is considered nesting.
-     * A grid container will start at `0` if there are non-Grid element above it.
+     * Only consecutive grid is considered nesting. A grid container will start at
+     * `0` if there are non-Grid container element above it.
      *
      * ```js
-     * <Grid> // level 0
+     * <Grid container> // level 0
      *   <div>
-     *     <Grid> // level 0
-     *       <Grid> // level 1
+     *     <Grid container> // level 0
+     * ```
+     *
+     * ```js
+     * <Grid container> // level 0
+     *   <Grid>
+     *     <Grid container> // level 0
      * ```
      */
     unstable_level?: number;

package/Grid/GridProps.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/Grid/createGrid.js

@@ -1,32 +1,40 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import isMuiElement from '@mui/utils/isMuiElement';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import composeClasses from '@mui/utils/composeClasses';
-import systemStyled from "../styled/index.js";
-import useThemePropsSystem from "../useThemeProps/index.js";
-import useTheme from "../useTheme/index.js";
-import { extendSxProp } from "../styleFunctionSx/index.js";
-import createTheme from "../createTheme/index.js";
-import { generateGridStyles, generateGridSizeStyles, generateGridColumnsStyles, generateGridColumnSpacingStyles, generateGridRowSpacingStyles, generateGridDirectionStyles, generateGridOffsetStyles, generateSizeClassNames, generateSpacingClassNames, generateDirectionClasses } from "./gridGenerator.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const defaultTheme = createTheme();
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createGrid;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _isMuiElement = _interopRequireDefault(require("@mui/utils/isMuiElement"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _styled = _interopRequireDefault(require("../styled"));
+var _useThemeProps = _interopRequireDefault(require("../useThemeProps"));
+var _useTheme = _interopRequireDefault(require("../useTheme"));
+var _styleFunctionSx = require("../styleFunctionSx");
+var _createTheme = _interopRequireDefault(require("../createTheme"));
+var _gridGenerator = require("./gridGenerator");
+var _jsxRuntime = require("react/jsx-runtime");
+const defaultTheme = (0, _createTheme.default)();
 
 // widening Theme to any so that the consumer can own the theme structure.
-const defaultCreateStyledComponent = systemStyled('div', {
+const defaultCreateStyledComponent = (0, _styled.default)('div', {
   name: 'MuiGrid',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 });
 function useThemePropsDefault(props) {
-  return useThemePropsSystem({
+  return (0, _useThemeProps.default)({
     props,
     name: 'MuiGrid',
     defaultTheme
   });
 }
-export default function createGrid(options = {}) {
+function createGrid(options = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
     createStyledComponent = defaultCreateStyledComponent,
@@ -42,9 +50,9 @@ export default function createGrid(options = {}) {
       size
     } = ownerState;
     const slots = {
-      root: ['root', container && 'container', wrap !== 'wrap' && `wrap-xs-${String(wrap)}`, ...generateDirectionClasses(direction), ...generateSizeClassNames(size), ...(container ? generateSpacingClassNames(spacing, theme.breakpoints.keys[0]) : [])]
+      root: ['root', container && 'container', wrap !== 'wrap' && `wrap-xs-${String(wrap)}`, ...(0, _gridGenerator.generateDirectionClasses)(direction), ...(0, _gridGenerator.generateSizeClassNames)(size), ...(container ? (0, _gridGenerator.generateSpacingClassNames)(spacing, theme.breakpoints.keys[0]) : [])]
     };
-    return composeClasses(slots, slot => generateUtilityClass(componentName, slot), {});
+    return (0, _composeClasses.default)(slots, slot => (0, _generateUtilityClass.default)(componentName, slot), {});
   };
   function parseResponsiveProp(propValue, breakpoints, shouldUseValue = () => true) {
     const parsedProp = {};
@@ -69,11 +77,11 @@ export default function createGrid(options = {}) {
     }
     return parsedProp;
   }
-  const GridRoot = createStyledComponent(generateGridColumnsStyles, generateGridColumnSpacingStyles, generateGridRowSpacingStyles, generateGridSizeStyles, generateGridDirectionStyles, generateGridStyles, generateGridOffsetStyles);
+  const GridRoot = createStyledComponent(_gridGenerator.generateGridColumnsStyles, _gridGenerator.generateGridColumnSpacingStyles, _gridGenerator.generateGridRowSpacingStyles, _gridGenerator.generateGridSizeStyles, _gridGenerator.generateGridDirectionStyles, _gridGenerator.generateGridStyles, _gridGenerator.generateGridOffsetStyles);
   const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
-    const theme = useTheme();
+    const theme = (0, _useTheme.default)();
     const themeProps = useThemeProps(inProps);
-    const props = extendSxProp(themeProps); // `color` type conflicts with html color attribute.
+    const props = (0, _styleFunctionSx.extendSxProp)(themeProps); // `color` type conflicts with html color attribute.
     const {
       className,
       children,
@@ -110,14 +118,14 @@ export default function createGrid(options = {}) {
       offset
     };
     const classes = useUtilityClasses(ownerState, theme);
-    return /*#__PURE__*/_jsx(GridRoot, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridRoot, {
       ref: ref,
       as: component,
       ownerState: ownerState,
-      className: clsx(classes.root, className),
+      className: (0, _clsx.default)(classes.root, className),
       ...other,
       children: React.Children.map(children, child => {
-        if (/*#__PURE__*/React.isValidElement(child) && isMuiElement(child, ['Grid'])) {
+        if (/*#__PURE__*/React.isValidElement(child) && (0, _isMuiElement.default)(child, ['Grid']) && container && child.props.container) {
           return /*#__PURE__*/React.cloneElement(child, {
             unstable_level: child.props?.unstable_level ?? level + 1
           });
@@ -127,19 +135,19 @@ export default function createGrid(options = {}) {
     });
   });
   process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
-    columnSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-    component: PropTypes.elementType,
-    container: PropTypes.bool,
-    direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
-    offset: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.object]),
-    rowSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-    size: PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.number])), PropTypes.object]),
-    spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap'])
+    children: _propTypes.default.node,
+    className: _propTypes.default.string,
+    columns: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number, _propTypes.default.object]),
+    columnSpacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
+    component: _propTypes.default.elementType,
+    container: _propTypes.default.bool,
+    direction: _propTypes.default.oneOfType([_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), _propTypes.default.object]),
+    offset: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])), _propTypes.default.object]),
+    rowSpacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
+    size: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool, _propTypes.default.number])), _propTypes.default.object]),
+    spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+    wrap: _propTypes.default.oneOf(['nowrap', 'wrap-reverse', 'wrap'])
   } : void 0;
 
   // @ts-ignore internal logic for nested grid

package/Grid/gridClasses.js

@@ -1,13 +1,21 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getGridUtilityClass(slot) {
-  return generateUtilityClass('MuiGrid', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getGridUtilityClass = getGridUtilityClass;
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+function getGridUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiGrid', slot);
 }
 const SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 const DIRECTIONS = ['column-reverse', 'column', 'row-reverse', 'row'];
 const WRAPS = ['nowrap', 'wrap-reverse', 'wrap'];
 const GRID_SIZES = ['auto', 'grow', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
-const gridClasses = generateUtilityClasses('MuiGrid', ['root', 'container', 'item',
+const gridClasses = (0, _generateUtilityClasses.default)('MuiGrid', ['root', 'container', 'item',
 // spacings
 ...SPACINGS.map(spacing => `spacing-xs-${spacing}`),
 // direction values
@@ -16,4 +24,4 @@ const gridClasses = generateUtilityClasses('MuiGrid', ['root', 'container', 'ite
 ...WRAPS.map(wrap => `wrap-xs-${wrap}`),
 // grid sizes for all breakpoints
 ...GRID_SIZES.map(size => `grid-xs-${size}`), ...GRID_SIZES.map(size => `grid-sm-${size}`), ...GRID_SIZES.map(size => `grid-md-${size}`), ...GRID_SIZES.map(size => `grid-lg-${size}`), ...GRID_SIZES.map(size => `grid-xl-${size}`)]);
-export default gridClasses;
+var _default = exports.default = gridClasses;

package/Grid/gridGenerator.d.ts

@@ -11,13 +11,9 @@ interface Props {
 }
 export declare const generateGridSizeStyles: ({ theme, ownerState }: Props) => {};
 export declare const generateGridOffsetStyles: ({ theme, ownerState }: Props) => {};
-export declare const generateGridColumnsStyles: ({ theme, ownerState }: Props) => Record<string, string | number | undefined>;
-export declare const generateGridRowSpacingStyles: ({ theme, ownerState }: Props) => {
-    [x: string]: string;
-};
-export declare const generateGridColumnSpacingStyles: ({ theme, ownerState }: Props) => {
-    [x: string]: string;
-};
+export declare const generateGridColumnsStyles: ({ theme, ownerState }: Props) => {};
+export declare const generateGridRowSpacingStyles: ({ theme, ownerState }: Props) => {};
+export declare const generateGridColumnSpacingStyles: ({ theme, ownerState }: Props) => {};
 export declare const generateGridDirectionStyles: ({ theme, ownerState }: Props) => {};
 export declare const generateGridStyles: ({ ownerState }: Props) => {};
 export declare const generateSizeClassNames: (size: GridOwnerState["size"]) => string[];