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

package/modern/ListSubheader/ListSubheader.d.ts

@@ -1,59 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { ListSubheaderClasses } from "./listSubheaderClasses.js";
-export interface ListSubheaderOwnProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ListSubheaderClasses>;
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   * @default 'default'
-   */
-  color?: 'default' | 'primary' | 'inherit';
-  /**
-   * If `true`, the List Subheader will not have gutters.
-   * @default false
-   */
-  disableGutters?: boolean;
-  /**
-   * If `true`, the List Subheader will not stick to the top during scroll.
-   * @default false
-   */
-  disableSticky?: boolean;
-  /**
-   * If `true`, the List Subheader is indented.
-   * @default false
-   */
-  inset?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface ListSubheaderTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'li'> {
-  props: AdditionalProps & ListSubheaderOwnProps;
-  defaultComponent: RootComponent;
-}
-
-/**
- *
- * Demos:
- *
- * - [Lists](https://next.mui.com/material-ui/react-list/)
- *
- * API:
- *
- * - [ListSubheader API](https://next.mui.com/material-ui/api/list-subheader/)
- */
-declare const ListSubheader: OverridableComponent<ListSubheaderTypeMap>;
-export type ListSubheaderProps<RootComponent extends React.ElementType = ListSubheaderTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListSubheaderTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default ListSubheader;

package/modern/ListSubheader/index.d.ts

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

package/modern/ListSubheader/listSubheaderClasses.d.ts

@@ -1,18 +0,0 @@
-export interface ListSubheaderClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `color="primary"`. */
-  colorPrimary: string;
-  /** Styles applied to the root element if `color="inherit"`. */
-  colorInherit: string;
-  /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-  gutters: string;
-  /** Styles applied to the root element if `inset={true}`. */
-  inset: string;
-  /** Styles applied to the root element unless `disableSticky={true}`. */
-  sticky: string;
-}
-export type ListSubheaderClassKey = keyof ListSubheaderClasses;
-export declare function getListSubheaderUtilityClass(slot: string): string;
-declare const listSubheaderClasses: ListSubheaderClasses;
-export default listSubheaderClasses;

package/modern/Menu/Menu.d.ts

@@ -1,95 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps } from "../index.js";
-import { PaperProps } from "../Paper/index.js";
-import { PopoverProps } from "../Popover/index.js";
-import { MenuListProps } from "../MenuList/index.js";
-import { Theme } from "../styles/index.js";
-import { TransitionProps } from "../transitions/transition.js";
-import { MenuClasses } from "./menuClasses.js";
-export interface MenuProps extends StandardProps<PopoverProps> {
-  /**
-   * An HTML element, or a function that returns one.
-   * It's used to set the position of the menu.
-   */
-  anchorEl?: PopoverProps['anchorEl'];
-  /**
-   * If `true` (Default) will focus the `[role="menu"]` if no focusable child is found. Disabled
-   * children are not focusable. If you set this prop to `false` focus will be placed
-   * on the parent modal container. This has severe accessibility implications
-   * and should only be considered if you manage focus otherwise.
-   * @default true
-   */
-  autoFocus?: boolean;
-  /**
-   * Menu contents, normally `MenuItem`s.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<MenuClasses>;
-  /**
-   * When opening the menu will not focus the active item but the `[role="menu"]`
-   * unless `autoFocus` is also set to `false`. Not using the default means not
-   * following WAI-ARIA authoring practices. Please be considerate about possible
-   * accessibility implications.
-   * @default false
-   */
-  disableAutoFocusItem?: boolean;
-  /**
-   * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.
-   * @default {}
-   */
-  MenuListProps?: Partial<MenuListProps>;
-  /**
-   * Callback fired when the component requests to be closed.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`, `"tabKeyDown"`.
-   */
-  onClose?: PopoverProps['onClose'];
-  /**
-   * If `true`, the component is shown.
-   */
-  open: boolean;
-  /**
-   * `classes` prop applied to the [`Popover`](https://mui.com/material-ui/api/popover/) element.
-   */
-  PopoverClasses?: PopoverProps['classes'];
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The length of the transition in `ms`, or 'auto'
-   * @default 'auto'
-   */
-  transitionDuration?: TransitionProps['timeout'] | 'auto';
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @default {}
-   */
-  TransitionProps?: TransitionProps;
-  /**
-   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus.
-   * @default 'selectedMenu'
-   */
-  variant?: 'menu' | 'selectedMenu';
-}
-export declare const MenuPaper: React.FC<PaperProps>;
-
-/**
- *
- * Demos:
- *
- * - [App Bar](https://next.mui.com/material-ui/react-app-bar/)
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
- *
- * API:
- *
- * - [Menu API](https://next.mui.com/material-ui/api/menu/)
- * - inherits [Popover API](https://next.mui.com/material-ui/api/popover/)
- */
-export default function Menu(props: MenuProps): React.JSX.Element;

