valtech-components 2.0.819 → 2.0.821

package/lib/components/atoms/button/button.component.d.ts

@@ -1,63 +0,0 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { DownloadService } from '../../../services/download.service';
-import { IconService } from '../../../services/icons.service';
-import { NavigationService } from '../../../services/navigation';
-import { ButtonMetadata } from '../../types';
-import * as i0 from "@angular/core";
-export declare class ButtonComponent implements OnInit, OnChanges {
-    private download;
-    private navigation;
-    states: {
-        ENABLED: "ENABLED";
-        DISABLED: "DISABLED";
-        WORKING: "WORKING";
-        ERROR: "ERROR";
-    };
-    private presets;
-    /**
-     * The text to display on the button.
-     */
-    displayText: string;
-    /**
-     * Preset name to apply. Presets define reusable button configurations
-     * (size, color, fill, etc.) that can be registered at app level.
-     *
-     * @example
-     * <val-button preset="primary-action" [props]="{ text: 'Save' }"></val-button>
-     */
-    preset?: string;
-    /**
-     * Button configuration. Values here override preset values.
-     * When using presets, only partial props are needed (preset provides defaults).
-     */
-    props: Partial<ButtonMetadata>;
-    /**
-     * Resolved props after merging preset + explicit props.
-     * Preset values are overridden by explicit props.
-     */
-    resolvedProps: ButtonMetadata;
-    /**
-     * Event emitted when the button is clicked.
-     */
-    onClick: EventEmitter<string>;
-    constructor(download: DownloadService, _icon: IconService, navigation: NavigationService);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Merge preset configuration with explicit props.
-     * Explicit props take precedence over preset values.
-     */
-    private resolveProps;
-    /**
-     * Set up the text content based on the resolved props configuration.
-     */
-    private setupDisplayText;
-    /**
-     * Interpolate placeholders in content with provided values.
-     * Supports {{placeholder}} format.
-     */
-    private interpolateContent;
-    clickHandler(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "val-button", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
-}

package/lib/components/atoms/button/factory.d.ts

@@ -1,71 +0,0 @@
-import { ButtonMetadata, IconMetada } from '../../types';
-export declare const Icon: (name: string, slot: 'start' | 'end') => IconMetada;
-export declare const BaseDefault: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const ClearDefault: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const ClearDefaultRound: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const SolidDefault: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const SolidDefaultRound: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const OutlineDefault: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const OutlineDefaultRound: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const ClearDefaultFull: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const ClearDefaultRoundFull: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const ClearDefaultBlock: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const ClearDefaultRoundBlock: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const SolidDefaultFull: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const SolidDefaultRoundFull: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const SolidDefaultBlock: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const SolidDefaultRoundBlock: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const OutlineDefaultFull: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const OutlineDefaultRoundFull: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const OutlineDefaultBlock: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const OutlineDefaultRoundBlock: (text: string, type: 'button' | 'submit' | 'reset') => ButtonMetadata;
-export declare const SolidDefaultButton: (text: string) => ButtonMetadata;
-export declare const SolidSmallButton: (text: string) => ButtonMetadata;
-export declare const SolidLargeButton: (text: string) => ButtonMetadata;
-export declare const SolidDefaultRoundButton: (text: string) => ButtonMetadata;
-export declare const SolidSmallRoundButton: (text: string) => ButtonMetadata;
-export declare const SolidLargeRoundButton: (text: string) => ButtonMetadata;
-export declare const SolidFullButton: (text: string) => ButtonMetadata;
-export declare const SolidBlockButton: (text: string) => ButtonMetadata;
-/** PRIMARY */
-export declare const PrimarySolidDefaultRoundButton: (text: string) => ButtonMetadata;
-export declare const PrimarySolidDefaultRoundIconButton: (text: string, icon: IconMetada) => ButtonMetadata;
-export declare const PrimarySolidDefaultRoundHrefButton: (text: string, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const PrimarySolidDefaultRoundIconHrefButton: (text: string, icon: IconMetada, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const PrimarySolidSmallRoundButton: (text: string) => ButtonMetadata;
-export declare const PrimarySolidSmallRoundIconButton: (text: string, icon: IconMetada) => ButtonMetadata;
-export declare const PrimarySolidSmallRoundHrefButton: (text: string, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const PrimarySolidSmallRoundIconHrefButton: (text: string, icon: IconMetada, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const PrimarySolidLargeRoundButton: (text: string) => ButtonMetadata;
-export declare const PrimarySolidLargeRoundIconButton: (text: string, icon: IconMetada) => ButtonMetadata;
-export declare const PrimarySolidLargeRoundHrefButton: (text: string, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const PrimarySolidLargeRoundIconHrefButton: (text: string, icon: IconMetada, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const PrimarySolidBlockButton: (text: string) => ButtonMetadata;
-export declare const PrimarySolidBlockIconButton: (text: string, icon: IconMetada) => ButtonMetadata;
-export declare const PrimarySolidBlockHrefButton: (text: string, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const PrimarySolidBlockIconHrefButton: (text: string, icon: IconMetada, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const PrimarySolidFullButton: (text: string) => ButtonMetadata;
-export declare const PrimarySolidFullIconButton: (text: string, icon: IconMetada) => ButtonMetadata;
-export declare const PrimarySolidFullHrefButton: (text: string, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const PrimarySolidFullIconHrefButton: (text: string, icon: IconMetada, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-/** SECONDARY */
-export declare const SecondarySolidDefaultRoundButton: (text: string) => ButtonMetadata;
-export declare const SecondarySolidDefaultRoundIconButton: (text: string, icon: IconMetada) => ButtonMetadata;
-export declare const SecondarySolidDefaultRoundHrefButton: (text: string, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const SecondarySolidDefaultRoundIconHrefButton: (text: string, icon: IconMetada, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const SecondarySolidSmallRoundButton: (text: string) => ButtonMetadata;
-export declare const SecondarySolidSmallRoundIconButton: (text: string, icon: IconMetada) => ButtonMetadata;
-export declare const SecondarySolidSmallRoundHrefButton: (text: string, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const SecondarySolidSmallRoundIconHrefButton: (text: string, icon: IconMetada, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const SecondarySolidLargeRoundButton: (text: string) => ButtonMetadata;
-export declare const SecondarySolidLargeRoundIconButton: (text: string, icon: IconMetada) => ButtonMetadata;
-export declare const SecondarySolidLargeRoundHrefButton: (text: string, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const SecondarySolidLargeRoundIconHrefButton: (text: string, icon: IconMetada, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const SecondarySolidFullButton: (text: string) => ButtonMetadata;
-export declare const SecondarySolidFullIconButton: (text: string, icon: IconMetada) => ButtonMetadata;
-export declare const SecondarySolidFullHrefButton: (text: string, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const SecondarySolidFullIconHrefButton: (text: string, icon: IconMetada, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const SecondarySolidBlockButton: (text: string) => ButtonMetadata;
-export declare const SecondarySolidBlockIconButton: (text: string, icon: IconMetada) => ButtonMetadata;
-export declare const SecondarySolidBlockHrefButton: (text: string, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;
-export declare const SecondarySolidBlockIconHrefButton: (text: string, icon: IconMetada, href: string, target: '_blank' | '_self' | '_parent' | '_top') => ButtonMetadata;

package/lib/components/atoms/container/container.component.d.ts

@@ -1,30 +0,0 @@
-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>;
-}

package/lib/components/atoms/container/types.d.ts

@@ -1,11 +0,0 @@
-export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'fluid';
-export type ContainerPadding = 'none' | 'compact' | 'comfortable';
-export type ContainerAlign = 'start' | 'center';
-export interface ContainerMetadata {
-    /** Max-width cap. fluid = no cap. Default: 'xl' (1100px) */
-    size?: ContainerSize;
-    /** Lateral padding. Default: 'comfortable' (16px) */
-    padding?: ContainerPadding;
-    /** Horizontal alignment. Default: 'center' */
-    align?: ContainerAlign;
-}

package/lib/components/atoms/countdown/countdown.component.d.ts

@@ -1,38 +0,0 @@
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
-import { CountdownMetadata, CountdownTime, CountdownCompleteEvent, CountdownTickEvent } from './types';
-import * as i0 from "@angular/core";
-export declare class CountdownComponent implements OnInit, OnDestroy {
-    props: CountdownMetadata;
-    complete: EventEmitter<CountdownCompleteEvent>;
-    tick: EventEmitter<CountdownTickEvent>;
-    private i18n;
-    time: CountdownTime;
-    isExpired: boolean;
-    private intervalId;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Start the countdown timer.
-     */
-    start(): void;
-    /**
-     * Stop the countdown timer.
-     */
-    stop(): void;
-    /**
-     * Reset and restart the countdown.
-     */
-    restart(): void;
-    private updateTime;
-    private getTargetDate;
-    shouldShowDays(): boolean;
-    shouldShowHours(): boolean;
-    shouldShowMinutes(): boolean;
-    shouldShowSeconds(): boolean;
-    formatNumber(value: number): string;
-    getLabel(unit: 'days' | 'hours' | 'minutes' | 'seconds', value: number): string;
-    getExpiredMessage(): string;
-    getColor(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CountdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CountdownComponent, "val-countdown", never, { "props": { "alias": "props"; "required": false; }; }, { "complete": "complete"; "tick": "tick"; }, never, never, true, never>;
-}

package/lib/components/atoms/countdown/types.d.ts

@@ -1,108 +0,0 @@
-import { Color } from '@ionic/core';
-/**
- * Time unit for countdown display.
- */
-export interface CountdownUnit {
-    /** Value of the unit */
-    value: number;
-    /** Label for the unit */
-    label: string;
-    /** Whether to show this unit */
-    show: boolean;
-}
-/**
- * Countdown time breakdown.
- */
-export interface CountdownTime {
-    days: number;
-    hours: number;
-    minutes: number;
-    seconds: number;
-    totalSeconds: number;
-    isExpired: boolean;
-}
-/**
- * Labels for countdown units.
- */
-export interface CountdownLabels {
-    days?: string;
-    hours?: string;
-    minutes?: string;
-    seconds?: string;
-    /** Singular forms (optional) */
-    day?: string;
-    hour?: string;
-    minute?: string;
-    second?: string;
-}
-/**
- * Default labels in Spanish.
- */
-export declare const DEFAULT_COUNTDOWN_LABELS: CountdownLabels;
-/**
- * Default labels in English.
- */
-export declare const DEFAULT_COUNTDOWN_LABELS_EN: CountdownLabels;
-/**
- * Metadata for the countdown component.
- */
-export interface CountdownMetadata {
-    /** Target date/time to count down to */
-    targetDate: Date | string | number;
-    /** Display format */
-    format?: 'full' | 'compact' | 'minimal' | 'digital';
-    /** Show days */
-    showDays?: boolean;
-    /** Show hours */
-    showHours?: boolean;
-    /** Show minutes */
-    showMinutes?: boolean;
-    /** Show seconds */
-    showSeconds?: boolean;
-    /** Show labels below numbers */
-    showLabels?: boolean;
-    /** Show separators between units */
-    showSeparators?: boolean;
-    /** Separator character (default: ':') */
-    separator?: string;
-    /** Pad numbers with zeros */
-    padNumbers?: boolean;
-    /** Custom labels for time units */
-    labels?: CountdownLabels;
-    /** Message to show when expired */
-    expiredMessage?: string;
-    /** Show expired message or hide component */
-    showExpiredMessage?: boolean;
-    /** Component color */
-    color?: Color;
-    /** Size variant */
-    size?: 'small' | 'medium' | 'large';
-    /** Custom CSS class */
-    cssClass?: string;
-    /** Auto-start countdown */
-    autoStart?: boolean;
-    /** Update interval in ms (default: 1000) */
-    updateInterval?: number;
-    /** Content key for expired message */
-    expiredMessageContentKey?: string;
-    /** Content class for reactive content */
-    contentClass?: string;
-}
-/**
- * Event emitted when countdown completes.
- */
-export interface CountdownCompleteEvent {
-    /** Target date that was reached */
-    targetDate: Date;
-    /** Timestamp when completed */
-    completedAt: Date;
-}
-/**
- * Event emitted on each countdown tick.
- */
-export interface CountdownTickEvent {
-    /** Current time breakdown */
-    time: CountdownTime;
-    /** Percentage of time elapsed (if start time known) */
-    percentageElapsed?: number;
-}

package/lib/components/atoms/display/display.component.d.ts

@@ -1,19 +0,0 @@
-import { DisplayMetadata } from './types';
-import * as i0 from "@angular/core";
-export declare class DisplayComponent {
-    /**
-     * Display configuration object.
-     * @type {DisplayMetadata}
-     * @property content - Static text to display.
-     * @property color - The text color (Ionic color string).
-     * @property size - The text size ('small' | 'medium' | 'large' | 'xlarge').
-     */
-    props: DisplayMetadata;
-    /**
-     * Returns the content to display.
-     * Uses static content, or contentConfig fallback for backwards compatibility.
-     */
-    getDisplayContent(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DisplayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DisplayComponent, "val-display", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/atoms/display/types.d.ts

@@ -1,33 +0,0 @@
-import { Color } from '@ionic/core';
-/**
- * Props for val-display component with reactive content support.
- * Supports both static and reactive content patterns.
- *
- * @property size - The text size ('small' | 'medium' | 'large' | 'xlarge').
- * @property color - The text color (Ionic color string).
- * @property content - Static content text (takes precedence over contentConfig).
- * @property contentConfig - Reactive content configuration.
- */
-export interface DisplayMetadata {
-    size: 'small' | 'medium' | 'large' | 'xlarge';
-    color: Color;
-    /** Static content (takes precedence over contentConfig) */
-    content?: string;
-    /** Reactive content configuration */
-    contentConfig?: {
-        className?: string;
-        key: string;
-        fallback?: string;
-        interpolation?: Record<string, any>;
-    };
-}
-/**
- * Configuration for reactive content in val-display component.
- * Use this interface when you only need to specify content-related properties.
- */
-export interface DisplayContentConfig {
-    key: string;
-    className?: string;
-    fallback?: string;
-    interpolation?: Record<string, string | number>;
-}

package/lib/components/atoms/divider/divider.component.d.ts

@@ -1,27 +0,0 @@
-import { OnInit } from '@angular/core';
-import { DividerMetadata } from './types';
-import * as i0 from "@angular/core";
-/**
- * val-divider
- *
- * A horizontal divider for separating content sections.
- *
- * @example
- * <val-divider [props]="{ size: 'medium', color: 'light', fill: 'solid' }"></val-divider>
- *
- * @input props: DividerMetadata - Configuration for the divider (size, color, fill)
- */
-export declare class DividerComponent implements OnInit {
-    /**
-     * Divider configuration object.
-     * @type {DividerMetadata}
-     * @property size - The divider size ('small' | 'medium' | 'large').
-     * @property color - The divider color.
-     * @property fill - The divider fill style ('solid' | 'gradient').
-     */
-    props: DividerMetadata;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "val-divider", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/atoms/divider/types.d.ts

@@ -1,12 +0,0 @@
-/**
- * Props for val-divider component.
- *
- * @property size - The divider size ('small' | 'medium' | 'large').
- * @property color - The divider color ('primary' | 'secondary' | 'dark' | 'light' | 'medium').
- * @property fill - The divider fill style ('solid' | 'gradient').
- */
-export interface DividerMetadata {
-    size: 'small' | 'medium' | 'large';
-    color: 'primary' | 'secondary' | 'dark' | 'light' | 'medium';
-    fill: 'solid' | 'gradient';
-}

package/lib/components/atoms/fab/fab.component.d.ts

@@ -1,36 +0,0 @@
-import { OnChanges, OnInit, EventEmitter, SimpleChanges } from '@angular/core';
-import { FabMetadata, FabActionMetadata } from './types';
-import * as i0 from "@angular/core";
-export declare class FabComponent implements OnInit, OnChanges {
-    private presets;
-    /**
-     * Preset name to apply. Presets define reusable FAB configurations
-     * that can be registered at app level via provideValtechPresets().
-     */
-    preset?: string;
-    /**
-     * FAB configuration object. Values here override preset values.
-     */
-    props: Partial<FabMetadata>;
-    /**
-     * Resolved props after merging preset + explicit props.
-     */
-    resolvedProps: FabMetadata;
-    fabClick: EventEmitter<void>;
-    actionClick: EventEmitter<FabActionMetadata>;
-    isActivated: boolean;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Merge preset configuration with explicit props.
-     * Explicit props take precedence over preset values.
-     */
-    private resolveProps;
-    getVertical(): 'top' | 'bottom' | 'center';
-    getHorizontal(): 'start' | 'end' | 'center';
-    getMainIcon(): string;
-    onMainClick(): void;
-    onActionClick(action: FabActionMetadata): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FabComponent, "val-fab", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "fabClick": "fabClick"; "actionClick": "actionClick"; }, never, never, true, never>;
-}

package/lib/components/atoms/fab/types.d.ts

@@ -1,45 +0,0 @@
-import { Color } from '@ionic/core';
-/**
- * FAB action item configuration.
- */
-export interface FabActionMetadata {
-    /** Action icon */
-    icon: string;
-    /** Action label (tooltip) */
-    label?: string;
-    /** Action color */
-    color?: Color;
-    /** Action identifier */
-    token?: string;
-    /** Whether action is disabled */
-    disabled?: boolean;
-}
-/**
- * Metadata for the FAB component.
- */
-export interface FabMetadata {
-    /** Main FAB icon */
-    icon: string;
-    /** Icon when FAB is activated (optional) */
-    iconActivated?: string;
-    /** FAB color */
-    color?: Color;
-    /** FAB position */
-    position?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'center-start' | 'center-end';
-    /** FAB size */
-    size?: 'small' | 'default';
-    /** FAB actions (mini buttons) */
-    actions?: FabActionMetadata[];
-    /** Actions list side */
-    side?: 'start' | 'end' | 'top' | 'bottom';
-    /** Whether FAB is disabled */
-    disabled?: boolean;
-    /** Translucent background */
-    translucent?: boolean;
-    /** Show labels on actions */
-    showLabels?: boolean;
-    /** Close on action click */
-    closeOnAction?: boolean;
-    /** Unique token identifier */
-    token?: string;
-}

package/lib/components/atoms/glass/glass.component.d.ts

@@ -1,43 +0,0 @@
-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>;
-}

package/lib/components/atoms/glass/types.d.ts

@@ -1,70 +0,0 @@
-/**
- * Configuración del componente `val-glass`.
- *
- * Capa glassmorphism (frosted glass) — backdrop blur + tint semi-translúcido +
- * border sutil + shadow. Diseñada para usarse SOBRE backgrounds decorativos
- * (patterns, gradients, hero images) para mejorar legibilidad del contenido
- * sin tapar la decoración.
- *
- * @example Pill sobre patrón (greeting hero):
- * ```html
- * <val-glass>
- *   <h1>Buenos días, Juan</h1>
- * </val-glass>
- * ```
- *
- * @example Card glass auto-tint según tema:
- * ```html
- * <val-glass [props]="{ tint: 'auto', radius: '20px', padding: '24px', display: 'block' }">
- *   <p>Contenido</p>
- * </val-glass>
- * ```
- *
- * @example Light glass sobre dark bg:
- * ```html
- * <val-glass [props]="{ tint: 'light', tintAlpha: 0.15, blur: 16 }">
- *   ...
- * </val-glass>
- * ```
- */
-export interface GlassMetadata {
-    /**
-     * Tint del fondo. Built-in:
-     * - `'dark'` (default) — `rgba(14, 4, 32, alpha)` — combina con palette Valtech purple
-     * - `'light'` — `rgba(255, 255, 255, alpha)` — para usar sobre dark bg
-     * - `'auto'` — switch por tema activo (`body.dark` → dark, sino light)
-     *
-     * También acepta una string CSS color custom (`rgba(...)`, `hsl(...)`, hex).
-     * Si pasas custom, `tintAlpha` se ignora.
-     */
-    tint?: 'dark' | 'light' | 'auto' | string;
-    /** Alpha del tint (0..1). Default `0.55`. Ignorado si `tint` es custom string. */
-    tintAlpha?: number;
-    /** Blur radius en px. Default `10`. Subir a 16-24 para más frosting. */
-    blur?: number;
-    /** Saturate filter % (acompañando blur). Default `140`. */
-    saturate?: number;
-    /** Border radius. Cualquier CSS length. Default `'14px'`. */
-    radius?: string;
-    /** Padding interno. CSS shorthand. Default `'10px 18px'`. */
-    padding?: string;
-    /** Mostrar border sutil (1px rgba blanco). Default `true`. */
-    border?: boolean;
-    /**
-     * Elevación de shadow:
-     * - `'none'` — sin shadow
-     * - `'sm'` — `0 2px 8px rgba(0,0,0,0.15)`
-     * - `'md'` (default) — `0 4px 24px rgba(0,0,0,0.25)`
-     * - `'lg'` — `0 12px 40px rgba(0,0,0,0.35)`
-     */
-    elevation?: 'none' | 'sm' | 'md' | 'lg';
-    /**
-     * Display mode:
-     * - `'inline-block'` (default) — fit-content, ideal para pills/badges
-     * - `'block'` — fill parent width, ideal para cards
-     * - `'flex'` — flex column, ideal para layouts internos
-     */
-    display?: 'inline-block' | 'block' | 'flex';
-    /** Clase CSS extra. */
-    cssClass?: string;
-}