@mui/material 7.0.0-beta.0 → 7.0.0-beta.2

package/types/OverridableComponentAugmentation.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { DistributiveOmit } from '@mui/types';
+declare module '@mui/material/OverridableComponent' {
+  /**
+   * A component whose root component can be controlled via a `component` prop.
+   *
+   * Adjusts valid props based on the type of `component`.
+   */
+  interface OverridableComponent<TypeMap extends OverridableTypeMap> {
+    <DefaultComponent extends React.ElementType>(props: {
+      /**
+       * The component used for the root node.
+       * Either a string to use a HTML element or a component.
+       */
+      component: DefaultComponent;
+    } & OverridePropsVer2<TypeMap, DefaultComponent>): React.JSX.Element;
+    (props: DefaultComponentPropsVer2<TypeMap>): React.JSX.Element;
+  }
+  /**
+   * Props of the component if `component={Component}` is used.
+   */
+  type OverridePropsVer2<TypeMap extends OverridableTypeMap, RootComponent extends React.ElementType> = (BaseProps<TypeMap> & DistributiveOmit<React.ComponentPropsWithoutRef<RootComponent>, keyof BaseProps<TypeMap>> & {
+    ref?: React.Ref<Element>;
+  });
+  /**
+   * Props if `component={Component}` is NOT used.
+   */
+  type DefaultComponentPropsVer2<TypeMap extends OverridableTypeMap> = BaseProps<TypeMap> & DistributiveOmit<React.ComponentPropsWithoutRef<TypeMap['defaultComponent']>, keyof BaseProps<TypeMap>> & {
+    ref?: React.Ref<Element>;
+  };
+}

package/useAutocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./useAutocomplete.js";
+export * from "./useAutocomplete.js";

package/useAutocomplete/useAutocomplete.d.ts

