@mui/lab 6.0.0-beta.7 → 6.0.0-beta.8

package/modern/index.js

@@ -1,113 +1,113 @@
 /**
- * @mui/lab v6.0.0-beta.7
+ * @mui/lab v6.0.0-beta.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 /* eslint-disable import/export */
-export { default as Alert } from './Alert';
-export * from './Alert';
-export { default as AlertTitle } from './AlertTitle';
-export * from './AlertTitle';
-export { default as Autocomplete } from './Autocomplete';
-export * from './Autocomplete';
-export { default as AvatarGroup } from './AvatarGroup';
-export * from './AvatarGroup';
-export { default as CalendarPicker } from './CalendarPicker';
-export * from './CalendarPicker';
-export { default as ClockPicker } from './ClockPicker';
-export * from './ClockPicker';
-export { default as DatePicker } from './DatePicker';
-export * from './DatePicker';
-export { default as DateRangePicker } from './DateRangePicker';
-export * from './DateRangePicker';
-export { default as DateRangePickerDay } from './DateRangePickerDay';
-export * from './DateRangePickerDay';
-export { default as DateTimePicker } from './DateTimePicker';
-export * from './DateTimePicker';
-export { default as DesktopDatePicker } from './DesktopDatePicker';
-export * from './DesktopDatePicker';
-export { default as DesktopDateRangePicker } from './DesktopDateRangePicker';
-export * from './DesktopDateRangePicker';
-export { default as DesktopDateTimePicker } from './DesktopDateTimePicker';
-export * from './DesktopDateTimePicker';
-export { default as DesktopTimePicker } from './DesktopTimePicker';
-export * from './DesktopTimePicker';
-export { default as LoadingButton } from './LoadingButton';
-export * from './LoadingButton';
-export { default as LocalizationProvider } from './LocalizationProvider';
-export * from './LocalizationProvider';
-export { default as MobileDatePicker } from './MobileDatePicker';
-export * from './MobileDatePicker';
-export { default as MobileDateRangePicker } from './MobileDateRangePicker';
-export * from './MobileDateRangePicker';
-export { default as MobileDateTimePicker } from './MobileDateTimePicker';
-export * from './MobileDateTimePicker';
-export { default as MobileTimePicker } from './MobileTimePicker';
-export * from './MobileTimePicker';
-export { default as MonthPicker } from './MonthPicker';
-export * from './MonthPicker';
-export { default as Pagination } from './Pagination';
-export * from './Pagination';
-export { default as PaginationItem } from './PaginationItem';
-export * from './PaginationItem';
-export { default as CalendarPickerSkeleton } from './CalendarPickerSkeleton';
-export * from './CalendarPickerSkeleton';
-export { default as PickersDay } from './PickersDay';
-export * from './PickersDay';
-export { default as Rating } from './Rating';
-export * from './Rating';
-export { default as Skeleton } from './Skeleton';
-export * from './Skeleton';
-export { default as SpeedDial } from './SpeedDial';
-export * from './SpeedDial';
-export { default as SpeedDialAction } from './SpeedDialAction';
-export * from './SpeedDialAction';
-export { default as SpeedDialIcon } from './SpeedDialIcon';
-export * from './SpeedDialIcon';
-export { default as StaticDatePicker } from './StaticDatePicker';
-export * from './StaticDatePicker';
-export { default as StaticDateRangePicker } from './StaticDateRangePicker';
-export * from './StaticDateRangePicker';
-export { default as StaticDateTimePicker } from './StaticDateTimePicker';
-export * from './StaticDateTimePicker';
-export { default as StaticTimePicker } from './StaticTimePicker';
-export * from './StaticTimePicker';
-export { default as TabContext } from './TabContext';
-export * from './TabContext';
-export { default as TabList } from './TabList';
-export * from './TabList';
-export { default as TabPanel } from './TabPanel';
-export * from './TabPanel';
-export { default as TimePicker } from './TimePicker';
-export * from './TimePicker';
-export { default as Timeline } from './Timeline';
-export * from './Timeline';
-export { default as TimelineConnector } from './TimelineConnector';
-export * from './TimelineConnector';
-export { default as TimelineContent } from './TimelineContent';
-export * from './TimelineContent';
-export { default as TimelineDot } from './TimelineDot';
-export * from './TimelineDot';
-export { default as TimelineItem } from './TimelineItem';
-export * from './TimelineItem';
-export { default as TimelineOppositeContent } from './TimelineOppositeContent';
-export * from './TimelineOppositeContent';
-export { default as TimelineSeparator } from './TimelineSeparator';
-export * from './TimelineSeparator';
-export { default as ToggleButton } from './ToggleButton';
-export * from './ToggleButton';
-export { default as ToggleButtonGroup } from './ToggleButtonGroup';
-export * from './ToggleButtonGroup';
-export { default as TreeItem } from './TreeItem';
-export * from './TreeItem';
-export { default as TreeView } from './TreeView';
-export * from './TreeView';
-export { default as YearPicker } from './YearPicker';
-export * from './YearPicker';
+export { default as Alert } from "./Alert/index.js";
+export * from "./Alert/index.js";
+export { default as AlertTitle } from "./AlertTitle/index.js";
+export * from "./AlertTitle/index.js";
+export { default as Autocomplete } from "./Autocomplete/index.js";
+export * from "./Autocomplete/index.js";
+export { default as AvatarGroup } from "./AvatarGroup/index.js";
+export * from "./AvatarGroup/index.js";
+export { default as CalendarPicker } from "./CalendarPicker/index.js";
+export * from "./CalendarPicker/index.js";
+export { default as ClockPicker } from "./ClockPicker/index.js";
+export * from "./ClockPicker/index.js";
+export { default as DatePicker } from "./DatePicker/index.js";
+export * from "./DatePicker/index.js";
+export { default as DateRangePicker } from "./DateRangePicker/index.js";
+export * from "./DateRangePicker/index.js";
+export { default as DateRangePickerDay } from "./DateRangePickerDay/index.js";
+export * from "./DateRangePickerDay/index.js";
+export { default as DateTimePicker } from "./DateTimePicker/index.js";
+export * from "./DateTimePicker/index.js";
+export { default as DesktopDatePicker } from "./DesktopDatePicker/index.js";
+export * from "./DesktopDatePicker/index.js";
+export { default as DesktopDateRangePicker } from "./DesktopDateRangePicker/index.js";
+export * from "./DesktopDateRangePicker/index.js";
+export { default as DesktopDateTimePicker } from "./DesktopDateTimePicker/index.js";
+export * from "./DesktopDateTimePicker/index.js";
+export { default as DesktopTimePicker } from "./DesktopTimePicker/index.js";
+export * from "./DesktopTimePicker/index.js";
+export { default as LoadingButton } from "./LoadingButton/index.js";
+export * from "./LoadingButton/index.js";
+export { default as LocalizationProvider } from "./LocalizationProvider/index.js";
+export * from "./LocalizationProvider/index.js";
+export { default as MobileDatePicker } from "./MobileDatePicker/index.js";
+export * from "./MobileDatePicker/index.js";
+export { default as MobileDateRangePicker } from "./MobileDateRangePicker/index.js";
+export * from "./MobileDateRangePicker/index.js";
+export { default as MobileDateTimePicker } from "./MobileDateTimePicker/index.js";
+export * from "./MobileDateTimePicker/index.js";
+export { default as MobileTimePicker } from "./MobileTimePicker/index.js";
+export * from "./MobileTimePicker/index.js";
+export { default as MonthPicker } from "./MonthPicker/index.js";
+export * from "./MonthPicker/index.js";
+export { default as Pagination } from "./Pagination/index.js";
+export * from "./Pagination/index.js";
+export { default as PaginationItem } from "./PaginationItem/index.js";
+export * from "./PaginationItem/index.js";
+export { default as CalendarPickerSkeleton } from "./CalendarPickerSkeleton/index.js";
+export * from "./CalendarPickerSkeleton/index.js";
+export { default as PickersDay } from "./PickersDay/index.js";
+export * from "./PickersDay/index.js";
+export { default as Rating } from "./Rating/index.js";
+export * from "./Rating/index.js";
+export { default as Skeleton } from "./Skeleton/index.js";
+export * from "./Skeleton/index.js";
+export { default as SpeedDial } from "./SpeedDial/index.js";
+export * from "./SpeedDial/index.js";
+export { default as SpeedDialAction } from "./SpeedDialAction/index.js";
+export * from "./SpeedDialAction/index.js";
+export { default as SpeedDialIcon } from "./SpeedDialIcon/index.js";
+export * from "./SpeedDialIcon/index.js";
+export { default as StaticDatePicker } from "./StaticDatePicker/index.js";
+export * from "./StaticDatePicker/index.js";
+export { default as StaticDateRangePicker } from "./StaticDateRangePicker/index.js";
+export * from "./StaticDateRangePicker/index.js";
+export { default as StaticDateTimePicker } from "./StaticDateTimePicker/index.js";
+export * from "./StaticDateTimePicker/index.js";
+export { default as StaticTimePicker } from "./StaticTimePicker/index.js";
+export * from "./StaticTimePicker/index.js";
+export { default as TabContext } from "./TabContext/index.js";
+export * from "./TabContext/index.js";
+export { default as TabList } from "./TabList/index.js";
+export * from "./TabList/index.js";
+export { default as TabPanel } from "./TabPanel/index.js";
+export * from "./TabPanel/index.js";
+export { default as TimePicker } from "./TimePicker/index.js";
+export * from "./TimePicker/index.js";
+export { default as Timeline } from "./Timeline/index.js";
+export * from "./Timeline/index.js";
+export { default as TimelineConnector } from "./TimelineConnector/index.js";
+export * from "./TimelineConnector/index.js";
+export { default as TimelineContent } from "./TimelineContent/index.js";
+export * from "./TimelineContent/index.js";
+export { default as TimelineDot } from "./TimelineDot/index.js";
+export * from "./TimelineDot/index.js";
+export { default as TimelineItem } from "./TimelineItem/index.js";
+export * from "./TimelineItem/index.js";
+export { default as TimelineOppositeContent } from "./TimelineOppositeContent/index.js";
+export * from "./TimelineOppositeContent/index.js";
+export { default as TimelineSeparator } from "./TimelineSeparator/index.js";
+export * from "./TimelineSeparator/index.js";
+export { default as ToggleButton } from "./ToggleButton/index.js";
+export * from "./ToggleButton/index.js";
+export { default as ToggleButtonGroup } from "./ToggleButtonGroup/index.js";
+export * from "./ToggleButtonGroup/index.js";
+export { default as TreeItem } from "./TreeItem/index.js";
+export * from "./TreeItem/index.js";
+export { default as TreeView } from "./TreeView/index.js";
+export * from "./TreeView/index.js";
+export { default as YearPicker } from "./YearPicker/index.js";
+export * from "./YearPicker/index.js";
 
 // createFilterOptions is exported from Autocomplete