package/modern/Menu/index.d.ts

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

package/modern/Menu/menuClasses.d.ts

@@ -1,12 +0,0 @@
-export interface MenuClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the Paper component. */
-  paper: string;
-  /** Styles applied to the List component via `MenuList`. */
-  list: string;
-}
-export type MenuClassKey = keyof MenuClasses;
-export declare function getMenuUtilityClass(slot: string): string;
-declare const menuClasses: MenuClasses;
-export default menuClasses;

package/modern/MenuItem/MenuItem.d.ts

@@ -1,69 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../styles/index.js";
-import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
-import { OverrideProps } from "../OverridableComponent/index.js";
-import { MenuItemClasses } from "./menuItemClasses.js";
-export interface MenuItemOwnProps {
-  /**
-   * If `true`, the list item is focused during the first mount.
-   * Focus will also be triggered if the value changes from false to true.
-   * @default false
-   */
-  autoFocus?: boolean;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<MenuItemClasses>;
-  /**
-   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
-   * The prop defaults to the value inherited from the parent Menu component.
-   * @default false
-   */
-  dense?: boolean;
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters?: boolean;
-  /**
-   * If `true`, a 1px light border is added to the bottom of the menu item.
-   * @default false
-   */
-  divider?: boolean;
-  /**
-   * If `true`, the component is selected.
-   * @default false
-   */
-  selected?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export type MenuItemTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'li'> = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & MenuItemOwnProps;
-  defaultComponent: RootComponent;
-}>;
-
-/**
- *
- * Demos:
- *
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
- *
- * API:
- *
- * - [MenuItem API](https://next.mui.com/material-ui/api/menu-item/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
- */
-declare const MenuItem: ExtendButtonBase<MenuItemTypeMap>;
-export type MenuItemProps<RootComponent extends React.ElementType = MenuItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<MenuItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default MenuItem;

package/modern/MenuItem/index.d.ts

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

package/modern/MenuItem/menuItemClasses.d.ts

@@ -1,20 +0,0 @@
-export interface MenuItemClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** State class applied to the root element if keyboard focused. */
-  focusVisible: string;
-  /** Styles applied to the root element if dense. */
-  dense: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** Styles applied to the root element if `divider={true}`. */
-  divider: string;
-  /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-  gutters: string;
-  /** State class applied to the root element if `selected={true}`. */
-  selected: string;
-}
-export type MenuItemClassKey = keyof MenuItemClasses;
-export declare function getMenuItemUtilityClass(slot: string): string;
-declare const menuItemClasses: MenuItemClasses;
-export default menuItemClasses;

package/modern/MenuList/MenuList.d.ts

@@ -1,62 +0,0 @@
-import * as React from 'react';
-import { ExtendList, ExtendListTypeMap } from "../List/index.js";
-import { OverrideProps } from "../OverridableComponent/index.js";
-export interface MenuListOwnProps {
-  /**
-   * If `true`, will focus the `[role="menu"]` container and move into tab order.
-   * @default false
-   */
-  autoFocus?: boolean;
-  /**
-   * If `true`, will focus the first menuitem if `variant="menu"` or selected item
-   * if `variant="selectedMenu"`.
-   * @default false
-   */
-  autoFocusItem?: boolean;
-  /**
-   * MenuList contents, normally `MenuItem`s.
-   */
-  children?: React.ReactNode;
-  /**
-   * If `true`, will allow focus on disabled items.
-   * @default false
-   */
-  disabledItemsFocusable?: boolean;
-  /**
-   * If `true`, the menu items will not wrap focus.
-   * @default false
-   */
-  disableListWrap?: boolean;
-  /**
-   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus
-   * and the vertical alignment relative to the anchor element.
-   * @default 'selectedMenu'
-   */
-  variant?: 'menu' | 'selectedMenu';
-}
-export type MenuListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'ul'> = ExtendListTypeMap<{
-  props: AdditionalProps & MenuListOwnProps;
-  defaultComponent: RootComponent;
-}>;
-export type MenuListClassKey = keyof NonNullable<MenuListTypeMap['props']['classes']>;
-
-/**
- * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/.
- * It's exposed to help customization of the [`Menu`](https://next.mui.com/material-ui/api/menu/) component if you
- * use it separately you need to move focus into the component manually. Once
- * the focus is placed inside the component it is fully keyboard accessible.
- *
- * Demos:
- *
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
- *
- * API:
- *
- * - [MenuList API](https://next.mui.com/material-ui/api/menu-list/)
- * - inherits [List API](https://next.mui.com/material-ui/api/list/)
- */
-declare const MenuList: ExtendList<MenuListTypeMap>;
-export type MenuListProps<RootComponent extends React.ElementType = MenuListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<MenuListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default MenuList;