@@ -0,0 +1,404 @@
+import * as React from 'react';
+import { PartiallyRequired } from '@mui/types';
+export interface CreateFilterOptionsConfig<Value> {
+  ignoreAccents?: boolean;
+  ignoreCase?: boolean;
+  limit?: number;
+  matchFrom?: 'any' | 'start';
+  stringify?: (option: Value) => string;
+  trim?: boolean;
+}
+export interface FilterOptionsState<Value> {
+  inputValue: string;
+  getOptionLabel: (option: Value) => string;
+}
+export interface AutocompleteGroupedOption<Value = string> {
+  key: number;
+  index: number;
+  group: string;
+  options: Value[];
+}
+export function createFilterOptions<Value>(config?: CreateFilterOptionsConfig<Value>): (options: Value[], state: FilterOptionsState<Value>) => Value[];
+export type AutocompleteFreeSoloValueMapping<FreeSolo> = FreeSolo extends true ? string : never;
+export type AutocompleteValue<Value, Multiple, DisableClearable, FreeSolo> = Multiple extends true ? Array<Value | AutocompleteFreeSoloValueMapping<FreeSolo>> : DisableClearable extends true ? NonNullable<Value | AutocompleteFreeSoloValueMapping<FreeSolo>> : Value | null | AutocompleteFreeSoloValueMapping<FreeSolo>;
+export interface UseAutocompleteProps<Value, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> {
+  /**
+   * @internal The prefix of the state class name, temporary for Joy UI
+   * @default 'Mui'
+   */
+  unstable_classNamePrefix?: string;
+  /**
+   * @internal
+   * Temporary for Joy UI because the parent listbox is the document object
+   * TODO v6: Normalize the logic and remove this param.
+   */
+  unstable_isActiveElementInListbox?: (listbox: React.RefObject<HTMLElement | null>) => boolean;
+  /**
+   * If `true`, the portion of the selected suggestion that the user hasn't typed,
+   * known as the completion string, appears inline after the input cursor in the textbox.
+   * The inline completion string is visually highlighted and has a selected state.
+   * @default false
+   */
+  autoComplete?: boolean;
+  /**
+   * If `true`, the first option is automatically highlighted.
+   * @default false
+   */
+  autoHighlight?: boolean;
+  /**
+   * If `true`, the selected option becomes the value of the input
+   * when the Autocomplete loses focus unless the user chooses
+   * a different option or changes the character string in the input.
+   *
+   * When using the `freeSolo` mode, the typed value will be the input value
+   * if the Autocomplete loses focus without highlighting an option.
+   * @default false
+   */
+  autoSelect?: boolean;
+  /**
+   * Control if the input should be blurred when an option is selected:
+   *
+   * - `false` the input is not blurred.
+   * - `true` the input is always blurred.
+   * - `touch` the input is blurred after a touch event.
+   * - `mouse` the input is blurred after a mouse event.
+   * @default false
+   */
+  blurOnSelect?: 'touch' | 'mouse' | true | false;
+  /**
+   * If `true`, the input's text is cleared on blur if no value is selected.
+   *
+   * Set it to `true` if you want to help the user enter a new value.
+   * Set it to `false` if you want to help the user resume their search.
+   * @default !props.freeSolo
+   */
+  clearOnBlur?: boolean;
+  /**
+   * If `true`, clear all values when the user presses escape and the popup is closed.
+   * @default false
+   */
+  clearOnEscape?: boolean;
+  /**
+   * The component name that is using this hook. Used for warnings.
+   */
+  componentName?: string;
+  /**
+   * The default value. Use when the component is not controlled.
+   * @default props.multiple ? [] : null
+   */
+  defaultValue?: AutocompleteValue<Value, Multiple, DisableClearable, FreeSolo>;
+  /**
+   * If `true`, the input can't be cleared.
+   * @default false
+   */
+  disableClearable?: DisableClearable;
+  /**
+   * If `true`, the popup won't close when a value is selected.
+   * @default false
+   */
+  disableCloseOnSelect?: boolean;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, will allow focus on disabled items.
+   * @default false
+   */
+  disabledItemsFocusable?: boolean;
+  /**
+   * If `true`, the list box in the popup will not wrap focus.
+   * @default false
+   */
+  disableListWrap?: boolean;
+  /**
+   * A function that determines the filtered options to be rendered on search.
+   *
+   * @default createFilterOptions()
+   * @param {Value[]} options The options to render.
+   * @param {object} state The state of the component.
+   * @returns {Value[]}
+   */
+  filterOptions?: (options: Value[], state: FilterOptionsState<Value>) => Value[];
+  /**
+   * If `true`, hide the selected options from the list box.
+   * @default false
+   */
+  filterSelectedOptions?: boolean;
+  /**
+   * If `true`, the Autocomplete is free solo, meaning that the user input is not bound to provided options.
+   * @default false
+   */
+  freeSolo?: FreeSolo;
+  /**
+   * Used to determine the disabled state for a given option.
+   *
+   * @param {Value} option The option to test.
+   * @returns {boolean}
+   */
+  getOptionDisabled?: (option: Value) => boolean;
+  /**
+   * Used to determine the key for a given option.
+   * This can be useful when the labels of options are not unique (since labels are used as keys by default).
+   *
+   * @param {Value} option The option to get the key for.
+   * @returns {string | number}
+   */
+  getOptionKey?: (option: Value | AutocompleteFreeSoloValueMapping<FreeSolo>) => string | number;
+  /**
+   * Used to determine the string value for a given option.
+   * It's used to fill the input (and the list box options if `renderOption` is not provided).
+   *
+   * If used in free solo mode, it must accept both the type of the options and a string.
+   *
+   * @param {Value} option
+   * @returns {string}
+   * @default (option) => option.label ?? option
+   */
+  getOptionLabel?: (option: Value | AutocompleteFreeSoloValueMapping<FreeSolo>) => string;
+  /**
+   * If provided, the options will be grouped under the returned string.
+   * The groupBy value is also used as the text for group headings when `renderGroup` is not provided.
+   *
+   * @param {Value} option The Autocomplete option.
+   * @returns {string}
+   */
+  groupBy?: (option: Value) => string;
+
+  /**
+   * If `true`, the component handles the "Home" and "End" keys when the popup is open.
+   * It should move focus to the first option and last option, respectively.
+   * @default !props.freeSolo
+   */
+  handleHomeEndKeys?: boolean;
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide an id it will fall back to a randomly generated one.
+   */
+  id?: string;
+  /**
+   * If `true`, the highlight can move to the input.
+   * @default false
+   */
+  includeInputInList?: boolean;
+  /**
+   * The input value.
+   */
+  inputValue?: string;
+  /**
+   * Used to determine if the option represents the given value.
+   * Uses strict equality by default.
+   * ⚠️ Both arguments need to be handled, an option can only match with one value.
+   *
+   * @param {Value} option The option to test.
+   * @param {Value} value The value to test against.
+   * @returns {boolean}
+   */
+  isOptionEqualToValue?: (option: Value, value: Value) => boolean;
+  /**
+   * If `true`, `value` must be an array and the menu will support multiple selections.
+   * @default false
+   */
+  multiple?: Multiple;
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {Value|Value[]} value The new value of the component.
+   * @param {string} reason One of "createOption", "selectOption", "removeOption", "blur" or "clear".
+   * @param {string} [details]
+   */
+  onChange?: (event: React.SyntheticEvent, value: AutocompleteValue<Value, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason, details?: AutocompleteChangeDetails<Value>) => void;
+  /**
+   * Callback fired when the popup requests to be closed.
+   * Use in controlled mode (see open).
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {string} reason Can be: `"toggleInput"`, `"escape"`, `"selectOption"`, `"removeOption"`, `"blur"`.
+   */
+  onClose?: (event: React.SyntheticEvent, reason: AutocompleteCloseReason) => void;
+  /**
+   * Callback fired when the highlight option changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {Value} option The highlighted option.
+   * @param {string} reason Can be: `"keyboard"`, `"auto"`, `"mouse"`, `"touch"`.
+   */
+  onHighlightChange?: (event: React.SyntheticEvent, option: Value | null, reason: AutocompleteHighlightChangeReason) => void;
+  /**
+   * Callback fired when the input value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {string} value The new value of the text input.
+   * @param {string} reason Can be: `"input"` (user input), `"reset"` (programmatic change), `"clear"`, `"blur"`, `"selectOption"`, `"removeOption"`
+   */
+  onInputChange?: (event: React.SyntheticEvent, value: string, reason: AutocompleteInputChangeReason) => void;
+  /**
+   * Callback fired when the popup requests to be opened.
+   * Use in controlled mode (see open).
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onOpen?: (event: React.SyntheticEvent) => void;
+  /**
+   * If `true`, the component is shown.
+   */
+  open?: boolean;
+  /**
+   * If `true`, the popup will open on input focus.
+   * @default false
+   */
+  openOnFocus?: boolean;
+  /**
+   * A list of options that will be shown in the Autocomplete.
+   */
+  options: ReadonlyArray<Value>;
+  /**
+   * If `true`, the component becomes readonly. It is also supported for multiple tags where the tag cannot be deleted.
+   * @default false
+   */
+  readOnly?: boolean;
+  /**
+   * If `true`, the input's text is selected on focus.
+   * It helps the user clear the selected value.
+   * @default !props.freeSolo
+   */
+  selectOnFocus?: boolean;
+  /**
+   * The value of the autocomplete.
+   *
+   * The value must have reference equality with the option in order to be selected.
+   * You can customize the equality behavior with the `isOptionEqualToValue` prop.
+   */
+  value?: AutocompleteValue<Value, Multiple, DisableClearable, FreeSolo>;
+}
+export interface UseAutocompleteParameters<Value, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends UseAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo> {}
+export type AutocompleteHighlightChangeReason = 'keyboard' | 'mouse' | 'auto' | 'touch';
+export type AutocompleteChangeReason = 'createOption' | 'selectOption' | 'removeOption' | 'clear' | 'blur';
+export interface AutocompleteChangeDetails<Value = string> {
+  option: Value;
+}
+export type AutocompleteCloseReason = 'createOption' | 'toggleInput' | 'escape' | 'selectOption' | 'removeOption' | 'blur';
+export type AutocompleteInputChangeReason = 'input' | 'reset' | 'clear' | 'blur' | 'selectOption' | 'removeOption';
+export type AutocompleteGetTagProps = ({
+  index
+}: {
+  index: number;
+}) => {
+  key: number;
+  'data-tag-index': number;
+  tabIndex: -1;
+  onDelete: (event: any) => void;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Autocomplete](https://mui.com/base-ui/react-autocomplete/#hook)
+ *
+ * API:
+ *
+ * - [useAutocomplete API](https://mui.com/base-ui/react-autocomplete/hooks-api/#use-autocomplete)
+ */
+export function useAutocomplete<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: PartiallyRequired<UseAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo>, 'groupBy'>): UseAutocompleteReturnValue<Value, Multiple, DisableClearable, FreeSolo, true>;
+export function useAutocomplete<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: Omit<UseAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo>, 'groupBy'>): UseAutocompleteReturnValue<Value, Multiple, DisableClearable, FreeSolo, false>;
+export interface UseAutocompleteRenderedOption<Value> {
+  option: Value;
+  index: number;
+}
+export interface UseAutocompleteReturnValue<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, HasGroupBy extends boolean = false> {
+  /**
+   * Resolver for the root slot's props.
+   * @param externalProps props for the root slot
+   * @returns props that should be spread on the root slot
+   */
+  getRootProps: (externalProps?: any) => React.HTMLAttributes<HTMLDivElement>;
+  /**
+   * Resolver for the input element's props.
+   * @returns props that should be spread on the input element
+   */
+  getInputProps: () => React.InputHTMLAttributes<HTMLInputElement> & {
+    ref: React.Ref<HTMLInputElement>;
+  };
+  /**
+   * Resolver for the input label element's props.
+   * @returns props that should be spread on the input label element
+   */
+  getInputLabelProps: () => Omit<React.HTMLAttributes<HTMLLabelElement>, 'color'>;
+  /**
+   * Resolver for the `clear` button element's props.
+   * @returns props that should be spread on the *clear* button element
+   */
+  getClearProps: () => React.HTMLAttributes<HTMLButtonElement>;
+  /**
+   * Resolver for the popup icon's props.
+   * @returns props that should be spread on the popup icon
+   */
+  getPopupIndicatorProps: () => React.HTMLAttributes<HTMLButtonElement>;
+  /**
+   * A tag props getter.
+   */
+  getTagProps: AutocompleteGetTagProps;
+  /**
+   * Resolver for the listbox component's props.
+   * @returns props that should be spread on the listbox component
+   */
+  getListboxProps: () => React.HTMLAttributes<HTMLUListElement>;
+  /**
+   * Resolver for the rendered option element's props.
+   * @param renderedOption option rendered on the Autocomplete
+   * @returns props that should be spread on the li element
+   */
+  getOptionProps: (renderedOption: UseAutocompleteRenderedOption<Value>) => React.HTMLAttributes<HTMLLIElement> & {
+    key: any;
+  };
+  /**
+   * Id for the Autocomplete.
+   */
+  id: string;
+  /**
+   * The input value.
+   */
+  inputValue: string;
+  /**
+   * The value of the autocomplete.
+   */
+  value: AutocompleteValue<Value, Multiple, DisableClearable, FreeSolo>;
+  /**
+   * If `true`, the component input has some values.
+   */
+  dirty: boolean;
+  /**
+   * If `true`, the listbox is being displayed.
+   */
+  expanded: boolean;
+  /**
+   * If `true`, the popup is open on the component.
+   */
+  popupOpen: boolean;
+  /**
+   * If `true`, the component is focused.
+   */
+  focused: boolean;
+  /**
+   * An HTML element that is used to set the position of the component.
+   */
+  anchorEl: null | HTMLElement;
+  /**
+   * Setter for the component `anchorEl`.
+   * @returns function for setting `anchorEl`
+   */
+  setAnchorEl: () => void;
+  /**
+   * Index of the focused tag for the component.
+   */
+  focusedTag: number;
+  /**
+   * The options to render.
+   * - If `groupBy` is provided, the options are grouped and represented as `AutocompleteGroupedOption<Value>[]`.
+   * - Otherwise, the options are represented as a flat array of `Value[]`.
+   */
+  groupedOptions: HasGroupBy extends true ? AutocompleteGroupedOption<Value>[] : Value[];
+}
+export default useAutocomplete;

