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

package/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,95 @@
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import * as React from 'react';
+import { Theme } from "../index.js";
+import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
+import { OverrideProps } from "../OverridableComponent/index.js";
+import { ToggleButtonClasses } from "./toggleButtonClasses.js";
+export interface ToggleButtonPropsSizeOverrides {}
+export interface ToggleButtonPropsColorOverrides {}
+export interface ToggleButtonOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ToggleButtonClasses>;
+  /**
+   * The color of the button when it is in an active state.
+   * 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 'standard'
+   */
+  color?: OverridableStringUnion<'standard' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ToggleButtonPropsColorOverrides>;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple?: boolean;
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * Callback fired when the state changes.
+   *
+   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
+   * @param {any} value of the selected button.
+   */
+  onChange?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
+  /**
+   * Callback fired when the button is clicked.
+   *
+   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
+   * @param {any} value of the selected button.
+   */
+  onClick?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
+  /**
+   * If `true`, the button is rendered in an active state.
+   */
+  selected?: boolean;
+  /**
+   * The size of the component.
+   * The prop defaults to the value inherited from the parent ToggleButtonGroup component.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ToggleButtonPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The value to associate with the button when selected in a
+   * ToggleButtonGroup.
+   */
+  value: NonNullable<unknown>;
+}
+export type ToggleButtonTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'button'> = ExtendButtonBaseTypeMap<{
+  props: AdditionalProps & ToggleButtonOwnProps;
+  defaultComponent: RootComponent;
+}>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Toggle Button](https://next.mui.com/material-ui/react-toggle-button/)
+ *
+ * API:
+ *
+ * - [ToggleButton API](https://next.mui.com/material-ui/api/toggle-button/)
+ * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ */
+declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
+export type ToggleButtonProps<RootComponent extends React.ElementType = ToggleButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToggleButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default ToggleButton;

package/ToggleButton/index.d.ts

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

package/ToggleButton/toggleButtonClasses.d.ts

@@ -0,0 +1,26 @@
+export interface ToggleButtonClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** State class applied to the root element if `disabled={true}`. */
+  disabled: string;
+  /** State class applied to the root element if `selected={true}`. */
+  selected: string;
+  /** State class applied to the root element if `color="standard"`. */
+  standard: string;
+  /** State class applied to the root element if `color="primary"`. */
+  primary: string;
+  /** State class applied to the root element if `color="secondary"`. */
+  secondary: string;
+  /** Styles applied to the root element if `size="small"`. */
+  sizeSmall: string;
+  /** Styles applied to the root element if `size="medium"`. */
+  sizeMedium: string;
+  /** Styles applied to the root element if `size="large"`. */
+  sizeLarge: string;
+  /** Styles applied to the root element if `fullWidth={true}`. */
+  fullWidth: string;
+}
+export type ToggleButtonClassKey = keyof ToggleButtonClasses;
+export declare function getToggleButtonUtilityClass(slot: string): string;
+declare const toggleButtonClasses: ToggleButtonClasses;
+export default toggleButtonClasses;

package/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -0,0 +1,82 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { InternalStandardProps as StandardProps } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { ToggleButtonGroupClasses } from "./toggleButtonGroupClasses.js";
+export interface ToggleButtonGroupPropsSizeOverrides {}
+export interface ToggleButtonGroupPropsColorOverrides {}
+export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ToggleButtonGroupClasses>;
+  /**
+   * The color of the button when it is selected.
+   * 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 'standard'
+   */
+  color?: OverridableStringUnion<'standard' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ToggleButtonGroupPropsColorOverrides>;
+  /**
+   * If `true`, only allow one of the child ToggleButton values to be selected.
+   * @default false
+   */
+  exclusive?: boolean;
+  /**
+   * If `true`, the component is disabled. This implies that all ToggleButton children will be disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the button group will take up the full width of its container.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
+   * @param {any} value of the selected buttons. When `exclusive` is true
+   * this is a single value; when false an array of selected values. If no value
+   * is selected and `exclusive` is true the value is null; when false an empty array.
+   */
+  onChange?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
+  /**
+   * The component orientation (layout flow direction).
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ToggleButtonGroupPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The currently selected value within the group or an array of selected
+   * values when `exclusive` is false.
+   *
+   * The value must have reference equality with the option in order to be selected.
+   */
+  value?: any;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Toggle Button](https://next.mui.com/material-ui/react-toggle-button/)
+ *
+ * API:
+ *
+ * - [ToggleButtonGroup API](https://next.mui.com/material-ui/api/toggle-button-group/)
+ */
+export default function ToggleButtonGroup(props: ToggleButtonGroupProps): React.JSX.Element;

package/ToggleButtonGroup/ToggleButtonGroupButtonContext.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * @ignore - internal component.
+ */
+declare const ToggleButtonGroupButtonContext: React.Context<string | undefined>;
+export default ToggleButtonGroupButtonContext;

package/ToggleButtonGroup/ToggleButtonGroupContext.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { ToggleButtonGroupProps } from "./ToggleButtonGroup.js";
+interface ToggleButtonGroupContextType {
+  className?: string;
+  onChange?: ToggleButtonGroupProps['onChange'];
+  value?: ToggleButtonGroupProps['value'];
+  size?: ToggleButtonGroupProps['size'];
+  fullWidth?: ToggleButtonGroupProps['fullWidth'];
+  color?: ToggleButtonGroupProps['color'];
+  disabled?: ToggleButtonGroupProps['disabled'];
+}
+/**
+ * @ignore - internal component.
+ */
+declare const ToggleButtonGroupContext: React.Context<ToggleButtonGroupContextType>;
+export default ToggleButtonGroupContext;

package/ToggleButtonGroup/index.d.ts

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

package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts

@@ -0,0 +1,34 @@
+export interface ToggleButtonGroupClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** State class applied to the root element if `selected={true}`. */
+  selected: string;
+  /** Styles applied to the root element if `orientation="horizontal"`. */
+  horizontal: string;
+  /** Styles applied to the root element if `orientation="vertical"`. */
+  vertical: string;
+  /** State class applied to the root element if `disabled={true}`. */
+  disabled: string;
+  /** Styles applied to the children. */
+  grouped: string;
+  /** Styles applied to the children if `orientation="horizontal"`.
+   *  @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedHorizontal: string;
+  /** Styles applied to the children if `orientation="vertical"`.
+   * @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedVertical: string;
+  /** Styles applied to the root element if `fullWidth={true}`. */
+  fullWidth: string;
+  /** Styles applied to the first button in the toggle button group. */
+  firstButton: string;
+  /** Styles applied to the last button in the toggle button group. */
+  lastButton: string;
+  /** Styles applied to buttons in the middle of the toggle button group. */
+  middleButton: string;
+}
+export type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
+export declare function getToggleButtonGroupUtilityClass(slot: string): string;
+declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
+export default toggleButtonGroupClasses;

package/Toolbar/Toolbar.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { Theme } from "../index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { ToolbarClasses } from "./toolbarClasses.js";
+export interface ToolbarPropsVariantOverrides {}
+export interface ToolbarOwnProps {
+  /**
+   * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
+   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ToolbarClasses>;
+  /**
+   * If `true`, disables gutter padding.
+   * @default false
+   */
+  disableGutters?: boolean;
+  /**
+   * The variant to use.
+   * @default 'regular'
+   */
+  variant?: OverridableStringUnion<'regular' | 'dense', ToolbarPropsVariantOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & ToolbarOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [App Bar](https://next.mui.com/material-ui/react-app-bar/)
+ *
+ * API:
+ *
+ * - [Toolbar API](https://next.mui.com/material-ui/api/toolbar/)
+ */
+declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
+export type ToolbarProps<RootComponent extends React.ElementType = ToolbarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToolbarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default Toolbar;

package/Toolbar/index.d.ts

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

package/Toolbar/toolbarClasses.d.ts

@@ -0,0 +1,14 @@
+export interface ToolbarClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element unless `disableGutters={true}`. */
+  gutters: string;
+  /** Styles applied to the root element if `variant="regular"`. */
+  regular: string;
+  /** Styles applied to the root element if `variant="dense"`. */
+  dense: string;
+}
+export type ToolbarClassKey = keyof ToolbarClasses;
+export declare function getToolbarUtilityClass(slot: string): string;
+declare const toolbarClasses: ToolbarClasses;
+export default toolbarClasses;

package/Tooltip/Tooltip.d.ts

@@ -0,0 +1,229 @@
+import * as React from 'react';
+import { MUIStyledCommonProps, SxProps } from '@mui/system';
+import { PopperProps } from '@mui/material/Popper';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { TransitionProps } from "../transitions/transition.js";
+import { TooltipClasses } from "./tooltipClasses.js";
+export interface TooltipComponentsPropsOverrides {}
+export interface TooltipPopperSlotPropsOverrides {}
+export interface TooltipTransitionSlotPropsOverrides {}
+export interface TooltipTooltipSlotPropsOverrides {}
+export interface TooltipArrowSlotPropsOverrides {}
+export interface TooltipSlots {
+  /**
+   * The component used for the popper.
+   * @default Popper
+   */
+  popper: React.ElementType;
+  /**
+   * 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 Grow
+   */
+  transition: React.ElementType;
+  /**
+   * The component used for the tooltip.
+   */
+  tooltip: React.ElementType;
+  /**
+   * The component used for the arrow.
+   */
+  arrow: React.ElementType;
+}
+export type TooltipSlotsAndSlotProps = CreateSlotsAndSlotProps<TooltipSlots, {
+  /**
+   * Props forwarded to the popper slot.
+   * By default, the avaible props are based on the [Popper](https://mui.com/material-ui/api/popper/#props) component.
+   */
+  popper: SlotProps<React.ElementType<PopperProps>, TooltipPopperSlotPropsOverrides, TooltipOwnerState>;
+  /**
+   * 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: SlotProps<React.ElementType, TransitionProps & TooltipTransitionSlotPropsOverrides, TooltipOwnerState>;
+  /**
+   * Props forwarded to the tooltip slot.
+   * By default, the avaible props are based on the div element.
+   */
+  tooltip: SlotProps<'div', TooltipTooltipSlotPropsOverrides, TooltipOwnerState>;
+  /**
+   * Props forwarded to the tooltip slot.
+   * By default, the avaible props are based on the span element.
+   */
+  arrow: SlotProps<'span', TooltipArrowSlotPropsOverrides, TooltipOwnerState>;
+}>;
+export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'title'>, TooltipSlotsAndSlotProps {
+  /**
+   * If `true`, adds an arrow to the tooltip.
+   * @default false
+   */
+  arrow?: boolean;
+  /**
+   * Tooltip reference element.
+   */
+  children: React.ReactElement<unknown, any>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TooltipClasses>;
+  /**
+   * 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?: {
+    Popper?: React.ElementType<PopperProps>;
+    Transition?: React.ElementType;
+    Tooltip?: React.ElementType;
+    Arrow?: 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?: {
+    popper?: Partial<PopperProps> & TooltipComponentsPropsOverrides;
+    transition?: TransitionProps & TooltipComponentsPropsOverrides;
+    tooltip?: React.HTMLProps<HTMLDivElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides;
+    arrow?: React.HTMLProps<HTMLSpanElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides;
+  };
+  /**
+   * Set to `true` if the `title` acts as an accessible description.
+   * By default the `title` acts as an accessible label for the child.
+   * @default false
+   */
+  describeChild?: boolean;
+  /**
+   * Do not respond to focus-visible events.
+   * @default false
+   */
+  disableFocusListener?: boolean;
+  /**
+   * Do not respond to hover events.
+   * @default false
+   */
+  disableHoverListener?: boolean;
+  /**
+   * Makes a tooltip not interactive, i.e. it will close when the user
+   * hovers over the tooltip before the `leaveDelay` is expired.
+   * @default false
+   */
+  disableInteractive?: boolean;
+  /**
+   * Do not respond to long press touch events.
+   * @default false
+   */
+  disableTouchListener?: boolean;
+  /**
+   * The number of milliseconds to wait before showing the tooltip.
+   * This prop won't impact the enter touch delay (`enterTouchDelay`).
+   * @default 100
+   */
+  enterDelay?: number;
+  /**
+   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
+   * @default 0
+   */
+  enterNextDelay?: number;
+  /**
+   * The number of milliseconds a user must touch the element before showing the tooltip.
+   * @default 700
+   */
+  enterTouchDelay?: number;
+  /**
+   * If `true`, the tooltip follow the cursor over the wrapped element.
+   * @default false
+   */
+  followCursor?: boolean;
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id?: string;
+  /**
+   * The number of milliseconds to wait before hiding the tooltip.
+   * This prop won't impact the leave touch delay (`leaveTouchDelay`).
+   * @default 0
+   */
+  leaveDelay?: number;
+  /**
+   * The number of milliseconds after the user stops touching an element before hiding the tooltip.
+   * @default 1500
+   */
+  leaveTouchDelay?: number;
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onClose?: (event: React.SyntheticEvent | Event) => void;
+  /**
+   * Callback fired when the component requests to be open.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onOpen?: (event: React.SyntheticEvent) => void;
+  /**
+   * If `true`, the component is shown.
+   */
+  open?: boolean;
+  /**
+   * Tooltip placement.
+   * @default 'bottom'
+   */
+  placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
+  /**
+   * The component used for the popper.
+   * @deprecated use the `slots.popper` 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.
+   */
+  PopperComponent?: React.JSXElementConstructor<PopperProps>;
+  /**
+   * Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
+   * @deprecated use the `slotProps.popper` 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 {}
+   */
+  PopperProps?: Partial<PopperProps>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
+   */
+  title: React.ReactNode;
+  /**
+   * 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.
+   */
+  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
+    children: React.ReactElement<unknown, any>;
+  }>;
+  /**
+   * 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 TooltipOwnerState extends TooltipProps {}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Tooltip](https://next.mui.com/material-ui/react-tooltip/)
+ *
+ * API:
+ *
+ * - [Tooltip API](https://next.mui.com/material-ui/api/tooltip/)
+ */
+export default function Tooltip(props: TooltipProps): React.JSX.Element;

package/Tooltip/index.d.ts

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

package/Tooltip/tooltipClasses.d.ts

@@ -0,0 +1,30 @@
+export interface TooltipClasses {
+  /** Styles applied to the Popper component. */
+  popper: string;
+  /** Styles applied to the Popper component unless `disableInteractive={true}`. */
+  popperInteractive: string;
+  /** Styles applied to the Popper component if `arrow={true}`. */
+  popperArrow: string;
+  /** Styles applied to the Popper component unless the tooltip is open. */
+  popperClose: string;
+  /** Styles applied to the tooltip (label wrapper) element. */
+  tooltip: string;
+  /** Styles applied to the tooltip (label wrapper) element if `arrow={true}`. */
+  tooltipArrow: string;
+  /** Styles applied to the arrow element. */
+  arrow: string;
+  /** Styles applied to the tooltip (label wrapper) element if the tooltip is opened by touch. */
+  touch: string;
+  /** Styles applied to the tooltip (label wrapper) element if `placement` contains "left". */
+  tooltipPlacementLeft: string;
+  /** Styles applied to the tooltip (label wrapper) element if `placement` contains "right". */
+  tooltipPlacementRight: string;
+  /** Styles applied to the tooltip (label wrapper) element if `placement` contains "top". */
+  tooltipPlacementTop: string;
+  /** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
+  tooltipPlacementBottom: string;
+}
+export type TooltipClassKey = keyof TooltipClasses;
+export declare function getTooltipUtilityClass(slot: string): string;
+declare const tooltipClasses: TooltipClasses;
+export default tooltipClasses;