import { CSSProperties, MaybeRefOrGetter, Ref } from 'vue';
export declare function getFloatingBoundaryRect(scrollTarget: HTMLElement | null, panel: HTMLElement | null, viewportWidth: number, viewportHeight: number): FloatingBoundaryRect;
export type FloatingPlacement = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom';
type AxisPlacement = 'top' | 'bottom' | 'left' | 'right';
type FloatingAlign = 'start' | 'center' | 'end';
export type KebabPlacement = AxisPlacement | `${AxisPlacement}-${Exclude<FloatingAlign, 'center'>}`;
export interface FloatingRect {
    left: number;
    top: number;
    right: number;
    bottom: number;
    width: number;
    height: number;
}
export declare function ensureViewBoundingRect(): DOMRect | null;
type FloatingRectLike = Pick<DOMRect, 'left' | 'top' | 'right' | 'bottom' | 'width' | 'height'>;
export interface FloatingVirtualAnchor {
    getBoundingClientRect(): FloatingRectLike;
}
export interface FloatingPoint {
    x: number;
    y: number;
}
export interface FloatingBoundaryRect {
    top: number;
    left: number;
    bottom: number;
    right: number;
}
export declare function getPlacementAndOffsetOfFollower(placement: KebabPlacement, targetRect: FloatingRect, followerRect: FloatingRect, shift: boolean, flip: boolean, extraMainAxisSize?: number): {
    placement: KebabPlacement;
    top: number;
    left: number;
};
export declare function getProperTransformOrigin(placement: KebabPlacement): string;
export declare function getOffset(placement: KebabPlacement, offsetRect: Pick<FloatingRect, 'left' | 'top'>, targetRect: FloatingRect, offsetTopToStandardPlacement: number, offsetLeftToStandardPlacement: number): {
    top: string;
    left: string;
    translate: string;
};
export declare function snapTranslate(translate: string, size: {
    width: number;
    height: number;
}): string;
export type FloatingSyncTrigger = 'scroll' | 'resize' | 'font';
export type FloatingBoundary = 'viewport' | 'scrollParent';
export interface UseFloatingOptions {
    anchor?: MaybeRefOrGetter<HTMLElement | null>;
    virtualAnchor?: MaybeRefOrGetter<FloatingVirtualAnchor | null>;
    point?: MaybeRefOrGetter<FloatingPoint | null>;
    offsetContainer: MaybeRefOrGetter<HTMLElement | null>;
    placement: MaybeRefOrGetter<FloatingPlacement>;
    flip?: MaybeRefOrGetter<boolean>;
    shift?: MaybeRefOrGetter<boolean>;
    offset?: MaybeRefOrGetter<number>;
    boundary?: MaybeRefOrGetter<FloatingBoundary>;
    matchTriggerWidth?: MaybeRefOrGetter<'width' | 'minWidth' | number | false>;
    enabled?: MaybeRefOrGetter<boolean>;
    syncTrigger?: FloatingSyncTrigger[];
}
export interface UseFloatingReturn {
    panelStyle: Ref<CSSProperties>;
    actualPlacement: Ref<FloatingPlacement>;
    transformOrigin: Ref<string>;
    update: () => void;
    sync: () => void;
}
export declare function useFloating(panelRef: Ref<HTMLElement | null>, options: UseFloatingOptions): UseFloatingReturn;
export {};