impact-ui 5.0.0-alpha.1 → 5.0.0-beta.2

package/dist/node_modules/@mui/material/OutlinedInput/NotchedOutline.js

@@ -4,9 +4,13 @@ import "react";
 import PropTypes from "../../../prop-types/index.js";
 import styled from "../styles/styled.js";
 import { jsx } from "react/jsx-runtime";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
 var _span;
 const _excluded = ["children", "classes", "className", "label", "notched"];
-const NotchedOutlineRoot = styled("fieldset")({
+const NotchedOutlineRoot = styled("fieldset", {
+  name: "MuiNotchedOutlined",
+  shouldForwardProp: rootShouldForwardProp
+})({
   textAlign: "left",
   position: "absolute",
   bottom: 0,
@@ -22,7 +26,10 @@ const NotchedOutlineRoot = styled("fieldset")({
   overflow: "hidden",
   minWidth: "0%"
 });
-const NotchedOutlineLegend = styled("legend")(({
+const NotchedOutlineLegend = styled("legend", {
+  name: "MuiNotchedOutlined",
+  shouldForwardProp: rootShouldForwardProp
+})(({
   ownerState,
   theme
 }) => _extends({
@@ -105,7 +112,6 @@ process.env.NODE_ENV !== "production" ? NotchedOutline.propTypes = {
   children: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
    */
   classes: PropTypes.object,
   /**

package/dist/node_modules/@mui/material/OutlinedInput/OutlinedInput.js

@@ -5,13 +5,14 @@ import PropTypes from "../../../prop-types/index.js";
 import NotchedOutline from "./NotchedOutline.js";
 import useFormControl from "../FormControl/useFormControl.js";
 import formControlState from "../FormControl/formControlState.js";
-import styled, { rootShouldForwardProp } from "../styles/styled.js";
+import styled from "../styles/styled.js";
 import outlinedInputClasses, { getOutlinedInputUtilityClass } from "./outlinedInputClasses.js";
 import InputBase, { InputBaseRoot, rootOverridesResolver, InputBaseComponent, inputOverridesResolver } from "../InputBase/InputBase.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
-import refType from "../../utils/refType/refType.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
 const _excluded = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -117,7 +118,7 @@ const OutlinedInputInput = styled(InputBaseComponent, {
 }));
 const OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(inProps, ref) {
   var _ref, _slots$root, _ref2, _slots$input, _React$Fragment;
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiOutlinedInput"
   });
@@ -177,10 +178,10 @@ const OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(i
   }));
 });
 process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * This prop helps users to fill forms faster, especially on mobile devices.
    * The name can be confusing, as it's more like an autofill.
@@ -198,7 +199,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes = {
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: PropTypes.oneOfType([PropTypes.oneOf(["primary", "secondary"]), PropTypes.string]),

package/dist/node_modules/@mui/material/OutlinedInput/outlinedInputClasses.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
 import inputBaseClasses from "../InputBase/inputBaseClasses.js";
-import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
 function getOutlinedInputUtilityClass(slot) {
   return generateUtilityClass("MuiOutlinedInput", slot);
 }

package/dist/node_modules/@mui/material/Paper/Paper.js

@@ -3,16 +3,16 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
+import { alpha as alpha_1 } from "../../system/colorManipulator.js";
 import styled from "../styles/styled.js";
 import getOverlayAlpha from "../styles/getOverlayAlpha.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import useTheme from "../styles/useTheme.js";
 import { getPaperUtilityClass } from "./paperClasses.js";
 import { jsx } from "react/jsx-runtime";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
-import { alpha } from "../../system/esm/colorManipulator.js";
-import chainPropTypes from "../../utils/chainPropTypes/chainPropTypes.js";
-import integerPropType from "../../utils/integerPropType/integerPropType.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import chainPropTypes from "../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js";
+import integerPropType from "../node_modules/@mui/utils/esm/integerPropType/integerPropType.js";
 const _excluded = ["className", "component", "elevation", "square", "variant"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -51,13 +51,13 @@ const PaperRoot = styled("div", {
   }, ownerState.variant === "elevation" && _extends({
     boxShadow: (theme.vars || theme).shadows[ownerState.elevation]
   }, !theme.vars && theme.palette.mode === "dark" && {
-    backgroundImage: `linear-gradient(${alpha("#fff", getOverlayAlpha(ownerState.elevation))}, ${alpha("#fff", getOverlayAlpha(ownerState.elevation))})`
+    backgroundImage: `linear-gradient(${alpha_1("#fff", getOverlayAlpha(ownerState.elevation))}, ${alpha_1("#fff", getOverlayAlpha(ownerState.elevation))})`
   }, theme.vars && {
     backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]
   }));
 });
 const Paper = /* @__PURE__ */ React.forwardRef(function Paper2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiPaper"
   });
@@ -89,10 +89,10 @@ const Paper = /* @__PURE__ */ React.forwardRef(function Paper2(inProps, ref) {
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Paper.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */

package/dist/node_modules/@mui/material/Paper/paperClasses.js

@@ -1,5 +1,5 @@
-import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
 function getPaperUtilityClass(slot) {
   return generateUtilityClass("MuiPaper", slot);
 }

package/dist/node_modules/@mui/material/Popover/Popover.js

@@ -4,25 +4,25 @@ import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import styled from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import { getPopoverUtilityClass } from "./popoverClasses.js";
 import { jsx } from "react/jsx-runtime";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import Grow from "../Grow/Grow.js";
-import useForkRef from "../../utils/useForkRef/useForkRef.js";
-import ownerDocument from "../../utils/ownerDocument/ownerDocument.js";
-import ownerWindow from "../../utils/ownerWindow/ownerWindow.js";
-import { useSlotProps } from "../node_modules/@mui/base/utils/useSlotProps.js";
-import { isHostComponent } from "../node_modules/@mui/base/utils/isHostComponent.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
-import debounce from "../../utils/debounce/debounce.js";
+import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
+import ownerDocument from "../node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js";
+import ownerWindow from "../node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js";
+import useSlotProps from "../node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js";
+import isHostComponent from "../node_modules/@mui/utils/esm/isHostComponent/isHostComponent.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import debounce from "../node_modules/@mui/utils/esm/debounce/debounce.js";
 import Modal from "../Modal/Modal.js";
 import Paper from "../Paper/Paper.js";
-import integerPropType from "../../utils/integerPropType/integerPropType.js";
-import refType from "../../utils/refType/refType.js";
-import elementTypeAcceptingRef from "../../utils/elementTypeAcceptingRef/elementTypeAcceptingRef.js";
-import HTMLElementType from "../../utils/HTMLElementType/HTMLElementType.js";
-import chainPropTypes from "../../utils/chainPropTypes/chainPropTypes.js";
-const _excluded = ["onEntering"], _excluded2 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "slots", "slotProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"], _excluded3 = ["slotProps"];
+import integerPropType from "../node_modules/@mui/utils/esm/integerPropType/integerPropType.js";
+import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
+import elementTypeAcceptingRef from "../node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js";
+import HTMLElementType from "../node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js";
+import chainPropTypes from "../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js";
+const _excluded = ["onEntering"], _excluded2 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "slots", "slotProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps", "disableScrollLock"], _excluded3 = ["slotProps"];
 function getOffsetTop(rect, vertical) {
   let offset = 0;
   if (typeof vertical === "number") {
@@ -85,7 +85,7 @@ const PopoverPaper = styled(Paper, {
 });
 const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref) {
   var _slotProps$paper, _slots$root, _slots$paper;
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiPopover"
   });
@@ -115,7 +115,8 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
     transitionDuration: transitionDurationProp = "auto",
     TransitionProps: {
       onEntering
-    } = {}
+    } = {},
+    disableScrollLock = false
   } = props, TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded), other = _objectWithoutPropertiesLoose(props, _excluded2);
   const externalPaperSlotProps = (_slotProps$paper = slotProps == null ? void 0 : slotProps.paper) != null ? _slotProps$paper : PaperPropsProp;
   const paperRef = React.useRef();
@@ -182,11 +183,11 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
     const containerWindow = ownerWindow(resolveAnchorEl(anchorEl));
     const heightThreshold = containerWindow.innerHeight - marginThreshold;
     const widthThreshold = containerWindow.innerWidth - marginThreshold;
-    if (top < marginThreshold) {
+    if (marginThreshold !== null && top < marginThreshold) {
       const diff = top - marginThreshold;
       top -= diff;
       elemTransformOrigin.vertical += diff;
-    } else if (bottom > heightThreshold) {
+    } else if (marginThreshold !== null && bottom > heightThreshold) {
       const diff = bottom - heightThreshold;
       top -= diff;
       elemTransformOrigin.vertical += diff;
@@ -196,7 +197,7 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
         console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${elemRect.height - heightThreshold}px).`, "Please consider adding a `max-height` to improve the user-experience."].join("\n"));
       }
     }
-    if (left < marginThreshold) {
+    if (marginThreshold !== null && left < marginThreshold) {
       const diff = left - marginThreshold;
       left -= diff;
       elemTransformOrigin.horizontal += diff;
@@ -227,6 +228,12 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
     element.style.transformOrigin = positioning.transformOrigin;
     setIsPositioned(true);
   }, [getPositioningStyle]);
+  React.useEffect(() => {
+    if (disableScrollLock) {
+      window.addEventListener("scroll", setPositioningStyles);
+    }
+    return () => window.removeEventListener("scroll", setPositioningStyles);
+  }, [anchorEl, disableScrollLock, setPositioningStyles]);
   const handleEntering = (element, isAppearing) => {
     if (onEntering) {
       onEntering(element, isAppearing);
@@ -301,7 +308,8 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
     slotProps: rootSlotPropsProp
   } = _useSlotProps, rootProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded3);
   return /* @__PURE__ */ jsx(RootSlot, _extends({}, rootProps, !isHostComponent(RootSlot) && {
-    slotProps: rootSlotPropsProp
+    slotProps: rootSlotPropsProp,
+    disableScrollLock
   }, {
     children: /* @__PURE__ */ jsx(TransitionComponent, _extends({
       appear: true,
@@ -317,10 +325,10 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
   }));
 });
 process.env.NODE_ENV !== "production" ? Popover.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
@@ -396,6 +404,11 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes = {
    * so it's simply `document.body` most of the time.
    */
   container: PropTypes.oneOfType([HTMLElementType, PropTypes.func]),
+  /**
+   * Disable the scroll lock behavior.
+   * @default false
+   */
+  disableScrollLock: PropTypes.bool,
   /**
    * The elevation of the popover.
    * @default 8
@@ -403,6 +416,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes = {
   elevation: integerPropType,
   /**
    * 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,
@@ -482,7 +496,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes = {
   })]),
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    * @default {}
    */
   TransitionProps: PropTypes.object

package/dist/node_modules/@mui/material/Popover/popoverClasses.js

@@ -1,5 +1,5 @@
-import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
 function getPopoverUtilityClass(slot) {
   return generateUtilityClass("MuiPopover", slot);
 }

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

@@ -2,19 +2,18 @@ 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 "../../../../../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";
+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";
 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") {
@@ -42,11 +41,14 @@ function isHTMLElement(element) {
 function isVirtualElement(element) {
   return !isHTMLElement(element);
 }
-const useUtilityClasses = () => {
+const useUtilityClasses = (ownerState) => {
+  const {
+    classes
+  } = ownerState;
   const slots = {
     root: ["root"]
   };
-  return composeClasses(slots, useClassNamesOverride(getPopperUtilityClass));
+  return composeClasses(slots, getPopperUtilityClass, classes);
 };
 const defaultPopperOptions = {};
 const PopperTooltip = /* @__PURE__ */ React.forwardRef(function PopperTooltip2(props, forwardedRef) {
@@ -147,7 +149,7 @@ const PopperTooltip = /* @__PURE__ */ React.forwardRef(function PopperTooltip2(p
   if (TransitionProps !== null) {
     childProps.TransitionProps = TransitionProps;
   }
-  const classes = useUtilityClasses();
+  const classes = useUtilityClasses(props);
   const Root = (_slots$root = slots.root) != null ? _slots$root : "div";
   const rootProps = useSlotProps({
     elementType: Root,
@@ -235,10 +237,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 TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
    * or a function that returns either.
@@ -267,6 +269,9 @@ 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.
    */
@@ -353,5 +358,5 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes = {
   transition: PropTypes.bool
 } : void 0;
 export {
-  Popper
+  Popper as default
 };

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

@@ -1,14 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import default_1 from "../../system/useThemeWithoutDefault.js";
 import PropTypes from "../../../prop-types/index.js";
 import * as React from "react";
+import Popper$1 from "./BasePopper.js";
 import { jsx } from "react/jsx-runtime";
-import useTheme from "../../system/esm/useThemeWithoutDefault.js";
-import useThemeProps from "../styles/useThemeProps.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import styled from "../styles/styled.js";
-import { Popper as Popper$1 } from "../node_modules/@mui/base/Popper/Popper.js";
-import refType from "../../utils/refType/refType.js";
-import HTMLElementType from "../../utils/HTMLElementType/HTMLElementType.js";
+import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
+import HTMLElementType from "../node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js";
 const _excluded = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
 const PopperRoot = styled(Popper$1, {
   name: "MuiPopper",
@@ -17,8 +17,8 @@ const PopperRoot = styled(Popper$1, {
 })({});
 const Popper = /* @__PURE__ */ React.forwardRef(function Popper2(inProps, ref) {
   var _slots$root;
-  const theme = useTheme();
-  const props = useThemeProps({
+  const theme = default_1();
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiPopper"
   });
@@ -64,10 +64,10 @@ const Popper = /* @__PURE__ */ React.forwardRef(function Popper2(inProps, ref) {
   }));
 });
 process.env.NODE_ENV !== "production" ? Popper.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
    * or a function that returns either.
@@ -103,6 +103,9 @@ 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.
    */

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

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

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

@@ -1,12 +1,13 @@
 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 "../../../../../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";
+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";
 function getContainer(container) {
   return typeof container === "function" ? container() : container;
 }
@@ -17,7 +18,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) ? children.ref : null, forwardedRef);
+  const handleRef = useForkRef(/* @__PURE__ */ React.isValidElement(children) ? getReactElementRef(children) : null, forwardedRef);
   useEnhancedEffect(() => {
     if (!disablePortal) {
       setMountNode(getContainer(container) || document.body);
@@ -48,10 +49,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 TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The children to render into the `container`.
    */
@@ -60,6 +61,9 @@ 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.
    */
@@ -74,5 +78,5 @@ if (process.env.NODE_ENV !== "production") {
   Portal["propTypes"] = exactProp(Portal.propTypes);
 }
 export {
-  Portal
+  Portal as default
 };