package/useLazyRipple/index.d.ts

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

package/useLazyRipple/useLazyRipple.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { TouchRippleActions } from "../ButtonBase/TouchRipple.js";
+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.RefObject<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/useMediaQuery/index.d.ts

@@ -0,0 +1,7 @@
+import { UseMediaQueryOptions } from '@mui/system/useMediaQuery';
+import { Theme } from "../styles/createTheme.js";
+export * from '@mui/system/useMediaQuery';
+
+// TODO v7: remove the generic. It's only used to prevent a breaking change in v6 from system's useMediaQuery in https://github.com/mui/material-ui/pull/44339.
+declare function useMediaQuery<T = Theme>(queryInput: string | ((theme: T) => string), options?: UseMediaQueryOptions): boolean;
+export default useMediaQuery;

package/usePagination/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./usePagination.js";
+export * from "./usePagination.js";

package/usePagination/usePagination.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+export interface UsePaginationProps {
+  /**
+   * Number of always visible pages at the beginning and end.
+   * @default 1
+   */
+  boundaryCount?: number;
+  /**
+   * The name of the component where this hook is used.
+   */
+  componentName?: string;
+  /**
+   * The total number of pages.
+   * @default 1
+   */
+  count?: number;
+  /**
+   * The page selected by default when the component is uncontrolled.
+   * @default 1
+   */
+  defaultPage?: number;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, hide the next-page button.
+   * @default false
+   */
+  hideNextButton?: boolean;
+  /**
+   * If `true`, hide the previous-page button.
+   * @default false
+   */
+  hidePrevButton?: boolean;
+  /**
+   * Callback fired when the page is changed.
+   *
+   * @param {React.ChangeEvent<unknown>} event The event source of the callback.
+   * @param {number} page The page selected.
+   */
+  onChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
+  /**
+   * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
+   */
+  page?: number;
+  /**
+   * If `true`, show the first-page button.
+   * @default false
+   */
+  showFirstButton?: boolean;
+  /**
+   * If `true`, show the last-page button.
+   * @default false
+   */
+  showLastButton?: boolean;
+  /**
+   * Number of always visible pages before and after the current page.
+   * @default 1
+   */
+  siblingCount?: number;
+}
+export interface UsePaginationItem {
+  onClick: React.ReactEventHandler;
+  type: 'page' | 'first' | 'last' | 'next' | 'previous' | 'start-ellipsis' | 'end-ellipsis';
+  page: number | null;
+  selected: boolean;
+  disabled: boolean;
+}
+export interface UsePaginationResult {
+  items: UsePaginationItem[];
+}
+export default function usePagination(props: UsePaginationProps): UsePaginationResult;

