@mui/private-theming 6.4.3 → 7.0.0-alpha.1

package/ThemeProvider/ThemeProvider.js

@@ -1,12 +1,19 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { exactProp } from '@mui/utils';
-import ThemeContext from "../useTheme/ThemeContext.js";
-import useTheme from "../useTheme/index.js";
-import nested from "./nested.js";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("@mui/utils");
+var _ThemeContext = _interopRequireDefault(require("../useTheme/ThemeContext"));
+var _useTheme = _interopRequireDefault(require("../useTheme"));
+var _nested = _interopRequireDefault(require("./nested"));
+var _jsxRuntime = require("react/jsx-runtime");
 // To support composition of theme.
-import { jsx as _jsx } from "react/jsx-runtime";
 function mergeOuterLocalTheme(outerTheme, localTheme) {
   if (typeof localTheme === 'function') {
     const mergedTheme = localTheme(outerTheme);
@@ -33,7 +40,7 @@ function ThemeProvider(props) {
     children,
     theme: localTheme
   } = props;
-  const outerTheme = useTheme();
+  const outerTheme = (0, _useTheme.default)();
   if (process.env.NODE_ENV !== 'production') {
     if (outerTheme === null && typeof localTheme === 'function') {
       console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
@@ -44,11 +51,11 @@ function ThemeProvider(props) {
       ...localTheme
     } : mergeOuterLocalTheme(outerTheme, localTheme);
     if (output != null) {
-      output[nested] = outerTheme !== null;
+      output[_nested.default] = outerTheme !== null;
     }
     return output;
   }, [localTheme, outerTheme]);
-  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeContext.default.Provider, {
     value: theme,
     children: children
   });
@@ -57,13 +64,13 @@ process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
   /**
    * Your component tree.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * A theme object. You can provide a function to extend the outer theme.
    */
-  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
+  theme: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]).isRequired
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;
+  process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = (0, _utils.exactProp)(ThemeProvider.propTypes) : void 0;
 }
-export default ThemeProvider;
+var _default = exports.default = ThemeProvider;

package/ThemeProvider/index.js

@@ -1,2 +1,20 @@
-export { default } from "./ThemeProvider.js";
-export { default as unstable_nested } from "./nested.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.default;
+  }
+});
+Object.defineProperty(exports, "unstable_nested", {
+  enumerable: true,
+  get: function () {
+    return _nested.default;
+  }
+});
+var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
+var _nested = _interopRequireDefault(require("./nested"));

package/ThemeProvider/nested.js

@@ -1,2 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 const hasSymbol = typeof Symbol === 'function' && Symbol.for;
-export default hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';
+var _default = exports.default = hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';

package/{node → esm}/ThemeProvider/ThemeProvider.js

@@ -1,19 +1,12 @@
-"use strict";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { exactProp } from '@mui/utils';
+import ThemeContext from "../useTheme/ThemeContext.js";
+import useTheme from "../useTheme/index.js";
+import nested from "./nested.js";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
-var _ThemeContext = _interopRequireDefault(require("../useTheme/ThemeContext"));
-var _useTheme = _interopRequireDefault(require("../useTheme"));
-var _nested = _interopRequireDefault(require("./nested"));
-var _jsxRuntime = require("react/jsx-runtime");
 // To support composition of theme.
+import { jsx as _jsx } from "react/jsx-runtime";
 function mergeOuterLocalTheme(outerTheme, localTheme) {
   if (typeof localTheme === 'function') {
     const mergedTheme = localTheme(outerTheme);
@@ -40,7 +33,7 @@ function ThemeProvider(props) {
     children,
     theme: localTheme
   } = props;
-  const outerTheme = (0, _useTheme.default)();
+  const outerTheme = useTheme();
   if (process.env.NODE_ENV !== 'production') {
     if (outerTheme === null && typeof localTheme === 'function') {
       console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
@@ -51,11 +44,11 @@ function ThemeProvider(props) {
       ...localTheme
     } : mergeOuterLocalTheme(outerTheme, localTheme);
     if (output != null) {
-      output[_nested.default] = outerTheme !== null;
+      output[nested] = outerTheme !== null;
     }
     return output;
   }, [localTheme, outerTheme]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeContext.default.Provider, {
+  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
     value: theme,
     children: children
   });
@@ -64,13 +57,13 @@ process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
   /**
    * Your component tree.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * A theme object. You can provide a function to extend the outer theme.
    */
-  theme: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]).isRequired
+  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = (0, _utils.exactProp)(ThemeProvider.propTypes) : void 0;
+  process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;
 }
