export declare const modal: {
    readonly overlay: {
        readonly bg: string;
        readonly blur: 4;
        readonly animationDuration: "180ms";
    };
    readonly content: {
        readonly bg: string;
        readonly fg: string;
        readonly border: string;
        readonly shadow: string;
        readonly borderWidth: 1;
        readonly radius: number;
        readonly padding: number;
        readonly gap: number;
        readonly minWidth: 320;
        readonly maxHeight: "90vh";
        readonly nativeMaxHeight: "90%";
        readonly viewportMargin: number;
        readonly topOffset: number;
        readonly zIndexOffset: "1";
        readonly animationDuration: "180ms";
        readonly size: {
            readonly sm: 400;
            readonly md: 560;
            readonly lg: 720;
            readonly xl: 960;
        };
    };
    readonly title: {
        readonly fg: string;
    };
    readonly description: {
        readonly fg: string;
    };
    readonly header: {
        readonly gap: number;
        readonly paddingBottom: number;
        readonly textGap: number;
    };
    readonly body: {
        readonly paddingBottom: number;
    };
    readonly footer: {
        readonly gap: number;
        readonly paddingTop: number;
    };
    readonly closeButton: {
        readonly size: 32;
        readonly iconSize: 16;
        readonly radius: number;
        readonly default: {
            readonly bg: "transparent";
            readonly fg: string;
            readonly border: "transparent";
        };
        readonly hover: {
            readonly bg: string;
            readonly fg: string;
            readonly border: "transparent";
        };
        readonly pressed: {
            readonly bg: string;
            readonly fg: string;
            readonly border: "transparent";
        };
        readonly focus: {
            readonly ring: {
                color: string;
                width: string;
                shadow: string;
                offset: string;
            };
        };
        readonly disabled: {
            readonly bg: "transparent";
            readonly fg: string;
            readonly border: "transparent";
        };
    };
    readonly motion: {
        readonly closeDuration: "150ms";
        readonly easing: "cubic-bezier(0.22, 1, 0.36, 1)";
        readonly openDuration: "180ms";
    };
};
//# sourceMappingURL=modal.d.ts.map