@mui/material 7.0.2 → 7.1.0

package/esm/MobileStepper/MobileStepper.js

@@ -75,8 +75,7 @@ const MobileStepperRoot = styled(Paper, {
 })));
 const MobileStepperDots = styled('div', {
   name: 'MuiMobileStepper',
-  slot: 'Dots',
-  overridesResolver: (props, styles) => styles.dots
+  slot: 'Dots'
 })({
   variants: [{
     props: {
@@ -127,8 +126,7 @@ const MobileStepperDot = styled('div', {
 })));
 const MobileStepperProgress = styled(LinearProgress, {
   name: 'MuiMobileStepper',
-  slot: 'Progress',
-  overridesResolver: (props, styles) => styles.progress
+  slot: 'Progress'
 })({
   variants: [{
     props: {

package/esm/Modal/Modal.d.ts

@@ -30,9 +30,6 @@ export interface ModalOwnProps {
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
    * })({
    *   zIndex: -1,
    * })

package/esm/Modal/Modal.js

@@ -57,10 +57,7 @@ const ModalRoot = styled('div', {
 })));
 const ModalBackdrop = styled(Backdrop, {
   name: 'MuiModal',
-  slot: 'Backdrop',
-  overridesResolver: (props, styles) => {
-    return styles.backdrop;
-  }
+  slot: 'Backdrop'
 })({
   zIndex: -1
 });
@@ -231,9 +228,6 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
    * })({
    *   zIndex: -1,
    * })

package/esm/Modal/ModalManager.js

@@ -1,4 +1,6 @@
-import { unstable_ownerWindow as ownerWindow, unstable_ownerDocument as ownerDocument, unstable_getScrollbarSize as getScrollbarSize } from '@mui/utils';
+import ownerWindow from '@mui/utils/ownerWindow';
+import ownerDocument from '@mui/utils/ownerDocument';
+import getScrollbarSize from '@mui/utils/getScrollbarSize';
 // Is a vertical scrollbar displayed?
 function isOverflowing(container) {
   const doc = ownerDocument(container);

package/esm/Modal/useModal.d.ts

@@ -1,13 +1,3 @@
 import { UseModalParameters, UseModalReturnValue } from "./useModal.types.js";
-/**
- *
- * Demos:
- *
- * - [Modal](https://mui.com/base-ui/react-modal/#hook)
- *
- * API:
- *
- * - [useModal API](https://mui.com/base-ui/react-modal/hooks-api/#use-modal)
- */
 declare function useModal(parameters: UseModalParameters): UseModalReturnValue;
 export default useModal;

package/esm/Modal/useModal.js

@@ -1,7 +1,10 @@
 'use client';
 
 import * as React from 'react';
-import { unstable_ownerDocument as ownerDocument, unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback, unstable_createChainedFunction as createChainedFunction } from '@mui/utils';
+import ownerDocument from '@mui/utils/ownerDocument';
+import useForkRef from '@mui/utils/useForkRef';
+import useEventCallback from '@mui/utils/useEventCallback';
+import createChainedFunction from '@mui/utils/createChainedFunction';
 import extractEventHandlers from '@mui/utils/extractEventHandlers';
 import { ModalManager, ariaHidden } from "./ModalManager.js";
 function getContainer(container) {
@@ -15,16 +18,6 @@ const noop = () => {};
 // A modal manager used to track and manage the state of open Modals.
 // Modals don't open on the server so this won't conflict with concurrent requests.
 const manager = new ModalManager();
-/**
- *
- * Demos:
- *
- * - [Modal](https://mui.com/base-ui/react-modal/#hook)
- *
- * API:
- *
- * - [useModal API](https://mui.com/base-ui/react-modal/hooks-api/#use-modal)
- */
 function useModal(parameters) {
   const {
     container,

package/esm/NativeSelect/NativeSelect.d.ts

@@ -26,7 +26,7 @@ export interface NativeSelectProps extends StandardProps<InputProps, 'inputProps
    */
   input?: React.ReactElement<unknown, any>;
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes) applied to the `select` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select#attributes) applied to the `select` element.
    */
   inputProps?: Partial<NativeSelectInputProps>;
   /**

package/esm/NativeSelect/NativeSelect.js

@@ -106,7 +106,7 @@ process.env.NODE_ENV !== "production" ? NativeSelect.propTypes /* remove-proptyp
    */
   input: PropTypes.element,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes) applied to the `select` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select#attributes) applied to the `select` element.
    */
   inputProps: PropTypes.object,
   /**

package/esm/NoSsr/NoSsr.js

@@ -2,7 +2,8 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { exactProp, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import exactProp from '@mui/utils/exactProp';
 /**
  * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
  *

package/esm/OutlinedInput/OutlinedInput.d.ts

@@ -1,9 +1,22 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { CreateSlotsAndSlotProps, SlotProps, InternalStandardProps as StandardProps, Theme } from "../index.js";
 import { InputBaseProps } from "../InputBase/index.js";
 import { OutlinedInputClasses } from "./outlinedInputClasses.js";
-export interface OutlinedInputProps extends StandardProps<InputBaseProps> {
+interface OutlinedInputSlots {
+  /**
+   * The component that renders the notchedOutline slot.
+   * @default NotchedOutline
+   */
+  notchedOutline: React.ElementType;
+}
+type OutlinedInputSlotsAndSlotProps = CreateSlotsAndSlotProps<OutlinedInputSlots, {
+  notchedOutline: SlotProps<'fieldset', {}, OutlinedInputOwnerState>;
+}> & {
+  slots?: InputBaseProps['slots'];
+  slotProps?: InputBaseProps['slotProps'];
+};
+export interface OutlinedInputProps extends Omit<StandardProps<InputBaseProps>, 'slots' | 'slotProps'>, OutlinedInputSlotsAndSlotProps {
   /**
    * Override or extend the styles applied to the component.
    */
@@ -22,6 +35,7 @@ export interface OutlinedInputProps extends StandardProps<InputBaseProps> {
    */
   sx?: SxProps<Theme>;
 }
+export interface OutlinedInputOwnerState extends Omit<OutlinedInputProps, 'slots' | 'slotProps'> {}
 
 /**
  *

package/esm/OutlinedInput/OutlinedInput.js

@@ -14,6 +14,7 @@ import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFil
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import outlinedInputClasses, { getOutlinedInputUtilityClass } from "./outlinedInputClasses.js";
 import InputBase, { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from "../InputBase/InputBase.js";
+import useSlot from "../utils/useSlot.js";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -109,8 +110,7 @@ const OutlinedInputRoot = styled(InputBaseRoot, {
 }));
 const NotchedOutlineRoot = styled(NotchedOutline, {
   name: 'MuiOutlinedInput',
-  slot: 'NotchedOutline',
-  overridesResolver: (props, styles) => styles.notchedOutline
+  slot: 'NotchedOutline'
 })(memoTheme(({
   theme
 }) => {
@@ -178,7 +178,6 @@ const OutlinedInputInput = styled(InputBaseInput, {
   }]
 })));
 const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps, ref) {
-  var _React$Fragment;
   const props = useDefaultProps({
     props: inProps,
     name: 'MuiOutlinedInput'
@@ -191,6 +190,7 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
     multiline = false,
     notched,
     slots = {},
+    slotProps = {},
     type = 'text',
     ...other
   } = props;
@@ -216,17 +216,29 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
   };
   const RootSlot = slots.root ?? components.Root ?? OutlinedInputRoot;
   const InputSlot = slots.input ?? components.Input ?? OutlinedInputInput;
+  const [NotchedSlot, notchedProps] = useSlot('notchedOutline', {
+    elementType: NotchedOutlineRoot,
+    className: classes.notchedOutline,
+    shouldForwardComponentProp: true,
+    ownerState,
+    externalForwardedProps: {
+      slots,
+      slotProps
+    },
+    additionalProps: {
+      label: label != null && label !== '' && fcs.required ? /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [label, "\u2009", '*']
+      }) : label
+    }
+  });
   return /*#__PURE__*/_jsx(InputBase, {
     slots: {
       root: RootSlot,
       input: InputSlot
     },
-    renderSuffix: state => /*#__PURE__*/_jsx(NotchedOutlineRoot, {
-      ownerState: ownerState,
-      className: classes.notchedOutline,
-      label: label != null && label !== '' && fcs.required ? _React$Fragment || (_React$Fragment = /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [label, "\u2009", '*']
-      })) : label,
+    slotProps: slotProps,
+    renderSuffix: state => /*#__PURE__*/_jsx(NotchedSlot, {
+      ...notchedProps,
       notched: typeof notched !== 'undefined' ? notched : Boolean(state.startAdornment || state.filled || state.focused)
     }),
     fullWidth: fullWidth,
@@ -312,7 +324,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    */
   inputComponent: PropTypes.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: PropTypes.object,
@@ -377,15 +389,22 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    * Number of rows to display when multiline option is set to true.
    */
   rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    input: PropTypes.object,
+    notchedOutline: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.object
+  }),
   /**
    * The components used for each slot inside.
-   *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
    * @default {}
    */
   slots: PropTypes.shape({
     input: PropTypes.elementType,
+    notchedOutline: PropTypes.elementType,
     root: PropTypes.elementType
   }),
   /**
@@ -397,7 +416,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: PropTypes.string,

package/esm/Pagination/Pagination.js

@@ -34,8 +34,7 @@ const PaginationRoot = styled('nav', {
 })({});
 const PaginationUl = styled('ul', {
   name: 'MuiPagination',
-  slot: 'Ul',
-  overridesResolver: (props, styles) => styles.ul
+  slot: 'Ul'
 })({
   display: 'flex',
   flexWrap: 'wrap',

package/esm/PaginationItem/PaginationItem.js

@@ -244,8 +244,7 @@ const PaginationItemPage = styled(ButtonBase, {
 })));
 const PaginationItemPageIcon = styled('div', {
   name: 'MuiPaginationItem',
-  slot: 'Icon',
-  overridesResolver: (props, styles) => styles.icon
+  slot: 'Icon'
 })(memoTheme(({
   theme
 }) => ({

package/esm/Popover/Popover.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import { BackdropProps, InternalStandardProps as StandardProps } from "../index.js";
 import Paper, { PaperProps } from "../Paper/index.js";
 import Modal, { ModalProps } from "../Modal/index.js";

package/esm/Popover/Popover.js

@@ -62,13 +62,11 @@ const useUtilityClasses = ownerState => {
 };
 export const PopoverRoot = styled(Modal, {
   name: 'MuiPopover',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 export const PopoverPaper = styled(PaperBase, {
   name: 'MuiPopover',
-  slot: 'Paper',
-  overridesResolver: (props, styles) => styles.paper
+  slot: 'Paper'
 })({
   position: 'absolute',
   overflowY: 'auto',

package/esm/Popper/BasePopper.js

@@ -1,7 +1,12 @@
 'use client';
 
 import * as React from 'react';
-import { chainPropTypes, HTMLElementType, refType, unstable_ownerDocument as ownerDocument, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useForkRef as useForkRef } from '@mui/utils';
+import ownerDocument from '@mui/utils/ownerDocument';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import useForkRef from '@mui/utils/useForkRef';
+import chainPropTypes from '@mui/utils/chainPropTypes';
+import HTMLElementType from '@mui/utils/HTMLElementType';
+import refType from '@mui/utils/refType';
 import { createPopper } from '@popperjs/core';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';

package/esm/Popper/Popper.js

@@ -11,8 +11,7 @@ import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PopperRoot = styled(BasePopper, {
   name: 'MuiPopper',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 
 /**

package/esm/Portal/Portal.js

@@ -3,7 +3,12 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-import { exactProp, HTMLElementType, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useForkRef as useForkRef, unstable_setRef as setRef, unstable_getReactElementRef as getReactElementRef } from '@mui/utils';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import useForkRef from '@mui/utils/useForkRef';
+import setRef from '@mui/utils/setRef';
+import getReactElementRef from '@mui/utils/getReactElementRef';
+import exactProp from '@mui/utils/exactProp';
+import HTMLElementType from '@mui/utils/HTMLElementType';
 function getContainer(container) {
   return typeof container === 'function' ? container() : container;
 }

package/esm/Radio/Radio.js

@@ -249,7 +249,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
    */
   id: PropTypes.string,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: PropTypes.object,

package/esm/ScopedCssBaseline/ScopedCssBaseline.js

@@ -21,8 +21,7 @@ const useUtilityClasses = ownerState => {
 };
 const ScopedCssBaselineRoot = styled('div', {
   name: 'MuiScopedCssBaseline',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(memoTheme(({
   theme
 }) => {

package/esm/Select/Select.d.ts

@@ -62,7 +62,7 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
    */
   input?: React.ReactElement<unknown, any>;
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * When `native` is `true`, the attributes are applied on the `select` element.
    */
   inputProps?: InputProps['inputProps'];

package/esm/Select/Select.js

@@ -35,9 +35,8 @@ const useUtilityClasses = ownerState => {
 };
 const styledRootConfig = {
   name: 'MuiSelect',
-  overridesResolver: (props, styles) => styles.root,
-  shouldForwardProp: prop => rootShouldForwardProp(prop) && prop !== 'variant',
-  slot: 'Root'
+  slot: 'Root',
+  shouldForwardProp: prop => rootShouldForwardProp(prop) && prop !== 'variant'
 };
 const StyledInput = styled(Input, styledRootConfig)('');
 const StyledOutlinedInput = styled(OutlinedInput, styledRootConfig)('');
@@ -211,7 +210,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */
    */
   input: PropTypes.element,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * When `native` is `true`, the attributes are applied on the `select` element.
    */
   inputProps: PropTypes.object,

package/esm/Select/SelectInput.d.ts

@@ -8,12 +8,20 @@ import { MenuProps } from "../Menu/index.js";
  * 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<Value = string> = (Event & {
+
+export type SelectChangeEvent<Value = string> = Value extends (string & {}) | number ? React.ChangeEvent<Omit<HTMLInputElement, 'value'> & {
+  value: Value;
+}> | (Event & {
+  target: {
+    value: Value;
+    name: string;
+  };
+}) : React.ChangeEvent<HTMLInputElement> | (Event & {
   target: {
     value: Value;
     name: string;
   };
-}) | React.ChangeEvent<HTMLInputElement>;
+});
 export interface SelectInputProps<Value = unknown> {
   autoFocus?: boolean;
   autoWidth: boolean;

package/esm/Select/SelectInput.js

@@ -64,8 +64,7 @@ const SelectIcon = styled(StyledSelectIcon, {
 const SelectNativeInput = styled('input', {
   shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'classes',
   name: 'MuiSelect',
-  slot: 'NativeInput',
-  overridesResolver: (props, styles) => styles.nativeInput
+  slot: 'NativeInput'
 })({
   bottom: 0,
   left: 0,

package/esm/Slider/Slider.js

@@ -126,8 +126,7 @@ export const SliderRoot = styled('span', {
 })));
 export const SliderRail = styled('span', {
   name: 'MuiSlider',
-  slot: 'Rail',
-  overridesResolver: (props, styles) => styles.rail
+  slot: 'Rail'
 })({
   display: 'block',
   position: 'absolute',
@@ -165,8 +164,7 @@ export const SliderRail = styled('span', {
 });
 export const SliderTrack = styled('span', {
   name: 'MuiSlider',
-  slot: 'Track',
-  overridesResolver: (props, styles) => styles.track
+  slot: 'Track'
 })(memoTheme(({
   theme
 }) => {
@@ -337,8 +335,7 @@ export const SliderThumb = styled('span', {
 })));
 const SliderValueLabel = styled(BaseSliderValueLabel, {
   name: 'MuiSlider',
-  slot: 'ValueLabel',
-  overridesResolver: (props, styles) => styles.valueLabel
+  slot: 'ValueLabel'
 })(memoTheme(({
   theme
 }) => ({
@@ -490,8 +487,7 @@ export const SliderMark = styled('span', {
 export const SliderMarkLabel = styled('span', {
   name: 'MuiSlider',
   slot: 'MarkLabel',
-  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markLabelActive',
-  overridesResolver: (props, styles) => styles.markLabel
+  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markLabelActive'
 })(memoTheme(({
   theme
 }) => ({

package/esm/Slider/SliderValueLabel.js

@@ -31,7 +31,7 @@ export default function SliderValueLabel(props) {
     return null;
   }
   return /*#__PURE__*/React.cloneElement(children, {
-    className: clsx(children.props.className)
+    className: children.props.className
   }, /*#__PURE__*/_jsxs(React.Fragment, {
     children: [children.props.children, /*#__PURE__*/_jsx("span", {
       className: clsx(classes.offset, className),

package/esm/Slider/useSlider.d.ts

@@ -1,14 +1,4 @@
 import { UseSliderParameters, UseSliderReturnValue } from "./useSlider.types.js";
 export declare function valueToPercent(value: number, min: number, max: number): number;
 export declare const Identity: (x: any) => any;
-/**
- *
- * Demos:
- *
- * - [Slider](https://mui.com/base-ui/react-slider/#hook)
- *
- * API:
- *
- * - [useSlider API](https://mui.com/base-ui/react-slider/hooks-api/#use-slider)
- */
 export declare function useSlider(parameters: UseSliderParameters): UseSliderReturnValue;

package/esm/Slider/useSlider.js

@@ -1,7 +1,14 @@
 'use client';
 
 import * as React from 'react';
-import { unstable_ownerDocument as ownerDocument, unstable_useControlled as useControlled, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback, unstable_useForkRef as useForkRef, unstable_isFocusVisible as isFocusVisible, visuallyHidden, clamp } from '@mui/utils';
+import ownerDocument from '@mui/utils/ownerDocument';
+import useControlled from '@mui/utils/useControlled';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import useEventCallback from '@mui/utils/useEventCallback';
+import useForkRef from '@mui/utils/useForkRef';
+import isFocusVisible from '@mui/utils/isFocusVisible';
+import visuallyHidden from '@mui/utils/visuallyHidden';
+import clamp from '@mui/utils/clamp';
 import extractEventHandlers from '@mui/utils/extractEventHandlers';
 import areArraysEqual from "../utils/areArraysEqual.js";
 const INTENTIONAL_DRAG_COUNT_THRESHOLD = 2;
@@ -149,16 +156,6 @@ function doesSupportTouchActionNone() {
   }
   return cachedSupportsTouchActionNone;
 }
-/**
- *
- * Demos:
- *
- * - [Slider](https://mui.com/base-ui/react-slider/#hook)
- *
- * API:
- *
- * - [useSlider API](https://mui.com/base-ui/react-slider/hooks-api/#use-slider)
- */
 export function useSlider(parameters) {
   const {
     'aria-labelledby': ariaLabelledby,

package/esm/Snackbar/Snackbar.js

@@ -204,7 +204,11 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     externalForwardedProps,
     getSlotProps: handlers => ({
       onClickAway: (...params) => {
+        const event = params[0];
         handlers.onClickAway?.(...params);
+        if (event?.defaultMuiPrevented) {
+          return;
+        }
         onClickAway(...params);
       }
     }),

package/esm/Snackbar/useSnackbar.d.ts

@@ -1,14 +1,3 @@
 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/esm/Snackbar/useSnackbar.js

@@ -1,19 +1,9 @@
 'use client';
 
 import * as React from 'react';
-import { unstable_useEventCallback as useEventCallback, unstable_useTimeout as useTimeout } from '@mui/utils';
+import useEventCallback from '@mui/utils/useEventCallback';
+import useTimeout from '@mui/utils/useTimeout';
 import extractEventHandlers from '@mui/utils/extractEventHandlers';
-/**
- * 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)
- */
 function useSnackbar(parameters = {}) {
   const {
     autoHideDuration = null,

package/esm/SnackbarContent/SnackbarContent.js

@@ -24,8 +24,7 @@ const useUtilityClasses = ownerState => {
 };
 const SnackbarContentRoot = styled(Paper, {
   name: 'MuiSnackbarContent',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(memoTheme(({
   theme
 }) => {
@@ -49,15 +48,13 @@ const SnackbarContentRoot = styled(Paper, {
 }));
 const SnackbarContentMessage = styled('div', {
   name: 'MuiSnackbarContent',
-  slot: 'Message',
-  overridesResolver: (props, styles) => styles.message
+  slot: 'Message'
 })({
   padding: '8px 0'
 });
 const SnackbarContentAction = styled('div', {
   name: 'MuiSnackbarContent',
-  slot: 'Action',
-  overridesResolver: (props, styles) => styles.action
+  slot: 'Action'
 })({
   display: 'flex',
   alignItems: 'center',

package/esm/SpeedDial/SpeedDial.js

@@ -111,8 +111,7 @@ const SpeedDialRoot = styled('div', {
 })));
 const SpeedDialFab = styled(Fab, {
   name: 'MuiSpeedDial',
-  slot: 'Fab',
-  overridesResolver: (props, styles) => styles.fab
+  slot: 'Fab'
 })({
   pointerEvents: 'auto'
 });