@geoit/ui 0.0.2

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

@@ -0,0 +1,67 @@
+import { EventEmitter } from '@angular/core';
+import { GeoStepperStep } from '../geo-stepper/geo-stepper.types';
+import * as i0 from "@angular/core";
+/**
+ * Layout form page multi-step: cột trái stepper + cột phải form card.
+ *
+ * ```html
+ * <geo-step-form-layout
+ *   title="Thêm mới ..."
+ *   [steps]="steps"
+ *   [activeIndex]="activeIndex"
+ *   [showScrollButtons]="true"
+ *   (cancel)="onCancel()"
+ *   (save)="onSave()"
+ *   (next)="onNext()"
+ * >
+ *   <form>...</form>
+ * </geo-step-form-layout>
+ * ```
+ */
+export declare class GeoStepFormLayoutComponent {
+    steps: GeoStepperStep[];
+    activeIndex: number;
+    title: string;
+    clickableSteps: 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;
+    /** Ẩn footer actions (dùng slot `[footer]` hoặc không cần nút). */
+    hideDefaultFooter: boolean;
+    activeIndexChange: EventEmitter<number>;
+    stepSelect: EventEmitter<{
+        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;
+    onActiveIndexChange(index: number): void;
+    onStepSelect(event: {
+        index: number;
+        step: GeoStepperStep;
+    }): void;
+    onCancel(): void;
+    onPrevious(): void;
+    onSave(): void;
+    onNext(): void;
+    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>;
+}

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

@@ -0,0 +1,9 @@
+import type { GeoStepperStep } from '../geo-stepper/geo-stepper.types';
+export type { GeoStepperStep };
+export interface GeoStepFormLayoutLabels {
+    back?: string;
+    cancel?: string;
+    save?: string;
+    next?: string;
+    finish?: string;
+}

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

@@ -0,0 +1,42 @@
+import { EventEmitter } from '@angular/core';
+import { GeoStepperOrientation, GeoStepperStep } from './geo-stepper.types';
+import * as i0 from "@angular/core";
+/**
+ * Steps / Stepper GEO — horizontal (mặc định) hoặc vertical.
+ *
+ * Custom qua `steps`, `activeIndex`, `orientation`, `clickable`.
+ * Trong form modal: đặt `<geo-stepper>` vào body (content projection).
+ *
+ * @example
+ * ```html
+ * <geo-stepper
+ *   [steps]="[
+ *     { key: 'a', label: 'Bước 1' },
+ *     { key: 'b', label: 'Bước 2' }
+ *   ]"
+ *   [activeIndex]="0"
+ *   orientation="horizontal"
+ *   (activeIndexChange)="onStep($event)"
+ * ></geo-stepper>
+ * ```
+ */
+export declare class GeoStepperComponent {
+    steps: GeoStepperStep[];
+    activeIndex: number;
+    /** Mặc định horizontal theo design form modal. */
+    orientation: GeoStepperOrientation;
+    /** Cho phép click để đổi bước. */
+    clickable: boolean;
+    activeIndexChange: EventEmitter<number>;
+    stepSelect: EventEmitter<{
+        index: number;
+        step: GeoStepperStep;
+    }>;
+    trackByIndex(index: number): number;
+    isActive(index: number): boolean;
+    isCompleted(index: number): boolean;
+    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>;
+}

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

@@ -0,0 +1,9 @@
+export interface GeoStepperStep {
+    /** Unique key (optional). */
+    key?: string;
+    /** Label hiển thị bên cạnh số bước. */
+    label: string;
+    /** Disable click chọn bước. */
+    disabled?: boolean;
+}
+export type GeoStepperOrientation = 'vertical' | 'horizontal';

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

@@ -0,0 +1,20 @@
+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[];
+    /** 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>;
+    dropdownVisible: boolean;
+    draftItems: GeoColumnPickerItem[];
+    onDropdownVisibleChange(visible: boolean): void;
+    onItemChange(key: string, visible: boolean): void;
+    onApply(): void;
+    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>;
+}

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

@@ -0,0 +1,5 @@
+import { GeoColumnPickerApplyPayload, GeoColumnPickerItem } from './geo-column-picker.types';
+export declare function loadColumnPickerState(key: string): GeoColumnPickerApplyPayload | null;
+export declare function saveColumnPickerState(key: string, payload: GeoColumnPickerApplyPayload): void;
+export declare function applyColumnPickerState(items: GeoColumnPickerItem[], state: GeoColumnPickerApplyPayload): GeoColumnPickerItem[];
+export declare function mergeColumnPickerItems(items: GeoColumnPickerItem[], key?: string): GeoColumnPickerItem[];

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

@@ -0,0 +1,17 @@
+/** @deprecated Không còn dùng — giữ để tương thích storage/payload cũ. */
+export type GeoColumnPinSide = 'left' | 'right';
+export interface GeoColumnPickerItem {
+    key: string;
+    title: string;
+    visible: boolean;
+    locked?: boolean;
+    /** @deprecated Không còn UI ghim/di chuyển cột. */
+    pinnable?: boolean;
+    /** @deprecated Không còn UI ghim/di chuyển cột. */
+    pinned?: GeoColumnPinSide | null;
+}
+export interface GeoColumnPickerApplyPayload {
+    visibility: Record<string, boolean>;
+    /** @deprecated Luôn `{}` từ picker mới — giữ field để tương thích. */
+    pinned: Record<string, GeoColumnPinSide | null>;
+}

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

@@ -0,0 +1,21 @@
+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;
+    /** Action ưu tiên hiển thị khi có > 2 thao tác (mặc định: edit) */
+    primaryActionKey: string;
+    actionClick: EventEmitter<string>;
+    /** @deprecated Dùng `actionClick` với key `edit` */
+    edit: EventEmitter<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;
+    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>;
+}

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

