import * as React from 'react';
import type { ZestChangeEventDetails } from '../../utils/createChangeEventDetails';
import type { REASONS } from '../../utils/reasons';
import type { MenuHandle } from '../store/MenuHandle';
/**
 * Groups all parts of the menu.
 * Doesn't render its own element.
 *
 * **Not ported from upstream.** `Menu.Viewport`, which exists only to animate a
 * content swap when one popup is opened by several triggers: it works by
 * capturing the previous content's DOM node and keeping it on screen while a CSS
 * transition runs, and a rendered React Native node cannot be retained that way
 * once its element is gone.
 */
export declare function MenuRoot<Payload = unknown>(props: MenuRoot.Props<Payload>): React.JSX.Element;
export interface MenuRootState {
}
export interface MenuRootActions {
    /**
     * Unmounts the menu without firing `onOpenChange`. Call it after an externally
     * controlled closing animation finishes.
     */
    unmount: () => void;
    /**
     * Closes the menu, reporting the `imperative-action` reason.
     */
    close: () => void;
}
export interface MenuRootProps<Payload = unknown> {
    /**
     * Whether the menu is currently open.
     */
    open?: boolean | undefined;
    /**
     * Whether the menu is initially open.
     *
     * To render a controlled menu, use the `open` prop instead.
     * @default false
     */
    defaultOpen?: boolean | undefined;
    /**
     * Event handler called when the menu is opened or closed.
     */
    onOpenChange?: ((open: boolean, eventDetails: MenuRoot.ChangeEventDetails) => void) | undefined;
    /**
     * Event handler called once an enter or exit animation has settled.
     *
     * zest never animates, so it cannot report when an animation finishes — the
     * consumer drives it and reports the settle through the store:
     * `useMenuRootContext().settled(open)`. Call it when your enter animation
     * (or exit, which needs `keepMounted` on the `Portal`) ends.
     */
    onOpenChangeComplete?: ((open: boolean, eventDetails: MenuRoot.ChangeEventDetails) => void) | undefined;
    /**
     * Whether the component should ignore user interaction.
     *
     * A disabled menu cannot be opened by a press or through its handle, and its
     * triggers report themselves as disabled. Closing is always allowed, so
     * disabling one that is already open puts it away.
     * @default false
     */
    disabled?: boolean | undefined;
    /**
     * Whether to prevent the menu from closing on presses outside the popup.
     * @default false
     */
    disablePointerDismissal?: boolean | undefined;
    /**
     * A ref to imperative actions.
     */
    actionsRef?: React.RefObject<MenuRoot.Actions | null> | undefined;
    /**
     * A handle associating this menu with triggers rendered outside it, and letting
     * it be opened and closed imperatively. Create one with `Menu.createHandle()`.
     */
    handle?: MenuHandle<Payload> | undefined;
    /**
     * The id of the trigger the menu is anchored to and associated with.
     */
    triggerId?: string | null | undefined;
    /**
     * The id of the trigger the menu is initially associated with.
     */
    defaultTriggerId?: string | null | undefined;
    /**
     * The content of the menu.
     *
     * Pass a function to receive the payload the menu was opened with.
     */
    children?: React.ReactNode | ((payload: Payload) => React.ReactNode);
}
export type MenuRootChangeEventReason = typeof REASONS.triggerPress | typeof REASONS.outsidePress | typeof REASONS.escapeKey | typeof REASONS.itemPress | typeof REASONS.linkPress | typeof REASONS.closePress | typeof REASONS.imperativeAction | typeof REASONS.none;
export type MenuRootChangeEventDetails = ZestChangeEventDetails<MenuRootChangeEventReason>;
export declare namespace MenuRoot {
    type State = MenuRootState;
    type Props<Payload = unknown> = MenuRootProps<Payload>;
    type Actions = MenuRootActions;
    type ChangeEventReason = MenuRootChangeEventReason;
    type ChangeEventDetails = MenuRootChangeEventDetails;
}
//# sourceMappingURL=MenuRoot.d.ts.map