@mui/material 7.0.2 → 7.1.0

package/OutlinedInput/OutlinedInput.js

@@ -21,6 +21,7 @@ var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/c
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _outlinedInputClasses = _interopRequireWildcard(require("./outlinedInputClasses"));
 var _InputBase = _interopRequireWildcard(require("../InputBase/InputBase"));
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
@@ -116,8 +117,7 @@ const OutlinedInputRoot = (0, _zeroStyled.styled)(_InputBase.InputBaseRoot, {
 }));
 const NotchedOutlineRoot = (0, _zeroStyled.styled)(_NotchedOutline.default, {
   name: 'MuiOutlinedInput',
-  slot: 'NotchedOutline',
-  overridesResolver: (props, styles) => styles.notchedOutline
+  slot: 'NotchedOutline'
 })((0, _memoTheme.default)(({
   theme
 }) => {
@@ -185,7 +185,6 @@ const OutlinedInputInput = (0, _zeroStyled.styled)(_InputBase.InputBaseInput, {
   }]
 })));
 const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps, ref) {
-  var _React$Fragment;
   const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiOutlinedInput'
@@ -198,6 +197,7 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
     multiline = false,
     notched,
     slots = {},
+    slotProps = {},
     type = 'text',
     ...other
   } = props;
@@ -223,17 +223,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] = (0, _useSlot.default)('notchedOutline', {
+    elementType: NotchedOutlineRoot,
+    className: classes.notchedOutline,
+    shouldForwardComponentProp: true,
+    ownerState,
+    externalForwardedProps: {
+      slots,
+      slotProps
+    },
+    additionalProps: {
+      label: label != null && label !== '' && fcs.required ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [label, "\u2009", '*']
+      }) : label
+    }
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
     slots: {
       root: RootSlot,
       input: InputSlot
     },
-    renderSuffix: state => /*#__PURE__*/(0, _jsxRuntime.jsx)(NotchedOutlineRoot, {
-      ownerState: ownerState,
-      className: classes.notchedOutline,
-      label: label != null && label !== '' && fcs.required ? _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-        children: [label, "\u2009", '*']
-      })) : label,
+    slotProps: slotProps,
+    renderSuffix: state => /*#__PURE__*/(0, _jsxRuntime.jsx)(NotchedSlot, {
+      ...notchedProps,
       notched: typeof notched !== 'undefined' ? notched : Boolean(state.startAdornment || state.filled || state.focused)
     }),
     fullWidth: fullWidth,
@@ -319,7 +331,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    */
   inputComponent: _propTypes.default.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.default.object,
@@ -384,15 +396,22 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    * Number of rows to display when multiline option is set to true.
    */
   rows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    input: _propTypes.default.object,
