valtech-components 2.0.821 → 2.0.824

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="valtech-components" />
+export * from './public-api';

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

@@ -0,0 +1,36 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { AvatarMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class AvatarComponent implements OnInit, OnChanges {
+    private presets;
+    /**
+     * Preset name to apply. Presets define reusable avatar configurations
+     * that can be registered at app level via provideValtechPresets().
+     *
+     * @example
+     * <val-avatar preset="profile" [props]="{ image: 'url' }"></val-avatar>
+     */
+    preset?: string;
+    /**
+     * Avatar configuration object. Values here override preset values.
+     */
+    props: Partial<AvatarMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
+     */
+    resolvedProps: AvatarMetadata;
+    /**
+     * Event emitted when the avatar is clicked.
+     */
+    onClick: EventEmitter<any>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    private resolveProps;
+    onClickHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "val-avatar", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,15 @@
+/**
+ * Props for val-avatar component.
+ *
+ * @property image - The image URL to display.
+ * @property default - The fallback image URL if image is not provided.
+ * @property size - The size of the avatar ('small' | 'medium' | 'large').
+ * @property box - Whether to display the avatar with a box style (optional).
+ */
+export interface AvatarMetadata {
+    image: string;
+    default: string;
+    size: 'small' | 'medium' | 'large';
+    box?: boolean;
+    grayscale?: boolean;
+}

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

@@ -0,0 +1,26 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { IconService } from '../../../services/icons.service';
+import { BoxMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class BoxComponent implements OnInit {
+    /**
+     * Box configuration object.
+     * @type {BoxMetadata}
+     * @property color - The color of the box (Ionic color string).
+     * @property icon - The name of the icon to display (optional).
+     * @property bordered - Whether the box has a border (optional).
+     * @property leftBorder - Whether the box has a left border (optional).
+     * @property rounded - Whether the box has rounded corners (optional).
+     * @property padding - Custom padding for the box (optional).
+     */
+    props: BoxMetadata;
+    /**
+     * Event emitted when the box or its icon is clicked.
+     */
+    onClick: EventEmitter<any>;
+    constructor(icon: IconService);
+    ngOnInit(): void;
+    clickHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BoxComponent, "val-box", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, ["[body]"], true, never>;
+}

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

@@ -0,0 +1,19 @@
+import { Color } from '@ionic/core';
+/**
+ * Props for val-box component.
+ *
+ * @property color - The color of the box (Ionic color string).
+ * @property icon - The name of the icon to display (optional).
+ * @property bordered - Whether the box has a border (optional).
+ * @property leftBorder - Whether the box has a left border (optional).
+ * @property rounded - Whether the box has rounded corners (optional).
+ * @property padding - Custom padding for the box (optional).
+ */
+export interface BoxMetadata {
+    color: Color;
+    icon: string;
+    bordered?: boolean;
+    leftBorder?: boolean;
+    rounded?: boolean;
+    padding?: string;
+}

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

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1,71 @@
+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

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,108 @@
+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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,12 @@
+/**
+ * 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

@@ -0,0 +1,36 @@
+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

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