@mui/docs 7.0.0-alpha.0 → 7.0.0-alpha.2

package/Ad/ad.styles.js

@@ -1,5 +1,11 @@
-import { alpha } from '@mui/material/styles';
-export const adBodyImageStyles = theme => ({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.adBodyInlineStyles = exports.adBodyImageStyles = void 0;
+var _styles = require("@mui/material/styles");
+const adBodyImageStyles = theme => ({
   root: {
     display: 'block',
     overflow: 'hidden',
@@ -43,7 +49,8 @@ export const adBodyImageStyles = theme => ({
     fontWeight: theme.typography.fontWeightRegular
   }
 });
-export const adBodyInlineStyles = theme => {
+exports.adBodyImageStyles = adBodyImageStyles;
+const adBodyInlineStyles = theme => {
   const baseline = adBodyImageStyles(theme);
   return {
     ...baseline,
@@ -73,7 +80,7 @@ export const adBodyInlineStyles = theme => {
         // Style taken from the Link component & MarkdownElement.
         color: theme.palette.primary[600],
         textDecoration: 'underline',
-        textDecorationColor: alpha(theme.palette.primary.main, 0.4),
+        textDecorationColor: (0, _styles.alpha)(theme.palette.primary.main, 0.4),
         ...theme.applyStyles('dark', {
           color: theme.palette.primary[300]
         })
@@ -88,4 +95,5 @@ export const adBodyInlineStyles = theme => {
       display: 'none'
     }
   };
-};
+};
+exports.adBodyInlineStyles = adBodyInlineStyles;

package/Ad/index.d.ts

@@ -1,5 +1,5 @@
-export * from './Ad';
-export * from './AdManager';
-export * from './AdProvider';
-export * from './AdGuest';
-export { AdCarbonInline } from './AdCarbon';
+export * from "./Ad.js";
+export * from "./AdManager.js";
+export * from "./AdProvider.js";
+export * from "./AdGuest.js";
+export { AdCarbonInline } from "./AdCarbon.js";

package/Ad/index.js

@@ -1,7 +1,63 @@
-/// <reference types="gtag.js" />
+"use strict";
 
-export * from "./Ad.js";
-export * from "./AdManager.js";
-export * from "./AdProvider.js";
-export * from "./AdGuest.js";
-export { AdCarbonInline } from "./AdCarbon.js";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  AdCarbonInline: true
+};
+Object.defineProperty(exports, "AdCarbonInline", {
+  enumerable: true,
+  get: function () {
+    return _AdCarbon.AdCarbonInline;
+  }
+});
+var _Ad = require("./Ad");
+Object.keys(_Ad).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Ad[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Ad[key];
+    }
+  });
+});
+var _AdManager = require("./AdManager");
+Object.keys(_AdManager).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdManager[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdManager[key];
+    }
+  });
+});
+var _AdProvider = require("./AdProvider");
+Object.keys(_AdProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdProvider[key];
+    }
+  });
+});
+var _AdGuest = require("./AdGuest");
+Object.keys(_AdGuest).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdGuest[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdGuest[key];
+    }
+  });
+});
+var _AdCarbon = require("./AdCarbon");

package/CHANGELOG.md

