@mui/system 5.13.7 → 5.14.1

package/Box/Box.js

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

package/Box/index.js

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

package/CHANGELOG.md

@@ -1,5 +1,162 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.14.1
+
+<!-- generated comparing v5.14.0..master -->
+
+_Jul 19, 2023_
+
+A big thanks to the 24 contributors who made this release possible. Here are some highlights ✨:
+
+- 💫 Introducing some new components for Joy UI:
+  - [Skeleton](https://mui.com/joy-ui/react-skeleton/) component (#37893) @siriwatknp
+  - [ToggleButton](https://mui.com/joy-ui/react-toggle-button-group/) (#37716) @siriwatknp
+- 🎉 Base UI has its own [landing page](https://www.mui.com/base-ui)!
+- 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
+
+### `@mui/material@5.14.1`
+
+- &#8203;<!-- 14 -->[FormControlLabel] Fix misplaced asterisk when `labelPlacement` is provided (#37831) @ZeeshanTamboli
+- &#8203;<!-- 11 -->[Slider][material] Fix type dependency on @types/prop-types (#37853) @Methuselah96
+- &#8203;<!-- 10 -->[Menu] Add MuiMenuList to createTheme components key (#37956) @mj12albert
+- &#8203;<!-- 09 -->[Modal] Remove deprecated `BackdropComponent` and `BackdropProps` from tests (#38018) @sai6855
+
+### `@mui/material-next@6.0.0-alpha.93`
+
+- &#8203;<!-- 54 -->[Slider][material-next] Add use client directive to useSliderElementsOverlap (#37955) @mj12albert
+- &#8203;<!-- 47 -->[Button][material-next] Fix some event handlers being ignored (#37647) @DiegoAndai
+
+### `@mui/base@5.0.0-beta.8`
+
+- &#8203;<!-- 53 -->[Autocomplete] Make touch and click behavior on an option consistent (#37972) @divyammadhok
+
+### `@mui/joy@5.0.0-alpha.88`
+
+- &#8203;<!-- 13 -->[Joy][Select] Fix type error caused by custom variant (#37996) @OmPr366
+- &#8203;<!-- 12 -->[ToggleButton][Joy] Add `ToggleButton` component (#37716) @siriwatknp
+- &#8203;<!-- 07 -->[Skeleton] Add Joy UI `Skeleton` component (#37893) @siriwatknp
+
+### `@mui/utils@5.14.1`
+
+- &#8203;<!-- 06 -->[utils] Add function overload for `useEventCallback` (#37827) @cherniavskii
+
+### Docs
+
+- &#8203;<!-- 52 -->[docs][base] Add Tailwind CSS & plain CSS demo on the form control page (#37914) @mnajdova
+- &#8203;<!-- 51 -->[docs][base] Make Base UI Select demos denser (#37836) @zanivan
+- &#8203;<!-- 38 -->[docs] Link Material UI from the landing page (#37971) @oliviertassinari
+- &#8203;<!-- 37 -->[docs] Fix the empty /components page (#38010) @brijeshb42
+- &#8203;<!-- 36 -->[docs] Checkout template follows user's color scheme preference (#37928) @OndrejHj04
+- &#8203;<!-- 35 -->[docs] Disable ad for onboarding pages (#37998) @oliviertassinari
+- &#8203;<!-- 34 -->[docs] Fix broken link to Base UI Next.js App Router (#37973) @oliviertassinari
+- &#8203;<!-- 33 -->[docs] Fix typo in next-js-app-router.md (#37974) @ericbrian
+- &#8203;<!-- 32 -->[docs] Add pnpm commands to Material UI Installation page (#36650) @officialrajdeepsingh
+- &#8203;<!-- 31 -->[docs] Link charts in the roadmap (#37944) @oliviertassinari
+- &#8203;<!-- 30 -->[docs] Improve changelog @oliviertassinari
+- &#8203;<!-- 29 -->[docs] Improve the Select docs (#37279) @michaldudak
+- &#8203;<!-- 16 -->[docs][menu] Add Tailwind CSS & plain CSS demo on the Menu page (#37856) @mnajdova
+- &#8203;<!-- 15 -->[example] Update EmotionCacheProvider to work with GlobalStyles (#37962) @siriwatknp
+
+### Core
+
+- &#8203;<!-- 50 -->[blog] Add blog post about support for Next.js App Router (#37929) @samuelsycamore
+- &#8203;<!-- 49 -->[blog] Blog MUI X pro statement removed (#38015) @prakhargupta1
+- &#8203;<!-- 48 -->[blog] Add Toolpad beta announcement blog (#37799) @prakhargupta1
+- &#8203;<!-- 46 -->[core] Increase space available for sidenav @oliviertassinari
+- &#8203;<!-- 45 -->[core] Adds `component` prop to `OverrideProps` type (#35924) @sai6855
+- &#8203;<!-- 44 -->[core] Fix rsc build step in CI (#38019) @mj12albert
+- &#8203;<!-- 43 -->[core] Remove nx dependency (#37964) @Janpot
+- &#8203;<!-- 42 -->[core] Lock `@types/node` to v18 (#37965) @ZeeshanTamboli
+- &#8203;<!-- 41 -->[core] Update priority support issue template and prompt (#37824) @DanailH
+- &#8203;<!-- 40 -->[core] Remove warnings in docs:api (#37858) @alexfauquette
+- &#8203;<!-- 39 -->[core] Make rimraf work after a major update (#37930) @michaldudak
+- &#8203;<!-- 28 -->[docs-infra] Change the Diamond Sponsor block positioning on the side nav (#37933) @danilo-leal
+- &#8203;<!-- 27 -->[docs-infra] Support backticks in the codeblocks (#37950) @cherniavskii
+- &#8203;<!-- 26 -->[docs-infra] Improve performance hideToolbar: true (#37969) @oliviertassinari
+- &#8203;<!-- 25 -->[docs-infra] Fix button label on mobile (#37997) @oliviertassinari
+- &#8203;<!-- 24 -->[docs-infra] Square drawer corners (#37970) @oliviertassinari
+- &#8203;<!-- 23 -->[docs-infra] Improve tab contrast in codeblock (#38000) @oliviertassinari
+- &#8203;<!-- 22 -->[docs-infra] Fix API generation for Base UI (#37941) @oliviertassinari
+- &#8203;<!-- 21 -->[docs-infra] Fix layout shift on xGrid (#37954) @oliviertassinari
+- &#8203;<!-- 20 -->[docs-infra] Update installation commands to use the new tabs code component (#37927) @danilo-leal
+- &#8203;<!-- 19 -->[docs-infra] Improve disableToc={true} support (#37931) @oliviertassinari
+- &#8203;<!-- 18 -->[docs-infra] Remove icons and tweak the design of the side nav (#37860) @danilo-leal
+- &#8203;<!-- 17 -->[docs-infra] Fix TypeScrit error in demo export (#37830) @oliviertassinari
+- &#8203;<!-- 08 -->[notifications] Add notification for first Charts release (#37679) @joserodolfofreitas
+- &#8203;<!-- 05 -->[website] Add Base UI marketing page (#36622) @siriwatknp
+- &#8203;<!-- 04 -->[website] Update MUI X landing page (#37966) @cherniavskii
+- &#8203;<!-- 03 -->[website] Fix a11y issues (#37999) @oliviertassinari
+- &#8203;<!-- 02 -->[website] Make the Core page refer to group of products (#37608) @danilo-leal
+- &#8203;<!-- 01 -->[website] Add perpetual option to pricing page (#35504) @joserodolfofreitas
+
+All contributors of this release in alphabetical order: @alexfauquette, @brijeshb42, @cherniavskii, @DanailH, @danilo-leal, @DiegoAndai, @divyammadhok, @ericbrian, @Janpot, @joserodolfofreitas, @Methuselah96, @michaldudak, @mj12albert, @mnajdova, @officialrajdeepsingh, @oliviertassinari, @OmPr366, @OndrejHj04, @prakhargupta1, @sai6855, @samuelsycamore, @siriwatknp, @zanivan, @ZeeshanTamboli
+
+## 5.14.0
+
+<!-- generated comparing v5.13.7..master -->
+
+_Jul 11, 2023_
+
+A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 💫 Material UI, Joy UI, and Base UI are compatible with [NextJS App Router](https://nextjs.org/docs/app) (#37656) @mj12albert
+- 📚 Added new guides for integrating with Next.js 13 App Router (#37656) @mj12albert
+  - Ⓜ️ [Material UI guide](https://mui.com/material-ui/guides/next-js-app-router/)
+  - 🅙 [Joy UI guide](https://mui.com/joy-ui/guides/next-js-app-router/)
+  - 🅱️ [Base UI guide](https://mui.com/base-ui/guides/next-js-app-router/)
+- 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
+
+### `@mui/material@5.14.0`
+
+- [Autocomplete] Enable global customization of different options (#36971) @nicolas-ot
+
+### `@mui/material-next@6.0.0-alpha.92`
+
+- [Slider][material-next] Slider restructure and style improvements (#37644) @DiegoAndai
+
+### `@mui/joy@5.0.0-alpha.87`
+
+- [ButtonGroup] Fix style for single Button (#37692) @MaybePixem
+- Fix theme typography fallback value (#37845) @siriwatknp
+
+### `@mui/icons-material@5.14.0`
+
+- [icons-material] Rebuild icons with `"use client"` (#37894) @mj12albert
+
+### Docs
+
+- [docs] Polish Ukraine banner (#37905) @oliviertassinari
+- [docs] Reduce Ukraine banner size (#34795) @oliviertassinari
+- [docs] Add callouts about controlled vs uncontrolled components in Core docs (#37849) @samuelsycamore
+- [docs] Add missing Portal elements to Tailwind CSS interoperability guide (#37807) @enrique-ramirez
+- [docs] Small pickers migration improvement (#37815) @alexfauquette
+- [docs] Fix pickers product name (#37825) @LukasTy
+- [docs][Joy][Link] Set `variant` and `color` defaults for the playground (#37817) @Studio384
+- [docs][Joy][Table] Add `undefined` as an option to `stripe` (#37816) @Studio384
+- [docs][base] Add Tailwind CSS & plain CSS demo on the Snackbar page (#37812) @mnajdova
+- [docs][base] Add Tailwind CSS & plain CSS demo on Badge page (#37768) @mnajdova
+- [docs][base] Fix Nested modal demo positioning (#37506) @gitstart
+- [docs][base] Add Tailwind CSS & plain CSS demo on the Switch page (#37728) @mnajdova
+- [docs-infra] Remove code tags in ToC (#37834) @cherniavskii
+- [docs-infra] Fixes in API pages generation (#37813) @mnajdova
+- [docs-infra] Add test case when using sh (#37818) @oliviertassinari
+- [docs-infra] Use icons instead of words for the code copy button (#37664) @danilo-leal
+- [docs-infra] Fix code parser (#37828) @alexfauquette
+- [docs-infra] Fix `marked` deprecation warning (#37769) @alexfauquette
+- [docs-infra] Allows to use codeblock in the docs (#37643) @alexfauquette
+- [docs-infra][joy] Change Joy UI's playground variant selector (#37821) @danilo-leal
+
+### Core
+
+- [core] Prepend "use-client" directive + add docs and examples for using MUI libraries with Next.js App Router (#37656) @mj12albert
+- [core] Fix imports to React (#37863) @oliviertassinari
+- [core] Disambiguate eslint plugin name @oliviertassinari
+- [core] Sync the lint script name with the other repositories @oliviertassinari
+- [core] Point to Crowdin directly @oliviertassinari
+- [website] Sync career page (#37847) @oliviertassinari
+
+All contributors of this release in alphabetical order: @alexfauquette, @cherniavskii, @danilo-leal, @DiegoAndai, @enrique-ramirez, @gitstart, @LukasTy, @MaybePixem, @mj12albert, @mnajdova, @nicolas-ot, @oliviertassinari, @samuelsycamore, @siriwatknp, @Studio384
+
 ## 5.13.7
 
 <!-- generated comparing v5.13.6..master -->
@@ -521,7 +678,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
 
   There is codemod that you can run in your project to do the transformation:
 
-  ```sh
+  ```bash
   npx @mui/codemod v5.0.0/base-remove-component-prop <path>
   ```
 
@@ -620,7 +777,7 @@ A big thanks to the 12 contributors who made this release possible. Here are som
 
   You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/src/v5.0.0/base-remove-unstyled-suffix.js) to help with the migration:
 
-  ```sh
+  ```bash
   npx @mui/codemod v5.0.0/base-remove-unstyled-suffix <path>
   ```
 
@@ -6265,7 +6422,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
 
   replace `@material-ui/*` prefix with `@mui/*`:
 
-  ```sh
+  ```bash
   @material-ui/system -> @mui/system
   @material-ui/styles -> @mui/styles
   @material-ui/lab -> @mui/lab
@@ -6278,7 +6435,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
 
   except these 3 packages that are renamed.
 
-  ```sh
+  ```bash
   @material-ui/core => @mui/material        // represents Material Design components.
   @material-ui/icons => @mui/icons-material // represents Material Design icons.
   @material-ui/unstyled => @mui/base        // fully functional components with minimum styles.
@@ -9940,7 +10097,7 @@ _Nov 14, 2020_
 A big thanks to the 34 contributors who made this release possible. Here are some highlights ✨:
 
 - 📅 Migrate the date picker to the lab (#22692) @dmtrKovalenko.
-  We have integrated the components with the code infrastructure. Next we will migrate all the GitHub issues from [material-ui-pickers](https://github.com/mui/material-ui-pickers) and archive the repository. This migration will help provide first-class support for the date picker components. The component will stay in the lab as long as necessary to reach the high quality bar we have for core components. You can find the [new documentation here](https://mui.com/components/pickers/).
+  We have integrated the components with the code infrastructure. Next we will migrate all the GitHub issues from [material-ui-pickers](https://github.com/mui/material-ui-pickers) and archive the repository. This migration will help provide first-class support for the date picker components. The component will stay in the lab as long as necessary to reach the high-quality bar we have for core components. You can find the [new documentation here](https://mui.com/components/pickers/).
 
   While the source code is currently hosted in the [main repository](https://github.com/mui/material-ui), we might move it to the [x repository](https://github.com/mui/mui-x) in the future, depending on what is easier for the commercial date range picker. The date picker will stay open source no matter what.
 
@@ -10973,13 +11130,13 @@ Here are some highlights ✨:
 
   Before:
 
-  ```sh
+  ```bash
   theme.spacing(2) => 16
   ```
 
   After:
 
-  ```sh
+  ```bash
   theme.spacing(2) => '16px'
   ```
 

package/Container/Container.js

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

package/Container/index.js

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

package/GlobalStyles/GlobalStyles.js

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

package/GlobalStyles/index.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/README.md

@@ -8,7 +8,7 @@ Install the package in your project directory with:
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 // with npm
 npm install @mui/system @emotion/react @emotion/styled
 

package/Stack/Stack.js

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

package/Stack/index.js

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

package/ThemeProvider/ThemeProvider.js

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

package/ThemeProvider/index.js

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

package/Unstable_Grid/Grid.js

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

package/Unstable_Grid/index.js

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

package/createBox.js

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

package/createStyled.js

@@ -49,12 +49,12 @@ const getVariantStyles = (name, theme) => {
   return variantsStyles;
 };
 const variantsResolver = (props, styles, theme, name) => {
-  var _theme$components, _theme$components$nam;
+  var _theme$components;
   const {
     ownerState = {}
   } = props;
   const variantsStyles = [];
-  const themeVariants = theme == null ? void 0 : (_theme$components = theme.components) == null ? void 0 : (_theme$components$nam = _theme$components[name]) == null ? void 0 : _theme$components$nam.variants;
+  const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[name]) == null ? void 0 : _theme$components.variants;
   if (themeVariants) {
     themeVariants.forEach(themeVariant => {
       let isMatch = true;

package/cssVars/index.js

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

package/cssVars/useCurrentColorScheme.js

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

package/esm/Box/Box.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createBox from '../createBox';
 const Box = createBox();

package/esm/Box/index.js

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

package/esm/Container/Container.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createContainer from './createContainer';
 

package/esm/Container/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './Container';
 export { default as containerClasses } from './containerClasses';
 export * from './containerClasses';

package/esm/GlobalStyles/GlobalStyles.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { GlobalStyles as MuiGlobalStyles } from '@mui/styled-engine';

package/esm/GlobalStyles/index.js

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

package/esm/Stack/Stack.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createStack from './createStack';
 /**

package/esm/Stack/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './Stack';
 export { default as createStack } from './createStack';
 export * from './StackProps';

package/esm/ThemeProvider/ThemeProvider.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/esm/ThemeProvider/index.js

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

package/esm/Unstable_Grid/Grid.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createGrid from './createGrid';
 /**

package/esm/Unstable_Grid/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './Grid';
 export { default as createGrid } from './createGrid';
 export * from './GridProps';

package/esm/createBox.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className", "component"];

package/esm/createStyled.js

@@ -38,12 +38,12 @@ const getVariantStyles = (name, theme) => {
   return variantsStyles;
 };
 const variantsResolver = (props, styles, theme, name) => {
-  var _theme$components, _theme$components$nam;
+  var _theme$components;
   const {
     ownerState = {}
   } = props;
   const variantsStyles = [];
-  const themeVariants = theme == null ? void 0 : (_theme$components = theme.components) == null ? void 0 : (_theme$components$nam = _theme$components[name]) == null ? void 0 : _theme$components$nam.variants;
+  const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[name]) == null ? void 0 : _theme$components.variants;
   if (themeVariants) {
     themeVariants.forEach(themeVariant => {
       let isMatch = true;

package/esm/cssVars/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './createCssVarsProvider';
 export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
 export { default as prepareCssVars } from './prepareCssVars';

package/esm/cssVars/useCurrentColorScheme.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';

package/esm/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export { css, keyframes, StyledEngineProvider } from '@mui/styled-engine';
 export { default as GlobalStyles } from './GlobalStyles';

package/esm/sizing.js

@@ -11,8 +11,8 @@ export const width = style({
 export const maxWidth = props => {
   if (props.maxWidth !== undefined && props.maxWidth !== null) {
     const styleFromPropValue = propValue => {
-      var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
-      const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || breakpointsValues[propValue];
+      var _props$theme;
+      const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || breakpointsValues[propValue];
       return {
         maxWidth: breakpoint || sizingTransform(propValue)
       };

package/esm/styleFunctionSx/extendSxProp.js

@@ -9,7 +9,7 @@ const splitProps = props => {
     systemProps: {},
     otherProps: {}
   };
-  const config = (_props$theme$unstable = props == null ? void 0 : (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
+  const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
   Object.keys(props).forEach(prop => {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];

package/esm/useTheme.js

@@ -1,3 +1,5 @@
+'use client';
+
 import createTheme from './createTheme';
 import useThemeWithoutDefault from './useThemeWithoutDefault';
 export const systemDefaultTheme = createTheme();

package/esm/useThemeProps/index.js

@@ -1,2 +1,4 @@
+'use client';
+
 export { default } from './useThemeProps';
 export { default as getThemeProps } from './getThemeProps';

package/esm/useThemeProps/useThemeProps.js

@@ -1,3 +1,5 @@
+'use client';
+
 import getThemeProps from './getThemeProps';
 import useTheme from '../useTheme';
 export default function useThemeProps({

package/esm/useThemeWithoutDefault.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { ThemeContext } from '@mui/styled-engine';
 function isObjectEmpty(obj) {

package/index.js

@@ -1,11 +1,12 @@
 /**
- * @mui/system v5.13.7
+ * @mui/system v5.14.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/legacy/Box/Box.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createBox from '../createBox';
 var Box = createBox();

package/legacy/Box/index.js

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

package/legacy/Container/Container.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createContainer from './createContainer';
 

package/legacy/Container/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './Container';
 export { default as containerClasses } from './containerClasses';
 export * from './containerClasses';

package/legacy/GlobalStyles/GlobalStyles.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { GlobalStyles as MuiGlobalStyles } from '@mui/styled-engine';

package/legacy/GlobalStyles/index.js

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

package/legacy/Stack/Stack.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createStack from './createStack';
 /**

package/legacy/Stack/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './Stack';
 export { default as createStack } from './createStack';
 export * from './StackProps';

package/legacy/ThemeProvider/ThemeProvider.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';

package/legacy/ThemeProvider/index.js

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

package/legacy/Unstable_Grid/Grid.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createGrid from './createGrid';
 /**

package/legacy/Unstable_Grid/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './Grid';
 export { default as createGrid } from './createGrid';
 export * from './GridProps';

package/legacy/createBox.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import * as React from 'react';

package/legacy/createStyled.js

@@ -39,11 +39,11 @@ var getVariantStyles = function getVariantStyles(name, theme) {
   return variantsStyles;
 };
 var variantsResolver = function variantsResolver(props, styles, theme, name) {
-  var _theme$components, _theme$components$nam;
+  var _theme$components;
   var _props$ownerState = props.ownerState,
     ownerState = _props$ownerState === void 0 ? {} : _props$ownerState;
   var variantsStyles = [];
-  var themeVariants = theme == null ? void 0 : (_theme$components = theme.components) == null ? void 0 : (_theme$components$nam = _theme$components[name]) == null ? void 0 : _theme$components$nam.variants;
+  var themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[name]) == null ? void 0 : _theme$components.variants;
   if (themeVariants) {
     themeVariants.forEach(function (themeVariant) {
       var isMatch = true;

package/legacy/cssVars/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './createCssVarsProvider';
 export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
 export { default as prepareCssVars } from './prepareCssVars';

package/legacy/cssVars/useCurrentColorScheme.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';

package/legacy/index.js

@@ -1,10 +1,12 @@
 /**
- * @mui/system v5.13.7
+ * @mui/system v5.14.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+'use client';
+
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export { css, keyframes, StyledEngineProvider } from '@mui/styled-engine';
 export { default as GlobalStyles } from './GlobalStyles';

package/legacy/sizing.js

@@ -11,8 +11,8 @@ export var width = style({
 export var maxWidth = function maxWidth(props) {
   if (props.maxWidth !== undefined && props.maxWidth !== null) {
     var styleFromPropValue = function styleFromPropValue(propValue) {
-      var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
-      var breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || breakpointsValues[propValue];
+      var _props$theme;
+      var breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || breakpointsValues[propValue];
       return {
         maxWidth: breakpoint || sizingTransform(propValue)
       };

package/legacy/styleFunctionSx/extendSxProp.js

@@ -9,7 +9,7 @@ var splitProps = function splitProps(props) {
     systemProps: {},
     otherProps: {}
   };
-  var config = (_props$theme$unstable = props == null ? void 0 : (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
+  var config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
   Object.keys(props).forEach(function (prop) {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];

package/legacy/useTheme.js

@@ -1,3 +1,5 @@
+'use client';
+
 import createTheme from './createTheme';
 import useThemeWithoutDefault from './useThemeWithoutDefault';
 export var systemDefaultTheme = createTheme();

package/legacy/useThemeProps/index.js

@@ -1,2 +1,4 @@
+'use client';
+
 export { default } from './useThemeProps';
 export { default as getThemeProps } from './getThemeProps';

package/legacy/useThemeProps/useThemeProps.js

@@ -1,3 +1,5 @@
+'use client';
+
 import getThemeProps from './getThemeProps';
 import useTheme from '../useTheme';
 export default function useThemeProps(_ref) {

package/legacy/useThemeWithoutDefault.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { ThemeContext } from '@mui/styled-engine';
 function isObjectEmpty(obj) {

package/modern/Box/Box.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createBox from '../createBox';
 const Box = createBox();

package/modern/Box/index.js

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

package/modern/Container/Container.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createContainer from './createContainer';
 

package/modern/Container/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './Container';
 export { default as containerClasses } from './containerClasses';
 export * from './containerClasses';

package/modern/GlobalStyles/GlobalStyles.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { GlobalStyles as MuiGlobalStyles } from '@mui/styled-engine';

package/modern/GlobalStyles/index.js

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

package/modern/Stack/Stack.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createStack from './createStack';
 /**

package/modern/Stack/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './Stack';
 export { default as createStack } from './createStack';
 export * from './StackProps';

package/modern/ThemeProvider/ThemeProvider.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/modern/ThemeProvider/index.js

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

package/modern/Unstable_Grid/Grid.js

@@ -1,3 +1,5 @@
+'use client';
+
 import PropTypes from 'prop-types';
 import createGrid from './createGrid';
 /**

package/modern/Unstable_Grid/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './Grid';
 export { default as createGrid } from './createGrid';
 export * from './GridProps';

package/modern/createBox.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["className", "component"];

package/modern/cssVars/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 export { default } from './createCssVarsProvider';
 export { default as getInitColorSchemeScript } from './getInitColorSchemeScript';
 export { default as prepareCssVars } from './prepareCssVars';

package/modern/cssVars/useCurrentColorScheme.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from './getInitColorSchemeScript';

package/modern/index.js

@@ -1,10 +1,12 @@
 /**
- * @mui/system v5.13.7
+ * @mui/system v5.14.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+'use client';
+
 import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
 export { css, keyframes, StyledEngineProvider } from '@mui/styled-engine';
 export { default as GlobalStyles } from './GlobalStyles';

package/modern/useTheme.js

@@ -1,3 +1,5 @@
+'use client';
+
 import createTheme from './createTheme';
 import useThemeWithoutDefault from './useThemeWithoutDefault';
 export const systemDefaultTheme = createTheme();

package/modern/useThemeProps/index.js

@@ -1,2 +1,4 @@
+'use client';
+
 export { default } from './useThemeProps';
 export { default as getThemeProps } from './getThemeProps';

package/modern/useThemeProps/useThemeProps.js

@@ -1,3 +1,5 @@
+'use client';
+
 import getThemeProps from './getThemeProps';
 import useTheme from '../useTheme';
 export default function useThemeProps({

package/modern/useThemeWithoutDefault.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { ThemeContext } from '@mui/styled-engine';
 function isObjectEmpty(obj) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/system",
-  "version": "5.13.7",
+  "version": "5.14.1",
   "private": false,
   "author": "MUI Team",
   "description": "CSS utilities for rapidly laying out custom designs.",
@@ -43,11 +43,11 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.5",
+    "@babel/runtime": "^7.22.6",
     "@mui/private-theming": "^5.13.7",
     "@mui/styled-engine": "^5.13.2",
     "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.13.7",
+    "@mui/utils": "^5.14.1",
     "clsx": "^1.2.1",
     "csstype": "^3.1.2",
     "prop-types": "^15.8.1"

package/sizing.js

@@ -21,8 +21,8 @@ exports.width = width;
 const maxWidth = props => {
   if (props.maxWidth !== undefined && props.maxWidth !== null) {
     const styleFromPropValue = propValue => {
-      var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
-      const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || _breakpoints.values[propValue];
+      var _props$theme;
+      const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || _breakpoints.values[propValue];
       return {
         maxWidth: breakpoint || sizingTransform(propValue)
       };

package/styleFunctionSx/extendSxProp.js

@@ -16,7 +16,7 @@ const splitProps = props => {
     systemProps: {},
     otherProps: {}
   };
-  const config = (_props$theme$unstable = props == null ? void 0 : (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : _defaultSxConfig.default;
+  const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : _defaultSxConfig.default;
   Object.keys(props).forEach(prop => {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];

package/useTheme.js

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

package/useThemeProps/index.js

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

package/useThemeProps/useThemeProps.js

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

package/useThemeWithoutDefault.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true