@mui/material 6.0.1 → 6.1.0

package/modern/ToggleButton/ToggleButton.js

@@ -11,6 +11,7 @@ import ButtonBase from "../ButtonBase/index.js";
 import capitalize from "../utils/capitalize.js";
 import { styled } from "../zero-styled/index.js";
 import memoTheme from "../utils/memoTheme.js";
+import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.js";
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import toggleButtonClasses, { getToggleButtonUtilityClass } from "./toggleButtonClasses.js";
 import ToggleButtonGroupContext from "../ToggleButtonGroup/ToggleButtonGroupContext.js";
@@ -77,7 +78,7 @@ const ToggleButtonRoot = styled(ButtonBase, {
         }
       }
     }
-  }, ...Object.entries(theme.palette).filter(([, palette]) => palette && palette.main).map(([color]) => ({
+  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
     props: {
       color
     },

package/modern/Typography/Typography.js

@@ -8,6 +8,7 @@ import { styled, internal_createExtendSxProp } from "../zero-styled/index.js";
 import memoTheme from "../utils/memoTheme.js";
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import capitalize from "../utils/capitalize.js";
+import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.js";
 import { getTypographyUtilityClass } from "./typographyClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const v6Colors = {
@@ -64,7 +65,7 @@ export const TypographyRoot = styled('span', {
       variant
     },
     style: value
-  })), ...Object.entries(theme.palette).filter(([, value]) => value && value.main).map(([color]) => ({
+  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
     props: {
       color
     },

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.0.1
+ * @mui/material v6.1.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internal/svg-icons/Add.js

@@ -7,6 +7,6 @@ import { createSvgIcon } from "../../utils/index.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
 }), 'Add');

package/modern/internal/svg-icons/ArrowDownward.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
 }), 'ArrowDownward');

package/modern/internal/svg-icons/ArrowDropDown.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M7 10l5 5 5-5z"
 }), 'ArrowDropDown');

package/modern/internal/svg-icons/Cancel.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
 }), 'Cancel');

package/modern/internal/svg-icons/CheckBox.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
 }), 'CheckBox');

package/modern/internal/svg-icons/CheckBoxOutlineBlank.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
 }), 'CheckBoxOutlineBlank');

package/modern/internal/svg-icons/CheckCircle.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z"
 }), 'CheckCircle');

package/modern/internal/svg-icons/Close.js

@@ -9,6 +9,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * Alias to `Clear`.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), 'Close');

package/modern/internal/svg-icons/ErrorOutline.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
 }), 'ErrorOutline');

package/modern/internal/svg-icons/FirstPage.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
 }), 'FirstPage');

package/modern/internal/svg-icons/IndeterminateCheckBox.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), 'IndeterminateCheckBox');

package/modern/internal/svg-icons/InfoOutlined.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
 }), 'InfoOutlined');

package/modern/internal/svg-icons/KeyboardArrowLeft.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
 }), 'KeyboardArrowLeft');

package/modern/internal/svg-icons/KeyboardArrowRight.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), 'KeyboardArrowRight');

package/modern/internal/svg-icons/LastPage.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
 }), 'LastPage');

package/modern/internal/svg-icons/MoreHoriz.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
 }), 'MoreHoriz');

package/modern/internal/svg-icons/NavigateBefore.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
 }), 'NavigateBefore');

package/modern/internal/svg-icons/NavigateNext.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), 'NavigateNext');

package/modern/internal/svg-icons/Person.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
 }), 'Person');

package/modern/internal/svg-icons/RadioButtonChecked.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   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');

package/modern/internal/svg-icons/RadioButtonUnchecked.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
 }), 'RadioButtonUnchecked');

package/modern/internal/svg-icons/ReportProblemOutlined.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
 }), 'ReportProblemOutlined');

package/modern/internal/svg-icons/Star.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
 }), 'Star');

package/modern/internal/svg-icons/StarBorder.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"
 }), 'StarBorder');

package/modern/internal/svg-icons/SuccessOutlined.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"
 }), 'SuccessOutlined');

package/modern/internal/svg-icons/Warning.js

@@ -7,6 +7,6 @@ import createSvgIcon from "../../utils/createSvgIcon.js";
  * @ignore - internal component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+export default createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
 }), 'Warning');

package/modern/styles/ThemeProviderWithVars.js

