fix popper

packages/mui-material/src/Popper/BasePopper.tsx

@@ -10,8 +10,8 @@ import {
 } from '@mui/utils';
 import { createPopper, Instance, Modifier, Placement, State, VirtualElement } from '@popperjs/core';
 import PropTypes from 'prop-types';
-import composeClasses from '../utils/composeClasses';
-import { Portal } from '../Portal';
+import composeClasses from '@mui/utils/composeClasses';
+import Portal from '../Portal';
 import { getPopperUtilityClass } from './popperClasses';
 import { useSlotProps } from '../utils/useSlotProps';
 import { WithOptionalOwnerState } from '../utils/types';
@@ -66,12 +66,13 @@ function isVirtualElement(element: HTMLElement | VirtualElement): element is Vir
   return !isHTMLElement(element);
 }
 
-const useUtilityClasses = () => {
+const useUtilityClasses = (ownerState: any) => {
+  const { classes } = ownerState;
   const slots = {
     root: ['root'],
   };
 
-  return composeClasses(slots, getPopperUtilityClass);
+  return composeClasses(slots, getPopperUtilityClass, classes);
 };
 
 const defaultPopperOptions = {};
@@ -215,7 +216,7 @@ const PopperTooltip = React.forwardRef(function PopperTooltip<
     childProps.TransitionProps = TransitionProps;
   }
 
-  const classes = useUtilityClasses();
+  const classes = useUtilityClasses(props);
   const Root = slots.root ?? 'div';
 
   const rootProps: WithOptionalOwnerState<PopperRootSlotProps> = useSlotProps({

packages/mui-material/src/Popper/Popper.tsx

@@ -1,12 +1,12 @@
 'use client';
-import { Popper as BasePopper } from './BasePopper';
-import { PopperProps as BasePopperProps } from './BasePopper.types';
 import { SxProps } from '@mui/system';
 import { useRtl } from '@mui/system/RtlProvider';
 import refType from '@mui/utils/refType';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import PropTypes from 'prop-types';
 import * as React from 'react';
+import { Popper as BasePopper } from './BasePopper';
+import { PopperProps as BasePopperProps } from './BasePopper.types';
 import { Theme } from '../styles';
 import { styled } from '../zero-styled';
 import { useDefaultProps } from '../DefaultPropsProvider';

packages/mui-material/src/Popper/index.js

@@ -1,2 +1,3 @@
 'use client';
 export { default } from './Popper';
+export * from './popperClasses';

packages/mui-material/src/Popper/popperClasses.ts

@@ -12,4 +12,6 @@ export function getPopperUtilityClass(slot: string): string {
   return generateUtilityClass('MuiPopper', slot);
 }
 
-export const popperClasses: PopperClasses = generateUtilityClasses('MuiPopper', ['root']);
+const popperClasses: PopperClasses = generateUtilityClasses('MuiPopper', ['root']);
+
+export default popperClasses;

packages/mui-material/src/index.d.ts

@@ -481,7 +481,7 @@ export * from './GlobalStyles';
  */
 export { StyledEngineProvider } from './styles';
 
-export { default as unstable_composeClasses } from './utils/composeClasses';
+export { unstable_composeClasses } from '@mui/utils';
 
 export { default as generateUtilityClass } from './generateUtilityClass';
 export * from './generateUtilityClass';

packages/mui-material/src/index.js

@@ -409,7 +409,7 @@ export { default as useAutocomplete } from './useAutocomplete';
 export { default as GlobalStyles } from './GlobalStyles';
 export * from './GlobalStyles';
 
-export { default as unstable_composeClasses } from './utils/composeClasses';
+export { unstable_composeClasses } from '@mui/utils';
 
 export { default as generateUtilityClass } from './generateUtilityClass';
 export * from './generateUtilityClass';