@mui/material 5.15.10 → 5.15.12

package/node/Tabs/Tabs.js

@@ -12,8 +12,9 @@ var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _base = require("@mui/base");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
+var _utils = require("@mui/base/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
@@ -91,7 +92,7 @@ const useUtilityClasses = ownerState => {
     scrollableX: [scrollableX && 'scrollableX'],
     hideScrollbar: [hideScrollbar && 'hideScrollbar']
   };
-  return (0, _base.unstable_composeClasses)(slots, _tabsClasses.getTabsUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tabsClasses.getTabsUtilityClass, classes);
 };
 const TabsRoot = (0, _styled.default)('div', {
   name: 'MuiTabs',
@@ -266,12 +267,12 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     scrollButtonsHideMobile: !allowScrollButtonsMobile
   });
   const classes = useUtilityClasses(ownerState);
-  const startScrollButtonIconProps = (0, _base.useSlotProps)({
+  const startScrollButtonIconProps = (0, _utils.useSlotProps)({
     elementType: slots.StartScrollButtonIcon,
     externalSlotProps: slotProps.startScrollButtonIcon,
     ownerState
   });
-  const endScrollButtonIconProps = (0, _base.useSlotProps)({
+  const endScrollButtonIconProps = (0, _utils.useSlotProps)({
     elementType: slots.EndScrollButtonIcon,
     externalSlotProps: slotProps.endScrollButtonIcon,
     ownerState
@@ -706,7 +707,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: _utils.refType,
+  action: _refType.default,
   /**
    * If `true`, the scroll buttons aren't forced hidden on mobile.
    * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.

package/node/TextField/TextField.js

@@ -11,8 +11,9 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _Input = _interopRequireDefault(require("../Input"));
@@ -39,7 +40,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _textFieldClasses.getTextFieldUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _textFieldClasses.getTextFieldUtilityClass, classes);
 };
 const TextFieldRoot = (0, _styled.default)(_FormControl.default, {
   name: 'MuiTextField',
@@ -150,7 +151,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     }
     InputMore['aria-describedby'] = undefined;
   }
-  const id = (0, _utils.unstable_useId)(idOverride);
+  const id = (0, _useId.default)(idOverride);
   const helperTextId = helperText && id ? `${id}-helper-text` : undefined;
   const inputLabelId = label && id ? `${id}-label` : undefined;
   const InputComponent = variantComponent[variant];
@@ -292,7 +293,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/node/ToggleButton/ToggleButton.js

@@ -12,8 +12,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _composeClasses = require("@mui/base/composeClasses");
+var _resolveProps = _interopRequireDefault(require("@mui/utils/resolveProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("../styles");
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -40,7 +40,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', selected && 'selected', disabled && 'disabled', fullWidth && 'fullWidth', `size${(0, _capitalize.default)(size)}`, color]
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _toggleButtonClasses.getToggleButtonUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _toggleButtonClasses.getToggleButtonUtilityClass, classes);
 };
 const ToggleButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   name: 'MuiToggleButton',
@@ -108,7 +108,7 @@ const ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps
     } = _React$useContext,
     contextProps = (0, _objectWithoutPropertiesLoose2.default)(_React$useContext, _excluded);
   const toggleButtonGroupButtonContextPositionClassName = React.useContext(_ToggleButtonGroupButtonContext.default);
-  const resolvedProps = (0, _utils.internal_resolveProps)((0, _extends2.default)({}, contextProps, {
+  const resolvedProps = (0, _resolveProps.default)((0, _extends2.default)({}, contextProps, {
     selected: (0, _isValueSelected.default)(inProps.value, contextValue)
   }), inProps);
   const props = (0, _useThemeProps.default)({

package/node/ToggleButtonGroup/ToggleButtonGroup.js

@@ -12,8 +12,8 @@ var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _getValidReactChildren = _interopRequireDefault(require("@mui/utils/getValidReactChildren"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -39,7 +39,7 @@ const useUtilityClasses = ownerState => {
     lastButton: ['lastButton'],
     middleButton: ['middleButton']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _toggleButtonGroupClasses.getToggleButtonGroupUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _toggleButtonGroupClasses.getToggleButtonGroupUtilityClass, classes);
 };
 const ToggleButtonGroupRoot = (0, _styled.default)('div', {
   name: 'MuiToggleButtonGroup',
@@ -167,7 +167,7 @@ const ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGro
     color,
     disabled
   }), [classes.grouped, exclusive, handleExclusiveChange, handleChange, value, size, fullWidth, color, disabled]);
-  const validChildren = (0, _utils.getValidReactChildren)(children);
+  const validChildren = (0, _getValidReactChildren.default)(children);
   const childrenCount = validChildren.length;
   const getButtonPositionClassName = index => {
     const isFirstButton = index === 0;

package/node/Toolbar/Toolbar.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = require("@mui/base/composeClasses");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _toolbarClasses = require("./toolbarClasses");
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', !disableGutters && 'gutters', variant]
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _toolbarClasses.getToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _toolbarClasses.getToolbarUtilityClass, classes);
 };
 const ToolbarRoot = (0, _styled.default)('div', {
   name: 'MuiToolbar',

package/node/Tooltip/Tooltip.js

@@ -12,9 +12,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _base = require("@mui/base");
-var _system = require("@mui/system");
+var _useTimeout = _interopRequireWildcard(require("@mui/utils/useTimeout"));
+var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
+var _utils = require("@mui/base/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _colorManipulator = require("@mui/system/colorManipulator");
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
@@ -47,7 +49,7 @@ const useUtilityClasses = ownerState => {
     tooltip: ['tooltip', arrow && 'tooltipArrow', touch && 'touch', `tooltipPlacement${(0, _capitalize.default)(placement.split('-')[0])}`],
     arrow: ['arrow']
   };
-  return (0, _base.unstable_composeClasses)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
 };
 const TooltipPopper = (0, _styled.default)(_Popper.default, {
   name: 'MuiTooltip',
@@ -124,7 +126,7 @@ const TooltipTooltip = (0, _styled.default)('div', {
   theme,
   ownerState
 }) => (0, _extends2.default)({
-  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _system.alpha)(theme.palette.grey[700], 0.92),
+  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _colorManipulator.alpha)(theme.palette.grey[700], 0.92),
   borderRadius: (theme.vars || theme).shape.borderRadius,
   color: (theme.vars || theme).palette.common.white,
   fontFamily: theme.typography.fontFamily,
@@ -190,7 +192,7 @@ const TooltipArrow = (0, _styled.default)('span', {
   width: '1em',
   height: '0.71em' /* = width / sqrt(2) = (length of the hypotenuse) */,
   boxSizing: 'border-box',
-  color: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _system.alpha)(theme.palette.grey[700], 0.9),
+  color: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _colorManipulator.alpha)(theme.palette.grey[700], 0.9),
   '&::before': {
     content: '""',
     margin: 'auto',
@@ -202,7 +204,7 @@ const TooltipArrow = (0, _styled.default)('span', {
   }
 }));
 let hystersisOpen = false;
-const hystersisTimer = new _utils.unstable_Timeout();
+const hystersisTimer = new _useTimeout.Timeout();
 let cursorPosition = {
   x: 0,
   y: 0
@@ -268,10 +270,10 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const [arrowRef, setArrowRef] = React.useState(null);
   const ignoreNonTouchEvents = React.useRef(false);
   const disableInteractive = disableInteractiveProp || followCursor;
-  const closeTimer = (0, _utils.unstable_useTimeout)();
-  const enterTimer = (0, _utils.unstable_useTimeout)();
-  const leaveTimer = (0, _utils.unstable_useTimeout)();
-  const touchTimer = (0, _utils.unstable_useTimeout)();
+  const closeTimer = (0, _useTimeout.default)();
+  const enterTimer = (0, _useTimeout.default)();
+  const leaveTimer = (0, _useTimeout.default)();
+  const touchTimer = (0, _useTimeout.default)();
   const [openState, setOpenState] = (0, _useControlled.default)({
     controlled: openProp,
     default: false,
@@ -330,7 +332,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       ignoreNonTouchEvents.current = false;
     });
   });
-  const handleEnter = event => {
+  const handleMouseOver = event => {
     if (ignoreNonTouchEvents.current && event.type !== 'touchstart') {
       return;
     }
@@ -351,7 +353,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       handleOpen(event);
     }
   };
-  const handleLeave = event => {
+  const handleMouseLeave = event => {
     enterTimer.clear();
     leaveTimer.start(leaveDelay, () => {
       handleClose(event);
@@ -370,7 +372,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     handleBlurVisible(event);
     if (isFocusVisibleRef.current === false) {
       setChildIsFocusVisible(false);
-      handleLeave(event);
+      handleMouseLeave(event);
     }
   };
   const handleFocus = event => {
@@ -383,7 +385,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     handleFocusVisible(event);
     if (isFocusVisibleRef.current === true) {
       setChildIsFocusVisible(true);
-      handleEnter(event);
+      handleMouseOver(event);
     }
   };
   const detectTouchStart = event => {
@@ -393,8 +395,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       childrenProps.onTouchStart(event);
     }
   };
-  const handleMouseOver = handleEnter;
-  const handleMouseLeave = handleLeave;
   const handleTouchStart = event => {
     detectTouchStart(event);
     leaveTimer.clear();
@@ -405,7 +405,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     document.body.style.WebkitUserSelect = 'none';
     touchTimer.start(enterTouchDelay, () => {
       document.body.style.WebkitUserSelect = prevUserSelect.current;
-      handleEnter(event);
+      handleMouseOver(event);
     });
   };
   const handleTouchEnd = event => {
@@ -539,14 +539,14 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const TransitionComponent = (_ref2 = (_ref3 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref3 : TransitionComponentProp) != null ? _ref2 : _Grow.default;
   const TooltipComponent = (_ref4 = (_slots$tooltip = slots.tooltip) != null ? _slots$tooltip : components.Tooltip) != null ? _ref4 : TooltipTooltip;
   const ArrowComponent = (_ref5 = (_slots$arrow = slots.arrow) != null ? _slots$arrow : components.Arrow) != null ? _ref5 : TooltipArrow;
-  const popperProps = (0, _base.appendOwnerState)(PopperComponent, (0, _extends2.default)({}, PopperProps, (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper, {
+  const popperProps = (0, _utils.appendOwnerState)(PopperComponent, (0, _extends2.default)({}, PopperProps, (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper, {
     className: (0, _clsx.default)(classes.popper, PopperProps == null ? void 0 : PopperProps.className, (_ref6 = (_slotProps$popper2 = slotProps.popper) != null ? _slotProps$popper2 : componentsProps.popper) == null ? void 0 : _ref6.className)
   }), ownerState);
-  const transitionProps = (0, _base.appendOwnerState)(TransitionComponent, (0, _extends2.default)({}, TransitionProps, (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
-  const tooltipProps = (0, _base.appendOwnerState)(TooltipComponent, (0, _extends2.default)({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip, {
+  const transitionProps = (0, _utils.appendOwnerState)(TransitionComponent, (0, _extends2.default)({}, TransitionProps, (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
+  const tooltipProps = (0, _utils.appendOwnerState)(TooltipComponent, (0, _extends2.default)({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip, {
     className: (0, _clsx.default)(classes.tooltip, (_ref7 = (_slotProps$tooltip2 = slotProps.tooltip) != null ? _slotProps$tooltip2 : componentsProps.tooltip) == null ? void 0 : _ref7.className)
   }), ownerState);
-  const tooltipArrowProps = (0, _base.appendOwnerState)(ArrowComponent, (0, _extends2.default)({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow, {
+  const tooltipArrowProps = (0, _utils.appendOwnerState)(ArrowComponent, (0, _extends2.default)({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow, {
     className: (0, _clsx.default)(classes.arrow, (_ref8 = (_slotProps$arrow2 = slotProps.arrow) != null ? _slotProps$arrow2 : componentsProps.arrow) == null ? void 0 : _ref8.className)
   }), ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
@@ -596,7 +596,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
   /**
    * Tooltip reference element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: _elementAcceptingRef.default.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -772,7 +772,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
   TransitionComponent: _propTypes.default.elementType,
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    */
   TransitionProps: _propTypes.default.object
 } : void 0;

package/node/Typography/Typography.js

@@ -11,8 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _system = require("@mui/system");
-var _composeClasses = require("@mui/base/composeClasses");
+var _styleFunctionSx = require("@mui/system/styleFunctionSx");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
@@ -33,7 +33,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, ownerState.align !== 'inherit' && `align${(0, _capitalize.default)(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _typographyClasses.getTypographyUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _typographyClasses.getTypographyUtilityClass, classes);
 };
 const TypographyRoot = exports.TypographyRoot = (0, _styled.default)('span', {
   name: 'MuiTypography',
@@ -94,7 +94,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     name: 'MuiTypography'
   });
   const color = transformDeprecatedColors(themeProps.color);
-  const props = (0, _system.unstable_extendSxProp)((0, _extends2.default)({}, themeProps, {
+  const props = (0, _styleFunctionSx.extendSxProp)((0, _extends2.default)({}, themeProps, {
     color
   }));
   const {

package/node/Zoom/Zoom.js

@@ -11,9 +11,9 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
-var _utils = require("@mui/utils");
+var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _utils2 = require("../transitions/utils");
+var _utils = require("../transitions/utils");
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
@@ -73,9 +73,9 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
   };
   const handleEntering = normalizedTransitionCallback(onEntering);
   const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
-    (0, _utils2.reflow)(node); // So the animation always start from the start.
+    (0, _utils.reflow)(node); // So the animation always start from the start.
 
-    const transitionProps = (0, _utils2.getTransitionProps)({
+    const transitionProps = (0, _utils.getTransitionProps)({
       style,
       timeout,
       easing
@@ -91,7 +91,7 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
   const handleEntered = normalizedTransitionCallback(onEntered);
   const handleExiting = normalizedTransitionCallback(onExiting);
   const handleExit = normalizedTransitionCallback(node => {
-    const transitionProps = (0, _utils2.getTransitionProps)({
+    const transitionProps = (0, _utils.getTransitionProps)({
       style,
       timeout,
       easing
@@ -155,7 +155,7 @@ process.env.NODE_ENV !== "production" ? Zoom.propTypes /* remove-proptypes */ =
   /**
    * A single child content element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: _elementAcceptingRef.default.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.10
+ * @mui/material v5.15.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internal/SwitchBase.js

@@ -11,8 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _composeClasses = require("@mui/base/composeClasses");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', checked && 'checked', disabled && 'disabled', edge && `edge${(0, _capitalize.default)(edge)}`],
     input: ['input']
   };
-  return (0, _composeClasses.unstable_composeClasses)(slots, _switchBaseClasses.getSwitchBaseUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _switchBaseClasses.getSwitchBaseUtilityClass, classes);
 };
 const SwitchBaseRoot = (0, _styled.default)(_ButtonBase.default)(({
   ownerState
@@ -189,7 +189,6 @@ process.env.NODE_ENV !== "production" ? SwitchBase.propTypes = {
   checkedIcon: _propTypes.default.node.isRequired,
   /**
    * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
    */
   classes: _propTypes.default.object,
   /**
@@ -232,7 +231,7 @@ process.env.NODE_ENV !== "production" ? SwitchBase.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /*
    * @ignore
    */

package/node/styles/CssVarsProvider.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useColorScheme = exports.getInitColorSchemeScript = exports.Experimental_CssVarsProvider = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _system = require("@mui/system");
+var _styleFunctionSx = _interopRequireDefault(require("@mui/system/styleFunctionSx"));
 var _experimental_extendTheme = _interopRequireDefault(require("./experimental_extendTheme"));
 var _createTypography = _interopRequireDefault(require("./createTypography"));
 var _excludeVariablesFromRoot = _interopRequireDefault(require("./excludeVariablesFromRoot"));
@@ -35,7 +36,7 @@ const {
       typography: (0, _createTypography.default)(theme.palette, theme.typography)
     });
     newTheme.unstable_sx = function sx(props) {
-      return (0, _system.unstable_styleFunctionSx)({
+      return (0, _styleFunctionSx.default)({
         sx: props,
         theme: this
       });

package/node/styles/createMuiStrictModeTheme.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createMuiStrictModeTheme;
-var _utils = require("@mui/utils");
+var _deepmerge = _interopRequireDefault(require("@mui/utils/deepmerge"));
 var _createTheme = _interopRequireDefault(require("./createTheme"));
 function createMuiStrictModeTheme(options, ...args) {
-  return (0, _createTheme.default)((0, _utils.deepmerge)({
+  return (0, _createTheme.default)((0, _deepmerge.default)({
     unstable_strictMode: true
   }, options), ...args);
 }

package/node/styles/createPalette.js

@@ -10,8 +10,8 @@ exports.light = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _formatMuiErrorMessage2 = _interopRequireDefault(require("@mui/utils/formatMuiErrorMessage"));
-var _utils = require("@mui/utils");
-var _system = require("@mui/system");
+var _deepmerge = _interopRequireDefault(require("@mui/utils/deepmerge"));
+var _colorManipulator = require("@mui/system/colorManipulator");
 var _common = _interopRequireDefault(require("../colors/common"));
 var _grey = _interopRequireDefault(require("../colors/grey"));
 var _purple = _interopRequireDefault(require("../colors/purple"));
@@ -92,9 +92,9 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
     if (intent.hasOwnProperty(shade)) {
       intent[direction] = intent[shade];
     } else if (direction === 'light') {
-      intent.light = (0, _system.lighten)(intent.main, tonalOffsetLight);
+      intent.light = (0, _colorManipulator.lighten)(intent.main, tonalOffsetLight);
     } else if (direction === 'dark') {
-      intent.dark = (0, _system.darken)(intent.main, tonalOffsetDark);
+      intent.dark = (0, _colorManipulator.darken)(intent.main, tonalOffsetDark);
     }
   }
 }
@@ -201,9 +201,9 @@ function createPalette(palette) {
   // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59
   // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54
   function getContrastText(background) {
-    const contrastText = (0, _system.getContrastRatio)(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
+    const contrastText = (0, _colorManipulator.getContrastRatio)(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
     if (process.env.NODE_ENV !== 'production') {
-      const contrast = (0, _system.getContrastRatio)(background, contrastText);
+      const contrast = (0, _colorManipulator.getContrastRatio)(background, contrastText);
       if (contrast < 3) {
         console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
       }
@@ -257,7 +257,7 @@ const theme2 = createTheme({ palette: {
       console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
     }
   }
-  const paletteOutput = (0, _utils.deepmerge)((0, _extends2.default)({
+  const paletteOutput = (0, _deepmerge.default)((0, _extends2.default)({
     // A collection of common colors.
     common: (0, _extends2.default)({}, _common.default),
     // prevent mutable object.

package/node/styles/createTheme.js

@@ -9,8 +9,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _formatMuiErrorMessage2 = _interopRequireDefault(require("@mui/utils/formatMuiErrorMessage"));
-var _utils = require("@mui/utils");
-var _system = require("@mui/system");
+var _deepmerge = _interopRequireDefault(require("@mui/utils/deepmerge"));
+var _styleFunctionSx = _interopRequireWildcard(require("@mui/system/styleFunctionSx"));
+var _createTheme = _interopRequireDefault(require("@mui/system/createTheme"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _createMixins = _interopRequireDefault(require("./createMixins"));
 var _createPalette = _interopRequireDefault(require("./createPalette"));
@@ -19,6 +20,8 @@ var _shadows = _interopRequireDefault(require("./shadows"));
 var _createTransitions = _interopRequireDefault(require("./createTransitions"));
 var _zIndex = _interopRequireDefault(require("./zIndex"));
 const _excluded = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function createTheme(options = {}, ...args) {
   const {
       mixins: mixinsInput = {},
@@ -32,8 +35,8 @@ function createTheme(options = {}, ...args) {
 Please use another name.` : (0, _formatMuiErrorMessage2.default)(18));
   }
   const palette = (0, _createPalette.default)(paletteInput);
-  const systemTheme = (0, _system.createTheme)(options);
-  let muiTheme = (0, _utils.deepmerge)(systemTheme, {
+  const systemTheme = (0, _createTheme.default)(options);
+  let muiTheme = (0, _deepmerge.default)(systemTheme, {
     mixins: (0, _createMixins.default)(systemTheme.breakpoints, mixinsInput),
     palette,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
@@ -42,8 +45,8 @@ Please use another name.` : (0, _formatMuiErrorMessage2.default)(18));
     transitions: (0, _createTransitions.default)(transitionsInput),
     zIndex: (0, _extends2.default)({}, _zIndex.default)
   });
-  muiTheme = (0, _utils.deepmerge)(muiTheme, other);
-  muiTheme = args.reduce((acc, argument) => (0, _utils.deepmerge)(acc, argument), muiTheme);
+  muiTheme = (0, _deepmerge.default)(muiTheme, other);
+  muiTheme = args.reduce((acc, argument) => (0, _deepmerge.default)(acc, argument), muiTheme);
   if (process.env.NODE_ENV !== 'production') {
     // TODO v6: Refactor to use globalStateClassesMapping from @mui/utils once `readOnly` state class is used in Rating component.
     const stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected'];
@@ -74,9 +77,9 @@ Please use another name.` : (0, _formatMuiErrorMessage2.default)(18));
       }
     });
   }
-  muiTheme.unstable_sxConfig = (0, _extends2.default)({}, _system.unstable_defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = (0, _extends2.default)({}, _styleFunctionSx.unstable_defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
-    return (0, _system.unstable_styleFunctionSx)({
+    return (0, _styleFunctionSx.default)({
       sx: props,
       theme: this
     });

package/node/styles/createTypography.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = createTypography;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _utils = require("@mui/utils");
+var _deepmerge = _interopRequireDefault(require("@mui/utils/deepmerge"));
 const _excluded = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
@@ -82,7 +82,7 @@ function createTypography(palette, typography) {
       letterSpacing: 'inherit'
     }
   };
-  return (0, _utils.deepmerge)((0, _extends2.default)({
+  return (0, _deepmerge.default)((0, _extends2.default)({
     htmlFontSize,
     pxToRem,
     fontFamily,