@mui/material 7.3.8 → 7.3.10

package/esm/PaginationItem/PaginationItem.d.ts

@@ -58,14 +58,14 @@ export interface PaginationItemOwnProps extends PaginationItemSlotsAndSlotProps
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<PaginationItemClasses>;
+  classes?: Partial<PaginationItemClasses> | undefined;
   /**
    * The active color.
    * 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).
    * @default 'standard'
    */
-  color?: OverridableStringUnion<'standard' | 'primary' | 'secondary', PaginationItemPropsColorOverrides>;
+  color?: OverridableStringUnion<'standard' | 'primary' | 'secondary', PaginationItemPropsColorOverrides> | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -76,16 +76,16 @@ export interface PaginationItemOwnProps extends PaginationItemSlotsAndSlotProps
    * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   components?: {
-    first?: React.ElementType;
-    last?: React.ElementType;
-    next?: React.ElementType;
-    previous?: React.ElementType;
-  };
+    first?: React.ElementType | undefined;
+    last?: React.ElementType | undefined;
+    next?: React.ElementType | undefined;
+    previous?: React.ElementType | undefined;
+  } | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * The current page number.
    */
@@ -94,31 +94,31 @@ export interface PaginationItemOwnProps extends PaginationItemSlotsAndSlotProps
    * If `true` the pagination item is selected.
    * @default false
    */
-  selected?: boolean;
+  selected?: boolean | undefined;
   /**
    * The shape of the pagination item.
    * @default 'circular'
    */
-  shape?: 'circular' | 'rounded';
+  shape?: 'circular' | 'rounded' | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', PaginationItemPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', PaginationItemPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The type of pagination item.
    * @default 'page'
    */
-  type?: UsePaginationItem['type'];
+  type?: UsePaginationItem['type'] | undefined;
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant?: OverridableStringUnion<'text' | 'outlined', PaginationItemPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'text' | 'outlined', PaginationItemPropsVariantOverrides> | undefined;
 }
 export interface PaginationItemTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & PaginationItemOwnProps;
@@ -129,15 +129,15 @@ export interface PaginationItemTypeMap<AdditionalProps = {}, RootComponent exten
  *
  * Demos:
  *
