@mui/system 6.1.2 → 6.1.3

package/cssVars/prepareTypographyVars.js

@@ -1,4 +1,10 @@
-export default function prepareTypographyVars(typography) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = prepareTypographyVars;
+function prepareTypographyVars(typography) {
   const vars = {};
   const entries = Object.entries(typography);
   entries.forEach(entry => {

package/cssVars/useCurrentColorScheme.js

@@ -1,8 +1,16 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from "../InitColorSchemeScript/InitColorSchemeScript.js";
-export function getSystemMode(mode) {
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useCurrentColorScheme;
+exports.getColorScheme = getColorScheme;
+exports.getSystemMode = getSystemMode;
+var React = _interopRequireWildcard(require("react"));
+var _InitColorSchemeScript = require("../InitColorSchemeScript/InitColorSchemeScript");
+function getSystemMode(mode) {
   if (typeof window !== 'undefined' && typeof window.matchMedia === 'function' && mode === 'system') {
     const mql = window.matchMedia('(prefers-color-scheme: dark)');
     if (mql.matches) {
@@ -21,7 +29,7 @@ function processState(state, callback) {
   }
   return undefined;
 }
-export function getColorScheme(state) {
+function getColorScheme(state) {
   return processState(state, mode => {
     if (mode === 'light') {
       return state.lightColorScheme;
@@ -48,14 +56,14 @@ function initializeValue(key, defaultValue) {
   }
   return value || defaultValue;
 }
-export default function useCurrentColorScheme(options) {
+function useCurrentColorScheme(options) {
   const {
     defaultMode = 'light',
     defaultLightColorScheme,
     defaultDarkColorScheme,
     supportedColorSchemes = [],
-    modeStorageKey = DEFAULT_MODE_STORAGE_KEY,
-    colorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,
+    modeStorageKey = _InitColorSchemeScript.DEFAULT_MODE_STORAGE_KEY,
+    colorSchemeStorageKey = _InitColorSchemeScript.DEFAULT_COLOR_SCHEME_STORAGE_KEY,
     storageWindow = typeof window === 'undefined' ? undefined : window
   } = options;
   const joinedColorSchemes = supportedColorSchemes.join(',');

package/display/display.js

@@ -1,6 +1,13 @@
-import style from "../style/index.js";
-import compose from "../compose/index.js";
-export const displayPrint = style({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.whiteSpace = exports.visibility = exports.textOverflow = exports.overflow = exports.displayRaw = exports.displayPrint = exports.default = void 0;
+var _style = _interopRequireDefault(require("../style"));
+var _compose = _interopRequireDefault(require("../compose"));
+const displayPrint = exports.displayPrint = (0, _style.default)({
   prop: 'displayPrint',
   cssProperty: false,
   transform: value => ({
@@ -9,19 +16,19 @@ export const displayPrint = style({
     }
   })
 });
-export const displayRaw = style({
+const displayRaw = exports.displayRaw = (0, _style.default)({
   prop: 'display'
 });
-export const overflow = style({
+const overflow = exports.overflow = (0, _style.default)({
   prop: 'overflow'
 });
-export const textOverflow = style({
+const textOverflow = exports.textOverflow = (0, _style.default)({
   prop: 'textOverflow'
 });
-export const visibility = style({
+const visibility = exports.visibility = (0, _style.default)({
   prop: 'visibility'
 });
-export const whiteSpace = style({
+const whiteSpace = exports.whiteSpace = (0, _style.default)({
   prop: 'whiteSpace'
 });
-export default compose(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace);
+var _default = exports.default = (0, _compose.default)(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace);

package/display/index.js

@@ -1,2 +1,25 @@
-export { default } from "./display.js";
-export * from "./display.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 _display.default;
+  }
+});
+var _display = _interopRequireWildcard(require("./display"));
+Object.keys(_display).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _display[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _display[key];
+    }
+  });
+});

package/display/package.json

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

package/esm/Box/Box.js

@@ -0,0 +1,30 @@
+'use client';
+
+import PropTypes from 'prop-types';
+import ClassNameGenerator from '@mui/utils/ClassNameGenerator';
+import createBox from "../createBox/index.js";
+import boxClasses from "./boxClasses.js";
+const Box = createBox({
+  defaultClassName: boxClasses.root,
+  generateClassName: ClassNameGenerator.generate
+});
+process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: PropTypes.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+} : void 0;
+export default Box;

package/esm/Box/boxClasses.js

@@ -0,0 +1,3 @@
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+const boxClasses = generateUtilityClasses('MuiBox', ['root']);
+export default boxClasses;

package/esm/Box/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Box.js";
+export { default as boxClasses } from "./boxClasses.js";
+export * from "./boxClasses.js";

package/{node → esm}/Container/Container.js

@@ -1,13 +1,8 @@
-"use strict";
 'use client';
 
-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 _createContainer = _interopRequireDefault(require("./createContainer"));
+import PropTypes from 'prop-types';
+import createContainer from "./createContainer.js";
+
 /**
  *
  * Demos:
@@ -19,7 +14,7 @@ var _createContainer = _interopRequireDefault(require("./createContainer"));
  *
  * - [Container API](https://mui.com/system/api/container/)
  */
-const Container = (0, _createContainer.default)();
+const Container = createContainer();
 process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
@@ -28,21 +23,21 @@ process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes
   /**
    * @ignore
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: _propTypes.default.elementType,
+  component: PropTypes.elementType,
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters: _propTypes.default.bool,
+  disableGutters: PropTypes.bool,
   /**
    * Set the max-width to match the min-width of the current breakpoint.
    * This is useful if you'd prefer to design for a fixed set of sizes
@@ -50,17 +45,17 @@ process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes
    * It's fluid by default.
    * @default false
    */
-  fixed: _propTypes.default.bool,
+  fixed: PropTypes.bool,
   /**
    * Determine the max-width of the container.
    * The container width grows with the size of the screen.
    * Set to `false` to disable `maxWidth`.
    * @default 'lg'
    */
-  maxWidth: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _propTypes.default.string]),
+  maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  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])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
-var _default = exports.default = Container;
+export default Container;

package/esm/Container/ContainerProps.js

@@ -0,0 +1 @@
+export {};

package/esm/Container/containerClasses.js

@@ -0,0 +1,7 @@
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+export function getContainerUtilityClass(slot) {
+  return generateUtilityClass('MuiContainer', slot);
+}
+const containerClasses = generateUtilityClasses('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
+export default containerClasses;

package/{node → esm}/Container/createContainer.js

@@ -1,40 +1,32 @@
-"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 = createContainer;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
-var _useThemeProps = _interopRequireDefault(require("../useThemeProps"));
-var _styled = _interopRequireDefault(require("../styled"));
-var _createTheme = _interopRequireDefault(require("../createTheme"));
-var _jsxRuntime = require("react/jsx-runtime");
-const defaultTheme = (0, _createTheme.default)();
-const defaultCreateStyledComponent = (0, _styled.default)('div', {
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import composeClasses from '@mui/utils/composeClasses';
+import capitalize from '@mui/utils/capitalize';
+import useThemePropsSystem from "../useThemeProps/index.js";
+import systemStyled from "../styled/index.js";
+import createTheme from "../createTheme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultTheme = createTheme();
+const defaultCreateStyledComponent = systemStyled('div', {
   name: 'MuiContainer',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[`maxWidth${(0, _capitalize.default)(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters];
+    return [styles.root, styles[`maxWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters];
   }
 });
-const useThemePropsDefault = inProps => (0, _useThemeProps.default)({
+const useThemePropsDefault = inProps => useThemePropsSystem({
   props: inProps,
   name: 'MuiContainer',
   defaultTheme
 });
 const useUtilityClasses = (ownerState, componentName) => {
   const getContainerUtilityClass = slot => {
-    return (0, _generateUtilityClass.default)(componentName, slot);
+    return generateUtilityClass(componentName, slot);
   };
   const {
     classes,
@@ -43,11 +35,11 @@ const useUtilityClasses = (ownerState, componentName) => {
     maxWidth
   } = ownerState;
   const slots = {
-    root: ['root', maxWidth && `maxWidth${(0, _capitalize.default)(String(maxWidth))}`, fixed && 'fixed', disableGutters && 'disableGutters']
+    root: ['root', maxWidth && `maxWidth${capitalize(String(maxWidth))}`, fixed && 'fixed', disableGutters && 'disableGutters']
   };
-  return (0, _composeClasses.default)(slots, getContainerUtilityClass, classes);
+  return composeClasses(slots, getContainerUtilityClass, classes);
 };
-function createContainer(options = {}) {
+export default function createContainer(options = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
     createStyledComponent = defaultCreateStyledComponent,
@@ -130,26 +122,26 @@ function createContainer(options = {}) {
     return (
       /*#__PURE__*/
       // @ts-ignore theme is injected by the styled util
-      (0, _jsxRuntime.jsx)(ContainerRoot, {
+      _jsx(ContainerRoot, {
         as: component
         // @ts-ignore module augmentation fails if custom breakpoints are used
         ,
         ownerState: ownerState,
-        className: (0, _clsx.default)(classes.root, className),
+        className: clsx(classes.root, className),
         ref: ref,
         ...other
       })
     );
   });
   process.env.NODE_ENV !== "production" ? Container.propTypes /* remove-proptypes */ = {
-    children: _propTypes.default.node,
-    classes: _propTypes.default.object,
-    className: _propTypes.default.string,
-    component: _propTypes.default.elementType,
-    disableGutters: _propTypes.default.bool,
-    fixed: _propTypes.default.bool,
-    maxWidth: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _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])
+    children: PropTypes.node,
+    classes: PropTypes.object,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+    disableGutters: PropTypes.bool,
+    fixed: PropTypes.bool,
+    maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),
+    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
   } : void 0;
   return Container;
 }

package/esm/Container/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Container.js";
+export { default as containerClasses } from "./containerClasses.js";
+export * from "./containerClasses.js";

package/{node → esm}/DefaultPropsProvider/DefaultPropsProvider.js

@@ -1,23 +1,15 @@
-"use strict";
 'use client';
 
-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;
-exports.useDefaultProps = useDefaultProps;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _resolveProps = _interopRequireDefault(require("@mui/utils/resolveProps"));
-var _jsxRuntime = require("react/jsx-runtime");
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import resolveProps from '@mui/utils/resolveProps';
+import { jsx as _jsx } from "react/jsx-runtime";
 const PropsContext = /*#__PURE__*/React.createContext(undefined);
 function DefaultPropsProvider({
   value,
   children
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PropsContext.Provider, {
+  return /*#__PURE__*/_jsx(PropsContext.Provider, {
     value: value,
     children: children
   });
@@ -30,11 +22,11 @@ process.env.NODE_ENV !== "production" ? DefaultPropsProvider.propTypes /* remove
   /**
    * @ignore
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * @ignore
    */
-  value: _propTypes.default.object
+  value: PropTypes.object
 } : void 0;
 function getThemeProps(params) {
   const {
@@ -48,15 +40,15 @@ function getThemeProps(params) {
   const config = theme.components[name];
   if (config.defaultProps) {
     // compatible with v5 signature
-    return (0, _resolveProps.default)(config.defaultProps, props);
+    return resolveProps(config.defaultProps, props);
   }
   if (!config.styleOverrides && !config.variants) {
     // v6 signature, no property 'defaultProps'
-    return (0, _resolveProps.default)(config, props);
+    return resolveProps(config, props);
   }
   return props;
 }
-function useDefaultProps({
+export function useDefaultProps({
   props,
   name
 }) {
@@ -69,4 +61,4 @@ function useDefaultProps({
     }
   });
 }
-var _default = exports.default = DefaultPropsProvider;
+export default DefaultPropsProvider;

package/esm/DefaultPropsProvider/index.js

@@ -0,0 +1 @@
+export { default, useDefaultProps } from "./DefaultPropsProvider.js";

package/esm/GlobalStyles/GlobalStyles.js

@@ -0,0 +1,37 @@
+'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";
+function GlobalStyles({
+  styles,
+  themeId,
+  defaultTheme = {}
+}) {
+  const upperTheme = useTheme(defaultTheme);
+  const globalStyles = typeof styles === 'function' ? styles(themeId ? upperTheme[themeId] || upperTheme : upperTheme) : styles;
+  return /*#__PURE__*/_jsx(MuiGlobalStyles, {
+    styles: globalStyles
+  });
+}
+process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  defaultTheme: PropTypes.object,
+  /**
+   * @ignore
+   */
+  styles: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.array, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.string, PropTypes.bool]),
+  /**
+   * @ignore
+   */
+  themeId: PropTypes.string
+} : void 0;
+export default GlobalStyles;

package/esm/GlobalStyles/index.js

@@ -0,0 +1,2 @@
+export { default } from "./GlobalStyles.js";
+export * from "./GlobalStyles.js";

package/esm/Grid/Grid.js

@@ -0,0 +1,106 @@
+'use client';
+
+import PropTypes from 'prop-types';
+import createGrid from "./createGrid.js";
+/**
+ *
+ * Demos:
+ *
+ * - [Grid (Joy UI)](https://mui.com/joy-ui/react-grid/)
+ * - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
+ *
+ * API:
+ *
+ * - [Grid API](https://mui.com/system/api/grid/)
+ */
+const Grid = createGrid();
+process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+  /**
+   * The number of columns.
+   * @default 12
+   */
+  columns: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.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]),
+  /**
+   * If `true`, the component will have the flex *container* behavior.
+   * You should be wrapping *items* with a *container*.
+   * @default false
+   */
+  container: PropTypes.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]),
+  /**
+   * 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]),
+  /**
+   * 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]),
+  /**
+   * 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]),
+  /**
+   * 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]),
+  /**
+   * @ignore
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * @internal
+   * 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 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 container element above it.
+   *
+   * ```js
+   * <Grid container> // level 0
+   *   <div>
+   *     <Grid container> // level 0
+   * ```
+   *
+   * ```js
+   * <Grid container> // level 0
+   *   <Grid>
+   *     <Grid container> // level 0
+   * ```
+   */
+  unstable_level: PropTypes.number,
+  /**
+   * Defines the `flex-wrap` style property.
+   * It's applied for all screen sizes.
+   * @default 'wrap'
+   */
+  wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap'])
+} : void 0;
+export default Grid;

package/esm/Grid/GridProps.js

@@ -0,0 +1 @@
+export {};