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

package/modern/Tabs/Tabs.d.ts

@@ -0,0 +1,272 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { Theme } from "../styles/index.js";
+import TabScrollButton, { TabScrollButtonProps } from "../TabScrollButton/index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { TabsClasses } from "./tabsClasses.js";
+import SvgIcon from "../SvgIcon/index.js";
+export interface TabsPropsIndicatorColorOverrides {}
+export interface TabsRootSlotPropsOverrides {}
+export interface TabsScrollerSlotPropsOverrides {}
+export interface TabsListSlotPropsOverrides {}
+export interface TabsScrollbarSlotPropsOverrides {}
+export interface TabsIndicatorSlotPropsOverrides {}
+export interface TabsScrollButtonsSlotPropsOverrides {}
+export interface TabsStartScrollButtonIconSlotPropsOverrides {}
+export interface TabsEndScrollButtonIconSlotPropsOverrides {}
+export interface TabsSlots {
+  /**
+   * The component used for the popper.
+   * @default div
+   */
+  root: React.ElementType;
+  /**
+   * The component used for the scroller.
+   * @default div
+   */
+  scroller: React.ElementType;
+  /**
+   * The component used for the flex container.
+   * @default div
+   */
+  list: React.ElementType;
+  /**
+   * The component used for the scroller.
+   * @default ScrollbarSize
+   */
+  scrollbar: React.ElementType;
+  /**
+   * The component used for the tab indicator.
+   * @default span
+   */
+  indicator: React.ElementType;
+  /**
+   * The component used for the scroll button.
+   * @default TabScrollButton
+   */
+  scrollButtons: React.ElementType;
+  /**
+   * The component used for the start scroll button icon.
+   * @default KeyboardArrowLeft
+   */
+  startScrollButtonIcon: React.ElementType;
+  /**
+   * The component used for the end scroll button icon.
+   * @default KeyboardArrowRight
+   */
+  endScrollButtonIcon: React.ElementType;
+}
+export type TabsSlotsAndSlotProps = CreateSlotsAndSlotProps<TabsSlots, {
+  /**
+   * Props forwarded to the root slot.
+   * By default, the avaible props are based on the div element.
+   */
+  root: SlotProps<'div', TabsRootSlotPropsOverrides, TabsOwnerState>;
+  /**
+   * Props forwarded to the scroller slot.
+   * By default, the avaible props are based on the div element.
+   */
+  scroller: SlotProps<'div', TabsScrollerSlotPropsOverrides, TabsOwnerState>;
+  /**
+   * Props forwarded to the list slot.
+   * By default, the avaible props are based on the div element.
+   */
+  list: SlotProps<'div', TabsListSlotPropsOverrides, TabsOwnerState>;
+  /**
+   * Props forwarded to the scrollbar slot.
+   * By default, the avaible props are based on the div element.
+   */
+  scrollbar: SlotProps<'div', {
+    onChange?: (scrollbarWidth: undefined | number) => void;
+  } & TabsScrollbarSlotPropsOverrides, TabsOwnerState>;
+  /**
+   * Props forwarded to the indicator slot.
+   * By default, the avaible props are based on the span element.
+   */
+  indicator: SlotProps<'span', TabsIndicatorSlotPropsOverrides, TabsOwnerState>;
+  /**
+   * Props forwarded to the scrollButton slot.
+   * By default, the avaible props are based on the [TabScrollButton](https://mui.com/material-ui/api/tab-scroll-button/#props) component.
+   */
+  scrollButtons: SlotProps<typeof TabScrollButton, TabsScrollButtonsSlotPropsOverrides, TabsOwnerState>;
+  /**
+   * Props forwarded to the startScrollButtonIcon slot.
+   * By default, the avaible props are based on the [SvgIcon](https://mui.com/material-ui/api/svg-icon/#props) component.
+   */
+  startScrollButtonIcon: SlotProps<typeof SvgIcon, TabsStartScrollButtonIconSlotPropsOverrides, TabsOwnerState>;
+  /**
+   * Props forwarded to the endScrollButtonIcon slot.
+   * By default, the avaible props are based on the [SvgIcon](https://mui.com/material-ui/api/svg-icon/#props) component.
+   */
+  endScrollButtonIcon: SlotProps<typeof SvgIcon, TabsEndScrollButtonIconSlotPropsOverrides, TabsOwnerState>;
+}> & {
+  slots?: {
+    /**
+     * @deprecated Use `slots.startScrollButtonIcon` instead.
+     */
+    StartScrollButtonIcon?: React.ElementType;
+    /**
+     * @deprecated Use `slots.endScrollButtonIcon` instead.
+     */
+    EndScrollButtonIcon?: React.ElementType;
+  };
+};
+export interface TabsOwnerState extends Omit<TabsProps, 'slots' | 'slotProps'> {
+  vertical: boolean;
+  fixed: boolean;
+  hideScrollbar: boolean;
+  scrollableX: boolean;
+  scrollableY: boolean;
+  centered: boolean;
+  scrollButtonsHideMobile: boolean;
+}
+export interface TabsOwnProps extends TabsSlotsAndSlotProps {
+  /**
+   * Callback fired when the component mounts.
+   * This is useful when you want to trigger an action programmatically.
+   * It supports two actions: `updateIndicator()` and `updateScrollButtons()`
+   *
+   * @param {object} actions This object contains all possible actions
+   * that can be triggered programmatically.
+   */
+  action?: React.Ref<TabsActions>;
+  /**
+   * If `true`, the scroll buttons aren't forced hidden on mobile.
+   * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
+   * @default false
+   */
+  allowScrollButtonsMobile?: boolean;
+  /**
+   * The label for the Tabs as a string.
+   */
+  'aria-label'?: string;
+  /**
+   * An id or list of ids separated by a space that label the Tabs.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * If `true`, the tabs are centered.
+   * This prop is intended for large views.
+   * @default false
+   */
+  centered?: boolean;
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TabsClasses>;
+  /**
+   * Determines the color of the indicator.
+   * @default 'primary'
+   */
+  indicatorColor?: OverridableStringUnion<'secondary' | 'primary', TabsPropsIndicatorColorOverrides>;
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {any} value We default to the index of the child (number)
+   */
+  onChange?: (event: React.SyntheticEvent, value: any) => void;
+  /**
+   * The component orientation (layout flow direction).
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * The component used to render the scroll buttons.
+   * @deprecated use the `slots.scrollButtons` 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 TabScrollButton
+   */
+  ScrollButtonComponent?: React.ElementType;
+  /**
+   * Determine behavior of scroll buttons when tabs are set to scroll:
+   *
+   * - `auto` will only present them when not all the items are visible.
+   * - `true` will always present them.
+   * - `false` will never present them.
+   *
+   * By default the scroll buttons are hidden on mobile.
+   * This behavior can be disabled with `allowScrollButtonsMobile`.
+   * @default 'auto'
+   */
+  scrollButtons?: 'auto' | true | false;
+  /**
+   * If `true` the selected tab changes on focus. Otherwise it only
+   * changes on activation.
+   */
+  selectionFollowsFocus?: boolean;
+  /**
+   * Props applied to the tab indicator element.
+   * @deprecated use the `slotProps.indicator` 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  {}
+   */
+  TabIndicatorProps?: React.HTMLAttributes<HTMLDivElement> & {
+    sx?: SxProps<Theme>;
+  };
+  /**
+   * Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
+   * @deprecated use the `slotProps.scrollButtons` 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 {}
+   */
+  TabScrollButtonProps?: Partial<TabScrollButtonProps>;
+  /**
+   * Determines the color of the `Tab`.
+   * @default 'primary'
+   */
+  textColor?: 'secondary' | 'primary' | 'inherit';
+  /**
+   * The value of the currently selected `Tab`.
+   * If you don't want any selected `Tab`, you can set this prop to `false`.
+   */
+  value?: any;
+  /**
+   *  Determines additional display behavior of the tabs:
+   *
+   *  - `scrollable` will invoke scrolling properties and allow for horizontally
+   *  scrolling (or swiping) of the tab bar.
+   *  - `fullWidth` will make the tabs grow to use all the available space,
+   *  which should be used for small views, like on mobile.
+   *  - `standard` will render the default state.
+   * @default 'standard'
+   */
+  variant?: 'standard' | 'scrollable' | 'fullWidth';
+  /**
+   * If `true`, the scrollbar is visible. It can be useful when displaying
+   * a long vertical list of tabs.
+   * @default false
+   */
+  visibleScrollbar?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface TabsTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & TabsOwnProps;
+  defaultComponent: RootComponent;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ *
+ * API:
+ *
+ * - [Tabs API](https://next.mui.com/material-ui/api/tabs/)
+ */
+declare const Tabs: OverridableComponent<TabsTypeMap>;
+export interface TabsActions {
+  updateIndicator(): void;
+  updateScrollButtons(): void;
+}
+export type TabsProps<RootComponent extends React.ElementType = TabsTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TabsTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default Tabs;

package/modern/Tabs/index.d.ts

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

package/modern/Tabs/tabsClasses.d.ts

@@ -0,0 +1,36 @@
+export interface TabsClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `orientation="vertical"`. */
+  vertical: string;
+  /** Styles applied to the flex container element. */
+  /** @deprecated use `list` instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details. */
+  flexContainer: string;
+  /** Styles applied to the flex container element if `orientation="vertical"`. */
+  /** @deprecated use a combination of `list` and `vertical` instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details. */
+  flexContainerVertical: string;
+  /** Styles applied to the list element. */
+  list: string;
+  /** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
+  centered: string;
+  /** Styles applied to the tablist element. */
+  scroller: string;
+  /** Styles applied to the tablist element if `!variant="scrollable"`. */
+  fixed: string;
+  /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
+  scrollableX: string;
+  /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
+  scrollableY: string;
+  /** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
+  hideScrollbar: string;
+  /** Styles applied to the ScrollButtonComponent component. */
+  scrollButtons: string;
+  /** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
+  scrollButtonsHideMobile: string;
+  /** Styles applied to the TabIndicator component. */
+  indicator: string;
+}
+export type TabsClassKey = keyof TabsClasses;
+export declare function getTabsUtilityClass(slot: string): string;
+declare const tabsClasses: TabsClasses;
+export default tabsClasses;

package/modern/TextField/TextField.d.ts

@@ -0,0 +1,312 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { InternalStandardProps as StandardProps } from "../index.js";
+import { FormControlProps } from "../FormControl/index.js";
+import { FormHelperTextProps } from "../FormHelperText/index.js";
+import { InputBaseProps } from "../InputBase/index.js";
+import { InputProps as StandardInputProps } from "../Input/index.js";
+import { FilledInputProps } from "../FilledInput/index.js";
+import { OutlinedInputProps } from "../OutlinedInput/index.js";
+import { InputLabelProps } from "../InputLabel/index.js";
+import { SelectProps } from "../Select/index.js";
+import { Theme } from "../styles/index.js";
+import { TextFieldClasses } from "./textFieldClasses.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+export interface TextFieldPropsColorOverrides {}
+export interface TextFieldPropsSizeOverrides {}
+export interface TextFieldSlots {
+  /**
+   * The component that renders the input.
+   * @default OutlinedInput
+   */
+  input: React.ElementType;
+  /**
+   * The component that renders the input's label.
+   * @default InputLabel
+   */
+  inputLabel: React.ElementType;
+  /**
+   * The html input element.
+   * @default 'input'
+   */
+  htmlInput: React.ElementType;
+  /**
+   * The component that renders the helper text.
+   * @default FormHelperText
+   */
+  formHelperText: React.ElementType;
+  /**
+   * The component that renders the select.
+   * @default Select
+   */
+  select: React.ElementType;
+}
+export type TextFieldSlotsAndSlotProps<InputPropsType> = CreateSlotsAndSlotProps<TextFieldSlots, {
+  input: SlotProps<React.ElementType<InputPropsType>, {}, TextFieldOwnerState>;
+  inputLabel: SlotProps<React.ElementType<InputLabelProps>, {}, TextFieldOwnerState>;
+  htmlInput: SlotProps<React.ElementType<InputBaseProps['inputProps']>, {}, TextFieldOwnerState>;
+  formHelperText: SlotProps<React.ElementType<FormHelperTextProps>, {}, TextFieldOwnerState>;
+  select: SlotProps<React.ElementType<SelectProps>, {}, TextFieldOwnerState>;
+}>;
+export interface BaseTextFieldProps extends StandardProps<FormControlProps,
+// event handlers are declared on derived interfaces
+'onChange' | 'onBlur' | 'onFocus' | 'defaultValue'> {
+  /**
+   * This prop helps users to fill forms faster, especially on mobile devices.
+   * The name can be confusing, as it's more like an autofill.
+   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+   */
+  autoComplete?: string;
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   * @default false
+   */
+  autoFocus?: boolean;
+  /**
+   * @ignore
+   */
+  children?: FormControlProps['children'];
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TextFieldClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', TextFieldPropsColorOverrides>;
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue?: unknown;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the label is displayed in an error state.
+   * @default false
+   */
+  error?: boolean;
+  /**
+   * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
+   * @deprecated Use `slotProps.formHelperText` 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.
+   */
+  FormHelperTextProps?: Partial<FormHelperTextProps>;
+  /**
+   * If `true`, the input will take up the full width of its container.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * The helper text content.
+   */
+  helperText?: React.ReactNode;
+  /**
+   * The id of the `input` element.
+   * Use this prop to make `label` and `helperText` accessible for screen readers.
+   */
+  id?: string;
+  /**
+   * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
+   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
+   * @deprecated Use `slotProps.inputLabel` 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.
+   */
+  InputLabelProps?: Partial<InputLabelProps>;
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * @deprecated Use `slotProps.htmlInput` 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.
+   */
+  inputProps?: InputBaseProps['inputProps'];
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef?: React.Ref<any>;
+  /**
+   * The label content.
+   */
+  label?: React.ReactNode;
+  /**
+   * If `true`, a `textarea` element is rendered instead of an input.
+   * @default false
+   */
+  multiline?: boolean;
+  /**
+   * Name attribute of the `input` element.
+   */
+  name?: string;
+  onBlur?: InputBaseProps['onBlur'];
+  onFocus?: StandardInputProps['onFocus'];
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder?: string;
+  /**
+   * If `true`, the label is displayed as required and the `input` element is required.
+   * @default false
+   */
+  required?: boolean;
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows?: string | number;
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows?: string | number;
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows?: string | number;
+  /**
+   * Render a [`Select`](https://mui.com/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
+   * If this option is set you must pass the options of the select as children.
+   * @default false
+   */
+  select?: boolean;
+  /**
+   * Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
+   * @deprecated Use `slotProps.select` 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.
+   */
+  SelectProps?: Partial<SelectProps>;
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium', TextFieldPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   */
+  type?: React.InputHTMLAttributes<unknown>['type'];
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value?: unknown;
+}
+export interface StandardTextFieldProps extends BaseTextFieldProps, TextFieldSlotsAndSlotProps<StandardInputProps> {
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange?: StandardInputProps['onChange'];
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant?: 'standard';
+  /**
+   * Props applied to the Input element.
+   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
+   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
+   * component depending on the `variant` prop value.
+   * @deprecated Use `slotProps.input` 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.
+   */
+  InputProps?: Partial<StandardInputProps>;
+}
+export interface FilledTextFieldProps extends BaseTextFieldProps, TextFieldSlotsAndSlotProps<FilledInputProps> {
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange?: FilledInputProps['onChange'];
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant: 'filled';
+  /**
+   * Props applied to the Input element.
+   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
+   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
+   * component depending on the `variant` prop value.
+   * @deprecated Use `slotProps.input` 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.
+   */
+  InputProps?: Partial<FilledInputProps>;
+}
+export interface OutlinedTextFieldProps extends BaseTextFieldProps, TextFieldSlotsAndSlotProps<OutlinedInputProps> {
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange?: OutlinedInputProps['onChange'];
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant: 'outlined';
+  /**
+   * Props applied to the Input element.
+   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
+   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
+   * component depending on the `variant` prop value.
+   * @deprecated Use `slotProps.input` 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.
+   */
+  InputProps?: Partial<OutlinedInputProps>;
+}
+export type TextFieldVariants = 'outlined' | 'standard' | 'filled';
+export type TextFieldProps<Variant extends TextFieldVariants = TextFieldVariants> = Variant extends 'filled' ? FilledTextFieldProps : Variant extends 'standard' ? StandardTextFieldProps : OutlinedTextFieldProps;
+export type TextFieldOwnerState = BaseTextFieldProps;
+
+/**
+ * The `TextField` is a convenience wrapper for the most common cases (80%).
+ * It cannot be all things to all people, otherwise the API would grow out of control.
+ *
+ * ## Advanced Configuration
+ *
+ * It's important to understand that the text field is a simple abstraction
+ * on top of the following components:
+ *
+ * * [FormControl](https://next.mui.com/material-ui/api/form-control/)
+ * * [InputLabel](https://next.mui.com/material-ui/api/input-label/)
+ * * [FilledInput](https://next.mui.com/material-ui/api/filled-input/)
+ * * [OutlinedInput](https://next.mui.com/material-ui/api/outlined-input/)
+ * * [Input](https://next.mui.com/material-ui/api/input/)
+ * * [FormHelperText](https://next.mui.com/material-ui/api/form-helper-text/)
+ *
+ * If you wish to alter the props applied to the `input` element, you can do so as follows:
+ *
+ * ```jsx
+ * const inputProps = {
+ *   step: 300,
+ * };
+ *
+ * return <TextField id="time" type="time" inputProps={inputProps} />;
+ * ```
+ *
+ * For advanced cases, please look at the source of TextField by clicking on the
+ * "Edit this page" button above. Consider either:
+ *
+ * * using the upper case props for passing values directly to the components
+ * * using the underlying components directly as shown in the demos
+ *
+ * Demos:
+ *
+ * - [Autocomplete](https://next.mui.com/material-ui/react-autocomplete/)
+ * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
+ *
+ * API:
+ *
+ * - [TextField API](https://next.mui.com/material-ui/api/text-field/)
+ * - inherits [FormControl API](https://next.mui.com/material-ui/api/form-control/)
+ */
+export default function TextField<Variant extends TextFieldVariants>(props: {
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant?: Variant;
+} & Omit<TextFieldProps, 'variant'>): React.JSX.Element;

package/modern/TextField/index.d.ts

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

package/modern/TextField/textFieldClasses.d.ts

@@ -0,0 +1,8 @@
+export interface TextFieldClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+export type TextFieldClassKey = keyof TextFieldClasses;
+export declare function getTextFieldUtilityClass(slot: string): string;
+declare const textFieldClasses: TextFieldClasses;
+export default textFieldClasses;

package/modern/TextareaAutosize/TextareaAutosize.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { TextareaAutosizeProps } from "./TextareaAutosize.types.js";
+/**
+ *
+ * Demos:
+ *
+ * - [Textarea Autosize](https://next.mui.com/material-ui/react-textarea-autosize/)
+ *
+ * API:
+ *
+ * - [TextareaAutosize API](https://next.mui.com/material-ui/api/textarea-autosize/)
+ */
+declare const TextareaAutosize: React.ForwardRefExoticComponent<TextareaAutosizeProps & React.RefAttributes<Element>>;
+export default TextareaAutosize;

package/modern/TextareaAutosize/TextareaAutosize.types.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface TextareaAutosizeProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'> {
+  ref?: React.Ref<HTMLTextAreaElement>;
+  /**
+   * Maximum number of rows to display.
+   */
+  maxRows?: string | number;
+  /**
+   * Minimum number of rows to display.
+   * @default 1
+   */
+  minRows?: string | number;
+}

package/modern/TextareaAutosize/index.d.ts

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