@geoit/ui 0.0.4 → 0.0.6

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

@@ -1,17 +1,16 @@
-import { EventEmitter } from '@angular/core';
 import { GeoAlertType } from './geo-alert.types';
 import * as i0 from "@angular/core";
 export declare class GeoAlertComponent {
-    type: GeoAlertType;
-    title: string;
-    message: string;
-    closable: boolean;
-    visible: boolean;
-    showIcon: boolean;
-    closed: EventEmitter<void>;
-    get displayTitle(): string;
-    get iconType(): string;
+    readonly type: import("@angular/core").InputSignal<GeoAlertType>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly message: import("@angular/core").InputSignal<string>;
+    readonly closable: import("@angular/core").InputSignal<boolean>;
+    readonly visible: import("@angular/core").ModelSignal<boolean>;
+    readonly showIcon: import("@angular/core").InputSignal<boolean>;
+    readonly closed: import("@angular/core").OutputEmitterRef<void>;
+    readonly displayTitle: import("@angular/core").Signal<string>;
+    readonly iconType: import("@angular/core").Signal<"check-circle" | "close-circle" | "exclamation-circle" | "info-circle">;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoAlertComponent, "geo-alert", never, { "type": { "alias": "type"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; }, { "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoAlertComponent, "geo-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "closed": "closed"; }, never, never, true, never>;
 }

package/lib/figma/geo-back-button/geo-back-button.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Nút quay lại dùng chung cho các page form/detail.
@@ -6,13 +5,13 @@ import * as i0 from "@angular/core";
  */
 export declare class GeoBackButtonComponent {
     private readonly location;
-    ariaLabel: string;
-    title: string;
-    disabled: boolean;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
     /** `true` (mặc định): `Location.back()` — về trang trước trong history. */
-    historyBack: boolean;
-    clicked: EventEmitter<MouseEvent>;
+    readonly historyBack: import("@angular/core").InputSignal<boolean>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<MouseEvent>;
     onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoBackButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoBackButtonComponent, "geo-back-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "historyBack": { "alias": "historyBack"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoBackButtonComponent, "geo-back-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "historyBack": { "alias": "historyBack"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }

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

@@ -5,8 +5,8 @@ import * as i0 from "@angular/core";
  * Item thường: neutral gray; item active (cuối): primary + semibold.
  */
 export declare class GeoBreadcrumbComponent {
-    items: GeoBreadcrumbItem[];
+    readonly items: import("@angular/core").InputSignal<GeoBreadcrumbItem[]>;
     isActive(item: GeoBreadcrumbItem, index: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoBreadcrumbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoBreadcrumbComponent, "geo-breadcrumb", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoBreadcrumbComponent, "geo-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,27 +1,31 @@
-import { EventEmitter } from '@angular/core';
 import { GeoButtonAppearance, GeoButtonColor, GeoButtonTooltipPlacement } from './geo-button.types';
 import * as i0 from "@angular/core";
 export declare class GeoButtonComponent {
-    appearance: GeoButtonAppearance;
-    color: GeoButtonColor;
-    icon?: string;
-    iconTheme: 'outline' | 'fill' | 'twotone';
+    readonly appearance: import("@angular/core").InputSignal<GeoButtonAppearance>;
+    readonly color: import("@angular/core").InputSignal<GeoButtonColor>;
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    readonly iconTheme: import("@angular/core").InputSignal<"outline" | "fill" | "twotone">;
     /** Vị trí icon: `start` (trái) hoặc `end` (phải). */
-    iconPlacement: 'start' | 'end';
-    iconOnly: boolean;
-    type: 'button' | 'submit';
-    disabled: boolean;
+    readonly iconPlacement: import("@angular/core").InputSignal<"start" | "end">;
+    readonly iconOnly: import("@angular/core").InputSignal<boolean>;
+    readonly type: import("@angular/core").InputSignal<"button" | "submit">;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
     /** Tooltip Ant Design (`nz-tooltip`). Ưu tiên hơn `title` native. */
-    tooltip: string;
-    tooltipPlacement: GeoButtonTooltipPlacement;
+    readonly tooltip: import("@angular/core").InputSignal<string>;
+    readonly tooltipPlacement: import("@angular/core").InputSignal<GeoButtonTooltipPlacement>;
     /** Trạng thái active (vd. toolbar toggle đang bật). */
-    active: boolean;
+    readonly active: import("@angular/core").InputSignal<boolean>;
     /** Native `title` — fallback khi không set `tooltip`. */
-    title: string;
-    clicked: EventEmitter<MouseEvent>;
-    get tooltipTitle(): string;
-    get classNames(): Record<string, boolean>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    readonly tooltipTitle: import("@angular/core").Signal<string>;
+    readonly classNames: import("@angular/core").Signal<{
+        [x: string]: boolean;
+        'geo-button--icon-only': boolean;
+        'geo-button--icon-end': boolean;
+        'geo-button--active': boolean;
+    }>;
     onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoButtonComponent, "geo-button", never, { "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconTheme": { "alias": "iconTheme"; "required": false; }; "iconPlacement": { "alias": "iconPlacement"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "active": { "alias": "active"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoButtonComponent, "geo-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTheme": { "alias": "iconTheme"; "required": false; "isSignal": true; }; "iconPlacement": { "alias": "iconPlacement"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }

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

@@ -0,0 +1,40 @@
+import type { GeoChartDatum, GeoChartSegmentClick, GeoChartSort, GeoChartType } from './geo-chart.types';
+import * as i0 from "@angular/core";
+/**
+ * Lightweight SVG charts for dashboard / thống kê (TCQH.2–3).
+ * No chart-library peer dependency — host binds data only.
+ *
+ * @summary Biểu đồ cột / donut thuần SVG cho trang thống kê.
+ * @whenToUse Dashboard diện tích theo xã, tỷ lệ thửa lệch mục đích.
+ * @doNotUseWhen Heavy BI dashboards needing zoom/brush — use a chart lib in the app.
+ */
+export declare class GeoChartComponent {
+    readonly type: import("@angular/core").InputSignal<GeoChartType>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly data: import("@angular/core").InputSignal<GeoChartDatum[]>;
+    readonly height: import("@angular/core").InputSignal<number>;
+    readonly showLegend: import("@angular/core").InputSignal<boolean>;
+    readonly showSort: import("@angular/core").InputSignal<boolean>;
+    readonly sort: import("@angular/core").ModelSignal<GeoChartSort>;
+    readonly emptyText: import("@angular/core").InputSignal<string>;
+    readonly unit: import("@angular/core").InputSignal<string>;
+    readonly segmentClick: import("@angular/core").OutputEmitterRef<GeoChartSegmentClick>;
+    readonly sortChange: import("@angular/core").OutputEmitterRef<GeoChartSort>;
+    readonly sortedData: import("@angular/core").Signal<GeoChartDatum[]>;
+    readonly maxValue: import("@angular/core").Signal<number>;
+    readonly total: import("@angular/core").Signal<number>;
+    readonly donutSegments: import("@angular/core").Signal<{
+        datum: GeoChartDatum;
+        index: number;
+        color: string;
+        dasharray: string;
+        dashoffset: number;
+        percent: number;
+    }[]>;
+    colorOf(item: GeoChartDatum, index: number): string;
+    barWidth(value: number): string;
+    setSort(next: GeoChartSort): void;
+    onSegment(datum: GeoChartDatum, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoChartComponent, "geo-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showSort": { "alias": "showSort"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "segmentClick": "segmentClick"; "sortChange": "sortChange"; }, never, never, true, never>;
+}

package/lib/figma/geo-chart/geo-chart.types.d.ts

@@ -0,0 +1,13 @@
+export type GeoChartType = 'bar' | 'donut';
+export type GeoChartSort = 'none' | 'asc' | 'desc';
+export interface GeoChartDatum {
+    id?: string;
+    label: string;
+    value: number;
+    /** Optional CSS color; prefer design tokens when possible. */
+    color?: string;
+}
+export interface GeoChartSegmentClick {
+    datum: GeoChartDatum;
+    index: number;
+}

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

@@ -1,12 +1,11 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class GeoCheckboxComponent {
-    label: string;
-    checked: boolean;
-    disabled: boolean;
-    indeterminate: boolean;
-    checkedChange: EventEmitter<boolean>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    /** Two-way: `[(checked)]`. */
+    readonly checked: import("@angular/core").ModelSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly indeterminate: import("@angular/core").InputSignal<boolean>;
     onChange(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoCheckboxComponent, "geo-checkbox", never, { "label": { "alias": "label"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoCheckboxComponent, "geo-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
 }

package/lib/figma/geo-confirm-modal/geo-confirm-modal.component.d.ts

@@ -1,24 +1,22 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class GeoConfirmModalComponent {
-    visible: boolean;
-    title: string;
-    message: string;
-    highlight: string;
-    description: string;
-    cancelText: string;
-    confirmText: string;
-    confirmLoading: boolean;
-    width: number | string;
-    maskClosable: boolean;
-    closable: boolean;
-    visibleChange: EventEmitter<boolean>;
-    confirm: EventEmitter<void>;
-    cancel: EventEmitter<void>;
-    get hasDefaultBody(): boolean;
+    readonly visible: import("@angular/core").ModelSignal<boolean>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly message: import("@angular/core").InputSignal<string>;
+    readonly highlight: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
+    readonly cancelText: import("@angular/core").InputSignal<string>;
+    readonly confirmText: import("@angular/core").InputSignal<string>;
+    readonly confirmLoading: import("@angular/core").InputSignal<boolean>;
+    readonly width: import("@angular/core").InputSignal<string | number>;
+    readonly maskClosable: import("@angular/core").InputSignal<boolean>;
+    readonly closable: import("@angular/core").InputSignal<boolean>;
+    readonly confirm: import("@angular/core").OutputEmitterRef<void>;
+    readonly cancel: import("@angular/core").OutputEmitterRef<void>;
+    readonly hasDefaultBody: import("@angular/core").Signal<boolean>;
     onVisibleChange(visible: boolean): void;
     onCancel(): void;
     onConfirm(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoConfirmModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoConfirmModalComponent, "geo-confirm-modal", never, { "visible": { "alias": "visible"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "description": { "alias": "description"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "confirmText": { "alias": "confirmText"; "required": false; }; "confirmLoading": { "alias": "confirmLoading"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maskClosable": { "alias": "maskClosable"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "visibleChange": "visibleChange"; "confirm": "confirm"; "cancel": "cancel"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoConfirmModalComponent, "geo-confirm-modal", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "confirmText": { "alias": "confirmText"; "required": false; "isSignal": true; }; "confirmLoading": { "alias": "confirmLoading"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "maskClosable": { "alias": "maskClosable"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "confirm": "confirm"; "cancel": "cancel"; }, never, ["*"], true, never>;
 }

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

@@ -0,0 +1,29 @@
+import type { GeoChartDatum, GeoChartSegmentClick } from '../geo-chart/geo-chart.types';
+import type { GeoDateRangeValue } from '../geo-date-range-picker/geo-date-range-picker.types';
+import type { GeoBreadcrumbItem } from '../geo-breadcrumb/geo-breadcrumb.types';
+import type { GeoStatCardItem } from '../geo-stat-card/geo-stat-card.types';
+import * as i0 from "@angular/core";
+/**
+ * Dashboard page composition (TCQH.1–3).
+ *
+ * @summary Trang dashboard: bộ lọc thời gian, KPI cards, biểu đồ cột & donut.
+ * @whenToUse Màn Dashboard thống kê tổng quan cho chuyên viên.
+ * @doNotUseWhen Full custom analytics layouts — compose primitives yourself.
+ */
+export declare class GeoDashboardComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly breadcrumb: import("@angular/core").InputSignal<GeoBreadcrumbItem[]>;
+    readonly stats: import("@angular/core").InputSignal<GeoStatCardItem[]>;
+    readonly wardChartTitle: import("@angular/core").InputSignal<string>;
+    readonly wardData: import("@angular/core").InputSignal<GeoChartDatum[]>;
+    readonly mismatchChartTitle: import("@angular/core").InputSignal<string>;
+    readonly mismatchData: import("@angular/core").InputSignal<GeoChartDatum[]>;
+    readonly wardUnit: import("@angular/core").InputSignal<string>;
+    readonly period: import("@angular/core").ModelSignal<GeoDateRangeValue>;
+    readonly periodChange: import("@angular/core").OutputEmitterRef<GeoDateRangeValue>;
+    readonly mismatchSegmentClick: import("@angular/core").OutputEmitterRef<GeoChartSegmentClick>;
+    readonly wardSegmentClick: import("@angular/core").OutputEmitterRef<GeoChartSegmentClick>;
+    onPeriodChange(value: GeoDateRangeValue): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoDashboardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoDashboardComponent, "geo-dashboard", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "breadcrumb": { "alias": "breadcrumb"; "required": false; "isSignal": true; }; "stats": { "alias": "stats"; "required": false; "isSignal": true; }; "wardChartTitle": { "alias": "wardChartTitle"; "required": false; "isSignal": true; }; "wardData": { "alias": "wardData"; "required": false; "isSignal": true; }; "mismatchChartTitle": { "alias": "mismatchChartTitle"; "required": false; "isSignal": true; }; "mismatchData": { "alias": "mismatchData"; "required": false; "isSignal": true; }; "wardUnit": { "alias": "wardUnit"; "required": false; "isSignal": true; }; "period": { "alias": "period"; "required": false; "isSignal": true; }; }, { "period": "periodChange"; "periodChange": "periodChange"; "mismatchSegmentClick": "mismatchSegmentClick"; "wardSegmentClick": "wardSegmentClick"; }, never, ["*"], true, never>;
+}

package/lib/figma/geo-dashboard/geo-dashboard.types.d.ts

@@ -0,0 +1,7 @@
+import type { GeoStatCardItem } from '../geo-stat-card/geo-stat-card.types';
+import type { GeoChartDatum } from '../geo-chart/geo-chart.types';
+import type { GeoDateRangeValue } from '../geo-date-range-picker/geo-date-range-picker.types';
+export interface GeoDashboardPeriodChange {
+    range: GeoDateRangeValue | null;
+}
+export type { GeoStatCardItem, GeoChartDatum };

package/lib/figma/geo-date-picker/geo-date-picker.component.d.ts

@@ -1,35 +1,40 @@
-import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { GeoDatePickerMode, GeoDatePickerSize } from './geo-date-picker.types';
 import * as i0 from "@angular/core";
 export declare class GeoDatePickerComponent implements ControlValueAccessor {
-    label: string;
-    placeholder: string;
-    format: string;
-    mode: GeoDatePickerMode;
-    size: GeoDatePickerSize;
-    disabled: boolean;
-    required: boolean;
-    error: boolean;
-    errorMessage: string;
-    allowClear: boolean;
-    showToday: boolean;
-    showTime: boolean;
-    block: boolean;
-    width?: number | string;
-    disabledDate?: (current: Date) => boolean;
-    valueChange: EventEmitter<Date | null>;
+    private readonly cdr;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly format: import("@angular/core").InputSignal<string>;
+    readonly mode: import("@angular/core").InputSignal<GeoDatePickerMode>;
+    readonly size: import("@angular/core").InputSignal<GeoDatePickerSize>;
+    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 showToday: import("@angular/core").InputSignal<boolean>;
+    readonly showTime: import("@angular/core").InputSignal<boolean>;
+    readonly block: import("@angular/core").InputSignal<boolean>;
+    readonly width: import("@angular/core").InputSignal<string | number | undefined>;
+    readonly disabledDate: import("@angular/core").InputSignal<((current: Date) => boolean) | undefined>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<Date | null>;
     readonly errorMessageId: string;
-    value: Date | null;
+    private readonly disabledFromCva;
+    readonly isDisabled: import("@angular/core").Signal<boolean>;
+    protected readonly value: import("@angular/core").WritableSignal<Date | 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-date-picker': boolean;
+    }>;
     onValueChange(value: Date | null): void;
     writeValue(value: Date | null): void;
     registerOnChange(fn: (value: Date | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoDatePickerComponent, "geo-date-picker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "format": { "alias": "format"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "size": { "alias": "size"; "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; }; "showToday": { "alias": "showToday"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "block": { "alias": "block"; "required": false; }; "width": { "alias": "width"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoDatePickerComponent, "geo-date-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; "showToday": { "alias": "showToday"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/lib/figma/geo-date-range-picker/geo-date-range-picker.component.d.ts

@@ -1,34 +1,39 @@
-import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { GeoDateRangeSize, GeoDateRangeValue } from './geo-date-range-picker.types';
 import * as i0 from "@angular/core";
 export declare class GeoDateRangePickerComponent implements ControlValueAccessor {
-    label: string;
-    placeholder: [string, string];
-    format: string;
-    size: GeoDateRangeSize;
-    disabled: boolean;
-    required: boolean;
-    error: boolean;
-    errorMessage: string;
-    allowClear: boolean;
-    showTime: boolean;
-    block: boolean;
-    width?: number | string;
-    disabledDate?: (current: Date) => boolean;
-    separator: string;
-    valueChange: EventEmitter<GeoDateRangeValue>;
+    private readonly cdr;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<[string, string]>;
+    readonly format: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<GeoDateRangeSize>;
+    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 showTime: import("@angular/core").InputSignal<boolean>;
+    readonly block: import("@angular/core").InputSignal<boolean>;
+    readonly width: import("@angular/core").InputSignal<string | number | undefined>;
+    readonly disabledDate: import("@angular/core").InputSignal<((current: Date) => boolean) | undefined>;
+    readonly separator: import("@angular/core").InputSignal<string>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<GeoDateRangeValue>;
     readonly errorMessageId: string;
-    value: GeoDateRangeValue;
+    private readonly disabledFromCva;
+    readonly isDisabled: import("@angular/core").Signal<boolean>;
+    protected readonly value: import("@angular/core").WritableSignal<GeoDateRangeValue>;
     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-date-range-picker': boolean;
+    }>;
     onValueChange(value: GeoDateRangeValue): void;
     writeValue(value: GeoDateRangeValue): void;
     registerOnChange(fn: (value: GeoDateRangeValue) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoDateRangePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoDateRangePickerComponent, "geo-date-range-picker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "format": { "alias": "format"; "required": false; }; "size": { "alias": "size"; "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; }; "showTime": { "alias": "showTime"; "required": false; }; "block": { "alias": "block"; "required": false; }; "width": { "alias": "width"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoDateRangePickerComponent, "geo-date-range-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/lib/figma/geo-empty-state/geo-empty-state.component.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+/**
+ * Empty / no-data placeholder for list & chart regions.
+ *
+ * @summary Trạng thái trống khi chưa có dữ liệu.
+ * @whenToUse Bảng thống kê, kết quả tra cứu, biểu đồ không có data.
+ * @doNotUseWhen Error banners — use geo-alert.
+ */
+export declare class GeoEmptyStateComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<string>;
+    readonly actionLabel: import("@angular/core").InputSignal<string>;
+    readonly actionClick: import("@angular/core").OutputEmitterRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoEmptyStateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoEmptyStateComponent, "geo-empty-state", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
+}

package/lib/figma/geo-feedback-form/geo-feedback-form.component.d.ts

@@ -0,0 +1,36 @@
+import type { GeoFeedbackPayload } from './geo-feedback-form.types';
+import * as i0 from "@angular/core";
+/**
+ * Citizen feedback / kiến nghị form (STT 26).
+ *
+ * @summary Form gửi phản ánh kiến nghị (người gửi + nội dung).
+ * @whenToUse Popup / trang Phản ánh kiến nghị từ cổng tra cứu.
+ * @doNotUseWhen Specialist reply inbox — use geo-table + reply modal.
+ */
+export declare class GeoFeedbackFormComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    /** Mô tả ngắn dưới tiêu đề — giúp người dân hiểu quy trình xử lý. */
+    readonly description: import("@angular/core").InputSignal<string>;
+    readonly maxLength: import("@angular/core").InputSignal<number>;
+    readonly loading: import("@angular/core").InputSignal<boolean>;
+    /** Ẩn nút Hủy khi form dùng trên trang riêng (không phải dialog). */
+    readonly showCancel: import("@angular/core").InputSignal<boolean>;
+    /** Form chiếm hết chiều rộng/cao vùng chứa (trang full content). */
+    readonly fill: import("@angular/core").InputSignal<boolean>;
+    readonly submitLabel: import("@angular/core").InputSignal<string>;
+    readonly cancelLabel: import("@angular/core").InputSignal<string>;
+    readonly senderName: import("@angular/core").ModelSignal<string>;
+    readonly content: import("@angular/core").ModelSignal<string>;
+    readonly submittedFeedback: import("@angular/core").OutputEmitterRef<GeoFeedbackPayload>;
+    readonly cancelled: import("@angular/core").OutputEmitterRef<void>;
+    readonly submitted: import("@angular/core").WritableSignal<boolean>;
+    readonly usedChars: import("@angular/core").Signal<number>;
+    readonly remaining: import("@angular/core").Signal<number>;
+    readonly counterTone: import("@angular/core").Signal<"warning" | "danger" | "default">;
+    readonly senderError: import("@angular/core").Signal<boolean>;
+    readonly contentEmptyError: import("@angular/core").Signal<boolean>;
+    submit(): void;
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoFeedbackFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoFeedbackFormComponent, "geo-feedback-form", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "senderName": { "alias": "senderName"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, { "senderName": "senderNameChange"; "content": "contentChange"; "submittedFeedback": "submittedFeedback"; "cancelled": "cancelled"; }, never, never, true, never>;
+}

package/lib/figma/geo-feedback-form/geo-feedback-form.types.d.ts

@@ -0,0 +1,8 @@
+export interface GeoFeedbackPayload {
+    senderName: string;
+    content: string;
+}
+export interface GeoFeedbackReplyPayload {
+    id: string;
+    reply: string;
+}

package/lib/figma/geo-file-picker/geo-file-picker.component.d.ts

@@ -1,32 +1,35 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class GeoFilePickerComponent implements ControlValueAccessor {
-    fileInput?: ElementRef<HTMLInputElement>;
-    label: string;
-    placeholder: string;
-    buttonText: string;
-    required: boolean;
-    disabled: boolean;
-    accept: string;
-    multiple: boolean;
-    error: boolean;
-    errorMessage: string;
-    block: boolean;
-    width?: number | string;
+    private readonly cdr;
+    readonly fileInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly buttonText: import("@angular/core").InputSignal<string>;
+    readonly required: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly accept: import("@angular/core").InputSignal<string>;
+    readonly multiple: 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 width: import("@angular/core").InputSignal<string | number | undefined>;
     /**
      * Tên file đã upload (server) — hiện khi chưa có File local trong CVA.
      * Dùng cho flow: chọn file → upload → giữ tên từ API.
      */
-    selectedName: string;
-    fileChange: EventEmitter<File | File[] | null>;
+    readonly selectedName: import("@angular/core").InputSignal<string>;
+    readonly fileChange: import("@angular/core").OutputEmitterRef<File | File[] | null>;
     readonly errorMessageId: string;
-    value: File | File[] | null;
+    private readonly disabledFromCva;
+    readonly isDisabled: import("@angular/core").Signal<boolean>;
+    protected readonly value: import("@angular/core").WritableSignal<File | File[] | null>;
     private onChange;
     private onTouched;
-    get hostWidth(): string | null;
-    get displayValue(): string;
-    get hasValue(): boolean;
+    readonly hostWidth: import("@angular/core").Signal<string | null>;
+    readonly displayValue: import("@angular/core").Signal<string>;
+    readonly hasValue: import("@angular/core").Signal<boolean>;
     openFilePicker(): void;
     onFileSelected(event: Event): void;
     private setValue;
@@ -35,5 +38,5 @@ export declare class GeoFilePickerComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoFilePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoFilePickerComponent, "geo-file-picker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "block": { "alias": "block"; "required": false; }; "width": { "alias": "width"; "required": false; }; "selectedName": { "alias": "selectedName"; "required": false; }; }, { "fileChange": "fileChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoFilePickerComponent, "geo-file-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "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; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "selectedName": { "alias": "selectedName"; "required": false; "isSignal": true; }; }, { "fileChange": "fileChange"; }, never, never, true, never>;
 }

package/lib/figma/geo-forgot-password/geo-forgot-password.component.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from "@angular/core";
+/**
+ * Forgot password form (STT 36).
+ *
+ * @summary Form quên mật khẩu — nhập email để lấy lại mật khẩu.
+ * @whenToUse Màn Quên mật khẩu từ đăng nhập.
+ * @doNotUseWhen Inline password reset inside profile settings.
+ */
+export declare class GeoForgotPasswordComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly subtitle: import("@angular/core").InputSignal<string>;
+    readonly loading: import("@angular/core").InputSignal<boolean>;
+    readonly errorMessage: import("@angular/core").InputSignal<string>;
+    readonly successMessage: import("@angular/core").InputSignal<string>;
+    readonly email: import("@angular/core").ModelSignal<string>;
+    readonly submitEmail: import("@angular/core").OutputEmitterRef<string>;
+    readonly backToLogin: import("@angular/core").OutputEmitterRef<void>;
+    readonly submitted: import("@angular/core").WritableSignal<boolean>;
+    private readonly emailPattern;
+    emailInvalid(): boolean;
+    submit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoForgotPasswordComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoForgotPasswordComponent, "geo-forgot-password", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "successMessage": { "alias": "successMessage"; "required": false; "isSignal": true; }; "email": { "alias": "email"; "required": false; "isSignal": true; }; }, { "email": "emailChange"; "submitEmail": "submitEmail"; "backToLogin": "backToLogin"; }, never, never, true, never>;
+}