import { GlassMetadata } from './types';
import * as i0 from "@angular/core";
/**
 * `val-glass`
 *
 * Capa **glassmorphism** reusable. Frosted glass overlay con backdrop blur,
 * tint semi-translúcido, border sutil y shadow. Acepta cualquier contenido via
 * `<ng-content>` — desde un texto a un card entero.
 *
 * Ideal sobre backgrounds decorativos (val-pattern, gradients, imágenes) para
 * mejorar legibilidad del contenido sin tapar la decoración.
 *
 * @example Pill sobre patrón:
 * ```html
 * <val-glass><h1>Buenos días</h1></val-glass>
 * ```
 *
 * @example Card glass (block) con auto tint:
 * ```html
 * <val-glass [props]="{ tint: 'auto', display: 'block', radius: '20px', padding: '24px' }">
 *   <p>Contenido del card</p>
 * </val-glass>
 * ```
 */
export declare class GlassComponent {
    private readonly props_;
    set props(value: GlassMetadata | undefined);
    /** Snapshot reactivo de los props con defaults aplicados. */
    readonly resolvedProps: import("@angular/core").Signal<GlassMetadata>;
    /**
     * Resuelve el background según `tint` + `tintAlpha`.
     * - `'dark'` → rgba purple-dark
     * - `'light'` → rgba blanco
     * - `'auto'` → CSS var con fallback (resolved vía media/class del tema)
     * - custom string → usado tal cual
     */
    readonly bgStyle: import("@angular/core").Signal<string>;
    readonly filterStyle: import("@angular/core").Signal<string>;
    readonly borderStyle: import("@angular/core").Signal<"none" | "1px solid rgba(0, 0, 0, 0.08)" | "1px solid rgba(255, 255, 255, 0.08)">;
    readonly shadowStyle: import("@angular/core").Signal<"none" | "0 2px 8px rgba(0, 0, 0, 0.15)" | "0 12px 40px rgba(0, 0, 0, 0.35)" | "0 4px 24px rgba(0, 0, 0, 0.25)">;
    static ɵfac: i0.ɵɵFactoryDeclaration<GlassComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GlassComponent, "val-glass", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, ["*"], true, never>;
}