[system][material-ui] Move useMediaQuery to system (#39463)

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

@@ -1,2 +1,2 @@
-export { default } from './useMediaQuery';
-export * from './useMediaQuery';
+export { default } from '@mui/system/useMediaQuery';
+export * from '@mui/system/useMediaQuery';

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

@@ -1,2 +1 @@
-'use client';
-export { default } from './useMediaQuery';
+export { default } from '@mui/system/useMediaQuery';

packages/mui-material/src/useMediaQuery/useMediaQueryTheme.d.ts

@@ -1,3 +1,3 @@
-import useMediaQuery from './useMediaQuery';
+import useMediaQuery from '@mui/system/useMediaQuery';
 
 export default useMediaQuery;

packages/mui-material/src/useMediaQuery/useMediaQueryTheme.js

@@ -1,5 +1,5 @@
 'use client';
-import useMediaQuery from './useMediaQuery';
+import useMediaQuery from '@mui/system/useMediaQuery';
 
 // TODO v5: to deprecate in v4.x and remove in v5
 export default function useMediaQueryTheme(...args) {

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

@@ -153,6 +153,9 @@ export * from './useTheme';
 export { default as useThemeWithoutDefault } from './useThemeWithoutDefault';
 export * from './useThemeWithoutDefault';
 
+export { default as useMediaQuery } from './useMediaQuery';
+export * from './useMediaQuery';
+
 export * from './colorManipulator';
 
 export { default as ThemeProvider } from './ThemeProvider';

packages/mui-system/src/index.js

@@ -55,6 +55,7 @@ export { default as shape } from './createTheme/shape';
 export { default as useThemeProps, getThemeProps } from './useThemeProps';
 export { default as useTheme } from './useTheme';
 export { default as useThemeWithoutDefault } from './useThemeWithoutDefault';
+export { default as useMediaQuery } from './useMediaQuery';
 export * from './colorManipulator';
 export { default as ThemeProvider } from './ThemeProvider';
 export { default as unstable_createCssVarsProvider } from './cssVars/createCssVarsProvider';

packages/mui-system/src/useMediaQuery/index.ts

@@ -0,0 +1,2 @@
+export { default } from './useMediaQuery';
+export * from './useMediaQuery';

packages/mui-material/src/useMediaQuery/useMediaQuery.ts → packages/mui-system/src/useMediaQuery/useMediaQuery.ts

@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
-import { getThemeProps } from '@mui/system/useThemeProps';
-import useTheme from '@mui/system/useThemeWithoutDefault';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import { getThemeProps } from '../useThemeProps';
+import useTheme from '../useThemeWithoutDefault';
 
 /**
  * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.