@@ -0,0 +1,13 @@
+export interface GeoRowAction {
+    key: string;
+    icon: string;
+    label?: string;
+    title?: string;
+    iconTheme?: 'outline' | 'fill' | 'twotone';
+    disabled?: boolean;
+    danger?: boolean;
+}
+export declare const DEFAULT_UI_ROW_ACTIONS: GeoRowAction[];
+/** ≤2: hiện hết; >2: primary + danger (vd. Sửa + Xóa), còn lại vào menu. */
+export declare function pickInlineRowActions(actions: GeoRowAction[], primaryActionKey?: string): GeoRowAction[];
+export declare function pickOverflowRowActions(actions: GeoRowAction[], primaryActionKey?: string): GeoRowAction[];

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

@@ -0,0 +1,75 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } 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).
+ *
+ * ## Số cột hiển thị
+ * - `[columns]="4"` — 4 cột field + 1 cột actions = grid 5 cột đều.
+ * - `[responsiveColumns]="false"` — giữ đúng `columns`, không giảm theo breakpoint.
+ *
+ * ## Layout
+ * - Grid đều `columns + 1`: field cột 1..N, actions cột cuối.
+ * - Advanced span full width (`1 / -1`) với cùng `columns + 1` cột → phủ cả cột button.
+ * - Stacked (màn hẹp): actions → fields → advanced.
+ *
+ * ## Content projection
+ * - Default: luôn hiện. Slot `[advanced]`: chỉ hiện khi `advancedExpanded`.
+ */
+export declare class GeoTableFilterComponent implements AfterViewInit, OnChanges, 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;
+    /**
+     * Khi `true` (mặc định): số cột thực tế ≤ `columns` theo breakpoint.
+     * Khi `false`: luôn dùng đúng `columns`.
+     */
+    responsiveColumns: boolean;
+    /** Đưa actions lên hàng đầu khi màn hẹp (stacked). */
+    responsiveCollapse: boolean;
+    /** Breakpoint chuyển layout stacked (px). */
+    mobileBreakpoint: number;
+    /** Khoảng cách grid (px). */
+    gap: number;
+    searchLabel: string;
+    searchLoading: boolean;
+    /** Hiện nút mở/đóng slot `[advanced]`. */
+    showAdvancedToggle: boolean;
+    showReset: boolean;
+    /** Mở panel field nâng cao (`[advanced]`). */
+    advancedExpanded: 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;
+    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;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    toggleAdvanced(): void;
+    onSearch(): void;
+    onReset(): void;
+    private scheduleLayout;
+    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>;
+}

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

