import { MetadataListMetadata, MetadataSection } from './types';
import * as i0 from "@angular/core";
/**
 * val-metadata-list
 *
 * Lista de pares clave-valor con icono opcional. Soporta:
 * - Modo plano: `{ items: [...] }`
 * - Modo agrupado: `{ sections: [{ label, items }] }`
 * - Grid multicolumna: `{ columns: 2 }`
 * - Valores como chips: `{ ..., chips: true }` en el item
 *
 * @example
 * ```html
 * <val-metadata-list [props]="{
 *   columns: 2,
 *   size: 'small',
 *   sections: [
 *     { items: [{ icon: 'paw-outline', label: 'Especie', value: 'Gato' }] },
 *     { label: 'Personalidad', items: [{ label: 'Temperamento', value: 'tranquila, cariñosa', chips: true }] }
 *   ]
 * }" />
 * ```
 */
export declare class MetadataListComponent {
    readonly props: import("@angular/core").InputSignal<MetadataListMetadata>;
    readonly resolvedProps: import("@angular/core").Signal<{
        items?: import("./types").MetadataItem[];
        sections?: MetadataSection[];
        size?: "small" | "md";
        dividers?: boolean;
        columns?: number;
    }>;
    readonly resolvedSections: import("@angular/core").Signal<MetadataSection[]>;
    readonly hostClass: import("@angular/core").Signal<string>;
    readonly gridStyle: import("@angular/core").Signal<any>;
    static ɵfac: i0.ɵɵFactoryDeclaration<MetadataListComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<MetadataListComponent, "val-metadata-list", never, { "props": { "alias": "props"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}