package/useScrollTrigger/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./useScrollTrigger.js";

package/useScrollTrigger/useScrollTrigger.d.ts

@@ -0,0 +1,6 @@
+export interface UseScrollTriggerOptions {
+  disableHysteresis?: boolean;
+  target?: Node | Window;
+  threshold?: number;
+}
+export default function useScrollTrigger(options?: UseScrollTriggerOptions): boolean;

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/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/capitalize.d.ts

@@ -0,0 +1,2 @@
+import capitalize from '@mui/utils/capitalize';
+export default capitalize;

package/utils/createChainedFunction.d.ts

@@ -0,0 +1,2 @@
+import createChainedFunction from '@mui/utils/createChainedFunction';
+export default createChainedFunction;

package/utils/createSimplePaletteValueFilter.d.ts

@@ -0,0 +1,12 @@
+import { PaletteColorOptions, SimplePaletteColorOptions } from "../styles/createPalette.js";
+type AdditionalPropertiesToCheck = (keyof Omit<SimplePaletteColorOptions, 'main'>)[];
+/**
+ * Creates a filter function used to filter simple palette color options.
+ * The minimum requirement is that the object has a "main" property of type string, this is always checked.
+ * Optionally, you can pass additional properties to check.
+ *
+ * @param additionalPropertiesToCheck - Array containing "light", "dark", and/or "contrastText"
+ * @returns ([, value]: [any, PaletteColorOptions]) => boolean
+ */
+export default function createSimplePaletteValueFilter(additionalPropertiesToCheck?: AdditionalPropertiesToCheck): ([, value]: [any, PaletteColorOptions]) => boolean;
+export {};

