@mui/material 5.13.6 → 5.14.0

package/useAutocomplete/index.js

@@ -1 +1,3 @@
+'use client';
+
 export { default, createFilterOptions } from './useAutocomplete';

package/useAutocomplete/useAutocomplete.js

@@ -1,2 +1,4 @@
+'use client';
+
 export { default } from '@mui/base/useAutocomplete';
 export * from '@mui/base/useAutocomplete';

package/useMediaQuery/index.js

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

package/useMediaQuery/useMediaQuery.d.ts

@@ -1,46 +1,46 @@
-/**
- * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
- */
-export interface MuiMediaQueryListEvent {
-    matches: boolean;
-}
-/**
- * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
- */
-export interface MuiMediaQueryList {
-    matches: boolean;
-    addListener: (listener: MuiMediaQueryListListener) => void;
-    removeListener: (listener: MuiMediaQueryListListener) => void;
-}
-/**
- * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
- */
-export type MuiMediaQueryListListener = (event: MuiMediaQueryListEvent) => void;
-export interface UseMediaQueryOptions {
-    /**
-     * As `window.matchMedia()` is unavailable on the server,
-     * it returns a default matches during the first mount.
-     * @default false
-     */
-    defaultMatches?: boolean;
-    /**
-     * You can provide your own implementation of matchMedia.
-     * This can be used for handling an iframe content window.
-     */
-    matchMedia?: typeof window.matchMedia;
-    /**
-     * To perform the server-side hydration, the hook needs to render twice.
-     * A first time with `defaultMatches`, the value of the server, and a second time with the resolved value.
-     * This double pass rendering cycle comes with a drawback: it's slower.
-     * You can set this option to `true` if you use the returned value **only** client-side.
-     * @default false
-     */
-    noSsr?: boolean;
-    /**
-     * You can provide your own implementation of `matchMedia`, it's used when rendering server-side.
-     */
-    ssrMatchMedia?: (query: string) => {
-        matches: boolean;
-    };
-}
-export default function useMediaQuery<Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions): boolean;
+/**
+ * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.
+ */
+export interface MuiMediaQueryListEvent {
+    matches: boolean;
+}
+/**
+ * @deprecated Not used internally. Use `MediaQueryList` from lib.dom.d.ts instead.
+ */
+export interface MuiMediaQueryList {
+    matches: boolean;
+    addListener: (listener: MuiMediaQueryListListener) => void;
+    removeListener: (listener: MuiMediaQueryListListener) => void;
+}
+/**
+ * @deprecated Not used internally. Use `(event: MediaQueryListEvent) => void` instead.
+ */
+export type MuiMediaQueryListListener = (event: MuiMediaQueryListEvent) => void;
+export interface UseMediaQueryOptions {
+    /**
+     * As `window.matchMedia()` is unavailable on the server,
+     * it returns a default matches during the first mount.
+     * @default false
+     */
+    defaultMatches?: boolean;
+    /**
+     * You can provide your own implementation of matchMedia.
+     * This can be used for handling an iframe content window.
+     */
+    matchMedia?: typeof window.matchMedia;
+    /**
+     * To perform the server-side hydration, the hook needs to render twice.
+     * A first time with `defaultMatches`, the value of the server, and a second time with the resolved value.
+     * This double pass rendering cycle comes with a drawback: it's slower.
+     * You can set this option to `true` if you use the returned value **only** client-side.
+     * @default false
+     */
+    noSsr?: boolean;
+    /**
+     * You can provide your own implementation of `matchMedia`, it's used when rendering server-side.
+     */
+    ssrMatchMedia?: (query: string) => {
+        matches: boolean;
+    };
+}
+export default function useMediaQuery<Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions): boolean;

package/useMediaQuery/useMediaQuery.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { getThemeProps, useThemeWithoutDefault as useTheme } from '@mui/system';
 import useEnhancedEffect from '../utils/useEnhancedEffect';

package/useMediaQuery/useMediaQueryTheme.js

@@ -1,3 +1,5 @@
+'use client';
+
 import useMediaQuery from './useMediaQuery';
 
 // TODO v5: to deprecate in v4.x and remove in v5

package/usePagination/index.js

@@ -1 +1,3 @@
+'use client';
+
 export { default } from './usePagination';

package/usePagination/usePagination.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];

package/useScrollTrigger/index.js

@@ -1 +1,3 @@
+'use client';
+
 export { default } from './useScrollTrigger';

package/useScrollTrigger/useScrollTrigger.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["getTrigger", "target"];

package/useTouchRipple/index.d.ts

@@ -1 +1 @@
-export { default } from './useTouchRipple';
+export { default } from './useTouchRipple';

package/useTouchRipple/index.js

@@ -1 +1,3 @@
+'use client';
+
 export { default } from './useTouchRipple';

package/useTouchRipple/useTouchRipple.d.ts