-export { default as useAutocomplete } from './useAutocomplete';
-export { default as Masonry } from './Masonry';
-export * from './Masonry';
+export { default as useAutocomplete } from "./useAutocomplete/index.js";
+export { default as Masonry } from "./Masonry/index.js";
+export * from "./Masonry/index.js";

package/node/LoadingButton/LoadingButton.js

@@ -29,6 +29,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', loading && 'loading'],
+    label: ['label'],
     startIcon: [loading && `startIconLoading${(0, _utils2.capitalize)(loadingPosition)}`],
     endIcon: [loading && `endIconLoading${(0, _utils2.capitalize)(loadingPosition)}`],
     loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${(0, _utils2.capitalize)(loadingPosition)}`]
@@ -54,9 +55,10 @@ const LoadingButtonRoot = (0, _zeroStyled.styled)(_Button.default, {
       [`& .${_loadingButtonClasses.default.endIconLoadingEnd}`]: styles.endIconLoadingEnd
     }];
   }
-})(({
+})((0, _utils2.unstable_memoTheme)(({
   theme
 }) => ({
+  display: 'inline-flex',
   [`& .${_loadingButtonClasses.default.startIconLoadingStart}, & .${_loadingButtonClasses.default.endIconLoadingEnd}`]: {
     transition: theme.transitions.create(['opacity'], {
       duration: theme.transitions.duration.short
@@ -102,7 +104,7 @@ const LoadingButtonRoot = (0, _zeroStyled.styled)(_Button.default, {
       }
     }
   }]
-}));
+})));
 const LoadingButtonLoadingIndicator = (0, _zeroStyled.styled)('span', {
   name: 'MuiLoadingButton',
   slot: 'LoadingIndicator',
@@ -112,7 +114,7 @@ const LoadingButtonLoadingIndicator = (0, _zeroStyled.styled)('span', {
     } = props;
     return [styles.loadingIndicator, styles[`loadingIndicator${(0, _utils2.capitalize)(ownerState.loadingPosition)}`]];
   }
-})(({
+})((0, _utils2.unstable_memoTheme)(({
   theme
 }) => ({
   position: 'absolute',
@@ -192,7 +194,18 @@ const LoadingButtonLoadingIndicator = (0, _zeroStyled.styled)('span', {
       right: -10
     }
   }]
-}));
+})));
+const LoadingButtonLabel = (0, _zeroStyled.styled)('span', {
+  name: 'MuiLoadingButton',
+  slot: 'Label',
+  overridesResolver: (props, styles) => {
+    return [styles.label];
+  }
+})({
+  display: 'inherit',
+  alignItems: 'inherit',
+  justifyContent: 'inherit'
+});
 const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
   const contextProps = React.useContext(_ButtonGroup.ButtonGroupContext);
   const resolvedProps = (0, _resolveProps.default)(contextProps, inProps);
@@ -238,9 +251,11 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     variant: variant,
     classes: classes,
     ownerState: ownerState,
-    children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonLabel, {
+      className: classes.label,
       children: children
-    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonLabel, {
+      className: classes.label,
       children: children
     })]
   });

package/node/LoadingButton/loadingButtonClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generat
 function getLoadingButtonUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiLoadingButton', slot);
 }
-const loadingButtonClasses = (0, _generateUtilityClasses.default)('MuiLoadingButton', ['root', 'loading', 'loadingIndicator', 'loadingIndicatorCenter', 'loadingIndicatorStart', 'loadingIndicatorEnd', 'endIconLoadingEnd', 'startIconLoadingStart']);
+const loadingButtonClasses = (0, _generateUtilityClasses.default)('MuiLoadingButton', ['root', 'label', 'loading', 'loadingIndicator', 'loadingIndicatorCenter', 'loadingIndicatorStart', 'loadingIndicatorEnd', 'endIconLoadingEnd', 'startIconLoadingStart']);
 var _default = exports.default = loadingButtonClasses;

package/node/Timeline/Timeline.js

@@ -47,11 +47,11 @@ const TimelineRoot = (0, _styles.styled)('ul', {
  *
  * Demos:
  *
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
+ * - [Timeline](https://mui.com/material-ui/react-timeline/)
  *
  * API:
  *
- * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
+ * - [Timeline API](https://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-beta.7
+ * @mui/lab v6.0.0-beta.8
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "6.0.0-beta.7",
+  "version": "6.0.0-beta.8",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -31,10 +31,10 @@
     "@babel/runtime": "^7.25.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/base": "5.0.0-beta.58",
-    "@mui/types": "^7.2.15",
-    "@mui/system": "6.0.0-rc.0",
-    "@mui/utils": "6.0.0-rc.0"
+    "@mui/types": "^7.2.16",
+    "@mui/utils": "^6.0.0",
+    "@mui/system": "^6.0.0",
+    "@mui/base": "5.0.0-beta.58"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -42,8 +42,8 @@
     "@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": "^6.0.0-rc.0",
-    "@mui/material-pigment-css": "^6.0.0-rc.0"
+    "@mui/material": "^6.0.0",
+    "@mui/material-pigment-css": "^6.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {