@mui/material 6.0.2 → 6.1.1-dev.20240919-130050-82a6448768

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

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
 }), 'FirstPage');

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

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.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/node/internal/svg-icons/InfoOutlined.js

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.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/node/internal/svg-icons/KeyboardArrowLeft.js

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
 }), 'KeyboardArrowLeft');

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

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), 'KeyboardArrowRight');

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

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
 }), 'LastPage');

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

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.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/node/internal/svg-icons/NavigateBefore.js

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
 }), 'NavigateBefore');

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

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), 'NavigateNext');

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

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.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/node/internal/svg-icons/RadioButtonChecked.js

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.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/node/internal/svg-icons/RadioButtonUnchecked.js

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.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/node/internal/svg-icons/ReportProblemOutlined.js

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
 }), 'ReportProblemOutlined');

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

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.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/node/internal/svg-icons/StarBorder.js

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.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/node/internal/svg-icons/SuccessOutlined.js

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.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/node/internal/svg-icons/Warning.js

@@ -13,6 +13,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
-var _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+var _default = exports.default = (0, _createSvgIcon.default)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
 }), 'Warning');

package/node/styles/ThemeProviderWithVars.js

@@ -53,9 +53,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__*/(0, _jsxRuntime.jsx)(InternalCssVarsProvider, {
     ...props

package/node/styles/createColorScheme.js

@@ -11,7 +11,7 @@ var _createPalette = _interopRequireDefault(require("./createPalette"));
 var _getOverlayAlpha = _interopRequireDefault(require("./getOverlayAlpha"));
 const defaultDarkOverlays = [...Array(25)].map((_, index) => {
   if (index === 0) {
-    return undefined;
+    return 'none';
   }
   const overlay = (0, _getOverlayAlpha.default)(index);
   return `linear-gradient(rgba(255 255 255 / ${overlay}), rgba(255 255 255 / ${overlay}))`;

package/node/styles/excludeVariablesFromRoot.js

@@ -7,5 +7,5 @@ exports.default = void 0;
 /**
  * @internal These variables should not appear in the :root stylesheet when the `defaultColorScheme="dark"`
  */
-const excludeVariablesFromRoot = cssVarPrefix => [...[...Array(24)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}overlays-${index + 1}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkColor`];
+const excludeVariablesFromRoot = cssVarPrefix => [...[...Array(25)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}overlays-${index}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkColor`];
 var _default = exports.default = excludeVariablesFromRoot;

package/node/styles/useTheme.js

@@ -14,6 +14,7 @@ var _identifier = _interopRequireDefault(require("./identifier"));
 function useTheme() {
   const theme = (0, _system.useTheme)(_defaultTheme.default);
   if (process.env.NODE_ENV !== 'production') {
+    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useDebugValue(theme);
   }

package/node/useAutocomplete/useAutocomplete.js

@@ -42,7 +42,7 @@ function createFilterOptions(config = {}) {
       if (ignoreAccents) {
         candidate = stripDiacritics(candidate);
       }
-      return matchFrom === 'start' ? candidate.indexOf(input) === 0 : candidate.indexOf(input) > -1;
+      return matchFrom === 'start' ? candidate.startsWith(input) : candidate.includes(input);
     });
     return typeof limit === 'number' ? filteredOptions.slice(0, limit) : filteredOptions;
   };
@@ -592,7 +592,7 @@ function useAutocomplete(props) {
     if (event.defaultMuiPrevented) {
       return;
     }
-    if (focusedTag !== -1 && ['ArrowLeft', 'ArrowRight'].indexOf(event.key) === -1) {
+    if (focusedTag !== -1 && !['ArrowLeft', 'ArrowRight'].includes(event.key)) {
       setFocusedTag(-1);
       focusTag(-1);
     }

package/node/useScrollTrigger/useScrollTrigger.js

@@ -51,6 +51,7 @@ function useScrollTrigger(options = {}) {
       });
     };
     // See Option 3. https://github.com/facebook/react/issues/14476#issuecomment-471199055
+    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [target, getTrigger, JSON.stringify(other)]);
   return trigger;

package/node/utils/createSimplePaletteValueFilter.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createSimplePaletteValueFilter;
+/**
+ * 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
+ */
+function createSimplePaletteValueFilter(additionalPropertiesToCheck = []) {
+  return ([, value]) => value && checkSimplePaletteColorValues(value, additionalPropertiesToCheck);
+}

package/node/utils/createSvgIcon.js

@@ -27,5 +27,5 @@ var _jsxRuntime = require("react/jsx-runtime");
     Component.displayName = `${displayName}Icon`;
   }
   Component.muiName = _SvgIcon.default.muiName;
-  return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));
+  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
 }

package/node/version/index.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.version = exports.preReleaseNumber = exports.preReleaseLabel = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "6.0.2";
+exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
+const version = exports.version = "6.1.1-dev.20240919-130050-82a6448768";
 const major = exports.major = Number("6");
-const minor = exports.minor = Number("0");
-const patch = exports.patch = Number("2");
-const preReleaseLabel = exports.preReleaseLabel = undefined || null;
-const preReleaseNumber = exports.preReleaseNumber = Number(undefined) || null;
+const minor = exports.minor = Number("1");
+const patch = exports.patch = Number("1");
+const prerelease = exports.prerelease = "dev.20240919";
 var _default = exports.default = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "6.0.2",
+  "version": "6.1.1-dev.20240919-130050-82a6448768",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -14,7 +14,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/mui/material-ui.git",
+    "url": "git+https://github.com/mui/material-ui.git",
     "directory": "packages/mui-material"
   },
   "license": "MIT",