-var _default = exports.default = ThemeProvider;
+export default ThemeProvider;

package/esm/ThemeProvider/index.js

@@ -0,0 +1,2 @@
+export { default } from "./ThemeProvider.js";
+export { default as unstable_nested } from "./nested.js";

package/esm/ThemeProvider/nested.js

@@ -0,0 +1,2 @@
+const hasSymbol = typeof Symbol === 'function' && Symbol.for;
+export default hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';

package/esm/index.js

@@ -0,0 +1,10 @@
+/**
+ * @mui/private-theming v7.0.0-alpha.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.
+ */
+export { default as ThemeProvider } from "./ThemeProvider/index.js";
+export * from "./ThemeProvider/index.js";
+export { default as useTheme } from "./useTheme/index.js";

package/esm/package.json

@@ -0,0 +1 @@
+{"type":"module","sideEffects":false}

package/esm/useTheme/ThemeContext.js

@@ -0,0 +1,8 @@
+'use client';
+
+import * as React from 'react';
+const ThemeContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== 'production') {
+  ThemeContext.displayName = 'ThemeContext';
+}
+export default ThemeContext;

package/esm/useTheme/index.js

@@ -0,0 +1 @@
+export { default } from "./useTheme.js";

package/esm/useTheme/useTheme.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import ThemeContext from "./ThemeContext.js";
+export default function useTheme() {
+  const theme = React.useContext(ThemeContext);
+  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 -- It's not required to run React.useDebugValue in production
+    React.useDebugValue(theme);
+  }
+  return theme;
+}

package/index.js

@@ -1,10 +1,43 @@
 /**
- * @mui/private-theming v6.4.3
+ * @mui/private-theming v7.0.0-alpha.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.
  */
-export { default as ThemeProvider } from "./ThemeProvider/index.js";
-export * from "./ThemeProvider/index.js";
-export { default as useTheme } from "./useTheme/index.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  ThemeProvider: true,
+  useTheme: true
+};
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.default;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.default;
+  }
+});
+var _ThemeProvider = _interopRequireWildcard(require("./ThemeProvider"));
+Object.keys(_ThemeProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ThemeProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ThemeProvider[key];
+    }
+  });
+});
+var _useTheme = _interopRequireDefault(require("./useTheme"));

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/private-theming v6.4.3
+ * @mui/private-theming v7.0.0-alpha.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/package.json

@@ -0,0 +1 @@
+{"type":"module","sideEffects":false}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@mui/private-theming",
-  "version": "6.4.3",
+  "version": "7.0.0-alpha.1",
   "private": false,
   "author": "MUI Team",
   "description": "Private - The React theme context to be shared between `@mui/styles` and `@mui/material`.",
-  "main": "./node/index.js",
+  "main": "./index.js",
   "keywords": [
     "react",
     "react-component",
@@ -26,9 +26,9 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.0",
+    "@babel/runtime": "^7.26.7",
     "prop-types": "^15.8.1",
-    "@mui/utils": "^6.4.3"
+    "@mui/utils": "7.0.0-alpha.1"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
@@ -47,6 +47,35 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "module": "./index.js",
-  "types": "./index.d.ts"
+  "module": "./esm/index.js",
+  "exports": {
+    ".": {
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      },
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
+      },
+      "mui-modern": {
+        "types": "./modern/index.d.ts",
+        "default": "./modern/index.js"
+      }
+    },
+    "./*": {
+      "require": {
+        "types": "./*/index.d.ts",
+        "default": "./*/index.js"
+      },
+      "import": {
+        "types": "./esm/*/index.d.ts",
+        "default": "./esm/*/index.js"
+      },
+      "mui-modern": {
+        "types": "./modern/*/index.d.ts",
+        "default": "./modern/*/index.js"
+      }
+    }
+  }
 }

package/useTheme/ThemeContext.js

@@ -1,8 +1,14 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
 const ThemeContext = /*#__PURE__*/React.createContext(null);
 if (process.env.NODE_ENV !== 'production') {
   ThemeContext.displayName = 'ThemeContext';
 }
