@mui/material 5.14.14 → 5.14.16

package/CHANGELOG.md

@@ -1,5 +1,139 @@
 # [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 -->
+
+_Oct 24, 2023_
+
+A big thanks to the 17 contributors who made this release possible.
+
+### `@mui/material@5.14.15`
+
+- &#8203;<!-- 24 -->[Checkbox][Radio] Fix theme style overrides not working for different sizes (#39377) @gitstart
+- &#8203;<!-- 12 -->[InputLabel] InputLabel supports ownerState.focused for styleOverrides (#39470) @mj12albert
+- &#8203;<!-- 07 -->[ToggleButton] Add `fullWidth` to `toggleButtonClasses` and `toggleButtonGroupClasses` (#39536) @Semigradsky
+
+### `@mui/base@5.0.0-beta.21`
+
+- &#8203;<!-- 29 -->[useAutocomplete] Correct keyboard navigation with multiple disabled options (#38788) @VadimZvf
+- &#8203;<!-- 28 -->[Select] Standardize box shadow on demos (#39509) @zanivan
+- &#8203;<!-- 27 -->[Slider] Refine demos (#39526) @zanivan
+- &#8203;<!-- 34 -->[Input] Update and port additional tests from material-ui (#39584) @mj12albert
+
+### `@mui/material-next@6.0.0-alpha.107`
+
+- &#8203;<!-- 16 -->[FilledInput] Add FilledInput component (#39307) @mj12albert
+- &#8203;<!-- 13 -->[InputAdornment] Fix unstable_capitalize import (#39510) @DiegoAndai
+- &#8203;<!-- 08 -->[Snackbar] copy files to mui-material-next (#39232) @Best-Sardar
+- &#8203;<!-- 33 -->[Menu] Use useMenu hook (#38934) @mnajdova
+
+### `@mui/joy@5.0.0-beta.12`
+
+- &#8203;<!-- 26 -->[Button] Fix button size being a decorator (#39529) @siriwatknp
+- &#8203;<!-- 25 -->[CardOverflow] Remove conditional CSS to support Next.js App dir (#39101) @siriwatknp
+- &#8203;<!-- 11 -->[Link] Apply `userSelect: none` only when it's a button (#39486) @mwskwong
+
+### `@mui/lab@5.0.0-alpha.150`
+
+- &#8203;<!-- 09 -->Update peer dep of @mui/material (#39398) @brijeshb42
+
+### `@mui/zero-runtime@0.0.1-alpha.0`
+
+- &#8203;<!-- 06 -->Implement typings for public runtime API (#39215) @brijeshb42
+
+### `@mui/zero-vite-plugin@0.0.1-alpha.0`
+
+- &#8203;<!-- 05 -->Modify plugin to transform node_modules (#39517) @brijeshb42
+
+### Docs
+
+- &#8203;<!-- 31 -->[base-ui] Standardize grey palette across demos (#39504) @zanivan
+- &#8203;<!-- 30 -->[base-ui] Overall demos design review (#38820) @zanivan
+- &#8203;<!-- 19 -->[joy-ui] Adjust the responsiveness of the template card (#39534) @danilo-leal
+- &#8203;<!-- 18 -->[material-ui] Typo fixes in overview page (#39540) @Evan151
+- &#8203;<!-- 35 -->[material-ui] Add stray design tweaks to the templates collection (#39583) @danilo-leal
+- &#8203;<!-- 17 -->[system] Revise the Box page (#39159) @danilo-leal
+- &#8203;<!-- 22 -->Fix git diff format @oliviertassinari
+- &#8203;<!-- 15 -->[I10n] Add Norwegian (nynorsk) (nn-NO) locale (#39481) @hjalti-lifekeys
+- &#8203;<!-- 10 -->[l10n] Fix double space typo in ar-EG @oliviertassinari
+- &#8203;<!-- 14 -->[I10n] Additions to Icelandic (is-IS) locale (#39480) @hjalti-lifekeys
+
+### Core
+
+- &#8203;<!-- 23 -->[core] Replace a `useCallback` by `useRef` in useEventCallback (#39078) @romgrk
+- &#8203;<!-- 21 -->[docs-infra] Prevent docs crash (#39214) @alexfauquette
+- &#8203;<!-- 20 -->[docs-infra] Fix no-op autoprefixer warning (#39385) @oliviertassinari
+- &#8203;<!-- 32 -->[docs-infra] Refine the API page design (#39520) @alexfauquette
+- &#8203;<!-- 25 -->[docs-infra] Fix cut-off sponsors (#39572) @oliviertassinari
+- &#8203;<!-- 04 -->[website] Add missing h1 on page @oliviertassinari
+- &#8203;<!-- 03 -->[website] Fix unrecognized prop warning @oliviertassinari
+- &#8203;<!-- 02 -->[website] Store Engineer role filled @oliviertassinari
+- &#8203;<!-- 01 -->[website] Add stray design adjustments (#39496) @danilo-leal
+
+All contributors of this release in alphabetical order: @alexfauquette, @Best-Sardar, @brijeshb42, @danilo-leal, @DiegoAndai, @Evan151, @gitstart, @hjalti-lifekeys, @mj12albert, @mnajdova, @mwskwong, @oliviertassinari, @romgrk, @Semigradsky, @siriwatknp, @VadimZvf, @zanivan
+
 ## 5.14.14
 
 <!-- generated comparing v5.14.13..master -->

