@mui/material 9.0.0-alpha.4 → 9.0.0-beta.0

package/internal/SwitchBase.mjs

@@ -2,7 +2,6 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import capitalize from "../utils/capitalize.mjs";
 import rootShouldForwardProp from "../styles/rootShouldForwardProp.mjs";
@@ -95,8 +94,6 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     edge = false,
     icon,
     id,
-    inputProps,
-    inputRef,
     name,
     onBlur,
     onChange,
@@ -162,10 +159,7 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      input: inputProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [RootSlot, rootSlotProps] = useSlot('root', {
     ref,
@@ -197,7 +191,6 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     }
   });
   const [InputSlot, inputSlotProps] = useSlot('input', {
-    ref: inputRef,
     elementType: SwitchBaseInput,
     className: classes.input,
     externalForwardedProps,
@@ -285,14 +278,6 @@ process.env.NODE_ENV !== "production" ? SwitchBase.propTypes = {
    * The id of the `input` element.
    */
   id: PropTypes.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   */
-  inputProps: PropTypes.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: refType,
   /*
    * @ignore
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "9.0.0-alpha.4",
+  "version": "9.0.0-beta.0",
   "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.",
   "keywords": [
@@ -25,7 +25,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.6",
+    "@babel/runtime": "^7.29.2",
     "@popperjs/core": "^2.11.8",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
@@ -33,10 +33,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^19.2.4",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^9.0.0-alpha.4",
-    "@mui/types": "^9.0.0-alpha.3",
-    "@mui/system": "9.0.0-alpha.4",
-    "@mui/utils": "9.0.0-alpha.4"
+    "@mui/types": "^9.0.0-beta.0",
+    "@mui/core-downloads-tracker": "^9.0.0-beta.0",
+    "@mui/system": "9.0.0-beta.0",
+    "@mui/utils": "9.0.0-beta.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -44,7 +44,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": "9.0.0-alpha.4"
+    "@mui/material-pigment-css": "9.0.0-beta.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/styles/createThemeWithVars.js

@@ -419,6 +419,7 @@ function createThemeWithVars(options = {}, ...args) {
       theme: this
     });
   };
+  theme.internal_cache = {};
   theme.toRuntimeSource = _stringifyTheme.stringifyTheme; // for Pigment CSS integration
 
   return theme;

package/styles/createThemeWithVars.mjs

@@ -409,6 +409,7 @@ export default function createThemeWithVars(options = {}, ...args) {
       theme: this
     });
   };
+  theme.internal_cache = {};
   theme.toRuntimeSource = stringifyTheme; // for Pigment CSS integration
 
   return theme;

package/styles/stringifyTheme.js

@@ -39,7 +39,7 @@ function stringifyTheme(baseTheme = {}) {
     // eslint-disable-next-line no-plusplus
     for (let index = 0; index < array.length; index++) {
       const [key, value] = array[index];
-      if (!isSerializable(value) || key.startsWith('unstable_')) {
+      if (!isSerializable(value) || key.startsWith('unstable_') || key.startsWith('internal_')) {
         delete object[key];
       } else if ((0, _deepmerge.isPlainObject)(value)) {
         object[key] = {

package/styles/stringifyTheme.mjs

@@ -32,7 +32,7 @@ export function stringifyTheme(baseTheme = {}) {
     // eslint-disable-next-line no-plusplus
     for (let index = 0; index < array.length; index++) {
       const [key, value] = array[index];
-      if (!isSerializable(value) || key.startsWith('unstable_')) {
+      if (!isSerializable(value) || key.startsWith('unstable_') || key.startsWith('internal_')) {
         delete object[key];
       } else if (isPlainObject(value)) {
         object[key] = {

package/utils/createSvgIcon.d.mts

@@ -1,2 +1,4 @@
-import SvgIcon from "../SvgIcon/index.mjs";
-export default function createSvgIcon(path: React.ReactNode, displayName: string): typeof SvgIcon;
+/**
+ * @deprecated Import `createSvgIcon` from `@mui/material/SvgIcon` instead.
+ */
+export { default } from "../SvgIcon/createSvgIcon.mjs";

package/utils/createSvgIcon.d.ts

@@ -1,2 +1,4 @@
-import SvgIcon from "../SvgIcon/index.js";
-export default function createSvgIcon(path: React.ReactNode, displayName: string): typeof SvgIcon;
+/**
+ * @deprecated Import `createSvgIcon` from `@mui/material/SvgIcon` instead.
+ */
+export { default } from "../SvgIcon/createSvgIcon.js";

package/utils/createSvgIcon.js

@@ -1,31 +1,13 @@
 "use strict";
-'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = createSvgIcon;
-var React = _interopRequireWildcard(require("react"));
-var _SvgIcon = _interopRequireDefault(require("../SvgIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Private module reserved for @mui packages.
- */function createSvgIcon(path, displayName) {
-  function Component(props, ref) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
-      "data-testid": process.env.NODE_ENV !== 'production' ? `${displayName}Icon` : undefined,
-      ref: ref,
-      ...props,
-      children: path
-    });
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _createSvgIcon.default;
   }
-  if (process.env.NODE_ENV !== 'production') {
-    // Need to set `displayName` on the inner component for React.memo.
-    // React prior to 16.14 ignores `displayName` on the wrapper.
-    Component.displayName = `${displayName}Icon`;
-  }
-  Component.muiName = _SvgIcon.default.muiName;
-  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
-}
+});
+var _createSvgIcon = _interopRequireDefault(require("../SvgIcon/createSvgIcon"));

package/utils/createSvgIcon.mjs

@@ -1,26 +1,4 @@
-'use client';
-
-import * as React from 'react';
-import SvgIcon from "../SvgIcon/index.mjs";
-
 /**
- * Private module reserved for @mui packages.
+ * @deprecated Import `createSvgIcon` from `@mui/material/SvgIcon` instead.
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function createSvgIcon(path, displayName) {
-  function Component(props, ref) {
-    return /*#__PURE__*/_jsx(SvgIcon, {
-      "data-testid": process.env.NODE_ENV !== 'production' ? `${displayName}Icon` : undefined,
-      ref: ref,
-      ...props,
-      children: path
-    });
-  }
-  if (process.env.NODE_ENV !== 'production') {
-    // Need to set `displayName` on the inner component for React.memo.
-    // React prior to 16.14 ignores `displayName` on the wrapper.
-    Component.displayName = `${displayName}Icon`;
-  }
-  Component.muiName = SvgIcon.muiName;
-  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
-}
+export { default } from "../SvgIcon/createSvgIcon.mjs";

package/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "9.0.0-alpha.4";
+const version = exports.version = "9.0.0-beta.0";
 const major = exports.major = Number("9");
 const minor = exports.minor = Number("0");
 const patch = exports.patch = Number("0");
-const prerelease = exports.prerelease = "alpha.4";
+const prerelease = exports.prerelease = "beta.0";
 var _default = exports.default = version;

package/version/index.mjs

@@ -1,6 +1,6 @@
-export const version = "9.0.0-alpha.4";
+export const version = "9.0.0-beta.0";
 export const major = Number("9");
 export const minor = Number("0");
 export const patch = Number("0");
-export const prerelease = "alpha.4";
+export const prerelease = "beta.0";
 export default version;