/**
 * 🎨 .art ANSI Renderer Engine
 * Renders ASCII art with ANSI colors for UI mockups
 * Foundation for .art → UI compilation
 */
/**
 * ANSI Color Palette for .art files
 * Extended 256-color support for rich UI mockups
 */
export declare const ART_ANSI: {
    reset: string;
    clear: string;
    bold: string;
    dim: string;
    italic: string;
    underline: string;
    blink: string;
    reverse: string;
    hidden: string;
    strikethrough: string;
    black: string;
    red: string;
    green: string;
    yellow: string;
    blue: string;
    magenta: string;
    cyan: string;
    white: string;
    gray: string;
    brightRed: string;
    brightGreen: string;
    brightYellow: string;
    brightBlue: string;
    brightMagenta: string;
    brightCyan: string;
    brightWhite: string;
    bgBlack: string;
    bgRed: string;
    bgGreen: string;
    bgYellow: string;
    bgBlue: string;
    bgMagenta: string;
    bgCyan: string;
    bgWhite: string;
    bgGray: string;
    bgBrightRed: string;
    bgBrightGreen: string;
    bgBrightYellow: string;
    bgBrightBlue: string;
    bgBrightMagenta: string;
    bgBrightCyan: string;
    bgBrightWhite: string;
    up: (n?: number) => string;
    down: (n?: number) => string;
    forward: (n?: number) => string;
    back: (n?: number) => string;
    nextLine: (n?: number) => string;
    prevLine: (n?: number) => string;
    column: (n: number) => string;
    position: (row: number, col: number) => string;
    color256: (n: number) => string;
    bg256: (n: number) => string;
    rgb: (r: number, g: number, b: number) => string;
    bgRgb: (r: number, g: number, b: number) => string;
};
/**
 * UI Component Color Schemes
 */
export declare const UI_THEMES: {
    faf: {
        primary: string;
        secondary: string;
        success: string;
        warning: string;
        error: string;
        info: string;
        border: string;
        text: string;
        muted: string;
    };
    dark: {
        primary: string;
        secondary: string;
        background: string;
        foreground: string;
        border: string;
    };
    light: {
        primary: string;
        secondary: string;
        background: string;
        foreground: string;
        border: string;
    };
};
/**
 * Box Drawing Characters for .art files
 */
export declare const BOX_CHARS: {
    single: {
        horizontal: string;
        vertical: string;
        topLeft: string;
        topRight: string;
        bottomLeft: string;
        bottomRight: string;
        cross: string;
        teeDown: string;
        teeUp: string;
        teeRight: string;
        teeLeft: string;
    };
    double: {
        horizontal: string;
        vertical: string;
        topLeft: string;
        topRight: string;
        bottomLeft: string;
        bottomRight: string;
        cross: string;
        teeDown: string;
        teeUp: string;
        teeRight: string;
        teeLeft: string;
    };
    rounded: {
        topLeft: string;
        topRight: string;
        bottomLeft: string;
        bottomRight: string;
    };
    blocks: {
        full: string;
        upper: string;
        lower: string;
        left: string;
        right: string;
        light: string;
        medium: string;
        dark: string;
    };
};
/**
 * Render .art syntax to ANSI output
 */
export declare class ArtRenderer {
    private theme;
    /**
     * Parse .art color tags and convert to ANSI
     * @example [red]Text[/red] → \x1b[31mText\x1b[0m
     */
    parseColorTags(text: string): string;
    /**
     * Draw a box with ANSI colors
     */
    drawBox(width: number, height: number, style?: 'single' | 'double'): string;
    /**
     * Create a progress bar with ANSI colors
     */
    progressBar(percent: number, width?: number): string;
    /**
     * Render a button component
     */
    button(text: string, selected?: boolean): string;
    /**
     * Create a gradient effect (256 color mode)
     */
    gradient(text: string, startColor: number, endColor: number): string;
}
/**
 * Example .art file structure (for future implementation)
 *
 * @art-file dashboard.art
 * ```
 * @theme: faf
 * @size: 80x24
 *
 * [cyan]┌──────────────────────────────────┐[/cyan]
 * [cyan]│[/cyan] [bold]Dashboard[/bold]              [button]Settings[/button] [cyan]│[/cyan]
 * [cyan]├──────────────────────────────────┤[/cyan]
 * [cyan]│[/cyan] CPU: [progress:75]              [cyan]│[/cyan]
 * [cyan]│[/cyan] RAM: [progress:45]              [cyan]│[/cyan]
 * [cyan]│[/cyan] Disk: [progress:90]             [cyan]│[/cyan]
 * [cyan]└──────────────────────────────────┘[/cyan]
 * ```
 *
 * This would compile to a full React/Vue/Svelte component!
 */