package/utils/createSvgIcon.d.ts

@@ -0,0 +1,2 @@
+import SvgIcon from "../SvgIcon/index.js";
+export default function createSvgIcon(path: React.ReactNode, displayName: string): typeof SvgIcon;

package/utils/debounce.d.ts

@@ -0,0 +1,2 @@
+import debounce from '@mui/utils/debounce';
+export default debounce;

package/utils/deprecatedPropType.d.ts

@@ -0,0 +1,2 @@
+import deprecatedPropType from '@mui/utils/deprecatedPropType';
+export default deprecatedPropType;

package/utils/getScrollbarSize.d.ts

@@ -0,0 +1,2 @@
+import getScrollbarSize from '@mui/utils/getScrollbarSize';
+export default getScrollbarSize;

package/utils/index.d.ts

@@ -0,0 +1,20 @@
+export { unstable_ClassNameGenerator } from '@mui/utils';
+export { default as capitalize } from "./capitalize.js";
+export { default as createChainedFunction } from "./createChainedFunction.js";
+export { default as createSvgIcon } from "./createSvgIcon.js";
+export { default as debounce } from "./debounce.js";
+export { default as deprecatedPropType } from "./deprecatedPropType.js";
+export { default as isMuiElement } from "./isMuiElement.js";
+export { default as unstable_memoTheme } from "./memoTheme.js";
+export { default as ownerDocument } from "./ownerDocument.js";
+export { default as ownerWindow } from "./ownerWindow.js";
+export { default as requirePropFactory } from "./requirePropFactory.js";
+export { default as setRef } from "./setRef.js";
+export { default as unstable_useEnhancedEffect } from "./useEnhancedEffect.js";
+export { default as unstable_useId } from "./useId.js";
+export { default as unsupportedProp } from "./unsupportedProp.js";
+export { default as useControlled } from "./useControlled.js";
+export { default as useEventCallback } from "./useEventCallback.js";
+export { default as useForkRef } from "./useForkRef.js";
+export { default as mergeSlotProps } from "./mergeSlotProps.js";
+export * from "./types.js";

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): element is "symbol" | "object" | "center" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "clipPath" | "filter" | "menuitem" | "mask" | "marker" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "sup" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view";
+export default isHostComponent;