@@ -27,7 +27,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.0",
+    "@babel/runtime": "^7.25.6",
     "@popperjs/core": "^2.11.8",
     "@types/react-transition-group": "^4.4.11",
     "clsx": "^2.1.1",
@@ -35,10 +35,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^6.0.2",
-    "@mui/types": "^7.2.16",
-    "@mui/utils": "^6.0.2",
-    "@mui/system": "^6.0.2"
+    "@mui/core-downloads-tracker": "^6.1.1",
+    "@mui/system": "^6.1.1-dev.20240919-130050-82a6448768",
+    "@mui/types": "^7.2.17",
+    "@mui/utils": "^6.1.1-dev.20240919-130050-82a6448768"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -46,7 +46,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "^6.0.2"
+    "@mui/material-pigment-css": "^6.1.1-dev.20240919-130050-82a6448768"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/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/styles/createColorScheme.d.ts

@@ -5,5 +5,5 @@ export declare function getOpacity(mode: 'light' | 'dark'): {
     switchTrackDisabled: number;
     switchTrack: number;
 };
-export declare function getOverlays(mode: 'light' | 'dark'): (string | undefined)[];
+export declare function getOverlays(mode: 'light' | 'dark'): string[];
 export default function createColorScheme(options: ColorSystemOptions): ColorSystemOptions;

package/styles/createColorScheme.js

@@ -2,7 +2,7 @@ import createPalette from "./createPalette.js";
 import getOverlayAlpha from "./getOverlayAlpha.js";
 const defaultDarkOverlays = [...Array(25)].map((_, index) => {
   if (index === 0) {
-    return undefined;
+    return 'none';
   }
   const overlay = getOverlayAlpha(index);
   return `linear-gradient(rgba(255 255 255 / ${overlay}), rgba(255 255 255 / ${overlay}))`;

package/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/styles/excludeVariablesFromRoot.js

@@ -1,5 +1,5 @@
 /**
  * @internal These variables should not appear in the :root stylesheet when the `defaultColorScheme="dark"`
  */
-const excludeVariablesFromRoot = cssVarPrefix => [...[...Array(24)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}overlays-${index + 1}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkColor`];
+const excludeVariablesFromRoot = cssVarPrefix => [...[...Array(25)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}overlays-${index}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkColor`];
 export default excludeVariablesFromRoot;

package/styles/useTheme.js

@@ -7,6 +7,7 @@ import THEME_ID from "./identifier.js";
 export default function useTheme() {
   const theme = useThemeSystem(defaultTheme);
   if (process.env.NODE_ENV !== 'production') {
+    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useDebugValue(theme);
   }

package/useAutocomplete/useAutocomplete.js

@@ -36,7 +36,7 @@ export function createFilterOptions(config = {}) {
       if (ignoreAccents) {
         candidate = stripDiacritics(candidate);
       }
-      return matchFrom === 'start' ? candidate.indexOf(input) === 0 : candidate.indexOf(input) > -1;
+      return matchFrom === 'start' ? candidate.startsWith(input) : candidate.includes(input);
     });
     return typeof limit === 'number' ? filteredOptions.slice(0, limit) : filteredOptions;
   };
@@ -586,7 +586,7 @@ function useAutocomplete(props) {
     if (event.defaultMuiPrevented) {
       return;
     }
-    if (focusedTag !== -1 && ['ArrowLeft', 'ArrowRight'].indexOf(event.key) === -1) {
+    if (focusedTag !== -1 && !['ArrowLeft', 'ArrowRight'].includes(event.key)) {
       setFocusedTag(-1);
       focusTag(-1);
     }

package/useScrollTrigger/useScrollTrigger.js

@@ -45,6 +45,7 @@ export default function useScrollTrigger(options = {}) {
       });
     };
     // See Option 3. https://github.com/facebook/react/issues/14476#issuecomment-471199055
+    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [target, getTrigger, JSON.stringify(other)]);
   return trigger;

package/utils/createSimplePaletteValueFilter.d.ts

@@ -0,0 +1,12 @@
+import { PaletteColorOptions, SimplePaletteColorOptions } from '../styles/createPalette';
+type AdditionalPropertiesToCheck = (keyof Omit<SimplePaletteColorOptions, 'main'>)[];
+/**
+ * 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?: AdditionalPropertiesToCheck): ([, value]: [any, PaletteColorOptions]) => boolean;
+export {};

package/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/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/utils/memoTheme.d.ts

@@ -1,4 +1,4 @@
-import { CSSInterpolation } from '@mui/styled-engine';
+import { CSSInterpolation } from '@mui/system';
 import { Theme } from '../styles/createTheme';
 type ThemeStyleFunction = (props: {
     theme: Theme;

package/utils/types.d.ts

@@ -17,7 +17,7 @@ export type CreateSlotsAndSlotProps<Slots, K extends Record<keyof Slots, any>> =
      * The components used for each slot inside.
      * @default {}
      */
-    slots?: Slots;
+    slots?: Partial<Slots>;
     /**
      * The props used for each slot inside.
      * @default {}

package/version/index.d.ts

@@ -2,6 +2,5 @@ export declare const version: string | undefined;
 export declare const major: number;
 export declare const minor: number;
 export declare const patch: number;
-export declare const preReleaseLabel: string | null;
-export declare const preReleaseNumber: number | null;
+export declare const prerelease: string | undefined;
 export default version;

package/version/index.js

@@ -1,7 +1,6 @@
-export const version = "6.0.2";
+export const version = "6.1.1-dev.20240919-130050-82a6448768";
 export const major = Number("6");
-export const minor = Number("0");
-export const patch = Number("2");
-export const preReleaseLabel = undefined || null;
-export const preReleaseNumber = Number(undefined) || null;
+export const minor = Number("1");
+export const patch = Number("1");
+export const prerelease = "dev.20240919";
 export default version;