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

package/modern/DateRangePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './DateRangePicker';
-export * from './DateRangePicker';
+export { default } from "./DateRangePicker.js";
+export * from "./DateRangePicker.js";

package/modern/DateRangePickerDay/index.js

@@ -1,2 +1,2 @@
-export { default } from './DateRangePickerDay';
-export * from './DateRangePickerDay';
+export { default } from "./DateRangePickerDay.js";
+export * from "./DateRangePickerDay.js";

package/modern/DateTimePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './DateTimePicker';
-export * from './DateTimePicker';
+export { default } from "./DateTimePicker.js";
+export * from "./DateTimePicker.js";

package/modern/DesktopDatePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './DesktopDatePicker';
-export * from './DesktopDatePicker';
+export { default } from "./DesktopDatePicker.js";
+export * from "./DesktopDatePicker.js";

package/modern/DesktopDateRangePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './DesktopDateRangePicker';
-export * from './DesktopDateRangePicker';
+export { default } from "./DesktopDateRangePicker.js";
+export * from "./DesktopDateRangePicker.js";

package/modern/DesktopDateTimePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './DesktopDateTimePicker';
-export * from './DesktopDateTimePicker';
+export { default } from "./DesktopDateTimePicker.js";
+export * from "./DesktopDateTimePicker.js";

package/modern/DesktopTimePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './DesktopTimePicker';
-export * from './DesktopTimePicker';
+export { default } from "./DesktopTimePicker.js";
+export * from "./DesktopTimePicker.js";

package/modern/LoadingButton/LoadingButton.js