+    notchedOutline: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.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.default.shape({
     input: _propTypes.default.elementType,
+    notchedOutline: _propTypes.default.elementType,
     root: _propTypes.default.elementType
   }),
   /**
@@ -404,7 +423,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.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.default.string,

package/Pagination/Pagination.js

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

package/PaginationItem/PaginationItem.js

@@ -251,8 +251,7 @@ const PaginationItemPage = (0, _zeroStyled.styled)(_ButtonBase.default, {
 })));
 const PaginationItemPageIcon = (0, _zeroStyled.styled)('div', {
   name: 'MuiPaginationItem',
-  slot: 'Icon',
-  overridesResolver: (props, styles) => styles.icon
+  slot: 'Icon'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/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/Popover/Popover.js

@@ -71,13 +71,11 @@ const useUtilityClasses = ownerState => {
 };
 const PopoverRoot = exports.PopoverRoot = (0, _zeroStyled.styled)(_Modal.default, {
   name: 'MuiPopover',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const PopoverPaper = exports.PopoverPaper = (0, _zeroStyled.styled)(_Paper.default, {
   name: 'MuiPopover',
-  slot: 'Paper',
-  overridesResolver: (props, styles) => styles.paper
+  slot: 'Paper'
 })({
   position: 'absolute',
   overflowY: 'auto',

package/Popper/BasePopper.js

@@ -8,7 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
+var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _core = require("@popperjs/core");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -72,11 +77,11 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
     ...other
   } = props;
   const tooltipRef = React.useRef(null);
-  const ownRef = (0, _utils.unstable_useForkRef)(tooltipRef, forwardedRef);
+  const ownRef = (0, _useForkRef.default)(tooltipRef, forwardedRef);
   const popperRef = React.useRef(null);
-  const handlePopperRef = (0, _utils.unstable_useForkRef)(popperRef, popperRefProp);
+  const handlePopperRef = (0, _useForkRef.default)(popperRef, popperRefProp);
   const handlePopperRefRef = React.useRef(handlePopperRef);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     handlePopperRefRef.current = handlePopperRef;
   }, [handlePopperRef]);
   React.useImperativeHandle(popperRefProp, () => popperRef.current, []);
@@ -97,7 +102,7 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
       setResolvedAnchorElement(resolveAnchorEl(anchorEl));
     }
   }, [anchorEl]);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (!resolvedAnchorElement || !open) {
       return undefined;
     }
@@ -215,7 +220,7 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(props, forwardedRef
     container = containerProp;
   } else if (anchorEl) {
     const resolvedAnchorEl = resolveAnchorEl(anchorEl);
-    container = resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) ? (0, _utils.unstable_ownerDocument)(resolvedAnchorEl).body : (0, _utils.unstable_ownerDocument)(null).body;
+    container = resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) ? (0, _ownerDocument.default)(resolvedAnchorEl).body : (0, _ownerDocument.default)(null).body;
   }
   const display = !open && keepMounted && (!transition || exited) ? 'none' : undefined;
   const transitionProps = transition ? {
@@ -264,7 +269,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * It's used to set the position of the popper.
    * The return value will passed as the reference object of the Popper instance.
    */
-  anchorEl: (0, _utils.chainPropTypes)(_propTypes.default.oneOfType([_utils.HTMLElementType, _propTypes.default.object, _propTypes.default.func]), props => {
+  anchorEl: (0, _chainPropTypes.default)(_propTypes.default.oneOfType([_HTMLElementType.default, _propTypes.default.object, _propTypes.default.func]), props => {
     if (props.open) {
       const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);
       if (resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) && resolvedAnchorEl.nodeType === 1) {
@@ -292,7 +297,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_utils.HTMLElementType, _propTypes.default.func]),
+  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.func]),
   /**
    * Direction of the text.
    * @default 'ltr'
@@ -352,7 +357,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
   /**
    * A ref that points to the used popper instance.
    */
-  popperRef: _utils.refType,
+  popperRef: _refType.default,
   /**
    * The props used for each slot inside the Popper.
    * @default {}

package/Popper/Popper.js

@@ -18,8 +18,7 @@ var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 const PopperRoot = (0, _zeroStyled.styled)(_BasePopper.default, {
   name: 'MuiPopper',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 
 /**

package/Portal/Portal.js

@@ -10,7 +10,12 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _setRef = _interopRequireDefault(require("@mui/utils/setRef"));
+var _getReactElementRef = _interopRequireDefault(require("@mui/utils/getReactElementRef"));
+var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
+var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
 function getContainer(container) {
   return typeof container === 'function' ? container() : container;
 }
@@ -34,17 +39,17 @@ const Portal = /*#__PURE__*/React.forwardRef(function Portal(props, forwardedRef
     disablePortal = false
   } = props;
   const [mountNode, setMountNode] = React.useState(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(/*#__PURE__*/React.isValidElement(children) ? (0, _utils.unstable_getReactElementRef)(children) : null, forwardedRef);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  const handleRef = (0, _useForkRef.default)(/*#__PURE__*/React.isValidElement(children) ? (0, _getReactElementRef.default)(children) : null, forwardedRef);
+  (0, _useEnhancedEffect.default)(() => {
     if (!disablePortal) {
       setMountNode(getContainer(container) || document.body);
     }
   }, [container, disablePortal]);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (mountNode && !disablePortal) {
-      (0, _utils.unstable_setRef)(forwardedRef, mountNode);
+      (0, _setRef.default)(forwardedRef, mountNode);
       return () => {
-        (0, _utils.unstable_setRef)(forwardedRef, null);
+        (0, _setRef.default)(forwardedRef, null);
       };
     }
     return undefined;
@@ -79,7 +84,7 @@ process.env.NODE_ENV !== "production" ? Portal.propTypes /* remove-proptypes */
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_utils.HTMLElementType, _propTypes.default.func]),
+  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.func]),
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
@@ -88,6 +93,6 @@ process.env.NODE_ENV !== "production" ? Portal.propTypes /* remove-proptypes */
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
   // eslint-disable-next-line
