@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 dialogRecipe: _nex_ui_system.SlotRecipeRuntimeFn<{
    root: {};
    backdrop: {};
    panel: {};
}, {
    scroll: {
        outside: {
            panel: {
                overflow: "hidden auto";
            };
        };
    };
    placement: {
        top: {
            panel: {
                alignItems: "flex-start";
            };
        };
        center: {
            panel: {
                alignItems: "center";
            };
        };
        bottom: {
            panel: {
                alignItems: "flex-end";
            };
        };
    };
}>;
declare const dialogContentRecipe: _nex_ui_system.SlotRecipeRuntimeFn<{
    content: {};
    closeButton: {
        position: "absolute";
        insetInlineEnd: "2";
        insetBlockStart: "2";
        fs: "1.3em";
        bg: "transparent";
        border: "none";
        outline: "none";
        display: "inline-flex";
        p: "1.5";
        overflow: "hidden";
        borderRadius: "full";
        transition: "colors";
        color: "gray.400";
        _hover: {
            bg: string;
        };
        _focusVisible: {
            outline: string;
        };
    };
}, {
    maxWidth: {
        xs: {
            content: {
                maxWidth: number;
            };
        };
        sm: {
            content: {
                maxWidth: number;
            };
        };
        md: {
            content: {
                maxWidth: number;
            };
        };
        lg: {
            content: {
                maxWidth: number;
            };
        };
        xl: {
            content: {
                maxWidth: number;
            };
        };
        full: {
            content: {
                maxWidth: "100vw";
            };
        };
    };
    scroll: {
        inside: {
            content: {
                maxHeight: "calc(100% - {spaces.15} * 2)";
            };
        };
    };
    fullScreen: {
        true: {
            content: {
                w: "full";
                h: "full";
                maxHeight: undefined;
                maxWidth: "full";
                m: number;
                borderRadius: number;
            };
        };
    };
}>;
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 DialogRecipe = typeof dialogRecipe;
type DialogVariants = RecipeVariants<DialogRecipe>;
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, dialogRecipe };
export type { DialogBodyRecipe, DialogContentRecipe, DialogContentVariants, DialogFooterRecipe, DialogHeaderRecipe, DialogRecipe, DialogVariants };