@@ -3,15 +3,15 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { chainPropTypes } from '@mui/utils';
-import { capitalize, unstable_useId as useId } from '@mui/material/utils';
+import { capitalize, unstable_useId as useId, unstable_memoTheme as memoTheme } 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 } from '../zero-styled';
-import loadingButtonClasses, { getLoadingButtonUtilityClass } from './loadingButtonClasses';
+import { styled } from "../zero-styled/index.js";
+import loadingButtonClasses, { getLoadingButtonUtilityClass } from "./loadingButtonClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -21,6 +21,7 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root', loading && 'loading'],
+    label: ['label'],
     startIcon: [loading && `startIconLoading${capitalize(loadingPosition)}`],
     endIcon: [loading && `endIconLoading${capitalize(loadingPosition)}`],
     loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${capitalize(loadingPosition)}`]
@@ -46,9 +47,10 @@ const LoadingButtonRoot = styled(Button, {
       [`& .${loadingButtonClasses.endIconLoadingEnd}`]: styles.endIconLoadingEnd
     }];
   }
-})(({
+})(memoTheme(({
   theme
 }) => ({
+  display: 'inline-flex',
   [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
     transition: theme.transitions.create(['opacity'], {
       duration: theme.transitions.duration.short
@@ -94,7 +96,7 @@ const LoadingButtonRoot = styled(Button, {
       }
     }
   }]
-}));
+})));
 const LoadingButtonLoadingIndicator = styled('span', {
   name: 'MuiLoadingButton',
   slot: 'LoadingIndicator',
@@ -104,7 +106,7 @@ const LoadingButtonLoadingIndicator = styled('span', {
     } = props;
     return [styles.loadingIndicator, styles[`loadingIndicator${capitalize(ownerState.loadingPosition)}`]];
   }
-})(({
+})(memoTheme(({
   theme
 }) => ({
   position: 'absolute',
@@ -184,7 +186,18 @@ const LoadingButtonLoadingIndicator = styled('span', {
       right: -10
     }
   }]
-}));
+})));
+const LoadingButtonLabel = 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(ButtonGroupContext);
   const resolvedProps = resolveProps(contextProps, inProps);
@@ -230,9 +243,11 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
     variant: variant,
     classes: classes,
     ownerState: ownerState,
-    children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsx("span", {
+    children: [ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsx(LoadingButtonLabel, {
+      className: classes.label,
       children: children
-    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/_jsx("span", {
+    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : /*#__PURE__*/_jsx(LoadingButtonLabel, {
+      className: classes.label,
       children: children
     })]
   });

package/modern/LoadingButton/index.js

@@ -1,3 +1,3 @@
-export { default } from './LoadingButton';
-export { default as loadingButtonClasses } from './loadingButtonClasses';
-export * from './loadingButtonClasses';
+export { default } from "./LoadingButton.js";
+export { default as loadingButtonClasses } from "./loadingButtonClasses.js";
+export * from "./loadingButtonClasses.js";

package/modern/LoadingButton/loadingButtonClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getLoadingButtonUtilityClass(slot) {
   return generateUtilityClass('MuiLoadingButton', slot);
 }
-const loadingButtonClasses = generateUtilityClasses('MuiLoadingButton', ['root', 'loading', 'loadingIndicator', 'loadingIndicatorCenter', 'loadingIndicatorStart', 'loadingIndicatorEnd', 'endIconLoadingEnd', 'startIconLoadingStart']);
+const loadingButtonClasses = generateUtilityClasses('MuiLoadingButton', ['root', 'label', 'loading', 'loadingIndicator', 'loadingIndicatorCenter', 'loadingIndicatorStart', 'loadingIndicatorEnd', 'endIconLoadingEnd', 'startIconLoadingStart']);
 export default loadingButtonClasses;

package/modern/LocalizationProvider/index.js

@@ -1,2 +1,2 @@
-export { default } from './LocalizationProvider';
-export * from './LocalizationProvider';
+export { default } from "./LocalizationProvider.js";
+export * from "./LocalizationProvider.js";

package/modern/Masonry/Masonry.js

@@ -8,7 +8,7 @@ import { deepmerge, unstable_useForkRef as useForkRef, unstable_useEnhancedEffec
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import { getMasonryUtilityClass } from './masonryClasses';
+import { getMasonryUtilityClass } from "./masonryClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const parseToNumber = val => {
   return Number(val.replace('px', ''));

package/modern/Masonry/index.js

@@ -1,3 +1,3 @@
-export { default } from './Masonry';
-export * from './masonryClasses';
-export { default as masonryClasses } from './masonryClasses';
+export { default } from "./Masonry.js";
+export * from "./masonryClasses.js";
+export { default as masonryClasses } from "./masonryClasses.js";

package/modern/MobileDatePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './MobileDatePicker';
-export * from './MobileDatePicker';
+export { default } from "./MobileDatePicker.js";
+export * from "./MobileDatePicker.js";

package/modern/MobileDateRangePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './MobileDateRangePicker';
-export * from './MobileDateRangePicker';
+export { default } from "./MobileDateRangePicker.js";
+export * from "./MobileDateRangePicker.js";

package/modern/MobileDateTimePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './MobileDateTimePicker';
-export * from './MobileDateTimePicker';
+export { default } from "./MobileDateTimePicker.js";
+export * from "./MobileDateTimePicker.js";

package/modern/MobileTimePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './MobileTimePicker';
-export * from './MobileTimePicker';
+export { default } from "./MobileTimePicker.js";
+export * from "./MobileTimePicker.js";

package/modern/MonthPicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './MonthPicker';
-export * from './MonthPicker';
+export { default } from "./MonthPicker.js";
+export * from "./MonthPicker.js";

package/modern/Pagination/index.js

@@ -1,2 +1,2 @@
-export { default } from './Pagination';
-export { default as usePagination } from './usePagination';
+export { default } from "./Pagination.js";
+export { default as usePagination } from "./usePagination.js";

package/modern/PaginationItem/index.js

@@ -1 +1 @@
-export { default } from './PaginationItem';
+export { default } from "./PaginationItem.js";

package/modern/PickersDay/index.js

@@ -1,2 +1,2 @@
-export { default } from './PickersDay';
-export * from './PickersDay';
+export { default } from "./PickersDay.js";
+export * from "./PickersDay.js";

package/modern/Rating/index.js

@@ -1 +1 @@
-export { default } from './Rating';
+export { default } from "./Rating.js";

package/modern/Skeleton/index.js

@@ -1 +1 @@
-export { default } from './Skeleton';
+export { default } from "./Skeleton.js";

package/modern/SpeedDial/index.js

@@ -1 +1 @@
-export { default } from './SpeedDial';
+export { default } from "./SpeedDial.js";

package/modern/SpeedDialAction/index.js

@@ -1 +1 @@
-export { default } from './SpeedDialAction';
+export { default } from "./SpeedDialAction.js";

package/modern/SpeedDialIcon/index.js

@@ -1 +1 @@
-export { default } from './SpeedDialIcon';
+export { default } from "./SpeedDialIcon.js";

package/modern/StaticDatePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './StaticDatePicker';
-export * from './StaticDatePicker';
+export { default } from "./StaticDatePicker.js";
+export * from "./StaticDatePicker.js";

package/modern/StaticDateRangePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './StaticDateRangePicker';
-export * from './StaticDateRangePicker';
+export { default } from "./StaticDateRangePicker.js";
+export * from "./StaticDateRangePicker.js";

package/modern/StaticDateTimePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './StaticDateTimePicker';
-export * from './StaticDateTimePicker';
+export { default } from "./StaticDateTimePicker.js";
+export * from "./StaticDateTimePicker.js";

package/modern/StaticTimePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './StaticTimePicker';
-export * from './StaticTimePicker';
+export { default } from "./StaticTimePicker.js";
+export * from "./StaticTimePicker.js";

package/modern/TabContext/index.js

@@ -1,2 +1,2 @@
-export { default } from './TabContext';
-export * from './TabContext';
+export { default } from "./TabContext.js";
+export * from "./TabContext.js";

package/modern/TabList/TabList.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import Tabs from '@mui/material/Tabs';
-import { useTabContext, getTabId, getPanelId } from '../TabContext';
+import { useTabContext, getTabId, getPanelId } from "../TabContext/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
   const {

package/modern/TabList/index.js

@@ -1 +1 @@
-export { default } from './TabList';
+export { default } from "./TabList.js";

package/modern/TabPanel/TabPanel.js

@@ -5,8 +5,8 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { getTabPanelUtilityClass } from './tabPanelClasses';
-import { getPanelId, getTabId, useTabContext } from '../TabContext';
+import { getTabPanelUtilityClass } from "./tabPanelClasses.js";
+import { getPanelId, getTabId, useTabContext } from "../TabContext/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TabPanel/index.js

@@ -1,3 +1,3 @@
-export { default } from './TabPanel';
-export { default as tabPanelClasses } from './tabPanelClasses';
-export * from './tabPanelClasses';
+export { default } from "./TabPanel.js";
+export { default as tabPanelClasses } from "./tabPanelClasses.js";
+export * from "./tabPanelClasses.js";

package/modern/TimePicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './TimePicker';
-export * from './TimePicker';
+export { default } from "./TimePicker.js";
+export * from "./TimePicker.js";

package/modern/Timeline/Timeline.js

@@ -5,9 +5,9 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
-import TimelineContext from './TimelineContext';
-import { getTimelineUtilityClass } from './timelineClasses';
-import convertTimelinePositionToClass from '../internal/convertTimelinePositionToClass';
+import TimelineContext from "./TimelineContext.js";
+import { getTimelineUtilityClass } from "./timelineClasses.js";
+import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -39,11 +39,11 @@ const TimelineRoot = 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 = useThemeProps({

package/modern/Timeline/index.js

@@ -1,4 +1,4 @@
-export { default } from './Timeline';
-export * from './Timeline.types';
-export { default as timelineClasses } from './timelineClasses';
-export * from './timelineClasses';
+export { default } from "./Timeline.js";
+export * from "./Timeline.types.js";
+export { default as timelineClasses } from "./timelineClasses.js";
+export * from "./timelineClasses.js";

package/modern/TimelineConnector/TimelineConnector.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { getTimelineConnectorUtilityClass } from './timelineConnectorClasses';
+import { getTimelineConnectorUtilityClass } from "./timelineConnectorClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TimelineConnector/index.js

@@ -1,3 +1,3 @@
-export { default } from './TimelineConnector';
-export { default as timelineConnectorClasses } from './timelineConnectorClasses';
-export * from './timelineConnectorClasses';
+export { default } from "./TimelineConnector.js";
+export { default as timelineConnectorClasses } from "./timelineConnectorClasses.js";
+export * from "./timelineConnectorClasses.js";

package/modern/TimelineContent/TimelineContent.js

@@ -6,9 +6,9 @@ import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Typography from '@mui/material/Typography';
-import TimelineContext from '../Timeline/TimelineContext';
-import { getTimelineContentUtilityClass } from './timelineContentClasses';
-import convertTimelinePositionToClass from '../internal/convertTimelinePositionToClass';
+import TimelineContext from "../Timeline/TimelineContext.js";
+import { getTimelineContentUtilityClass } from "./timelineContentClasses.js";
+import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TimelineContent/index.js

@@ -1,3 +1,3 @@
-export { default } from './TimelineContent';
-export { default as timelineContentClasses } from './timelineContentClasses';
-export * from './timelineContentClasses';
+export { default } from "./TimelineContent.js";
+export { default as timelineContentClasses } from "./timelineContentClasses.js";
+export * from "./timelineContentClasses.js";

package/modern/TimelineDot/TimelineDot.js

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { capitalize } from '@mui/material/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { getTimelineDotUtilityClass } from './timelineDotClasses';
+import { getTimelineDotUtilityClass } from "./timelineDotClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TimelineDot/index.js

@@ -1,3 +1,3 @@
-export { default } from './TimelineDot';
-export { default as timelineDotClasses } from './timelineDotClasses';
-export * from './timelineDotClasses';
+export { default } from "./TimelineDot.js";
+export { default as timelineDotClasses } from "./timelineDotClasses.js";
+export * from "./timelineDotClasses.js";

package/modern/TimelineItem/TimelineItem.js

@@ -6,11 +6,11 @@ import clsx from 'clsx';
 import { isMuiElement } from '@mui/material/utils';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { timelineContentClasses } from '../TimelineContent';
-import { timelineOppositeContentClasses } from '../TimelineOppositeContent';
-import TimelineContext from '../Timeline/TimelineContext';
-import { getTimelineItemUtilityClass } from './timelineItemClasses';
-import convertTimelinePositionToClass from '../internal/convertTimelinePositionToClass';
+import { timelineContentClasses } from "../TimelineContent/index.js";
+import { timelineOppositeContentClasses } from "../TimelineOppositeContent/index.js";
+import TimelineContext from "../Timeline/TimelineContext.js";
+import { getTimelineItemUtilityClass } from "./timelineItemClasses.js";
+import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TimelineItem/index.js

@@ -1,3 +1,3 @@
-export { default } from './TimelineItem';
-export { default as timelineItemClasses } from './timelineItemClasses';
-export * from './timelineItemClasses';
+export { default } from "./TimelineItem.js";
+export { default as timelineItemClasses } from "./timelineItemClasses.js";
+export * from "./timelineItemClasses.js";

package/modern/TimelineOppositeContent/TimelineOppositeContent.js

@@ -6,9 +6,9 @@ import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Typography from '@mui/material/Typography';
-import TimelineContext from '../Timeline/TimelineContext';
-import { getTimelineOppositeContentUtilityClass } from './timelineOppositeContentClasses';
-import convertTimelinePositionToClass from '../internal/convertTimelinePositionToClass';
+import TimelineContext from "../Timeline/TimelineContext.js";
+import { getTimelineOppositeContentUtilityClass } from "./timelineOppositeContentClasses.js";
+import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TimelineOppositeContent/index.js

@@ -1,3 +1,3 @@
-export { default } from './TimelineOppositeContent';
-export { default as timelineOppositeContentClasses } from './timelineOppositeContentClasses';
-export * from './timelineOppositeContentClasses';
+export { default } from "./TimelineOppositeContent.js";
+export { default as timelineOppositeContentClasses } from "./timelineOppositeContentClasses.js";
+export * from "./timelineOppositeContentClasses.js";

package/modern/TimelineSeparator/TimelineSeparator.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { getTimelineSeparatorUtilityClass } from './timelineSeparatorClasses';
+import { getTimelineSeparatorUtilityClass } from "./timelineSeparatorClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TimelineSeparator/index.js

@@ -1,3 +1,3 @@
-export { default } from './TimelineSeparator';
-export { default as timelineSeparatorClasses } from './timelineSeparatorClasses';
-export * from './timelineSeparatorClasses';
+export { default } from "./TimelineSeparator.js";
+export { default as timelineSeparatorClasses } from "./timelineSeparatorClasses.js";
+export * from "./timelineSeparatorClasses.js";

package/modern/ToggleButton/index.js

@@ -1 +1 @@
-export { default } from './ToggleButton';
+export { default } from "./ToggleButton.js";

package/modern/ToggleButtonGroup/index.js

@@ -1 +1 @@
-export { default } from './ToggleButtonGroup';
+export { default } from "./ToggleButtonGroup.js";

package/modern/TreeItem/index.js

@@ -1,2 +1,2 @@
-export { default } from './TreeItem';
-export * from './TreeItem';
+export { default } from "./TreeItem.js";
+export * from "./TreeItem.js";

package/modern/TreeView/index.js

@@ -1,2 +1,2 @@
-export { default } from './TreeView';
-export * from './TreeView';
+export { default } from "./TreeView.js";
+export * from "./TreeView.js";

package/modern/YearPicker/index.js

@@ -1,2 +1,2 @@
-export { default } from './YearPicker';
-export * from './YearPicker';
+export { default } from "./YearPicker.js";
+export * from "./YearPicker.js";