@mui/material 5.14.2 → 5.14.4

package/Select/Select.d.ts

@@ -9,10 +9,10 @@ import { OutlinedInputProps } from '../OutlinedInput';
 
 export { SelectChangeEvent };
 
-export interface SelectProps<T = unknown>
+export interface SelectProps<Value = unknown>
   extends StandardProps<InputProps, 'value' | 'onChange'>,
     Omit<OutlinedInputProps, 'value' | 'onChange'>,
-    Pick<SelectInputProps<T>, 'onChange'> {
+    Pick<SelectInputProps<Value>, 'onChange'> {
   /**
    * If `true`, the width of the popover will automatically be set according to the items inside the
    * menu, otherwise it will be at least the width of the select input.
@@ -40,7 +40,7 @@ export interface SelectProps<T = unknown>
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue?: T;
+  defaultValue?: Value;
   /**
    * If `true`, a value is displayed even if no items are selected.
    *
@@ -96,12 +96,12 @@ export interface SelectProps<T = unknown>
   /**
    * Callback fired when a menu item is selected.
    *
-   * @param {SelectChangeEvent<T>} event The event source of the callback.
+   * @param {SelectChangeEvent<Value>} event The event source of the callback.
    * You can pull out the new value by accessing `event.target.value` (any).
    * **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.
    * @param {object} [child] The react element that was selected when `native` is `false` (default).
    */
-  onChange?: SelectInputProps<T>['onChange'];
+  onChange?: SelectInputProps<Value>['onChange'];
   /**
    * Callback fired when the component requests to be closed.
    * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapses).
@@ -128,7 +128,7 @@ export interface SelectProps<T = unknown>
    * @param {any} value The `value` provided to the component.
    * @returns {ReactNode}
    */
-  renderValue?: (value: T) => React.ReactNode;
+  renderValue?: (value: Value) => React.ReactNode;
   /**
    * Props applied to the clickable div element.
    */
@@ -144,7 +144,7 @@ export interface SelectProps<T = unknown>
    * If the value is an object it must have reference equality with the option in order to be selected.
    * If the value is not an object, the string representation must match with the string representation of the option in order to be selected.
    */
-  value?: T | '';
+  value?: Value | '';
   /**
    * The variant to use.
    * @default 'outlined'
@@ -163,7 +163,7 @@ export interface SelectProps<T = unknown>
  * - [Select API](https://mui.com/material-ui/api/select/)
  * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
  */
-declare const Select: (<T>(props: SelectProps<T>) => JSX.Element) & {
+declare const Select: (<Value>(props: SelectProps<Value>) => JSX.Element) & {
   muiName: string;
 };
 

package/Select/Select.js

@@ -222,7 +222,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */
   /**
    * Callback fired when a menu item is selected.
    *
-   * @param {SelectChangeEvent<T>} event The event source of the callback.
+   * @param {SelectChangeEvent<Value>} event The event source of the callback.
    * You can pull out the new value by accessing `event.target.value` (any).
    * **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.
    * @param {object} [child] The react element that was selected when `native` is `false` (default).

package/Select/SelectInput.d.ts

@@ -8,11 +8,11 @@ import { MenuProps } from '../Menu';
  * The type of event depends on what caused the change.
  * For example, when the browser auto-fills the `Select` you'll receive a `React.ChangeEvent`.
  */
-export type SelectChangeEvent<T = string> =
-  | (Event & { target: { value: T; name: string } })
+export type SelectChangeEvent<Value = string> =
+  | (Event & { target: { value: Value; name: string } })
   | React.ChangeEvent<HTMLInputElement>;
 
-export interface SelectInputProps<T = unknown> {
+export interface SelectInputProps<Value = unknown> {
   autoFocus?: boolean;
   autoWidth: boolean;
   defaultOpen?: boolean;
@@ -20,24 +20,24 @@ export interface SelectInputProps<T = unknown> {
   error?: boolean;
   IconComponent?: React.ElementType;
   inputRef?: (
-    ref: HTMLSelectElement | { node: HTMLInputElement; value: SelectInputProps<T>['value'] },
+    ref: HTMLSelectElement | { node: HTMLInputElement; value: SelectInputProps<Value>['value'] },
   ) => void;
   MenuProps?: Partial<MenuProps>;
   multiple: boolean;
   name?: string;
   native: boolean;
   onBlur?: React.FocusEventHandler<any>;
-  onChange?: (event: SelectChangeEvent<T>, child: React.ReactNode) => void;
+  onChange?: (event: SelectChangeEvent<Value>, child: React.ReactNode) => void;
   onClose?: (event: React.SyntheticEvent) => void;
   onFocus?: React.FocusEventHandler<any>;
   onOpen?: (event: React.SyntheticEvent) => void;
   open?: boolean;
   readOnly?: boolean;
-  renderValue?: (value: SelectInputProps<T>['value']) => React.ReactNode;
+  renderValue?: (value: SelectInputProps<Value>['value']) => React.ReactNode;
   SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement>;
   sx?: SxProps<Theme>;
   tabIndex?: number;
-  value?: T;
+  value?: Value;
   variant?: 'standard' | 'outlined' | 'filled';
 }
 

package/Select/SelectInput.js

@@ -9,7 +9,7 @@ import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { refType } from '@mui/utils';
 import ownerDocument from '../utils/ownerDocument';
 import capitalize from '../utils/capitalize';

package/Select/selectClasses.d.ts

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

package/Skeleton/Skeleton.d.ts

@@ -7,8 +7,11 @@ import { SkeletonClasses } from './skeletonClasses';
 
 export interface SkeletonPropsVariantOverrides {}
 
-export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'span'> {
-  props: P & {
+export interface SkeletonTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'span',
+> {
+  props: AdditionalProps & {
     /**
      * The animation.
      * If `false` the animation effect is disabled.
@@ -46,7 +49,7 @@ export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'span'> {
      */
     width?: number | string;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -62,8 +65,10 @@ export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'span'> {
 declare const Skeleton: OverridableComponent<SkeletonTypeMap>;
 
 export type SkeletonProps<
-  D extends React.ElementType = SkeletonTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<SkeletonTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = SkeletonTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<SkeletonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Skeleton;

package/Skeleton/Skeleton.js

@@ -12,7 +12,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { keyframes, css } from '@mui/system';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from '../styles';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';

package/Skeleton/skeletonClasses.d.ts

@@ -1,26 +1,26 @@
-export interface SkeletonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="text"`. */
-    text: string;
-    /** Styles applied to the root element if `variant="rectangular"`. */
-    rectangular: string;
-    /** Styles applied to the root element if `variant="rounded"`. */
-    rounded: string;
-    /** Styles applied to the root element if `variant="circular"`. */
-    circular: string;
-    /** Styles applied to the root element if `animation="pulse"`. */
-    pulse: string;
-    /** Styles applied to the root element if `animation="wave"`. */
-    wave: string;
-    /** Styles applied when the component is passed children. */
-    withChildren: string;
-    /** Styles applied when the component is passed children and no width. */
-    fitContent: string;
-    /** Styles applied when the component is passed children and no height. */
-    heightAuto: string;
-}
-export type SkeletonClassKey = keyof SkeletonClasses;
-export declare function getSkeletonUtilityClass(slot: string): string;
-declare const skeletonClasses: SkeletonClasses;
-export default skeletonClasses;
+export interface SkeletonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="text"`. */
+    text: string;
+    /** Styles applied to the root element if `variant="rectangular"`. */
+    rectangular: string;
+    /** Styles applied to the root element if `variant="rounded"`. */
+    rounded: string;
+    /** Styles applied to the root element if `variant="circular"`. */
+    circular: string;
+    /** Styles applied to the root element if `animation="pulse"`. */
+    pulse: string;
+    /** Styles applied to the root element if `animation="wave"`. */
+    wave: string;
+    /** Styles applied when the component is passed children. */
+    withChildren: string;
+    /** Styles applied when the component is passed children and no width. */
+    fitContent: string;
+    /** Styles applied when the component is passed children and no height. */
+    heightAuto: string;
+}
+export type SkeletonClassKey = keyof SkeletonClasses;
+export declare function getSkeletonUtilityClass(slot: string): string;
+declare const skeletonClasses: SkeletonClasses;
+export default skeletonClasses;

package/Slider/Slider.d.ts

@@ -20,8 +20,11 @@ export interface SliderOwnerState extends SliderProps {
   focusedThumbIndex: number;
 }
 
-export interface SliderTypeMap<D extends React.ElementType = 'span', P = {}> {
-  props: P & {
+export interface SliderTypeMap<
+  DefaultComponent extends React.ElementType = 'span',
+  AdditionalProps = {},
+> {
+  props: AdditionalProps & {
     /**
      * The label of the slider.
      */
@@ -266,7 +269,7 @@ export interface SliderTypeMap<D extends React.ElementType = 'span', P = {}> {
      */
     valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode);
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 export interface SliderValueLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -304,8 +307,10 @@ export declare const SliderValueLabel: React.FC<SliderValueLabelProps>;
 declare const Slider: OverridableComponent<SliderTypeMap>;
 
 export type SliderProps<
-  D extends React.ElementType = SliderTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<SliderTypeMap<D, P>, D>;
+  RootComponent extends React.ElementType = SliderTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<SliderTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Slider;

package/Slider/Slider.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { chainPropTypes } from '@mui/utils';
 import { isHostComponent, useSlotProps, unstable_composeClasses as composeClasses } from '@mui/base';
-import useSlider, { valueToPercent } from '@mui/base/useSlider';
+import { useSlider, valueToPercent } from '@mui/base/useSlider';
 import { alpha, lighten, darken } from '@mui/system';
 import useThemeProps from '../styles/useThemeProps';
 import styled, { slotShouldForwardProp } from '../styles/styled';

package/Slider/SliderValueLabel.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { SliderValueLabelProps } from './SliderValueLabel.types';
-/**
- * @ignore - internal component.
- */
-declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-declare namespace SliderValueLabel {
-    var propTypes: any;
-}
-export default SliderValueLabel;
+import * as React from 'react';
+import { SliderValueLabelProps } from './SliderValueLabel.types';
+/**
+ * @ignore - internal component.
+ */
+declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare namespace SliderValueLabel {
+    var propTypes: any;
+}
+export default SliderValueLabel;

package/Slider/SliderValueLabel.types.d.ts

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-export interface SliderValueLabelProps {
-    children?: React.ReactElement;
-    className?: string;
-    style?: React.CSSProperties;
-    /**
-     * If `true`, the value label is visible.
-     */
-    open: boolean;
-    /**
-     * The value of the slider.
-     * For ranged sliders, provide an array with two values.
-     */
-    value: number;
-    /**
-     * Controls when the value label is displayed:
-     *
-     * - `auto` the value label will display when the thumb is hovered or focused.
-     * - `on` will display persistently.
-     * - `off` will never display.
-     * @default 'off'
-     */
-    valueLabelDisplay?: 'on' | 'auto' | 'off';
-}
+/// <reference types="react" />
+export interface SliderValueLabelProps {
+    children?: React.ReactElement;
+    className?: string;
+    style?: React.CSSProperties;
+    /**
+     * If `true`, the value label is visible.
+     */
+    open: boolean;
+    /**
+     * The value of the slider.
+     * For ranged sliders, provide an array with two values.
+     */
+    value: number;
+    /**
+     * Controls when the value label is displayed:
+     *
+     * - `auto` the value label will display when the thumb is hovered or focused.
+     * - `on` will display persistently.
+     * - `off` will never display.
+     * @default 'off'
+     */
+    valueLabelDisplay?: 'on' | 'auto' | 'off';
+}

package/Slider/sliderClasses.d.ts

@@ -1,58 +1,58 @@
-export interface SliderClasses {
-    /** Styles applied to the root element. */
-    root: 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 `marks` is provided with at least one label. */
-    marked: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** State class applied to the root and thumb element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root if a thumb is being dragged. */
-    dragging: string;
-    /** Styles applied to the rail element. */
-    rail: string;
-    /** Styles applied to the track element. */
-    track: string;
-    /** Styles applied to the root element if `track={false}`. */
-    trackFalse: string;
-    /** Styles applied to the root element if `track="inverted"`. */
-    trackInverted: string;
-    /** Styles applied to the thumb element. */
-    thumb: string;
-    /** State class applied to the thumb element if it's active. */
-    active: string;
-    /** State class applied to the thumb element if keyboard focused. */
-    focusVisible: string;
-    /** Styles applied to the mark element. */
-    mark: string;
-    /** Styles applied to the mark element if active (depending on the value). */
-    markActive: string;
-    /** Styles applied to the mark label element. */
-    markLabel: string;
-    /** Styles applied to the mark label element if active (depending on the value). */
-    markLabelActive: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the thumb element if `color="primary"`. */
-    thumbColorPrimary: string;
-    /** Styles applied to the thumb element if `color="secondary"`. */
-    thumbColorSecondary: string;
-    /** Styles applied to the thumb element if `size="small"`. */
-    thumbSizeSmall: string;
-    /** Styles applied to the thumb label element. */
-    valueLabel: string;
-    /** Styles applied to the thumb label element if it's open. */
-    valueLabelOpen: string;
-    /** Styles applied to the thumb label's circle element. */
-    valueLabelCircle: string;
-    /** Styles applied to the thumb label's label element. */
-    valueLabelLabel: string;
-}
-export type SliderClassKey = keyof SliderClasses;
-export declare function getSliderUtilityClass(slot: string): string;
-declare const sliderClasses: SliderClasses;
-export default sliderClasses;
+export interface SliderClasses {
+    /** Styles applied to the root element. */
+    root: 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 `marks` is provided with at least one label. */
+    marked: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** State class applied to the root and thumb element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root if a thumb is being dragged. */
+    dragging: string;
+    /** Styles applied to the rail element. */
+    rail: string;
+    /** Styles applied to the track element. */
+    track: string;
+    /** Styles applied to the root element if `track={false}`. */
+    trackFalse: string;
+    /** Styles applied to the root element if `track="inverted"`. */
+    trackInverted: string;
+    /** Styles applied to the thumb element. */
+    thumb: string;
+    /** State class applied to the thumb element if it's active. */
+    active: string;
+    /** State class applied to the thumb element if keyboard focused. */
+    focusVisible: string;
+    /** Styles applied to the mark element. */
+    mark: string;
+    /** Styles applied to the mark element if active (depending on the value). */
+    markActive: string;
+    /** Styles applied to the mark label element. */
+    markLabel: string;
+    /** Styles applied to the mark label element if active (depending on the value). */
+    markLabelActive: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the thumb element if `color="primary"`. */
+    thumbColorPrimary: string;
+    /** Styles applied to the thumb element if `color="secondary"`. */
+    thumbColorSecondary: string;
+    /** Styles applied to the thumb element if `size="small"`. */
+    thumbSizeSmall: string;
+    /** Styles applied to the thumb label element. */
+    valueLabel: string;
+    /** Styles applied to the thumb label element if it's open. */
+    valueLabelOpen: string;
+    /** Styles applied to the thumb label's circle element. */
+    valueLabelCircle: string;
+    /** Styles applied to the thumb label's label element. */
+    valueLabelLabel: string;
+}
+export type SliderClassKey = keyof SliderClasses;
+export declare function getSliderUtilityClass(slot: string): string;
+declare const sliderClasses: SliderClasses;
+export default sliderClasses;

package/Snackbar/Snackbar.js

@@ -7,8 +7,8 @@ const _excluded = ["onEnter", "onExited"],
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses, useSlotProps } from '@mui/base';
-import ClickAwayListener from '@mui/base/ClickAwayListener';
-import useSnackbar from '@mui/base/useSnackbar';
+import { ClickAwayListener } from '@mui/base/ClickAwayListener';
+import { useSnackbar } from '@mui/base/useSnackbar';
 import styled from '../styles/styled';
 import useTheme from '../styles/useTheme';
 import useThemeProps from '../styles/useThemeProps';

package/Snackbar/snackbarClasses.d.ts

@@ -1,20 +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;
+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/SnackbarContent/SnackbarContent.js

@@ -6,7 +6,7 @@ const _excluded = ["action", "className", "message", "role"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { emphasize } from '@mui/system';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';

package/SnackbarContent/snackbarContentClasses.d.ts

@@ -1,12 +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;
+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.js

@@ -9,7 +9,7 @@ import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import useTheme from '../styles/useTheme';