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

package/Popover/Popover.d.ts

@@ -0,0 +1,233 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { SlotComponentProps } from '@mui/utils';
+import { BackdropProps, InternalStandardProps as StandardProps } from "../index.js";
+import Paper, { PaperProps } from "../Paper/index.js";
+import Modal, { ModalProps } from "../Modal/index.js";
+import { Theme } from "../styles/index.js";
+import { TransitionProps } from "../transitions/transition.js";
+import { PopoverClasses } from "./popoverClasses.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+export interface PopoverSlots {
+  /**
+   * The component used for the root slot.
+   * @default Modal
+   */
+  root: React.ElementType;
+  /**
+   * The component used for the paper slot.
+   * @default Paper
+   */
+  paper: React.ElementType;
+  /**
+   * The component used for the transition slot.
+   * @default Grow
+   */
+  transition: React.ElementType;
+  /**
+   * The component used for the backdrop slot.
+   * @default Backdrop
+   */
+  backdrop: React.ElementType;
+}
+export interface PopoverRootSlotPropsOverrides {}
+export interface PopoverPaperSlotPropsOverrides {}
+export interface PopoverTransitionSlotPropsOverrides {}
+export interface PopoverBackdropSlotPropsOverrides {}
+export type PopoverSlotsAndSlotProps = CreateSlotsAndSlotProps<PopoverSlots, {
+  /**
+   * Props forwarded to the root slot.
+   * By default, the avaible props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
+   */
+  root: SlotProps<typeof Modal, PopoverRootSlotPropsOverrides, PopoverOwnerState>;
+  /**
+   * Props forwarded to the paper slot.
+   * By default, the avaible props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
+   */
+  paper: SlotProps<typeof Paper, PopoverPaperSlotPropsOverrides, PopoverOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
+   */
+  transition: SlotComponentProps<
+  // use SlotComponentProps because transition slot does not support `component` and `sx` prop
+  React.ElementType, TransitionProps & PopoverTransitionSlotPropsOverrides, PopoverOwnerState>;
+  /**
+   * Props forwarded to the backdrop slot.
+   * By default, the avaible props are based on the [Backdrop](https://mui.com/material-ui/api/backdrop/#props) component.
+   */
+  backdrop: SlotProps<React.ElementType<BackdropProps>, PopoverBackdropSlotPropsOverrides, PopoverOwnerState>;
+}>;
+export interface PopoverOrigin {
+  vertical: 'top' | 'center' | 'bottom' | number;
+  horizontal: 'left' | 'center' | 'right' | number;
+}
+export interface PopoverPosition {
+  top: number;
+  left: number;
+}
+export type PopoverReference = 'anchorEl' | 'anchorPosition' | 'none';
+interface PopoverVirtualElement {
+  getBoundingClientRect: () => DOMRect;
+  nodeType: Node['ELEMENT_NODE'];
+}
+export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | 'slotProps' | 'BackdropProps' | 'BackdropComponent'>, 'children'>, PopoverSlotsAndSlotProps {
+  /**
+   * A ref for imperative actions.
+   * It currently only supports updatePosition() action.
+   */
+  action?: React.Ref<PopoverActions>;
+  /**
+   * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),
+   * or a function that returns either.
+   * It's used to set the position of the popover.
+   */
+  anchorEl?: null | Element | (() => Element) | PopoverVirtualElement | (() => PopoverVirtualElement);
+  /**
+   * This is the point on the anchor where the popover's
+   * `anchorEl` will attach to. This is not used when the
+   * anchorReference is 'anchorPosition'.
+   *
+   * Options:
+   * vertical: [top, center, bottom];
+   * horizontal: [left, center, right].
+   * @default {
+   *   vertical: 'top',
+   *   horizontal: 'left',
+   * }
+   */
+  anchorOrigin?: PopoverOrigin;
+  /**
+   * This is the position that may be used to set the position of the popover.
+   * The coordinates are relative to the application's client area.
+   */
+  anchorPosition?: PopoverPosition;
+  /**
+   * This determines which anchor prop to refer to when setting
+   * the position of the popover.
+   * @default 'anchorEl'
+   */
+  anchorReference?: PopoverReference;
+  /**
+   * A backdrop component. This prop enables custom backdrop rendering.
+   * @deprecated Use `slots.backdrop` 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 styled(Backdrop, {
+   *   name: 'MuiModal',
+   *   slot: 'Backdrop',
+   *   overridesResolver: (props, styles) => {
+   *     return styles.backdrop;
+   *   },
+   * })({
+   *   zIndex: -1,
+   * })
+   */
+  BackdropComponent?: React.ElementType<BackdropProps>;
+  /**
+   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
+   * @deprecated Use `slotProps.backdrop` 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.
+   */
+  BackdropProps?: Partial<BackdropProps>;
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<PopoverClasses>;
+  /**
+   * An HTML element, component instance, or function that returns either.
+   * The `container` will passed to the Modal component.
+   *
+   * By default, it uses the body of the anchorEl's top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container?: ModalProps['container'];
+  /**
+   * The elevation of the popover.
+   * @default 8
+   */
+  elevation?: number;
+  /**
+   * Specifies how close to the edge of the window the popover can appear.
+   * If null, the popover will not be constrained by the window.
+   * @default 16
+   */
+  marginThreshold?: number | null;
+  onClose?: ModalProps['onClose'];
+  /**
+   * If `true`, the component is shown.
+   */
+  open: boolean;
+  /**
+   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
+   *
+   * This prop is an alias for `slotProps.paper` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.paper` instead.
+   *
+   * @default {}
+   */
+  PaperProps?: Partial<PaperProps<React.ElementType>>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * This is the point on the popover which
+   * will attach to the anchor's origin.
+   *
+   * Options:
+   * vertical: [top, center, bottom, x(px)];
+   * horizontal: [left, center, right, x(px)].
+   * @default {
+   *   vertical: 'top',
+   *   horizontal: 'left',
+   * }
+   */
+  transformOrigin?: PopoverOrigin;
+  /**
+   * The component used for the transition.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @deprecated use the `slots.transition` 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 Grow
+   */
+  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
+    children: React.ReactElement<unknown, any>;
+  }>;
+  /**
+   * Set to 'auto' to automatically calculate transition time based on height.
+   * @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.
+   * @deprecated use the `slotProps.transition` 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 {}
+   */
+  TransitionProps?: TransitionProps;
+}
+export interface PopoverOwnerState extends Omit<PopoverProps, 'slots' | 'slotProps'> {}
+export interface PopoverActions {
+  updatePosition(): void;
+}
+export function getOffsetTop(rect: DOMRect, vertical: number | 'center' | 'bottom' | 'top'): number;
+export function getOffsetLeft(rect: DOMRect, horizontal: number | 'center' | 'right' | 'left'): number;
+type PopoverRootProps = NonNullable<PopoverProps['slotProps']>['root'];
+type PopoverPaperProps = NonNullable<PopoverProps['slotProps']>['paper'];
+export declare const PopoverRoot: React.FC<PopoverRootProps>;
+export declare const PopoverPaper: React.FC<PopoverPaperProps>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [Popover](https://next.mui.com/material-ui/react-popover/)
+ *
+ * API:
+ *
+ * - [Popover API](https://next.mui.com/material-ui/api/popover/)
+ * - inherits [Modal API](https://next.mui.com/material-ui/api/modal/)
+ */
+export default function Popover(props: PopoverProps): React.JSX.Element;

package/Popover/index.d.ts

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

package/Popover/popoverClasses.d.ts

@@ -0,0 +1,10 @@
+export interface PopoverClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the Paper component. */
+  paper: string;
+}
+export type PopoverClassKey = keyof PopoverClasses;
+export declare function getPopoverUtilityClass(slot: string): string;
+declare const popoverClasses: PopoverClasses;
+export default popoverClasses;

package/Popper/BasePopper.d.ts

@@ -0,0 +1,7 @@
+import { PolymorphicComponent } from "../utils/PolymorphicComponent.js";
+import { PopperTypeMap } from "./BasePopper.types.js";
+/**
+ * @ignore - internal component.
+ */
+declare const Popper: PolymorphicComponent<PopperTypeMap>;
+export default Popper;

package/Popper/BasePopper.types.d.ts

@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { Instance, Options, OptionsGeneric, VirtualElement } from '@popperjs/core';
+import { PortalProps } from "../Portal/index.js";
+import { SlotComponentProps } from "../utils/types.js";
+import { PolymorphicProps } from "../utils/PolymorphicComponent.js";
+export type PopperPlacementType = Options['placement'];
+export interface PopperRootSlotPropsOverrides {}
+export interface PopperTransitionProps {
+  in: boolean;
+  onEnter: () => void;
+  onExited: () => void;
+}
+export interface PopperChildrenProps {
+  placement: PopperPlacementType;
+  TransitionProps?: PopperTransitionProps;
+}
+export interface PopperOwnProps {
+  /**
+   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
+   * or a function that returns either.
+   * It's used to set the position of the popper.
+   * The return value will passed as the reference object of the Popper instance.
+   */
+  anchorEl?: null | VirtualElement | HTMLElement | (() => HTMLElement) | (() => VirtualElement);
+  /**
+   * Popper render function or node.
+   */
+  children?: React.ReactNode | ((props: PopperChildrenProps) => React.ReactNode);
+  /**
+   * 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'];
+  /**
+   * Direction of the text.
+   * @default 'ltr'
+   */
+  direction?: 'ltr' | 'rtl';
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal?: PortalProps['disablePortal'];
+  /**
+   * 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 Popper.
+   * @default false
+   */
+  keepMounted?: boolean;
+  /**
+   * Popper.js is based on a "plugin-like" architecture,
+   * most of its features are fully encapsulated "modifiers".
+   *
+   * A modifier is a function that is called each time Popper.js needs to
+   * compute the position of the popper.
+   * For this reason, modifiers should be very performant to avoid bottlenecks.
+   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
+   */
+  modifiers?: Options['modifiers'];
+  /**
+   * If `true`, the component is shown.
+   */
+  open: boolean;
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement?: PopperPlacementType;
+  /**
+   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
+   * @default {}
+   */
+  popperOptions?: Partial<OptionsGeneric<any>>;
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef?: React.Ref<Instance>;
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  slotProps?: {
+    root?: SlotComponentProps<'div', PopperRootSlotPropsOverrides, PopperOwnerState>;
+  };
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots?: PopperSlots;
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition?: boolean;
+}
+export interface PopperSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+}
+export type PopperOwnerState = PopperOwnProps;
+export interface PopperTypeMap<AdditionalProps = {}, RootComponentType extends React.ElementType = 'div'> {
+  props: PopperOwnProps & AdditionalProps;
+  defaultComponent: RootComponentType;
+}
+export type PopperProps<RootComponentType extends React.ElementType = PopperTypeMap['defaultComponent']> = PolymorphicProps<PopperTypeMap<{}, RootComponentType>, RootComponentType>;
+export type PopperTooltipOwnProps = Omit<PopperOwnProps, 'container' | 'keepMounted' | 'transition'> & {
+  TransitionProps?: PopperTransitionProps;
+};
+export interface PopperTooltipTypeMap<AdditionalProps = {}, RootComponentType extends React.ElementType = 'div'> {
+  props: PopperTooltipOwnProps & AdditionalProps;
+  defaultComponent: RootComponentType;
+}
+export type PopperTooltipProps<RootComponentType extends React.ElementType = PopperTooltipTypeMap['defaultComponent']> = PolymorphicProps<PopperTooltipTypeMap<{}, RootComponentType>, RootComponentType>;
+export interface PopperRootSlotProps {
+  className?: string;
+  ref: React.Ref<any>;
+  ownerState: PopperOwnerState;
+}

package/Popper/Popper.d.ts

@@ -0,0 +1,46 @@
+import { SxProps } from '@mui/system';
+import * as React from 'react';
+import { PopperProps as BasePopperProps } from "./BasePopper.types.js";
+import { Theme } from "../styles/index.js";
+export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component?: React.ElementType;
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @default {}
+   */
+  components?: {
+    Root?: React.ElementType;
+  };
+  /**
+   * The props used for each slot inside the Popper.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @default {}
+   */
+  componentsProps?: BasePopperProps['slotProps'];
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Autocomplete](https://next.mui.com/material-ui/react-autocomplete/)
+ * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [Popper](https://next.mui.com/material-ui/react-popper/)
+ *
+ * API:
+ *
+ * - [Popper API](https://next.mui.com/material-ui/api/popper/)
+ */
+declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<HTMLDivElement>>;
+export default Popper;

package/Popper/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Popper.js";
+export * from "./Popper.js";
+export * from "./popperClasses.js";
+export { PopperPlacementType } from "./BasePopper.types.js";

package/Popper/popperClasses.d.ts

@@ -0,0 +1,8 @@
+export interface PopperClasses {
+  /** Class name applied to the root element. */
+  root: string;
+}
+export type PopperClassKey = keyof PopperClasses;
+export declare function getPopperUtilityClass(slot: string): string;
+declare const popperClasses: PopperClasses;
+export default popperClasses;

package/Portal/Portal.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { PortalProps } from "./Portal.types.js";
+/**
+ * Portals provide a first-class way to render children into a DOM node
+ * that exists outside the DOM hierarchy of the parent component.
+ *
+ * Demos:
+ *
+ * - [Portal](https://next.mui.com/material-ui/react-portal/)
+ *
+ * API:
+ *
+ * - [Portal API](https://next.mui.com/material-ui/api/portal/)
+ */
+declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<Element>>;
+export default Portal;

package/Portal/Portal.types.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface PortalProps {
+  /**
+   * The children to render into the `container`.
+   */
+  children?: React.ReactNode;
+  /**
+   * 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?: Element | (() => Element | null) | null;
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal?: boolean;
+}

package/Portal/index.d.ts

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

package/Radio/Radio.d.ts

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { SwitchBaseProps } from "../internal/SwitchBase.js";
+import { RadioClasses } from "./radioClasses.js";
+export interface RadioPropsSizeOverrides {}
+export interface RadioPropsColorOverrides {}
+export interface RadioRootSlotPropsOverrides {}
+export interface RadioInputSlotPropsOverrides {}
+export interface RadioSlots {
+  /**
+   * The component that renders the root slot.
+   * @default SwitchBase
+   */
+  root: React.ElementType;
+  /**
+   * The component that renders the input slot.
+   * @default SwitchBase's input
+   */
+  input: React.ElementType;
+}
+export type RadioSlotsAndSlotProps = CreateSlotsAndSlotProps<RadioSlots, {
+  /**
+   * Props forwarded to the root slot.
+   * By default, the avaible props are based on the span element.
+   */
+  root: SlotProps<React.ElementType<SwitchBaseProps>, RadioRootSlotPropsOverrides, RadioOwnerState>;
+  /**
+   * Props forwarded to the input slot.
+   * By default, the avaible props are based on the input element.
+   */
+  input: SlotProps<'input', RadioInputSlotPropsOverrides, RadioOwnerState>;
+}>;
+export interface RadioProps extends StandardProps<SwitchBaseProps, 'checkedIcon' | 'color' | 'icon' | 'type' | 'slots' | 'slotProps'>, RadioSlotsAndSlotProps {
+  /**
+   * The icon to display when the component is checked.
+   * @default <RadioButtonIcon checked />
+   */
+  checkedIcon?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<RadioClasses>;
+  /**
+   * 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' | 'default', RadioPropsColorOverrides>;
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * The icon to display when the component is unchecked.
+   * @default <RadioButtonIcon />
+   */
+  icon?: React.ReactNode;
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium', RadioPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface RadioOwnerState extends Omit<RadioProps, 'slots' | 'slotProps'> {}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
+ *
+ * API:
+ *
+ * - [Radio API](https://next.mui.com/material-ui/api/radio/)
+ * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ */
+export default function Radio(props: RadioProps): React.JSX.Element;

package/Radio/index.d.ts

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

package/Radio/radioClasses.d.ts

@@ -0,0 +1,18 @@
+export interface RadioClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** State class applied to the root element if `checked={true}`. */
+  checked: string;
+  /** State class applied to the root element if `disabled={true}`. */
+  disabled: string;
+  /** Styles applied to the root element if `color="primary"`. */
+  colorPrimary: string;
+  /** Styles applied to the root element if `color="secondary"`. */
+  colorSecondary: string;
+  /** Styles applied to the root element if `size="small"`. */
+  sizeSmall: string;
+}
+export type RadioClassKey = keyof RadioClasses;
+export declare function getRadioUtilityClass(slot: string): string;
+declare const radioClasses: RadioClasses;
+export default radioClasses;

package/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { FormGroupProps } from "../FormGroup/index.js";
+export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue?: any;
+  /**
+   * The name used to reference the value of the control.
+   * If you don't provide this prop, it falls back to a randomly generated name.
+   */
+  name?: string;
+  /**
+   * Callback fired when a radio button is selected.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * @param {string} value The value of the selected radio button.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+  /**
+   * Value of the selected radio button. The DOM API casts this to a string.
+   */
+  value?: any;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
+ *
+ * API:
+ *
+ * - [RadioGroup API](https://next.mui.com/material-ui/api/radio-group/)
+ * - inherits [FormGroup API](https://next.mui.com/material-ui/api/form-group/)
+ */
+export default function RadioGroup(props: RadioGroupProps): React.JSX.Element;

package/RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface RadioGroupContextValue {
+  name: string | undefined;
+  onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+  value: any;
+}
+/**
+ * @ignore - internal component.
+ */
+declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
+export default RadioGroupContext;

package/RadioGroup/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./RadioGroup.js";
+export * from "./RadioGroup.js";
+export { default as useRadioGroup, RadioGroupState } from "./useRadioGroup.js";
+export { default as radioGroupClasses } from "./radioGroupClasses.js";
+export * from "./radioGroupClasses.js";

package/RadioGroup/radioGroupClasses.d.ts

@@ -0,0 +1,6 @@
+import { FormGroupClasses } from "../FormGroup/index.js";
+export type RadioGroupClassKey = keyof FormGroupClasses;
+export type RadioGroupClasses = FormGroupClasses;
+export declare function getRadioGroupUtilityClass(slot: string): string;
+declare const radioGroupClasses: RadioGroupClasses;
+export default radioGroupClasses;