@@ -0,0 +1,33 @@
+import { EventEmitter } from '@angular/core';
+import { GeoSelectOption } from '../../geo-select/geo-select.types';
+import * as i0 from "@angular/core";
+export type GeoTablePaginationPageItem = number | 'ellipsis';
+export declare class GeoTablePaginationComponent {
+    pageIndex: number;
+    pageSize: number;
+    total: number;
+    pageSizeOptions: number[];
+    showSizeChanger: boolean;
+    hideOnSinglePage: boolean;
+    showTotalRange: boolean;
+    sizeLabel: string;
+    pageIndexChange: EventEmitter<number>;
+    pageSizeChange: EventEmitter<number>;
+    get rangeStart(): number;
+    get rangeEnd(): number;
+    get totalPages(): number;
+    get sizeOptions(): GeoSelectOption<number>[];
+    get visible(): boolean;
+    get pages(): GeoTablePaginationPageItem[];
+    get isFirstPage(): boolean;
+    get isLastPage(): boolean;
+    onPageSizeChange(value: string | number | Array<string | number> | null): void;
+    goToFirst(): void;
+    goToPrev(): void;
+    goToNext(): void;
+    goToLast(): void;
+    goToPage(page: number): void;
+    private buildPageList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoTablePaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoTablePaginationComponent, "geo-table-pagination", never, { "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "total": { "alias": "total"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; }; "hideOnSinglePage": { "alias": "hideOnSinglePage"; "required": false; }; "showTotalRange": { "alias": "showTotalRange"; "required": false; }; "sizeLabel": { "alias": "sizeLabel"; "required": false; }; }, { "pageIndexChange": "pageIndexChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,24 @@
+import { EventEmitter } from '@angular/core';
+import { GeoColumnPickerApplyPayload, GeoColumnPickerItem } from '../geo-column-picker/geo-column-picker.types';
+import * as i0 from "@angular/core";
+export declare class GeoTableToolbarComponent {
+    resultLabel: string;
+    resultCount: number | null;
+    selectedCount: number;
+    showDelete: boolean;
+    showExport: boolean;
+    showColumnToggle: boolean;
+    showAdd: boolean;
+    addLabel: string;
+    columnItems: GeoColumnPickerItem[];
+    /** Key lưu trạng thái ẩn/hiện cột trong sessionStorage */
+    columnStorageKey?: string;
+    deleteClick: EventEmitter<void>;
+    exportClick: EventEmitter<void>;
+    toggleColumns: EventEmitter<void>;
+    columnApply: EventEmitter<GeoColumnPickerApplyPayload>;
+    addClick: EventEmitter<void>;
+    get displayResultLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoTableToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoTableToolbarComponent, "geo-table-toolbar", never, { "resultLabel": { "alias": "resultLabel"; "required": false; }; "resultCount": { "alias": "resultCount"; "required": false; }; "selectedCount": { "alias": "selectedCount"; "required": false; }; "showDelete": { "alias": "showDelete"; "required": false; }; "showExport": { "alias": "showExport"; "required": false; }; "showColumnToggle": { "alias": "showColumnToggle"; "required": false; }; "showAdd": { "alias": "showAdd"; "required": false; }; "addLabel": { "alias": "addLabel"; "required": false; }; "columnItems": { "alias": "columnItems"; "required": false; }; "columnStorageKey": { "alias": "columnStorageKey"; "required": false; }; }, { "deleteClick": "deleteClick"; "exportClick": "exportClick"; "toggleColumns": "toggleColumns"; "columnApply": "columnApply"; "addClick": "addClick"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,113 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { NzTableQueryParams, NzTableSize } from 'ng-zorro-antd/table';
+import { type GeoRowAction } from './geo-row-actions/geo-row-actions.types';
+import { GeoTableColumn, GeoTablePaginationPosition } from './geo-table.types';
+import * as i0 from "@angular/core";
+export declare class GeoTableComponent implements OnChanges {
+    columns: GeoTableColumn[];
+    data: Record<string, unknown>[];
+    loading: boolean;
+    bordered: boolean;
+    outerBordered: boolean;
+    size: NzTableSize;
+    striped: boolean;
+    clickable: boolean;
+    tableLayout: 'auto' | 'fixed';
+    showPagination: boolean;
+    frontPagination: boolean;
+    pageIndex: number;
+    pageSize: number;
+    total?: number;
+    pageSizeOptions: number[];
+    showSizeChanger: boolean;
+    showQuickJumper: boolean;
+    hideOnSinglePage: boolean;
+    simplePagination: boolean;
+    paginationPosition: GeoTablePaginationPosition;
+    scroll: {
+        x?: string;
+        y?: string;
+    };
+    scrollY?: string;
+    /**
+     * Tự bật scroll ngang theo tổng width cột.
+     * Khi có cột `fixed`, scroll.x luôn được tính (bắt buộc với nz-table fixed).
+     */
+    autoScroll: boolean;
+    tableTitle?: string;
+    footer?: string;
+    emptyText: string;
+    showTotalRange: boolean;
+    selectable: boolean;
+    rowKey: string;
+    selectedKeys: string[];
+    /**
+     * Mobile card: key cột làm tiêu đề.
+     * Ưu tiên hơn `column.mobileTitle`; nếu không set thì lấy cột dữ liệu đầu tiên.
+     */
+    mobileTitleKey?: string;
+    /** Bật/tắt chuyển card trên mobile (mặc định bật). */
+    mobileCardView: boolean;
+    rowClick: EventEmitter<Record<string, unknown>>;
+    rowEdit: EventEmitter<Record<string, unknown>>;
+    rowMore: EventEmitter<Record<string, unknown>>;
+    rowAction: EventEmitter<{
+        row: Record<string, unknown>;
+        action: string;
+    }>;
+    pageIndexChange: EventEmitter<number>;
+    pageSizeChange: EventEmitter<number>;
+    queryParams: EventEmitter<NzTableQueryParams>;
+    currentPageDataChange: EventEmitter<readonly Record<string, unknown>[]>;
+    selectedKeysChange: EventEmitter<string[]>;
+    selectionChange: EventEmitter<Record<string, unknown>[]>;
+    allChecked: boolean;
+    indeterminate: boolean;
+    private sortFnCache;
+    ngOnChanges(changes: SimpleChanges): void;
+    get visibleColumns(): GeoTableColumn[];
+    get computedTotal(): number;
+    get paginatedData(): Record<string, unknown>[];
+    get shouldShowPagination(): boolean;
+    get hasFixedColumns(): boolean;
+    /** Có cột fixed → table-layout fixed để header/body cùng width cột. */
+    get computedTableLayout(): 'auto' | 'fixed';
+    /** Đồng bộ width cột khi scrollY tách header/body thành 2 bảng. */
+    get widthConfig(): Array<string | null>;
+    get computedScroll(): {
+        x?: string;
+        y?: string;
+    };
+    get mobileTitleColumn(): GeoTableColumn | null;
+    get mobileBodyColumns(): GeoTableColumn[];
+    get mobileActionsColumn(): GeoTableColumn | null;
+    getRowActions(col: GeoTableColumn, row: Record<string, unknown>): GeoRowAction[];
+    getMobileHeaderActions(col: GeoTableColumn, row: Record<string, unknown>): GeoRowAction[];
+    getMobileFooterActions(col: GeoTableColumn, row: Record<string, unknown>): GeoRowAction[];
+    hasFilters(col: GeoTableColumn): boolean;
+    getSortFn(col: GeoTableColumn): (a: Record<string, unknown>, b: Record<string, unknown>) => number;
+    getCellValue(row: Record<string, unknown>, key: string): string;
+    /** Tiêu đề cột luôn căn giữa theo quy tắc accessibility */
+    getHeaderAlign(_col: GeoTableColumn): 'left' | 'center' | 'right';
+    /**
+     * Căn lề ô dữ liệu:
+     * - text → trái, number → phải, date → giữa
+     * - index / status / actions → giữa
+     */
+    getCellAlign(col: GeoTableColumn): 'left' | 'center' | 'right';
+    getRowIndex(rowIndex: number): number;
+    trackRow(index: number, row: Record<string, unknown>): string;
+    isRowSelected(row: Record<string, unknown>): boolean;
+    onAllChecked(checked: boolean): void;
+    onItemChecked(row: Record<string, unknown>, checked: boolean): void;
+    onPageIndexChange(index: number): void;
+    onPageSizeChange(size: number): void;
+    onRowActionClick(row: Record<string, unknown>, actionKey: string): void;
+    onMobileCardClick(row: Record<string, unknown>, event: Event): void;
+    private computeMinTableWidth;
+    private refreshSelectionState;
+    private get selectionRows();
+    private emitSelection;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoTableComponent, "geo-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "outerBordered": { "alias": "outerBordered"; "required": false; }; "size": { "alias": "size"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "tableLayout": { "alias": "tableLayout"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "frontPagination": { "alias": "frontPagination"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "total": { "alias": "total"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; }; "showQuickJumper": { "alias": "showQuickJumper"; "required": false; }; "hideOnSinglePage": { "alias": "hideOnSinglePage"; "required": false; }; "simplePagination": { "alias": "simplePagination"; "required": false; }; "paginationPosition": { "alias": "paginationPosition"; "required": false; }; "scroll": { "alias": "scroll"; "required": false; }; "scrollY": { "alias": "scrollY"; "required": false; }; "autoScroll": { "alias": "autoScroll"; "required": false; }; "tableTitle": { "alias": "tableTitle"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "showTotalRange": { "alias": "showTotalRange"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "rowKey": { "alias": "rowKey"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; "mobileTitleKey": { "alias": "mobileTitleKey"; "required": false; }; "mobileCardView": { "alias": "mobileCardView"; "required": false; }; }, { "rowClick": "rowClick"; "rowEdit": "rowEdit"; "rowMore": "rowMore"; "rowAction": "rowAction"; "pageIndexChange": "pageIndexChange"; "pageSizeChange": "pageSizeChange"; "queryParams": "queryParams"; "currentPageDataChange": "currentPageDataChange"; "selectedKeysChange": "selectedKeysChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,47 @@
+import type { GeoRowAction } from './geo-row-actions/geo-row-actions.types';
+export interface GeoTableFilter {
+    text: string;
+    value: string;
+}
+export type GeoTableCellRender = 'text' | 'index' | 'status' | 'actions';
+/** Quy tắc căn lề dữ liệu: text → trái, number → phải, date → giữa */
+export type GeoTableColumnDataType = 'text' | 'number' | 'date';
+export interface GeoTableColumn {
+    key: string;
+    title: string;
+    width?: string;
+    /** Căn lề ô dữ liệu — nếu không set sẽ suy ra từ `dataType` / `renderAs` */
+    align?: 'left' | 'center' | 'right';
+    /** Kiểu dữ liệu để áp dụng quy tắc căn lề mặc định */
+    dataType?: GeoTableColumnDataType;
+    sortable?: boolean;
+    sortOrder?: 'ascend' | 'descend' | null;
+    sortFn?: (a: Record<string, unknown>, b: Record<string, unknown>) => number;
+    filters?: GeoTableFilter[];
+    filterMultiple?: boolean;
+    fixed?: 'left' | 'right';
+    ellipsis?: boolean;
+    wrap?: boolean;
+    renderAs?: GeoTableCellRender;
+    statusLabelKey?: string;
+    actions?: GeoRowAction[];
+    /**
+     * Resolve actions theo từng dòng (vd. ẩn/hiện theo trạng thái).
+     * Nếu có thì ưu tiên hơn `actions`.
+     */
+    resolveActions?: (row: Record<string, unknown>) => GeoRowAction[];
+    /** Action key ưu tiên hiển thị khi có > 2 thao tác (mặc định: edit) */
+    primaryActionKey?: string;
+    visible?: boolean;
+    /**
+     * Mobile card: dùng cột này làm tiêu đề card.
+     * Nếu không cột nào set, lấy cột dữ liệu đầu tiên (không phải index/actions).
+     */
+    mobileTitle?: boolean;
+    /** Mobile card: ẩn cột khỏi body card. */
+    mobileHidden?: boolean;
+}
+/** Breakpoint chuyển bảng → danh sách card (khớp layout mobile). */
+export declare const UI_TABLE_MOBILE_BREAKPOINT = 767.98;
+export type GeoTablePaginationPosition = 'top' | 'bottom' | 'both';
+export declare const DEFAULT_UI_TABLE_PAGE_SIZE_OPTIONS: number[];

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

@@ -0,0 +1,31 @@
+import { EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { GeoTabItem, GeoTabsSize, GeoTabsType } from './geo-tabs.types';
+import * as i0 from "@angular/core";
+export declare class GeoTabDirective {
+    template: TemplateRef<unknown>;
+    key: string;
+    constructor(template: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoTabDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GeoTabDirective, "[uiTab]", never, { "key": { "alias": "uiTab"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class GeoTabsComponent {
+    items: GeoTabItem[];
+    type: GeoTabsType;
+    size: GeoTabsSize;
+    selectedIndex: number;
+    selectedKey?: string;
+    centered: boolean;
+    animated: boolean;
+    selectedIndexChange: EventEmitter<number>;
+    selectedKeyChange: EventEmitter<string>;
+    tabChange: EventEmitter<{
+        index: number;
+        key: string;
+    }>;
+    tabTemplates: QueryList<GeoTabDirective>;
+    get resolvedSelectedIndex(): number;
+    getTemplate(key: string): TemplateRef<unknown> | null;
+    onSelectedIndexChange(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoTabsComponent, "geo-tabs", never, { "items": { "alias": "items"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "selectedKey": { "alias": "selectedKey"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "selectedKeyChange": "selectedKeyChange"; "tabChange": "tabChange"; }, ["tabTemplates"], never, true, never>;
+}

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

@@ -0,0 +1,7 @@
+export type GeoTabsType = 'line' | 'card';
+export type GeoTabsSize = 'default' | 'large' | 'small';
+export interface GeoTabItem {
+    key: string;
+    title: string;
+    disabled?: boolean;
+}

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

@@ -0,0 +1,27 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class GeoTextareaComponent implements ControlValueAccessor {
+    label: string;
+    placeholder: string;
+    rows: number;
+    disabled: boolean;
+    required: boolean;
+    error: boolean;
+    errorMessage: string;
+    maxlength?: number;
+    block: boolean;
+    valueChange: EventEmitter<string>;
+    readonly errorMessageId: string;
+    value: string;
+    private onChange;
+    private onTouched;
+    onInput(value: string): void;
+    onBlur(): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoTextareaComponent, "geo-textarea", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "block": { "alias": "block"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,23 @@
+import { EventEmitter } from '@angular/core';
+import { GeoToastType } from './geo-toast.types';
+import * as i0 from "@angular/core";
+/**
+ * Toast / notification UI theo design GEO (left accent bar + icon + title + message).
+ * Dùng trực tiếp trong template, hoặc qua `GeoToastService` (Ant Design notification).
+ */
+export declare class GeoToastComponent {
+    type: GeoToastType;
+    title: string;
+    message: string;
+    closable: boolean;
+    showIcon: boolean;
+    visible: boolean;
+    /** Override Ant Design icon type. */
+    icon?: string;
+    closed: EventEmitter<void>;
+    get displayTitle(): string;
+    get iconType(): string;
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoToastComponent, "geo-toast", never, { "type": { "alias": "type"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, { "closed": "closed"; }, never, never, true, never>;
+}