@@ -43,9 +43,11 @@ let warnedOnce = false;
 // TODO: remove in v7
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function Experimental_CssVarsProvider(props) {
-  if (!warnedOnce) {
-    console.warn(['MUI: The Experimental_CssVarsProvider component has been ported into ThemeProvider.', '', "You should use `import { ThemeProvider } from '@mui/material/styles'` instead.", 'For more details, check out https://mui.com/material-ui/customization/css-theme-variables/usage/'].join('\n'));
-    warnedOnce = true;
+  if (process.env.NODE_ENV !== 'production') {
+    if (!warnedOnce) {
+      console.warn(['MUI: The Experimental_CssVarsProvider component has been ported into ThemeProvider.', '', "You should use `import { ThemeProvider } from '@mui/material/styles'` instead.", 'For more details, check out https://mui.com/material-ui/customization/css-theme-variables/usage/'].join('\n'));
+      warnedOnce = true;
+    }
   }
   return /*#__PURE__*/_jsx(InternalCssVarsProvider, {
     ...props

package/modern/styles/createGetSelector.js

@@ -1,5 +1,5 @@
 import excludeVariablesFromRoot from "./excludeVariablesFromRoot.js";
-export default (theme => (colorScheme, css) => {
+export default theme => (colorScheme, css) => {
   const selector = theme.colorSchemeSelector;
   let rule = selector;
   if (selector === 'class') {
@@ -56,4 +56,4 @@ export default (theme => (colorScheme, css) => {
     }
   }
   return ':root';
-});
+};

package/modern/styles/createTheme.js

@@ -11,7 +11,7 @@ function attachColorScheme(theme, scheme, colorScheme) {
     theme.colorSchemes[scheme] = {
       ...(colorScheme !== true && colorScheme),
       palette: createPalette({
-        ...(colorScheme === true ? {} : colorScheme),
+        ...(colorScheme === true ? {} : colorScheme.palette),
         mode: scheme
       }) // cast type to skip module augmentation test
     };
@@ -48,20 +48,39 @@ export default function createTheme(options = {},
     } : undefined)
   };
   if (cssVariables === false) {
-    const theme = createThemeNoVars(options, ...args);
     if (!('colorSchemes' in options)) {
-      return theme;
+      // Behaves exactly as v5
+      return createThemeNoVars(options, ...args);
     }
+    let paletteOptions = palette;
+    if (!('palette' in options)) {
+      if (colorSchemesInput[defaultColorSchemeInput]) {
+        if (colorSchemesInput[defaultColorSchemeInput] !== true) {
+          paletteOptions = colorSchemesInput[defaultColorSchemeInput].palette;
+        } else if (defaultColorSchemeInput === 'dark') {
+          // @ts-ignore to prevent the module augmentation test from failing
+          paletteOptions = {
+            mode: 'dark'
+          };
+        }
+      }
+    }
+    const theme = createThemeNoVars({
+      ...options,
+      palette: paletteOptions
+    }, ...args);
     theme.defaultColorScheme = defaultColorSchemeInput;
     theme.colorSchemes = colorSchemesInput;
     if (theme.palette.mode === 'light') {
       theme.colorSchemes.light = {
+        ...(colorSchemesInput.light !== true && colorSchemesInput.light),
         palette: theme.palette
       };
       attachColorScheme(theme, 'dark', colorSchemesInput.dark);
     }
     if (theme.palette.mode === 'dark') {
       theme.colorSchemes.dark = {
+        ...(colorSchemesInput.dark !== true && colorSchemesInput.dark),
         palette: theme.palette
       };
       attachColorScheme(theme, 'light', colorSchemesInput.light);

package/modern/utils/createSimplePaletteValueFilter.js

@@ -0,0 +1,41 @@
+/**
+ * Type guard to check if the object has a "main" property of type string.
+ *
+ * @param obj - the object to check
+ * @returns boolean
+ */
+function hasCorrectMainProperty(obj) {
+  return typeof obj.main === 'string';
+}
+/**
+ * Checks if the object conforms to the SimplePaletteColorOptions type.
+ * The minimum requirement is that the object has a "main" property of type string, this is always checked.
+ * Optionally, you can pass additional properties to check.
+ *
+ * @param obj - The object to check
+ * @param additionalPropertiesToCheck - Array containing "light", "dark", and/or "contrastText"
+ * @returns boolean
+ */
+function checkSimplePaletteColorValues(obj, additionalPropertiesToCheck = []) {
+  if (!hasCorrectMainProperty(obj)) {
+    return false;
+  }
+  for (const value of additionalPropertiesToCheck) {
+    if (!obj.hasOwnProperty(value) || typeof obj[value] !== 'string') {
+      return false;
+    }
+  }
+  return true;
+}
+
+/**
+ * Creates a filter function used to filter simple palette color options.
+ * The minimum requirement is that the object has a "main" property of type string, this is always checked.
+ * Optionally, you can pass additional properties to check.
+ *
+ * @param additionalPropertiesToCheck - Array containing "light", "dark", and/or "contrastText"
+ * @returns ([, value]: [any, PaletteColorOptions]) => boolean
+ */
+export default function createSimplePaletteValueFilter(additionalPropertiesToCheck = []) {
+  return ([, value]) => value && checkSimplePaletteColorValues(value, additionalPropertiesToCheck);
+}

package/modern/utils/createSvgIcon.js

@@ -22,5 +22,5 @@ export default function createSvgIcon(path, displayName) {
     Component.displayName = `${displayName}Icon`;
   }
   Component.muiName = SvgIcon.muiName;
-  return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));
+  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
 }

package/modern/version/index.js

@@ -1,7 +1,6 @@
-export const version = "6.0.1";
+export const version = "6.1.0";
 export const major = Number("6");
-export const minor = Number("0");
-export const patch = Number("1");
-export const preReleaseLabel = undefined || null;
-export const preReleaseNumber = Number(undefined) || null;
+export const minor = Number("1");
+export const patch = Number("0");
+export const prerelease = undefined;
 export default version;

package/node/Alert/Alert.js

@@ -17,6 +17,7 @@ var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
 var _Paper = _interopRequireDefault(require("../Paper"));
 var _alertClasses = _interopRequireWildcard(require("./alertClasses"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
@@ -60,7 +61,7 @@ const AlertRoot = (0, _zeroStyled.styled)(_Paper.default, {
     backgroundColor: 'transparent',
     display: 'flex',
     padding: '6px 16px',
-    variants: [...Object.entries(theme.palette).filter(([, value]) => value && value.main && value.light).map(([color]) => ({
+    variants: [...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)(['light'])).map(([color]) => ({
       props: {
         colorSeverity: color,
         variant: 'standard'
@@ -74,7 +75,7 @@ const AlertRoot = (0, _zeroStyled.styled)(_Paper.default, {
           color: theme.palette[color].main
         }
       }
-    })), ...Object.entries(theme.palette).filter(([, value]) => value && value.main && value.light).map(([color]) => ({
+    })), ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)(['light'])).map(([color]) => ({
       props: {
         colorSeverity: color,
         variant: 'outlined'
@@ -88,7 +89,7 @@ const AlertRoot = (0, _zeroStyled.styled)(_Paper.default, {
           color: theme.palette[color].main
         }
       }
-    })), ...Object.entries(theme.palette).filter(([, value]) => value && value.main && value.dark).map(([color]) => ({
+    })), ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)(['dark'])).map(([color]) => ({
       props: {
         colorSeverity: color,
         variant: 'filled'

package/node/AppBar/AppBar.js

@@ -15,6 +15,7 @@ var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
 var _Paper = _interopRequireDefault(require("../Paper"));
 var _appBarClasses = require("./appBarClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -121,7 +122,7 @@ const AppBarRoot = (0, _zeroStyled.styled)(_Paper.default, {
         '--AppBar-color': theme.vars ? theme.vars.palette.text.primary : theme.palette.getContrastText(theme.palette.grey[900])
       })
     }
-  }, ...Object.entries(theme.palette).filter(([, palette]) => palette && palette.main && palette.contrastText).map(([color]) => ({
+  }, ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)(['contrastText'])).map(([color]) => ({
     props: {
       color
     },

package/node/Autocomplete/Autocomplete.js

@@ -616,7 +616,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
     const more = startAdornment.length - limitTags;
     if (!focused && more > 0) {
       startAdornment = startAdornment.splice(0, limitTags);
-      startAdornment.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      startAdornment.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: classes.tag,
         children: getLimitTagsText(more)
       }, startAdornment.length));
@@ -674,7 +674,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
   });
   let autocompletePopper = null;
   if (groupedOptions.length > 0) {
-    autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteListbox, {
+    autocompletePopper = renderAutocompletePopperChildren(/*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteListbox, {
       as: ListboxSlot,
       ...listboxProps,
       children: groupedOptions.map((option, index) => {
@@ -689,13 +689,13 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       })
     }));
   } else if (loading && groupedOptions.length === 0) {
-    autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteLoading, {
+    autocompletePopper = renderAutocompletePopperChildren(/*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteLoading, {
       className: classes.loading,
       ownerState: ownerState,
       children: loadingText
     }));
   } else if (groupedOptions.length === 0 && !freeSolo && !loading) {
-    autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteNoOptions, {
+    autocompletePopper = renderAutocompletePopperChildren(/*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteNoOptions, {
       className: classes.noOptions,
       ownerState: ownerState,
       role: "presentation",

package/node/Badge/Badge.js

@@ -16,6 +16,7 @@ var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _useBadge = _interopRequireDefault(require("./useBadge"));
 var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _badgeClasses = _interopRequireWildcard(require("./badgeClasses"));
@@ -82,7 +83,7 @@ const BadgeBadge = (0, _zeroStyled.styled)('span', {
     easing: theme.transitions.easing.easeInOut,
     duration: theme.transitions.duration.enteringScreen
   }),
-  variants: [...Object.entries(theme.palette).filter(([, palette]) => palette && palette.main && palette.contrastText).map(([color]) => ({
+  variants: [...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)(['contrastText'])).map(([color]) => ({
     props: {
       color
     },

package/node/Button/Button.js

@@ -19,6 +19,7 @@ var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
 var _buttonClasses = _interopRequireWildcard(require("./buttonClasses"));
 var _ButtonGroupContext = _interopRequireDefault(require("../ButtonGroup/ButtonGroupContext"));
 var _ButtonGroupButtonContext = _interopRequireDefault(require("../ButtonGroup/ButtonGroupButtonContext"));
@@ -153,7 +154,7 @@ const ButtonRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
         color: `var(--variant-textColor)`,
         backgroundColor: `var(--variant-textBg)`
       }
-    }, ...Object.entries(theme.palette).filter(([, palette]) => palette && palette.main && palette.dark && palette.contrastText).map(([color]) => ({
+    }, ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)(['dark', 'contrastText'])).map(([color]) => ({
       props: {
         color
       },

package/node/ButtonGroup/ButtonGroup.js

@@ -16,6 +16,7 @@ var _getValidReactChildren = _interopRequireDefault(require("@mui/utils/getValid
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _buttonGroupClasses = _interopRequireWildcard(require("./buttonGroupClasses"));
 var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
@@ -147,7 +148,7 @@ const ButtonGroupRoot = (0, _zeroStyled.styled)('div', {
         }
       }
     }
-  }, ...Object.entries(theme.palette).filter(([, value]) => value && value.main).flatMap(([color]) => [{
+  }, ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)()).flatMap(([color]) => [{
     props: {
       variant: 'text',
       color
@@ -215,7 +216,7 @@ const ButtonGroupRoot = (0, _zeroStyled.styled)('div', {
         }
       }
     }
-  }, ...Object.entries(theme.palette).filter(([, value]) => value && value.dark).map(([color]) => ({
+  }, ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)(['dark'])).map(([color]) => ({
     props: {
       variant: 'contained',
       color

package/node/Checkbox/Checkbox.js

@@ -22,6 +22,7 @@ var _rootShouldForwardProp = _interopRequireDefault(require("../styles/rootShoul
 var _checkboxClasses = _interopRequireWildcard(require("./checkboxClasses"));
 var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
@@ -65,7 +66,7 @@ const CheckboxRoot = (0, _zeroStyled.styled)(_SwitchBase.default, {
         backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _colorManipulator.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(theme.palette).filter(([, palette]) => palette && palette.main).map(([color]) => ({
+  }, ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)()).map(([color]) => ({
     props: {
       color,
       disableRipple: false
@@ -75,7 +76,7 @@ const CheckboxRoot = (0, _zeroStyled.styled)(_SwitchBase.default, {
         backgroundColor: theme.vars ? `rgba(${theme.vars.palette[color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _colorManipulator.alpha)(theme.palette[color].main, theme.palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(theme.palette).filter(([, palette]) => palette && palette.main).map(([color]) => ({
+  })), ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)()).map(([color]) => ({
     props: {
       color
     },