import type { JSX } from "@solidjs/web"; import { type Accessor } from "solid-js"; import { type MaybeAccessor } from "../internals/maybe-accessor.js"; /** * Why the popover's open state changed. * * - `"trigger-press"` — trigger was clicked or keyboard-activated. * - `"escape-key"` — Escape dismissed the popover. * - `"outside-press"` — pointer pressed outside. * - `"close-button"` — `` was pressed. * - `"imperative"` — `p.setOpen()` called programmatically. */ export type PopoverChangeReason = "trigger-press" | "escape-key" | "outside-press" | "close-button" | "imperative"; import type { PopoverModalKind } from "./popover-root-context.js"; export type { PopoverModalKind }; /** * Options for {@link createPopover}. */ export interface CreatePopoverOptions { /** * Open state. Consumer-owned signal. */ open: MaybeAccessor; /** * Whether interaction is suppressed. * @default false */ disabled?: MaybeAccessor; /** * Modal surface kind. * @default false */ modal?: MaybeAccessor; /** * Pre-change callback fired via `runWithOwner(null, ...)`. */ onOpenChange?: (open: boolean, event: Event, reason: PopoverChangeReason) => void; } /** * Public API returned by {@link createPopover}. */ export interface PopoverApi { /** Reactive accessor for the current open state. */ open: Accessor; /** Whether interaction is suppressed. */ disabled: Accessor; /** Modal surface kind. */ modal: Accessor; /** Imperative open setter. */ setOpen: (next: boolean, event?: Event, reason?: PopoverChangeReason) => void; /** Flip open (no-op when disabled). */ toggle: (event?: Event, reason?: PopoverChangeReason) => void; /** Context provider. */ Provider: (props: { children: JSX.Element; }) => JSX.Element; } /** * Read the nearest {@link PopoverApi}. Throws unless `optional` is true. */ export declare function usePopover(): PopoverApi; export declare function usePopover(optional: true): PopoverApi | null; /** * Headless primitive for a popover compound. Owns logical state — open, * disabled, modal kind. DOM machinery lives in ``. */ export declare function createPopover(options: CreatePopoverOptions): PopoverApi; //# sourceMappingURL=create-popover.d.ts.map