package/Checkbox/Checkbox.js

@@ -39,7 +39,7 @@ const CheckboxRoot = styled(SwitchBase, {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.indeterminate && styles.indeterminate, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
+    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize(ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
   }
 })(({
   theme,

package/GlobalStyles/index.js

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

package/InputLabel/InputLabel.js

@@ -42,7 +42,7 @@ const InputLabelRoot = styled(FormLabel, {
     } = props;
     return [{
       [`& .${formLabelClasses.asterisk}`]: styles.asterisk
-    }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, styles[ownerState.variant]];
+    }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, ownerState.focused && styles.focused, styles[ownerState.variant]];
   }
 })(({
   theme,
@@ -125,7 +125,7 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
   const fcs = formControlState({
     props,
     muiFormControl,
-    states: ['size', 'variant', 'required']
+    states: ['size', 'variant', 'required', 'focused']
   });
   const ownerState = _extends({}, props, {
     disableAnimation,
@@ -133,7 +133,8 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
     shrink,
     size: fcs.size,
     variant: fcs.variant,
-    required: fcs.required
+    required: fcs.required,
+    focused: fcs.focused
   });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(InputLabelRoot, _extends({

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/Radio.js

@@ -37,7 +37,7 @@ const RadioRoot = styled(SwitchBase, {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[`color${capitalize(ownerState.color)}`]];
+    return [styles.root, ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`], styles[`color${capitalize(ownerState.color)}`]];
   }
 })(({
   theme,

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/ToggleButton/toggleButtonClasses.d.ts

@@ -17,6 +17,8 @@ export interface ToggleButtonClasses {
     sizeMedium: string;
     /** Styles applied to the root element if `size="large"`. */
     sizeLarge: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
 }
 export type ToggleButtonClassKey = keyof ToggleButtonClasses;
 export declare function getToggleButtonUtilityClass(slot: string): string;

package/ToggleButton/toggleButtonClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getToggleButtonUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButton', slot);
 }
-const toggleButtonClasses = generateUtilityClasses('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+const toggleButtonClasses = generateUtilityClasses('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'fullWidth']);
 export default toggleButtonClasses;

package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts

@@ -11,6 +11,8 @@ export interface ToggleButtonGroupClasses {
     groupedHorizontal: string;
     /** Styles applied to the children if `orientation="vertical"`. */
     groupedVertical: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
 }
 export type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
 export declare function getToggleButtonGroupUtilityClass(slot: string): string;

package/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getToggleButtonGroupUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButtonGroup', slot);
 }
-const toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
+const toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth']);
 export default toggleButtonGroupClasses;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.14
+ * @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/Checkbox/Checkbox.js

@@ -37,7 +37,7 @@ var CheckboxRoot = styled(SwitchBase, {
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
     var ownerState = props.ownerState;
-    return [styles.root, ownerState.indeterminate && styles.indeterminate, ownerState.color !== 'default' && styles["color".concat(capitalize(ownerState.color))]];
+    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles["size".concat(capitalize(ownerState.size))], ownerState.color !== 'default' && styles["color".concat(capitalize(ownerState.color))]];
   }
 })(function (_ref) {
   var _ref2;

package/legacy/GlobalStyles/index.js

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

package/legacy/InputLabel/InputLabel.js

@@ -38,7 +38,7 @@ var InputLabelRoot = styled(FormLabel, {
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
     var ownerState = props.ownerState;
-    return [_defineProperty({}, "& .".concat(formLabelClasses.asterisk), styles.asterisk), styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, styles[ownerState.variant]];
+    return [_defineProperty({}, "& .".concat(formLabelClasses.asterisk), styles.asterisk), styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, ownerState.focused && styles.focused, styles[ownerState.variant]];
   }
 })(function (_ref2) {
   var theme = _ref2.theme,
@@ -123,7 +123,7 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
   var fcs = formControlState({
     props: props,
     muiFormControl: muiFormControl,
-    states: ['size', 'variant', 'required']
+    states: ['size', 'variant', 'required', 'focused']
   });
   var ownerState = _extends({}, props, {
     disableAnimation: disableAnimation,
@@ -131,7 +131,8 @@ var InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref)
     shrink: shrink,
     size: fcs.size,
     variant: fcs.variant,
-    required: fcs.required
+    required: fcs.required,
+    focused: fcs.focused
   });
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(InputLabelRoot, _extends({

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/Radio.js

@@ -36,7 +36,7 @@ var RadioRoot = styled(SwitchBase, {
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
     var ownerState = props.ownerState;
-    return [styles.root, styles["color".concat(capitalize(ownerState.color))]];
+    return [styles.root, ownerState.size !== 'medium' && styles["size".concat(capitalize(ownerState.size))], styles["color".concat(capitalize(ownerState.color))]];
   }
 })(function (_ref) {
   var theme = _ref.theme,

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/ToggleButton/toggleButtonClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getToggleButtonUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButton', slot);
 }
-var toggleButtonClasses = generateUtilityClasses('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+var toggleButtonClasses = generateUtilityClasses('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'fullWidth']);
 export default toggleButtonClasses;

package/legacy/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getToggleButtonGroupUtilityClass(slot) {
   return generateUtilityClass('MuiToggleButtonGroup', slot);
 }
-var toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
+var toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth']);
 export default toggleButtonGroupClasses;

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.14
+ * @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,