@@ -1,5 +1,97 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.0.0-alpha.2
+
+<!-- generated comparing v7.0.0-alpha.1..master -->
+
+_Feb 18, 2025_
+
+A big thanks to the 9 contributors who made this release possible.
+
+### `@mui/material@7.0.0-alpha.2`
+
+- [Autocomplete] Remove legacy `aria-owns` attribute for combobox (#45302) @ZeeshanTamboli
+- [Button] Apply id only if loading indicator is present (#45296) @aarongarciah
+- [Hidden] Remove deprecated Hidden component (#45283) @DiegoAndai
+- [InputBase] Deprecate composed classes (#45234) @sai6855
+- [InputLabel] Changed size prop value from `normal` to `medium` (#45235) @perkrlsn
+- Fix `slotProps.transition` types (#45214) @siriwatknp
+
+### Docs
+
+- Fix broken links to MUI X docs (#45145) @mapache-salvaje
+- Add migration guide for package layout changes (#45222) @Janpot
+- [icons] Fix typo in material-icons.md (#45334) @a-s-russo
+
+### Core
+
+- Disallow access to esm/modern barrel files (#45332) @Janpot
+- [code-infra] Update `elliptic` (#45311) @Janpot
+- Update release guide to specify package bumping rules (#45294) @DiegoAndai
+
+All contributors of this release in alphabetical order: @a-s-russo, @aarongarciah, @DiegoAndai, @Janpot, @mapache-salvaje, @perkrlsn, @sai6855, @siriwatknp, @ZeeshanTamboli
+
+## 7.0.0-alpha.1
+
+<!-- generated comparing v7.0.0-alpha.0..master -->
+
+_Feb 11, 2025_
+
+A big thanks to the 11 contributors who made this release possible.
+
+### `@mui/material@7.0.0-alpha.1`
+
+- [Checkbox] Add slots and slotProps (#44974) @sai6855
+- [LinearProgress][CircularProgress] Add variant overrides for module augumentation (#45163) @kingflamez
+- [Drawer] Deprecate \*Props and complete `slots`, `slotProps` (#44960) @siriwatknp
+- Fix wrong `slotProps` of `DetailsHTMLAttributes` types (#45215) @siriwatknp
+- [MobileStepper] deprecate `LinearProgressProps` and complete `slots`, `slotProps` (#45033) @siriwatknp
+- [Radio] Add slots and slotProps (#44972) @sai6855
+- [Radio] Remove empty line (#45184) @sai6855
+- [Slider] Deprecate composed classes (#45201) @sai6855
+- [Snackbar] Fix generated proptypes (#45156) @siriwatknp
+- [SpeedDialAction] Add slots and slotProps (#45065) @sai6855
+- [SwitchBase] Fix spreading of `handlers` in getSlotProps (#45197) @sai6855
+- [Tabs] Deprecate \*Props and complete `slots`, `slotProps` (#45012) @siriwatknp
+- [TextField] Remove deprecated props from documentation (#45199) @sai6855
+
+### `@mui/icons-material@7.0.0-alpha.1`
+
+- Change icon source URL and add overrides (#45020) @siriwatknp
+
+### `@mui/lab@7.0.0-beta.1`
+
+- Remove components which were moved from lab to material (#45232) @DiegoAndai
+
+### Docs
+
+- [Autocomplete] Improve Google Maps search example (#44708) @oliviertassinari
+- [Dialog] Removes deprecated PaperProps from docs (#45195) @sai6855
+- [Menu] Add Grouped Menu demo (#45241) @noobDev31
+- [material] Add disableInteractive on colorTool grid Tooltips (#37800) @Janpot
+- [blog] Consistent Base UI terminology (#45264) @oliviertassinari
+- A quick first step to update docs for Tailwind v4 (#45147) @oliviertassinari
+- Fix `element.ref` accessing warning on docs (#45155) @DiegoAndai
+- Mention Toolpad as experimental (#45273) @prakhargupta1
+- [joy-ui] Update "Set up providers" section of integration with Material UI (#45183) @mateuseap
+
+### Core
+
+- Update branch switch tags (#45198) @DiegoAndai
+- Fix double redirection to Base UI (#45146) @oliviertassinari
+- Fix corepack and pnpm installation in CircleCI (#45185) @mj12albert
+- Fix typo on Netlify script (#45278) @maximevtush
+- [code-infra] Fix testing library resolution with custom react (#44061) @Janpot
+- [code-infra] Update package layout for better ESM support (#43264) @Janpot
+- Update `@typescript-eslint/*` packages and remove deprecated `eslint-config-airbnb-typescript` package (#45245) @ZeeshanTamboli
+- [docs] Restore utility component docs from MUI Base to Material UI (#45213) @mapache-salvaje
+- [docs] Sync active sponsors (#45204) @oliviertassinari
+- [docs] Fix links in CONTRIBUTING.md (#45202) @bernardobelchior
+- [docs-infra] Point to MUI X next docs (#45207) @cherniavskii
+- [test] Fix React 18 tests (#45161) @DiegoAndai
+
+All contributors of this release in alphabetical order: @bernardobelchior, @cherniavskii, @DiegoAndai, @Janpot, @kingflamez, @mapache-salvaje, @mateuseap, @maximevtush, @mj12albert, @noobDev31, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @ZeeshanTamboli
+
 ## 7.0.0-alpha.0
 
 <!-- generated comparing v6.4.1..master -->

package/CodeCopy/CodeCopy.d.ts

@@ -10,11 +10,13 @@ import * as React from 'react';
  */
 export declare function useCodeCopy(): React.HTMLAttributes<HTMLDivElement>;
 interface CodeCopyProviderProps {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }
 /**
  * Place <CodeCopyProvider> at the page level. It will check the keydown event and try to initiate copy click if rootNode exist.
  * Any code block inside the tree can set the rootNode when mouse enter to leverage keyboard copy.
  */
-export declare function CodeCopyProvider({ children }: CodeCopyProviderProps): React.JSX.Element;
-export {};
+export declare function CodeCopyProvider({
+  children
+}: CodeCopyProviderProps): React.JSX.Element;
+export {};

package/CodeCopy/CodeCopy.js

@@ -1,8 +1,17 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeCopyProvider = CodeCopyProvider;
+exports.useCodeCopy = useCodeCopy;
+var React = _interopRequireWildcard(require("react"));
+var _router = require("next/router");
+var _clipboardCopy = _interopRequireDefault(require("clipboard-copy"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _InitCodeCopy;
-import * as React from 'react';
-import { useRouter } from 'next/router';
-import clipboardCopy from 'clipboard-copy';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CodeBlockContext = /*#__PURE__*/React.createContext({
   current: null
 });
@@ -16,7 +25,7 @@ const CodeBlockContext = /*#__PURE__*/React.createContext({
  *  <button className="MuiCode-copy">...</button>
  * </div>
  */
-export function useCodeCopy() {
+function useCodeCopy() {
   const rootNode = React.useContext(CodeBlockContext);
   return {
     onMouseEnter: event => {
@@ -40,7 +49,7 @@ export function useCodeCopy() {
 }
 function InitCodeCopy() {
   const rootNode = React.useContext(CodeBlockContext);
-  const router = useRouter();
+  const router = (0, _router.useRouter)();
   React.useEffect(() => {
     let key = 'Ctrl + ';
     if (typeof window !== 'undefined') {
@@ -94,7 +103,7 @@ function InitCodeCopy() {
           }, 2000);
           try {
             if (pre.textContent) {
-              await clipboardCopy(pre.textContent);
+              await (0, _clipboardCopy.default)(pre.textContent);
             }
             // eslint-disable-next-line no-empty
           } catch (error) {}
@@ -138,7 +147,7 @@ function hasNativeSelection(element) {
  * Place <CodeCopyProvider> at the page level. It will check the keydown event and try to initiate copy click if rootNode exist.
  * Any code block inside the tree can set the rootNode when mouse enter to leverage keyboard copy.
  */
-export function CodeCopyProvider({
+function CodeCopyProvider({
   children
 }) {
   const rootNode = React.useRef(null);
@@ -165,8 +174,8 @@ export function CodeCopyProvider({
       copyBtn.dataset.gaEventAction = initialEventAction; // reset the 'data-ga-event-action' back to initial
     });
   }, []);
-  return /*#__PURE__*/_jsxs(CodeBlockContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CodeBlockContext.Provider, {
     value: rootNode,
-    children: [_InitCodeCopy || (_InitCodeCopy = /*#__PURE__*/_jsx(InitCodeCopy, {})), children]
+    children: [_InitCodeCopy || (_InitCodeCopy = /*#__PURE__*/(0, _jsxRuntime.jsx)(InitCodeCopy, {})), children]
   });
 }

package/CodeCopy/CodeCopyButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface CodeCopyButtonProps {
-    code: string;
+  code: string;
 }
-export declare function CodeCopyButton(props: CodeCopyButtonProps): React.JSX.Element;
+export declare function CodeCopyButton(props: CodeCopyButtonProps): React.JSX.Element;

package/CodeCopy/CodeCopyButton.js

@@ -1,8 +1,16 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeCopyButton = CodeCopyButton;
+var React = _interopRequireWildcard(require("react"));
+var _useClipboardCopy = _interopRequireDefault(require("./useClipboardCopy"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _span, _span2;
-import * as React from 'react';
-import useClipboardCopy from "./useClipboardCopy.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function CodeCopyButton(props) {
+function CodeCopyButton(props) {
   const {
     code,
     ...other
@@ -10,13 +18,13 @@ export function CodeCopyButton(props) {
   const {
     copy,
     isCopied
-  } = useClipboardCopy();
+  } = (0, _useClipboardCopy.default)();
   // This component is designed to be wrapped in NoSsr
   const macOS = window.navigator.platform.toUpperCase().includes('MAC');
   const key = macOS ? '⌘' : 'Ctrl + ';
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "MuiCode-copy-container",
-    children: /*#__PURE__*/_jsxs("button", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
       ...other,
       "aria-label": "Copy the code",
       type: "button",
@@ -25,14 +33,14 @@ export function CodeCopyButton(props) {
         // event.stopPropagation();
         await copy(code);
       },
-      children: [isCopied ? 'Copied' : 'Copy', /*#__PURE__*/_jsxs("span", {
+      children: [isCopied ? 'Copied' : 'Copy', /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: "MuiCode-copyKeypress",
         style: {
           opacity: isCopied ? 0 : 1
         },
-        children: [_span || (_span = /*#__PURE__*/_jsx("span", {
+        children: [_span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: "(or"
-        })), " ", key, "C", _span2 || (_span2 = /*#__PURE__*/_jsx("span", {
+        })), " ", key, "C", _span2 || (_span2 = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: ")"
         }))]
       })]

package/CodeCopy/index.d.ts

@@ -1,3 +1,3 @@
-export * from './CodeCopy';
-export * from './CodeCopyButton';
-export { default as useClipboardCopy } from './useClipboardCopy';
+export * from "./CodeCopy.js";
+export * from "./CodeCopyButton.js";
+export { default as useClipboardCopy } from "./useClipboardCopy.js";

package/CodeCopy/index.js

@@ -1,3 +1,40 @@
-export * from "./CodeCopy.js";
-export * from "./CodeCopyButton.js";
-export { default as useClipboardCopy } from "./useClipboardCopy.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useClipboardCopy: true
+};
+Object.defineProperty(exports, "useClipboardCopy", {
+  enumerable: true,
+  get: function () {
+    return _useClipboardCopy.default;
+  }
+});
+var _CodeCopy = require("./CodeCopy");
+Object.keys(_CodeCopy).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CodeCopy[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CodeCopy[key];
+    }
+  });
+});
+var _CodeCopyButton = require("./CodeCopyButton");
+Object.keys(_CodeCopyButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CodeCopyButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CodeCopyButton[key];
+    }
+  });
+});
+var _useClipboardCopy = _interopRequireDefault(require("./useClipboardCopy"));

package/CodeCopy/useClipboardCopy.d.ts

@@ -1,4 +1,4 @@
 export default function useClipboardCopy(): {
-    copy: (text: string) => Promise<void>;
-    isCopied: boolean;
-};
+  copy: (text: string) => Promise<void>;
+  isCopied: boolean;
+};

package/CodeCopy/useClipboardCopy.js

@@ -1,13 +1,21 @@
-import * as React from 'react';
-import clipboardCopy from 'clipboard-copy';
-export default function useClipboardCopy() {
+"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 = useClipboardCopy;
+var React = _interopRequireWildcard(require("react"));
+var _clipboardCopy = _interopRequireDefault(require("clipboard-copy"));
+function useClipboardCopy() {
   const [isCopied, setIsCopied] = React.useState(false);
   const timeout = React.useRef(undefined);
   React.useEffect(() => () => {
     clearTimeout(timeout.current);
   }, []);
   const copy = async text => {
-    await clipboardCopy(text);
+    await (0, _clipboardCopy.default)(text);
     setIsCopied(true);
     clearTimeout(timeout.current);
     timeout.current = setTimeout(() => {

package/ComponentLinkHeader/ComponentLinkHeader.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { MarkdownHeaders } from '@mui/internal-markdown';
 export interface ComponentLinkHeaderProps {
-    design?: boolean;
-    markdown: {
-        headers: MarkdownHeaders;
-    };
+  design?: boolean;
+  markdown: {
+    headers: MarkdownHeaders;
+  };
 }
-export declare function ComponentLinkHeader(props: ComponentLinkHeaderProps): React.JSX.Element;
+export declare function ComponentLinkHeader(props: ComponentLinkHeaderProps): React.JSX.Element;