@mui/material 6.4.4 → 7.0.0-alpha.1

package/Popover/Popover.js

@@ -1,28 +1,37 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import HTMLElementType from '@mui/utils/HTMLElementType';
-import refType from '@mui/utils/refType';
-import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
-import integerPropType from '@mui/utils/integerPropType';
-import chainPropTypes from '@mui/utils/chainPropTypes';
-import isHostComponent from "../utils/isHostComponent.js";
-import { styled } from "../zero-styled/index.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import debounce from "../utils/debounce.js";
-import ownerDocument from "../utils/ownerDocument.js";
-import ownerWindow from "../utils/ownerWindow.js";
-import useForkRef from "../utils/useForkRef.js";
-import Grow from "../Grow/index.js";
-import Modal from "../Modal/index.js";
-import PaperBase from "../Paper/index.js";
-import { getPopoverUtilityClass } from "./popoverClasses.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function getOffsetTop(rect, vertical) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PopoverRoot = exports.PopoverPaper = void 0;
+exports.getOffsetLeft = getOffsetLeft;
+exports.getOffsetTop = getOffsetTop;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
+var _elementTypeAcceptingRef = _interopRequireDefault(require("@mui/utils/elementTypeAcceptingRef"));
+var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
+var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
+var _isHostComponent = _interopRequireDefault(require("../utils/isHostComponent"));
+var _zeroStyled = require("../zero-styled");
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _debounce = _interopRequireDefault(require("../utils/debounce"));
+var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
+var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
+var _Grow = _interopRequireDefault(require("../Grow"));
+var _Modal = _interopRequireDefault(require("../Modal"));
+var _Paper = _interopRequireDefault(require("../Paper"));
+var _popoverClasses = require("./popoverClasses");
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
+var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function getOffsetTop(rect, vertical) {
   let offset = 0;
   if (typeof vertical === 'number') {
     offset = vertical;
@@ -33,7 +42,7 @@ export function getOffsetTop(rect, vertical) {
   }
   return offset;
 }
-export function getOffsetLeft(rect, horizontal) {
+function getOffsetLeft(rect, horizontal) {
   let offset = 0;
   if (typeof horizontal === 'number') {
     offset = horizontal;
@@ -58,14 +67,14 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     paper: ['paper']
   };
-  return composeClasses(slots, getPopoverUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _popoverClasses.getPopoverUtilityClass, classes);
 };
-export const PopoverRoot = styled(Modal, {
+const PopoverRoot = exports.PopoverRoot = (0, _zeroStyled.styled)(_Modal.default, {
   name: 'MuiPopover',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })({});
-export const PopoverPaper = styled(PaperBase, {
+const PopoverPaper = exports.PopoverPaper = (0, _zeroStyled.styled)(_Paper.default, {
   name: 'MuiPopover',
   slot: 'Paper',
   overridesResolver: (props, styles) => styles.paper
@@ -83,7 +92,7 @@ export const PopoverPaper = styled(PaperBase, {
   outline: 0
 });
 const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
-  const props = useDefaultProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiPopover'
   });
@@ -103,22 +112,21 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     marginThreshold = 16,
     open,
     PaperProps: PaperPropsProp = {},
+    // TODO: remove in v7
     slots = {},
     slotProps = {},
     transformOrigin = {
       vertical: 'top',
       horizontal: 'left'
     },
-    TransitionComponent = Grow,
+    TransitionComponent,
+    // TODO: remove in v7
     transitionDuration: transitionDurationProp = 'auto',
-    TransitionProps: {
-      onEntering,
-      ...TransitionProps
-    } = {},
+    TransitionProps = {},
+    // TODO: remove in v7
     disableScrollLock = false,
     ...other
   } = props;
-  const externalPaperSlotProps = slotProps?.paper ?? PaperPropsProp;
   const paperRef = React.useRef();
   const ownerState = {
     ...props,
@@ -126,7 +134,6 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     anchorReference,
     elevation,
     marginThreshold,
-    externalPaperSlotProps,
     transformOrigin,
     TransitionComponent,
     transitionDuration: transitionDurationProp,
@@ -148,7 +155,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     const resolvedAnchorEl = resolveAnchorEl(anchorEl);
 
     // If an anchor element wasn't provided, just use the parent body element of this Popover
-    const anchorElement = resolvedAnchorEl && resolvedAnchorEl.nodeType === 1 ? resolvedAnchorEl : ownerDocument(paperRef.current).body;
+    const anchorElement = resolvedAnchorEl && resolvedAnchorEl.nodeType === 1 ? resolvedAnchorEl : (0, _ownerDocument.default)(paperRef.current).body;
     const anchorRect = anchorElement.getBoundingClientRect();
     if (process.env.NODE_ENV !== 'production') {
       const box = anchorElement.getBoundingClientRect();
@@ -195,7 +202,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     const right = left + elemRect.width;
 
     // Use the parent window of the anchorEl if provided
-    const containerWindow = ownerWindow(resolveAnchorEl(anchorEl));
+    const containerWindow = (0, _ownerWindow.default)(resolveAnchorEl(anchorEl));
 
     // Window thresholds taking required margin into account
     const heightThreshold = containerWindow.innerHeight - marginThreshold;
@@ -255,10 +262,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     }
     return () => window.removeEventListener('scroll', setPositioningStyles);
   }, [anchorEl, disableScrollLock, setPositioningStyles]);
-  const handleEntering = (element, isAppearing) => {
-    if (onEntering) {
-      onEntering(element, isAppearing);
-    }
+  const handleEntering = () => {
     setPositioningStyles();
   };
   const handleExited = () => {
@@ -278,10 +282,10 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     if (!open) {
       return undefined;
     }
-    const handleResize = debounce(() => {
+    const handleResize = (0, _debounce.default)(() => {
       setPositioningStyles();
     });
-    const containerWindow = ownerWindow(anchorEl);
+    const containerWindow = (0, _ownerWindow.default)(anchorEl);
     containerWindow.addEventListener('resize', handleResize);
     return () => {
       handleResize.clear();
@@ -289,71 +293,98 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     };
   }, [anchorEl, open, setPositioningStyles]);
   let transitionDuration = transitionDurationProp;
-  if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
-    transitionDuration = undefined;
-  }
-
-  // If the container prop is provided, use that
-  // If the anchorEl prop is provided, use its parent body element as the container
-  // If neither are provided let the Modal take care of choosing the container
-  const container = containerProp || (anchorEl ? ownerDocument(resolveAnchorEl(anchorEl)).body : undefined);
   const externalForwardedProps = {
-    slots,
+    slots: {
+      transition: TransitionComponent,
+      ...slots
+    },
     slotProps: {
-      ...slotProps,
-      paper: externalPaperSlotProps
+      transition: TransitionProps,
+      paper: PaperPropsProp,
+      ...slotProps
     }
   };
-  const [PaperSlot, paperProps] = useSlot('paper', {
-    elementType: PopoverPaper,
+  const [TransitionSlot, transitionSlotProps] = (0, _useSlot.default)('transition', {
+    elementType: _Grow.default,
     externalForwardedProps,
-    additionalProps: {
-      elevation,
-      className: clsx(classes.paper, externalPaperSlotProps?.className),
-      style: isPositioned ? externalPaperSlotProps.style : {
-        ...externalPaperSlotProps.style,
-        opacity: 0
+    ownerState,
+    getSlotProps: handlers => ({
+      ...handlers,
+      onEntering: (element, isAppearing) => {
+        handlers.onEntering?.(element, isAppearing);
+        handleEntering();
+      },
+      onExited: element => {
+        handlers.onExited?.(element);
+        handleExited();
       }
-    },
-    ownerState
+    }),
+    additionalProps: {
+      appear: true,
+      in: open
+    }
   });
+  if (transitionDurationProp === 'auto' && !TransitionSlot.muiSupportAuto) {
+    transitionDuration = undefined;
+  }
+
+  // If the container prop is provided, use that
+  // If the anchorEl prop is provided, use its parent body element as the container
+  // If neither are provided let the Modal take care of choosing the container
+  const container = containerProp || (anchorEl ? (0, _ownerDocument.default)(resolveAnchorEl(anchorEl)).body : undefined);
   const [RootSlot, {
+    slots: rootSlotsProp,
     slotProps: rootSlotPropsProp,
     ...rootProps
-  }] = useSlot('root', {
+  }] = (0, _useSlot.default)('root', {
+    ref,
     elementType: PopoverRoot,
-    externalForwardedProps,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other
+    },
+    shouldForwardComponentProp: true,
     additionalProps: {
+      slots: {
+        backdrop: slots.backdrop
+      },
       slotProps: {
-        backdrop: {
+        backdrop: (0, _utils.mergeSlotProps)(typeof slotProps.backdrop === 'function' ? slotProps.backdrop(ownerState) : slotProps.backdrop, {
           invisible: true
-        }
+        })
       },
       container,
       open
     },
     ownerState,
-    className: clsx(classes.root, className)
+    className: (0, _clsx.default)(classes.root, className)
   });
-  const handlePaperRef = useForkRef(paperRef, paperProps.ref);
-  return /*#__PURE__*/_jsx(RootSlot, {
+  const [PaperSlot, paperProps] = (0, _useSlot.default)('paper', {
+    ref: paperRef,
+    className: classes.paper,
+    elementType: PopoverPaper,
+    externalForwardedProps,
+    shouldForwardComponentProp: true,
+    additionalProps: {
+      elevation,
+      style: isPositioned ? undefined : {
+        opacity: 0
+      }
+    },
+    ownerState
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootSlot, {
     ...rootProps,
-    ...(!isHostComponent(RootSlot) && {
+    ...(!(0, _isHostComponent.default)(RootSlot) && {
+      slots: rootSlotsProp,
       slotProps: rootSlotPropsProp,
       disableScrollLock
     }),
-    ...other,
-    ref: ref,
-    children: /*#__PURE__*/_jsx(TransitionComponent, {
-      appear: true,
-      in: open,
-      onEntering: handleEntering,
-      onExited: handleExited,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
+      ...transitionSlotProps,
       timeout: transitionDuration,
-      ...TransitionProps,
-      children: /*#__PURE__*/_jsx(PaperSlot, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PaperSlot, {
         ...paperProps,
-        ref: handlePaperRef,
         children: children
       })
     })
@@ -368,13 +399,13 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
    */
-  action: refType,
+  action: _refType.default,
   /**
    * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),
    * or a function that returns either.
    * It's used to set the position of the popover.
    */
-  anchorEl: chainPropTypes(PropTypes.oneOfType([HTMLElementType, PropTypes.func]), props => {
+  anchorEl: (0, _chainPropTypes.default)(_propTypes.default.oneOfType([_HTMLElementType.default, _propTypes.default.func]), props => {
     if (props.open && (!props.anchorReference || props.anchorReference === 'anchorEl')) {
       const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);
       if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {
@@ -401,28 +432,27 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    *   horizontal: 'left',
    * }
    */
-  anchorOrigin: PropTypes.shape({
-    horizontal: PropTypes.oneOfType([PropTypes.oneOf(['center', 'left', 'right']), PropTypes.number]).isRequired,
-    vertical: PropTypes.oneOfType([PropTypes.oneOf(['bottom', 'center', 'top']), PropTypes.number]).isRequired
+  anchorOrigin: _propTypes.default.shape({
+    horizontal: _propTypes.default.oneOfType([_propTypes.default.oneOf(['center', 'left', 'right']), _propTypes.default.number]).isRequired,
+    vertical: _propTypes.default.oneOfType([_propTypes.default.oneOf(['bottom', 'center', 'top']), _propTypes.default.number]).isRequired
   }),
   /**
    * This is the position that may be used to set the position of the popover.
    * The coordinates are relative to the application's client area.
    */
-  anchorPosition: PropTypes.shape({
-    left: PropTypes.number.isRequired,
-    top: PropTypes.number.isRequired
+  anchorPosition: _propTypes.default.shape({
+    left: _propTypes.default.number.isRequired,
+    top: _propTypes.default.number.isRequired
   }),
   /**
    * This determines which anchor prop to refer to when setting
    * the position of the popover.
    * @default 'anchorEl'
    */
-  anchorReference: PropTypes.oneOf(['anchorEl', 'anchorPosition', 'none']),
+  anchorReference: _propTypes.default.oneOf(['anchorEl', 'anchorPosition', 'none']),
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slotProps.root.slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slotProps.root.slots.backdrop` prop to make your application ready for the next version of Material UI.
+   * @deprecated Use `slots.backdrop` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
@@ -433,24 +463,24 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    *   zIndex: -1,
    * })
    */
-  BackdropComponent: PropTypes.elementType,
+  BackdropComponent: _propTypes.default.elementType,
   /**
    * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.root.slotProps.backdrop` instead.
+   * @deprecated Use `slotProps.backdrop` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  BackdropProps: PropTypes.object,
+  BackdropProps: _propTypes.default.object,
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
   /**
    * An HTML element, component instance, or function that returns either.
    * The `container` will passed to the Modal component.
@@ -458,32 +488,32 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    * By default, it uses the body of the anchorEl's top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),
+  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.func]),
   /**
    * Disable the scroll lock behavior.
    * @default false
    */
-  disableScrollLock: PropTypes.bool,
+  disableScrollLock: _propTypes.default.bool,
   /**
    * The elevation of the popover.
    * @default 8
    */
-  elevation: integerPropType,
+  elevation: _integerPropType.default,
   /**
    * Specifies how close to the edge of the window the popover can appear.
    * If null, the popover will not be constrained by the window.
    * @default 16
    */
-  marginThreshold: PropTypes.number,
+  marginThreshold: _propTypes.default.number,
   /**
    * Callback fired when the component requests to be closed.
    * The `reason` parameter can optionally be used to control the response to `onClose`.
    */
-  onClose: PropTypes.func,
+  onClose: _propTypes.default.func,
   /**
    * If `true`, the component is shown.
    */
-  open: PropTypes.bool.isRequired,
+  open: _propTypes.default.bool.isRequired,
   /**
    * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
    *
@@ -492,29 +522,33 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    *
    * @default {}
    */
-  PaperProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
-    component: elementTypeAcceptingRef
+  PaperProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
+    component: _elementTypeAcceptingRef.default
   }),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: PropTypes.shape({
-    paper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  slotProps: _propTypes.default.shape({
+    backdrop: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    paper: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    transition: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: PropTypes.shape({
-    paper: PropTypes.elementType,
-    root: PropTypes.elementType
+  slots: _propTypes.default.shape({
+    backdrop: _propTypes.default.elementType,
+    paper: _propTypes.default.elementType,
+    root: _propTypes.default.elementType,
+    transition: _propTypes.default.elementType
   }),
   /**
    * 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.bool])), PropTypes.func, PropTypes.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]),
   /**
    * This is the point on the popover which
    * will attach to the anchor's origin.
@@ -527,30 +561,32 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    *   horizontal: 'left',
    * }
    */
-  transformOrigin: PropTypes.shape({
-    horizontal: PropTypes.oneOfType([PropTypes.oneOf(['center', 'left', 'right']), PropTypes.number]).isRequired,
-    vertical: PropTypes.oneOfType([PropTypes.oneOf(['bottom', 'center', 'top']), PropTypes.number]).isRequired
+  transformOrigin: _propTypes.default.shape({
+    horizontal: _propTypes.default.oneOfType([_propTypes.default.oneOf(['center', 'left', 'right']), _propTypes.default.number]).isRequired,
+    vertical: _propTypes.default.oneOfType([_propTypes.default.oneOf(['bottom', 'center', 'top']), _propTypes.default.number]).isRequired
   }),
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @deprecated use the `slots.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default Grow
    */
-  TransitionComponent: PropTypes.elementType,
+  TransitionComponent: _propTypes.default.elementType,
   /**
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
-  transitionDuration: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
+  transitionDuration: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number, _propTypes.default.shape({
+    appear: _propTypes.default.number,
+    enter: _propTypes.default.number,
+    exit: _propTypes.default.number
   })]),
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
-  TransitionProps: PropTypes.object
+  TransitionProps: _propTypes.default.object
 } : void 0;
-export default Popover;
+var _default = exports.default = Popover;

package/Popover/index.d.ts

@@ -1,5 +1,4 @@
-export { default } from './Popover';
-export * from './Popover';
-
-export { default as popoverClasses } from './popoverClasses';
-export * from './popoverClasses';
+export { default } from "./Popover.js";
+export * from "./Popover.js";
+export { default as popoverClasses } from "./popoverClasses.js";
+export * from "./popoverClasses.js";

package/Popover/index.js

@@ -1,4 +1,45 @@
-export { default } from "./Popover.js";
-export * from "./Popover.js";
-export { default as popoverClasses } from "./popoverClasses.js";
-export * from "./popoverClasses.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  popoverClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Popover.default;
+  }
+});
+Object.defineProperty(exports, "popoverClasses", {
+  enumerable: true,
+  get: function () {
+    return _popoverClasses.default;
+  }
+});
+var _Popover = _interopRequireWildcard(require("./Popover"));
+Object.keys(_Popover).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Popover[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Popover[key];
+    }
+  });
+});
+var _popoverClasses = _interopRequireWildcard(require("./popoverClasses"));
+Object.keys(_popoverClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _popoverClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _popoverClasses[key];
+    }
+  });
+});

package/Popover/popoverClasses.d.ts

@@ -1,10 +1,10 @@
 export interface PopoverClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Paper component. */
-    paper: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the Paper component. */
+  paper: string;
 }
 export type PopoverClassKey = keyof PopoverClasses;
 export declare function getPopoverUtilityClass(slot: string): string;
 declare const popoverClasses: PopoverClasses;
-export default popoverClasses;
+export default popoverClasses;

package/Popover/popoverClasses.js

@@ -1,7 +1,15 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getPopoverUtilityClass(slot) {
-  return generateUtilityClass('MuiPopover', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getPopoverUtilityClass = getPopoverUtilityClass;
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+function getPopoverUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPopover', slot);
 }
-const popoverClasses = generateUtilityClasses('MuiPopover', ['root', 'paper']);
-export default popoverClasses;
+const popoverClasses = (0, _generateUtilityClasses.default)('MuiPopover', ['root', 'paper']);
+var _default = exports.default = popoverClasses;

package/Popper/BasePopper.d.ts

@@ -1,7 +1,7 @@
-import { PolymorphicComponent } from '../utils/PolymorphicComponent';
-import { PopperTypeMap } from './BasePopper.types';
+import { PolymorphicComponent } from "../utils/PolymorphicComponent.js";
+import { PopperTypeMap } from "./BasePopper.types.js";
 /**
  * @ignore - internal component.
  */
 declare const Popper: PolymorphicComponent<PopperTypeMap>;
-export default Popper;
+export default Popper;