@mui/material 6.0.0-alpha.9 → 6.0.0-beta.1

package/useLazyRipple/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useLazyRipple';

package/useLazyRipple/index.js

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

package/useLazyRipple/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/useLazyRipple/index.js",
+  "types": "./index.d.ts"
+}

package/useLazyRipple/useLazyRipple.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { TouchRippleActions } from '../ButtonBase/TouchRipple';
+type ControlledPromise<T = unknown> = Promise<T> & {
+    resolve: Function;
+    reject: Function;
+};
+/**
+ * Lazy initialization container for the Ripple instance. This improves
+ * performance by delaying mounting the ripple until it's needed.
+ */
+export declare class LazyRipple {
+    /** React ref to the ripple instance */
+    ref: React.MutableRefObject<TouchRippleActions | null>;
+    /** If the ripple component should be mounted */
+    shouldMount: boolean;
+    /** Promise that resolves when the ripple component is mounted */
+    private mounted;
+    /** If the ripple component has been mounted */
+    private didMount;
+    /** React state hook setter */
+    private setShouldMount;
+    static create(): LazyRipple;
+    static use(): LazyRipple;
+    constructor();
+    mount(): ControlledPromise<unknown>;
+    mountEffect: () => void;
+    start(...args: Parameters<TouchRippleActions['start']>): void;
+    stop(...args: Parameters<TouchRippleActions['stop']>): void;
+    pulsate(...args: Parameters<TouchRippleActions['pulsate']>): void;
+}
+export default function useLazyRipple(): LazyRipple;
+export {};

package/useLazyRipple/useLazyRipple.js

@@ -0,0 +1,85 @@
+'use client';
+
+import * as React from 'react';
+import useLazyRef from '@mui/utils/useLazyRef';
+/**
+ * Lazy initialization container for the Ripple instance. This improves
+ * performance by delaying mounting the ripple until it's needed.
+ */
+export class LazyRipple {
+  /** React ref to the ripple instance */
+
+  /** If the ripple component should be mounted */
+
+  /** Promise that resolves when the ripple component is mounted */
+
+  /** If the ripple component has been mounted */
+
+  /** React state hook setter */
+
+  static create() {
+    return new LazyRipple();
+  }
+  static use() {
+    /* eslint-disable */
+    const ripple = useLazyRef(LazyRipple.create).current;
+    const [shouldMount, setShouldMount] = React.useState(false);
+    ripple.shouldMount = shouldMount;
+    ripple.setShouldMount = setShouldMount;
+    React.useEffect(ripple.mountEffect, [shouldMount]);
+    /* eslint-enable */
+
+    return ripple;
+  }
+  constructor() {
+    this.ref = {
+      current: null
+    };
+    this.mounted = null;
+    this.didMount = false;
+    this.shouldMount = false;
+    this.setShouldMount = null;
+  }
+  mount() {
+    if (!this.mounted) {
+      this.mounted = createControlledPromise();
+      this.shouldMount = true;
+      this.setShouldMount(this.shouldMount);
+    }
+    return this.mounted;
+  }
+  mountEffect = () => {
+    if (this.shouldMount && !this.didMount) {
+      if (this.ref.current !== null) {
+        this.didMount = true;
+        this.mounted.resolve();
+      }
+    }
+  };
+
+  /* Ripple API */
+
+  start(...args) {
+    this.mount().then(() => this.ref.current?.start(...args));
+  }
+  stop(...args) {
+    this.mount().then(() => this.ref.current?.stop(...args));
+  }
+  pulsate(...args) {
+    this.mount().then(() => this.ref.current?.pulsate(...args));
+  }
+}
+export default function useLazyRipple() {
+  return LazyRipple.use();
+}
+function createControlledPromise() {
+  let resolve;
+  let reject;
+  const p = new Promise((resolveFn, rejectFn) => {
+    resolve = resolveFn;
+    reject = rejectFn;
+  });
+  p.resolve = resolve;
+  p.reject = reject;
+  return p;
+}

package/usePagination/usePagination.js

@@ -55,7 +55,7 @@ export default function usePagination(props = {}) {
   // Upper boundary when page is low
   boundaryCount + siblingCount * 2 + 2),
   // Less than endPages
