@mui/material 7.0.0-alpha.1 → 7.0.0-beta.0

package/Grid/Grid.d.ts

@@ -1,160 +0,0 @@
-import * as React from 'react';
-import { ResponsiveStyleValue, SxProps, SystemProps, Breakpoint, BreakpointOverrides } from '@mui/system';
-import { IfEquals } from '@mui/types';
-import { Theme } from "../styles/index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { GridClasses } from "./gridClasses.js";
-export type GridDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-export type GridSpacing = number | string;
-export type GridWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-export type GridSize = 'auto' | number;
-export interface RegularBreakpoints {
-  /**
-   * If a number, it sets the number of columns the grid item uses.
-   * It can't be greater than the total number of columns of the container (12 by default).
-   * If 'auto', the grid item's width matches its content.
-   * If false, the prop is ignored.
-   * If true, the grid item's width grows to use the space available in the grid container.
-   * The value is applied for the `lg` breakpoint and wider screens if not overridden.
-   * @default false
-   */
-  lg?: boolean | GridSize;
-  /**
-   * If a number, it sets the number of columns the grid item uses.
-   * It can't be greater than the total number of columns of the container (12 by default).
-   * If 'auto', the grid item's width matches its content.
-   * If false, the prop is ignored.
-   * If true, the grid item's width grows to use the space available in the grid container.
-   * The value is applied for the `md` breakpoint and wider screens if not overridden.
-   * @default false
-   */
-  md?: boolean | GridSize;
-  /**
-   * If a number, it sets the number of columns the grid item uses.
-   * It can't be greater than the total number of columns of the container (12 by default).
-   * If 'auto', the grid item's width matches its content.
-   * If false, the prop is ignored.
-   * If true, the grid item's width grows to use the space available in the grid container.
-   * The value is applied for the `sm` breakpoint and wider screens if not overridden.
-   * @default false
-   */
-  sm?: boolean | GridSize;
-  /**
-   * If a number, it sets the number of columns the grid item uses.
-   * It can't be greater than the total number of columns of the container (12 by default).
-   * If 'auto', the grid item's width matches its content.
-   * If false, the prop is ignored.
-   * If true, the grid item's width grows to use the space available in the grid container.
-   * The value is applied for the `xl` breakpoint and wider screens if not overridden.
-   * @default false
-   */
-  xl?: boolean | GridSize;
-  /**
-   * If a number, it sets the number of columns the grid item uses.
-   * It can't be greater than the total number of columns of the container (12 by default).
-   * If 'auto', the grid item's width matches its content.
-   * If false, the prop is ignored.
-   * If true, the grid item's width grows to use the space available in the grid container.
-   * The value is applied for all the screen sizes with the lowest priority.
-   * @default false
-   */
-  xs?: boolean | GridSize;
-}
-type CustomBreakpoints = Partial<Record<Breakpoint, boolean | GridSize>>;
-interface BreakpointOverridesEmpty {}
-type Breakpoints = IfEquals<BreakpointOverrides, BreakpointOverridesEmpty, RegularBreakpoints, CustomBreakpoints>;
-export interface GridOwnProps extends SystemProps<Theme>, Breakpoints {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<GridClasses>;
-  /**
-   * The number of columns.
-   * @default 12
-   */
-  columns?: ResponsiveStyleValue<number>;
-  /**
-   * Defines the horizontal space between the type `item` components.
-   * It overrides the value of the `spacing` prop.
-   */
-  columnSpacing?: ResponsiveStyleValue<GridSpacing>;
-  /**
-   * If `true`, the component will have the flex *container* behavior.
-   * You should be wrapping *items* with a *container*.
-   * @default false
-   */
-  container?: boolean;
-  /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
-   * @default 'row'
-   */
-  direction?: ResponsiveStyleValue<GridDirection>;
-  /**
-   * If `true`, the component will have the flex *item* behavior.
-   * You should be wrapping *items* with a *container*.
-   * @default false
-   */
-  item?: boolean;
-  /**
-   * Defines the vertical space between the type `item` components.
-   * It overrides the value of the `spacing` prop.
-   */
-  rowSpacing?: ResponsiveStyleValue<GridSpacing>;
-  /**
-   * Defines the space between the type `item` components.
-   * It can only be used on a type `container` component.
-   * @default 0
-   */
-  spacing?: ResponsiveStyleValue<GridSpacing>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * Defines the `flex-wrap` style property.
-   * It's applied for all screen sizes.
-   * @default 'wrap'
-   */
-  wrap?: GridWrap;
-  /**
-   * If `true`, it sets `min-width: 0` on the item.
-   * Refer to the limitations section of the documentation to better understand the use case.
-   * @default false
-   */
-  zeroMinWidth?: boolean;
-}
-
-/**
- * @deprecated Use the [`Grid2`](https://mui.com/material-ui/react-grid2/) component instead.
- */
-export interface GridTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & GridOwnProps;
-  defaultComponent: RootComponent;
-}
-
-/**
- *
- * Demos:
- *
- * - [Grid](https://next.mui.com/material-ui/react-grid/)
- *
- * API:
- *
- * - [Grid API](https://next.mui.com/material-ui/api/grid/)
- *
- * @deprecated Use the [`Grid2`](https://mui.com/material-ui/react-grid2/) component instead.
- */
-declare const Grid: OverridableComponent<GridTypeMap>;
-
-/**
- * @deprecated Use the [`Grid2`](https://mui.com/material-ui/react-grid2/) component instead.
- */
-export type GridProps<RootComponent extends React.ElementType = GridTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<GridTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Grid;

