export type VibeControlPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
export declare const vibeControlTheme: {
    colors: {
        buttonBg: string;
        buttonBgHover: string;
        buttonText: string;
        buttonBorder: string;
        overlayBackdrop: string;
        overlayBg: string;
        overlayText: string;
        overlayBorder: string;
        closeButtonBg: string;
        closeButtonBgHover: string;
        closeButtonText: string;
        accent: string;
        shadow: string;
    };
    dimensions: {
        buttonWidth: string;
        buttonHeight: string;
        buttonPadding: string;
        buttonBorderRadius: string;
        buttonPosition: string;
        overlayPadding: string;
        overlayBorderRadius: string;
        overlayMaxWidth: string;
        overlayMaxHeight: string;
        closeButtonSize: string;
        closeButtonBorderRadius: string;
    };
    typography: {
        buttonFontSize: string;
        buttonFontWeight: string;
        buttonLineHeight: string;
        overlayTitleFontSize: string;
        overlayTitleFontWeight: string;
        overlayTitleLineHeight: string;
        overlayBodyFontSize: string;
        overlayBodyLineHeight: string;
    };
    effects: {
        buttonShadow: string;
        buttonShadowHover: string;
        overlayShadow: string;
        transition: string;
        backdropFilter: string;
    };
    zIndex: {
        button: number;
        overlay: number;
        backdrop: number;
    };
};
export declare const createVibeControlStyles: (position?: VibeControlPosition) => {
    button: {
        position: "fixed";
        width: string;
        height: string;
        padding: string;
        backgroundColor: string;
        color: string;
        border: string;
        borderRadius: string;
        fontSize: string;
        fontWeight: string;
        lineHeight: string;
        cursor: string;
        boxShadow: string;
        transition: string;
        zIndex: number;
        display: string;
        alignItems: string;
        justifyContent: string;
        userSelect: "none";
    };
    buttonHover: {
        backgroundColor: string;
        boxShadow: string;
        transform: string;
    };
    backdrop: {
        position: "fixed";
        top: number;
        left: number;
        right: number;
        bottom: number;
        backgroundColor: string;
        backdropFilter: string;
        zIndex: number;
        display: string;
        alignItems: string;
        justifyContent: string;
    };
    overlay: {
        backgroundColor: string;
        color: string;
        border: string;
        borderRadius: string;
        padding: string;
        maxWidth: string;
        maxHeight: string;
        width: string;
        boxShadow: string;
        position: "relative";
        overflow: "auto";
    };
    overlayTitle: {
        fontSize: string;
        fontWeight: string;
        lineHeight: string;
        margin: string;
        paddingRight: string;
    };
    closeButton: {
        position: "absolute";
        top: string;
        right: string;
        width: string;
        height: string;
        backgroundColor: string;
        color: string;
        border: string;
        borderRadius: string;
        cursor: string;
        display: string;
        alignItems: string;
        justifyContent: string;
        fontSize: string;
        fontWeight: string;
        transition: string;
    };
    closeButtonHover: {
        backgroundColor: string;
    };
    content: {
        fontSize: string;
        lineHeight: string;
    };
};
export declare const defaultVibeControlClasses: {
    button: string;
    backdrop: string;
    overlay: string;
    overlayTitle: string;
    closeButton: string;
    content: string;
};
export type VibeControlClasses = typeof defaultVibeControlClasses;