/**
 * Export for use in .art compiler
 */
declare const _default: {
    ART_ANSI: {
        reset: string;
        clear: string;
        bold: string;
        dim: string;
        italic: string;
        underline: string;
        blink: string;
        reverse: string;
        hidden: string;
        strikethrough: string;
        black: string;
        red: string;
        green: string;
        yellow: string;
        blue: string;
        magenta: string;
        cyan: string;
        white: string;
        gray: string;
        brightRed: string;
        brightGreen: string;
        brightYellow: string;
        brightBlue: string;
        brightMagenta: string;
        brightCyan: string;
        brightWhite: string;
        bgBlack: string;
        bgRed: string;
        bgGreen: string;
        bgYellow: string;
        bgBlue: string;
        bgMagenta: string;
        bgCyan: string;
        bgWhite: string;
        bgGray: string;
        bgBrightRed: string;
        bgBrightGreen: string;
        bgBrightYellow: string;
        bgBrightBlue: string;
        bgBrightMagenta: string;
        bgBrightCyan: string;
        bgBrightWhite: string;
        up: (n?: number) => string;
        down: (n?: number) => string;
        forward: (n?: number) => string;
        back: (n?: number) => string;
        nextLine: (n?: number) => string;
        prevLine: (n?: number) => string;
        column: (n: number) => string;
        position: (row: number, col: number) => string;
        color256: (n: number) => string;
        bg256: (n: number) => string;
        rgb: (r: number, g: number, b: number) => string;
        bgRgb: (r: number, g: number, b: number) => string;
    };
    UI_THEMES: {
        faf: {
            primary: string;
            secondary: string;
            success: string;
            warning: string;
            error: string;
            info: string;
            border: string;
            text: string;
            muted: string;
        };
        dark: {
            primary: string;
            secondary: string;
            background: string;
            foreground: string;
            border: string;
        };
        light: {
            primary: string;
            secondary: string;
            background: string;
            foreground: string;
            border: string;
        };
    };
    BOX_CHARS: {
        single: {
            horizontal: string;
            vertical: string;
            topLeft: string;
            topRight: string;
            bottomLeft: string;
            bottomRight: string;
            cross: string;
            teeDown: string;
            teeUp: string;
            teeRight: string;
            teeLeft: string;
        };
        double: {
            horizontal: string;
            vertical: string;
            topLeft: string;
            topRight: string;
            bottomLeft: string;
            bottomRight: string;
            cross: string;
            teeDown: string;
            teeUp: string;
            teeRight: string;
            teeLeft: string;
        };
        rounded: {
            topLeft: string;
            topRight: string;
            bottomLeft: string;
            bottomRight: string;
        };
        blocks: {
            full: string;
            upper: string;
            lower: string;
            left: string;
            right: string;
            light: string;
            medium: string;
            dark: string;
        };
    };
    ArtRenderer: typeof ArtRenderer;
};
export default _default;
/**
 * FUTURE: .art → Component Compiler
 *
 * 1. Parse .art file
 * 2. Extract layout from ASCII art
 * 3. Apply ANSI colors for preview
 * 4. Generate component code (React/Vue/Svelte)
 * 5. Apply CSS from ANSI color mappings
 *
 * The ANSI codes become the bridge between
 * ASCII mockups and real UI components!
 */ 
//# sourceMappingURL=art-ansi-renderer.d.ts.map