@mui/material 5.10.17 → 5.11.0

package/Container/containerClasses.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getContainerUtilityClass = getContainerUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-function getContainerUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiContainer', slot);
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
+export function getContainerUtilityClass(slot) {
+  return generateUtilityClass('MuiContainer', slot);
 }
-const containerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
-var _default = containerClasses;
-exports.default = _default;
+const containerClasses = generateUtilityClasses('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']);
+export default containerClasses;

package/Container/index.js

@@ -1,36 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  containerClasses: true
-};
-Object.defineProperty(exports, "containerClasses", {
-  enumerable: true,
-  get: function () {
-    return _containerClasses.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Container.default;
-  }
-});
-var _Container = _interopRequireDefault(require("./Container"));
-var _containerClasses = _interopRequireWildcard(require("./containerClasses"));
-Object.keys(_containerClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _containerClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _containerClasses[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; }
+export { default } from './Container';
+export { default as containerClasses } from './containerClasses';
+export * from './containerClasses';

package/Container/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/Container/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/Container/index.js",
   "types": "./index.d.ts"
 }

package/CssBaseline/CssBaseline.js

@@ -1,19 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.html = exports.default = exports.body = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-var _GlobalStyles = _interopRequireDefault(require("../GlobalStyles"));
-var _jsxRuntime = require("react/jsx-runtime");
-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 html = (theme, enableColorScheme) => (0, _extends2.default)({
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import useThemeProps from '../styles/useThemeProps';
+import GlobalStyles from '../GlobalStyles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const html = (theme, enableColorScheme) => _extends({
   WebkitFontSmoothing: 'antialiased',
   // Antialiasing.
   MozOsxFontSmoothing: 'grayscale',
@@ -26,8 +18,7 @@ const html = (theme, enableColorScheme) => (0, _extends2.default)({
 }, enableColorScheme && !theme.vars && {
   colorScheme: theme.palette.mode
 });
-exports.html = html;
-const body = theme => (0, _extends2.default)({
+export const body = theme => _extends({
   color: (theme.vars || theme).palette.text.primary
 }, theme.typography.body1, {
   backgroundColor: (theme.vars || theme).palette.background.default,
@@ -36,8 +27,7 @@ const body = theme => (0, _extends2.default)({
     backgroundColor: (theme.vars || theme).palette.common.white
   }
 });
-exports.body = body;
-const styles = (theme, enableColorScheme = false) => {
+export const styles = (theme, enableColorScheme = false) => {
   var _theme$components, _theme$components$Mui;
   const colorSchemeStyles = {};
   if (enableColorScheme && theme.colorSchemes) {
@@ -48,7 +38,7 @@ const styles = (theme, enableColorScheme = false) => {
       };
     });
   }
-  let defaultStyles = (0, _extends2.default)({
+  let defaultStyles = _extends({
     html: html(theme, enableColorScheme),
     '*, *::before, *::after': {
       boxSizing: 'inherit'
@@ -56,7 +46,7 @@ const styles = (theme, enableColorScheme = false) => {
     'strong, b': {
       fontWeight: theme.typography.fontWeightBold
     },
-    body: (0, _extends2.default)({
+    body: _extends({
       margin: 0
     }, body(theme), {
       // Add support for document.body.requestFullScreen().
@@ -76,9 +66,8 @@ const styles = (theme, enableColorScheme = false) => {
 /**
  * Kickstart an elegant, consistent, and simple baseline to build upon.
  */
-exports.styles = styles;
 function CssBaseline(inProps) {
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiCssBaseline'
   });
@@ -86,8 +75,8 @@ function CssBaseline(inProps) {
     children,
     enableColorScheme = false
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalStyles.default, {
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(GlobalStyles, {
       styles: theme => styles(theme, enableColorScheme)
     }), children]
   });
@@ -100,14 +89,13 @@ process.env.NODE_ENV !== "production" ? CssBaseline.propTypes /* remove-proptype
   /**
    * You can wrap a node.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Enable `color-scheme` CSS property to use `theme.palette.mode`.
    * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
    * For browser support, check out https://caniuse.com/?search=color-scheme
    * @default false
    */
-  enableColorScheme: _propTypes.default.bool
+  enableColorScheme: PropTypes.bool
 } : void 0;
-var _default = CssBaseline;
-exports.default = _default;
+export default CssBaseline;

package/CssBaseline/index.js

@@ -1,13 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _CssBaseline.default;
-  }
-});
-var _CssBaseline = _interopRequireDefault(require("./CssBaseline"));
+export { default } from './CssBaseline';

package/CssBaseline/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/CssBaseline/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/CssBaseline/index.js",
   "types": "./index.d.ts"
 }

package/Dialog/Dialog.js

@@ -1,32 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
-var _utils = require("@mui/utils");
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _Modal = _interopRequireDefault(require("../Modal"));
-var _Fade = _interopRequireDefault(require("../Fade"));
-var _Paper = _interopRequireDefault(require("../Paper"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-var _styled = _interopRequireDefault(require("../styles/styled"));
-var _dialogClasses = _interopRequireWildcard(require("./dialogClasses"));
-var _DialogContext = _interopRequireDefault(require("./DialogContext"));
-var _Backdrop = _interopRequireDefault(require("../Backdrop"));
-var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
-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 DialogBackdrop = (0, _styled.default)(_Backdrop.default, {
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_useId as useId } from '@mui/utils';
+import capitalize from '../utils/capitalize';
+import Modal from '../Modal';
+import Fade from '../Fade';
+import Paper from '../Paper';
+import useThemeProps from '../styles/useThemeProps';
+import styled from '../styles/styled';
+import dialogClasses, { getDialogUtilityClass } from './dialogClasses';
+import DialogContext from './DialogContext';
+import Backdrop from '../Backdrop';
+import useTheme from '../styles/useTheme';
+import { jsx as _jsx } from "react/jsx-runtime";
+const DialogBackdrop = styled(Backdrop, {
   name: 'MuiDialog',
   slot: 'Backdrop',
   overrides: (props, styles) => styles.backdrop
@@ -44,12 +35,12 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root'],
-    container: ['container', `scroll${(0, _capitalize.default)(scroll)}`],
-    paper: ['paper', `paperScroll${(0, _capitalize.default)(scroll)}`, `paperWidth${(0, _capitalize.default)(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
+    container: ['container', `scroll${capitalize(scroll)}`],
+    paper: ['paper', `paperScroll${capitalize(scroll)}`, `paperWidth${capitalize(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
   };
-  return (0, _base.unstable_composeClasses)(slots, _dialogClasses.getDialogUtilityClass, classes);
+  return composeClasses(slots, getDialogUtilityClass, classes);
 };
-const DialogRoot = (0, _styled.default)(_Modal.default, {
+const DialogRoot = styled(Modal, {
   name: 'MuiDialog',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -59,18 +50,18 @@ const DialogRoot = (0, _styled.default)(_Modal.default, {
     position: 'absolute !important'
   }
 });
-const DialogContainer = (0, _styled.default)('div', {
+const DialogContainer = styled('div', {
   name: 'MuiDialog',
   slot: 'Container',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.container, styles[`scroll${(0, _capitalize.default)(ownerState.scroll)}`]];
+    return [styles.container, styles[`scroll${capitalize(ownerState.scroll)}`]];
   }
 })(({
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   height: '100%',
   '@media print': {
     height: 'auto'
@@ -93,19 +84,19 @@ const DialogContainer = (0, _styled.default)('div', {
     width: '0'
   }
 }));
-const DialogPaper = (0, _styled.default)(_Paper.default, {
+const DialogPaper = styled(Paper, {
   name: 'MuiDialog',
   slot: 'Paper',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.paper, styles[`scrollPaper${(0, _capitalize.default)(ownerState.scroll)}`], styles[`paperWidth${(0, _capitalize.default)(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
+    return [styles.paper, styles[`scrollPaper${capitalize(ownerState.scroll)}`], styles[`paperWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
   }
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   margin: 32,
   position: 'relative',
   overflowY: 'auto',
@@ -126,14 +117,14 @@ const DialogPaper = (0, _styled.default)(_Paper.default, {
   maxWidth: 'calc(100% - 64px)'
 }, ownerState.maxWidth === 'xs' && {
   maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `${theme.breakpoints.values.xs}${theme.breakpoints.unit}`,
-  [`&.${_dialogClasses.default.paperScrollBody}`]: {
+  [`&.${dialogClasses.paperScrollBody}`]: {
     [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
       maxWidth: 'calc(100% - 64px)'
     }
   }
 }, ownerState.maxWidth && ownerState.maxWidth !== 'xs' && {
   maxWidth: `${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}`,
-  [`&.${_dialogClasses.default.paperScrollBody}`]: {
+  [`&.${dialogClasses.paperScrollBody}`]: {
     [theme.breakpoints.down(theme.breakpoints.values[ownerState.maxWidth] + 32 * 2)]: {
       maxWidth: 'calc(100% - 64px)'
     }
@@ -147,7 +138,7 @@ const DialogPaper = (0, _styled.default)(_Paper.default, {
   height: '100%',
   maxHeight: 'none',
   borderRadius: 0,
-  [`&.${_dialogClasses.default.paperScrollBody}`]: {
+  [`&.${dialogClasses.paperScrollBody}`]: {
     margin: 0,
     maxWidth: '100%'
   }
@@ -157,11 +148,11 @@ const DialogPaper = (0, _styled.default)(_Paper.default, {
  * Dialogs are overlaid modal paper based components with a backdrop.
  */
 const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiDialog'
   });
-  const theme = (0, _useTheme.default)();
+  const theme = useTheme();
   const defaultTransitionDuration = {
     enter: theme.transitions.duration.enteringScreen,
     exit: theme.transitions.duration.leavingScreen
@@ -180,15 +171,15 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       onBackdropClick,
       onClose,
       open,
-      PaperComponent = _Paper.default,
+      PaperComponent = Paper,
       PaperProps = {},
       scroll = 'paper',
-      TransitionComponent = _Fade.default,
+      TransitionComponent = Fade,
       transitionDuration = defaultTransitionDuration,
       TransitionProps
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     disableEscapeKeyDown,
     fullScreen,
     fullWidth,
@@ -215,20 +206,20 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       onClose(event, 'backdropClick');
     }
   };
-  const ariaLabelledby = (0, _utils.unstable_useId)(ariaLabelledbyProp);
+  const ariaLabelledby = useId(ariaLabelledbyProp);
   const dialogContextValue = React.useMemo(() => {
     return {
       titleId: ariaLabelledby
     };
   }, [ariaLabelledby]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogRoot, (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.root, className),
+  return /*#__PURE__*/_jsx(DialogRoot, _extends({
+    className: clsx(classes.root, className),
     closeAfterTransition: true,
     components: {
       Backdrop: DialogBackdrop
     },
     componentsProps: {
-      backdrop: (0, _extends2.default)({
+      backdrop: _extends({
         transitionDuration,
         as: BackdropComponent
       }, BackdropProps)
@@ -240,26 +231,26 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     onClick: handleBackdropClick,
     ownerState: ownerState
   }, other, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
+    children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
       appear: true,
       in: open,
       timeout: transitionDuration,
       role: "presentation"
     }, TransitionProps, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogContainer, {
-        className: (0, _clsx.default)(classes.container),
+      children: /*#__PURE__*/_jsx(DialogContainer, {
+        className: clsx(classes.container),
         onMouseDown: handleMouseDown,
         ownerState: ownerState,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPaper, (0, _extends2.default)({
+        children: /*#__PURE__*/_jsx(DialogPaper, _extends({
           as: PaperComponent,
           elevation: 24,
           role: "dialog",
           "aria-describedby": ariaDescribedby,
           "aria-labelledby": ariaLabelledby
         }, PaperProps, {
-          className: (0, _clsx.default)(classes.paper, PaperProps.className),
+          className: clsx(classes.paper, PaperProps.className),
           ownerState: ownerState,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContext.default.Provider, {
+          children: /*#__PURE__*/_jsx(DialogContext.Provider, {
             value: dialogContextValue,
             children: children
           })
@@ -276,11 +267,11 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
   /**
    * The id(s) of the element(s) that describe the dialog.
    */
-  'aria-describedby': _propTypes.default.string,
+  'aria-describedby': PropTypes.string,
   /**
    * The id(s) of the element(s) that label the dialog.
    */
-  'aria-labelledby': _propTypes.default.string,
+  'aria-labelledby': PropTypes.string,
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
    * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
@@ -295,88 +286,88 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    *   zIndex: -1,
    * })
    */
-  BackdropComponent: _propTypes.default.elementType,
+  BackdropComponent: PropTypes.elementType,
   /**
    * @ignore
    */
-  BackdropProps: _propTypes.default.object,
+  BackdropProps: PropTypes.object,
   /**
    * Dialog children, usually the included sub-components.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
-  disableEscapeKeyDown: _propTypes.default.bool,
+  disableEscapeKeyDown: PropTypes.bool,
   /**
    * If `true`, the dialog is full-screen.
    * @default false
    */
-  fullScreen: _propTypes.default.bool,
+  fullScreen: PropTypes.bool,
   /**
    * If `true`, the dialog stretches to `maxWidth`.
    *
    * Notice that the dialog width grow is limited by the default margin.
    * @default false
    */
-  fullWidth: _propTypes.default.bool,
+  fullWidth: PropTypes.bool,
   /**
    * Determine the max-width of the dialog.
    * The dialog width grows with the size of the screen.
    * Set to `false` to disable `maxWidth`.
    * @default 'sm'
    */
-  maxWidth: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), _propTypes.default.string]),
+  maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),
   /**
    * Callback fired when the backdrop is clicked.
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
-  onBackdropClick: _propTypes.default.func,
+  onBackdropClick: PropTypes.func,
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {object} event The event source of the callback.
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
-  onClose: _propTypes.default.func,
+  onClose: PropTypes.func,
   /**
    * If `true`, the component is shown.
    */
-  open: _propTypes.default.bool.isRequired,
+  open: PropTypes.bool.isRequired,
   /**
    * The component used to render the body of the dialog.
    * @default Paper
    */
-  PaperComponent: _propTypes.default.elementType,
+  PaperComponent: PropTypes.elementType,
   /**
    * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
-  PaperProps: _propTypes.default.object,
+  PaperProps: PropTypes.object,
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'
    */
-  scroll: _propTypes.default.oneOf(['body', 'paper']),
+  scroll: PropTypes.oneOf(['body', 'paper']),
   /**
    * 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.bool])), _propTypes.default.func, _propTypes.default.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
    */
-  TransitionComponent: _propTypes.default.elementType,
+  TransitionComponent: PropTypes.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -385,16 +376,15 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
-    appear: _propTypes.default.number,
-    enter: _propTypes.default.number,
-    exit: _propTypes.default.number
+  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    appear: PropTypes.number,
+    enter: PropTypes.number,
+    exit: PropTypes.number
   })]),
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
    */
-  TransitionProps: _propTypes.default.object
+  TransitionProps: PropTypes.object
 } : void 0;
-var _default = Dialog;
-exports.default = _default;
+export default Dialog;

package/Dialog/DialogContext.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-interface DialogContextValue {
-    titleId?: string;
-}
-declare const DialogContext: import("react").Context<DialogContextValue>;
-export default DialogContext;
+/// <reference types="react" />
+interface DialogContextValue {
+    titleId?: string;
+}
+declare const DialogContext: import("react").Context<DialogContextValue>;
+export default DialogContext;

package/Dialog/DialogContext.js

@@ -1,13 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-const DialogContext = /*#__PURE__*/(0, _react.createContext)({});
+import { createContext } from 'react';
+const DialogContext = /*#__PURE__*/createContext({});
 if (process.env.NODE_ENV !== 'production') {
   DialogContext.displayName = 'DialogContext';
 }
-var _default = DialogContext;
-exports.default = _default;
+export default DialogContext;