- * - [Pagination](https://mui.com/material-ui/react-pagination/)
+ * - [Pagination](https://v7.mui.com/material-ui/react-pagination/)
  *
  * API:
  *
- * - [PaginationItem API](https://mui.com/material-ui/api/pagination-item/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [PaginationItem API](https://v7.mui.com/material-ui/api/pagination-item/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const PaginationItem: OverridableComponent<PaginationItemTypeMap>;
 export type PaginationItemProps<RootComponent extends React.ElementType = PaginationItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<PaginationItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default PaginationItem;

package/esm/Paper/Paper.d.ts

@@ -13,27 +13,27 @@ export interface PaperOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<PaperClasses>;
+  classes?: Partial<PaperClasses> | undefined;
   /**
    * Shadow depth, corresponds to `dp` in the spec.
    * It accepts values between 0 and 24 inclusive.
    * @default 1
    */
-  elevation?: number;
+  elevation?: number | undefined;
   /**
    * If `true`, rounded corners are disabled.
    * @default false
    */
-  square?: boolean;
+  square?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The variant to use.
    * @default 'elevation'
    */
-  variant?: OverridableStringUnion<'elevation' | 'outlined', PaperPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'elevation' | 'outlined', PaperPropsVariantOverrides> | undefined;
 }
 export interface PaperTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & PaperOwnProps;
@@ -44,12 +44,13 @@ export interface PaperTypeMap<AdditionalProps = {}, RootComponent extends React.
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
- * - [Paper](https://mui.com/material-ui/react-paper/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
+ * - [Paper](https://v7.mui.com/material-ui/react-paper/)
  *
  * API:
  *
- * - [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 declare const Paper: OverridableComponent<PaperTypeMap>;
 export interface ExtendPaperTypeMap<TypeMap extends OverridableTypeMap, Keys extends string = ''> {
@@ -57,6 +58,6 @@ export interface ExtendPaperTypeMap<TypeMap extends OverridableTypeMap, Keys ext
   defaultComponent: TypeMap['defaultComponent'];
 }
 export type PaperProps<RootComponent extends React.ElementType = PaperTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<PaperTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Paper;

package/esm/PigmentContainer/PigmentContainer.d.ts

@@ -8,12 +8,12 @@ export interface PigmentContainerOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ContainerClasses>;
+  classes?: Partial<ContainerClasses> | undefined;
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * Set the max-width to match the min-width of the current breakpoint.
    * This is useful if you'd prefer to design for a fixed set of sizes
@@ -21,35 +21,35 @@ export interface PigmentContainerOwnProps {
    * It's fluid by default.
    * @default false
    */
-  fixed?: boolean;
+  fixed?: boolean | undefined;
   /**
    * Determine the max-width of the container.
    * The container width grows with the size of the screen.
    * Set to `false` to disable `maxWidth`.
    * @default 'lg'
    */
-  maxWidth?: Breakpoint | false;
+  maxWidth?: Breakpoint | false | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface PigmentContainerTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & PigmentContainerOwnProps;
   defaultComponent: RootComponent;
 }
 export type PigmentContainerProps<RootComponent extends React.ElementType = PigmentContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<PigmentContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 /**
  *
  * Demos:
  *
- * - [Container](https://mui.com/material-ui/react-container/)
+ * - [Container](https://v7.mui.com/material-ui/react-container/)
  *
  * API:
  *
- * - [PigmentContainer API](https://mui.com/material-ui/api/pigment-container/)
+ * - [PigmentContainer API](https://v7.mui.com/material-ui/api/pigment-container/)
  */
 declare const PigmentContainer: OverridableComponent<PigmentContainerTypeMap>;
 export default PigmentContainer;

package/esm/PigmentContainer/PigmentContainer.js

@@ -23,11 +23,11 @@ const useUtilityClasses = ownerState => {
  *
  * Demos:
  *
- * - [Container](https://mui.com/material-ui/react-container/)
+ * - [Container](https://v7.mui.com/material-ui/react-container/)
  *
  * API:
  *
- * - [PigmentContainer API](https://mui.com/material-ui/api/pigment-container/)
+ * - [PigmentContainer API](https://v7.mui.com/material-ui/api/pigment-container/)
  */
 const PigmentContainer = /*#__PURE__*/React.forwardRef(function PigmentContainer({
   className,

package/esm/PigmentGrid/PigmentGrid.d.ts

@@ -16,24 +16,24 @@ export interface GridBaseProps {
    * The number of columns.
    * @default 12
    */
-  columns?: ResponsiveStyleValue<number>;
+  columns?: ResponsiveStyleValue<number> | undefined;
   /**
    * Defines the horizontal space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
-  columnSpacing?: ResponsiveStyleValue<GridSpacing>;
+  columnSpacing?: ResponsiveStyleValue<GridSpacing> | undefined;
   /**
    * If `true`, the component will have the flex *container* behavior.
    * You should be wrapping *items* with a *container*.
    * @default false
    */
-  container?: boolean;
+  container?: boolean | undefined;
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
    * @default 'row'
    */
-  direction?: ResponsiveStyleValue<GridDirection>;
+  direction?: ResponsiveStyleValue<GridDirection> | undefined;
   /**
    * Defines the offset of the grid.
    */
@@ -42,7 +42,7 @@ export interface GridBaseProps {
    * Defines the vertical space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
-  rowSpacing?: ResponsiveStyleValue<GridSpacing>;
+  rowSpacing?: ResponsiveStyleValue<GridSpacing> | undefined;
   /**
    * Defines the space between the type `item` components.
    * It can only be used on a type `container` component.
@@ -58,26 +58,26 @@ export interface GridBaseProps {
    * It's applied for all screen sizes.
    * @default 'wrap'
    */
-  wrap?: GridWrap;
+  wrap?: GridWrap | undefined;
 }
 export interface GridTypeMap<AdditionalProps = {}, DefaultComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & GridBaseProps & {
-    sx?: SxProps<Theme>;
+    sx?: SxProps<Theme> | undefined;
   };
   defaultComponent: DefaultComponent;
 }
 export type GridProps<RootComponent extends React.ElementType = GridTypeMap['defaultComponent'], AdditionalProps = {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 }> = OverrideProps<GridTypeMap<AdditionalProps, RootComponent>, RootComponent>;
 /**
  *
  * Demos:
  *
- * - [Grid](https://mui.com/material-ui/react-grid/)
+ * - [Grid](https://v7.mui.com/material-ui/react-grid/)
  *
  * API:
  *
- * - [PigmentGrid API](https://mui.com/material-ui/api/pigment-grid/)
+ * - [PigmentGrid API](https://v7.mui.com/material-ui/api/pigment-grid/)
  */
 declare const PigmentGrid: OverridableComponent<GridTypeMap>;
 export default PigmentGrid;

package/esm/PigmentGrid/PigmentGrid.js

@@ -37,11 +37,11 @@ const useUtilityClasses = ownerState => {
  *
  * Demos:
  *
- * - [Grid](https://mui.com/material-ui/react-grid/)
+ * - [Grid](https://v7.mui.com/material-ui/react-grid/)
  *
  * API:
  *
- * - [PigmentGrid API](https://mui.com/material-ui/api/pigment-grid/)
+ * - [PigmentGrid API](https://v7.mui.com/material-ui/api/pigment-grid/)
  */
 const PigmentGrid = /*#__PURE__*/React.forwardRef(function PigmentGrid(props, ref) {
   const {

package/esm/PigmentStack/PigmentStack.d.ts

@@ -13,12 +13,12 @@ export interface PigmentStackOwnProps {
    * It is applied for all screen sizes.
    * @default 'column'
    */
-  direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
+  direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'> | undefined;
   /**
    * Defines the space between immediate children.
    * @default 0
    */
-  spacing?: ResponsiveStyleValue<number | string>;
+  spacing?: ResponsiveStyleValue<number | string> | undefined;
   /**
    * Add an element between each child.
    */
@@ -26,24 +26,24 @@ export interface PigmentStackOwnProps {
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface PigmentStackTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & PigmentStackOwnProps;
   defaultComponent: RootComponent;
 }
 export type PigmentStackProps<RootComponent extends React.ElementType = PigmentStackTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<PigmentStackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 /**
  *
  * Demos:
  *
- * - [Stack](https://mui.com/material-ui/react-stack/)
+ * - [Stack](https://v7.mui.com/material-ui/react-stack/)
  *
  * API:
  *
- * - [PigmentStack API](https://mui.com/material-ui/api/pigment-stack/)
+ * - [PigmentStack API](https://v7.mui.com/material-ui/api/pigment-stack/)
  */
 declare const PigmentStack: OverridableComponent<PigmentStackTypeMap>;
 export default PigmentStack;

package/esm/PigmentStack/PigmentStack.js

@@ -16,11 +16,11 @@ const useUtilityClasses = () => {
  *
  * Demos:
  *
- * - [Stack](https://mui.com/material-ui/react-stack/)
+ * - [Stack](https://v7.mui.com/material-ui/react-stack/)
  *
  * API:
  *
- * - [PigmentStack API](https://mui.com/material-ui/api/pigment-stack/)
+ * - [PigmentStack API](https://v7.mui.com/material-ui/api/pigment-stack/)
  */
 const PigmentStack = /*#__PURE__*/React.forwardRef(function PigmentStack({
   className,

package/esm/Popover/Popover.d.ts

@@ -77,13 +77,13 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
    */
-  action?: React.Ref<PopoverActions>;
+  action?: React.Ref<PopoverActions> | undefined;
   /**
    * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),
    * or a function that returns either.
    * It's used to set the position of the popover.
    */
-  anchorEl?: null | Element | PopoverVirtualElement | (() => Element | PopoverVirtualElement | null);
+  anchorEl?: null | Element | PopoverVirtualElement | (() => Element | PopoverVirtualElement | null) | undefined;
   /**
    * This is the point on the anchor where the popover's
    * `anchorEl` will attach to. This is not used when the
@@ -97,18 +97,18 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    *   horizontal: 'left',
    * }
    */
-  anchorOrigin?: PopoverOrigin;
+  anchorOrigin?: PopoverOrigin | undefined;
   /**
    * This is the position that may be used to set the position of the popover.
    * The coordinates are relative to the application's client area.
    */
-  anchorPosition?: PopoverPosition;
+  anchorPosition?: PopoverPosition | undefined;
   /**
    * This determines which anchor prop to refer to when setting
    * the position of the popover.
    * @default 'anchorEl'
    */
-  anchorReference?: PopoverReference;
+  anchorReference?: PopoverReference | undefined;
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
    * @deprecated Use `slots.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
@@ -122,12 +122,12 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    *   zIndex: -1,
    * })
    */
-  BackdropComponent?: React.ElementType<BackdropProps>;
+  BackdropComponent?: React.ElementType<BackdropProps> | undefined;
   /**
    * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
    * @deprecated Use `slotProps.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  BackdropProps?: Partial<BackdropProps>;
+  BackdropProps?: Partial<BackdropProps> | undefined;
   /**
    * The content of the component.
    */
@@ -135,7 +135,7 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<PopoverClasses>;
+  classes?: Partial<PopoverClasses> | undefined;
   /**
    * An HTML element, component instance, or function that returns either.
    * The `container` will passed to the Modal component.
@@ -143,19 +143,19 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    * By default, it uses the body of the anchorEl's top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container?: ModalProps['container'];
+  container?: ModalProps['container'] | undefined;
   /**
    * The elevation of the popover.
    * @default 8
    */
-  elevation?: number;
+  elevation?: number | undefined;
   /**
    * 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?: number | null;
-  onClose?: ModalProps['onClose'];
+  marginThreshold?: number | null | undefined;
+  onClose?: ModalProps['onClose'] | undefined;
   /**
    * If `true`, the component is shown.
    */
@@ -168,11 +168,11 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    *
    * @default {}
    */
-  PaperProps?: Partial<PaperProps<React.ElementType>>;
+  PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * This is the point on the popover which
    * will attach to the anchor's origin.
@@ -185,7 +185,7 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    *   horizontal: 'left',
    * }
    */
-  transformOrigin?: PopoverOrigin;
+  transformOrigin?: PopoverOrigin | undefined;
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
@@ -194,19 +194,19 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    */
   TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
     children: React.ReactElement<unknown, any>;
-  }>;
+  }> | undefined;
   /**
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
-  transitionDuration?: TransitionProps['timeout'] | 'auto';
+  transitionDuration?: TransitionProps['timeout'] | 'auto' | undefined;
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
-  TransitionProps?: TransitionProps;
+  TransitionProps?: TransitionProps | undefined;
 }
 export interface PopoverOwnerState extends Omit<PopoverProps, 'slots' | 'slotProps'> {}
 export interface PopoverActions {
@@ -223,12 +223,12 @@ export declare const PopoverPaper: React.FC<PopoverPaperProps>;
  *
  * Demos:
  *
- * - [Menu](https://mui.com/material-ui/react-menu/)
- * - [Popover](https://mui.com/material-ui/react-popover/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
+ * - [Popover](https://v7.mui.com/material-ui/react-popover/)
  *
  * API:
  *
- * - [Popover API](https://mui.com/material-ui/api/popover/)
- * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
+ * - [Popover API](https://v7.mui.com/material-ui/api/popover/)
+ * - inherits [Modal API](https://v7.mui.com/material-ui/api/modal/)
  */
 export default function Popover(props: PopoverProps): React.JSX.Element;

package/esm/Popover/Popover.js

@@ -12,6 +12,7 @@ import chainPropTypes from '@mui/utils/chainPropTypes';
 import isHostComponent from '@mui/utils/isHostComponent';
 import { styled } from "../zero-styled/index.js";
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import isLayoutSupported from "../utils/isLayoutSupported.js";
 import debounce from "../utils/debounce.js";
 import ownerDocument from "../utils/ownerDocument.js";
 import ownerWindow from "../utils/ownerWindow.js";
@@ -148,7 +149,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     const anchorRect = anchorElement.getBoundingClientRect();
     if (process.env.NODE_ENV !== 'production') {
       const box = anchorElement.getBoundingClientRect();
-      if (!globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
+      if (isLayoutSupported() && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
         console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
       }
     }
@@ -399,8 +400,10 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
       const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);
       if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {
         const box = resolvedAnchorEl.getBoundingClientRect();
-        if (process.env.NODE_ENV !== 'production' && !globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-          return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+        if (process.env.NODE_ENV !== 'production') {
+          if (isLayoutSupported() && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
+            return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+          }
         }
       } else {
         return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', `It should be an Element or PopoverVirtualElement instance but it's \`${resolvedAnchorEl}\` instead.`].join('\n'));

package/esm/Popper/BasePopper.js

@@ -11,6 +11,7 @@ import { createPopper } from '@popperjs/core';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
+import isLayoutSupported from "../utils/isLayoutSupported.js";
 import Portal from "../Portal/index.js";
 import { getPopperUtilityClass } from "./popperClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -105,7 +106,7 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
     if (process.env.NODE_ENV !== 'production') {
       if (resolvedAnchorElement && isHTMLElement(resolvedAnchorElement) && resolvedAnchorElement.nodeType === 1) {
         const box = resolvedAnchorElement.getBoundingClientRect();
-        if (!globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
+        if (isLayoutSupported() && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
           console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
         }
       }
@@ -267,8 +268,10 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
       const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);
       if (resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) && resolvedAnchorEl.nodeType === 1) {
         const box = resolvedAnchorEl.getBoundingClientRect();
-        if (process.env.NODE_ENV !== 'production' && !globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-          return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+        if (process.env.NODE_ENV !== 'production') {
+          if (isLayoutSupported() && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
+            return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+          }
         }
       } else if (!resolvedAnchorEl || typeof resolvedAnchorEl.getBoundingClientRect !== 'function' || isVirtualElement(resolvedAnchorEl) && resolvedAnchorEl.contextElement != null && resolvedAnchorEl.contextElement.nodeType !== 1) {
         return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'It should be an HTML element instance or a virtualElement ', '(https://popper.js.org/docs/v2/virtual-elements/).'].join('\n'));