@mui/lab 5.0.0-alpha.58 → 5.0.0-alpha.62

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

@@ -31,7 +31,7 @@ var _loadingButtonClasses = _interopRequireWildcard(require("./loadingButtonClas
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["children", "disabled", "loading", "loadingIndicator", "loadingPosition", "variant"];
+const _excluded = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"];
 
 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); }
 
@@ -136,10 +136,6 @@ const LoadingButtonLoadingIndicator = (0, _styles.styled)('div', {
   position: 'relative',
   right: -10
 }));
-const LoadingIndicator = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-  color: "inherit",
-  size: 16
-});
 const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
@@ -148,12 +144,19 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
   const {
     children,
     disabled = false,
+    id: idProp,
     loading = false,
-    loadingIndicator = LoadingIndicator,
+    loadingIndicator: loadingIndicatorProp,
     loadingPosition = 'center',
     variant = 'text'
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const id = (0, _utils2.unstable_useId)(idProp);
+  const loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+    "aria-labelledby": id,
+    color: "inherit",
+    size: 16
+  });
   const ownerState = (0, _extends2.default)({}, props, {
     disabled,
     loading,
@@ -164,6 +167,7 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonRoot, (0, _extends2.default)({
     disabled: disabled || loading,
+    id: id,
     ref: ref
   }, other, {
     variant: variant,
@@ -208,6 +212,11 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
    */
   disabled: _propTypes.default.bool,
 
+  /**
+   * @ignore
+   */
+  id: _propTypes.default.string,
+
   /**
    * If `true`, the loading indicator is shown.
    * @default false
@@ -216,6 +225,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.default.node,
@@ -239,7 +250,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.58
+/** @license MUI v5.0.0-alpha.62
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/internal/pickers/wrappers/{StaticWrapper.js → PickerStaticWrapper.js}

@@ -1,25 +1,57 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+exports.getStaticWrapperUtilityClass = getStaticWrapperUtilityClass;
+exports.pickerStaticWrapperClasses = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
 var React = _interopRequireWildcard(require("react"));
 
 var _styles = require("@mui/material/styles");
 
+var _base = require("@mui/base");
+
 var _dimensions = require("../constants/dimensions");
 
 var _WrapperVariantContext = require("./WrapperVariantContext");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+const _excluded = ["displayStaticWrapperAs"];
+
 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; }
 
-const StaticWrapperRoot = (0, _styles.styled)('div', {
+function getStaticWrapperUtilityClass(slot) {
+  return (0, _base.generateUtilityClass)('MuiPickerStaticWrapper', slot);
+}
+
+const pickerStaticWrapperClasses = (0, _base.generateUtilityClasses)('MuiPickerStaticWrapper', ['root']);
+exports.pickerStaticWrapperClasses = pickerStaticWrapperClasses;
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return (0, _base.unstable_composeClasses)(slots, getStaticWrapperUtilityClass, classes);
+};
+
+const PickerStaticWrapperRoot = (0, _styles.styled)('div', {
+  name: 'MuiPickerStaticWrapper',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root,
   skipSx: true
 })(({
   theme
@@ -31,22 +63,27 @@ const StaticWrapperRoot = (0, _styles.styled)('div', {
   backgroundColor: theme.palette.background.paper
 }));
 
-function StaticWrapper(props) {
+function PickerStaticWrapper(inProps) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiPickerStaticWrapper'
+  });
   const {
-    displayStaticWrapperAs,
-    children
-  } = props;
+    displayStaticWrapperAs
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const classes = useUtilityClasses(props);
   const isStatic = true;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WrapperVariantContext.IsStaticVariantContext.Provider, {
     value: isStatic,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_WrapperVariantContext.WrapperVariantContext.Provider, {
       value: displayStaticWrapperAs,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StaticWrapperRoot, {
-        children: children
-      })
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickerStaticWrapperRoot, (0, _extends2.default)({
+        className: classes.root
+      }, other))
     })
   });
 }
 
-var _default = StaticWrapper;
+var _default = PickerStaticWrapper;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.58",
+  "version": "5.0.0-alpha.62",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -23,6 +23,10 @@
     "url": "https://github.com/mui-org/material-ui/issues"
   },
   "homepage": "https://mui.com/components/about-the-lab/",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/mui"
+  },
   "peerDependencies": {
     "@mui/material": "^5.0.0",
     "@types/react": "^16.8.6 || ^17.0.0",
@@ -56,9 +60,9 @@
     "@date-io/dayjs": "^2.11.0",
     "@date-io/luxon": "^2.11.1",
     "@date-io/moment": "^2.11.0",
-    "@mui/base": "5.0.0-alpha.58",
-    "@mui/system": "^5.2.2",
-    "@mui/utils": "^5.2.2",
+    "@mui/base": "5.0.0-alpha.62",
+    "@mui/system": "^5.2.6",
+    "@mui/utils": "^5.2.3",
     "clsx": "^1.1.1",
     "prop-types": "^15.7.2",
     "react-is": "^17.0.2",

package/themeAugmentation/components.d.ts

@@ -106,6 +106,11 @@ export interface LabComponents {
     styleOverrides?: ComponentsOverrides['MuiYearPicker'];
     variants?: ComponentsVariants['MuiYearPicker'];
   };
+  MuiPickerStaticWrapper?: {
+    defaultProps?: ComponentsProps['MuiPickerStaticWrapper'];
+    styleOverrides?: ComponentsOverrides['MuiPickerStaticWrapper'];
+    variants?: ComponentsVariants['MuiPickerStaticWrapper'];
+  };
 }
 
 declare module '@mui/material/styles' {

package/themeAugmentation/overrides.d.ts

@@ -17,6 +17,7 @@ import { TimelineSeparatorClassKey } from '../TimelineSeparator';
 import { TreeItemClassKey } from '../TreeItem';
 import { TreeViewClassKey } from '../TreeView';
 import { YearPickerClassKey } from '../YearPicker';
+import { PickerStaticWrapperClassKey } from '../internal/pickers/wrappers/PickerStaticWrapper';
 
 // prettier-ignore
 export interface LabComponentNameToClassKey {
@@ -39,6 +40,7 @@ export interface LabComponentNameToClassKey {
   MuiTreeItem: TreeItemClassKey;
   MuiTreeView: TreeViewClassKey;
   MuiYearPicker: YearPickerClassKey;
+  MuiPickerStaticWrapper: PickerStaticWrapperClassKey;
 }
 
 declare module '@mui/material/styles' {

package/themeAugmentation/props.d.ts

@@ -36,7 +36,7 @@ export interface LabComponentsPropsList {
   MuiCalendarPickerSkeleton: CalendarPickerSkeletonProps;
   MuiClockPicker: ClockPickerProps<unknown>;
   MuiDatePicker: DatePickerProps;
-  MuiDateRangePickerDay: DateRangePickerDayProps;
+  MuiDateRangePickerDay: DateRangePickerDayProps<unknown>;
   MuiDateTimePicker: DateTimePickerProps;
   MuiDesktopDateTimePicker: DesktopDateTimePickerProps;
   MuiDesktopTimePicker: DesktopTimePickerProps;

package/internal/pickers/wrappers/StaticWrapper.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export interface StaticWrapperProps {
-    children?: React.ReactNode;
-    /**
-     * Force static wrapper inner components to be rendered in mobile or desktop mode.
-     */
-    displayStaticWrapperAs: 'desktop' | 'mobile';
-}
-declare function StaticWrapper(props: StaticWrapperProps): JSX.Element;
-export default StaticWrapper;

package/internal/pickers/wrappers/StaticWrapper.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { DIALOG_WIDTH } from '../constants/dimensions';
-import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-const StaticWrapperRoot = styled('div', {
-  skipSx: true
-})(({
-  theme
-}) => ({
-  overflow: 'hidden',
-  minWidth: DIALOG_WIDTH,
-  display: 'flex',
-  flexDirection: 'column',
-  backgroundColor: theme.palette.background.paper
-}));
-
-function StaticWrapper(props) {
-  const {
-    displayStaticWrapperAs,
-    children
-  } = props;
-  const isStatic = true;
-  return /*#__PURE__*/_jsx(IsStaticVariantContext.Provider, {
-    value: isStatic,
-    children: /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
-      value: displayStaticWrapperAs,
-      children: /*#__PURE__*/_jsx(StaticWrapperRoot, {
-        children: children
-      })
-    })
-  });
-}
-
-export default StaticWrapper;

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

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { DIALOG_WIDTH } from '../constants/dimensions';
-import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-var StaticWrapperRoot = styled('div', {
-  skipSx: true
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    overflow: 'hidden',
-    minWidth: DIALOG_WIDTH,
-    display: 'flex',
-    flexDirection: 'column',
-    backgroundColor: theme.palette.background.paper
-  };
-});
-
-function StaticWrapper(props) {
-  var displayStaticWrapperAs = props.displayStaticWrapperAs,
-      children = props.children;
-  var isStatic = true;
-  return /*#__PURE__*/_jsx(IsStaticVariantContext.Provider, {
-    value: isStatic,
-    children: /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
-      value: displayStaticWrapperAs,
-      children: /*#__PURE__*/_jsx(StaticWrapperRoot, {
-        children: children
-      })
-    })
-  });
-}
-
-export default StaticWrapper;

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

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { DIALOG_WIDTH } from '../constants/dimensions';
-import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-const StaticWrapperRoot = styled('div', {
-  skipSx: true
-})(({
-  theme
-}) => ({
-  overflow: 'hidden',
-  minWidth: DIALOG_WIDTH,
-  display: 'flex',
-  flexDirection: 'column',
-  backgroundColor: theme.palette.background.paper
-}));
-
-function StaticWrapper(props) {
-  const {
-    displayStaticWrapperAs,
-    children
-  } = props;
-  const isStatic = true;
-  return /*#__PURE__*/_jsx(IsStaticVariantContext.Provider, {
-    value: isStatic,
-    children: /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
-      value: displayStaticWrapperAs,
-      children: /*#__PURE__*/_jsx(StaticWrapperRoot, {
-        children: children
-      })
-    })
-  });
-}
-
-export default StaticWrapper;