@mui/lab 5.0.0-alpha.57 → 5.0.0-alpha.61

package/internal/svg-icons/ArrowLeft.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/ArrowRight.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Calendar.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Clock.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/DateRange.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Pen.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Time.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/legacy/CalendarPicker/CalendarPicker.js

@@ -150,6 +150,18 @@ var CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inPro
 
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
+  var monthPickerProps = {
+    className: className,
+    date: date,
+    disabled: other.disabled,
+    disablePast: disablePast,
+    disableFuture: disableFuture,
+    onChange: onChange,
+    minDate: minDate,
+    maxDate: maxDate,
+    onMonthChange: onMonthChange,
+    readOnly: other.readOnly
+  };
   return /*#__PURE__*/_jsxs(CalendarPickerRoot, {
     ref: ref,
     className: clsx(classes.root, className),
@@ -187,13 +199,7 @@ var CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inPro
           isDateDisabled: isDateDisabled,
           shouldDisableYear: shouldDisableYear,
           onFocusedDayChange: changeFocusedDay
-        })), openView === 'month' && /*#__PURE__*/_jsx(MonthPicker, _extends({}, other, {
-          date: date,
-          onChange: onChange,
-          minDate: minDate,
-          maxDate: maxDate,
-          onMonthChange: onMonthChange
-        })), openView === 'day' && /*#__PURE__*/_jsx(PickersCalendar, _extends({}, other, calendarState, {
+        })), openView === 'month' && /*#__PURE__*/_jsx(MonthPicker, _extends({}, monthPickerProps)), openView === 'day' && /*#__PURE__*/_jsx(PickersCalendar, _extends({}, other, calendarState, {
           autoFocus: autoFocus,
           onMonthSwitchingAnimationEnd: onMonthSwitchingAnimationEnd,
           onFocusedDayChange: changeFocusedDay,

package/legacy/CalendarPicker/PickersCalendar.js

@@ -106,7 +106,7 @@ function PickersCalendar(props) {
   var currentMonthNumber = utils.getMonth(currentMonth);
   var selectedDates = (Array.isArray(date) ? date : [date]).filter(Boolean).map(function (selectedDateItem) {
     return selectedDateItem && utils.startOfDay(selectedDateItem);
-  }); // need a new ref whenever the `key` of the transition changes: https://reactcommunity.org/react-transition-group/transition#Transition-prop-nodeRef.
+  }); // need a new ref whenever the `key` of the transition changes: http://reactcommunity.org/react-transition-group/transition/#Transition-prop-nodeRef.
 
   var transitionKey = currentMonthNumber; // eslint-disable-next-line react-hooks/exhaustive-deps
 

package/legacy/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -150,6 +150,6 @@ process.env.NODE_ENV !== "production" ? CalendarPickerSkeleton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default CalendarPickerSkeleton;

package/legacy/ClockPicker/ClockPicker.js

@@ -28,7 +28,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
 
 var ClockPickerArrowSwitcher = styled(PickersArrowSwitcher, {
   name: 'MuiClockPicker',
-  slot: 'ArrowSwticher',
+  slot: 'ArrowSwitcher',
   overridesResolver: function overridesResolver(props, styles) {
     return styles.arrowSwitcher;
   }

package/legacy/DateRangePickerDay/DateRangePickerDay.js

@@ -233,7 +233,7 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDay.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 /**
  *

package/legacy/LoadingButton/LoadingButton.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { chainPropTypes } from '@mui/utils';
-import { capitalize } from '@mui/material/utils';
+import { capitalize, unstable_useId as useId } from '@mui/material/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
 import Button from '@mui/material/Button';
@@ -103,12 +103,6 @@ var LoadingButtonLoadingIndicator = styled('div', {
     right: -10
   });
 });
-
-var LoadingIndicator = /*#__PURE__*/_jsx(CircularProgress, {
-  color: "inherit",
-  size: 16
-});
-
 var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
@@ -118,15 +112,22 @@ var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps
   var children = props.children,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
+      idProp = props.id,
       _props$loading = props.loading,
       loading = _props$loading === void 0 ? false : _props$loading,
-      _props$loadingIndicat = props.loadingIndicator,
-      loadingIndicator = _props$loadingIndicat === void 0 ? LoadingIndicator : _props$loadingIndicat,
+      loadingIndicatorProp = props.loadingIndicator,
       _props$loadingPositio = props.loadingPosition,
       loadingPosition = _props$loadingPositio === void 0 ? 'center' : _props$loadingPositio,
       _props$variant = props.variant,
       variant = _props$variant === void 0 ? 'text' : _props$variant,
-      other = _objectWithoutProperties(props, ["children", "disabled", "loading", "loadingIndicator", "loadingPosition", "variant"]);
+      other = _objectWithoutProperties(props, ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"]);
+
+  var id = useId(idProp);
+  var loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /*#__PURE__*/_jsx(CircularProgress, {
+    "aria-labelledby": id,
+    color: "inherit",
+    size: 16
+  });
 
   var ownerState = _extends({}, props, {
     disabled: disabled,
@@ -139,6 +140,7 @@ var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(LoadingButtonRoot, _extends({
     disabled: disabled || loading,
+    id: id,
     ref: ref
   }, other, {
     variant: variant,
@@ -183,6 +185,11 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
    */
   disabled: PropTypes.bool,
 
+  /**
+   * @ignore
+   */
+  id: PropTypes.string,
+
   /**
    * If `true`, the loading indicator is shown.
    * @default false
@@ -191,6 +198,8 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
 
   /**
    * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default we render a `CircularProgress` that is labelled by the button itself.
    * @default <CircularProgress color="inherit" size={16} />
    */
   loadingIndicator: PropTypes.node,
@@ -214,7 +223,7 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
    * The variant to use.

package/legacy/Masonry/Masonry.js

@@ -362,6 +362,6 @@ process.env.NODE_ENV !== "production" ? Masonry.propTypes
   /**
    * Allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default Masonry;

package/legacy/MonthPicker/MonthPicker.js

@@ -163,7 +163,7 @@ process.env.NODE_ENV !== "production" ? MonthPicker.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 /**
  *

package/legacy/PickersDay/PickersDay.js

@@ -377,7 +377,7 @@ process.env.NODE_ENV !== "production" ? PickersDay.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
    * If `true`, renders as today date.

package/legacy/StaticDatePicker/StaticDatePicker.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useDatePickerDefaultizedProps } from '../DatePicker/shared';
 import DatePickerToolbar from '../DatePicker/DatePickerToolbar';
-import StaticWrapper from '../internal/pickers/wrappers/StaticWrapper';
+import PickerStaticWrapper from '../internal/pickers/wrappers/PickerStaticWrapper';
 import Picker from '../internal/pickers/Picker/Picker';
 import { useDateValidation } from '../internal/pickers/hooks/useValidation';
 import { parsePickerInputValue } from '../internal/pickers/date-utils';
@@ -52,7 +52,7 @@ var StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker(i
     validationError: validationError
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/legacy/StaticDateRangePicker/StaticDateRangePicker.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
-import StaticWrapper from '../internal/pickers/wrappers/StaticWrapper';
+import PickerStaticWrapper from '../internal/pickers/wrappers/PickerStaticWrapper';
 import { useDefaultDates, useUtils } from '../internal/pickers/hooks/useUtils';
 import { useDateRangeValidation } from '../internal/pickers/hooks/useValidation';
 import { usePickerState } from '../internal/pickers/hooks/usePickerState';
@@ -88,7 +88,7 @@ var StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateRan
     ref: ref
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(DateRangePickerView, _extends({
       open: wrapperProps.open,

package/legacy/StaticDateTimePicker/StaticDateTimePicker.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useDateTimePickerDefaultizedProps } from '../DateTimePicker/shared';
 import DateTimePickerToolbar from '../DateTimePicker/DateTimePickerToolbar';
-import StaticWrapper from '../internal/pickers/wrappers/StaticWrapper';
+import PickerStaticWrapper from '../internal/pickers/wrappers/PickerStaticWrapper';
 import Picker from '../internal/pickers/Picker/Picker';
 import { useDateTimeValidation } from '../internal/pickers/hooks/useValidation';
 import { parsePickerInputValue } from '../internal/pickers/date-utils';
@@ -52,7 +52,7 @@ var StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTime
     validationError: validationError
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/legacy/StaticTimePicker/StaticTimePicker.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTimePickerDefaultizedProps } from '../TimePicker/shared';
 import TimePickerToolbar from '../TimePicker/TimePickerToolbar';
-import StaticWrapper from '../internal/pickers/wrappers/StaticWrapper';
+import PickerStaticWrapper from '../internal/pickers/wrappers/PickerStaticWrapper';
 import Picker from '../internal/pickers/Picker/Picker';
 import { useTimeValidation } from '../internal/pickers/hooks/useValidation';
 import { parsePickerInputValue } from '../internal/pickers/date-utils';
@@ -50,7 +50,7 @@ var StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker(i
     validationError: validationError
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/legacy/TabPanel/TabPanel.js

@@ -89,7 +89,7 @@ process.env.NODE_ENV !== "production" ? TabPanel.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when

package/legacy/Timeline/Timeline.js

@@ -103,7 +103,7 @@ process.env.NODE_ENV !== "production" ? Timeline.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 /**
  *

package/legacy/TimelineConnector/TimelineConnector.js

@@ -73,6 +73,6 @@ process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TimelineConnector;

package/legacy/TimelineContent/TimelineContent.js

@@ -87,6 +87,6 @@ process.env.NODE_ENV !== "production" ? TimelineContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TimelineContent;

package/legacy/TimelineDot/TimelineDot.js

@@ -112,7 +112,7 @@ process.env.NODE_ENV !== "production" ? TimelineDot.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
    * The dot can appear filled or outlined.

package/legacy/TimelineItem/TimelineItem.js

@@ -125,6 +125,6 @@ process.env.NODE_ENV !== "production" ? TimelineItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TimelineItem;

package/legacy/TimelineOppositeContent/TimelineOppositeContent.js

@@ -88,7 +88,7 @@ process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 TimelineOppositeContent.muiName = 'TimelineOppositeContent';
 export default TimelineOppositeContent;

package/legacy/TimelineSeparator/TimelineSeparator.js

@@ -71,6 +71,6 @@ process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TimelineSeparator;

package/legacy/TreeItem/TreeItem.js

@@ -407,7 +407,7 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
 
   /**
    * The component used for the transition.
@@ -418,7 +418,7 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes
 
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition) component.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
    */
   TransitionProps: PropTypes.object
 } : void 0;

package/legacy/TreeView/TreeView.js

@@ -1036,6 +1036,6 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TreeView;

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.57
+/** @license MUI v5.0.0-alpha.61
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/internal/pickers/wrappers/PickerStaticWrapper.js

@@ -0,0 +1,62 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import * as React from 'react';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import { DIALOG_WIDTH } from '../constants/dimensions';
+import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function getStaticWrapperUtilityClass(slot) {
+  return generateUtilityClass('MuiPickerStaticWrapper', slot);
+}
+export var pickerStaticWrapperClasses = generateUtilityClasses('MuiPickerStaticWrapper', ['root']);
+
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getStaticWrapperUtilityClass, classes);
+};
+
+var PickerStaticWrapperRoot = styled('div', {
+  name: 'MuiPickerStaticWrapper',
+  slot: 'Root',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.root;
+  },
+  skipSx: true
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    overflow: 'hidden',
+    minWidth: DIALOG_WIDTH,
+    display: 'flex',
+    flexDirection: 'column',
+    backgroundColor: theme.palette.background.paper
+  };
+});
+
+function PickerStaticWrapper(inProps) {
+  var props = useThemeProps({
+    props: inProps,
+    name: 'MuiPickerStaticWrapper'
+  });
+
+  var displayStaticWrapperAs = props.displayStaticWrapperAs,
+      other = _objectWithoutProperties(props, ["displayStaticWrapperAs"]);
+
+  var classes = useUtilityClasses(props);
+  var isStatic = true;
+  return /*#__PURE__*/_jsx(IsStaticVariantContext.Provider, {
+    value: isStatic,
+    children: /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
+      value: displayStaticWrapperAs,
+      children: /*#__PURE__*/_jsx(PickerStaticWrapperRoot, _extends({
+        className: classes.root
+      }, other))
+    })
+  });
+}
+
+export default PickerStaticWrapper;

package/modern/CalendarPicker/CalendarPicker.js

@@ -141,6 +141,18 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
 
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
+  const monthPickerProps = {
+    className,
+    date,
+    disabled: other.disabled,
+    disablePast,
+    disableFuture,
+    onChange,
+    minDate,
+    maxDate,
+    onMonthChange,
+    readOnly: other.readOnly
+  };
   return /*#__PURE__*/_jsxs(CalendarPickerRoot, {
     ref: ref,
     className: clsx(classes.root, className),
@@ -176,13 +188,7 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
           isDateDisabled: isDateDisabled,
           shouldDisableYear: shouldDisableYear,
           onFocusedDayChange: changeFocusedDay
-        })), openView === 'month' && /*#__PURE__*/_jsx(MonthPicker, _extends({}, other, {
-          date: date,
-          onChange: onChange,
-          minDate: minDate,
-          maxDate: maxDate,
-          onMonthChange: onMonthChange
-        })), openView === 'day' && /*#__PURE__*/_jsx(PickersCalendar, _extends({}, other, calendarState, {
+        })), openView === 'month' && /*#__PURE__*/_jsx(MonthPicker, _extends({}, monthPickerProps)), openView === 'day' && /*#__PURE__*/_jsx(PickersCalendar, _extends({}, other, calendarState, {
           autoFocus: autoFocus,
           onMonthSwitchingAnimationEnd: onMonthSwitchingAnimationEnd,
           onFocusedDayChange: changeFocusedDay,

package/modern/CalendarPicker/PickersCalendar.js

@@ -100,7 +100,7 @@ function PickersCalendar(props) {
     onChange(finalDate, isFinish);
   }, [date, now, onChange, readOnly, utils]);
   const currentMonthNumber = utils.getMonth(currentMonth);
-  const selectedDates = (Array.isArray(date) ? date : [date]).filter(Boolean).map(selectedDateItem => selectedDateItem && utils.startOfDay(selectedDateItem)); // need a new ref whenever the `key` of the transition changes: https://reactcommunity.org/react-transition-group/transition#Transition-prop-nodeRef.
+  const selectedDates = (Array.isArray(date) ? date : [date]).filter(Boolean).map(selectedDateItem => selectedDateItem && utils.startOfDay(selectedDateItem)); // need a new ref whenever the `key` of the transition changes: http://reactcommunity.org/react-transition-group/transition/#Transition-prop-nodeRef.
 
   const transitionKey = currentMonthNumber; // eslint-disable-next-line react-hooks/exhaustive-deps
 

package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -144,6 +144,6 @@ process.env.NODE_ENV !== "production" ? CalendarPickerSkeleton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default CalendarPickerSkeleton;

package/modern/ClockPicker/ClockPicker.js

@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
 
 const ClockPickerArrowSwitcher = styled(PickersArrowSwitcher, {
   name: 'MuiClockPicker',
-  slot: 'ArrowSwticher',
+  slot: 'ArrowSwitcher',
   overridesResolver: (props, styles) => styles.arrowSwitcher
 })({
   position: 'absolute',

package/modern/DateRangePickerDay/DateRangePickerDay.js

@@ -228,7 +228,7 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDay.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 /**
  *