@mui/lab 5.0.0-alpha.55 → 5.0.0-alpha.59

package/modern/StaticDatePicker/StaticDatePicker.js

@@ -5,7 +5,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';
@@ -48,7 +48,7 @@ const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker
     validationError
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/modern/StaticDateRangePicker/StaticDateRangePicker.js

@@ -4,7 +4,7 @@ const _excluded = ["calendars", "displayStaticWrapperAs", "value", "onChange", "
 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';
@@ -81,7 +81,7 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateR
     ref
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(DateRangePickerView, _extends({
       open: wrapperProps.open,

package/modern/StaticDateTimePicker/StaticDateTimePicker.js

@@ -5,7 +5,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';
@@ -48,7 +48,7 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTi
     validationError
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/modern/StaticTimePicker/StaticTimePicker.js

@@ -5,7 +5,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';
@@ -47,7 +47,7 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
     validationError
   });
 
-  return /*#__PURE__*/_jsx(StaticWrapper, {
+  return /*#__PURE__*/_jsx(PickerStaticWrapper, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/modern/TabPanel/TabPanel.js

@@ -91,7 +91,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/modern/Timeline/Timeline.js

@@ -109,7 +109,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/modern/TimelineConnector/TimelineConnector.js

@@ -77,6 +77,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/modern/TimelineContent/TimelineContent.js

@@ -94,6 +94,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/modern/TimelineDot/TimelineDot.js

@@ -116,7 +116,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/modern/TimelineItem/TimelineItem.js

@@ -130,6 +130,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/modern/TimelineOppositeContent/TimelineOppositeContent.js

@@ -95,7 +95,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/modern/TimelineSeparator/TimelineSeparator.js

@@ -74,6 +74,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/modern/TreeItem/TreeItem.js

@@ -405,7 +405,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.
@@ -416,7 +416,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/modern/TreeView/TreeView.js

@@ -973,6 +973,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/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.55
+/** @license MUI v5.0.0-alpha.59
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -105,4 +105,6 @@ export * from './TreeView';
 export { default as YearPicker } from './YearPicker';
 export * from './YearPicker'; // createFilterOptions is exported from Autocomplete
 
-export { default as useAutocomplete } from './useAutocomplete';
+export { default as useAutocomplete } from './useAutocomplete';
+export { default as Masonry } from './Masonry';
+export * from './Masonry';

package/modern/internal/pickers/test-utils.js

@@ -61,6 +61,7 @@ export function createPickerRenderer(_ref = {}) {
       createRendererOptions = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   const {
+    clock,
     render: clientRender
   } = createRenderer(createRendererOptions);
 
@@ -75,6 +76,8 @@ export function createPickerRenderer(_ref = {}) {
   }
 
   return {
+    clock,
+
     render(node, options) {
       return clientRender(node, _extends({}, options, {
         wrapper: Wrapper

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

@@ -0,0 +1,64 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["displayStaticWrapperAs"];
+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 const pickerStaticWrapperClasses = generateUtilityClasses('MuiPickerStaticWrapper', ['root']);
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getStaticWrapperUtilityClass, classes);
+};
+
+const PickerStaticWrapperRoot = styled('div', {
+  name: 'MuiPickerStaticWrapper',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
+  skipSx: true
+})(({
+  theme
+}) => ({
+  overflow: 'hidden',
+  minWidth: DIALOG_WIDTH,
+  display: 'flex',
+  flexDirection: 'column',
+  backgroundColor: theme.palette.background.paper
+}));
+
+function PickerStaticWrapper(inProps) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiPickerStaticWrapper'
+  });
+
+  const {
+    displayStaticWrapperAs
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const classes = useUtilityClasses(props);
+  const 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/node/CalendarPicker/CalendarPicker.js

@@ -173,6 +173,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__*/(0, _jsxRuntime.jsxs)(CalendarPickerRoot, {
     ref: ref,
     className: (0, _clsx.default)(classes.root, className),
@@ -208,13 +220,7 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
           isDateDisabled: isDateDisabled,
           shouldDisableYear: shouldDisableYear,
           onFocusedDayChange: changeFocusedDay
-        })), openView === 'month' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthPicker.default, (0, _extends2.default)({}, other, {
-          date: date,
-          onChange: onChange,
-          minDate: minDate,
-          maxDate: maxDate,
-          onMonthChange: onMonthChange
-        })), openView === 'day' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersCalendar.default, (0, _extends2.default)({}, other, calendarState, {
+        })), openView === 'month' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthPicker.default, (0, _extends2.default)({}, monthPickerProps)), openView === 'day' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersCalendar.default, (0, _extends2.default)({}, other, calendarState, {
           autoFocus: autoFocus,
           onMonthSwitchingAnimationEnd: onMonthSwitchingAnimationEnd,
           onFocusedDayChange: changeFocusedDay,

package/node/CalendarPicker/PickersCalendar.js

@@ -120,7 +120,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/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js

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

package/node/DateRangePickerDay/DateRangePickerDay.js

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

package/node/LoadingButton/LoadingButton.js

@@ -239,7 +239,7 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/Masonry/Masonry.js

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

package/node/MonthPicker/MonthPicker.js

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

package/node/PickersDay/PickersDay.js

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

package/node/StaticDatePicker/StaticDatePicker.js

@@ -19,7 +19,7 @@ var _shared = require("../DatePicker/shared");
 
 var _DatePickerToolbar = _interopRequireDefault(require("../DatePicker/DatePickerToolbar"));
 
-var _StaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/StaticWrapper"));
+var _PickerStaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/PickerStaticWrapper"));
 
 var _Picker = _interopRequireDefault(require("../internal/pickers/Picker/Picker"));
 
@@ -72,7 +72,7 @@ const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker
     ref,
     validationError
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticWrapper.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerStaticWrapper.default, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, (0, _extends2.default)({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@mui/material/styles");
 
-var _StaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/StaticWrapper"));
+var _PickerStaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/PickerStaticWrapper"));
 
 var _useUtils = require("../internal/pickers/hooks/useUtils");
 
@@ -100,7 +100,7 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateR
     validationError,
     ref
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticWrapper.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerStaticWrapper.default, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateRangePickerView.DateRangePickerView, (0, _extends2.default)({
       open: wrapperProps.open,

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -19,7 +19,7 @@ var _shared = require("../DateTimePicker/shared");
 
 var _DateTimePickerToolbar = _interopRequireDefault(require("../DateTimePicker/DateTimePickerToolbar"));
 
-var _StaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/StaticWrapper"));
+var _PickerStaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/PickerStaticWrapper"));
 
 var _Picker = _interopRequireDefault(require("../internal/pickers/Picker/Picker"));
 
@@ -72,7 +72,7 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTi
     ref,
     validationError
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticWrapper.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerStaticWrapper.default, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, (0, _extends2.default)({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/node/StaticTimePicker/StaticTimePicker.js

@@ -19,7 +19,7 @@ var _shared = require("../TimePicker/shared");
 
 var _TimePickerToolbar = _interopRequireDefault(require("../TimePicker/TimePickerToolbar"));
 
-var _StaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/StaticWrapper"));
+var _PickerStaticWrapper = _interopRequireDefault(require("../internal/pickers/wrappers/PickerStaticWrapper"));
 
 var _Picker = _interopRequireDefault(require("../internal/pickers/Picker/Picker"));
 
@@ -70,7 +70,7 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
     ref,
     validationError
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticWrapper.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerStaticWrapper.default, {
     displayStaticWrapperAs: displayStaticWrapperAs,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, (0, _extends2.default)({}, pickerProps, {
       toolbarTitle: props.label || props.toolbarTitle,

package/node/TabPanel/TabPanel.js

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

package/node/Timeline/Timeline.js

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

package/node/TimelineConnector/TimelineConnector.js

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

package/node/TimelineContent/TimelineContent.js

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

package/node/TimelineDot/TimelineDot.js

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

package/node/TimelineItem/TimelineItem.js

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

package/node/TimelineOppositeContent/TimelineOppositeContent.js

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

package/node/TimelineSeparator/TimelineSeparator.js

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

package/node/TreeItem/TreeItem.js

@@ -428,7 +428,7 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.
@@ -439,7 +439,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.default.object
 } : void 0;

package/node/TreeView/TreeView.js

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

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.55
+/** @license MUI v5.0.0-alpha.59
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -61,7 +61,8 @@ var _exportNames = {
   TreeItem: true,
   TreeView: true,
   YearPicker: true,
-  useAutocomplete: true
+  useAutocomplete: true,
+  Masonry: true
 };
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -165,6 +166,12 @@ Object.defineProperty(exports, "LocalizationProvider", {
     return _LocalizationProvider.default;
   }
 });
+Object.defineProperty(exports, "Masonry", {
+  enumerable: true,
+  get: function () {
+    return _Masonry.default;
+  }
+});
 Object.defineProperty(exports, "MobileDatePicker", {
   enumerable: true,
   get: function () {
@@ -1072,6 +1079,20 @@ Object.keys(_YearPicker).forEach(function (key) {
 
 var _useAutocomplete = _interopRequireDefault(require("./useAutocomplete"));
 
+var _Masonry = _interopRequireWildcard(require("./Masonry"));
+
+Object.keys(_Masonry).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Masonry[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Masonry[key];
+    }
+  });
+});
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }