@mui/material 5.14.15 → 5.14.16

package/CHANGELOG.md

@@ -1,5 +1,66 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.14.16
+
+<!-- generated comparing v5.14.15..master -->
+
+_Oct 31, 2023_
+
+A big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ New highly requested Joy UI component: [Snackbar](https://mui.com/joy-ui/react-snackbar) (#38801) @ZeeshanTamboli
+
+### `@mui/material@5.14.16`
+
+- &#8203;<!-- 03 -->Fix ownerstate being propagated to DOM node when using styled-components v6 (#39586) @mnajdova
+
+### `@mui/base@5.0.0-beta.22`
+
+- &#8203;<!-- 28 -->[Autocomplete] Standardize box shadow on demos (#39519) @zanivan
+- &#8203;<!-- 27 -->[useSelect] Support browser autofill (#39595) @DiegoAndai
+- &#8203;<!-- 30 -->[base-ui] Fix mergeSlotProps className join order (#39616) @mj12albert
+
+### `@mui/joy@5.0.0-beta.13`
+
+- &#8203;<!-- 29 -->[Accordion] Add type button to accordion
+- &#8203;<!-- 28 -->[Card] Fix CardOverflow in nested cards (#39668) @siriwatknp summary (#39532) @Popppins
+- &#8203;<!-- 08 -->[Menu] Fix closing of listbox in `MenuList` demo (#39459) @sai6855
+- &#8203;<!-- 07 -->[Progress] Revamp Linear and Circular progress variants (#39492) @zanivan
+- &#8203;<!-- 06 -->[Select] Support selection of `multiple` options (#39454) @sai6855
+- &#8203;<!-- 05 -->[Textarea] Add ref usage instructions (#39615) @danilo-leal
+- &#8203;<!-- 10 --> Fix sticky hover media query issue on mobile (#37467) @gitstart
+- &#8203;<!-- 09 --> Add Snackbar component (#38801) @ZeeshanTamboli
+
+### `@mui/material-next@6.0.0-alpha.108`
+
+- &#8203;<!-- 04 -->[theme] Update Material You typescale tokens (#39514) @mj12albert
+
+### Docs
+
+- &#8203;<!-- 22 -->Fix 301 link to Primer design system @oliviertassinari
+- &#8203;<!-- 19 -->[joy-ui] Revise the CSS vars page (#39335) @danilo-leal
+- &#8203;<!-- 18 -->[joy-ui] Add docs for changing styles based on states (#39597) @siriwatknp
+- &#8203;<!-- 17 -->[joy-ui] Fix wrong messages (#39602) @siriwatknp
+- &#8203;<!-- 16 -->[material-ui] Include link to bundler how-to for Styled Components users (#39620) @jcoyle37
+- &#8203;<!-- 15 -->[material-ui] Improve Dialog demos (#39642) @ZeeshanTamboli
+- &#8203;<!-- 14 -->[material-ui] Add stray design fine-tuning to the example collection (#39581) @danilo-leal
+- &#8203;<!-- 13 -->[system] Clean up `@mui/styles` docs and discourage users from installing it (#39644) @samuelsycamore
+- &#8203;<!-- 12 -->[examples] Upgrade Remix to v2 (#39229) @Nkzn
+- &#8203;<!-- 11 -->[examples][material-ui] Remove hardcoded `color="black"` from Next.js App Router layout (#39577) @samuelsycamore
+
+### Core
+
+- &#8203;<!-- 26 -->[core] Setup vale for enforcing style guides (#39633) @alexfauquette
+- &#8203;<!-- 25 -->[core] Remove unused use client (#38967) @oliviertassinari
+- &#8203;<!-- 24 -->[core] Remove duplicate export (#39346) @oliviertassinari
+- &#8203;<!-- 23 -->[core] Remove not used `@types/loader-utils` package from `zero-next-plugin` (#39609) @ZeeshanTamboli
+- &#8203;<!-- 21 -->[docs-infra] Add meta charset in codesandbox examples (#39424) @Janpot
+- &#8203;<!-- 20 -->[docs-infra] Fix settings drawer accessibility issues (#39589) @emamoah
+- &#8203;<!-- 02 -->[website] Add stray adjustments and clean-ups (#39673) @danilo-leal
+- &#8203;<!-- 01 -->[website] Open the `Design Engineer - xGrid` role (#39375) @DanailH
+
+All contributors of this release in alphabetical order: @alexfauquette, @Best-Sardar, @DanailH, @danilo-leal, @DiegoAndai, @emamoah, @gitstart, @Janpot, @jcoyle37, @mj12albert, @mnajdova, @Nkzn, @oliviertassinari, @Popppins, @sai6855, @samuelsycamore, @siriwatknp, @zanivan, @ZeeshanTamboli
+
 ## 5.14.15
 
 <!-- generated comparing v5.14.14..master -->

package/GlobalStyles/index.js

@@ -1,3 +1 @@
-'use client';
-
 export { default } from './GlobalStyles';

package/OutlinedInput/NotchedOutline.js

@@ -6,9 +6,11 @@ var _span;
 const _excluded = ["children", "classes", "className", "label", "notched"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
-const NotchedOutlineRoot = styled('fieldset')({
+const NotchedOutlineRoot = styled('fieldset', {
+  shouldForwardProp: rootShouldForwardProp
+})({
   textAlign: 'left',
   position: 'absolute',
   bottom: 0,
@@ -24,7 +26,9 @@ const NotchedOutlineRoot = styled('fieldset')({
   overflow: 'hidden',
   minWidth: '0%'
 });
-const NotchedOutlineLegend = styled('legend')(({
+const NotchedOutlineLegend = styled('legend', {
+  shouldForwardProp: rootShouldForwardProp
+})(({
   ownerState,
   theme
 }) => _extends({

package/Radio/RadioButtonIcon.js

@@ -5,10 +5,12 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import RadioButtonUncheckedIcon from '../internal/svg-icons/RadioButtonUnchecked';
 import RadioButtonCheckedIcon from '../internal/svg-icons/RadioButtonChecked';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const RadioButtonIconRoot = styled('span')({
+const RadioButtonIconRoot = styled('span', {
+  shouldForwardProp: rootShouldForwardProp
+})({
   position: 'relative',
   display: 'flex'
 });

package/SwipeableDrawer/SwipeArea.js

@@ -6,11 +6,13 @@ const _excluded = ["anchor", "classes", "className", "width", "style"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import capitalize from '../utils/capitalize';
 import { isHorizontal } from '../Drawer/Drawer';
 import { jsx as _jsx } from "react/jsx-runtime";
-const SwipeAreaRoot = styled('div')(({
+const SwipeAreaRoot = styled('div', {
+  shouldForwardProp: rootShouldForwardProp
+})(({
   theme,
   ownerState
 }) => _extends({

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.15
+ * @mui/material v5.14.16
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -11,6 +11,8 @@
 import * as colors from './colors';
 export { colors };
 export * from './styles';
+
+// TODO remove, import directly from Base UI or create one folder per module
 export * from './utils';
 export { default as Accordion } from './Accordion';
 export * from './Accordion';
@@ -281,7 +283,6 @@ export * from './Zoom';
 export { default as useAutocomplete } from './useAutocomplete';
 export { default as GlobalStyles } from './GlobalStyles';
 export * from './GlobalStyles';
-export { StyledEngineProvider } from './styles';
 export { unstable_composeClasses } from '@mui/base/composeClasses';
 export { default as generateUtilityClass } from './generateUtilityClass';
 export * from './generateUtilityClass';

package/internal/SwitchBase.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import { refType } from '@mui/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import capitalize from '../utils/capitalize';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import useControlled from '../utils/useControlled';
 import useFormControl from '../FormControl/useFormControl';
 import ButtonBase from '../ButtonBase';
@@ -39,7 +39,9 @@ const SwitchBaseRoot = styled(ButtonBase)(({
 }, ownerState.edge === 'end' && {
   marginRight: ownerState.size === 'small' ? -3 : -12
 }));
-const SwitchBaseInput = styled('input')({
+const SwitchBaseInput = styled('input', {
+  shouldForwardProp: rootShouldForwardProp
+})({
   cursor: 'inherit',
   position: 'absolute',
   opacity: 0,

package/legacy/GlobalStyles/index.js

@@ -1,3 +1 @@
-'use client';
-
 export { default } from './GlobalStyles';

package/legacy/OutlinedInput/NotchedOutline.js

@@ -5,9 +5,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 var _span;
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
-var NotchedOutlineRoot = styled('fieldset')({
+var NotchedOutlineRoot = styled('fieldset', {
+  shouldForwardProp: rootShouldForwardProp
+})({
   textAlign: 'left',
   position: 'absolute',
   bottom: 0,
@@ -23,7 +25,9 @@ var NotchedOutlineRoot = styled('fieldset')({
   overflow: 'hidden',
   minWidth: '0%'
 });
-var NotchedOutlineLegend = styled('legend')(function (_ref) {
+var NotchedOutlineLegend = styled('legend', {
+  shouldForwardProp: rootShouldForwardProp
+})(function (_ref) {
   var ownerState = _ref.ownerState,
     theme = _ref.theme;
   return _extends({

package/legacy/Radio/RadioButtonIcon.js

@@ -5,10 +5,12 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import RadioButtonUncheckedIcon from '../internal/svg-icons/RadioButtonUnchecked';
 import RadioButtonCheckedIcon from '../internal/svg-icons/RadioButtonChecked';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var RadioButtonIconRoot = styled('span')({
+var RadioButtonIconRoot = styled('span', {
+  shouldForwardProp: rootShouldForwardProp
+})({
   position: 'relative',
   display: 'flex'
 });

package/legacy/SwipeableDrawer/SwipeArea.js

@@ -6,11 +6,13 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import capitalize from '../utils/capitalize';
 import { isHorizontal } from '../Drawer/Drawer';
 import { jsx as _jsx } from "react/jsx-runtime";
-var SwipeAreaRoot = styled('div')(function (_ref) {
+var SwipeAreaRoot = styled('div', {
+  shouldForwardProp: rootShouldForwardProp
+})(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
   return _extends({

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.15
+ * @mui/material v5.14.16
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -11,6 +11,8 @@
 import * as colors from './colors';
 export { colors };
 export * from './styles';
+
+// TODO remove, import directly from Base UI or create one folder per module
 export * from './utils';
 export { default as Accordion } from './Accordion';
 export * from './Accordion';
@@ -281,7 +283,6 @@ export * from './Zoom';
 export { default as useAutocomplete } from './useAutocomplete';
 export { default as GlobalStyles } from './GlobalStyles';
 export * from './GlobalStyles';
-export { StyledEngineProvider } from './styles';
 export { unstable_composeClasses } from '@mui/base/composeClasses';
 export { default as generateUtilityClass } from './generateUtilityClass';
 export * from './generateUtilityClass';

package/legacy/internal/SwitchBase.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import { refType } from '@mui/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import capitalize from '../utils/capitalize';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import useControlled from '../utils/useControlled';
 import useFormControl from '../FormControl/useFormControl';
 import ButtonBase from '../ButtonBase';
@@ -38,7 +38,9 @@ var SwitchBaseRoot = styled(ButtonBase)(function (_ref) {
     marginRight: ownerState.size === 'small' ? -3 : -12
   });
 });
-var SwitchBaseInput = styled('input')({
+var SwitchBaseInput = styled('input', {
+  shouldForwardProp: rootShouldForwardProp
+})({
   cursor: 'inherit',
   position: 'absolute',
   opacity: 0,

package/modern/GlobalStyles/index.js

@@ -1,3 +1 @@
-'use client';
-
 export { default } from './GlobalStyles';

package/modern/OutlinedInput/NotchedOutline.js

@@ -6,9 +6,11 @@ var _span;
 const _excluded = ["children", "classes", "className", "label", "notched"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
-const NotchedOutlineRoot = styled('fieldset')({
+const NotchedOutlineRoot = styled('fieldset', {
+  shouldForwardProp: rootShouldForwardProp
+})({
   textAlign: 'left',
   position: 'absolute',
   bottom: 0,
@@ -24,7 +26,9 @@ const NotchedOutlineRoot = styled('fieldset')({
   overflow: 'hidden',
   minWidth: '0%'
 });
-const NotchedOutlineLegend = styled('legend')(({
+const NotchedOutlineLegend = styled('legend', {
+  shouldForwardProp: rootShouldForwardProp
+})(({
   ownerState,
   theme
 }) => _extends({

package/modern/Radio/RadioButtonIcon.js

@@ -5,10 +5,12 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import RadioButtonUncheckedIcon from '../internal/svg-icons/RadioButtonUnchecked';
 import RadioButtonCheckedIcon from '../internal/svg-icons/RadioButtonChecked';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const RadioButtonIconRoot = styled('span')({
+const RadioButtonIconRoot = styled('span', {
+  shouldForwardProp: rootShouldForwardProp
+})({
   position: 'relative',
   display: 'flex'
 });

package/modern/SwipeableDrawer/SwipeArea.js

@@ -6,11 +6,13 @@ const _excluded = ["anchor", "classes", "className", "width", "style"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import capitalize from '../utils/capitalize';
 import { isHorizontal } from '../Drawer/Drawer';
 import { jsx as _jsx } from "react/jsx-runtime";
-const SwipeAreaRoot = styled('div')(({
+const SwipeAreaRoot = styled('div', {
+  shouldForwardProp: rootShouldForwardProp
+})(({
   theme,
   ownerState
 }) => _extends({

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.15
+ * @mui/material v5.14.16
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -11,6 +11,8 @@
 import * as colors from './colors';
 export { colors };
 export * from './styles';
+
+// TODO remove, import directly from Base UI or create one folder per module
 export * from './utils';
 export { default as Accordion } from './Accordion';
 export * from './Accordion';
@@ -281,7 +283,6 @@ export * from './Zoom';
 export { default as useAutocomplete } from './useAutocomplete';
 export { default as GlobalStyles } from './GlobalStyles';
 export * from './GlobalStyles';
-export { StyledEngineProvider } from './styles';
 export { unstable_composeClasses } from '@mui/base/composeClasses';
 export { default as generateUtilityClass } from './generateUtilityClass';
 export * from './generateUtilityClass';

package/modern/internal/SwitchBase.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import { refType } from '@mui/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import capitalize from '../utils/capitalize';
-import styled from '../styles/styled';
+import styled, { rootShouldForwardProp } from '../styles/styled';
 import useControlled from '../utils/useControlled';
 import useFormControl from '../FormControl/useFormControl';
 import ButtonBase from '../ButtonBase';
@@ -39,7 +39,9 @@ const SwitchBaseRoot = styled(ButtonBase)(({
 }, ownerState.edge === 'end' && {
   marginRight: ownerState.size === 'small' ? -3 : -12
 }));
-const SwitchBaseInput = styled('input')({
+const SwitchBaseInput = styled('input', {
+  shouldForwardProp: rootShouldForwardProp
+})({
   cursor: 'inherit',
   position: 'absolute',
   opacity: 0,

package/node/GlobalStyles/index.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/node/OutlinedInput/NotchedOutline.js

@@ -10,13 +10,15 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styled = _interopRequireDefault(require("../styles/styled"));
+var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _span;
 const _excluded = ["children", "classes", "className", "label", "notched"];
 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; }
-const NotchedOutlineRoot = (0, _styled.default)('fieldset')({
+const NotchedOutlineRoot = (0, _styled.default)('fieldset', {
+  shouldForwardProp: _styled.rootShouldForwardProp
+})({
   textAlign: 'left',
   position: 'absolute',
   bottom: 0,
@@ -32,7 +34,9 @@ const NotchedOutlineRoot = (0, _styled.default)('fieldset')({
   overflow: 'hidden',
   minWidth: '0%'
 });
-const NotchedOutlineLegend = (0, _styled.default)('legend')(({
+const NotchedOutlineLegend = (0, _styled.default)('legend', {
+  shouldForwardProp: _styled.rootShouldForwardProp
+})(({
   ownerState,
   theme
 }) => (0, _extends2.default)({

package/node/Radio/RadioButtonIcon.js

@@ -11,11 +11,13 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _RadioButtonUnchecked = _interopRequireDefault(require("../internal/svg-icons/RadioButtonUnchecked"));
 var _RadioButtonChecked = _interopRequireDefault(require("../internal/svg-icons/RadioButtonChecked"));
-var _styled = _interopRequireDefault(require("../styles/styled"));
+var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
-const RadioButtonIconRoot = (0, _styled.default)('span')({
+const RadioButtonIconRoot = (0, _styled.default)('span', {
+  shouldForwardProp: _styled.rootShouldForwardProp
+})({
   position: 'relative',
   display: 'flex'
 });

package/node/SwipeableDrawer/SwipeArea.js

@@ -11,14 +11,16 @@ 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 _styled = _interopRequireDefault(require("../styles/styled"));
+var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _Drawer = require("../Drawer/Drawer");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["anchor", "classes", "className", "width", "style"];
 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; }
-const SwipeAreaRoot = (0, _styled.default)('div')(({
+const SwipeAreaRoot = (0, _styled.default)('div', {
+  shouldForwardProp: _styled.rootShouldForwardProp
+})(({
   theme,
   ownerState
 }) => (0, _extends2.default)({

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.15
+ * @mui/material v5.14.16
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -15,7 +15,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   colors: true,
-  StyledEngineProvider: true,
   Accordion: true,
   AccordionActions: true,
   AccordionDetails: true,
@@ -785,12 +784,6 @@ Object.defineProperty(exports, "Stepper", {
     return _Stepper.default;
   }
 });
-Object.defineProperty(exports, "StyledEngineProvider", {
-  enumerable: true,
-  get: function () {
-    return _styles.StyledEngineProvider;
-  }
-});
 Object.defineProperty(exports, "SvgIcon", {
   enumerable: true,
   get: function () {

package/node/internal/SwitchBase.js

@@ -14,7 +14,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
 var _composeClasses = require("@mui/base/composeClasses");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _styled = _interopRequireDefault(require("../styles/styled"));
+var _styled = _interopRequireWildcard(require("../styles/styled"));
 var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
@@ -46,7 +46,9 @@ const SwitchBaseRoot = (0, _styled.default)(_ButtonBase.default)(({
 }, ownerState.edge === 'end' && {
   marginRight: ownerState.size === 'small' ? -3 : -12
 }));
-const SwitchBaseInput = (0, _styled.default)('input')({
+const SwitchBaseInput = (0, _styled.default)('input', {
+  shouldForwardProp: _styled.rootShouldForwardProp
+})({
   cursor: 'inherit',
   position: 'absolute',
   opacity: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.14.15",
+  "version": "5.14.16",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -28,12 +28,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@mui/base": "5.0.0-beta.21",
-    "@mui/core-downloads-tracker": "^5.14.15",
-    "@mui/system": "^5.14.15",
-    "@mui/types": "^7.2.7",
-    "@mui/utils": "^5.14.15",
-    "@types/react-transition-group": "^4.4.7",
+    "@mui/base": "5.0.0-beta.22",
+    "@mui/core-downloads-tracker": "^5.14.16",
+    "@mui/system": "^5.14.16",
+    "@mui/types": "^7.2.8",
+    "@mui/utils": "^5.14.16",
+    "@types/react-transition-group": "^4.4.8",
     "clsx": "^2.0.0",
     "csstype": "^3.1.2",
     "prop-types": "^15.8.1",

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.15
+ * @mui/material v5.14.16
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -15484,7 +15484,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     if (!getSlotProps) {
       // The simpler case - getSlotProps is not defined, so no internal event handlers are defined,
       // so we can simply merge all the props without having to worry about extracting event handlers.
-      const joinedClasses = clsx(externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className, className, additionalProps == null ? void 0 : additionalProps.className);
+      const joinedClasses = clsx(additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
       const mergedStyle = _extends({}, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);
       const props = _extends({}, additionalProps, externalForwardedProps, externalSlotProps);
       if (joinedClasses.length > 0) {
@@ -26645,7 +26645,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }, ownerState.edge === 'end' && {
     marginRight: ownerState.size === 'small' ? -3 : -12
   }));
-  const SwitchBaseInput = styled$1('input')({
+  const SwitchBaseInput = styled$1('input', {
+    shouldForwardProp: rootShouldForwardProp
+  })({
     cursor: 'inherit',
     position: 'absolute',
     opacity: 0,
@@ -37571,7 +37573,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
   var _span$1;
   const _excluded$M = ["children", "classes", "className", "label", "notched"];
-  const NotchedOutlineRoot$1 = styled$1('fieldset')({
+  const NotchedOutlineRoot$1 = styled$1('fieldset', {
+    shouldForwardProp: rootShouldForwardProp
+  })({
     textAlign: 'left',
     position: 'absolute',
     bottom: 0,
@@ -37587,7 +37591,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     overflow: 'hidden',
     minWidth: '0%'
   });
-  const NotchedOutlineLegend = styled$1('legend')(({
+  const NotchedOutlineLegend = styled$1('legend', {
+    shouldForwardProp: rootShouldForwardProp
+  })(({
     ownerState,
     theme
   }) => _extends({
@@ -38747,7 +38753,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
   }), 'RadioButtonChecked');
 
-  const RadioButtonIconRoot = styled$1('span')({
+  const RadioButtonIconRoot = styled$1('span', {
+    shouldForwardProp: rootShouldForwardProp
+  })({
     position: 'relative',
     display: 'flex'
   });
@@ -45234,7 +45242,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   var Stepper$1 = Stepper;
 
   const _excluded$l = ["anchor", "classes", "className", "width", "style"];
-  const SwipeAreaRoot = styled$1('div')(({
+  const SwipeAreaRoot = styled$1('div', {
+    shouldForwardProp: rootShouldForwardProp
+  })(({
     theme,
     ownerState
   }) => _extends({