export declare const panelAnimations: {
    appear: string;
    disappear: string;
    slideIn: string;
    slideInRtl: string;
    slideOut: string;
    slideOutRtl: string;
};
export declare const panelVariants: (props?: ({
    variant?: "compact" | "extended" | null | undefined;
    animation?: "none" | "slideInRight" | "slideOutRight" | "slideInLeft" | "slideOutLeft" | null | undefined;
    visibility?: "hidden" | "visible" | null | undefined;
    direction?: "right" | "left" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export declare const panelOverlayVariants: (props?: ({
    animation?: "none" | "appear" | "disappear" | null | undefined;
    visibility?: "hidden" | "visible" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export declare const panelContainerVariants: (props?: ({
    toggleVisibility?: boolean | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export declare const panelHeaderVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export declare const panelBodyVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export declare const panelFooterVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export declare const cssVisibilityVariants: {
    container: string;
    panel: {
        base: {
            right: string;
            left: string;
        };
        compact: string;
        extended: string;
        extendedLeft: string;
        show: {
            right: {
                extended: string;
                compact: string;
            };
            left: {
                extended: string;
                compact: string;
            };
        };
    };
    overlay: {
        base: string;
        show: string;
    };
};
