import type { FloatingDockDirection } from './FloatingDock.types';
export declare const instantTransition: {
    duration: number;
};
export declare const instantLayoutTransition: {
    layout: {
        duration: number;
    };
};
export declare const shellTransition: {
    duration: number;
    ease: [number, number, number, number];
    type: "tween";
};
export declare const shellLayoutTransition: {
    layout: {
        duration: number;
        ease: [number, number, number, number];
        type: "tween";
    };
};
export declare const contentTransition: {
    duration: number;
    ease: [number, number, number, number];
    type: "tween";
};
export declare const surfaceContentTransition: {
    duration: number;
    ease: [number, number, number, number];
    type: "tween";
};
export declare const textVariants: {
    animate: {
        opacity: number;
        transform: string;
    };
    exit: (direction: FloatingDockDirection) => {
        opacity: number;
        transform: string;
    };
    initial: (direction: FloatingDockDirection) => {
        opacity: number;
        transform: string;
    };
};
export declare const reducedTextVariants: {
    animate: {
        opacity: number;
        transform: string;
    };
    exit: {
        opacity: number;
        transform: string;
    };
    initial: {
        opacity: number;
        transform: string;
    };
};
type ThumbnailMotionState = {
    direction: FloatingDockDirection;
    index: number;
};
export declare const thumbnailVariants: {
    animate: ({ index }: ThumbnailMotionState) => {
        opacity: number;
        transform: string;
    };
    exit: ({ direction, index }: ThumbnailMotionState) => {
        opacity: number;
        transform: string;
    };
    initial: ({ direction, index }: ThumbnailMotionState) => {
        opacity: number;
        transform: string;
    };
};
export declare const reducedThumbnailVariants: {
    animate: ({ index }: ThumbnailMotionState) => {
        opacity: number;
        transform: string;
    };
    exit: ({ index }: ThumbnailMotionState) => {
        opacity: number;
        transform: string;
    };
    initial: ({ index }: ThumbnailMotionState) => {
        opacity: number;
        transform: string;
    };
};
export {};