package/modern/MenuList/index.d.ts

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

package/modern/MobileStepper/MobileStepper.d.ts

@@ -1,112 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
-import { PaperProps } from "../Paper/index.js";
-import { LinearProgressProps } from "../LinearProgress/index.js";
-import { MobileStepperClasses } from "./mobileStepperClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
-export interface MobileStepperSlots {
-  /**
-   * The component that renders the root slot.
-   * @default Paper
-   */
-  root: React.ElementType;
-  /**
-   * The component that renders the progress slot.
-   * @default LinearProgress
-   */
-  progress: React.ElementType;
-  /**
-   * The component that renders the dots slot.
-   * @default 'div'
-   */
-  dots: React.ElementType;
-  /**
-   * The component that renders the dot slot.
-   * @default 'div'
-   */
-  dot: React.ElementType;
-}
-export interface MobileStepperRootSlotPropsOverrides {}
-export interface MobileStepperProgressSlotPropsOverrides {}
-export interface MobileStepperDotsSlotPropsOverrides {}
-export interface MobileStepperDotSlotPropsOverrides {}
-export type MobileStepperSlotsAndSlotProps = CreateSlotsAndSlotProps<MobileStepperSlots, {
-  /**
-   * Props forwarded to the root slot.
-   * By default, the avaible props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
-   */
-  root: SlotProps<React.ElementType<PaperProps>, MobileStepperRootSlotPropsOverrides, MobileStepperOwnerState>;
-  /**
-   * Props forwarded to the progress slot.
-   * By default, the avaible props are based on the [LinearProgress](https://mui.com/material-ui/api/linear-progress/#props) component.
-   */
-  progress: SlotProps<React.ElementType<LinearProgressProps>, MobileStepperProgressSlotPropsOverrides, MobileStepperOwnerState>;
-  /**
-   * Props forwarded to the dots slot.
-   * By default, the avaible props are based on the div element.
-   */
-  dots: SlotProps<'div', MobileStepperDotsSlotPropsOverrides, MobileStepperOwnerState>;
-  /**
-   * Props forwarded to the dot slot.
-   * By default, the avaible props are based on the div element.
-   */
-  dot: SlotProps<'div', MobileStepperDotSlotPropsOverrides, MobileStepperOwnerState>;
-}>;
-export interface MobileStepperProps extends StandardProps<PaperProps, 'children' | 'variant'>, MobileStepperSlotsAndSlotProps {
-  /**
-   * Set the active step (zero based index).
-   * Defines which dot is highlighted when the variant is 'dots'.
-   * @default 0
-   */
-  activeStep?: number;
-  /**
-   * A back button element. For instance, it can be a `Button` or an `IconButton`.
-   */
-  backButton: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<MobileStepperClasses>;
-  /**
-   * Props applied to the `LinearProgress` element.
-   * @deprecated Use `slotProps.progress` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  LinearProgressProps?: Partial<LinearProgressProps>;
-  /**
-   * A next button element. For instance, it can be a `Button` or an `IconButton`.
-   */
-  nextButton: React.ReactNode;
-  /**
-   * Set the positioning type.
-   * @default 'bottom'
-   */
-  position?: 'bottom' | 'top' | 'static';
-  /**
-   * The total steps.
-   */
-  steps: number;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The variant to use.
-   * @default 'dots'
-   */
-  variant?: 'text' | 'dots' | 'progress';
-}
-export interface MobileStepperOwnerState extends Omit<MobileStepperProps, 'slots' | 'slotProps'> {}
-
-/**
- *
- * Demos:
- *
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
- *
- * API:
- *
- * - [MobileStepper API](https://next.mui.com/material-ui/api/mobile-stepper/)
- * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
- */
-export default function MobileStepper(props: MobileStepperProps): React.JSX.Element;

package/modern/MobileStepper/index.d.ts

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

package/modern/MobileStepper/mobileStepperClasses.d.ts

@@ -1,22 +0,0 @@
-export interface MobileStepperClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `position="bottom"`. */
-  positionBottom: string;
-  /** Styles applied to the root element if `position="top"`. */
-  positionTop: string;
-  /** Styles applied to the root element if `position="static"`. */
-  positionStatic: string;
-  /** Styles applied to the dots container if `variant="dots"`. */
-  dots: string;
-  /** Styles applied to each dot if `variant="dots"`. */
-  dot: string;
-  /** Styles applied to a dot if `variant="dots"` and this is the active step. */
-  dotActive: string;
-  /** Styles applied to the Linear Progress component if `variant="progress"`. */
-  progress: string;
-}
-export type MobileStepperClassKey = keyof MobileStepperClasses;
-export declare function getMobileStepperUtilityClass(slot: string): string;
-declare const mobileStepperClasses: MobileStepperClasses;
-export default mobileStepperClasses;