-  endPages.length > 0 ? endPages[0] - 2 : count - 1);
+  count - boundaryCount - 1);
 
   // Basic list of items to render
   // for example itemList = ['first', 'previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next', 'last']

package/utils/PolymorphicComponent.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { DistributiveOmit, OverridableTypeMap } from '@mui/types';
+/**
+ * A component whose root component can be controlled explicitly with a generic type parameter.
+ * Adjusts valid props based on the type of `RootComponent`.
+ *
+ * @template TypeMap The interface the defines the props and a default root element of the component.
+ */
+export type PolymorphicComponent<TypeMap extends OverridableTypeMap> = {
+    <RootComponent extends React.ElementType = TypeMap['defaultComponent']>(props: PolymorphicProps<TypeMap, RootComponent>): React.JSX.Element | null;
+    propTypes?: any;
+    displayName?: string | undefined;
+};
+/**
+ * Own props of the component augmented with props of the root component.
+ */
+export type PolymorphicProps<TypeMap extends OverridableTypeMap, RootComponent extends React.ElementType> = TypeMap['props'] & DistributiveOmit<React.ComponentPropsWithRef<RootComponent>, keyof TypeMap['props']>;

package/utils/PolymorphicComponent.js

@@ -0,0 +1 @@
+export {};

package/utils/areArraysEqual.d.ts

@@ -0,0 +1,3 @@
+type ItemComparer<Item> = (a: Item, b: Item) => boolean;
+declare function areArraysEqual<Item>(array1: ReadonlyArray<Item>, array2: ReadonlyArray<Item>, itemComparer?: ItemComparer<Item>): boolean;
+export default areArraysEqual;

package/utils/areArraysEqual.js

@@ -0,0 +1,4 @@
+function areArraysEqual(array1, array2, itemComparer = (a, b) => a === b) {
+  return array1.length === array2.length && array1.every((value, index) => itemComparer(value, array2[index]));
+}
+export default areArraysEqual;

package/utils/index.d.ts

@@ -1,3 +1,4 @@
+export { unstable_ClassNameGenerator } from '@mui/utils';
 export { default as capitalize } from './capitalize';
 export { default as createChainedFunction } from './createChainedFunction';
 export { default as createSvgIcon } from './createSvgIcon';
@@ -14,5 +15,4 @@ export { default as unsupportedProp } from './unsupportedProp';
 export { default as useControlled } from './useControlled';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useForkRef } from './useForkRef';
-export { default as useIsFocusVisible } from './useIsFocusVisible';
-export { unstable_ClassNameGenerator } from '@mui/base/ClassNameGenerator';
+export * from './types';

package/utils/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/base/ClassNameGenerator';
+import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/utils';
 export { default as capitalize } from './capitalize';
 export { default as createChainedFunction } from './createChainedFunction';
 export { default as createSvgIcon } from './createSvgIcon';
@@ -17,7 +17,6 @@ export { default as unsupportedProp } from './unsupportedProp';
 export { default as useControlled } from './useControlled';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useForkRef } from './useForkRef';
