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

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;

package/modern/NativeSelect/NativeSelectInput.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-export interface NativeSelectInputProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
-  disabled?: boolean;
-  IconComponent: React.ElementType;
-  inputRef?: React.Ref<HTMLSelectElement>;
-  variant?: 'standard' | 'outlined' | 'filled';
-  error?: boolean;
-  sx?: SxProps<Theme>;
-}
-declare const NativeSelectInput: React.JSXElementConstructor<NativeSelectInputProps>;
-export default NativeSelectInput;

package/modern/NativeSelect/index.d.ts

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

package/modern/NativeSelect/nativeSelectClasses.d.ts

@@ -1,34 +0,0 @@
-export interface NativeSelectClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the select component `select` class. */
-  select: string;
-  /** Styles applied to the select component if `multiple={true}`. */
-  multiple: string;
-  /** Styles applied to the select component if `variant="filled"`. */
-  filled: string;
-  /** Styles applied to the select component if `variant="outlined"`. */
-  outlined: string;
-  /** Styles applied to the select component if `variant="standard"`. */
-  standard: string;
-  /** State class applied to the select component `disabled` class. */
-  disabled: string;
-  /** Styles applied to the icon component. */
-  icon: string;
-  /** Styles applied to the icon component if the popup is open. */
-  iconOpen: string;
-  /** Styles applied to the icon component if `variant="filled"`. */
-  iconFilled: string;
-  /** Styles applied to the icon component if `variant="outlined"`. */
-  iconOutlined: string;
-  /** Styles applied to the icon component if `variant="standard"`. */
-  iconStandard: string;
-  /** Styles applied to the underlying native input component. */
-  nativeInput: string;
-  /** State class applied to the select component `error` class. */
-  error: string;
-}
-export type NativeSelectClassKey = keyof NativeSelectClasses;
-export declare function getNativeSelectUtilityClasses(slot: string): string;
-declare const nativeSelectClasses: NativeSelectClasses;
-export default nativeSelectClasses;

package/modern/NoSsr/NoSsr.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { NoSsrProps } from "./NoSsr.types.js";
-/**
- * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
- *
- * This component can be useful in a variety of situations:
- *
- * * Escape hatch for broken dependencies not supporting SSR.
- * * Improve the time-to-first paint on the client by only rendering above the fold.
- * * Reduce the rendering time on the server.
- * * Under too heavy server load, you can turn on service degradation.
- *
- * Demos:
- *
- * - [No SSR](https://next.mui.com/material-ui/react-no-ssr/)
- *
- * API:
- *
- * - [NoSsr API](https://next.mui.com/material-ui/api/no-ssr/)
- */
-declare function NoSsr(props: NoSsrProps): React.JSX.Element;
-declare namespace NoSsr {
-  var propTypes: any;
-}
-export default NoSsr;

package/modern/NoSsr/NoSsr.types.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-export interface NoSsrProps {
-  /**
-   * You can wrap a node.
-   */
-  children?: React.ReactNode;
-  /**
-   * If `true`, the component will not only prevent server-side rendering.
-   * It will also defer the rendering of the children into a different screen frame.
-   * @default false
-   */
-  defer?: boolean;
-  /**
-   * The fallback content to display.
-   * @default null
-   */
-  fallback?: React.ReactNode;
-}

package/modern/NoSsr/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from "./NoSsr.js";
-export * from "./NoSsr.js";
-export * from "./NoSsr.types.js";

package/modern/OutlinedInput/NotchedOutline.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { InternalStandardProps as StandardProps } from "../index.js";
-export interface NotchedOutlineProps extends StandardProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>> {
-  disabled?: boolean;
-  error?: boolean;
-  focused?: boolean;
-  label?: React.ReactNode;
-  notched: boolean;
-}
-export type NotchedOutlineClassKey = keyof NonNullable<NotchedOutlineProps['classes']>;
-declare const NotchedOutline: React.JSXElementConstructor<NotchedOutlineProps>;
-export default NotchedOutline;

package/modern/OutlinedInput/OutlinedInput.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
-import { InputBaseProps } from "../InputBase/index.js";
-import { OutlinedInputClasses } from "./outlinedInputClasses.js";
-export interface OutlinedInputProps extends StandardProps<InputBaseProps> {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<OutlinedInputClasses>;
-  /**
-   * The label of the `input`. It is only used for layout. The actual labelling
-   * is handled by `InputLabel`.
-   */
-  label?: React.ReactNode;
-  /**
-   * If `true`, the outline is notched to accommodate the label.
-   */
-  notched?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-
-/**
- *
- * Demos:
- *
- * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
- *
- * API:
- *
- * - [OutlinedInput API](https://next.mui.com/material-ui/api/outlined-input/)
- * - inherits [InputBase API](https://next.mui.com/material-ui/api/input-base/)
- */
-declare const OutlinedInput: ((props: OutlinedInputProps) => React.JSX.Element) & {
-  muiName: string;
-};
-export default OutlinedInput;

package/modern/OutlinedInput/index.d.ts

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

package/modern/OutlinedInput/outlinedInputClasses.d.ts

@@ -1,38 +0,0 @@
-export interface OutlinedInputClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if the color is secondary. */
-  colorSecondary: string;
-  /** Styles applied to the root element if the component is focused. */
-  focused: string;
-  /** Styles applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** Styles applied to the root element if `startAdornment` is provided. */
-  adornedStart: string;
-  /** Styles applied to the root element if `endAdornment` is provided. */
-  adornedEnd: string;
-  /** State class applied to the root element if `error={true}`. */
-  error: string;
-  /** Styles applied to the input element if `size="small"`. */
-  sizeSmall: string;
-  /** Styles applied to the root element if `multiline={true}`. */
-  multiline: string;
-  /** Styles applied to the NotchedOutline element. */
-  notchedOutline: string;
-  /** Styles applied to the input element. */
-  input: string;
-  /** Styles applied to the input element if `size="small"`. */
-  inputSizeSmall: string;
-  /** Styles applied to the input element if `multiline={true}`. */
-  inputMultiline: string;
-  /** Styles applied to the input element if `startAdornment` is provided. */
-  inputAdornedStart: string;
-  /** Styles applied to the input element if `endAdornment` is provided. */
-  inputAdornedEnd: string;
-  /** Styles applied to the input element if `type="search"`. */
-  inputTypeSearch: string;
-}
-export type OutlinedInputClassKey = keyof OutlinedInputClasses;
-export declare function getOutlinedInputUtilityClass(slot: string): string;
-declare const outlinedInputClasses: OutlinedInputClasses;
-export default outlinedInputClasses;