impact-ui 4.0.17 → 4.0.18-alpha.1

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

@@ -1,33 +1,18 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../_virtual/index2.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import styled from "../styles/styled.js";
-import useModal from "./useModal.js";
-import { getModalUtilityClass } from "./modalClasses.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import useSlotProps from "../node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js";
-import Portal from "../Portal/Portal.js";
-import FocusTrap from "../Unstable_TrapFocus/FocusTrap.js";
+import useThemeProps from "../styles/useThemeProps.js";
+import { jsx } from "react/jsx-runtime";
+import { Modal as Modal$1 } from "../node_modules/@mui/base/Modal/Modal.js";
+import { resolveComponentProps } from "../node_modules/@mui/base/utils/resolveComponentProps.js";
+import { isHostComponent } from "../node_modules/@mui/base/utils/isHostComponent.js";
 import Backdrop from "../Backdrop/Backdrop.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import elementAcceptingRef from "../node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js";
-import HTMLElementType from "../node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js";
-const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
-const useUtilityClasses = (ownerState) => {
-  const {
-    open,
-    exited,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ["root", !open && exited && "hidden"],
-    backdrop: ["backdrop"]
-  };
-  return composeClasses(slots, getModalUtilityClass, classes);
-};
+import elementAcceptingRef from "../../utils/elementAcceptingRef/elementAcceptingRef.js";
+import HTMLElementType from "../../utils/HTMLElementType/HTMLElementType.js";
+const _excluded = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
 const ModalRoot = styled("div", {
   name: "MuiModal",
   slot: "Root",
@@ -61,13 +46,14 @@ const ModalBackdrop = styled(Backdrop, {
 });
 const Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref) {
   var _ref, _slots$root, _ref2, _slots$backdrop, _slotProps$root, _slotProps$backdrop;
-  const props = useDefaultProps({
+  const props = useThemeProps({
     name: "MuiModal",
     props: inProps
   });
   const {
     BackdropComponent = ModalBackdrop,
     BackdropProps,
+    classes,
     className,
     closeAfterTransition = false,
     children,
@@ -84,12 +70,16 @@ const Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref) {
     hideBackdrop = false,
     keepMounted = false,
     onBackdropClick,
+    onClose,
     open,
     slotProps,
-    slots
+    slots,
     // eslint-disable-next-line react/prop-types
+    theme
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
-  const propsWithDefaults = _extends({}, props, {
+  const [exited, setExited] = React.useState(true);
+  const commonProps = {
+    container,
     closeAfterTransition,
     disableAutoFocus,
     disableEnforceFocus,
@@ -98,94 +88,46 @@ const Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref) {
     disableRestoreFocus,
     disableScrollLock,
     hideBackdrop,
-    keepMounted
-  });
-  const {
-    getRootProps,
-    getBackdropProps,
-    getTransitionProps,
-    portalRef,
-    isTopModal,
-    exited,
-    hasTransition
-  } = useModal(_extends({}, propsWithDefaults, {
-    rootRef: ref
-  }));
-  const ownerState = _extends({}, propsWithDefaults, {
+    keepMounted,
+    onBackdropClick,
+    onClose,
+    open
+  };
+  const ownerState = _extends({}, props, commonProps, {
     exited
   });
-  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 RootSlot = (_ref = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref : ModalRoot;
   const BackdropSlot = (_ref2 = (_slots$backdrop = slots == null ? void 0 : slots.backdrop) != null ? _slots$backdrop : components.Backdrop) != null ? _ref2 : BackdropComponent;
   const rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;
   const backdropSlotProps = (_slotProps$backdrop = slotProps == null ? void 0 : slotProps.backdrop) != null ? _slotProps$backdrop : componentsProps.backdrop;
-  const rootProps = useSlotProps({
-    elementType: RootSlot,
-    externalSlotProps: rootSlotProps,
-    externalForwardedProps: other,
-    getSlotProps: getRootProps,
-    additionalProps: {
-      ref,
-      as: component
+  return /* @__PURE__ */ jsx(Modal$1, _extends({
+    slots: {
+      root: RootSlot,
+      backdrop: BackdropSlot
     },
-    ownerState,
-    className: clsx(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))
-  });
-  const backdropProps = useSlotProps({
-    elementType: BackdropSlot,
-    externalSlotProps: backdropSlotProps,
-    additionalProps: BackdropProps,
-    getSlotProps: (otherHandlers) => {
-      return getBackdropProps(_extends({}, otherHandlers, {
-        onClick: (e) => {
-          if (onBackdropClick) {
-            onBackdropClick(e);
-          }
-          if (otherHandlers != null && otherHandlers.onClick) {
-            otherHandlers.onClick(e);
-          }
-        }
-      }));
+    slotProps: {
+      root: () => _extends({}, resolveComponentProps(rootSlotProps, ownerState), !isHostComponent(RootSlot) && {
+        as: component,
+        theme
+      }, {
+        className: clsx(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))
+      }),
+      backdrop: () => _extends({}, BackdropProps, resolveComponentProps(backdropSlotProps, ownerState), {
+        className: clsx(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop)
+      })
     },
-    className: clsx(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop),
-    ownerState
-  });
-  if (!keepMounted && !open && (!hasTransition || exited)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Portal, {
-    ref: portalRef,
-    container,
-    disablePortal,
-    children: /* @__PURE__ */ jsxs(RootSlot, _extends({}, rootProps, {
-      children: [!hideBackdrop && BackdropComponent ? /* @__PURE__ */ jsx(BackdropSlot, _extends({}, backdropProps)) : null, /* @__PURE__ */ jsx(FocusTrap, {
-        disableEnforceFocus,
-        disableAutoFocus,
-        disableRestoreFocus,
-        isEnabled: isTopModal,
-        open,
-        children: /* @__PURE__ */ React.cloneElement(children, childProps)
-      })]
-    }))
-  });
+    onTransitionEnter: () => setExited(false),
+    onTransitionExited: () => setExited(true),
+    ref
+  }, other, commonProps, {
+    children
+  }));
 });
 process.env.NODE_ENV !== "production" ? Modal.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * 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.
@@ -257,9 +199,6 @@ process.env.NODE_ENV !== "production" ? Modal.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/OutlinedInput/NotchedOutline.js

@@ -1,16 +1,12 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import "react";
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../_virtual/index2.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", {
-  name: "MuiNotchedOutlined",
-  shouldForwardProp: rootShouldForwardProp
-})({
+const NotchedOutlineRoot = styled("fieldset")({
   textAlign: "left",
   position: "absolute",
   bottom: 0,
@@ -26,10 +22,7 @@ const NotchedOutlineRoot = styled("fieldset", {
   overflow: "hidden",
   minWidth: "0%"
 });
-const NotchedOutlineLegend = styled("legend", {
-  name: "MuiNotchedOutlined",
-  shouldForwardProp: rootShouldForwardProp
-})(({
+const NotchedOutlineLegend = styled("legend")(({
   ownerState,
   theme
 }) => _extends({
@@ -112,6 +105,7 @@ 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

@@ -1,18 +1,17 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../_virtual/index2.js";
 import NotchedOutline from "./NotchedOutline.js";
 import useFormControl from "../FormControl/useFormControl.js";
 import formControlState from "../FormControl/formControlState.js";
-import styled from "../styles/styled.js";
+import styled, { rootShouldForwardProp } 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 { 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";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import refType from "../../utils/refType/refType.js";
 const _excluded = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -118,7 +117,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 = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiOutlinedInput"
   });
@@ -178,10 +177,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 `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn 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.
@@ -199,7 +198,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/#custom-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-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 "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
 import inputBaseClasses from "../InputBase/inputBaseClasses.js";
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
 function getOutlinedInputUtilityClass(slot) {
   return generateUtilityClass("MuiOutlinedInput", slot);
 }

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

@@ -1,18 +1,18 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../_virtual/index2.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 { 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";
+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";
 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_1("#fff", getOverlayAlpha(ownerState.elevation))}, ${alpha_1("#fff", getOverlayAlpha(ownerState.elevation))})`
+    backgroundImage: `linear-gradient(${alpha("#fff", getOverlayAlpha(ownerState.elevation))}, ${alpha("#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 = useDefaultProps({
+  const props = useThemeProps({
     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 `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The content of the component.
    */

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

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

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

@@ -1,28 +1,28 @@
 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 PropTypes from "../../../../_virtual/index2.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 "../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 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 Modal from "../Modal/Modal.js";
 import Paper from "../Paper/Paper.js";
-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"];
+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"];
 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 = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiPopover"
   });
@@ -115,8 +115,7 @@ 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();
@@ -183,11 +182,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 (marginThreshold !== null && top < marginThreshold) {
+    if (top < marginThreshold) {
       const diff = top - marginThreshold;
       top -= diff;
       elemTransformOrigin.vertical += diff;
-    } else if (marginThreshold !== null && bottom > heightThreshold) {
+    } else if (bottom > heightThreshold) {
       const diff = bottom - heightThreshold;
       top -= diff;
       elemTransformOrigin.vertical += diff;
@@ -197,7 +196,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 (marginThreshold !== null && left < marginThreshold) {
+    if (left < marginThreshold) {
       const diff = left - marginThreshold;
       left -= diff;
       elemTransformOrigin.horizontal += diff;
@@ -228,12 +227,6 @@ 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);
@@ -308,8 +301,7 @@ 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,
-    disableScrollLock
+    slotProps: rootSlotPropsProp
   }, {
     children: /* @__PURE__ */ jsx(TransitionComponent, _extends({
       appear: true,
@@ -325,10 +317,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 `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
@@ -404,11 +396,6 @@ 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
@@ -416,7 +403,6 @@ 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,
@@ -496,7 +482,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes = {
   })]),
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
    * @default {}
    */
   TransitionProps: PropTypes.object

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

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

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 PropTypes from "../../../../_virtual/index2.js";
 import * as React from "react";
-import Popper$1 from "./BasePopper.js";
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import useTheme from "../../system/esm/useThemeWithoutDefault.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import styled from "../styles/styled.js";
-import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
-import HTMLElementType from "../node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.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";
 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 = default_1();
-  const props = useDefaultProps({
+  const theme = useTheme();
+  const props = useThemeProps({
     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 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.
@@ -103,9 +103,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.
    */