-export { default as useIsFocusVisible } from './useIsFocusVisible';
 // TODO: remove this export once ClassNameGenerator is stable
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export const unstable_ClassNameGenerator = {

package/utils/isHostComponent.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Determines if a given element is a DOM element name (i.e. not a React component).
+ */
+declare function isHostComponent(element: React.ElementType): boolean;
+export default isHostComponent;

package/utils/isHostComponent.js

@@ -0,0 +1,7 @@
+/**
+ * Determines if a given element is a DOM element name (i.e. not a React component).
+ */
+function isHostComponent(element) {
+  return typeof element === 'string';
+}
+export default isHostComponent;

package/utils/omitEventHandlers.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Removes event handlers from the given object.
+ * A field is considered an event handler if it is a function with a name beginning with `on`.
+ *
+ * @param object Object to remove event handlers from.
+ * @returns Object with event handlers removed.
+ */
+declare function omitEventHandlers<Props extends Record<string, unknown>>(object: Props | undefined): {};
+export default omitEventHandlers;

package/utils/omitEventHandlers.js

@@ -0,0 +1,18 @@
+/**
+ * Removes event handlers from the given object.
+ * A field is considered an event handler if it is a function with a name beginning with `on`.
+ *
+ * @param object Object to remove event handlers from.
+ * @returns Object with event handlers removed.
+ */
+function omitEventHandlers(object) {
+  if (object === undefined) {
+    return {};
+  }
+  const result = {};
+  Object.keys(object).filter(prop => !(prop.match(/^on[A-Z]/) && typeof object[prop] === 'function')).forEach(prop => {
+    result[prop] = object[prop];
+  });
+  return result;
+}
+export default omitEventHandlers;

package/utils/shouldSpreadAdditionalProps.js

@@ -1,4 +1,4 @@
-import { isHostComponent } from '@mui/base/utils';
+import isHostComponent from './isHostComponent';
 const shouldSpreadAdditionalProps = Slot => {
   return !Slot || !isHostComponent(Slot);
 };

package/utils/types.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { SxProps } from '@mui/system';
-import { SlotComponentProps } from '@mui/base';
+import { SlotComponentProps } from '@mui/utils';
+export type { EventHandlers, WithOptionalOwnerState, SlotComponentProps, SlotComponentPropsWithSlotState, } from '@mui/utils';
 export type SlotCommonProps = {
     component?: React.ElementType;
     sx?: SxProps;

package/utils/useSlot.js

@@ -1,7 +1,9 @@
 'use client';
 
 import useForkRef from '@mui/utils/useForkRef';
-import { appendOwnerState, resolveComponentProps, mergeSlotProps } from '@mui/base/utils';
+import appendOwnerState from '@mui/utils/appendOwnerState';
+import resolveComponentProps from '@mui/utils/resolveComponentProps';
+import mergeSlotProps from '@mui/utils/mergeSlotProps';
 /**
  * An internal function to create a Material UI slot.
  *

package/zero-styled/index.d.ts

@@ -1,4 +1,12 @@
-import useThemeProps from '../styles/useThemeProps';
+import * as React from 'react';
+import { Interpolation } from '@mui/system';
+import { extendSxProp } from '@mui/system/styleFunctionSx';
+import { Theme } from '../styles/createTheme';
+import useTheme from '../styles/useTheme';
 export { css, keyframes } from '@mui/system';
 export { default as styled } from '../styles/styled';
-export declare function createUseThemeProps(name: string): typeof useThemeProps;
+export declare function globalCss(styles: Interpolation<{
+    theme: Theme;
+}>): (props: Record<string, any>) => React.JSX.Element;
+export declare function internal_createExtendSxProp(): typeof extendSxProp;
+export { useTheme };

package/zero-styled/index.js

@@ -1,8 +1,27 @@
-import useThemeProps from '../styles/useThemeProps';
+import * as React from 'react';
+import { extendSxProp } from '@mui/system/styleFunctionSx';
+import useTheme from '../styles/useTheme';
+import GlobalStyles from '../GlobalStyles';
+import { jsx as _jsx } from "react/jsx-runtime";
 export { css, keyframes } from '@mui/system';
 export { default as styled } from '../styles/styled';
+export function globalCss(styles) {
+  return function GlobalStylesWrapper(props) {
+    return (
+      /*#__PURE__*/
+      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
+      _jsx(GlobalStyles, {
+        styles: typeof styles === 'function' ? theme => styles({
+          theme,
+          ...props
+        }) : styles
+      })
+    );
+  };
+}
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function createUseThemeProps(name) {
-  return useThemeProps;
-}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function internal_createExtendSxProp() {
+  return extendSxProp;
+}
+export { useTheme };

package/modern/useMediaQuery/useMediaQueryTheme.js

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

package/modern/useTouchRipple/index.js

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

package/modern/useTouchRipple/useTouchRipple.js

