impact-ui 4.0.16 → 4.0.17-alpha.2

package/dist/node_modules/@mui/material/{ClickAwayListener → node_modules/@mui/base/ClickAwayListener}/ClickAwayListener.js

@@ -1,12 +1,11 @@
 import * as React from "react";
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../../../prop-types/index.js";
 import { jsx } from "react/jsx-runtime";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import getReactElementRef from "../node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js";
-import useEventCallback from "../node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js";
-import ownerDocument from "../node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js";
-import elementAcceptingRef from "../node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js";
-import exactProp from "../node_modules/@mui/utils/esm/exactProp/exactProp.js";
+import useForkRef from "../../../../../utils/useForkRef/useForkRef.js";
+import useEventCallback from "../../../../../utils/useEventCallback/useEventCallback.js";
+import ownerDocument from "../../../../../utils/ownerDocument/ownerDocument.js";
+import elementAcceptingRef from "../../../../../utils/elementAcceptingRef/elementAcceptingRef.js";
+import exactProp from "../../../../../utils/exactProp/exactProp.js";
 function mapEventPropToEvent(eventProp) {
   return eventProp.substring(2).toLowerCase();
 }
@@ -33,7 +32,11 @@ function ClickAwayListener(props) {
       activatedRef.current = false;
     };
   }, []);
-  const handleRef = useForkRef(getReactElementRef(children), nodeRef);
+  const handleRef = useForkRef(
+    // @ts-expect-error TODO upstream fix
+    children.ref,
+    nodeRef
+  );
   const handleClickAway = useEventCallback((event) => {
     const insideReactTree = syntheticEventRef.current;
     syntheticEventRef.current = false;
@@ -109,10 +112,10 @@ function ClickAwayListener(props) {
   });
 }
 process.env.NODE_ENV !== "production" ? ClickAwayListener.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
   /**
    * The wrapped element.
    */

package/dist/node_modules/@mui/material/{Unstable_TrapFocus → node_modules/@mui/base/FocusTrap}/FocusTrap.js

