import type { ComputedRef, MaybeRefOrGetter } from "vue";
export type XyOverflowCollapseFrom = "end" | "start";
export interface XyOverflowItem {
    key: string;
    width: number;
}
export interface XyOverflowOptions {
    availableWidth?: number;
    collapseFrom?: XyOverflowCollapseFrom;
    minVisibleCount?: number;
    overflowIndicatorWidth?: number;
    preserveKeys?: readonly string[];
}
export interface XyOverflowResult<T extends XyOverflowItem> {
    hiddenItems: T[];
    hiddenKeys: string[];
    isOverflowing: boolean;
    overflowIndicatorWidth: number;
    totalWidth: number;
    usedWidth: number;
    visibleItems: T[];
    visibleKeys: string[];
    visibleWidth: number;
}
export interface XyUseOverflowApi<T extends XyOverflowItem> {
    hiddenItems: ComputedRef<T[]>;
    hiddenKeys: ComputedRef<string[]>;
    isOverflowing: ComputedRef<boolean>;
    result: ComputedRef<XyOverflowResult<T>>;
    visibleItems: ComputedRef<T[]>;
    visibleKeys: ComputedRef<string[]>;
}
export declare function calculateOverflow<T extends XyOverflowItem>(items: readonly T[], options?: XyOverflowOptions): XyOverflowResult<T>;
export declare function useOverflow<T extends XyOverflowItem>(items: MaybeRefOrGetter<readonly T[]>, options?: MaybeRefOrGetter<XyOverflowOptions>): XyUseOverflowApi<T>;