@mui/lab 5.0.0-alpha.52 → 5.0.0-alpha.56

package/modern/TimelineDot/timelineDotClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineDotUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineDot', slot);
 }

package/modern/TimelineItem/TimelineItem.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { capitalize, isMuiElement } from '@mui/material/utils';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { timelineContentClasses } from '../TimelineContent';
 import { timelineOppositeContentClasses } from '../TimelineOppositeContent';
 import TimelineContext from '../Timeline/TimelineContext';
@@ -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.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TimelineItem;

package/modern/TimelineItem/timelineItemClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineItemUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineItem', slot);
 }

package/modern/TimelineOppositeContent/TimelineOppositeContent.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { capitalize } from '@mui/material/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Typography from '@mui/material/Typography';
 import TimelineContext from '../Timeline/TimelineContext';
 import { getTimelineOppositeContentUtilityClass } from './timelineOppositeContentClasses';
@@ -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.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 TimelineOppositeContent.muiName = 'TimelineOppositeContent';
 export default TimelineOppositeContent;

package/modern/TimelineOppositeContent/timelineOppositeContentClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineOppositeContentUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineOppositeContent', slot);
 }

package/modern/TimelineSeparator/TimelineSeparator.js

@@ -4,7 +4,7 @@ const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { getTimelineSeparatorUtilityClass } from './timelineSeparatorClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -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.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TimelineSeparator;

package/modern/TimelineSeparator/timelineSeparatorClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTimelineSeparatorUtilityClass(slot) {
   return generateUtilityClass('MuiTimelineSeparator', slot);
 }

package/modern/TreeItem/TreeItem.js

@@ -8,7 +8,7 @@ import { elementTypeAcceptingRef } from '@mui/utils';
 import Collapse from '@mui/material/Collapse';
 import { alpha, styled, useThemeProps } from '@mui/material/styles';
 import { ownerDocument, useForkRef, unsupportedProp } from '@mui/material/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import TreeViewContext from '../TreeView/TreeViewContext';
 import { DescendantProvider, useDescendant } from '../TreeView/descendants';
 import TreeItemContent from './TreeItemContent';
@@ -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.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * The component used for the transition.

package/modern/TreeItem/treeItemClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTreeItemUtilityClass(slot) {
   return generateUtilityClass('MuiTreeItem', slot);
 }