@@ -1,11 +1,10 @@
 import * as React from "react";
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../../../prop-types/index.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import getReactElementRef from "../node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js";
-import ownerDocument from "../node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js";
-import elementAcceptingRef from "../node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js";
-import exactProp from "../node_modules/@mui/utils/esm/exactProp/exactProp.js";
+import useForkRef from "../../../../../utils/useForkRef/useForkRef.js";
+import ownerDocument from "../../../../../utils/ownerDocument/ownerDocument.js";
+import elementAcceptingRef from "../../../../../utils/elementAcceptingRef/elementAcceptingRef.js";
+import exactProp from "../../../../../utils/exactProp/exactProp.js";
 const candidatesSelector = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
 function getTabIndex(node) {
   const tabindexAttr = parseInt(node.getAttribute("tabindex") || "", 10);
@@ -77,7 +76,7 @@ function FocusTrap(props) {
   const reactFocusEventTarget = React.useRef(null);
   const activated = React.useRef(false);
   const rootRef = React.useRef(null);
-  const handleRef = useForkRef(getReactElementRef(children), rootRef);
+  const handleRef = useForkRef(children.ref, rootRef);
   const lastKeydown = React.useRef(null);
   React.useEffect(() => {
     if (!open || !rootRef.current) {
@@ -116,66 +115,64 @@ function FocusTrap(props) {
       return;
     }
     const doc = ownerDocument(rootRef.current);
-    const loopFocus = (nativeEvent) => {
-      lastKeydown.current = nativeEvent;
-      if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== "Tab") {
-        return;
-      }
-      if (doc.activeElement === rootRef.current && nativeEvent.shiftKey) {
-        ignoreNextEnforceFocus.current = true;
-        if (sentinelEnd.current) {
-          sentinelEnd.current.focus();
-        }
-      }
-    };
-    const contain = () => {
-      const rootElement = rootRef.current;
+    const contain = (nativeEvent) => {
+      const {
+        current: rootElement
+      } = rootRef;
       if (rootElement === null) {
         return;
       }
-      if (!doc.hasFocus() || !isEnabled() || ignoreNextEnforceFocus.current) {
+      if (!doc.hasFocus() || disableEnforceFocus || !isEnabled() || ignoreNextEnforceFocus.current) {
         ignoreNextEnforceFocus.current = false;
         return;
       }
-      if (rootElement.contains(doc.activeElement)) {
-        return;
-      }
-      if (disableEnforceFocus && doc.activeElement !== sentinelStart.current && doc.activeElement !== sentinelEnd.current) {
-        return;
-      }
-      if (doc.activeElement !== reactFocusEventTarget.current) {
-        reactFocusEventTarget.current = null;
-      } else if (reactFocusEventTarget.current !== null) {
-        return;
+      if (!rootElement.contains(doc.activeElement)) {
+        if (nativeEvent && reactFocusEventTarget.current !== nativeEvent.target || doc.activeElement !== reactFocusEventTarget.current) {
+          reactFocusEventTarget.current = null;
+        } else if (reactFocusEventTarget.current !== null) {
+          return;
+        }
+        if (!activated.current) {
+          return;
+        }
+        let tabbable = [];
+        if (doc.activeElement === sentinelStart.current || doc.activeElement === sentinelEnd.current) {
+          tabbable = getTabbable(rootRef.current);
+        }
+        if (tabbable.length > 0) {
+          var _lastKeydown$current, _lastKeydown$current2;
+          const isShiftTab = Boolean(((_lastKeydown$current = lastKeydown.current) == null ? void 0 : _lastKeydown$current.shiftKey) && ((_lastKeydown$current2 = lastKeydown.current) == null ? void 0 : _lastKeydown$current2.key) === "Tab");
+          const focusNext = tabbable[0];
+          const focusPrevious = tabbable[tabbable.length - 1];
+          if (typeof focusNext !== "string" && typeof focusPrevious !== "string") {
+            if (isShiftTab) {
+              focusPrevious.focus();
+            } else {
+              focusNext.focus();
+            }
+          }
+        } else {
+          rootElement.focus();
+        }
       }
-      if (!activated.current) {
+    };
+    const loopFocus = (nativeEvent) => {
+      lastKeydown.current = nativeEvent;
+      if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== "Tab") {
         return;
       }
-      let tabbable = [];
-      if (doc.activeElement === sentinelStart.current || doc.activeElement === sentinelEnd.current) {
-        tabbable = getTabbable(rootRef.current);
-      }
-      if (tabbable.length > 0) {
-        var _lastKeydown$current, _lastKeydown$current2;
-        const isShiftTab = Boolean(((_lastKeydown$current = lastKeydown.current) == null ? void 0 : _lastKeydown$current.shiftKey) && ((_lastKeydown$current2 = lastKeydown.current) == null ? void 0 : _lastKeydown$current2.key) === "Tab");
-        const focusNext = tabbable[0];
-        const focusPrevious = tabbable[tabbable.length - 1];
-        if (typeof focusNext !== "string" && typeof focusPrevious !== "string") {
-          if (isShiftTab) {
-            focusPrevious.focus();
-          } else {
-            focusNext.focus();
-          }
+      if (doc.activeElement === rootRef.current && nativeEvent.shiftKey) {
+        ignoreNextEnforceFocus.current = true;
+        if (sentinelEnd.current) {
+          sentinelEnd.current.focus();
         }
-      } else {
-        rootElement.focus();
       }
     };
     doc.addEventListener("focusin", contain);
     doc.addEventListener("keydown", loopFocus, true);
     const interval = setInterval(() => {
       if (doc.activeElement && doc.activeElement.tagName === "BODY") {
-        contain();
+        contain(null);
       }
     }, 50);
     return () => {
@@ -219,10 +216,10 @@ function FocusTrap(props) {
   });
 }
 process.env.NODE_ENV !== "production" ? FocusTrap.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
   /**
    * A single child content element.
    */
@@ -276,5 +273,5 @@ if (process.env.NODE_ENV !== "production") {
   FocusTrap["propTypes"] = exactProp(FocusTrap.propTypes);
 }
 export {
-  FocusTrap as default
+  FocusTrap
 };

package/dist/node_modules/@mui/material/node_modules/@mui/base/Modal/Modal.js

@@ -0,0 +1,250 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import * as React from "react";
+import PropTypes from "../../../../../../prop-types/index.js";
+import { useClassNamesOverride } from "../utils/ClassNameConfigurator.js";
+import { getModalUtilityClass } from "./modalClasses.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useModal } from "../unstable_useModal/useModal.js";
+import { useSlotProps } from "../utils/useSlotProps.js";
+import { Portal } from "../Portal/Portal.js";
+import { FocusTrap } from "../FocusTrap/FocusTrap.js";
+import composeClasses from "../../../../../utils/composeClasses/composeClasses.js";
+import elementAcceptingRef from "../../../../../utils/elementAcceptingRef/elementAcceptingRef.js";
+import HTMLElementType from "../../../../../utils/HTMLElementType/HTMLElementType.js";
+const _excluded = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"];
+const useUtilityClasses = (ownerState) => {
+  const {
+    open,
+    exited
+  } = ownerState;
+  const slots = {
+    root: ["root", !open && exited && "hidden"],
+    backdrop: ["backdrop"]
+  };
+  return composeClasses(slots, useClassNamesOverride(getModalUtilityClass));
+};
+const Modal = /* @__PURE__ */ React.forwardRef(function Modal2(props, forwardedRef) {
+  var _slots$root;
+  const {
+    children,
+    closeAfterTransition = false,
+    container,
+    disableAutoFocus = false,
+    disableEnforceFocus = false,
+    disableEscapeKeyDown = false,
+    disablePortal = false,
+    disableRestoreFocus = false,
+    disableScrollLock = false,
+    hideBackdrop = false,
+    keepMounted = false,
+    onBackdropClick,
+    open,
+    slotProps = {},
+    slots = {}
+  } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
+  const propsWithDefaults = _extends({}, props, {
+    closeAfterTransition,
+    disableAutoFocus,
+    disableEnforceFocus,
+    disableEscapeKeyDown,
+    disablePortal,
+    disableRestoreFocus,
+    disableScrollLock,
+    hideBackdrop,
+    keepMounted
+  });
+  const {
+    getRootProps,
+    getBackdropProps,
+    getTransitionProps,
+    portalRef,
+    isTopModal,
+    exited,
+    hasTransition
+  } = useModal(_extends({}, propsWithDefaults, {
+    rootRef: forwardedRef
+  }));
+  const ownerState = _extends({}, propsWithDefaults, {
+    exited,
+    hasTransition
+  });
+  const classes = useUtilityClasses(ownerState);
+  const childProps = {};
+  if (children.props.tabIndex === void 0) {
+    childProps.tabIndex = "-1";
+  }
+  if (hasTransition) {
+    const {
+      onEnter,
+      onExited
+    } = getTransitionProps();
+    childProps.onEnter = onEnter;
+    childProps.onExited = onExited;
+  }
+  const Root = (_slots$root = slots.root) != null ? _slots$root : "div";
+  const rootProps = useSlotProps({
+    elementType: Root,
+    externalSlotProps: slotProps.root,
+    externalForwardedProps: other,
+    getSlotProps: getRootProps,
+    className: classes.root,
+    ownerState
+  });
+  const BackdropComponent = slots.backdrop;
+  const backdropProps = useSlotProps({
+    elementType: BackdropComponent,
+    externalSlotProps: slotProps.backdrop,
+    getSlotProps: (otherHandlers) => {
+      return getBackdropProps(_extends({}, otherHandlers, {
+        onClick: (e) => {
+          if (onBackdropClick) {
+            onBackdropClick(e);
+          }
+          if (otherHandlers != null && otherHandlers.onClick) {
+            otherHandlers.onClick(e);
+          }
+        }
+      }));
+    },
+    className: classes.backdrop,
+    ownerState
+  });
+  if (!keepMounted && !open && (!hasTransition || exited)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Portal, {
+    ref: portalRef,
+    container,
+    disablePortal,
+    children: /* @__PURE__ */ jsxs(Root, _extends({}, rootProps, {
+      children: [!hideBackdrop && BackdropComponent ? /* @__PURE__ */ jsx(BackdropComponent, _extends({}, backdropProps)) : null, /* @__PURE__ */ jsx(FocusTrap, {
+        disableEnforceFocus,
+        disableAutoFocus,
+        disableRestoreFocus,
+        isEnabled: isTopModal,
+        open,
+        children: /* @__PURE__ */ React.cloneElement(children, childProps)
+      })]
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" ? Modal.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * A single child content element.
+   */
+  children: elementAcceptingRef.isRequired,
+  /**
+   * When set to true the Modal waits until a nested Transition is completed before closing.
+   * @default false
+   */
+  closeAfterTransition: PropTypes.bool,
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: PropTypes.oneOfType([HTMLElementType, PropTypes.func]),
+  /**
+   * If `true`, the modal will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableAutoFocus: PropTypes.bool,
+  /**
+   * If `true`, the modal will not prevent focus from leaving the modal while open.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableEnforceFocus: PropTypes.bool,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: PropTypes.bool,
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: PropTypes.bool,
+  /**
+   * If `true`, the modal will not restore focus to previously focused element once
+   * modal is hidden or unmounted.
+   * @default false
+   */
+  disableRestoreFocus: PropTypes.bool,
+  /**
+   * Disable the scroll lock behavior.
+   * @default false
+   */
+  disableScrollLock: PropTypes.bool,
+  /**
+   * If `true`, the backdrop is not rendered.
+   * @default false
+   */
+  hideBackdrop: PropTypes.bool,
+  /**
+   * Always keep the children in the DOM.
+   * This prop can be useful in SEO situation or
+   * when you want to maximize the responsiveness of the Modal.
+   * @default false
+   */
+  keepMounted: PropTypes.bool,
+  /**
+   * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
+   */
+  onBackdropClick: PropTypes.func,
+  /**
+   * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose: PropTypes.func,
+  /**
+   * A function called when a transition enters.
+   */
+  onTransitionEnter: PropTypes.func,
+  /**
+   * A function called when a transition has exited.
+   */
+  onTransitionExited: PropTypes.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: PropTypes.bool.isRequired,
+  /**
+   * The props used for each slot inside the Modal.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  }),
+  /**
+   * The components used for each slot inside the Modal.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    backdrop: PropTypes.elementType,
+    root: PropTypes.elementType
+  })
+} : void 0;
+export {
+  Modal
+};

package/dist/node_modules/@mui/material/node_modules/@mui/base/Modal/modalClasses.js

@@ -0,0 +1,9 @@
+import generateUtilityClasses from "../../../../../utils/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../../../../../utils/generateUtilityClass/generateUtilityClass.js";
+function getModalUtilityClass(slot) {
+  return generateUtilityClass("MuiModal", slot);
+}
+generateUtilityClasses("MuiModal", ["root", "hidden", "backdrop"]);
+export {
+  getModalUtilityClass
+};

package/dist/node_modules/@mui/material/{Popper/BasePopper.js → node_modules/@mui/base/Popper/Popper.js}

@@ -2,18 +2,19 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import * as React from "react";
 import { createPopper } from "@popperjs/core";
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../../../prop-types/index.js";
 import { getPopperUtilityClass } from "./popperClasses.js";
+import { useClassNamesOverride } from "../utils/ClassNameConfigurator.js";
 import { jsx } from "react/jsx-runtime";
-import ownerDocument from "../node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js";
-import Portal from "../Portal/Portal.js";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import useEnhancedEffect from "../node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js";
-import useSlotProps from "../node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
-import HTMLElementType from "../node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js";
-import chainPropTypes from "../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js";
+import ownerDocument from "../../../../../utils/ownerDocument/ownerDocument.js";
+import { Portal } from "../Portal/Portal.js";
+import useForkRef from "../../../../../utils/useForkRef/useForkRef.js";
+import useEnhancedEffect from "../../../../../utils/useEnhancedEffect/useEnhancedEffect.js";
+import { useSlotProps } from "../utils/useSlotProps.js";
+import composeClasses from "../../../../../utils/composeClasses/composeClasses.js";
+import refType from "../../../../../utils/refType/refType.js";
+import HTMLElementType from "../../../../../utils/HTMLElementType/HTMLElementType.js";
+import chainPropTypes from "../../../../../utils/chainPropTypes/chainPropTypes.js";
 const _excluded = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"], _excluded2 = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
 function flipPlacement(placement, direction) {
   if (direction === "ltr") {
@@ -41,14 +42,11 @@ function isHTMLElement(element) {
 function isVirtualElement(element) {
   return !isHTMLElement(element);
 }
-const useUtilityClasses = (ownerState) => {
-  const {
-    classes
-  } = ownerState;
+const useUtilityClasses = () => {
   const slots = {
     root: ["root"]
   };
-  return composeClasses(slots, getPopperUtilityClass, classes);
+  return composeClasses(slots, useClassNamesOverride(getPopperUtilityClass));
 };
 const defaultPopperOptions = {};
 const PopperTooltip = /* @__PURE__ */ React.forwardRef(function PopperTooltip2(props, forwardedRef) {
@@ -149,7 +147,7 @@ const PopperTooltip = /* @__PURE__ */ React.forwardRef(function PopperTooltip2(p
   if (TransitionProps !== null) {
     childProps.TransitionProps = TransitionProps;
   }
-  const classes = useUtilityClasses(props);
+  const classes = useUtilityClasses();
   const Root = (_slots$root = slots.root) != null ? _slots$root : "div";
   const rootProps = useSlotProps({
     elementType: Root,
@@ -237,10 +235,10 @@ const Popper = /* @__PURE__ */ React.forwardRef(function Popper2(props, forwarde
   });
 });
 process.env.NODE_ENV !== "production" ? Popper.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
   /**
    * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
    * or a function that returns either.
@@ -269,9 +267,6 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes = {
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
    *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
@@ -358,5 +353,5 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes = {
   transition: PropTypes.bool
 } : void 0;
 export {
-  Popper as default
+  Popper
 };

package/dist/node_modules/@mui/material/node_modules/@mui/base/Popper/popperClasses.js

@@ -0,0 +1,9 @@
+import generateUtilityClass from "../../../../../utils/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../../../../../utils/generateUtilityClasses/generateUtilityClasses.js";
+function getPopperUtilityClass(slot) {
+  return generateUtilityClass("MuiPopper", slot);
+}
+generateUtilityClasses("MuiPopper", ["root"]);
+export {
+  getPopperUtilityClass
+};

package/dist/node_modules/@mui/material/{Portal → node_modules/@mui/base/Portal}/Portal.js

@@ -1,13 +1,12 @@
 import * as React from "react";
 import * as ReactDOM from "react-dom";
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../../../prop-types/index.js";
 import { jsx } from "react/jsx-runtime";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import getReactElementRef from "../node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js";
-import useEnhancedEffect from "../node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js";
-import setRef from "../node_modules/@mui/utils/esm/setRef/setRef.js";
-import HTMLElementType from "../node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js";
-import exactProp from "../node_modules/@mui/utils/esm/exactProp/exactProp.js";
+import useForkRef from "../../../../../utils/useForkRef/useForkRef.js";
+import useEnhancedEffect from "../../../../../utils/useEnhancedEffect/useEnhancedEffect.js";
+import setRef from "../../../../../utils/setRef/setRef.js";
+import HTMLElementType from "../../../../../utils/HTMLElementType/HTMLElementType.js";
+import exactProp from "../../../../../utils/exactProp/exactProp.js";
 function getContainer(container) {
   return typeof container === "function" ? container() : container;
 }
@@ -18,7 +17,7 @@ const Portal = /* @__PURE__ */ React.forwardRef(function Portal2(props, forwarde
     disablePortal = false
   } = props;
   const [mountNode, setMountNode] = React.useState(null);
-  const handleRef = useForkRef(/* @__PURE__ */ React.isValidElement(children) ? getReactElementRef(children) : null, forwardedRef);
+  const handleRef = useForkRef(/* @__PURE__ */ React.isValidElement(children) ? children.ref : null, forwardedRef);
   useEnhancedEffect(() => {
     if (!disablePortal) {
       setMountNode(getContainer(container) || document.body);
@@ -49,10 +48,10 @@ const Portal = /* @__PURE__ */ React.forwardRef(function Portal2(props, forwarde
   });
 });
 process.env.NODE_ENV !== "production" ? Portal.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
   /**
    * The children to render into the `container`.
    */
@@ -61,9 +60,6 @@ process.env.NODE_ENV !== "production" ? Portal.propTypes = {
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
    *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
@@ -78,5 +74,5 @@ if (process.env.NODE_ENV !== "production") {
   Portal["propTypes"] = exactProp(Portal.propTypes);
 }
 export {
-  Portal as default
+  Portal
 };