@mui/lab 6.0.0-alpha.10 → 6.0.0-alpha.12

package/CHANGELOG.md

@@ -1,5 +1,150 @@
 # [Versions](https://mui.com/versions/)
 
+## v6.0.0-alpha.12
+
+<!-- generated comparing v6.0.0-alpha.11..next -->
+
+_Jun 24, 2024_
+
+A big thanks to the 17 contributors who made this release possible.
+
+### `@mui/material@6.0.0-alpha.12`
+
+- Add `InitColorSchemeScript` for Next.js App Router (#42247) @siriwatknp
+- [Autocomplete] Fix renderOption props type (#42689) @DiegoAndai
+- [Autocomplete] Fix React 18.3 key spread warnings in Autocomplete demos (#42691) @aarongarciah
+- Support Pigment CSS for `CssBaseline`, `ScopedCssBaseline` and `Popper` (#42640) @siriwatknp
+- Add `DefaultPropsProvider` for Pigment CSS integration (#42638) @siriwatknp
+- [Stepper] Generate class for nonLinear prop (#42620) @alexismo
+- [Tab] Fix failing test (#42686) @aarongarciah
+- [Tab] Deprecate iconWrapper class for icon class (#42647) @sai6855
+- [TableSortLabel] Deprecate composed classes (#42281) @sai6855
+- [usePagination] Update pagination `siblingsEnd` calculation logic (#42667) @Mini-ghost
+
+### `@mui/codemod@6.0.0-alpha.12`
+
+- Support dynamic props styled transformation (#42683) @siriwatknp
+
+### `@mui/system@6.0.0-alpha.12`
+
+- Fix issues reported by react compiler in `mui-system` package (#42637) @sai6855
+- [useMediaQuery] Remove deprecated types (#42560) @aarongarciah
+
+### `@mui/joy@5.0.0-beta.45`
+
+- Fix issues reported by the React Compiler (#42671) @anuujj
+- [Autocomplete] Fix React spread key warning (#42741) @aarongarciah
+
+### `@mui/lab@6.0.0-alpha.12`
+
+- [LoadingButton] Apply wrapping element to prevent React crash on Google page translation (#35198) @BartJanvanAssen
+
+### Docs
+
+- Fix git diff format in migration to v6 (#42711) @oliviertassinari
+- Use new email for sponsoring @oliviertassinari
+- Fix 301 links (#42697) @alexfauquette
+- Normalize the capitalization of Design Kit @oliviertassinari
+- Recommend setting HTML attribute instead of DOM property for RTL (#42599) @aarongarciah
+- [material-ui][Select] Fix the `SelectAutoWidth` demo menu item value (#42648) @Danielkhakbaz
+
+### Core
+
+- [code-infra] Try disabling animations when taking screenshots (#42537) @Janpot
+- [code-infra] Fix benchmark package (#42553) @Janpot
+- [core] Replace enzyme in describeConformance (#42447) @DiegoAndai
+- [docs-infra] Fix layout shift demo toolbar (#42743) @oliviertassinari
+- [docs-infra] Fix visual look of in-house ad (#42735) @oliviertassinari
+- [docs-infra] Add stray design polish (#42646) @danilo-leal
+- [docs-infra] Fix wrong migration (#42675) @siriwatknp
+- [docs-infra] Fine tune markdown elements design (#42643) @danilo-leal
+- [docs-infra] Revamp the product switcher design (#42603) @danilo-leal
+- [docs-infra] Allow Link component to receive the `role` attribute (#42629) @danilo-leal
+- [infra] Add support donation button (#42499) @oliviertassinari
+- [infra] Raise `tsconfig`/`tsc` target to `es2022` (#42645) @LukasTy
+- [test] Fix tests on CI (#42670) @michaldudak
+- [test] Fix issues reported by react-compiler in test packages (#42626) @sai6855
+- [website] Add Armin to the team members (#42679) @arminmeh
+- [website] Open Staff Engineer role for Pigment CSS (#42531) @mnajdova
+
+All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @alexismo, @anuujj, @arminmeh, @BartJanvanAssen, @Danielkhakbaz, @danilo-leal, @DiegoAndai, @Janpot, @LukasTy, @michaldudak, @Mini-ghost, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp
+
+## v6.0.0-alpha.11
+
+<!-- generated comparing v6.0.0-alpha.10..next -->
+
+_Jun 11, 2024_
+
+A big thanks to the 18 contributors who made this release possible.
+
+### `@mui/material@6.0.0-alpha.11`
+
+- &#8203;<!-- 38 -->[Autocomplete] Shouldn't resize when hovering (#42452) @ZeeshanTamboli
+- &#8203;<!-- 37 -->[Chip] Fix focus issue related with the Escape event (#41578) @shrilsharma
+- &#8203;<!-- 12 -->[Grid] Fix support for CSS variables (#42574) @oliviertassinari
+- &#8203;<!-- 11 -->[InputBase] Use `globalCss` for Pigment integration (#42431) @siriwatknp
+- &#8203;<!-- 10 -->Change React.ReactElement type from `any` to `unknown` (#42473) @sai6855
+- &#8203;<!-- 09 -->Integrate `extendSxProp` adapter (#42543) @siriwatknp
+- &#8203;<!-- 08 -->[Tab] Fix applying `iconWrapper` styles from theme and update its description (#42549) @sai6855
+- &#8203;<!-- 08 -->[pigment-css] Add `stringifyTheme` for Pigment CSS integration (#42476) @siriwatknp
+
+### `@mui/system@6.0.0-alpha.11`
+
+- &#8203;<!-- 11 -->[Grid] Remove `disableEqualOverflow` by using `gap` (#42526) @DiegoAndai
+- &#8203;<!-- 07 -->[useMediaQuery] Drop Safari < 14 support (#42464) @aarongarciah
+
+### `@mui/utils@6.0.0-alpha.11`
+
+- &#8203;<!-- 04 -->Allow passing `NaN` as `defaultValue` to `useControlled` (#41559) @iammminzzy
+
+### `@mui/codemod@6.0.0-alpha.11`
+
+- &#8203;<!-- 39 -->Improve styled and sx prop transformation (#42598) @siriwatknp
+- &#8203;<!-- 36 -->Support more cases for sx-prop transformation (#42527) @siriwatknp
+
+### `@mui/private-theming@6.0.0-alpha.11`
+
+- &#8203;<!-- 09 -->Fix issues reported by react compiler in `mui-private-theming` components (#42619) @sai6855
+
+### Docs
+
+- &#8203;<!-- 31 -->Add `theme.applyStyles` and migrate docs (#42498) @siriwatknp
+- &#8203;<!-- 29 -->Fix dashboard template console error (#42594) @oliviertassinari
+- &#8203;<!-- 28 -->Migrate system props to `sx` prop (#42475) @siriwatknp
+- &#8203;<!-- 27 -->[material-ui]Fix duplicated sentence (#42521) @alexfauquette
+- &#8203;<!-- 22 -->[Grid] Fix docs spacing (#42573) @oliviertassinari
+- &#8203;<!-- 21 -->[joy-ui] Add Next.js App Router instructions on how to prevent flickering (#42514) @devnyxie
+- &#8203;<!-- 20 -->[joy-ui] Fix HTML tag without preformatting (#42525) @jacobmoshipco
+- &#8203;<!-- 19 -->[material-ui] Add docs for complementary stepper components (#41900) @anle9650
+- &#8203;<!-- 18 -->[material-ui] Fix typo on Sign-in/Sign-up templates (#42605) @zanivan
+- &#8203;<!-- 17 -->[material-ui] Add container queries docs (#42434) @siriwatknp
+- &#8203;<!-- 16 -->[material-ui] Fix ESLint error in Stepper demo (#42559) @aarongarciah
+- &#8203;<!-- 15 -->[material-ui] Shorten useMediaQuery subheading (#42561) @aarongarciah
+- &#8203;<!-- 14 -->[material-ui] Add a Refine example project (#42461) @necatiozmen
+
+### Core
+
+- &#8203;<!-- 39 -->[website] Move the `React Engineer - X` role to future roles (#42532) @DanailH
+- &#8203;<!-- 35 -->[core] Allow `for..of` loops (#42600) @michaldudak
+- &#8203;<!-- 34 -->[core] Add comment about Object.js @oliviertassinari
+- &#8203;<!-- 33 -->[core] Disable eslint-plugin-react-compiler for Base (#42563) @aarongarciah
+- &#8203;<!-- 33 -->[core] Group Pigment CSS dependencies (#42174) @siriwatknp
+- &#8203;<!-- 32 -->[core] Configure eslint-plugin-react-compiler (#42555) @aarongarciah
+- &#8203;<!-- 31 -->[core] Skip charts animation for visual regression test (#42530) @alexfauquette
+- &#8203;<!-- 26 -->[docs-infra] Simplify click header (#42593) @oliviertassinari
+- &#8203;<!-- 25 -->[docs-infra] Add configurable jsdoc host variable (#42472) @tonygravell
+- &#8203;<!-- 25 -->[docs-infra] Add the Base UI logo with copy functionality (#42446) @danilo-leal
+- &#8203;<!-- 24 -->[docs-infra] Prevent link anchor when selecting text (#41994) @alexfauquette
+- &#8203;<!-- 23 -->[docs-infra] Add the Base UI logo with copy functionality (#42446) @danilo-leal
+- &#8203;<!-- 13 -->[examples] Remove Pigment CSS examples (#42471) @sai6855
+- &#8203;<!-- 06 -->[test] Restore pnpm tc command (#42572) @oliviertassinari
+- &#8203;<!-- 05 -->[test] Restore testing internal packages (#42519) @michaldudak
+- &#8203;<!-- 03 -->[website] Close Developer Advocate / Content Engineer role @oliviertassinari
+- &#8203;<!-- 02 -->[website] Remove blank line @oliviertassinari
+- &#8203;<!-- 01 -->[website] Fix mobile layout shift @oliviertassinari
+
+All contributors of this release in alphabetical order: @aarongarciah, @alexfauquette, @anle9650, @DanailH, @danilo-leal, @devnyxie, @DiegoAndai, @iammminzzy, @jacobmoshipco, @michaldudak, @necatiozmen, @oliviertassinari, @sai6855, @shrilsharma, @siriwatknp, @tonygravell, @zanivan, @ZeeshanTamboli
+
 ## v6.0.0-alpha.10
 
 <!-- generated comparing v6.0.0-alpha.9..next -->

package/LoadingButton/LoadingButton.d.ts

@@ -60,13 +60,13 @@ export type LoadingButtonTypeMap<
  *
  * Demos:
  *
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
- * - [Button](https://mui.com/material-ui/react-button/)
+ * - [Button Group](https://next.mui.com/material-ui/react-button-group/)
+ * - [Button](https://next.mui.com/material-ui/react-button/)
  *
  * API:
  *
- * - [LoadingButton API](https://mui.com/material-ui/api/loading-button/)
- * - inherits [Button API](https://mui.com/material-ui/api/button/)
+ * - [LoadingButton API](https://next.mui.com/material-ui/api/loading-button/)
+ * - inherits [Button API](https://next.mui.com/material-ui/api/button/)
  */
 declare const LoadingButton: ExtendButton<LoadingButtonTypeMap>;
 

package/LoadingButton/LoadingButton.js

@@ -5,14 +5,14 @@ import PropTypes from 'prop-types';
 import { chainPropTypes } from '@mui/utils';
 import { capitalize, unstable_useId as useId } from '@mui/material/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { useDefaultProps } from '@mui/material/DefaultPropsProvider';
 import Button from '@mui/material/Button';
 import { ButtonGroupContext } from '@mui/material/ButtonGroup';
 import CircularProgress from '@mui/material/CircularProgress';
 import resolveProps from '@mui/utils/resolveProps';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
 import loadingButtonClasses, { getLoadingButtonUtilityClass } from './loadingButtonClasses';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useThemeProps = createUseThemeProps('MuiLoadingButton');
 const useUtilityClasses = ownerState => {
   const {
     loading,
@@ -188,7 +188,7 @@ const LoadingButtonLoadingIndicator = styled('span', {
 const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
   const contextProps = React.useContext(ButtonGroupContext);
   const resolvedProps = resolveProps(contextProps, inProps);
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: resolvedProps,
     name: 'MuiLoadingButton'
   });
@@ -230,7 +230,11 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     variant: variant,
     classes: classes,
     ownerState: ownerState,
-    children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
+    children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsx("span", {
+      children: children
+    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/_jsx("span", {
+      children: children
+    })]
   });
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes /* remove-proptypes */ = {

package/Masonry/Masonry.d.ts

@@ -56,11 +56,11 @@ export interface MasonryTypeMap<
  *
  * Demos:
  *
- * - [Masonry](https://mui.com/material-ui/react-masonry/)
+ * - [Masonry](https://next.mui.com/material-ui/react-masonry/)
  *
  * API:
  *
- * - [Masonry API](https://mui.com/material-ui/api/masonry/)
+ * - [Masonry API](https://next.mui.com/material-ui/api/masonry/)
  */
 declare const Masonry: OverridableComponent<MasonryTypeMap>;
 

package/TabContext/TabContext.d.ts

@@ -19,11 +19,11 @@ export interface TabContextProps {
  *
  * Demos:
  *
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabContext API](https://mui.com/material-ui/api/tab-context/)
+ * - [TabContext API](https://next.mui.com/material-ui/api/tab-context/)
  */
 export default function TabContext(props: TabContextProps): React.JSX.Element;
 export function useTabContext(): TabContextValue | null;

package/TabList/TabList.d.ts

@@ -22,12 +22,12 @@ export interface TabListTypeMap<
  *
  * Demos:
  *
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabList API](https://mui.com/material-ui/api/tab-list/)
- * - inherits [Tabs API](https://mui.com/material-ui/api/tabs/)
+ * - [TabList API](https://next.mui.com/material-ui/api/tab-list/)
+ * - inherits [Tabs API](https://next.mui.com/material-ui/api/tabs/)
  */
 declare const TabList: OverridableComponent<TabListTypeMap>;
 

package/TabPanel/TabPanel.d.ts

@@ -33,10 +33,10 @@ export interface TabPanelProps extends StandardProps<React.HTMLAttributes<HTMLDi
  *
  * Demos:
  *
- * - [Tabs](https://mui.com/material-ui/react-tabs/)
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
  *
  * API:
  *
- * - [TabPanel API](https://mui.com/material-ui/api/tab-panel/)
+ * - [TabPanel API](https://next.mui.com/material-ui/api/tab-panel/)
  */
 export default function TabPanel(props: TabPanelProps): React.JSX.Element;

package/Timeline/Timeline.d.ts

@@ -4,11 +4,11 @@ import { TimelineProps } from './Timeline.types';
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [Timeline API](https://mui.com/material-ui/api/timeline/)
+ * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
  */
 declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLUListElement>>;
 /**

package/Timeline/Timeline.js

@@ -39,11 +39,11 @@ const TimelineRoot = styled('ul', {
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [Timeline API](https://mui.com/material-ui/api/timeline/)
+ * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
  */
 const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
   const props = useThemeProps({

package/TimelineConnector/TimelineConnector.d.ts

@@ -24,10 +24,10 @@ export interface TimelineConnectorProps
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineConnector API](https://mui.com/material-ui/api/timeline-connector/)
+ * - [TimelineConnector API](https://next.mui.com/material-ui/api/timeline-connector/)
  */
 export default function TimelineConnector(props: TimelineConnectorProps): React.JSX.Element;

package/TimelineContent/TimelineContent.d.ts

@@ -23,11 +23,11 @@ export interface TimelineContentProps extends StandardProps<TypographyProps> {
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineContent API](https://mui.com/material-ui/api/timeline-content/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [TimelineContent API](https://next.mui.com/material-ui/api/timeline-content/)
+ * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
  */
 export default function TimelineContent(props: TimelineContentProps): React.JSX.Element;

package/TimelineDot/TimelineDot.d.ts

@@ -41,10 +41,10 @@ export interface TimelineDotProps extends StandardProps<React.HTMLAttributes<HTM
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineDot API](https://mui.com/material-ui/api/timeline-dot/)
+ * - [TimelineDot API](https://next.mui.com/material-ui/api/timeline-dot/)
  */
 export default function TimelineDot(props: TimelineDotProps): React.JSX.Element;

package/TimelineItem/TimelineItem.d.ts

@@ -27,10 +27,10 @@ export interface TimelineItemProps extends StandardProps<React.HTMLAttributes<HT
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineItem API](https://mui.com/material-ui/api/timeline-item/)
+ * - [TimelineItem API](https://next.mui.com/material-ui/api/timeline-item/)
  */
 export default function TimelineItem(props: TimelineItemProps): React.JSX.Element;

package/TimelineOppositeContent/TimelineOppositeContent.d.ts

@@ -23,12 +23,12 @@ export interface TimelineOppositeContentProps extends StandardProps<TypographyPr
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineOppositeContent API](https://mui.com/material-ui/api/timeline-opposite-content/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [TimelineOppositeContent API](https://next.mui.com/material-ui/api/timeline-opposite-content/)
+ * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
  */
 declare const TimelineOppositeContent: ((
   props: TimelineOppositeContentProps,

package/TimelineSeparator/TimelineSeparator.d.ts

@@ -24,10 +24,10 @@ export interface TimelineSeparatorProps
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [TimelineSeparator API](https://mui.com/material-ui/api/timeline-separator/)
+ * - [TimelineSeparator API](https://next.mui.com/material-ui/api/timeline-separator/)
  */
 export default function TimelineSeparator(props: TimelineSeparatorProps): React.JSX.Element;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/lab v6.0.0-alpha.10
+ * @mui/lab v6.0.0-alpha.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/LoadingButton/LoadingButton.js

@@ -5,14 +5,14 @@ import PropTypes from 'prop-types';
 import { chainPropTypes } from '@mui/utils';
 import { capitalize, unstable_useId as useId } from '@mui/material/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { useDefaultProps } from '@mui/material/DefaultPropsProvider';
 import Button from '@mui/material/Button';
 import { ButtonGroupContext } from '@mui/material/ButtonGroup';
 import CircularProgress from '@mui/material/CircularProgress';
 import resolveProps from '@mui/utils/resolveProps';
-import { styled, createUseThemeProps } from '../zero-styled';
+import { styled } from '../zero-styled';
 import loadingButtonClasses, { getLoadingButtonUtilityClass } from './loadingButtonClasses';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useThemeProps = createUseThemeProps('MuiLoadingButton');
 const useUtilityClasses = ownerState => {
   const {
     loading,
@@ -188,7 +188,7 @@ const LoadingButtonLoadingIndicator = styled('span', {
 const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
   const contextProps = React.useContext(ButtonGroupContext);
   const resolvedProps = resolveProps(contextProps, inProps);
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: resolvedProps,
     name: 'MuiLoadingButton'
   });
@@ -230,7 +230,11 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     variant: variant,
     classes: classes,
     ownerState: ownerState,
-    children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
+    children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsx("span", {
+      children: children
+    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/_jsx("span", {
+      children: children
+    })]
   });
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes /* remove-proptypes */ = {

package/modern/Timeline/Timeline.js

@@ -39,11 +39,11 @@ const TimelineRoot = styled('ul', {
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [Timeline API](https://mui.com/material-ui/api/timeline/)
+ * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
  */
 const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
   const props = useThemeProps({

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/lab v6.0.0-alpha.10
+ * @mui/lab v6.0.0-alpha.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/zero-styled/index.js

@@ -1,7 +1,2 @@
-import { useThemeProps } from '@mui/material/styles';
-export { styled } from '@mui/material/styles';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function createUseThemeProps(name) {
-  return useThemeProps;
-}
+/* eslint-disable import/prefer-default-export */
+export { styled } from '@mui/material/styles';

package/node/LoadingButton/LoadingButton.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/utils");
 var _utils2 = require("@mui/material/utils");
 var _base = require("@mui/base");
+var _DefaultPropsProvider = require("@mui/material/DefaultPropsProvider");
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _ButtonGroup = require("@mui/material/ButtonGroup");
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
@@ -20,7 +21,6 @@ var _loadingButtonClasses = _interopRequireWildcard(require("./loadingButtonClas
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiLoadingButton');
 const useUtilityClasses = ownerState => {
   const {
     loading,
@@ -196,7 +196,7 @@ const LoadingButtonLoadingIndicator = (0, _zeroStyled.styled)('span', {
 const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
   const contextProps = React.useContext(_ButtonGroup.ButtonGroupContext);
   const resolvedProps = (0, _resolveProps.default)(contextProps, inProps);
-  const props = useThemeProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: resolvedProps,
     name: 'MuiLoadingButton'
   });
@@ -238,7 +238,11 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     variant: variant,
     classes: classes,
     ownerState: ownerState,
-    children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
+    children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: children
+    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: children
+    })]
   });
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes /* remove-proptypes */ = {

package/node/Timeline/Timeline.js

@@ -47,11 +47,11 @@ const TimelineRoot = (0, _styles.styled)('ul', {
  *
  * Demos:
  *
- * - [Timeline](https://mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [Timeline API](https://mui.com/material-ui/api/timeline/)
+ * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
  */
 const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
   const props = (0, _styles.useThemeProps)({

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/lab v6.0.0-alpha.10
+ * @mui/lab v6.0.0-alpha.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/zero-styled/index.js

@@ -3,15 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createUseThemeProps = createUseThemeProps;
 Object.defineProperty(exports, "styled", {
   enumerable: true,
   get: function () {
     return _styles.styled;
   }
 });
-var _styles = require("@mui/material/styles");
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function createUseThemeProps(name) {
-  return _styles.useThemeProps;
-}
+var _styles = require("@mui/material/styles");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "6.0.0-alpha.10",
+  "version": "6.0.0-alpha.12",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -28,13 +28,13 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.6",
+    "@babel/runtime": "^7.24.7",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/base": "5.0.0-beta.48",
-    "@mui/system": "^6.0.0-alpha.10",
+    "@mui/base": "5.0.0-beta.50",
+    "@mui/system": "^6.0.0-alpha.12",
     "@mui/types": "^7.2.14",
-    "@mui/utils": "^6.0.0-alpha.9"
+    "@mui/utils": "^6.0.0-alpha.12"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -42,7 +42,7 @@
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "@mui/material": "^6.0.0-alpha.10"
+    "@mui/material": "^6.0.0-alpha.12"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/zero-styled/index.d.ts

@@ -1,3 +1 @@
-import { useThemeProps } from '@mui/material/styles';
 export { styled } from '@mui/material/styles';
-export declare function createUseThemeProps(name: string): typeof useThemeProps;

package/zero-styled/index.js

@@ -1,7 +1,2 @@
-import { useThemeProps } from '@mui/material/styles';
-export { styled } from '@mui/material/styles';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function createUseThemeProps(name) {
-  return useThemeProps;
-}
+/* eslint-disable import/prefer-default-export */
+export { styled } from '@mui/material/styles';