-  Portal['propTypes' + ''] = (0, _utils.exactProp)(Portal.propTypes);
+  Portal['propTypes' + ''] = (0, _exactProp.default)(Portal.propTypes);
 }
 var _default = exports.default = Portal;

package/Radio/Radio.js

@@ -256,7 +256,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
    */
   id: _propTypes.default.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.default.object,

package/ScopedCssBaseline/ScopedCssBaseline.js

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

package/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/Select/Select.js

@@ -42,9 +42,8 @@ const useUtilityClasses = ownerState => {
 };
 const styledRootConfig = {
   name: 'MuiSelect',
-  overridesResolver: (props, styles) => styles.root,
-  shouldForwardProp: prop => (0, _rootShouldForwardProp.default)(prop) && prop !== 'variant',
-  slot: 'Root'
+  slot: 'Root',
+  shouldForwardProp: prop => (0, _rootShouldForwardProp.default)(prop) && prop !== 'variant'
 };
 const StyledInput = (0, _zeroStyled.styled)(_Input.default, styledRootConfig)('');
 const StyledOutlinedInput = (0, _zeroStyled.styled)(_OutlinedInput.default, styledRootConfig)('');
@@ -218,7 +217,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */
    */
   input: _propTypes.default.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.default.object,

package/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/Select/SelectInput.js

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

package/Slider/Slider.js

