@geoit/ui 0.0.4 → 0.0.5

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

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Modal form dùng chung — API bám Ant Design Modal / ng-zorro nz-modal.
@@ -6,52 +5,51 @@ import * as i0 from "@angular/core";
  */
 export declare class GeoFormModalComponent {
     /** Tương đương `open` (antd) / `nzVisible` (ng-zorro). */
-    open: boolean;
-    title: string;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly title: import("@angular/core").InputSignal<string>;
     /** Title chữ in hoa. Default `true` theo design. */
-    titleUppercase: boolean;
-    okText: string;
-    cancelText: string;
+    readonly titleUppercase: import("@angular/core").InputSignal<boolean>;
+    readonly okText: import("@angular/core").InputSignal<string>;
+    readonly cancelText: import("@angular/core").InputSignal<string>;
     /** Icon nút cancel (vd. `left` cho Quay lại). */
-    cancelIcon?: string;
-    cancelIconPlacement: 'start' | 'end';
+    readonly cancelIcon: import("@angular/core").InputSignal<string | undefined>;
+    readonly cancelIconPlacement: import("@angular/core").InputSignal<"start" | "end">;
     /** Icon nút OK (vd. `right` cho Tiếp theo). */
-    okIcon?: string;
-    okIconPlacement: 'start' | 'end';
+    readonly okIcon: import("@angular/core").InputSignal<string | undefined>;
+    readonly okIconPlacement: import("@angular/core").InputSignal<"start" | "end">;
     /** Nút phụ (vd. Lưu và khởi tạo lại). Chỉ hiện khi có text và không readonly. */
-    secondaryOkText: string;
+    readonly secondaryOkText: import("@angular/core").InputSignal<string>;
     /** Loading trên nút OK — giống antd `confirmLoading` / nz `nzOkLoading`. */
-    confirmLoading: boolean;
+    readonly confirmLoading: import("@angular/core").InputSignal<boolean>;
     /** Disable nút OK — giống antd `okButtonProps.disabled` / nz `nzOkDisabled`. */
-    okDisabled: boolean;
+    readonly okDisabled: import("@angular/core").InputSignal<boolean>;
     /** Ẩn nút OK (xem chi tiết). */
-    readonly: boolean;
-    width: number | string;
-    closable: boolean;
-    mask: boolean;
-    maskClosable: boolean;
-    keyboard: boolean;
-    centered: boolean;
-    zIndex: number;
-    className: string;
-    wrapClassName: string;
+    readonly readonly: import("@angular/core").InputSignal<boolean>;
+    readonly width: import("@angular/core").InputSignal<string | number>;
+    readonly closable: import("@angular/core").InputSignal<boolean>;
+    readonly mask: import("@angular/core").InputSignal<boolean>;
+    readonly maskClosable: import("@angular/core").InputSignal<boolean>;
+    readonly keyboard: import("@angular/core").InputSignal<boolean>;
+    readonly centered: import("@angular/core").InputSignal<boolean>;
+    readonly zIndex: import("@angular/core").InputSignal<number>;
+    readonly className: import("@angular/core").InputSignal<string>;
+    readonly wrapClassName: import("@angular/core").InputSignal<string>;
     /** Body cuộn, header/footer cố định. */
-    bodyScroll: boolean;
+    readonly bodyScroll: import("@angular/core").InputSignal<boolean>;
     /** Max-height của vùng body khi `bodyScroll` (vd `'60vh'`, `400`). */
-    bodyMaxHeight: string | number;
-    openChange: EventEmitter<boolean>;
-    ok: EventEmitter<void>;
-    secondaryOk: EventEmitter<void>;
-    cancel: EventEmitter<void>;
-    afterOpen: EventEmitter<void>;
-    afterClose: EventEmitter<void>;
-    get resolvedWrapClassName(): string;
-    get resolvedClassName(): string;
-    get bodyMaxHeightCss(): string;
+    readonly bodyMaxHeight: import("@angular/core").InputSignal<string | number>;
+    readonly ok: import("@angular/core").OutputEmitterRef<void>;
+    readonly secondaryOk: import("@angular/core").OutputEmitterRef<void>;
+    readonly cancel: import("@angular/core").OutputEmitterRef<void>;
+    readonly afterOpen: import("@angular/core").OutputEmitterRef<void>;
+    readonly afterClose: import("@angular/core").OutputEmitterRef<void>;
+    readonly resolvedWrapClassName: import("@angular/core").Signal<string>;
+    readonly resolvedClassName: import("@angular/core").Signal<string>;
+    readonly bodyMaxHeightCss: import("@angular/core").Signal<string>;
     onOpenChange(open: boolean): void;
     onCancel(): void;
     onOk(): void;
     onSecondaryOk(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoFormModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoFormModalComponent, "geo-form-modal", never, { "open": { "alias": "open"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleUppercase": { "alias": "titleUppercase"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; }; "cancelIconPlacement": { "alias": "cancelIconPlacement"; "required": false; }; "okIcon": { "alias": "okIcon"; "required": false; }; "okIconPlacement": { "alias": "okIconPlacement"; "required": false; }; "secondaryOkText": { "alias": "secondaryOkText"; "required": false; }; "confirmLoading": { "alias": "confirmLoading"; "required": false; }; "okDisabled": { "alias": "okDisabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "width": { "alias": "width"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "maskClosable": { "alias": "maskClosable"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "className": { "alias": "className"; "required": false; }; "wrapClassName": { "alias": "wrapClassName"; "required": false; }; "bodyScroll": { "alias": "bodyScroll"; "required": false; }; "bodyMaxHeight": { "alias": "bodyMaxHeight"; "required": false; }; }, { "openChange": "openChange"; "ok": "ok"; "secondaryOk": "secondaryOk"; "cancel": "cancel"; "afterOpen": "afterOpen"; "afterClose": "afterClose"; }, never, ["*", "[footerStart]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoFormModalComponent, "geo-form-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleUppercase": { "alias": "titleUppercase"; "required": false; "isSignal": true; }; "okText": { "alias": "okText"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; "isSignal": true; }; "cancelIconPlacement": { "alias": "cancelIconPlacement"; "required": false; "isSignal": true; }; "okIcon": { "alias": "okIcon"; "required": false; "isSignal": true; }; "okIconPlacement": { "alias": "okIconPlacement"; "required": false; "isSignal": true; }; "secondaryOkText": { "alias": "secondaryOkText"; "required": false; "isSignal": true; }; "confirmLoading": { "alias": "confirmLoading"; "required": false; "isSignal": true; }; "okDisabled": { "alias": "okDisabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "maskClosable": { "alias": "maskClosable"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "centered": { "alias": "centered"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "wrapClassName": { "alias": "wrapClassName"; "required": false; "isSignal": true; }; "bodyScroll": { "alias": "bodyScroll"; "required": false; "isSignal": true; }; "bodyMaxHeight": { "alias": "bodyMaxHeight"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "ok": "ok"; "secondaryOk": "secondaryOk"; "cancel": "cancel"; "afterOpen": "afterOpen"; "afterClose": "afterClose"; }, never, ["*", "[footerStart]"], true, never>;
 }

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

@@ -6,14 +6,14 @@ import * as i0 from "@angular/core";
  */
 export declare class GeoIconComponent {
     /** Tên icon Ant Design (vd. `close`, `search`, `appstore`). */
-    type: string;
-    theme: GeoIconTheme;
-    spin: boolean;
+    readonly type: import("@angular/core").InputSignal<string>;
+    readonly theme: import("@angular/core").InputSignal<GeoIconTheme>;
+    readonly spin: import("@angular/core").InputSignal<boolean>;
     /** xs | sm | md | lg | xl | number(px) | CSS size string */
-    size: GeoIconSize;
+    readonly size: import("@angular/core").InputSignal<GeoIconSize>;
     /** CSS color — ưu tiên design token, vd. `var(--geo-color-primary-default)` */
-    color?: string;
-    get resolvedSize(): string;
+    readonly color: import("@angular/core").InputSignal<string | undefined>;
+    readonly resolvedSize: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoIconComponent, "geo-icon", never, { "type": { "alias": "type"; "required": true; }; "theme": { "alias": "theme"; "required": false; }; "spin": { "alias": "spin"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoIconComponent, "geo-icon", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "spin": { "alias": "spin"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,30 +1,32 @@
-import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export type GeoInputType = 'text' | 'number' | 'password' | 'email';
 export declare class GeoInputComponent implements ControlValueAccessor {
-    label: string;
-    placeholder: string;
-    type: GeoInputType;
-    disabled: boolean;
-    readonly: boolean;
-    required: boolean;
-    error: boolean;
-    errorMessage: string;
-    maxlength?: number;
-    prefixIcon?: string;
-    suffixIcon?: string;
-    allowClear: boolean;
-    block: boolean;
-    width?: number | string;
-    valueChange: EventEmitter<string>;
-    enterPressed: EventEmitter<void>;
+    private readonly cdr;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly type: import("@angular/core").InputSignal<GeoInputType>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly readonly: 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 maxlength: import("@angular/core").InputSignal<number | undefined>;
+    readonly prefixIcon: import("@angular/core").InputSignal<string | undefined>;
+    readonly suffixIcon: import("@angular/core").InputSignal<string | undefined>;
+    readonly allowClear: 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>;
+    readonly enterPressed: import("@angular/core").OutputEmitterRef<void>;
     readonly errorMessageId: string;
-    value: string;
+    private readonly disabledFromCva;
+    readonly isDisabled: import("@angular/core").Signal<boolean>;
+    protected readonly value: import("@angular/core").WritableSignal<string>;
     private onChange;
     private onTouched;
-    get hostWidth(): string | null;
-    get showClear(): boolean;
+    readonly hostWidth: import("@angular/core").Signal<string | null>;
+    readonly showClear: import("@angular/core").Signal<boolean>;
     onInput(value: string): void;
     onBlur(): void;
     onClear(): void;
@@ -33,5 +35,5 @@ export declare class GeoInputComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoInputComponent, "geo-input", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "block": { "alias": "block"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "valueChange": "valueChange"; "enterPressed": "enterPressed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoInputComponent, "geo-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "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; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "enterPressed": "enterPressed"; }, never, never, true, never>;
 }

package/lib/figma/geo-layout/footer/geo-layout-footer.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+/**
+ * Minimal app footer for the layout shell.
+ */
+export declare class GeoLayoutFooterComponent {
+    /** Copyright / status text. Empty = use default. */
+    readonly text: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoLayoutFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoLayoutFooterComponent, "geo-layout-footer", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/figma/geo-layout/geo-layout-actions.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+/** Đánh dấu slot thay thế header actions mặc định của `geo-layout`. */
+export declare class GeoLayoutActionsDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoLayoutActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GeoLayoutActionsDirective, "[geoLayoutActions]", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,48 @@
+import { GeoBreadcrumbItem } from '../geo-breadcrumb/geo-breadcrumb.types';
+import { GeoLayoutMenuItem, GeoLayoutNotificationItem, GeoLayoutSiderWidth, GeoLayoutSubsystemItem, GeoLayoutUserInfo, GeoLayoutUserMenuItem } from './geo-layout.types';
+import * as i0 from "@angular/core";
+/**
+ * App shell composing `geo-layout-sidebar` + `geo-layout-header` + content + `geo-layout-footer`.
+ *
+ * Storybook: **GEO / Layout / Shell** (+ Sidebar, Header, Footer, Header Actions).
+ *
+ * ```html
+ * <geo-layout [menuItems]="menu" [user]="user" [(expanded)]="expanded">
+ *   <router-outlet />
+ * </geo-layout>
+ * ```
+ */
+export declare class GeoLayoutComponent {
+    readonly menuItems: import("@angular/core").InputSignal<GeoLayoutMenuItem[]>;
+    readonly brandTitle: import("@angular/core").InputSignal<string>;
+    readonly logoSrc: import("@angular/core").InputSignal<string>;
+    readonly logoAlt: import("@angular/core").InputSignal<string>;
+    readonly sidebarBackgroundSrc: import("@angular/core").InputSignal<string>;
+    readonly breadcrumbs: import("@angular/core").InputSignal<GeoBreadcrumbItem[]>;
+    readonly fallbackBreadcrumb: import("@angular/core").InputSignal<string>;
+    readonly expanded: import("@angular/core").ModelSignal<boolean>;
+    readonly isMobile: import("@angular/core").InputSignal<boolean>;
+    readonly mobileMenuOpen: import("@angular/core").ModelSignal<boolean>;
+    readonly selectedKey: import("@angular/core").ModelSignal<string | null>;
+    readonly siderWidth: import("@angular/core").InputSignal<GeoLayoutSiderWidth>;
+    readonly siderCollapsedWidth: import("@angular/core").InputSignal<GeoLayoutSiderWidth>;
+    readonly showDefaultActions: import("@angular/core").InputSignal<boolean>;
+    readonly showFooter: import("@angular/core").InputSignal<boolean>;
+    readonly footerText: import("@angular/core").InputSignal<string>;
+    readonly user: import("@angular/core").InputSignal<GeoLayoutUserInfo>;
+    readonly notifications: import("@angular/core").InputSignal<GeoLayoutNotificationItem[]>;
+    readonly subsystems: import("@angular/core").InputSignal<GeoLayoutSubsystemItem[]>;
+    readonly userMenuItems: import("@angular/core").InputSignal<GeoLayoutUserMenuItem[]>;
+    readonly menuSelect: import("@angular/core").OutputEmitterRef<GeoLayoutMenuItem>;
+    readonly sidebarToggle: import("@angular/core").OutputEmitterRef<void>;
+    readonly notificationClick: import("@angular/core").OutputEmitterRef<GeoLayoutNotificationItem>;
+    readonly subsystemClick: import("@angular/core").OutputEmitterRef<GeoLayoutSubsystemItem>;
+    readonly userMenuClick: import("@angular/core").OutputEmitterRef<GeoLayoutUserMenuItem>;
+    readonly logout: import("@angular/core").OutputEmitterRef<void>;
+    readonly siderCollapsed: import("@angular/core").Signal<boolean>;
+    onToggleSidebar(): void;
+    closeMobileMenu(): void;
+    onMenuSelect(item: GeoLayoutMenuItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoLayoutComponent, "geo-layout", never, { "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "brandTitle": { "alias": "brandTitle"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "logoAlt": { "alias": "logoAlt"; "required": false; "isSignal": true; }; "sidebarBackgroundSrc": { "alias": "sidebarBackgroundSrc"; "required": false; "isSignal": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "fallbackBreadcrumb": { "alias": "fallbackBreadcrumb"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": false; "isSignal": true; }; "mobileMenuOpen": { "alias": "mobileMenuOpen"; "required": false; "isSignal": true; }; "selectedKey": { "alias": "selectedKey"; "required": false; "isSignal": true; }; "siderWidth": { "alias": "siderWidth"; "required": false; "isSignal": true; }; "siderCollapsedWidth": { "alias": "siderCollapsedWidth"; "required": false; "isSignal": true; }; "showDefaultActions": { "alias": "showDefaultActions"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "footerText": { "alias": "footerText"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "subsystems": { "alias": "subsystems"; "required": false; "isSignal": true; }; "userMenuItems": { "alias": "userMenuItems"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "mobileMenuOpen": "mobileMenuOpenChange"; "selectedKey": "selectedKeyChange"; "menuSelect": "menuSelect"; "sidebarToggle": "sidebarToggle"; "notificationClick": "notificationClick"; "subsystemClick": "subsystemClick"; "userMenuClick": "userMenuClick"; "logout": "logout"; }, never, ["[geoLayoutActions]", "*", "[geoLayoutFooter]"], true, never>;
+}

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

@@ -0,0 +1,44 @@
+/** Menu item for `geo-layout` sidebar (recursive). */
+export interface GeoLayoutMenuItem {
+    /** Stable id used for selection / open state. */
+    key: string;
+    /** Display label. */
+    title: string;
+    /** Optional `geo-icon` / Ant Design icon type. */
+    icon?: string;
+    /** Optional route / href hint for consumers (Storybook clicks use `menuSelect`). */
+    link?: string;
+    children?: GeoLayoutMenuItem[];
+}
+export type GeoLayoutSiderWidth = number | string;
+/** User shown in the header chip / account popover. */
+export interface GeoLayoutUserInfo {
+    name: string;
+    email?: string;
+    /** Optional avatar URL; initials used when empty. */
+    avatarUrl?: string;
+    role?: string;
+}
+export interface GeoLayoutNotificationItem {
+    id: string;
+    message: string;
+    time: string;
+    read?: boolean;
+    icon?: string;
+}
+export interface GeoLayoutSubsystemItem {
+    id: string;
+    label: string;
+    initials: string;
+    url?: string;
+}
+export interface GeoLayoutUserMenuItem {
+    key: string;
+    label: string;
+    icon: string;
+    danger?: boolean;
+}
+export declare const GEO_LAYOUT_DEFAULT_USER: GeoLayoutUserInfo;
+export declare const GEO_LAYOUT_DEFAULT_NOTIFICATIONS: GeoLayoutNotificationItem[];
+export declare const GEO_LAYOUT_DEFAULT_SUBSYSTEMS: GeoLayoutSubsystemItem[];
+export declare const GEO_LAYOUT_DEFAULT_USER_MENU: GeoLayoutUserMenuItem[];

package/lib/figma/geo-layout/header/geo-layout-header.component.d.ts

@@ -0,0 +1,31 @@
+import { GeoBreadcrumbItem } from '../../geo-breadcrumb/geo-breadcrumb.types';
+import { GeoLayoutNotificationItem, GeoLayoutSubsystemItem, GeoLayoutUserInfo, GeoLayoutUserMenuItem } from '../geo-layout.types';
+import * as i0 from "@angular/core";
+/**
+ * Top bar: sidebar toggle + breadcrumb + header actions.
+ */
+export declare class GeoLayoutHeaderComponent {
+    readonly breadcrumbs: import("@angular/core").InputSignal<GeoBreadcrumbItem[]>;
+    readonly fallbackBreadcrumb: import("@angular/core").InputSignal<string>;
+    readonly expanded: import("@angular/core").InputSignal<boolean>;
+    readonly isMobile: import("@angular/core").InputSignal<boolean>;
+    readonly mobileMenuOpen: import("@angular/core").InputSignal<boolean>;
+    readonly showDefaultActions: import("@angular/core").InputSignal<boolean>;
+    readonly user: import("@angular/core").InputSignal<GeoLayoutUserInfo>;
+    readonly notifications: import("@angular/core").InputSignal<GeoLayoutNotificationItem[]>;
+    readonly subsystems: import("@angular/core").InputSignal<GeoLayoutSubsystemItem[]>;
+    readonly userMenuItems: import("@angular/core").InputSignal<GeoLayoutUserMenuItem[]>;
+    readonly sidebarToggle: import("@angular/core").OutputEmitterRef<void>;
+    readonly notificationClick: import("@angular/core").OutputEmitterRef<GeoLayoutNotificationItem>;
+    readonly subsystemClick: import("@angular/core").OutputEmitterRef<GeoLayoutSubsystemItem>;
+    readonly userMenuClick: import("@angular/core").OutputEmitterRef<GeoLayoutUserMenuItem>;
+    readonly logout: import("@angular/core").OutputEmitterRef<void>;
+    private readonly projectedActions;
+    readonly hasProjectedActions: import("@angular/core").Signal<boolean>;
+    readonly showBuiltInActions: import("@angular/core").Signal<boolean>;
+    readonly toggleIcon: import("@angular/core").Signal<"menu-fold" | "menu-unfold">;
+    readonly toggleAriaLabel: import("@angular/core").Signal<"Đóng menu" | "Mở menu" | "Thu gọn menu" | "Mở rộng menu">;
+    onToggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoLayoutHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoLayoutHeaderComponent, "geo-layout-header", never, { "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "fallbackBreadcrumb": { "alias": "fallbackBreadcrumb"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": false; "isSignal": true; }; "mobileMenuOpen": { "alias": "mobileMenuOpen"; "required": false; "isSignal": true; }; "showDefaultActions": { "alias": "showDefaultActions"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "subsystems": { "alias": "subsystems"; "required": false; "isSignal": true; }; "userMenuItems": { "alias": "userMenuItems"; "required": false; "isSignal": true; }; }, { "sidebarToggle": "sidebarToggle"; "notificationClick": "notificationClick"; "subsystemClick": "subsystemClick"; "userMenuClick": "userMenuClick"; "logout": "logout"; }, ["projectedActions"], ["[geoLayoutActions]"], true, never>;
+}

package/lib/figma/geo-layout/header-actions/geo-layout-header-actions.component.d.ts

@@ -0,0 +1,32 @@
+import { GeoLayoutNotificationItem, GeoLayoutSubsystemItem, GeoLayoutUserInfo, GeoLayoutUserMenuItem } from '../geo-layout.types';
+import * as i0 from "@angular/core";
+/**
+ * Header actions mặc định: thông báo, phân hệ, user chip + popovers (mock/data-driven).
+ */
+export declare class GeoLayoutHeaderActionsComponent {
+    readonly user: import("@angular/core").InputSignal<GeoLayoutUserInfo>;
+    readonly notifications: import("@angular/core").InputSignal<GeoLayoutNotificationItem[]>;
+    readonly subsystems: import("@angular/core").InputSignal<GeoLayoutSubsystemItem[]>;
+    readonly userMenuItems: import("@angular/core").InputSignal<GeoLayoutUserMenuItem[]>;
+    /** Ẩn tên/email trên chip (mobile). */
+    readonly compact: import("@angular/core").InputSignal<boolean>;
+    readonly notificationClick: import("@angular/core").OutputEmitterRef<GeoLayoutNotificationItem>;
+    readonly subsystemClick: import("@angular/core").OutputEmitterRef<GeoLayoutSubsystemItem>;
+    readonly userMenuClick: import("@angular/core").OutputEmitterRef<GeoLayoutUserMenuItem>;
+    readonly logout: import("@angular/core").OutputEmitterRef<void>;
+    readonly notifyOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly subsystemOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly userOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly unreadCount: import("@angular/core").Signal<number>;
+    readonly initials: import("@angular/core").Signal<string>;
+    readonly primaryMenuItems: import("@angular/core").Signal<GeoLayoutUserMenuItem[]>;
+    readonly dangerMenuItems: import("@angular/core").Signal<GeoLayoutUserMenuItem[]>;
+    onNotifyVisible(visible: boolean): void;
+    onSubsystemVisible(visible: boolean): void;
+    onUserVisible(visible: boolean): void;
+    onNotificationItem(item: GeoLayoutNotificationItem): void;
+    onSubsystemItem(item: GeoLayoutSubsystemItem): void;
+    onUserMenuItem(item: GeoLayoutUserMenuItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoLayoutHeaderActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoLayoutHeaderActionsComponent, "geo-layout-header-actions", never, { "user": { "alias": "user"; "required": false; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "subsystems": { "alias": "subsystems"; "required": false; "isSignal": true; }; "userMenuItems": { "alias": "userMenuItems"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, { "notificationClick": "notificationClick"; "subsystemClick": "subsystemClick"; "userMenuClick": "userMenuClick"; "logout": "logout"; }, never, never, true, never>;
+}

package/lib/figma/geo-layout/sidebar/geo-layout-sidebar.component.d.ts

@@ -0,0 +1,34 @@
+import { GeoLayoutMenuItem, GeoLayoutSiderWidth } from '../geo-layout.types';
+import * as i0 from "@angular/core";
+/**
+ * Sidebar shell: brand + recursive menu.
+ * Collapsed (desktop): hover item mở popover bên phải (tên leaf / submenu group).
+ */
+export declare class GeoLayoutSidebarComponent {
+    readonly menuItems: import("@angular/core").InputSignal<GeoLayoutMenuItem[]>;
+    readonly brandTitle: import("@angular/core").InputSignal<string>;
+    readonly logoSrc: import("@angular/core").InputSignal<string>;
+    readonly logoAlt: import("@angular/core").InputSignal<string>;
+    readonly sidebarBackgroundSrc: import("@angular/core").InputSignal<string>;
+    readonly selectedKey: import("@angular/core").ModelSignal<string | null>;
+    readonly collapsed: import("@angular/core").InputSignal<boolean>;
+    readonly isMobile: import("@angular/core").InputSignal<boolean>;
+    readonly mobileOpen: import("@angular/core").InputSignal<boolean>;
+    readonly width: import("@angular/core").InputSignal<GeoLayoutSiderWidth>;
+    readonly collapsedWidth: import("@angular/core").InputSignal<GeoLayoutSiderWidth>;
+    readonly menuSelect: import("@angular/core").OutputEmitterRef<GeoLayoutMenuItem>;
+    private readonly openKeys;
+    /** Desktop icon-rail: hiện popover khi hover. */
+    readonly flyoutEnabled: import("@angular/core").Signal<boolean>;
+    readonly showLabels: import("@angular/core").Signal<boolean>;
+    readonly widthCss: import("@angular/core").Signal<string>;
+    isOpen(key: string): boolean;
+    isSelected(key: string): boolean;
+    hasSelectedDescendant(item: GeoLayoutMenuItem): boolean;
+    toggleSubmenu(key: string): void;
+    onMenuItemClick(item: GeoLayoutMenuItem): void;
+    selectLeaf(item: GeoLayoutMenuItem): void;
+    private toCssSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoLayoutSidebarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoLayoutSidebarComponent, "geo-layout-sidebar", never, { "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "brandTitle": { "alias": "brandTitle"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "logoAlt": { "alias": "logoAlt"; "required": false; "isSignal": true; }; "sidebarBackgroundSrc": { "alias": "sidebarBackgroundSrc"; "required": false; "isSignal": true; }; "selectedKey": { "alias": "selectedKey"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": false; "isSignal": true; }; "mobileOpen": { "alias": "mobileOpen"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; }, { "selectedKey": "selectedKeyChange"; "menuSelect": "menuSelect"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,16 @@
+import type { GeoBreadcrumbItem } from '../geo-breadcrumb/geo-breadcrumb.types';
+import * as i0 from "@angular/core";
+/**
+ * Standard list / CRUD page chrome (admin & thống kê).
+ *
+ * @summary Layout trang danh sách: header + filter + toolbar + nội dung bảng.
+ * @whenToUse QL người dùng, đồng bộ iLIS, QL dịch vụ/bản đồ, thống kê tờ.
+ * @doNotUseWhen Map portal — use geo-map-shell.
+ */
+export declare class GeoListPageComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly breadcrumb: import("@angular/core").InputSignal<GeoBreadcrumbItem[]>;
+    readonly uppercase: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoListPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoListPageComponent, "geo-list-page", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "breadcrumb": { "alias": "breadcrumb"; "required": false; "isSignal": true; }; "uppercase": { "alias": "uppercase"; "required": false; "isSignal": true; }; }, {}, never, ["[geoListActions]", "[geoListFilters]", "geo-table-filter,[geoListFilter]", "geo-table-toolbar,[geoListToolbar]", "*"], true, never>;
+}

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

@@ -0,0 +1,27 @@
+import type { GeoLoginPayload } from './geo-login.types';
+import * as i0 from "@angular/core";
+/**
+ * Login form (STT 35 — đăng nhập).
+ *
+ * @summary Form đăng nhập: tài khoản, mật khẩu, mã kiểm tra, ghi nhớ.
+ * @whenToUse Màn Đăng nhập chuyên viên.
+ * @doNotUseWhen SSO-only flows without local credentials.
+ */
+export declare class GeoLoginComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly subtitle: import("@angular/core").InputSignal<string>;
+    readonly captchaHint: import("@angular/core").InputSignal<string>;
+    readonly loading: import("@angular/core").InputSignal<boolean>;
+    readonly errorMessage: import("@angular/core").InputSignal<string>;
+    readonly showForgotPassword: import("@angular/core").InputSignal<boolean>;
+    readonly username: import("@angular/core").ModelSignal<string>;
+    readonly password: import("@angular/core").ModelSignal<string>;
+    readonly captcha: import("@angular/core").ModelSignal<string>;
+    readonly remember: import("@angular/core").ModelSignal<boolean>;
+    readonly submitLogin: import("@angular/core").OutputEmitterRef<GeoLoginPayload>;
+    readonly forgotPassword: import("@angular/core").OutputEmitterRef<void>;
+    readonly submitted: import("@angular/core").WritableSignal<boolean>;
+    submit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoLoginComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoLoginComponent, "geo-login", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "captchaHint": { "alias": "captchaHint"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "showForgotPassword": { "alias": "showForgotPassword"; "required": false; "isSignal": true; }; "username": { "alias": "username"; "required": false; "isSignal": true; }; "password": { "alias": "password"; "required": false; "isSignal": true; }; "captcha": { "alias": "captcha"; "required": false; "isSignal": true; }; "remember": { "alias": "remember"; "required": false; "isSignal": true; }; }, { "username": "usernameChange"; "password": "passwordChange"; "captcha": "captchaChange"; "remember": "rememberChange"; "submitLogin": "submitLogin"; "forgotPassword": "forgotPassword"; }, never, ["[geoCaptcha]"], true, never>;
+}

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

@@ -0,0 +1,6 @@
+export interface GeoLoginPayload {
+    username: string;
+    password: string;
+    captcha: string;
+    remember: boolean;
+}

package/lib/figma/geo-map/chrome/geo-map-admin-filter/geo-map-admin-filter.component.d.ts

@@ -0,0 +1,28 @@
+import type { GeoTreeNode } from '../../../geo-tree/geo-tree.types';
+import * as i0 from "@angular/core";
+/**
+ * Administrative unit filter tree (TCQH.14 — cấp xã).
+ *
+ * @summary Panel lọc cây đơn vị hành chính cấp xã trên bản đồ.
+ * @whenToUse Tra cứu bản đồ cần lọc theo xã / phường.
+ * @doNotUseWhen Global org charts outside map context.
+ */
+export declare class GeoMapAdminFilterComponent {
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly nodes: import("@angular/core").InputSignal<GeoTreeNode[]>;
+    readonly checkedKeys: import("@angular/core").ModelSignal<(string | number)[]>;
+    readonly expandedKeys: import("@angular/core").ModelSignal<(string | number)[]>;
+    readonly apply: import("@angular/core").OutputEmitterRef<(string | number)[]>;
+    readonly reset: import("@angular/core").OutputEmitterRef<void>;
+    readonly fitProvince: import("@angular/core").OutputEmitterRef<void>;
+    readonly closed: import("@angular/core").OutputEmitterRef<void>;
+    readonly selectionChange: import("@angular/core").OutputEmitterRef<(string | number)[]>;
+    onCheckedChange(keys: Array<string | number>): void;
+    onApply(): void;
+    onReset(): void;
+    onFitProvince(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoMapAdminFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoMapAdminFilterComponent, "geo-map-admin-filter", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "checkedKeys": { "alias": "checkedKeys"; "required": false; "isSignal": true; }; "expandedKeys": { "alias": "expandedKeys"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "checkedKeys": "checkedKeysChange"; "expandedKeys": "expandedKeysChange"; "apply": "apply"; "reset": "reset"; "fitProvince": "fitProvince"; "closed": "closed"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

package/lib/figma/geo-map/chrome/geo-map-basemap-switcher/geo-map-basemap-switcher.component.d.ts

@@ -0,0 +1,26 @@
+import type { GeoMapBasemapOption } from '../../geo-map.types';
+import * as i0 from "@angular/core";
+/**
+ * Thumbnail card toggling street ↔ satellite basemap.
+ *
+ * @summary Toggle street / satellite basemap.
+ * @whenToUse Right-side basemap toggle.
+ * @doNotUseWhen Full layer panel — use geo-map-layer-panel.
+ */
+export declare class GeoMapBasemapSwitcherComponent {
+    /** Exactly two options (street + satellite). Extra items are ignored. */
+    readonly options: import("@angular/core").InputSignal<GeoMapBasemapOption[]>;
+    readonly selectedId: import("@angular/core").ModelSignal<string>;
+    /** Caption on the thumbnail card (design: «Lớp bản đồ»). */
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly tooltip: import("@angular/core").InputSignal<string>;
+    readonly basemapChange: import("@angular/core").OutputEmitterRef<import("../../geo-map.types").GeoMapBasemapInput>;
+    readonly pair: import("@angular/core").Signal<GeoMapBasemapOption[]>;
+    readonly selected: import("@angular/core").Signal<GeoMapBasemapOption>;
+    /** Preview of the other basemap (what click will switch to). */
+    readonly next: import("@angular/core").Signal<GeoMapBasemapOption | null>;
+    readonly tooltipText: import("@angular/core").Signal<string>;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoMapBasemapSwitcherComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoMapBasemapSwitcherComponent, "geo-map-basemap-switcher", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, { "selectedId": "selectedIdChange"; "basemapChange": "basemapChange"; }, never, never, true, never>;
+}

package/lib/figma/geo-map/chrome/geo-map-help/geo-map-help.component.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+export interface GeoMapHelpSection {
+    title: string;
+    body: string;
+}
+/**
+ * Map help popup (text hướng dẫn sử dụng).
+ *
+ * @summary Pop-up hướng dẫn sử dụng trên bản đồ.
+ * @whenToUse UC-24 xem hướng dẫn sử dụng.
+ * @doNotUseWhen Full docs site pages.
+ */
+export declare class GeoMapHelpComponent {
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly sections: import("@angular/core").InputSignal<GeoMapHelpSection[]>;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoMapHelpComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoMapHelpComponent, "geo-map-help", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, never, true, never>;
+}

package/lib/figma/geo-map/chrome/geo-map-layer-card/geo-map-layer-card.component.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+/**
+ * Bottom-left “Lớp bản đồ” thumbnail card to open layer panel.
+ *
+ * @summary Bottom-left layer entry card.
+ * @whenToUse Entry point to layers / legend overlays.
+ * @doNotUseWhen Inline layer checklist — use geo-map-layer-panel.
+ */
+export declare class GeoMapLayerCardComponent {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly previewUrl: import("@angular/core").InputSignal<string | undefined>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GeoMapLayerCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoMapLayerCardComponent, "geo-map-layer-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "previewUrl": { "alias": "previewUrl"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}