import { ContainerAlign, ContainerMetadata, ContainerPadding, ContainerSize } from './types';
import * as i0 from "@angular/core";
/**
 * val-container
 *
 * Layout primitive that caps content max-width using design tokens
 * and centers it horizontally. Use to keep UX consistent on large
 * screens without per-page CSS.
 *
 * @example
 * <val-container size="xl">
 *   <!-- page content -->
 * </val-container>
 *
 * @example
 * <val-container [props]="{ size: 'md', padding: 'compact' }">
 *   <!-- narrower form -->
 * </val-container>
 */
export declare class ContainerComponent {
    readonly props: import("@angular/core").InputSignal<ContainerMetadata>;
    readonly size: import("@angular/core").Signal<ContainerSize>;
    readonly padding: import("@angular/core").Signal<ContainerPadding>;
    readonly align: import("@angular/core").Signal<ContainerAlign>;
    get sizeAttr(): ContainerSize;
    get paddingAttr(): ContainerPadding;
    get alignAttr(): ContainerAlign;
    static ɵfac: i0.ɵɵFactoryDeclaration<ContainerComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ContainerComponent, "val-container", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}
