export declare const tooltip: import("../../styled-system/types").SlotRecipeRuntimeFn<"trigger" | "content" | "spacer", {
    expand: {
        true: {
            trigger: {
                w: "full";
            };
        };
    };
    isOpen: {
        true: {
            content: {
                display: "block";
            };
        };
    };
    placement: {
        top: {
            content: {
                top: "0%";
                left: "50%";
                transform: "translateX(-50%) translateY(calc(-100% - 0.75rem))";
            };
        };
        'top left': {
            content: {
                top: "0%";
                right: "100%";
                transform: "translateX(10%) translateY(calc(-100% - 0.75rem))";
            };
        };
        'top right': {
            content: {
                top: "0%";
                left: "100%";
                transform: "translateX(-10%) translateY(calc(-100% - 0.75rem))";
            };
        };
        left: {
            content: {
                top: "50%";
                left: "0%";
                transform: "translateX(calc(-100% - 0.75rem)) translateY(-50%)";
            };
        };
        'left top': {
            content: {
                top: "50%";
                left: "0%";
                transform: "translateX(calc(-100% - 0.75rem)) translateY(-75%)";
            };
        };
        'left bottom': {
            content: {
                top: "50%";
                left: "0%";
                transform: "translateX(calc(-100% - 0.75rem)) translateY(-25%)";
            };
        };
        right: {
            content: {
                top: "50%";
                right: "0%";
                transform: "translateX(calc(100% + 0.75rem)) translateY(-50%)";
            };
        };
        'right top': {
            content: {
                top: "50%";
                right: "0%";
                transform: "translateX(calc(100% + 0.75rem)) translateY(-75%)";
            };
        };
        'right bottom': {
            content: {
                top: "50%";
                right: "0%";
                transform: "translateX(calc(100% + 0.75rem)) translateY(-25%)";
            };
        };
        bottom: {
            content: {
                bottom: "0%";
                left: "50%";
                transform: "translateX(-50%) translateY(calc(100% + 0.75rem))";
            };
        };
        'bottom left': {
            content: {
                bottom: "0%";
                right: "100%";
                transform: "translateX(10%) translateY(calc(100% + 0.75rem))";
            };
        };
        'bottom right': {
            content: {
                bottom: "0%";
                left: "100%";
                transform: "translateX(-10%) translateY(calc(100% + 0.75rem))";
            };
        };
    };
    position: {
        top: {
            spacer: {
                width: number;
                height: number;
                bottom: number;
                left: "50%";
                transform: "translateX(-50%) translateY(0.75rem)";
            };
        };
        bottom: {
            spacer: {
                width: number;
                height: number;
                top: number;
                left: "50%";
                transform: "translateX(-50%) translateY(-0.75rem)";
            };
        };
        left: {
            spacer: {
                width: number;
                height: number;
                top: "50%";
                right: number;
                transform: "translateX(-0.75rem) translateY(-50%)";
            };
        };
        right: {
            spacer: {
                width: number;
                height: number;
                top: "50%";
                left: number;
                transform: "translateX(0.75rem) translateY(-50%)";
            };
        };
    };
}>;
//# sourceMappingURL=tooltip.d.ts.map