/**
 * Drawer recipe - styling for Drawer component overlays
 * Supports center positioning, various sizes, and motion presets for accessible drawer experiences
 */
export declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "content" | "body" | "footer" | "header" | "title" | "modal" | "modalOverlay" | "closeTrigger", {
    showBackdrop: {
        true: {
            modalOverlay: {
                bg: {
                    _dark: "bg/20";
                    _light: "fg/20";
                };
                backdropFilter: "blur({sizes.100})";
            };
        };
        false: {
            modalOverlay: {
                bg: "transparent";
            };
        };
    };
    placement: {
        left: {
            modal: {
                justifyContent: "flex-start";
                alignItems: "stretch";
                "&[data-entering]": {
                    animationName: "slide-from-left-full";
                };
                "&[data-exiting]": {
                    animationName: "slide-to-left-full";
                };
            };
            content: {
                "--drawer-base-margin": number;
                mx: number;
                height: "100vh";
                maxH: "100vh";
                borderRadius: number;
            };
        };
        right: {
            modal: {
                justifyContent: "flex-end";
                alignItems: "stretch";
                "&[data-entering]": {
                    animationName: "slide-from-right-full";
                };
                "&[data-exiting]": {
                    animationName: "slide-to-right-full";
                };
            };
            content: {
                "--drawer-base-margin": number;
                mx: number;
                height: "100vh";
                maxH: "100vh";
                borderRadius: number;
            };
        };
        top: {
            modal: {
                alignItems: "flex-start";
                justifyContent: "stretch";
                "&[data-entering]": {
                    animationName: "slide-from-top-full";
                };
                "&[data-exiting]": {
                    animationName: "slide-to-top-full";
                };
            };
            content: {
                "--drawer-base-margin": number;
                mx: number;
                width: "100vw";
                borderRadius: number;
            };
        };
        bottom: {
            modal: {
                alignItems: "flex-end";
                justifyContent: "stretch";
                "&[data-entering]": {
                    animationName: "slide-from-bottom-full";
                };
                "&[data-exiting]": {
                    animationName: "slide-to-bottom-full";
                };
            };
            content: {
                "--drawer-base-margin": number;
                mx: number;
                width: "100vw";
                borderRadius: number;
            };
        };
    };
}>;