import { PopoverProps, PopoverEmits, SingletonPopoverProps, MaybeElement, PopoverContentProps, PopoverContentEmits, PopoverListItemProps } from './popover.props.js';
import * as _floating_ui_vue from '@floating-ui/vue';
import * as vue from 'vue';
import '@mekari/pixel3-utils';
import './popover.types.js';

declare function usePopover(props: PopoverProps, emit: PopoverEmits): {
    isOpen: vue.Ref<boolean | undefined>;
    isHovering: vue.Ref<boolean>;
    onOpenPopover: () => void;
    onClosePopover: () => void;
    setHovering: (value: boolean) => void;
    triggerNode: vue.Ref<null>;
    contentNode: vue.Ref<null>;
    floatingStyles: Readonly<vue.Ref<{
        position: _floating_ui_vue.Strategy;
        top: string;
        left: string;
        transform?: string | undefined;
        willChange?: string | undefined;
    }>>;
};
declare function useSingletonPopover(props: SingletonPopoverProps, emit: PopoverEmits): {
    triggerNode: Readonly<vue.Ref<MaybeElement>>;
    contentNode: vue.Ref<null>;
    floatingStyles: Readonly<vue.Ref<{
        position: _floating_ui_vue.Strategy;
        top: string;
        left: string;
        transform?: string | undefined;
        willChange?: string | undefined;
    }>>;
    isOpen: vue.Ref<boolean | undefined>;
    onOpenPopover: () => void;
    onClosePopover: () => void;
    isHovering: vue.Ref<boolean>;
    setHovering: (value: boolean) => void;
};
declare function usePopoverTrigger(): {
    rootAttrs: vue.ComputedRef<{
        ref: vue.Ref<null>;
        'data-pixel-component': string;
        id: string;
        onClick: () => void;
        onMouseenter: () => void;
        onMouseleave: () => void;
    }>;
};
declare function usePopoverContent(props: PopoverContentProps, emit: PopoverContentEmits): {
    rootAttrs: vue.ComputedRef<{
        ref: vue.Ref<null>;
        'data-pixel-component': string;
        id: string;
        class: string;
        style: {
            width: string;
            minWidth: string;
            maxWidth: string;
            position: _floating_ui_vue.Strategy;
            top: string;
            left: string;
            transform?: string | undefined;
            willChange?: string | undefined;
            display: string;
        } | {
            width?: undefined;
            minWidth?: undefined;
            maxWidth?: undefined;
            position: _floating_ui_vue.Strategy;
            top: string;
            left: string;
            transform?: string | undefined;
            willChange?: string | undefined;
            display: string;
        };
        onMouseenter: () => void;
        onMouseleave: () => void;
    }>;
    popoverProps: vue.ToRefs<PopoverProps>;
    isOpen: vue.Ref<boolean | undefined>;
    floatingStyles: Readonly<vue.Ref<{
        position: _floating_ui_vue.Strategy;
        top: string;
        left: string;
        transform?: string | undefined;
        willChange?: string | undefined;
    }>>;
};
declare function usePopoverList(): {
    rootAttrs: {
        'data-pixel-component': string;
        class: string;
    };
};
declare function usePopoverListItem(props: PopoverListItemProps): {
    rootAttrs: vue.ComputedRef<{
        'data-pixel-component': string;
        role: string | undefined;
        class: string;
        disabled: true | undefined;
        'data-highlight': true | undefined;
        'data-active': true | undefined;
        onmouseenter: () => void;
        onmouseleave: () => void;
        onClick: () => void;
    }>;
    contentAttrs: {
        class: string;
    };
};
type UsePopoverReturn = ReturnType<typeof usePopover>;

export { UsePopoverReturn, usePopover, usePopoverContent, usePopoverList, usePopoverListItem, usePopoverTrigger, useSingletonPopover };