-export default ThemeContext;
+var _default = exports.default = ThemeContext;

package/useTheme/index.js

@@ -1 +1,13 @@
-export { default } from "./useTheme.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.default;
+  }
+});
+var _useTheme = _interopRequireDefault(require("./useTheme"));

package/useTheme/useTheme.js

@@ -1,7 +1,15 @@
-import * as React from 'react';
-import ThemeContext from "./ThemeContext.js";
-export default function useTheme() {
-  const theme = React.useContext(ThemeContext);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useTheme;
+var React = _interopRequireWildcard(require("react"));
+var _ThemeContext = _interopRequireDefault(require("./ThemeContext"));
+function useTheme() {
+  const theme = React.useContext(_ThemeContext.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 -- It's not required to run React.useDebugValue in production

package/ThemeProvider/ThemeProvider.d.ts

@@ -1,9 +0,0 @@
-import { DefaultTheme } from '../defaultTheme';
-
-export interface ThemeProviderProps<Theme = DefaultTheme> {
-  children?: React.ReactNode;
-  theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
-}
-export default function ThemeProvider<T = DefaultTheme>(
-  props: ThemeProviderProps<T>,
-): React.ReactElement<ThemeProviderProps<T>>;

package/ThemeProvider/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './ThemeProvider';
-export * from './ThemeProvider';

package/ThemeProvider/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/ThemeProvider/index.js",
-  "types": "./index.d.ts"
-}

package/defaultTheme/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * The default theme interface, augment this to avoid having to set the theme type everywhere.
- * Our [TypeScript guide on theme customization](https://mui.com/material-ui/customization/theming/#custom-variables) explains in detail how you would add custom properties.
- */
-export interface DefaultTheme {}

package/index.d.ts

@@ -1,7 +0,0 @@
-export { default as ThemeProvider } from './ThemeProvider';
-export * from './ThemeProvider';
-
-export { default as useTheme } from './useTheme';
-export * from './useTheme';
-
-export * from './defaultTheme';

package/node/ThemeProvider/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ThemeProvider.default;
-  }
-});
-Object.defineProperty(exports, "unstable_nested", {
-  enumerable: true,
-  get: function () {
-    return _nested.default;
-  }
-});
-var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
-var _nested = _interopRequireDefault(require("./nested"));

package/node/ThemeProvider/nested.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const hasSymbol = typeof Symbol === 'function' && Symbol.for;
-var _default = exports.default = hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';

package/node/index.js

@@ -1,43 +0,0 @@
-/**
- * @mui/private-theming v6.4.3
- *
- * @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";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ThemeProvider: true,
-  useTheme: true
-};
-Object.defineProperty(exports, "ThemeProvider", {
-  enumerable: true,
-  get: function () {
-    return _ThemeProvider.default;
-  }
-});
-Object.defineProperty(exports, "useTheme", {
-  enumerable: true,
-  get: function () {
-    return _useTheme.default;
-  }
-});
-var _ThemeProvider = _interopRequireWildcard(require("./ThemeProvider"));
-Object.keys(_ThemeProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ThemeProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ThemeProvider[key];
-    }
-  });
-});
-var _useTheme = _interopRequireDefault(require("./useTheme"));

package/node/useTheme/ThemeContext.js

@@ -1,14 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-const ThemeContext = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  ThemeContext.displayName = 'ThemeContext';
-}
-var _default = exports.default = ThemeContext;

package/node/useTheme/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _useTheme.default;
-  }
-});
-var _useTheme = _interopRequireDefault(require("./useTheme"));

package/node/useTheme/useTheme.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useTheme;
-var React = _interopRequireWildcard(require("react"));
-var _ThemeContext = _interopRequireDefault(require("./ThemeContext"));
-function useTheme() {
-  const theme = React.useContext(_ThemeContext.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 -- It's not required to run React.useDebugValue in production
-    React.useDebugValue(theme);
-  }
-  return theme;
-}

package/useTheme/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './useTheme';
-export * from './useTheme';

package/useTheme/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/useTheme/index.js",
-  "types": "./index.d.ts"
-}

package/useTheme/useTheme.d.ts

@@ -1,3 +0,0 @@
-import { DefaultTheme } from '../defaultTheme';
-
-export default function useTheme<T = DefaultTheme>(): T;