@@ -133,8 +133,7 @@ const SliderRoot = exports.SliderRoot = (0, _zeroStyled.styled)('span', {
 })));
 const SliderRail = exports.SliderRail = (0, _zeroStyled.styled)('span', {
   name: 'MuiSlider',
-  slot: 'Rail',
-  overridesResolver: (props, styles) => styles.rail
+  slot: 'Rail'
 })({
   display: 'block',
   position: 'absolute',
@@ -172,8 +171,7 @@ const SliderRail = exports.SliderRail = (0, _zeroStyled.styled)('span', {
 });
 const SliderTrack = exports.SliderTrack = (0, _zeroStyled.styled)('span', {
   name: 'MuiSlider',
-  slot: 'Track',
-  overridesResolver: (props, styles) => styles.track
+  slot: 'Track'
 })((0, _memoTheme.default)(({
   theme
 }) => {
@@ -344,8 +342,7 @@ const SliderThumb = exports.SliderThumb = (0, _zeroStyled.styled)('span', {
 })));
 const SliderValueLabel = exports.SliderValueLabel = (0, _zeroStyled.styled)(_SliderValueLabel.default, {
   name: 'MuiSlider',
-  slot: 'ValueLabel',
-  overridesResolver: (props, styles) => styles.valueLabel
+  slot: 'ValueLabel'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -496,8 +493,7 @@ const SliderMark = exports.SliderMark = (0, _zeroStyled.styled)('span', {
 const SliderMarkLabel = exports.SliderMarkLabel = (0, _zeroStyled.styled)('span', {
   name: 'MuiSlider',
   slot: 'MarkLabel',
-  shouldForwardProp: prop => (0, _slotShouldForwardProp.default)(prop) && prop !== 'markLabelActive',
-  overridesResolver: (props, styles) => styles.markLabel
+  shouldForwardProp: prop => (0, _slotShouldForwardProp.default)(prop) && prop !== 'markLabelActive'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/Slider/SliderValueLabel.js

@@ -38,7 +38,7 @@ function SliderValueLabel(props) {
     return null;
   }
   return /*#__PURE__*/React.cloneElement(children, {
-    className: (0, _clsx.default)(children.props.className)
+    className: children.props.className
   }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [children.props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _clsx.default)(classes.offset, className),

package/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/Slider/useSlider.js

@@ -10,7 +10,14 @@ exports.Identity = void 0;
 exports.useSlider = useSlider;
 exports.valueToPercent = valueToPercent;
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
+var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _isFocusVisible = _interopRequireDefault(require("@mui/utils/isFocusVisible"));
+var _visuallyHidden = _interopRequireDefault(require("@mui/utils/visuallyHidden"));
+var _clamp = _interopRequireDefault(require("@mui/utils/clamp"));
 var _extractEventHandlers = _interopRequireDefault(require("@mui/utils/extractEventHandlers"));
 var _areArraysEqual = _interopRequireDefault(require("../utils/areArraysEqual"));
 const INTENTIONAL_DRAG_COUNT_THRESHOLD = 2;
@@ -92,7 +99,7 @@ function focusThumb({
   activeIndex,
   setActive
 }) {
-  const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
+  const doc = (0, _ownerDocument.default)(sliderRef.current);
   if (!sliderRef.current?.contains(doc.activeElement) || Number(doc?.activeElement?.getAttribute('data-index')) !== activeIndex) {
     sliderRef.current?.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
   }
@@ -159,16 +166,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)
- */
 function useSlider(parameters) {
   const {
     'aria-labelledby': ariaLabelledby,
@@ -200,7 +197,7 @@ function useSlider(parameters) {
   const moveCount = React.useRef(0);
   // lastChangedValue is updated whenever onChange is triggered.
   const lastChangedValue = React.useRef(null);
-  const [valueDerived, setValueState] = (0, _utils.unstable_useControlled)({
+  const [valueDerived, setValueState] = (0, _useControlled.default)({
     controlled: valueProp,
     default: defaultValue ?? min,
     name: 'Slider'
@@ -225,24 +222,24 @@ function useSlider(parameters) {
   });
   const range = Array.isArray(valueDerived);
   let values = range ? valueDerived.slice().sort(asc) : [valueDerived];
-  values = values.map(value => value == null ? min : (0, _utils.clamp)(value, min, max));
+  values = values.map(value => value == null ? min : (0, _clamp.default)(value, min, max));
   const marks = marksProp === true && step !== null ? [...Array(Math.floor((max - min) / step) + 1)].map((_, index) => ({
     value: min + step * index
   })) : marksProp || [];
   const marksValues = marks.map(mark => mark.value);
   const [focusedThumbIndex, setFocusedThumbIndex] = React.useState(-1);
   const sliderRef = React.useRef(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(ref, sliderRef);
+  const handleRef = (0, _useForkRef.default)(ref, sliderRef);
   const createHandleHiddenInputFocus = otherHandlers => event => {
     const index = Number(event.currentTarget.getAttribute('data-index'));
-    if ((0, _utils.unstable_isFocusVisible)(event.target)) {
+    if ((0, _isFocusVisible.default)(event.target)) {
       setFocusedThumbIndex(index);
     }
     setOpen(index);
     otherHandlers?.onFocus?.(event);
   };
   const createHandleHiddenInputBlur = otherHandlers => event => {
-    if (!(0, _utils.unstable_isFocusVisible)(event.target)) {
+    if (!(0, _isFocusVisible.default)(event.target)) {
       setFocusedThumbIndex(-1);
     }
     setOpen(-1);
@@ -263,11 +260,11 @@ function useSlider(parameters) {
         newValue = newValue < value ? marksValues[marksIndex - 1] : marksValues[marksIndex + 1];
       }
     }
-    newValue = (0, _utils.clamp)(newValue, min, max);
+    newValue = (0, _clamp.default)(newValue, min, max);
     if (range) {
       // Bound the new value to the thumb's neighbours.
       if (disableSwap) {
-        newValue = (0, _utils.clamp)(newValue, values[index - 1] || -Infinity, values[index + 1] || Infinity);
+        newValue = (0, _clamp.default)(newValue, values[index - 1] || -Infinity, values[index + 1] || Infinity);
       }
       const previousValue = newValue;
       newValue = setValueIndex({
@@ -359,7 +356,7 @@ function useSlider(parameters) {
     }
     otherHandlers?.onKeyDown?.(event);
   };
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (disabled && sliderRef.current.contains(document.activeElement)) {
       // This is necessary because Firefox and Safari will keep focus
       // on a disabled element:
@@ -415,7 +412,7 @@ function useSlider(parameters) {
       const closestIndex = findClosest(marksValues, newValue);
       newValue = marksValues[closestIndex];
     }
-    newValue = (0, _utils.clamp)(newValue, min, max);
+    newValue = (0, _clamp.default)(newValue, min, max);
     let activeIndex = 0;
     if (range) {
       if (!move) {
@@ -426,7 +423,7 @@ function useSlider(parameters) {
 
       // Bound the new value to the thumb's neighbours.
       if (disableSwap) {
-        newValue = (0, _utils.clamp)(newValue, values[activeIndex - 1] || -Infinity, values[activeIndex + 1] || Infinity);
+        newValue = (0, _clamp.default)(newValue, values[activeIndex - 1] || -Infinity, values[activeIndex + 1] || Infinity);
       }
       const previousValue = newValue;
       newValue = setValueIndex({
@@ -446,7 +443,7 @@ function useSlider(parameters) {
       activeIndex
     };
   };
-  const handleTouchMove = (0, _utils.unstable_useEventCallback)(nativeEvent => {
+  const handleTouchMove = (0, _useEventCallback.default)(nativeEvent => {
     const finger = trackFinger(nativeEvent, touchId);
     if (!finger) {
       return;
@@ -480,7 +477,7 @@ function useSlider(parameters) {
       handleChange(nativeEvent, newValue, activeIndex);
     }
   });
-  const handleTouchEnd = (0, _utils.unstable_useEventCallback)(nativeEvent => {
+  const handleTouchEnd = (0, _useEventCallback.default)(nativeEvent => {
     const finger = trackFinger(nativeEvent, touchId);
     setDragging(false);
     if (!finger) {
@@ -504,7 +501,7 @@ function useSlider(parameters) {
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
     stopListening();
   });
-  const handleTouchStart = (0, _utils.unstable_useEventCallback)(nativeEvent => {
+  const handleTouchStart = (0, _useEventCallback.default)(nativeEvent => {
     if (disabled) {
       return;
     }
@@ -536,7 +533,7 @@ function useSlider(parameters) {
       }
     }
     moveCount.current = 0;
-    const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
+    const doc = (0, _ownerDocument.default)(sliderRef.current);
     doc.addEventListener('touchmove', handleTouchMove, {
       passive: true
     });
@@ -545,7 +542,7 @@ function useSlider(parameters) {
     });
   });
   const stopListening = React.useCallback(() => {
-    const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
+    const doc = (0, _ownerDocument.default)(sliderRef.current);
     doc.removeEventListener('mousemove', handleTouchMove);
     doc.removeEventListener('mouseup', handleTouchEnd);
     doc.removeEventListener('touchmove', handleTouchMove);
@@ -603,7 +600,7 @@ function useSlider(parameters) {
       }
     }
     moveCount.current = 0;
-    const doc = (0, _utils.unstable_ownerDocument)(sliderRef.current);
+    const doc = (0, _ownerDocument.default)(sliderRef.current);
     doc.addEventListener('mousemove', handleTouchMove, {
       passive: true
     });
@@ -684,7 +681,7 @@ function useSlider(parameters) {
       ...externalProps,
       ...mergedEventHandlers,
       style: {
-        ..._utils.visuallyHidden,
+        ..._visuallyHidden.default,
         direction: isRtl ? 'rtl' : 'ltr',
         // So that VoiceOver's focus indicator matches the thumb's dimensions
         width: '100%',

package/Snackbar/Snackbar.js

@@ -211,7 +211,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);
       }
     }),