package/Grid/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./Grid.js";
-export * from "./Grid.js";
-export { default as gridClasses } from "./gridClasses.js";
-export * from "./gridClasses.js";

package/Grid2/Grid2.d.ts

@@ -1,111 +0,0 @@
-import { SxProps, SystemProps } from '@mui/system';
-import { OverridableComponent, OverrideProps } from '@mui/types';
-import { Theme, Breakpoint } from "../styles/index.js";
-type ResponsiveStyleValue<T> = T | Array<T | null> | { [key in Breakpoint]?: T | null };
-export type GridDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-export type GridSpacing = number | string;
-export type GridWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-export type GridSize = 'auto' | 'grow' | number | false;
-export type GridOffset = 'auto' | number;
-export interface GridBaseProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * The number of columns.
-   * @default 12
-   */
-  columns?: ResponsiveStyleValue<number>;
-  /**
-   * Defines the horizontal space between the type `item` components.
-   * It overrides the value of the `spacing` prop.
-   */
-  columnSpacing?: ResponsiveStyleValue<GridSpacing>;
-  /**
-   * If `true`, the component will have the flex *container* behavior.
-   * You should be wrapping *items* with a *container*.
-   * @default false
-   */
-  container?: boolean;
-  /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
-   * @default 'row'
-   */
-  direction?: ResponsiveStyleValue<GridDirection>;
-  /**
-   * Defines the offset value for the type `item` components.
-   */
-  offset?: ResponsiveStyleValue<GridOffset>;
-  /**
-   * @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?: number;
-  /**
-   * Defines the vertical space between the type `item` components.
-   * It overrides the value of the `spacing` prop.
-   */
-  rowSpacing?: ResponsiveStyleValue<GridSpacing>;
-  /**
-   * Defines the size of the the type `item` components.
-   */
-  size?: ResponsiveStyleValue<GridSize>;
-  /**
-   * Defines the space between the type `item` components.
-   * It can only be used on a type `container` component.
-   * @default 0
-   */
-  spacing?: ResponsiveStyleValue<GridSpacing> | undefined;
-  /**
-   * Defines the `flex-wrap` style property.
-   * It's applied for all screen sizes.
-   * @default 'wrap'
-   */
-  wrap?: GridWrap;
-}
-export interface Grid2TypeMap<P = {}, D extends React.ElementType = 'div'> {
-  props: P & GridBaseProps & {
-    sx?: SxProps<Theme>;
-  } & SystemProps<Theme>;
-  defaultComponent: D;
-}
-export type Grid2Props<D extends React.ElementType = Grid2TypeMap['defaultComponent'], P = {
-  component?: React.ElementType;
-}> = OverrideProps<Grid2TypeMap<P, D>, D>;
-/**
- *
- * Demos:
- *
- * - [Grid version 2](https://next.mui.com/material-ui/react-grid2/)
- *
- * API:
- *
- * - [Grid2 API](https://next.mui.com/material-ui/api/grid-2/)
- */
-declare const Grid2: OverridableComponent<Grid2TypeMap>;
-export default Grid2;

package/Grid2/Grid2.js

@@ -1,144 +0,0 @@
-"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 _Grid = require("@mui/system/Grid");
-var _requirePropFactory = _interopRequireDefault(require("../utils/requirePropFactory"));
-var _styles = require("../styles");
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-/**
- *
- * Demos:
- *
- * - [Grid version 2](https://next.mui.com/material-ui/react-grid2/)
- *
- * API:
- *
- * - [Grid2 API](https://next.mui.com/material-ui/api/grid-2/)
- */
-const Grid2 = (0, _Grid.createGrid)({
-  createStyledComponent: (0, _styles.styled)('div', {
-    name: 'MuiGrid2',
-    slot: 'Root',
-    overridesResolver: (props, styles) => {
-      const {
-        ownerState
-      } = props;
-      return [styles.root, ownerState.container && styles.container];
-    }
-  }),
-  componentName: 'MuiGrid2',
-  useThemeProps: inProps => (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiGrid2'
-  }),
-  useTheme: _useTheme.default
-});
-process.env.NODE_ENV !== "production" ? Grid2.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.default.node,
-  /**
-   * The number of columns.
-   * @default 12
-   */
-  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.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.default.bool,
-  /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
-   * @default 'row'
-   */
-  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.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.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.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.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.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. 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.default.number,
-  /**
-   * Defines the `flex-wrap` style property.
-   * It's applied for all screen sizes.
-   * @default 'wrap'
-   */
-  wrap: _propTypes.default.oneOf(['nowrap', 'wrap-reverse', 'wrap'])
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  const Component = Grid2;
-  const requireProp = (0, _requirePropFactory.default)('Grid2', Component);
-  // eslint-disable-next-line no-useless-concat
-  Component['propTypes' + ''] = {
-    // eslint-disable-next-line react/forbid-foreign-prop-types
-    ...Component.propTypes,
-    direction: requireProp('container'),
-    spacing: requireProp('container'),
-    wrap: requireProp('container')
-  };
-}
-var _default = exports.default = Grid2;

