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

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;

package/modern/Modal/Modal.d.ts

@@ -1,226 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverrideProps } from '@mui/types';
-import { SlotComponentProps } from "../utils/types.js";
-import { PortalProps } from "../Portal/index.js";
-import { Theme } from "../styles/index.js";
-import Backdrop, { BackdropProps } from "../Backdrop/index.js";
-import { OverridableComponent } from "../OverridableComponent/index.js";
-import { ModalClasses } from "./modalClasses.js";
-export interface ModalComponentsPropsOverrides {}
-export interface ModalOwnerState extends ModalProps {
-  exited: boolean;
-}
-export interface ModalSlots {
-  /**
-   * The component that renders the root.
-   * @default 'div'
-   */
-  root?: React.ElementType;
-  /**
-   * The component that renders the backdrop.
-   */
-  backdrop?: React.ElementType;
-}
-export interface ModalOwnProps {
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent?: React.ElementType<BackdropProps>;
-  /**
-   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` instead.
-   */
-  BackdropProps?: Partial<BackdropProps>;
-  /**
-   * A single child content element.
-   */
-  children: React.ReactElement<unknown>;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ModalClasses>;
-  /**
-   * @ignore
-   */
-  className?: string;
-  /**
-   * When set to true the Modal waits until a nested Transition is completed before closing.
-   * @default false
-   */
-  closeAfterTransition?: boolean;
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components?: {
-    Root?: React.ElementType;
-    Backdrop?: React.ElementType;
-  };
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps?: {
-    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
-    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState>;
-  };
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container?: PortalProps['container'];
-  /**
-   * If `true`, the modal will not automatically shift focus to itself when it opens, and
-   * replace it to the last focused element when it closes.
-   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus?: boolean;
-  /**
-   * If `true`, the modal will not prevent focus from leaving the modal while open.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus?: boolean;
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown?: boolean;
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal?: PortalProps['disablePortal'];
-  /**
-   * If `true`, the modal will not restore focus to previously focused element once
-   * modal is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus?: boolean;
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock?: boolean;
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop?: boolean;
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Modal.
-   * @default false
-   */
-  keepMounted?: boolean;
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick?: React.ReactEventHandler<{}>;
-  /**
-   * Callback fired when the component requests to be closed.
-   * The `reason` parameter can optionally be used to control the response to `onClose`.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose?: {
-    bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown'): void;
-  }['bivarianceHack'];
-  /**
-   * A function called when a transition enters.
-   */
-  onTransitionEnter?: () => void;
-  /**
-   * A function called when a transition has exited.
-   */
-  onTransitionExited?: () => void;
-  /**
-   * If `true`, the component is shown.
-   */
-  open: boolean;
-  /**
-   * The components used for each slot inside the Modal.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots?: ModalSlots;
-  /**
-   * The props used for each slot inside the Modal.
-   * @default {}
-   */
-  slotProps?: {
-    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
-    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState>;
-  };
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface ModalTypeMap<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> {
-  props: AdditionalProps & ModalOwnProps;
-  defaultComponent: RootComponent;
-}
-type ModalRootProps = NonNullable<ModalTypeMap['props']['slotProps']>['root'];
-export declare const ModalRoot: React.FC<ModalRootProps>;
-
-/**
- * Modal is a lower-level construct that is leveraged by the following components:
- *
- * * [Dialog](https://next.mui.com/material-ui/api/dialog/)
- * * [Drawer](https://next.mui.com/material-ui/api/drawer/)
- * * [Menu](https://next.mui.com/material-ui/api/menu/)
- * * [Popover](https://next.mui.com/material-ui/api/popover/)
- *
- * If you are creating a modal dialog, you probably want to use the [Dialog](https://next.mui.com/material-ui/api/dialog/) component
- * rather than directly using Modal.
- *
- * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
- *
- * Demos:
- *
- * - [Modal](https://next.mui.com/material-ui/react-modal/)
- *
- * API:
- *
- * - [Modal API](https://next.mui.com/material-ui/api/modal/)
- */
-declare const Modal: OverridableComponent<ModalTypeMap>;
-export type ModalProps<RootComponent extends React.ElementType = ModalTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ModalTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Modal;

package/modern/Modal/ModalManager.d.ts

@@ -1,25 +0,0 @@
-export interface ManagedModalProps {
-  disableScrollLock?: boolean;
-}
-export declare function ariaHidden(element: Element, hide: boolean): void;
-interface Modal {
-  mount: Element;
-  modalRef: Element;
-}
-/**
- * @ignore - do not document.
- *
- * Proper state management for containers and the modals in those containers.
- * Simplified, but inspired by react-overlay's ModalManager class.
- * Used by the Modal to ensure proper styling of containers.
- */
-export declare class ModalManager {
-  private containers;
-  private modals;
-  constructor();
-  add(modal: Modal, container: HTMLElement): number;
-  mount(modal: Modal, props: ManagedModalProps): void;
-  remove(modal: Modal, ariaHiddenState?: boolean): number;
-  isTopModal(modal: Modal): boolean;
-}
-export {};

package/modern/Modal/index.d.ts

@@ -1,5 +0,0 @@
-export { ModalManager } from "./ModalManager.js";
-export { default } from "./Modal.js";
-export * from "./Modal.js";
-export { default as modalClasses } from "./modalClasses.js";
-export * from "./modalClasses.js";

package/modern/Modal/modalClasses.d.ts

@@ -1,12 +0,0 @@
-export interface ModalClasses {
-  /** Class name applied to the root element. */
-  root: string;
-  /** Class name applied to the root element if the `Modal` has exited. */
-  hidden: string;
-  /** Class name applied to the backdrop element. */
-  backdrop: string;
-}
-export type ModalClassKey = keyof ModalClasses;
-export declare function getModalUtilityClass(slot: string): string;
-declare const modalClasses: ModalClasses;
-export default modalClasses;

package/modern/Modal/useModal.d.ts

@@ -1,13 +0,0 @@
-import { UseModalParameters, UseModalReturnValue } from "./useModal.types.js";
-/**
- *
- * Demos:
- *
- * - [Modal](https://mui.com/base-ui/react-modal/#hook)
- *
- * API:
- *
- * - [useModal API](https://mui.com/base-ui/react-modal/hooks-api/#use-modal)
- */
-declare function useModal(parameters: UseModalParameters): UseModalReturnValue;
-export default useModal;

package/modern/Modal/useModal.types.d.ts

@@ -1,118 +0,0 @@
-import { PortalProps } from "../Portal/index.js";
-import { EventHandlers } from "../utils/types.js";
-export interface UseModalRootSlotOwnProps {
-  role: React.AriaRole;
-  onKeyDown: React.KeyboardEventHandler;
-  ref: React.RefCallback<Element> | null;
-}
-export interface UseModalBackdropSlotOwnProps {
-  'aria-hidden': React.AriaAttributes['aria-hidden'];
-  onClick: React.MouseEventHandler;
-  open?: boolean;
-}
-export type UseModalBackdropSlotProps<TOther = {}> = TOther & UseModalBackdropSlotOwnProps;
-export type UseModalRootSlotProps<TOther = {}> = TOther & UseModalRootSlotOwnProps;
-export type UseModalParameters = {
-  'aria-hidden'?: React.AriaAttributes['aria-hidden'];
-  /**
-   * A single child content element.
-   */
-  children: React.ReactElement<{
-    in?: boolean;
-    onEnter?: (this: unknown) => void;
-    onExited?: (this: unknown) => void;
-  }> | undefined | null;
-  /**
-   * When set to true the Modal waits until a nested Transition is completed before closing.
-   * @default false
-   */
-  closeAfterTransition?: boolean;
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container?: PortalProps['container'];
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown?: boolean;
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock?: boolean;
-  /**
-   * Callback fired when the component requests to be closed.
-   * The `reason` parameter can optionally be used to control the response to `onClose`.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose?: {
-    bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown'): void;
-  }['bivarianceHack'];
-  onKeyDown?: React.KeyboardEventHandler;
-  /**
-   * A function called when a transition enters.
-   */
-  onTransitionEnter?: () => void;
-  /**
-   * A function called when a transition has exited.
-   */
-  onTransitionExited?: () => void;
-  /**
-   * If `true`, the component is shown.
-   */
-  open: boolean;
-  rootRef: React.Ref<Element>;
-};
-export interface UseModalReturnValue {
-  /**
-   * Resolver for the root slot's props.
-   * @param externalProps props for the root slot
-   * @returns props that should be spread on the root slot
-   */
-  getRootProps: <TOther extends EventHandlers = {}>(externalProps?: TOther) => UseModalRootSlotProps<TOther>;
-  /**
-   * Resolver for the backdrop slot's props.
-   * @param externalProps props for the backdrop slot
-   * @returns props that should be spread on the backdrop slot
-   */
-  getBackdropProps: <TOther extends EventHandlers = {}>(externalProps?: TOther) => UseModalBackdropSlotProps<TOther>;
-  /**
-   * Resolver for the transition related props.
-   * @param externalProps props for the transition element
-   * @returns props that should be spread on the transition element
-   */
-  getTransitionProps: <TOther extends EventHandlers = {}>(externalProps?: TOther) => {
-    onEnter: () => void;
-    onExited: () => void;
-  };
-  /**
-   * A ref to the component's root DOM element.
-   */
-  rootRef: React.RefCallback<Element> | null;
-  /**
-   * A ref to the component's portal DOM element.
-   */
-  portalRef: React.RefCallback<Element> | null;
-  /**
-   * If `true`, the modal is the top most one.
-   */
-  isTopModal: () => boolean;
-  /**
-   * If `true`, the exiting transition finished (to be used for unmounting the component).
-   */
-  exited: boolean;
-  /**
-   * If `true`, the component's child is transition component.
-   */
-  hasTransition: boolean;
-}

package/modern/NativeSelect/NativeSelect.d.ts

@@ -1,68 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
-import { InputProps } from "../Input/index.js";
-import { NativeSelectInputProps } from "./NativeSelectInput.js";
-import { NativeSelectClasses } from "./nativeSelectClasses.js";
-export interface NativeSelectProps extends StandardProps<InputProps, 'inputProps' | 'value' | 'onChange'> {
-  /**
-   * The option elements to populate the select with.
-   * Can be some `<option>` elements.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   * @default {}
-   */
-  classes?: Partial<NativeSelectClasses>;
-  /**
-   * The icon that displays the arrow.
-   * @default ArrowDropDownIcon
-   */
-  IconComponent?: React.ElementType;
-  /**
-   * An `Input` element; does not have to be a material-ui specific `Input`.
-   * @default <Input />
-   */
-  input?: React.ReactElement<unknown, any>;
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes) applied to the `select` element.
-   */
-  inputProps?: Partial<NativeSelectInputProps>;
-  /**
-   * Callback fired when a menu item is selected.
-   *
-   * @param {React.ChangeEvent<HTMLSelectElement>} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange?: NativeSelectInputProps['onChange'];
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The `input` value. The DOM API casts this to a string.
-   */
-  value?: unknown;
-  /**
-   * The variant to use.
-   */
-  variant?: 'standard' | 'outlined' | 'filled';
-}
-
-/**
- * An alternative to `<Select native />` with a much smaller bundle size footprint.
- *
- * Demos:
- *
- * - [Select](https://next.mui.com/material-ui/react-select/)
- *
- * API:
- *
- * - [NativeSelect API](https://next.mui.com/material-ui/api/native-select/)
- * - inherits [Input API](https://next.mui.com/material-ui/api/input/)
- */
-declare const NativeSelect: ((props: NativeSelectProps) => React.JSX.Element) & {
-  muiName: string;
-};
-export default NativeSelect;