@base-ui/react/floating-ui-react/hooks/useHoverReferenceInteraction.d.ts

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

import * as React from 'react';
import type { FloatingContext, FloatingRootContext } from "../types.js";
import type { UseHoverProps } from "./useHover.js";
import type { FloatingTreeStore } from "../components/FloatingTreeStore.js";
import { HTMLProps } from "../../utils/types.js";
export interface UseHoverReferenceInteractionProps extends UseHoverProps {
  enabled?: boolean | undefined;
  mouseOnly?: boolean | undefined;
  externalTree?: FloatingTreeStore | undefined;
  /**
   * Whether the hook controls the active trigger. When false, the props are
   * returned under the `trigger` key so they can be applied to inactive
   * triggers via `getTriggerProps`.
   * @default true
   */
  isActiveTrigger?: boolean | undefined;
  triggerElementRef?: Readonly<React.RefObject<Element | null>> | undefined;
}
/**
 * Provides hover interactions that should be attached to reference or trigger
 * elements.
 */
export declare function useHoverReferenceInteraction(context: FloatingRootContext | FloatingContext, props?: UseHoverReferenceInteractionProps): HTMLProps | undefined;