package/Grid2/grid2Classes.d.ts

@@ -1,10 +0,0 @@
-export interface Grid2Classes {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `container={true}`. */
-  container: string;
-}
-export type Grid2ClassKey = keyof Grid2Classes;
-export declare function getGrid2UtilityClass(slot: string): string;
-declare const grid2Classes: Grid2Classes;
-export default grid2Classes;

package/Grid2/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./Grid2.js";
-export * from "./Grid2.js";
-export { default as grid2Classes } from "./grid2Classes.js";
-export * from "./grid2Classes.js";

package/Grid2/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  grid2Classes: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Grid.default;
-  }
-});
-Object.defineProperty(exports, "grid2Classes", {
-  enumerable: true,
-  get: function () {
-    return _grid2Classes.default;
-  }
-});
-var _Grid = _interopRequireWildcard(require("./Grid2"));
-Object.keys(_Grid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Grid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Grid[key];
-    }
-  });
-});
-var _grid2Classes = _interopRequireWildcard(require("./grid2Classes"));
-Object.keys(_grid2Classes).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _grid2Classes[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _grid2Classes[key];
-    }
-  });
-});

package/Grow/Grow.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { TransitionProps } from "../transitions/transition.js";
-export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear?: boolean;
-  /**
-   * A single child content element.
-   */
-  children: React.ReactElement<unknown, any>;
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing?: TransitionProps['easing'];
-  /**
-   * If `true`, the component will transition in.
-   */
-  in?: boolean;
-  ref?: React.Ref<unknown>;
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default 'auto'
-   */
-  timeout?: TransitionProps['timeout'] | 'auto';
-}
-
-/**
- * The Grow transition is used by the [Tooltip](https://next.mui.com/material-ui/react-tooltip/) and
- * [Popover](https://next.mui.com/material-ui/react-popover/) components.
- * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
- *
- * Demos:
- *
- * - [Popover](https://next.mui.com/material-ui/react-popover/)
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
- *
- * API:
- *
- * - [Grow API](https://next.mui.com/material-ui/api/grow/)
- * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
- */
-export default function Grow(props: GrowProps): React.JSX.Element;

package/Grow/index.d.ts

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

package/Hidden/Hidden.d.ts

@@ -1,96 +0,0 @@
-import * as React from 'react';
-import { Breakpoint } from '@mui/system';
-export interface HiddenProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Specify which implementation to use.  'js' is the default, 'css' works better for
-   * server-side rendering.
-   * @default 'js'
-   */
-  implementation?: 'js' | 'css';
-  /**
-   * You can use this prop when choosing the `js` implementation with server-side rendering.
-   *
-   * As `window.innerWidth` is unavailable on the server,
-   * we default to rendering an empty component during the first mount.
-   * You might want to use a heuristic to approximate
-   * the screen width of the client browser screen width.
-   *
-   * For instance, you could be using the user-agent or the client-hints.
-   * https://caniuse.com/#search=client%20hint
-   */
-  initialWidth?: Breakpoint;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  lgDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  lgUp?: boolean;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  mdDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  mdUp?: boolean;
-  /**
-   * Hide the given breakpoint(s).
-   */
-  only?: Breakpoint | Breakpoint[];
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  smDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  smUp?: boolean;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xlDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xlUp?: boolean;
-  /**
-   * If `true`, component is hidden on screens below (but not including) this size.
-   * @default false
-   */
-  xsDown?: boolean;
-  /**
-   * If `true`, component is hidden on screens this size and above.
-   * @default false
-   */
-  xsUp?: boolean;
-}
-
-/**
- * Responsively hides children based on the selected implementation.
- *
- * Demos:
- *
- * - [Hidden](https://next.mui.com/material-ui/react-hidden/)
- *
- * API:
- *
- * - [Hidden API](https://next.mui.com/material-ui/api/hidden/)
- *
- * @deprecated The Hidden component was deprecated in Material UI v5. To learn more, see [the Hidden section](https://mui.com/material-ui/migration/v5-component-changes/#hidden) of the migration docs.
- */
-declare const Hidden: React.JSXElementConstructor<HiddenProps>;
-export default Hidden;