@nex-ui/react/dist/types/theme/recipes/dialog.d.ts

🎉 A beautiful, modern, and reliable React component library.

import * as _nex_ui_system from '@nex-ui/system';
import { RecipeVariants } from '@nex-ui/system';

declare const dialogRootRecipe: _nex_ui_system.SlotRecipeRuntimeFn<{
    root: {};
    backdrop: {};
}, {}>;
declare const dialogContentRecipe: _nex_ui_system.SlotRecipeRuntimeFn<{
    root: {
        display: "flex";
        justifyContent: "center";
    };
    paper: {
        my: "15";
        mx: "6";
        borderRadius: "lg";
        boxShadow: "lg";
    };
    closeButton: {
        display: "inline-flex";
        alignItems: "center";
        justifyContent: "center";
        position: "absolute";
        insetInlineEnd: "2";
        insetBlockStart: "2";
        fs: "1.3em";
        p: "1.5";
        overflow: "hidden";
        borderRadius: "full";
        transition: "colors";
        color: "gray.400";
        _hover: {
            bg: string;
        };
        _focusVisibleRing: {
            outline: string;
        };
    };
}, {
    size: {
        xs: {
            paper: {
                maxWidth: number;
            };
        };
        sm: {
            paper: {
                maxWidth: number;
            };
        };
        md: {
            paper: {
                maxWidth: number;
            };
        };
        lg: {
            paper: {
                maxWidth: number;
            };
        };
        xl: {
            paper: {
                maxWidth: number;
            };
        };
        full: {
            paper: {
                maxWidth: "100vw";
            };
        };
    };
    scroll: {
        outside: {
            root: {
                overflow: "hidden auto";
            };
        };
        inside: {
            paper: {
                maxHeight: "calc(100% - {spaces.15} * 2)";
            };
        };
    };
    fullScreen: {
        true: {
            paper: {
                w: "full";
                h: "full";
                maxHeight: undefined;
                maxWidth: "full";
                m: number;
                borderRadius: "none";
            };
        };
    };
    placement: {
        top: {
            root: {
                alignItems: "flex-start";
            };
        };
        center: {
            root: {
                alignItems: "center";
            };
        };
        bottom: {
            root: {
                alignItems: "flex-end";
            };
        };
    };
}>;
declare const dialogHeaderRecipe: _nex_ui_system.RecipeRuntimeFn<{}>;
declare const dialogBodyRecipe: _nex_ui_system.RecipeRuntimeFn<{
    scroll: {
        inside: {
            overflow: "auto";
        };
    };
}>;
declare const dialogFooterRecipe: _nex_ui_system.RecipeRuntimeFn<{}>;
type DialogRootRecipe = typeof dialogRootRecipe;
type DialogContentRecipe = typeof dialogContentRecipe;
type DialogContentVariants = RecipeVariants<DialogContentRecipe>;
type DialogHeaderRecipe = typeof dialogHeaderRecipe;
type DialogBodyRecipe = typeof dialogBodyRecipe;
type DialogFooterRecipe = typeof dialogFooterRecipe;

export { dialogBodyRecipe, dialogContentRecipe, dialogFooterRecipe, dialogHeaderRecipe, dialogRootRecipe };
export type { DialogBodyRecipe, DialogContentRecipe, DialogContentVariants, DialogFooterRecipe, DialogHeaderRecipe, DialogRootRecipe };