import type { PaletteProps } from "../tokens/types";
export declare const OVERLAY_BLUR = "blur(4px)";
/** Radius and elevation every anchored popup shares: menus, popovers, selects, dropdowns. */
export declare const POPUP_SURFACE: {
    readonly borderRadius: "xl";
    readonly boxShadow: "md";
};
/** The one Modal/Drawer backdrop; reuse it for any custom full-screen scrim. */
export declare const overlayScrimStyles: (colors: Pick<PaletteProps, "black">) => {
    bg: string;
    backdropFilter: string;
};
/** Shared dialog chrome for Modal and Drawer: surface, header/body/footer rhythm, close button. */
export declare const dialogPartStyles: (colors: PaletteProps) => {
    overlay: {
        bg: string;
        backdropFilter: string;
    };
    dialog: {
        color: string;
        borderWidth: string;
        borderStyle: string;
        borderColor: string;
        boxShadow: string;
    };
    header: {
        px: number;
        py: number;
        pe: number;
        fontSize: string;
        fontWeight: number;
        lineHeight: number;
        color: string;
        borderBottomWidth: string;
        borderBottomStyle: string;
        borderBottomColor: string;
    };
    closeButton: {
        top: number;
        insetEnd: number;
    };
    body: {
        px: number;
        py: number;
    };
    footer: {
        px: number;
        py: number;
        display: string;
        justifyContent: string;
        gap: number;
        borderTopWidth: string;
        borderTopStyle: string;
        borderTopColor: string;
    };
};