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

package/Snackbar/Snackbar.d.ts

@@ -0,0 +1,182 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import ClickAwayListener, { ClickAwayListenerProps } from "../ClickAwayListener/index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../index.js";
+import { SnackbarContentProps } from "../SnackbarContent/index.js";
+import { TransitionProps } from "../transitions/transition.js";
+import { SnackbarClasses } from "./snackbarClasses.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
+export interface SnackbarSlots {
+  /**
+   * The component that renders the root slot.
+   * @default 'div'
+   */
+  root: React.ElementType;
+  /**
+   * The component that renders the content slot.
+   * @default SnackbarContent
+   */
+  content: React.ElementType;
+  /**
+   * The component that renders the clickAwayListener slot.
+   * @default ClickAwayListener
+   */
+  clickAwayListener: React.ElementType;
+  /**
+   * The component that renders the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Grow
+   */
+  transition: React.ElementType;
+}
+export interface SnackbarRootSlotPropsOverrides {}
+export interface SnackbarContentSlotPropsOverrides {}
+export interface SnackbarClickAwayListenerSlotPropsOverrides {}
+export interface SnackbarTransitionSlotPropsOverrides {}
+export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
+  /**
+   * Props forwarded to the root slot.
+   * By default, the avaible props are based on the div element.
+   */
+  root: SlotProps<'div', SnackbarRootSlotPropsOverrides, SnackbarOwnerState>;
+  /**
+   * Props forwarded to the content slot.
+   * By default, the avaible props are based on the [SnackbarContent](https://mui.com/material-ui/api/snackbar-content/#props) component.
+   */
+  content: SlotProps<React.ElementType<SnackbarContentProps>, SnackbarContentSlotPropsOverrides, SnackbarOwnerState>;
+  /**
+   * Props forwarded to the clickAwayListener slot.
+   * By default, the avaible props are based on the [ClickAwayListener](https://mui.com/material-ui/api/click-away-listener/#props) component.
+   */
+  clickAwayListener: SlotComponentProps<typeof ClickAwayListener, SnackbarClickAwayListenerSlotPropsOverrides, SnackbarOwnerState>;
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
+   */
+  transition: SlotComponentProps<React.ElementType, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
+}>;
+export interface SnackbarOrigin {
+  vertical: 'top' | 'bottom';
+  horizontal: 'left' | 'center' | 'right';
+}
+export type SnackbarCloseReason = 'timeout' | 'clickaway' | 'escapeKeyDown';
+export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<HTMLDivElement>>, 'slots' | 'slotProps'>, SnackbarSlotsAndSlotProps {
+  /**
+   * The action to display. It renders after the message, at the end of the snackbar.
+   */
+  action?: SnackbarContentProps['action'];
+  /**
+   * The anchor of the `Snackbar`.
+   * On smaller screens, the component grows to occupy all the available width,
+   * the horizontal alignment is ignored.
+   * @default { vertical: 'bottom', horizontal: 'left' }
+   */
+  anchorOrigin?: SnackbarOrigin;
+  /**
+   * The number of milliseconds to wait before automatically calling the
+   * `onClose` function. `onClose` should then set the state of the `open`
+   * prop to hide the Snackbar. This behavior is disabled by default with
+   * the `null` value.
+   * @default null
+   */
+  autoHideDuration?: number | null;
+  /**
+   * Replace the `SnackbarContent` component.
+   */
+  children?: React.ReactElement<unknown, any>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<SnackbarClasses>;
+  /**
+   * Props applied to the `ClickAwayListener` element.
+   * @deprecated Use `slotProps.clickAwayListener` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ClickAwayListenerProps?: Partial<ClickAwayListenerProps>;
+  /**
+   * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
+   * @deprecated Use `slotProps.content` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ContentProps?: Partial<SnackbarContentProps>;
+  /**
+   * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
+   * @default false
+   */
+  disableWindowBlurListener?: boolean;
+  /**
+   * When displaying multiple consecutive snackbars using a single parent-rendered
+   * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.
+   * For instance, use `<Snackbar key={message} />`. Otherwise, messages might update
+   * in place, and features like `autoHideDuration` could be affected.
+   */
+  key?: any;
+  /**
+   * The message to display.
+   */
+  message?: SnackbarContentProps['message'];
+  /**
+   * Callback fired when the component requests to be closed.
+   * Typically `onClose` is used to set state in the parent component,
+   * which is used to control the `Snackbar` `open` prop.
+   * The `reason` parameter can optionally be used to control the response to `onClose`,
+   * for example ignoring `clickaway`.
+   *
+   * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
+   * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
+   */
+  onClose?: (event: React.SyntheticEvent<any> | Event, reason: SnackbarCloseReason) => void;
+  /**
+   * If `true`, the component is shown.
+   */
+  open?: boolean;
+  /**
+   * The number of milliseconds to wait before dismissing after user interaction.
+   * If `autoHideDuration` prop isn't specified, it does nothing.
+   * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
+   * we default to `autoHideDuration / 2` ms.
+   */
+  resumeHideDuration?: number;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * 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 `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default Grow
+   */
+  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
+    children: React.ReactElement<unknown, any>;
+  }>;
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  transitionDuration?: TransitionProps['timeout'];
+  /**
+   * 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 `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default {}
+   */
+  TransitionProps?: TransitionProps;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Snackbar](https://next.mui.com/material-ui/react-snackbar/)
+ *
+ * API:
+ *
+ * - [Snackbar API](https://next.mui.com/material-ui/api/snackbar/)
+ */
+export default function Snackbar(props: SnackbarProps): React.JSX.Element;
+export interface SnackbarOwnerState extends Omit<SnackbarProps, 'slots' | 'slotProps'> {}

package/Snackbar/index.d.ts

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

package/Snackbar/snackbarClasses.d.ts

@@ -0,0 +1,20 @@
+export interface SnackbarClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
+  anchorOriginTopCenter: string;
+  /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
+  anchorOriginBottomCenter: string;
+  /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
+  anchorOriginTopRight: string;
+  /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
+  anchorOriginBottomRight: string;
+  /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
+  anchorOriginTopLeft: string;
+  /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
+  anchorOriginBottomLeft: string;
+}
+export type SnackbarClassKey = keyof SnackbarClasses;
+export declare function getSnackbarUtilityClass(slot: string): string;
+declare const snackbarClasses: SnackbarClasses;
+export default snackbarClasses;

package/Snackbar/useSnackbar.d.ts

@@ -0,0 +1,14 @@
+import { UseSnackbarParameters, UseSnackbarReturnValue } from "./useSnackbar.types.js";
+/**
+ * The basic building block for creating custom snackbar.
+ *
+ * Demos:
+ *
+ * - [Snackbar](https://mui.com/base-ui/react-snackbar/#hook)
+ *
+ * API:
+ *
+ * - [useSnackbar API](https://mui.com/base-ui/react-snackbar/hooks-api/#use-snackbar)
+ */
+declare function useSnackbar(parameters?: UseSnackbarParameters): UseSnackbarReturnValue;
+export default useSnackbar;

package/Snackbar/useSnackbar.types.d.ts

@@ -0,0 +1,59 @@
+export type SnackbarCloseReason = 'timeout' | 'clickaway' | 'escapeKeyDown';
+export interface UseSnackbarParameters {
+  /**
+   * The number of milliseconds to wait before automatically calling the
+   * `onClose` function. `onClose` should then set the state of the `open`
+   * prop to hide the Snackbar. This behavior is disabled by default with
+   * the `null` value.
+   * @default null
+   */
+  autoHideDuration?: number | null;
+  /**
+   * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
+   * @default false
+   */
+  disableWindowBlurListener?: boolean;
+  /**
+   * Callback fired when the component requests to be closed.
+   * Typically `onClose` is used to set state in the parent component,
+   * which is used to control the `Snackbar` `open` prop.
+   * The `reason` parameter can optionally be used to control the response to `onClose`,
+   * for example ignoring `clickaway`.
+   *
+   * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
+   * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
+   */
+  onClose?: (event: React.SyntheticEvent<any> | Event | null, reason: SnackbarCloseReason) => void;
+  /**
+   * If `true`, the component is shown.
+   */
+  open?: boolean;
+  /**
+   * The number of milliseconds to wait before dismissing after user interaction.
+   * If `autoHideDuration` prop isn't specified, it does nothing.
+   * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
+   * we default to `autoHideDuration / 2` ms.
+   */
+  resumeHideDuration?: number;
+}
+export type UseSnackbarRootSlotProps<ExternalProps = {}> = ExternalProps & UseSnackbarRootSlotOwnProps;
+export interface UseSnackbarRootSlotOwnProps {
+  onBlur: React.FocusEventHandler;
+  onFocus: React.FocusEventHandler;
+  onMouseEnter: React.MouseEventHandler;
+  onMouseLeave: React.MouseEventHandler;
+  ref?: React.RefCallback<Element>;
+  role: React.AriaRole;
+}
+export interface UseSnackbarReturnValue {
+  /**
+   * 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: <ExternalProps extends Record<string, unknown> = {}>(externalProps?: ExternalProps) => UseSnackbarRootSlotProps<ExternalProps>;
+  /**
+   * Callback fired when a "click away" event is detected.
+   */
+  onClickAway: (event: React.SyntheticEvent<any> | Event) => void;
+}

package/SnackbarContent/SnackbarContent.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../index.js";
+import { PaperProps } from "../Paper/index.js";
+import { SnackbarContentClasses } from "./snackbarContentClasses.js";
+export interface SnackbarContentProps extends StandardProps<PaperProps, 'children'> {
+  /**
+   * The action to display. It renders after the message, at the end of the snackbar.
+   */
+  action?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<SnackbarContentClasses>;
+  /**
+   * The message to display.
+   */
+  message?: React.ReactNode;
+  /**
+   * The ARIA role attribute of the element.
+   * @default 'alert'
+   */
+  role?: PaperProps['role'];
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Snackbar](https://next.mui.com/material-ui/react-snackbar/)
+ *
+ * API:
+ *
+ * - [SnackbarContent API](https://next.mui.com/material-ui/api/snackbar-content/)
+ * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
+ */
+export default function SnackbarContent(props: SnackbarContentProps): React.JSX.Element;

package/SnackbarContent/index.d.ts

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

package/SnackbarContent/snackbarContentClasses.d.ts

@@ -0,0 +1,12 @@
+export interface SnackbarContentClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the message wrapper element. */
+  message: string;
+  /** Styles applied to the action wrapper element if `action` is provided. */
+  action: string;
+}
+export type SnackbarContentClassKey = keyof SnackbarContentClasses;
+export declare function getSnackbarContentUtilityClass(slot: string): string;
+declare const snackbarContentClasses: SnackbarContentClasses;
+export default snackbarContentClasses;

package/SpeedDial/SpeedDial.d.ts

@@ -0,0 +1,121 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../index.js";
+import { FabProps } from "../Fab/index.js";
+import { TransitionProps } from "../transitions/index.js";
+import { SpeedDialClasses } from "./speedDialClasses.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps } from "../utils/types.js";
+export type CloseReason = 'toggle' | 'blur' | 'mouseLeave' | 'escapeKeyDown';
+export type OpenReason = 'toggle' | 'focus' | 'mouseEnter';
+export interface SpeedDialSlots {
+  /**
+   * The component that renders the transition.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Zoom
+   */
+  transition: React.ElementType;
+}
+export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots, {
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
+   */
+  transition: SlotComponentProps<React.ElementType, TransitionProps, SpeedDialOwnerState>;
+}>;
+export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'>, 'slots' | 'slotProps'>, SpeedDialSlotsAndSlotProps {
+  /**
+   * SpeedDialActions to display when the SpeedDial is `open`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<SpeedDialClasses>;
+  /**
+   * The aria-label of the button element.
+   * Also used to provide the `id` for the `SpeedDial` element and its children.
+   */
+  ariaLabel: string;
+  /**
+   * The direction the actions open relative to the floating action button.
+   * @default 'up'
+   */
+  direction?: 'up' | 'down' | 'left' | 'right';
+  /**
+   * If `true`, the SpeedDial is hidden.
+   * @default false
+   */
+  hidden?: boolean;
+  /**
+   * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) element.
+   * @default {}
+   */
+  FabProps?: Partial<FabProps>;
+  /**
+   * The icon to display in the SpeedDial Fab. The `SpeedDialIcon` component
+   * provides a default Icon with animation.
+   */
+  icon?: React.ReactNode;
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"toggle"`, `"blur"`, `"mouseLeave"`, `"escapeKeyDown"`.
+   */
+  onClose?: (event: React.SyntheticEvent<{}>, reason: CloseReason) => void;
+  /**
+   * Callback fired when the component requests to be open.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"toggle"`, `"focus"`, `"mouseEnter"`.
+   */
+  onOpen?: (event: React.SyntheticEvent<{}>, reason: OpenReason) => void;
+  /**
+   * If `true`, the component is shown.
+   */
+  open?: boolean;
+  /**
+   * The icon to display in the SpeedDial Fab when the SpeedDial is open.
+   */
+  openIcon?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * 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.
+   * @default Zoom
+   * * @deprecated Use `slots.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  TransitionComponent?: React.JSXElementConstructor<TransitionProps>;
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  transitionDuration?: TransitionProps['timeout'];
+  /**
+   * 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 `slotProps.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  TransitionProps?: TransitionProps;
+}
+export interface SpeedDialOwnerState extends SpeedDialProps {}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
+ *
+ * API:
+ *
+ * - [SpeedDial API](https://next.mui.com/material-ui/api/speed-dial/)
+ */
+export default function SpeedDial(props: SpeedDialProps): React.JSX.Element;

package/SpeedDial/index.d.ts

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

package/SpeedDial/speedDialClasses.d.ts

@@ -0,0 +1,22 @@
+export interface SpeedDialClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the Fab component. */
+  fab: string;
+  /** Styles applied to the root element if direction="up" */
+  directionUp: string;
+  /** Styles applied to the root element if direction="down" */
+  directionDown: string;
+  /** Styles applied to the root element if direction="left" */
+  directionLeft: string;
+  /** Styles applied to the root element if direction="right" */
+  directionRight: string;
+  /** Styles applied to the actions (`children` wrapper) element. */
+  actions: string;
+  /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
+  actionsClosed: string;
+}
+export type SpeedDialClassKey = keyof SpeedDialClasses;
+export declare function getSpeedDialUtilityClass(slot: string): string;
+declare const speedDialClasses: SpeedDialClasses;
+export default speedDialClasses;

package/SpeedDialAction/SpeedDialAction.d.ts

@@ -0,0 +1,117 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../index.js";
+import { FabProps } from "../Fab/index.js";
+import { TooltipProps } from "../Tooltip/index.js";
+import { SpeedDialActionClasses } from "./speedDialActionClasses.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+export interface SpeedDialActionSlots {
+  /**
+   * The component that renders the fab.
+   * @default Fab
+   */
+  fab?: React.ElementType;
+  /**
+   * The component that renders the tooltip.
+   * @default Tooltip
+   */
+  tooltip?: React.ElementType;
+  /**
+   * The component that renders the static tooltip.
+   * @default 'span'
+   */
+  staticTooltip?: React.ElementType;
+  /**
+   * The component that renders the static tooltip label.
+   * @default 'span'
+   */
+  staticTooltipLabel?: React.ElementType;
+}
+export interface SpeedDialActionFabSlotPropsOverrides {}
+export interface SpeedDialActionTooltipSlotPropsOverrides {}
+export interface SpeedDialActionStaticTooltipSlotPropsOverrides {}
+export interface SpeedDialActionStaticTooltipLabelSlotPropsOverrides {}
+export type SpeedDialActionSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialActionSlots, {
+  /**
+   * Props forwarded to the fab slot.
+   * By default, the avaible props are based on the [Fab](https://mui.com/material-ui/api/fab/#props) component.
+   */
+  fab: SlotProps<React.ElementType<FabProps>, SpeedDialActionFabSlotPropsOverrides, SpeedDialActionOwnerState>;
+  /**
+   * Props forwarded to the tooltip slot.
+   * By default, the avaible props are based on the [Tooltip](https://mui.com/material-ui/api/tooltip/#props) component.
+   */
+  tooltip: SlotProps<React.ElementType<TooltipProps>, SpeedDialActionTooltipSlotPropsOverrides, SpeedDialActionOwnerState>;
+  /**
+   * Props forwarded to the static tooltip slot.
+   * By default, the avaible props are based on a span element.
+   */
+  staticTooltip: SlotProps<'span', SpeedDialActionStaticTooltipSlotPropsOverrides, SpeedDialActionOwnerState>;
+  /**
+   * Props forwarded to the static tooltip label slot.
+   * By default, the avaible props are based on a span element.
+   */
+  staticTooltipLabel: SlotProps<'span', SpeedDialActionStaticTooltipLabelSlotPropsOverrides, SpeedDialActionOwnerState>;
+}>;
+export interface SpeedDialActionProps extends Omit<StandardProps<Partial<TooltipProps>, 'children'>, 'slotProps' | 'slots'>, SpeedDialActionSlotsAndSlotProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<SpeedDialActionClasses>;
+  /**
+   * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
+   * @default {}
+   * @deprecated Use `slotProps.fab` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  FabProps?: Partial<FabProps>;
+  /**
+   * Adds a transition delay, to allow a series of SpeedDialActions to be animated.
+   * @default 0
+   */
+  delay?: number;
+  /**
+   * The icon to display in the SpeedDial Fab.
+   */
+  icon?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
+   * @deprecated Use `slotProps.tooltip.classes` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TooltipClasses?: TooltipProps['classes'];
+  /**
+   * Placement of the tooltip.
+   * @default 'left'
+   * @deprecated Use `slotProps.tooltip.placement` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  tooltipPlacement?: TooltipProps['placement'];
+  /**
+   * Label to display in the tooltip.
+   * @deprecated Use `slotProps.tooltip.title` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  tooltipTitle?: React.ReactNode;
+  /**
+   * Make the tooltip always visible when the SpeedDial is open.
+   * @default false
+   * @deprecated Use `slotProps.tooltip.open` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  tooltipOpen?: boolean;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
+ *
+ * API:
+ *
+ * - [SpeedDialAction API](https://next.mui.com/material-ui/api/speed-dial-action/)
+ * - inherits [Tooltip API](https://next.mui.com/material-ui/api/tooltip/)
+ */
+export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
+export interface SpeedDialActionOwnerState extends Omit<SpeedDialActionProps, 'slots' | 'slotProps'> {}

package/SpeedDialAction/index.d.ts

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

package/SpeedDialAction/speedDialActionClasses.d.ts

@@ -0,0 +1,20 @@
+export interface SpeedDialActionClasses {
+  /** Styles applied to the Fab component. */
+  fab: string;
+  /** Styles applied to the Fab component if `open={false}`. */
+  fabClosed: string;
+  /** Styles applied to the root element if `tooltipOpen={true}`. */
+  staticTooltip: string;
+  /** Styles applied to the root element if `tooltipOpen={true}` and `open={false}`. */
+  staticTooltipClosed: string;
+  /** Styles applied to the static tooltip label if `tooltipOpen={true}`. */
+  staticTooltipLabel: string;
+  /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="left"`` */
+  tooltipPlacementLeft: string;
+  /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
+  tooltipPlacementRight: string;
+}
+export type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
+export declare function getSpeedDialActionUtilityClass(slot: string): string;
+declare const speedDialActionClasses: SpeedDialActionClasses;
+export default speedDialActionClasses;