@@ -1,28 +1,28 @@
-import * as React from 'react';
-import { TouchRippleActions } from '../ButtonBase/TouchRipple';
-interface UseTouchRippleProps {
-    disabled: boolean;
-    disableFocusRipple?: boolean;
-    disableRipple?: boolean;
-    disableTouchRipple?: boolean;
-    focusVisible: boolean;
-    rippleRef: React.RefObject<TouchRippleActions>;
-}
-interface RippleEventHandlers {
-    onBlur: React.FocusEventHandler;
-    onContextMenu: React.MouseEventHandler;
-    onDragLeave: React.DragEventHandler;
-    onKeyDown: React.KeyboardEventHandler;
-    onKeyUp: React.KeyboardEventHandler;
-    onMouseDown: React.MouseEventHandler;
-    onMouseLeave: React.MouseEventHandler;
-    onMouseUp: React.MouseEventHandler;
-    onTouchEnd: React.TouchEventHandler;
-    onTouchMove: React.TouchEventHandler;
-    onTouchStart: React.TouchEventHandler;
-}
-declare const useTouchRipple: (props: UseTouchRippleProps) => {
-    enableTouchRipple: boolean;
-    getRippleHandlers: (otherEvents?: Partial<RippleEventHandlers>) => RippleEventHandlers;
-};
-export default useTouchRipple;
+import * as React from 'react';
+import { TouchRippleActions } from '../ButtonBase/TouchRipple';
+interface UseTouchRippleProps {
+    disabled: boolean;
+    disableFocusRipple?: boolean;
+    disableRipple?: boolean;
+    disableTouchRipple?: boolean;
+    focusVisible: boolean;
+    rippleRef: React.RefObject<TouchRippleActions>;
+}
+interface RippleEventHandlers {
+    onBlur: React.FocusEventHandler;
+    onContextMenu: React.MouseEventHandler;
+    onDragLeave: React.DragEventHandler;
+    onKeyDown: React.KeyboardEventHandler;
+    onKeyUp: React.KeyboardEventHandler;
+    onMouseDown: React.MouseEventHandler;
+    onMouseLeave: React.MouseEventHandler;
+    onMouseUp: React.MouseEventHandler;
+    onTouchEnd: React.TouchEventHandler;
+    onTouchMove: React.TouchEventHandler;
+    onTouchStart: React.TouchEventHandler;
+}
+declare const useTouchRipple: (props: UseTouchRippleProps) => {
+    enableTouchRipple: boolean;
+    getRippleHandlers: (otherEvents?: Partial<RippleEventHandlers>) => RippleEventHandlers;
+};
+export default useTouchRipple;

package/useTouchRipple/useTouchRipple.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { useEventCallback } from '../utils';
 const useTouchRipple = props => {

package/utils/createSvgIcon.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import SvgIcon from '../SvgIcon';

package/utils/getScrollbarSize.d.ts

@@ -1,2 +1,2 @@
-import { unstable_getScrollbarSize as getScrollbarSize } from '@mui/utils';
-export default getScrollbarSize;
+import { unstable_getScrollbarSize as getScrollbarSize } from '@mui/utils';
+export default getScrollbarSize;

package/utils/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/base/className';
 export { default as capitalize } from './capitalize';
 export { default as createChainedFunction } from './createChainedFunction';

package/utils/ownerDocument.d.ts

@@ -1,2 +1,2 @@
-import { unstable_ownerDocument as ownerDocument } from '@mui/utils';
-export default ownerDocument;
+import { unstable_ownerDocument as ownerDocument } from '@mui/utils';
+export default ownerDocument;

package/utils/ownerWindow.d.ts

@@ -1,2 +1,2 @@
-import { unstable_ownerWindow as ownerWindow } from '@mui/utils';
-export default ownerWindow;
+import { unstable_ownerWindow as ownerWindow } from '@mui/utils';
+export default ownerWindow;

package/utils/setRef.d.ts

@@ -1,2 +1,2 @@
-import { unstable_setRef as setRef } from '@mui/utils';
-export default setRef;
+import { unstable_setRef as setRef } from '@mui/utils';
+export default setRef;

package/utils/useControlled.js

@@ -1,2 +1,4 @@
+'use client';
+
 import { unstable_useControlled as useControlled } from '@mui/utils';
 export default useControlled;

package/utils/useEnhancedEffect.js

@@ -1,2 +1,4 @@
+'use client';
+
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
 export default useEnhancedEffect;

package/utils/useEventCallback.js

@@ -1,2 +1,4 @@
+'use client';
+
 import { unstable_useEventCallback as useEventCallback } from '@mui/utils';
 export default useEventCallback;

package/utils/useForkRef.js

@@ -1,2 +1,4 @@
+'use client';
+
 import { unstable_useForkRef as useForkRef } from '@mui/utils';
 export default useForkRef;

package/utils/useId.js

@@ -1,2 +1,4 @@
+'use client';
+
 import { unstable_useId as useId } from '@mui/utils';
 export default useId;

package/utils/useIsFocusVisible.js

@@ -1,2 +1,4 @@
+'use client';
+
 import { unstable_useIsFocusVisible as useIsFocusVisible } from '@mui/utils';
 export default useIsFocusVisible;