@@ -1,94 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useEventCallback } from '../utils';
-const useTouchRipple = props => {
-  const {
-    disabled,
-    disableFocusRipple,
-    disableRipple,
-    disableTouchRipple,
-    focusVisible,
-    rippleRef
-  } = props;
-  React.useEffect(() => {
-    if (focusVisible && !disableFocusRipple && !disableRipple) {
-      rippleRef.current?.pulsate();
-    }
-  }, [rippleRef, focusVisible, disableFocusRipple, disableRipple]);
-  function useRippleHandler(rippleAction, skipRippleAction = disableTouchRipple) {
-    return useEventCallback(event => {
-      if (!skipRippleAction && rippleRef.current) {
-        rippleRef.current[rippleAction](event);
-      }
-      return true;
-    });
-  }
-  const keydownRef = React.useRef(false);
-  const handleKeyDown = useEventCallback(event => {
-    if (!disableFocusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === ' ') {
-      keydownRef.current = true;
-      rippleRef.current.stop(event, () => {
-        rippleRef?.current?.start(event);
-      });
-    }
-  });
-  const handleKeyUp = useEventCallback(event => {
-    // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
-    if (!disableFocusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
-      keydownRef.current = false;
-      rippleRef.current.stop(event, () => {
-        rippleRef?.current?.pulsate(event);
-      });
-    }
-  });
-  const handleBlur = useRippleHandler('stop', false);
-  const handleMouseDown = useRippleHandler('start');
-  const handleContextMenu = useRippleHandler('stop');
-  const handleDragLeave = useRippleHandler('stop');
-  const handleMouseUp = useRippleHandler('stop');
-  const handleMouseLeave = useRippleHandler('stop');
-  const handleTouchStart = useRippleHandler('start');
-  const handleTouchEnd = useRippleHandler('stop');
-  const handleTouchMove = useRippleHandler('stop');
-  const [mountedState, setMountedState] = React.useState(false);
-  React.useEffect(() => {
-    setMountedState(true);
-  }, []);
-  const enableTouchRipple = mountedState && !disableRipple && !disabled;
-  const getRippleHandlers = React.useMemo(() => {
-    const rippleHandlers = {
-      onBlur: handleBlur,
-      onKeyDown: handleKeyDown,
-      onKeyUp: handleKeyUp,
-      onMouseDown: handleMouseDown,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseLeave,
-      onContextMenu: handleContextMenu,
-      onDragLeave: handleDragLeave,
-      onTouchStart: handleTouchStart,
-      onTouchEnd: handleTouchEnd,
-      onTouchMove: handleTouchMove
-    };
-    return (otherEvents = {}) => {
-      const eventNames = Object.keys(rippleHandlers);
-      const wrappedEvents = eventNames.map(eventName => ({
-        name: eventName,
-        handler: ev => {
-          otherEvents[eventName]?.(ev);
-          rippleHandlers[eventName](ev);
-        }
-      }));
-      return wrappedEvents.reduce((acc, current) => {
-        acc[current.name] = current.handler;
-        return acc;
-      }, {});
-    };
-  }, [handleBlur, handleKeyDown, handleKeyUp, handleMouseDown, handleMouseUp, handleMouseLeave, handleContextMenu, handleDragLeave, handleTouchStart, handleTouchEnd, handleTouchMove]);
-  return {
-    enableTouchRipple,
-    getRippleHandlers
-  };
-};
-export default useTouchRipple;

package/modern/utils/scrollLeft.js

@@ -1 +0,0 @@
-export { unstable_detectScrollType as detectScrollType, unstable_getNormalizedScrollLeft as getNormalizedScrollLeft } from '@mui/utils';

package/modern/utils/useIsFocusVisible.js

@@ -1,4 +0,0 @@
-'use client';
-
-import useIsFocusVisible from '@mui/utils/useIsFocusVisible';
-export default useIsFocusVisible;

package/node/useMediaQuery/useMediaQueryTheme.js

@@ -1,13 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useMediaQueryTheme;
-var _useMediaQuery = _interopRequireDefault(require("@mui/system/useMediaQuery"));
-// TODO v5: to deprecate in v4.x and remove in v5
-function useMediaQueryTheme(...args) {
-  return (0, _useMediaQuery.default)(...args);
-}

package/node/useTouchRipple/useTouchRipple.js