package/modern/TreeView/TreeView.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { styled, useTheme, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { useControlled, useForkRef, ownerDocument, unstable_useId as useId } from '@mui/material/utils';
 import TreeViewContext from './TreeViewContext';
 import { DescendantProvider } from './descendants';
@@ -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.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TreeView;

package/modern/TreeView/treeViewClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTreeViewUtilityClass(slot) {
   return generateUtilityClass('MuiTreeView', slot);
 }

package/modern/YearPicker/PickersYear.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { useForkRef, capitalize } from '@mui/material/utils';
 import { alpha, styled } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
 import { WrapperVariantContext } from '../internal/pickers/wrappers/WrapperVariantContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function getPickersYearUtilityClass(slot) {
@@ -50,7 +50,7 @@ const PickersYearButton = styled('button', {
   margin: '8px 0',
   height: 36,
   width: 72,
-  borderRadius: 16,
+  borderRadius: 18,
   cursor: 'pointer',
   '&:focus, &:hover': {
     backgroundColor: alpha(theme.palette.action.active, theme.palette.action.hoverOpacity)

package/modern/YearPicker/YearPicker.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTheme, styled, useThemeProps as useThemProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import clsx from 'clsx';
 import PickersYear from './PickersYear';
 import { useUtils, useNow } from '../internal/pickers/hooks/useUtils';
@@ -41,6 +41,7 @@ const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, re
     autoFocus,
     className,
     date,
+    disabled,
     disableFuture,
     disablePast,
     isDateDisabled,
@@ -49,6 +50,7 @@ const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, re
     onChange,
     onFocusedDayChange,
     onYearChange,
+    readOnly,
     shouldDisableYear
   } = props;
   const ownerState = props;
@@ -63,6 +65,10 @@ const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, re
   const [focusedYear, setFocusedYear] = React.useState(currentYear);
 
   const handleYearSelection = (event, year, isFinish = 'finish') => {
+    if (readOnly) {
+      return;
+    }
+
     const submitDate = newDate => {
       onChange(newDate, isFinish);
 
@@ -141,7 +147,7 @@ const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, re
         onKeyDown: handleKeyDown,
         autoFocus: autoFocus && yearNumber === focusedYear,
         ref: selected ? selectedYearRef : undefined,
-        disabled: disablePast && utils.isBeforeYear(year, now) || disableFuture && utils.isAfterYear(year, now) || shouldDisableYear && shouldDisableYear(year),
+        disabled: disabled || disablePast && utils.isBeforeYear(year, now) || disableFuture && utils.isAfterYear(year, now) || shouldDisableYear && shouldDisableYear(year),
         children: utils.format(year, 'year')
       }, utils.format(year, 'year'));
     })
@@ -175,6 +181,11 @@ process.env.NODE_ENV !== "production" ? YearPicker.propTypes
    */
   date: PropTypes.any,
 
+  /**
+   * @ignore
+   */
+  disabled: PropTypes.bool,
+
   /**
    * @ignore
    */
@@ -215,6 +226,11 @@ process.env.NODE_ENV !== "production" ? YearPicker.propTypes
    */
   onYearChange: PropTypes.func,
 
+  /**
+   * @ignore
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Disable specific years dynamically.
    * Works like `shouldDisableDate` but for year selection view @DateIOType.

package/modern/YearPicker/yearPickerClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getYearPickerUtilityClass(slot) {
   return generateUtilityClass('MuiYearPicker', slot);
 }

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.52
+/** @license MUI v5.0.0-alpha.56
  *
  * 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/PickersToolbar.js

@@ -8,7 +8,7 @@ import Grid from '@mui/material/Grid';
 import Typography from '@mui/material/Typography';
 import IconButton from '@mui/material/IconButton';
 import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/core';
+import { generateUtilityClasses } from '@mui/base';
 import PenIcon from '../svg-icons/Pen';
 import CalendarIcon from '../svg-icons/Calendar';
 import ClockIcon from '../svg-icons/Clock';

package/modern/internal/pickers/PickersToolbarText.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import Typography from '@mui/material/Typography';
 import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/core';
+import { generateUtilityClasses } from '@mui/base';
 import { jsx as _jsx } from "react/jsx-runtime";
 const classes = generateUtilityClasses('PrivatePickersToolbarText', ['selected']);
 const PickersToolbarTextRoot = styled(Typography, {

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

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["locale"];
 import * as React from 'react';
 import { parseISO } from 'date-fns';
-import { createClientRender, fireEvent, screen } from 'test/utils';
+import { createRenderer, fireEvent, screen } from 'test/utils';
 import AdapterDateFns from '@mui/lab/AdapterDateFns';
 import LocalizationProvider from '@mui/lab/LocalizationProvider'; // TODO make possible to pass here any utils using cli
 
@@ -54,13 +54,16 @@ export function wrapPickerMount(mount) {
     children: node
   }));
 }
-export function createPickerRender(_ref = {}) {
+export function createPickerRenderer(_ref = {}) {
   let {
     locale
   } = _ref,
-      renderOptions = _objectWithoutPropertiesLoose(_ref, _excluded);
+      createRendererOptions = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  const clientRender = createClientRender(renderOptions);
+  const {
+    clock,
+    render: clientRender
+  } = createRenderer(createRendererOptions);
 
   function Wrapper({
     children
@@ -72,9 +75,16 @@ export function createPickerRender(_ref = {}) {
     });
   }
 
-  return (node, options) => clientRender(node, _extends({}, options, {
-    wrapper: Wrapper
-  }));
+  return {
+    clock,
+
+    render(node, options) {
+      return clientRender(node, _extends({}, options, {
+        wrapper: Wrapper
+      }));
+    }
+
+  };
 }
 export function openMobilePicker() {
   fireEvent.click(screen.getByRole('textbox'));

package/modern/useAutocomplete/index.js

@@ -1 +1 @@
-export { useAutocomplete as default, createFilterOptions } from '@mui/core';
+export { useAutocomplete as default, createFilterOptions } from '@mui/base';

package/node/CalendarPicker/CalendarPicker.js

@@ -20,7 +20,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _MonthPicker = _interopRequireDefault(require("../MonthPicker/MonthPicker"));
 
@@ -53,10 +53,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 function getCalendarPickerUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiCalendarPicker', slot);
+  return (0, _base.generateUtilityClass)('MuiCalendarPicker', slot);
 }
 
-const calendarPickerClasses = (0, _core.generateUtilityClasses)('MuiCalendarPicker', ['root', 'viewTransitionContainer']);
+const calendarPickerClasses = (0, _base.generateUtilityClasses)('MuiCalendarPicker', ['root', 'viewTransitionContainer']);
 exports.calendarPickerClasses = calendarPickerClasses;
 
 const useUtilityClasses = ownerState => {
@@ -67,7 +67,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     viewTransitionContainer: ['viewTransitionContainer']
   };
-  return (0, _core.unstable_composeClasses)(slots, getCalendarPickerUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, getCalendarPickerUtilityClass, classes);
 };
 
 const CalendarPickerRoot = (0, _styles.styled)(_PickerView.default, {
@@ -262,6 +262,12 @@ process.env.NODE_ENV !== "production" ? CalendarPicker.propTypes
    */
   defaultCalendarMonth: _propTypes.default.any,
 
+  /**
+   * If `true`, the picker and text field are disabled.
+   * @default false
+   */
+  disabled: _propTypes.default.bool,
+
   /**
    * @default false
    */
@@ -310,6 +316,12 @@ process.env.NODE_ENV !== "production" ? CalendarPicker.propTypes
    */
   openTo: _propTypes.default.oneOf(['day', 'month', 'year']),
 
+  /**
+   * Make picker read only.
+   * @default false
+   */
+  readOnly: _propTypes.default.bool,
+
   /**
    * Disable heavy animations.
    * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)

package/node/CalendarPicker/PickersCalendar.js

@@ -90,6 +90,7 @@ function PickersCalendar(props) {
     className,
     currentMonth,
     date,
+    disabled,
     disableHighlightToday,
     focusedDay,
     isDateDisabled,
@@ -97,6 +98,7 @@ function PickersCalendar(props) {
     loading,
     onChange,
     onMonthSwitchingAnimationEnd,
+    readOnly,
     reduceAnimations,
     renderDay,
     renderLoading = () => _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -109,10 +111,14 @@ function PickersCalendar(props) {
   const now = (0, _useUtils.useNow)();
   const utils = (0, _useUtils.useUtils)();
   const handleDaySelect = React.useCallback((day, isFinish = 'finish') => {
-    // TODO possibly buggy line figure out and add tests
+    if (readOnly) {
+      return;
+    } // TODO possibly buggy line figure out and add tests
+
+
     const finalDate = Array.isArray(date) ? day : utils.mergeDateAndTime(day, date || now);
     onChange(finalDate, isFinish);
-  }, [date, now, onChange, utils]);
+  }, [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.
 
@@ -146,7 +152,7 @@ function PickersCalendar(props) {
               key: day == null ? void 0 : day.toString(),
               day,
               isAnimating: isMonthSwitchingAnimating,
-              disabled: isDateDisabled(day),
+              disabled: disabled || isDateDisabled(day),
               allowSameDateSelection,
               autoFocus: autoFocus && focusedDay !== null && utils.isSameDay(day, focusedDay),
               today: utils.isSameDay(day, now),

package/node/CalendarPicker/PickersCalendarHeader.js

@@ -97,6 +97,7 @@ function PickersCalendarHeader(props) {
     components = {},
     componentsProps = {},
     currentMonth: month,
+    disabled,
     disableFuture,
     disablePast,
     getViewSwitchingButtonText = getSwitchingViewAriaText,
@@ -118,16 +119,16 @@ function PickersCalendarHeader(props) {
   const selectPreviousMonth = () => onMonthChange(utils.getPreviousMonth(month), 'right');
 
   const isNextMonthDisabled = (0, _dateHelpersHooks.useNextMonthDisabled)(month, {
-    disableFuture,
+    disableFuture: disableFuture || disabled,
     maxDate
   });
   const isPreviousMonthDisabled = (0, _dateHelpersHooks.usePreviousMonthDisabled)(month, {
-    disablePast,
+    disablePast: disablePast || disabled,
     minDate
   });
 
   const handleToggleView = () => {
-    if (views.length === 1 || !onViewChange) {
+    if (views.length === 1 || !onViewChange || disabled) {
       return;
     }
 
@@ -168,7 +169,7 @@ function PickersCalendarHeader(props) {
           ownerState: ownerState,
           children: utils.format(month, 'year')
         })
-      }), views.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarHeaderSwitchViewButton, (0, _extends2.default)({
+      }), views.length > 1 && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarHeaderSwitchViewButton, (0, _extends2.default)({
         size: "small",
         as: components.SwitchViewButton,
         "aria-label": getViewSwitchingButtonText(currentView)

package/node/CalendarPicker/PickersFadeTransitionGroup.js

@@ -15,7 +15,7 @@ var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _reactTransitionGroup = require("react-transition-group");
 
@@ -25,7 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-const classes = (0, _core.generateUtilityClasses)('PrivatePickersFadeTransitionGroup', ['root']);
+const classes = (0, _base.generateUtilityClasses)('PrivatePickersFadeTransitionGroup', ['root']);
 const animationDuration = 500;
 const PickersFadeTransitionGroupRoot = (0, _styles.styled)(_reactTransitionGroup.TransitionGroup, {
   skipSx: true

package/node/CalendarPicker/PickersSlideTransition.js

@@ -17,7 +17,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _reactTransitionGroup = require("react-transition-group");
 
@@ -29,7 +29,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-const classes = (0, _core.generateUtilityClasses)('PrivatePickersSlideTransition', ['root', 'slideEnter-left', 'slideEnter-right', 'slideEnterActive', 'slideEnterActive', 'slideExit', 'slideExitActiveLeft-left', 'slideExitActiveLeft-right']);
+const classes = (0, _base.generateUtilityClasses)('PrivatePickersSlideTransition', ['root', 'slideEnter-left', 'slideEnter-right', 'slideEnterActive', 'slideEnterActive', 'slideExit', 'slideExitActiveLeft-left', 'slideExitActiveLeft-right']);
 const slideAnimationDuration = 350;
 exports.slideAnimationDuration = slideAnimationDuration;
 const PickersSlideTransitionRoot = (0, _styles.styled)(_reactTransitionGroup.TransitionGroup, {

package/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -22,7 +22,7 @@ var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _dimensions = require("../internal/pickers/constants/dimensions");
 
@@ -35,10 +35,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 function getCalendarPickerSkeletonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiCalendarPickerSkeleton', slot);
+  return (0, _base.generateUtilityClass)('MuiCalendarPickerSkeleton', slot);
 }
 
-const calendarPickerSkeletonClasses = (0, _core.generateUtilityClasses)('MuiCalendarPickerSkeleton', ['root', 'week', 'daySkeleton']);
+const calendarPickerSkeletonClasses = (0, _base.generateUtilityClasses)('MuiCalendarPickerSkeleton', ['root', 'week', 'daySkeleton']);
 exports.calendarPickerSkeletonClasses = calendarPickerSkeletonClasses;
 
 const useUtilityClasses = ownerState => {
@@ -50,7 +50,7 @@ const useUtilityClasses = ownerState => {
     week: ['week'],
     daySkeleton: ['daySkeleton']
   };
-  return (0, _core.unstable_composeClasses)(slots, getCalendarPickerSkeletonUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, getCalendarPickerSkeletonUtilityClass, classes);
 };
 
 const CalendarPickerSkeletonRoot = (0, _styles.styled)('div', {
@@ -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.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = CalendarPickerSkeleton;
 exports.default = _default;

package/node/ClockPicker/ClockNumber.js

@@ -17,7 +17,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _shared = require("./shared");
 
@@ -29,7 +29,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-const classes = (0, _core.generateUtilityClasses)('PrivateClockNumber', ['selected', 'disabled']);
+const classes = (0, _base.generateUtilityClasses)('PrivateClockNumber', ['selected', 'disabled']);
 exports.classes = classes;
 const ClockNumberRoot = (0, _styles.styled)('span', {
   skipSx: true

package/node/ClockPicker/ClockPicker.js

@@ -18,7 +18,7 @@ var _utils = require("@mui/utils");
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _Clock = _interopRequireDefault(require("./Clock"));
 
@@ -41,10 +41,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 function getClockPickerUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiClockPicker', slot);
+  return (0, _base.generateUtilityClass)('MuiClockPicker', slot);
 }
 
-const clockPickerClasses = (0, _core.generateUtilityClasses)('MuiClockPicker', ['arrowSwitcher']);
+const clockPickerClasses = (0, _base.generateUtilityClasses)('MuiClockPicker', ['arrowSwitcher']);
 exports.clockPickerClasses = clockPickerClasses;
 
 const useUtilityClasses = ownerState => {
@@ -54,7 +54,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     arrowSwitcher: ['arrowSwitcher']
   };
-  return (0, _core.unstable_composeClasses)(slots, getClockPickerUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, getClockPickerUtilityClass, classes);
 };
 
 const ClockPickerArrowSwitcher = (0, _styles.styled)(_PickersArrowSwitcher.default, {

package/node/DatePicker/DatePicker.js

@@ -175,6 +175,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
 
   /**
    * If `true`, the picker and text field are disabled.
+   * @default false
    */
   disabled: _propTypes.default.bool,
 
@@ -366,6 +367,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
 
   /**
    * Make picker read only.
+   * @default false
    */
   readOnly: _propTypes.default.bool,
 

package/node/DatePicker/DatePickerToolbar.js

@@ -17,7 +17,7 @@ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
 var _styles = require("@mui/material/styles");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _PickersToolbar = _interopRequireDefault(require("../internal/pickers/PickersToolbar"));
 
@@ -33,7 +33,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-const classes = (0, _core.generateUtilityClasses)('PrivateDatePickerToolbar', ['penIcon']);
+const classes = (0, _base.generateUtilityClasses)('PrivateDatePickerToolbar', ['penIcon']);
 const DatePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.default, {
   skipSx: true
 })({

package/node/DateRangePicker/DateRangePicker.js

@@ -229,6 +229,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
 
   /**
    * If `true`, the picker and text field are disabled.
+   * @default false
    */
   disabled: _propTypes.default.bool,
 
@@ -419,6 +420,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
 
   /**
    * Make picker read only.
+   * @default false
    */
   readOnly: _propTypes.default.bool,