@geoit/ui 0.0.2 → 0.0.5

package/lib/figma/geo-page-title/geo-page-title.component.d.ts

@@ -5,18 +5,18 @@ import * as i0 from "@angular/core";
  */
 export declare class GeoPageTitleComponent {
     /** Nội dung tiêu đề. */
-    title: string;
+    readonly title: import("@angular/core").InputSignal<string>;
     /** Tự chuyển uppercase. Default `true`. */
-    uppercase: boolean;
+    readonly uppercase: import("@angular/core").InputSignal<boolean>;
     /** Chiều rộng gạch chân (px hoặc CSS size). Default `56px`. */
-    accentWidth: number | string;
+    readonly accentWidth: import("@angular/core").InputSignal<string | number>;
     /** Độ dày gạch chân. Default `4px`. */
-    accentHeight: number | string;
+    readonly accentHeight: import("@angular/core").InputSignal<string | number>;
     /** Heading level → geo-typography variant. */
-    level: 1 | 2 | 3 | 4;
-    get typographyVariant(): GeoTypographyVariant;
-    get accentWidthCss(): string;
-    get accentHeightCss(): string;
+    readonly level: import("@angular/core").InputSignal<1 | 2 | 3 | 4>;
+    readonly typographyVariant: import("@angular/core").Signal<GeoTypographyVariant>;
+    readonly accentWidthCss: import("@angular/core").Signal<string>;
+    readonly accentHeightCss: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoPageTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoPageTitleComponent, "geo-page-title", never, { "title": { "alias": "title"; "required": false; }; "uppercase": { "alias": "uppercase"; "required": false; }; "accentWidth": { "alias": "accentWidth"; "required": false; }; "accentHeight": { "alias": "accentHeight"; "required": false; }; "level": { "alias": "level"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoPageTitleComponent, "geo-page-title", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "uppercase": { "alias": "uppercase"; "required": false; "isSignal": true; }; "accentWidth": { "alias": "accentWidth"; "required": false; "isSignal": true; }; "accentHeight": { "alias": "accentHeight"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/figma/geo-pagination/geo-pagination.component.d.ts

@@ -1,21 +1,16 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Pagination gọn — wrap `nz-pagination`. Dùng cho panel/map (không kèm size changer như `geo-table-pagination`).
  */
 export declare class GeoPaginationComponent {
-    pageIndex: number;
-    pageSize: number;
-    total: number;
-    size: 'default' | 'small';
-    simple: boolean;
-    hideOnSinglePage: boolean;
-    showSizeChanger: boolean;
-    pageSizeOptions: number[];
-    pageIndexChange: EventEmitter<number>;
-    pageSizeChange: EventEmitter<number>;
-    onPageIndexChange(page: number): void;
-    onPageSizeChange(size: number): void;
+    readonly pageIndex: import("@angular/core").ModelSignal<number>;
+    readonly pageSize: import("@angular/core").ModelSignal<number>;
+    readonly total: import("@angular/core").InputSignal<number>;
+    readonly size: import("@angular/core").InputSignal<"default" | "small">;
+    readonly simple: import("@angular/core").InputSignal<boolean>;
+    readonly hideOnSinglePage: import("@angular/core").InputSignal<boolean>;
+    readonly showSizeChanger: import("@angular/core").InputSignal<boolean>;
+    readonly pageSizeOptions: import("@angular/core").InputSignal<number[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoPaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoPaginationComponent, "geo-pagination", never, { "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "total": { "alias": "total"; "required": false; }; "size": { "alias": "size"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "hideOnSinglePage": { "alias": "hideOnSinglePage"; "required": false; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; }, { "pageIndexChange": "pageIndexChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoPaginationComponent, "geo-pagination", never, { "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "simple": { "alias": "simple"; "required": false; "isSignal": true; }; "hideOnSinglePage": { "alias": "hideOnSinglePage"; "required": false; "isSignal": true; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; }, { "pageIndex": "pageIndexChange"; "pageSize": "pageSizeChange"; }, never, never, true, never>;
 }

package/lib/figma/geo-radio/geo-radio.component.d.ts

@@ -1,24 +1,26 @@
-import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { GeoRadioButtonAppearance, GeoRadioLayout, GeoRadioOption, GeoRadioSize } from './geo-radio.types';
 import * as i0 from "@angular/core";
 export declare class GeoRadioComponent implements ControlValueAccessor {
-    options: GeoRadioOption[];
-    label: string;
-    size: GeoRadioSize;
-    layout: GeoRadioLayout;
+    private readonly cdr;
+    readonly options: import("@angular/core").InputSignal<GeoRadioOption[]>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<GeoRadioSize>;
+    readonly layout: import("@angular/core").InputSignal<GeoRadioLayout>;
     /** `true` → dùng `nz-radio-button` thay vì `nz-radio` */
-    buttonStyle: boolean;
+    readonly buttonStyle: import("@angular/core").InputSignal<boolean>;
     /** Chỉ áp dụng khi `buttonStyle: true` */
-    buttonAppearance: GeoRadioButtonAppearance;
-    disabled: boolean;
-    required: boolean;
-    error: boolean;
-    errorMessage: string;
-    block: boolean;
-    valueChange: EventEmitter<string | number | null>;
+    readonly buttonAppearance: import("@angular/core").InputSignal<GeoRadioButtonAppearance>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly required: import("@angular/core").InputSignal<boolean>;
+    readonly error: import("@angular/core").InputSignal<boolean>;
+    readonly errorMessage: import("@angular/core").InputSignal<string>;
+    readonly block: import("@angular/core").InputSignal<boolean>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string | number | null>;
     readonly errorMessageId: string;
-    value: string | number | null;
+    private readonly disabledFromCva;
+    readonly isDisabled: import("@angular/core").Signal<boolean>;
+    protected readonly value: import("@angular/core").WritableSignal<string | number | null>;
     private onChange;
     private onTouched;
     onValueChange(value: string | number | null): void;
@@ -27,5 +29,5 @@ export declare class GeoRadioComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoRadioComponent, "geo-radio", never, { "options": { "alias": "options"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonAppearance": { "alias": "buttonAppearance"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "block": { "alias": "block"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoRadioComponent, "geo-radio", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "buttonAppearance": { "alias": "buttonAppearance"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/lib/figma/geo-select/geo-select.component.d.ts

@@ -1,33 +1,38 @@
-import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { GeoSelectMode, GeoSelectOption, GeoSelectSize } from './geo-select.types';
 import * as i0 from "@angular/core";
 export declare class GeoSelectComponent implements ControlValueAccessor {
-    options: GeoSelectOption[];
-    label: string;
-    placeholder: string;
-    size: GeoSelectSize;
-    mode: GeoSelectMode;
-    disabled: boolean;
-    required: boolean;
-    error: boolean;
-    errorMessage: string;
-    allowClear: boolean;
-    showSearch: boolean;
-    block: boolean;
-    width?: number | string;
-    valueChange: EventEmitter<string | number | (string | number)[] | null>;
+    private readonly cdr;
+    readonly options: import("@angular/core").InputSignal<GeoSelectOption<string | number>[]>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<GeoSelectSize>;
+    readonly mode: import("@angular/core").InputSignal<GeoSelectMode>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly required: import("@angular/core").InputSignal<boolean>;
+    readonly error: import("@angular/core").InputSignal<boolean>;
+    readonly errorMessage: import("@angular/core").InputSignal<string>;
+    readonly allowClear: import("@angular/core").InputSignal<boolean>;
+    readonly showSearch: import("@angular/core").InputSignal<boolean>;
+    readonly block: import("@angular/core").InputSignal<boolean>;
+    readonly width: import("@angular/core").InputSignal<string | number | undefined>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string | number | (string | number)[] | null>;
     readonly errorMessageId: string;
-    value: string | number | Array<string | number> | null;
+    private readonly disabledFromCva;
+    readonly isDisabled: import("@angular/core").Signal<boolean>;
+    protected readonly value: import("@angular/core").WritableSignal<string | number | (string | number)[] | null>;
     private onChange;
     private onTouched;
-    get hostWidth(): string | null;
-    get controlClassNames(): Record<string, boolean>;
+    readonly hostWidth: import("@angular/core").Signal<string | null>;
+    readonly controlClassNames: import("@angular/core").Signal<{
+        [x: string]: boolean;
+        'geo-select': boolean;
+    }>;
     onValueChange(value: string | number | Array<string | number> | null): void;
     writeValue(value: string | number | Array<string | number> | null): void;
     registerOnChange(fn: (value: string | number | Array<string | number> | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoSelectComponent, "geo-select", never, { "options": { "alias": "options"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "block": { "alias": "block"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoSelectComponent, "geo-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/lib/figma/geo-slider/geo-slider.component.d.ts

@@ -1,17 +1,15 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Slider (opacity / range) — wrap `nz-slider`. Domain dùng `geo-slider`, không import NzSliderModule.
  */
 export declare class GeoSliderComponent {
-    value: number;
-    min: number;
-    max: number;
-    step: number;
-    disabled: boolean;
-    tipFormatter?: (value: number) => string;
-    valueChange: EventEmitter<number>;
+    readonly value: import("@angular/core").ModelSignal<number>;
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly step: import("@angular/core").InputSignal<number>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly tipFormatter: import("@angular/core").InputSignal<((value: number) => string) | undefined>;
     onChange(next: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoSliderComponent, "geo-slider", never, { "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tipFormatter": { "alias": "tipFormatter"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoSliderComponent, "geo-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tipFormatter": { "alias": "tipFormatter"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }

package/lib/figma/geo-stat-card/geo-stat-card.component.d.ts

@@ -0,0 +1,50 @@
+import type { GeoStatCardItem } from './geo-stat-card.types';
+import * as i0 from "@angular/core";
+/**
+ * KPI / summary tile for dashboard (TCQH.1).
+ *
+ * @summary Ô thống kê tổng quan (diện tích, số thửa…).
+ * @whenToUse Dashboard hoặc đầu trang thống kê.
+ * @doNotUseWhen Form field summaries — use typography.
+ */
+export declare class GeoStatCardComponent {
+    private readonly cdr;
+    private readonly destroyRef;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").InputSignal<string | number>;
+    readonly unit: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<string>;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly clickable: import("@angular/core").InputSignal<boolean>;
+    /** Count-up number animation. Honors `prefers-reduced-motion`. */
+    readonly animate: import("@angular/core").InputSignal<boolean>;
+    /** Count-up duration in ms. */
+    readonly animationDuration: import("@angular/core").InputSignal<number>;
+    /** Stagger delay before count-up starts (ms). */
+    readonly animationDelay: import("@angular/core").InputSignal<number>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<void>;
+    /** Convenience: bind a whole item object. */
+    readonly item: import("@angular/core").InputSignal<GeoStatCardItem | null>;
+    /** Animated / resolved value shown in the template. */
+    readonly displayValue: import("@angular/core").WritableSignal<string>;
+    private rafId;
+    private delayId;
+    private animToken;
+    readonly resolvedLabel: import("@angular/core").Signal<string>;
+    readonly resolvedUnit: import("@angular/core").Signal<string>;
+    readonly resolvedIcon: import("@angular/core").Signal<string>;
+    readonly resolvedHint: import("@angular/core").Signal<string>;
+    private readonly resolvedRawValue;
+    /** Fallback when animation has not painted yet. */
+    readonly resolvedRawFallback: import("@angular/core").Signal<string>;
+    constructor();
+    onClick(): void;
+    private startCountUp;
+    private cancelAnimation;
+    /** Soft ease-out — nhanh gọn, hạ tốc nhẹ khi kết thúc. */
+    private easeOutSoft;
+    private parseValue;
+    private formatValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoStatCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoStatCardComponent, "geo-stat-card", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "animationDelay": { "alias": "animationDelay"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}

package/lib/figma/geo-stat-card/geo-stat-card.types.d.ts

@@ -0,0 +1,11 @@
+export interface GeoStatCardItem {
+    id?: string;
+    label: string;
+    value: string | number;
+    /** Optional unit shown after value (e.g. m², thửa). */
+    unit?: string;
+    /** Ant Design icon name. */
+    icon?: string;
+    /** Optional helper / trend text. */
+    hint?: string;
+}

package/lib/figma/geo-status-tag/geo-status-tag.component.d.ts

@@ -1,4 +1,4 @@
-import { GeoStatusColor, GeoStatusPreset } from './geo-status-tag.types';
+import { GeoStatusColor } from './geo-status-tag.types';
 import * as i0 from "@angular/core";
 export declare class GeoStatusTagComponent {
     /**
@@ -6,13 +6,13 @@ export declare class GeoStatusTagComponent {
      * Semantic: success | primary | error | warning | info | teal | neutral
      * Legacy: completed | cancelled | in_progress | adjusting
      */
-    status: GeoStatusPreset | string;
+    readonly status: import("@angular/core").InputSignal<string>;
     /** Override label text. */
-    label?: string;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
     /** Show leading status dot (design default). */
-    showDot: boolean;
-    get resolvedColor(): GeoStatusColor;
-    get displayLabel(): string;
+    readonly showDot: import("@angular/core").InputSignal<boolean>;
+    readonly resolvedColor: import("@angular/core").Signal<GeoStatusColor>;
+    readonly displayLabel: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoStatusTagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoStatusTagComponent, "geo-status-tag", never, { "status": { "alias": "status"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showDot": { "alias": "showDot"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoStatusTagComponent, "geo-status-tag", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showDot": { "alias": "showDot"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/figma/geo-step-form-layout/geo-step-form-layout.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { GeoStepperStep } from '../geo-stepper/geo-stepper.types';
 import * as i0 from "@angular/core";
 /**
@@ -19,38 +18,37 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class GeoStepFormLayoutComponent {
-    steps: GeoStepperStep[];
-    activeIndex: number;
-    title: string;
-    clickableSteps: boolean;
+    readonly steps: import("@angular/core").InputSignal<GeoStepperStep[]>;
+    readonly activeIndex: import("@angular/core").ModelSignal<number>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly clickableSteps: import("@angular/core").InputSignal<boolean>;
     /** Hiện nút ↑/↓ góc phải card (chuyển bước). Mặc định `true`. */
-    showScrollButtons: boolean;
-    showCancel: boolean;
-    showPrevious: boolean;
-    showSave: boolean;
-    showNext: boolean;
-    cancelLabel: string;
-    previousLabel: string;
-    saveLabel: string;
-    nextLabel: string;
-    finishLabel: string;
-    saveLoading: boolean;
-    nextLoading: boolean;
+    readonly showScrollButtons: import("@angular/core").InputSignal<boolean>;
+    readonly showCancel: import("@angular/core").InputSignal<boolean>;
+    readonly showPrevious: import("@angular/core").InputSignal<boolean>;
+    readonly showSave: import("@angular/core").InputSignal<boolean>;
+    readonly showNext: import("@angular/core").InputSignal<boolean>;
+    readonly cancelLabel: import("@angular/core").InputSignal<string>;
+    readonly previousLabel: import("@angular/core").InputSignal<string>;
+    readonly saveLabel: import("@angular/core").InputSignal<string>;
+    readonly nextLabel: import("@angular/core").InputSignal<string>;
+    readonly finishLabel: import("@angular/core").InputSignal<string>;
+    readonly saveLoading: import("@angular/core").InputSignal<boolean>;
+    readonly nextLoading: import("@angular/core").InputSignal<boolean>;
     /** Ẩn footer actions (dùng slot `[footer]` hoặc không cần nút). */
-    hideDefaultFooter: boolean;
-    activeIndexChange: EventEmitter<number>;
-    stepSelect: EventEmitter<{
+    readonly hideDefaultFooter: import("@angular/core").InputSignal<boolean>;
+    readonly stepSelect: import("@angular/core").OutputEmitterRef<{
         index: number;
         step: GeoStepperStep;
     }>;
-    cancel: EventEmitter<void>;
-    previous: EventEmitter<void>;
-    save: EventEmitter<void>;
-    next: EventEmitter<void>;
-    get isLastStep(): boolean;
-    get canGoPreviousStep(): boolean;
-    get canGoNextStep(): boolean;
-    get resolvedNextLabel(): string;
+    readonly cancel: import("@angular/core").OutputEmitterRef<void>;
+    readonly previous: import("@angular/core").OutputEmitterRef<void>;
+    readonly save: import("@angular/core").OutputEmitterRef<void>;
+    readonly next: import("@angular/core").OutputEmitterRef<void>;
+    readonly isLastStep: import("@angular/core").Signal<boolean>;
+    readonly canGoPreviousStep: import("@angular/core").Signal<boolean>;
+    readonly canGoNextStep: import("@angular/core").Signal<boolean>;
+    readonly resolvedNextLabel: import("@angular/core").Signal<string>;
     onActiveIndexChange(index: number): void;
     onStepSelect(event: {
         index: number;
@@ -63,5 +61,5 @@ export declare class GeoStepFormLayoutComponent {
     goAdjacentStep(direction: 'up' | 'down'): void;
     private findAdjacentStepIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoStepFormLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoStepFormLayoutComponent, "geo-step-form-layout", never, { "steps": { "alias": "steps"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "clickableSteps": { "alias": "clickableSteps"; "required": false; }; "showScrollButtons": { "alias": "showScrollButtons"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "showPrevious": { "alias": "showPrevious"; "required": false; }; "showSave": { "alias": "showSave"; "required": false; }; "showNext": { "alias": "showNext"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "previousLabel": { "alias": "previousLabel"; "required": false; }; "saveLabel": { "alias": "saveLabel"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "finishLabel": { "alias": "finishLabel"; "required": false; }; "saveLoading": { "alias": "saveLoading"; "required": false; }; "nextLoading": { "alias": "nextLoading"; "required": false; }; "hideDefaultFooter": { "alias": "hideDefaultFooter"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "stepSelect": "stepSelect"; "cancel": "cancel"; "previous": "previous"; "save": "save"; "next": "next"; }, never, ["[sidebarExtra]", "*", "[footer]", "[footer]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoStepFormLayoutComponent, "geo-step-form-layout", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "clickableSteps": { "alias": "clickableSteps"; "required": false; "isSignal": true; }; "showScrollButtons": { "alias": "showScrollButtons"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "showPrevious": { "alias": "showPrevious"; "required": false; "isSignal": true; }; "showSave": { "alias": "showSave"; "required": false; "isSignal": true; }; "showNext": { "alias": "showNext"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "saveLabel": { "alias": "saveLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; "saveLoading": { "alias": "saveLoading"; "required": false; "isSignal": true; }; "nextLoading": { "alias": "nextLoading"; "required": false; "isSignal": true; }; "hideDefaultFooter": { "alias": "hideDefaultFooter"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; "stepSelect": "stepSelect"; "cancel": "cancel"; "previous": "previous"; "save": "save"; "next": "next"; }, never, ["[sidebarExtra]", "*", "[footer]", "[footer]"], true, never>;
 }

package/lib/figma/geo-stepper/geo-stepper.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { GeoStepperOrientation, GeoStepperStep } from './geo-stepper.types';
 import * as i0 from "@angular/core";
 /**
@@ -21,14 +20,13 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class GeoStepperComponent {
-    steps: GeoStepperStep[];
-    activeIndex: number;
+    readonly steps: import("@angular/core").InputSignal<GeoStepperStep[]>;
+    readonly activeIndex: import("@angular/core").ModelSignal<number>;
     /** Mặc định horizontal theo design form modal. */
-    orientation: GeoStepperOrientation;
+    readonly orientation: import("@angular/core").InputSignal<GeoStepperOrientation>;
     /** Cho phép click để đổi bước. */
-    clickable: boolean;
-    activeIndexChange: EventEmitter<number>;
-    stepSelect: EventEmitter<{
+    readonly clickable: import("@angular/core").InputSignal<boolean>;
+    readonly stepSelect: import("@angular/core").OutputEmitterRef<{
         index: number;
         step: GeoStepperStep;
     }>;
@@ -38,5 +36,5 @@ export declare class GeoStepperComponent {
     isPending(index: number): boolean;
     onSelect(index: number, step: GeoStepperStep): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoStepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoStepperComponent, "geo-stepper", never, { "steps": { "alias": "steps"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "stepSelect": "stepSelect"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoStepperComponent, "geo-stepper", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; "stepSelect": "stepSelect"; }, never, never, true, never>;
 }

package/lib/figma/geo-table/geo-column-picker/geo-column-picker.component.d.ts

@@ -1,13 +1,12 @@
-import { EventEmitter } from '@angular/core';
 import { GeoColumnPickerApplyPayload, GeoColumnPickerItem } from './geo-column-picker.types';
 import * as i0 from "@angular/core";
 export declare class GeoColumnPickerComponent {
-    triggerLabel: string;
-    hint: string;
-    items: GeoColumnPickerItem[];
+    readonly triggerLabel: import("@angular/core").InputSignal<string>;
+    readonly hint: import("@angular/core").InputSignal<string>;
+    readonly items: import("@angular/core").InputSignal<GeoColumnPickerItem[]>;
     /** Lưu trạng thái ẩn/hiện cột theo session khi người dùng áp dụng */
-    storageKey?: string;
-    apply: EventEmitter<GeoColumnPickerApplyPayload>;
+    readonly storageKey: import("@angular/core").InputSignal<string | undefined>;
+    readonly apply: import("@angular/core").OutputEmitterRef<GeoColumnPickerApplyPayload>;
     dropdownVisible: boolean;
     draftItems: GeoColumnPickerItem[];
     onDropdownVisibleChange(visible: boolean): void;
@@ -16,5 +15,5 @@ export declare class GeoColumnPickerComponent {
     onReset(): void;
     private syncDraft;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoColumnPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoColumnPickerComponent, "geo-column-picker", never, { "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "items": { "alias": "items"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; }, { "apply": "apply"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoColumnPickerComponent, "geo-column-picker", never, { "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; }, { "apply": "apply"; }, never, never, true, never>;
 }

package/lib/figma/geo-table/geo-row-actions/geo-row-actions.component.d.ts

@@ -1,21 +1,20 @@
-import { EventEmitter } from '@angular/core';
 import { GeoRowAction } from './geo-row-actions.types';
 import * as i0 from "@angular/core";
 export declare class GeoRowActionsComponent {
-    actions: GeoRowAction[] | null;
+    readonly actions: import("@angular/core").InputSignal<GeoRowAction[] | null>;
     /** Action ưu tiên hiển thị khi có > 2 thao tác (mặc định: edit) */
-    primaryActionKey: string;
-    actionClick: EventEmitter<string>;
+    readonly primaryActionKey: import("@angular/core").InputSignal<string>;
+    readonly actionClick: import("@angular/core").OutputEmitterRef<string>;
     /** @deprecated Dùng `actionClick` với key `edit` */
-    edit: EventEmitter<void>;
+    readonly edit: import("@angular/core").OutputEmitterRef<void>;
     /** @deprecated Dùng `actionClick` với key `more` */
-    more: EventEmitter<void>;
-    get resolvedActions(): GeoRowAction[];
-    get enabledActions(): GeoRowAction[];
-    get inlineActions(): GeoRowAction[];
-    get overflowActions(): GeoRowAction[];
-    get hasOverflow(): boolean;
+    readonly more: import("@angular/core").OutputEmitterRef<void>;
+    readonly resolvedActions: import("@angular/core").Signal<GeoRowAction[]>;
+    readonly enabledActions: import("@angular/core").Signal<GeoRowAction[]>;
+    readonly inlineActions: import("@angular/core").Signal<GeoRowAction[]>;
+    readonly overflowActions: import("@angular/core").Signal<GeoRowAction[]>;
+    readonly hasOverflow: import("@angular/core").Signal<boolean>;
     onActionClick(event: Event, action: GeoRowAction): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoRowActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoRowActionsComponent, "geo-row-actions", never, { "actions": { "alias": "actions"; "required": false; }; "primaryActionKey": { "alias": "primaryActionKey"; "required": false; }; }, { "actionClick": "actionClick"; "edit": "edit"; "more": "more"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoRowActionsComponent, "geo-row-actions", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "primaryActionKey": { "alias": "primaryActionKey"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "edit": "edit"; "more": "more"; }, never, never, true, never>;
 }

package/lib/figma/geo-table/geo-table-filter/geo-table-filter.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { AfterViewInit, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Thanh lọc phía trên bảng: field chính + actions (Tìm kiếm / Bộ lọc nâng cao / Reset).
@@ -15,53 +15,46 @@ import * as i0 from "@angular/core";
  * ## Content projection
  * - Default: luôn hiện. Slot `[advanced]`: chỉ hiện khi `advancedExpanded`.
  */
-export declare class GeoTableFilterComponent implements AfterViewInit, OnChanges, OnDestroy {
+export declare class GeoTableFilterComponent implements AfterViewInit, OnDestroy {
     private readonly host;
     private readonly ngZone;
-    private readonly cdr;
     /**
      * Số cột field mỗi hàng (mặc định 4 → tổng 5 cột gồm actions).
      * Ví dụ: 4 field + columns=2 → 2 hàng × 2 cột field (+ 1 cột actions).
      */
-    columns: number;
+    readonly columns: import("@angular/core").InputSignal<number>;
     /**
      * Khi `true` (mặc định): số cột thực tế ≤ `columns` theo breakpoint.
      * Khi `false`: luôn dùng đúng `columns`.
      */
-    responsiveColumns: boolean;
+    readonly responsiveColumns: import("@angular/core").InputSignal<boolean>;
     /** Đưa actions lên hàng đầu khi màn hẹp (stacked). */
-    responsiveCollapse: boolean;
+    readonly responsiveCollapse: import("@angular/core").InputSignal<boolean>;
     /** Breakpoint chuyển layout stacked (px). */
-    mobileBreakpoint: number;
+    readonly mobileBreakpoint: import("@angular/core").InputSignal<number>;
     /** Khoảng cách grid (px). */
-    gap: number;
-    searchLabel: string;
-    searchLoading: boolean;
+    readonly gap: import("@angular/core").InputSignal<number>;
+    readonly searchLabel: import("@angular/core").InputSignal<string>;
+    readonly searchLoading: import("@angular/core").InputSignal<boolean>;
     /** Hiện nút mở/đóng slot `[advanced]`. */
-    showAdvancedToggle: boolean;
-    showReset: boolean;
+    readonly showAdvancedToggle: import("@angular/core").InputSignal<boolean>;
+    readonly showReset: import("@angular/core").InputSignal<boolean>;
     /** Mở panel field nâng cao (`[advanced]`). */
-    advancedExpanded: boolean;
+    readonly advancedExpanded: import("@angular/core").ModelSignal<boolean>;
     /**
      * Số field advanced đang có giá trị — hiện badge trên nút expand.
      * Parent tự tính (vd. `countFilledFilters(query, ADVANCED_KEYS)`).
      */
-    advancedFilterCount: number;
-    filterToggleTitle: string;
-    resetTitle: string;
-    search: EventEmitter<void>;
-    reset: EventEmitter<void>;
-    advancedExpandedChange: EventEmitter<boolean>;
-    effectiveCols: number;
-    stackedLayout: boolean;
+    readonly advancedFilterCount: import("@angular/core").InputSignal<number>;
+    readonly filterToggleTitle: import("@angular/core").InputSignal<string>;
+    readonly resetTitle: import("@angular/core").InputSignal<string>;
+    readonly search: import("@angular/core").OutputEmitterRef<void>;
+    readonly reset: import("@angular/core").OutputEmitterRef<void>;
+    readonly effectiveCols: import("@angular/core").WritableSignal<number>;
+    readonly stackedLayout: import("@angular/core").WritableSignal<boolean>;
     private resizeObserver?;
     private layoutFrame?;
-    get hostColumns(): number;
-    /** Tổng cột grid = field cols + 1 cột actions. */
-    get hostTotalColumns(): number;
-    get hostGap(): number;
-    get stackedLayoutClass(): boolean;
-    ngOnChanges(changes: SimpleChanges): void;
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     toggleAdvanced(): void;
@@ -71,5 +64,5 @@ export declare class GeoTableFilterComponent implements AfterViewInit, OnChanges
     private updateResponsiveLayout;
     private getEffectiveCols;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoTableFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoTableFilterComponent, "geo-table-filter", never, { "columns": { "alias": "columns"; "required": false; }; "responsiveColumns": { "alias": "responsiveColumns"; "required": false; }; "responsiveCollapse": { "alias": "responsiveCollapse"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchLoading": { "alias": "searchLoading"; "required": false; }; "showAdvancedToggle": { "alias": "showAdvancedToggle"; "required": false; }; "showReset": { "alias": "showReset"; "required": false; }; "advancedExpanded": { "alias": "advancedExpanded"; "required": false; }; "advancedFilterCount": { "alias": "advancedFilterCount"; "required": false; }; "filterToggleTitle": { "alias": "filterToggleTitle"; "required": false; }; "resetTitle": { "alias": "resetTitle"; "required": false; }; }, { "search": "search"; "reset": "reset"; "advancedExpandedChange": "advancedExpandedChange"; }, never, ["*", "[advanced]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoTableFilterComponent, "geo-table-filter", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "responsiveColumns": { "alias": "responsiveColumns"; "required": false; "isSignal": true; }; "responsiveCollapse": { "alias": "responsiveCollapse"; "required": false; "isSignal": true; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchLoading": { "alias": "searchLoading"; "required": false; "isSignal": true; }; "showAdvancedToggle": { "alias": "showAdvancedToggle"; "required": false; "isSignal": true; }; "showReset": { "alias": "showReset"; "required": false; "isSignal": true; }; "advancedExpanded": { "alias": "advancedExpanded"; "required": false; "isSignal": true; }; "advancedFilterCount": { "alias": "advancedFilterCount"; "required": false; "isSignal": true; }; "filterToggleTitle": { "alias": "filterToggleTitle"; "required": false; "isSignal": true; }; "resetTitle": { "alias": "resetTitle"; "required": false; "isSignal": true; }; }, { "advancedExpanded": "advancedExpandedChange"; "search": "search"; "reset": "reset"; }, never, ["*", "[advanced]"], true, never>;
 }