@@ -1,105 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _utils = require("../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const useTouchRipple = props => {
-  const {
-    disabled,
-    disableFocusRipple,
-    disableRipple,
-    disableTouchRipple,
-    focusVisible,
-    rippleRef
-  } = props;
-  React.useEffect(() => {
-    if (focusVisible && !disableFocusRipple && !disableRipple) {
-      var _rippleRef$current;
-      (_rippleRef$current = rippleRef.current) == null || _rippleRef$current.pulsate();
-    }
-  }, [rippleRef, focusVisible, disableFocusRipple, disableRipple]);
-  function useRippleHandler(rippleAction, skipRippleAction = disableTouchRipple) {
-    return (0, _utils.useEventCallback)(event => {
-      if (!skipRippleAction && rippleRef.current) {
-        rippleRef.current[rippleAction](event);
-      }
-      return true;
-    });
-  }
-  const keydownRef = React.useRef(false);
-  const handleKeyDown = (0, _utils.useEventCallback)(event => {
-    if (!disableFocusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === ' ') {
-      keydownRef.current = true;
-      rippleRef.current.stop(event, () => {
-        var _rippleRef$current2;
-        rippleRef == null || (_rippleRef$current2 = rippleRef.current) == null || _rippleRef$current2.start(event);
-      });
-    }
-  });
-  const handleKeyUp = (0, _utils.useEventCallback)(event => {
-    // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
-    if (!disableFocusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
-      keydownRef.current = false;
-      rippleRef.current.stop(event, () => {
-        var _rippleRef$current3;
-        rippleRef == null || (_rippleRef$current3 = rippleRef.current) == null || _rippleRef$current3.pulsate(event);
-      });
-    }
-  });
-  const handleBlur = useRippleHandler('stop', false);
-  const handleMouseDown = useRippleHandler('start');
-  const handleContextMenu = useRippleHandler('stop');
-  const handleDragLeave = useRippleHandler('stop');
-  const handleMouseUp = useRippleHandler('stop');
-  const handleMouseLeave = useRippleHandler('stop');
-  const handleTouchStart = useRippleHandler('start');
-  const handleTouchEnd = useRippleHandler('stop');
-  const handleTouchMove = useRippleHandler('stop');
-  const [mountedState, setMountedState] = React.useState(false);
-  React.useEffect(() => {
-    setMountedState(true);
-  }, []);
-  const enableTouchRipple = mountedState && !disableRipple && !disabled;
-  const getRippleHandlers = React.useMemo(() => {
-    const rippleHandlers = {
-      onBlur: handleBlur,
-      onKeyDown: handleKeyDown,
-      onKeyUp: handleKeyUp,
-      onMouseDown: handleMouseDown,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseLeave,
-      onContextMenu: handleContextMenu,
-      onDragLeave: handleDragLeave,
-      onTouchStart: handleTouchStart,
-      onTouchEnd: handleTouchEnd,
-      onTouchMove: handleTouchMove
-    };
-    return (otherEvents = {}) => {
-      const eventNames = Object.keys(rippleHandlers);
-      const wrappedEvents = eventNames.map(eventName => ({
-        name: eventName,
-        handler: ev => {
-          var _otherEvents$eventNam;
-          (_otherEvents$eventNam = otherEvents[eventName]) == null || _otherEvents$eventNam.call(otherEvents, ev);
-          rippleHandlers[eventName](ev);
-        }
-      }));
-      return wrappedEvents.reduce((acc, current) => {
-        acc[current.name] = current.handler;
-        return acc;
-      }, {});
-    };
-  }, [handleBlur, handleKeyDown, handleKeyUp, handleMouseDown, handleMouseUp, handleMouseLeave, handleContextMenu, handleDragLeave, handleTouchStart, handleTouchEnd, handleTouchMove]);
-  return {
-    enableTouchRipple,
-    getRippleHandlers
-  };
-};
-var _default = exports.default = useTouchRipple;

package/node/utils/scrollLeft.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "detectScrollType", {
-  enumerable: true,
-  get: function () {
-    return _utils.unstable_detectScrollType;
-  }
-});
-Object.defineProperty(exports, "getNormalizedScrollLeft", {
-  enumerable: true,
-  get: function () {
-    return _utils.unstable_getNormalizedScrollLeft;
-  }
-});
-var _utils = require("@mui/utils");

package/node/utils/useIsFocusVisible.js

@@ -1,10 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _useIsFocusVisible = _interopRequireDefault(require("@mui/utils/useIsFocusVisible"));
-var _default = exports.default = _useIsFocusVisible.default;

package/useMediaQuery/useMediaQueryTheme.d.ts

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

package/useMediaQuery/useMediaQueryTheme.js

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

package/useTouchRipple/index.d.ts

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

package/useTouchRipple/index.js

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

package/useTouchRipple/useTouchRipple.d.ts

@@ -1,28 +0,0 @@
-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;