@edmicro/olkit 1.1.8 → 1.3.0

package/types/edmicro-olkit.d.ts

@@ -1984,7 +1984,9 @@ declare class OlDrawerFooter {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlDrawerFooter, "ol-drawer-footer", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-type DropdownPlacement = 'bottom' | 'top' | 'left' | 'right' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+type DropdownPlacement = 'bottom' | 'top' | 'left' | 'right' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end'
+/** Mở sang bên, căn mép trên / dưới theo nút — vd. menu tài khoản ở đáy sidebar (`right-end`). */
+ | 'right-start' | 'right-end' | 'left-start' | 'left-end';
 /**
  * `context` là menu chuột phải. Nó KHÔNG neo vào nút trigger như hai kiểu kia
  * mà neo vào chỗ con trỏ — nên có thêm một mốc ẩn 0×0 di chuyển theo chuột.
@@ -2030,6 +2032,12 @@ declare class OlDropdown {
      */
     readonly appendTo: _angular_core.InputSignal<"body" | null>;
     readonly placement: _angular_core.InputSignal<DropdownPlacement>;
+    /**
+     * Khoảng cách (px) từ nút tới panel. Mặc định 8. Tăng khi nút nằm thụt
+     * trong một khung mà panel phải mọc RA NGOÀI khung — vd. thẻ tài khoản trong
+     * `ol-app-nav` (đệm 20px) mở sang phải phải vượt qua mép sidebar.
+     */
+    readonly offset: _angular_core.InputSignal<number>;
     readonly trigger: _angular_core.InputSignal<DropdownTrigger>;
     readonly autoClose: _angular_core.InputSignal<DropdownAutoClose>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -2134,7 +2142,7 @@ declare class OlDropdown {
     toggle(): void;
     private clearHideTimeout;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlDropdown, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlDropdown, "ol-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; "menuClass": { "alias": "menuClass"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "opened": "opened"; "closed": "closed"; }, never, ["[slot=trigger], [trigger]", "[triggerIcon]", "[triggerIcon]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlDropdown, "ol-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; "menuClass": { "alias": "menuClass"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "opened": "opened"; "closed": "closed"; }, never, ["[slot=trigger], [trigger]", "[triggerIcon]", "[triggerIcon]", "*"], true, never>;
 }
 
 declare class OlDropdownItem {
@@ -3603,6 +3611,16 @@ interface SegmentedOption<T = string | number> {
 }
 type SegmentedColor = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
 type SegmentedSize = 'sm' | 'base';
+/**
+ * Tông của khung theo NỀN đặt nó lên.
+ *
+ *   `default`  rãnh xám `bg-neutral-tertiary`, mục chọn nổi nền trắng — nền sáng
+ *   `inverse`  cho nền TỐI / màu (thanh menu navy): rãnh trắng 15% để LỘ màu nền
+ *              bên dưới, chữ mục chưa chọn trắng; mục chọn vẫn nền trắng, chữ
+ *              brand-900 GHIM (không đổi theo `.dark`: nền trắng ở cả hai chế
+ *              độ — `--text-fg-brand-strong` lật sang brand-300 sẽ chìm)
+ */
+type SegmentedVariant = 'default' | 'inverse';
 /**
  * Chọn MỘT trong vài chế độ loại trừ nhau, đặt cạnh nhau trên một rãnh xám;
  * mục đang chọn nổi lên nền trắng (segmented control).
@@ -3627,6 +3645,13 @@ declare class OlSegmented implements ControlValueAccessor {
     readonly disabled: _angular_core.ModelSignal<boolean>;
     /** Tên nhóm cho bộ đọc màn hình — nên đặt, vì nhóm không có nhãn nhìn thấy. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Tông khung theo nền — xem `SegmentedVariant`. */
+    readonly variant: _angular_core.InputSignal<SegmentedVariant>;
+    /**
+     * Class màu nền tuỳ ý cho khung (rãnh), thay nền của `variant` — ví dụ
+     * `bg-brand` hay `bg-[var(--bg-app-nav-hover)]`. Mục đang chọn giữ nguyên.
+     */
+    readonly trackClass: _angular_core.InputSignal<string>;
     private readonly host;
     private onChange;
     private onTouched;
@@ -3644,7 +3669,7 @@ declare class OlSegmented implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlSegmented, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlSegmented, "ol-segmented", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlSegmented, "ol-segmented", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "trackClass": { "alias": "trackClass"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
 }
 
 /**
@@ -4941,6 +4966,73 @@ declare class OlListGroupItem {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlListGroupItem, "ol-list-group-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
 }
 
+/** `full`: cú mèo + chữ "nluyện.vn" (tỉ lệ ~5:1). `mark`: chỉ cú mèo, vuông. */
+type LogoVariant = 'full' | 'mark';
+/**
+ * Bản màu nào. Chọn theo **màu NỀN** đặt logo, không theo chế độ sáng/tối:
+ *
+ * - `color` — nền sáng (trắng, xám nhạt).
+ * - `white` — nền tối/brand (menu navy của `ol-app-nav`, banner brand). Menu
+ *   navy ở CẢ hai chế độ nên luôn dùng bản trắng.
+ * - `auto` — nền đổi theo chế độ (`bg-neutral-primary`…): sáng → màu,
+ *   `.dark` → trắng. Vẽ cả hai bản, CSS ẩn một — không cần JS theo dõi chế độ.
+ */
+type LogoTone = 'auto' | 'color' | 'white';
+/**
+ * Logo Ôn Luyện — Figma `Logo ol` (#6603:1269), 4 bản: dài/vuông × màu/trắng.
+ *
+ * SVG nhúng sẵn trong gói: nơi dùng không phải chép file ảnh vào `assets/`.
+ * Cao theo `height` (px), rộng tự theo tỉ lệ.
+ *
+ * ```html
+ * <ol-logo />                                   <!-- dài, tự đổi theo chế độ, cao 32px -->
+ * <ol-logo variant="mark" tone="white" [height]="40" />
+ * ```
+ */
+declare class OlLogo {
+    private readonly sanitizer;
+    private readonly uid;
+    readonly variant: _angular_core.InputSignal<LogoVariant>;
+    readonly tone: _angular_core.InputSignal<LogoTone>;
+    /** Chiều cao (px). Bản dài 32px rộng ~164px; bản vuông bằng cạnh. */
+    readonly height: _angular_core.InputSignal<number>;
+    /** Tên đọc cho trình đọc màn hình. */
+    readonly alt: _angular_core.InputSignal<string>;
+    /** Bản màu — `null` khi `tone="white"`. */
+    readonly colorSvg: _angular_core.Signal<SafeHtml | null>;
+    /** Bản trắng — `null` khi `tone="color"`. */
+    readonly whiteSvg: _angular_core.Signal<SafeHtml | null>;
+    readonly colorClass: _angular_core.Signal<"h-full dark:hidden" | "h-full">;
+    readonly whiteClass: _angular_core.Signal<"h-full" | "hidden h-full dark:block">;
+    /**
+     * SVG tĩnh từ `logo.art.ts` (chỉ `<path>`/`<linearGradient>`, không lấy từ
+     * người dùng) nên đánh dấu tin cậy được — cùng cách `OlIconService` làm.
+     */
+    private render;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlLogo, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlLogo, "ol-logo", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Logo Ôn Luyện — 4 bản từ Figma `Logo ol` (#6603:1269), xuất SVG 2026-10-06.
+ *
+ * Đã lọc: nền xám `#F0F0F0` và khung nét đứt của frame Figma, mọi `id` lớp.
+ * `__ID__` là chỗ `OlLogo` thay bằng id riêng từng lần vẽ — hai bản màu dùng
+ * gradient, id trùng nhau thì bản đang `display:none` giữ `<defs>` làm bản
+ * đang hiện mất màu (Chrome không vẽ paint server nằm trong cây bị ẩn).
+ *
+ * Chỉ chứa hình vẽ (`<path>`, `<linearGradient>`), không có script hay
+ * `<foreignObject>` — `OlLogo` đánh dấu tin cậy được.
+ */
+interface OlLogoArt {
+    viewBox: string;
+    body: string;
+}
+declare const OL_LOGO_FULL_COLOR: OlLogoArt;
+declare const OL_LOGO_FULL_WHITE: OlLogoArt;
+declare const OL_LOGO_MARK_COLOR: OlLogoArt;
+declare const OL_LOGO_MARK_WHITE: OlLogoArt;
+
 type ModalSize = 'sm' | 'base' | 'lg' | 'xl' | '2xl';
 type ModalPlacement = 'center' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 type OlModalBackdrop = 'static' | 'dynamic';
@@ -6064,6 +6156,23 @@ interface AppNavItem {
     badge?: string | number;
     /** Mờ 40% và không bấm được — theo Figma State=Disabled. */
     disabled?: boolean;
+    /**
+     * Nhãn phụ nhỏ cạnh tên, viền trắng — ví dụ `beta`. Khác `badge` (đếm số,
+     * nền đỏ): đây là chú thích tính chất của mục.
+     */
+    extraText?: string;
+    /**
+     * Menu con — tối đa 3 cấp (mục → con → cháu). Mục có con là NÚT mở/đóng,
+     * không điều hướng; `route` của nó (nếu có) chỉ dùng để nhận diện nhánh.
+     * Nhánh chứa trang đang mở tự mở ra khi vào trang.
+     */
+    children?: AppNavItem[];
+    /**
+     * Đường dẫn khác cũng tính là "đang ở mục này" — ví dụ trang chi tiết
+     * `/manage-exam/detail` thuộc mục "Quản lý kỳ thi" (`/manage-exam/list-exam`).
+     * So khớp đúng hoặc theo tiền tố `<route>/`.
+     */
+    activeRoutes?: string[];
 }
 /**
  * Một nhóm mục. Figma chia menu làm hai phần, ngăn bằng một đường kẻ:
@@ -6076,8 +6185,33 @@ interface AppNavItem {
  */
 interface AppNavGroup {
     section: 'main' | 'footer';
+    /**
+     * Tiêu đề nhóm, in hoa nhỏ phía trên các mục — ví dụ "QUẢN LÝ TRƯỜNG HỌC".
+     * Ẩn khi menu thu gọn. Bỏ trống thì nhóm không có tiêu đề (như bản cũ).
+     */
+    label?: string;
     items: AppNavItem[];
 }
+/**
+ * Một mục trong menu tài khoản — mở ra khi bấm thẻ tài khoản (popup trên
+ * desktop, khay menu trên mobile).
+ *
+ * Component chỉ PHÁT `userAction` kèm mục được bấm; đăng xuất thật, mở hộp
+ * đổi mật khẩu… là việc của nơi dùng. Có `route` thì router điều hướng luôn.
+ */
+interface AppNavUserAction {
+    /** Khoá để nơi dùng phân nhánh: `profile`, `change-password`, `logout`… */
+    id: string;
+    label: string;
+    /** Tên icon theo `OlIconService`. */
+    icon: string;
+    /** Đường dẫn router. Bỏ trống thì chỉ phát `userAction`. */
+    route?: string;
+    /** Tô đỏ — dùng cho hành động phá vỡ phiên như Đăng xuất. */
+    danger?: boolean;
+    /** Kẻ một đường ngăn phía trên mục này. */
+    dividerBefore?: boolean;
+}
 /** Thẻ tài khoản dưới cùng. */
 interface AppNavUser {
     name: string;
@@ -6085,7 +6219,37 @@ interface AppNavUser {
     subtitle?: string;
     /** Ảnh đại diện. Bỏ trống thì `ol-avatar` tự dựng chữ cái đầu từ `name`. */
     avatarSrc?: string;
+    /**
+     * Menu tài khoản. Bỏ trống thì dùng `APP_NAV_DEFAULT_USER_ACTIONS`
+     * (Trang cá nhân · Đổi mật khẩu · Đăng xuất). Truyền `[]` để tắt menu —
+     * bấm thẻ khi đó chỉ phát `userClick` như bản cũ.
+     */
+    actions?: AppNavUserAction[];
 }
+/**
+ * Menu tài khoản mặc định — ba việc mọi tài khoản đều cần.
+ *
+ * Không có `route`: đường dẫn trang cá nhân, cách đổi mật khẩu (trang riêng
+ * hay hộp thoại) khác nhau giữa các sản phẩm. Nơi dùng bắt `userAction` theo
+ * `id`, hoặc tự khai `user.actions` có `route`.
+ */
+declare const APP_NAV_DEFAULT_USER_ACTIONS: readonly AppNavUserAction[];
+/**
+ * Bố cục theo bề ngang màn hình.
+ *
+ *   `desktop` menu dọc, mọi bề ngang (mặc định — giữ hành vi các bản trước)
+ *   `auto`    từ `md` (768px) là menu dọc; dưới `md` là thanh đáy + khay menu
+ *   `mobile`  luôn thanh đáy + khay menu (xem trước trên trang docs)
+ */
+type AppNavLayout = 'desktop' | 'auto' | 'mobile';
+/**
+ * Chỗ một mục được vẽ — template tuỳ biến đọc để vẽ khác nhau:
+ *
+ *   `rail`  menu dọc nền navy (chữ trắng)
+ *   `sheet` một dòng trong khay menu mobile (nền sáng)
+ *   `bar`   một ô trên thanh đáy mobile (icon + nhãn ngắn)
+ */
+type AppNavItemVariant = 'rail' | 'sheet' | 'bar';
 /**
  * Trọn bộ dữ liệu một menu — đúng thứ nơi dùng nạp từ JSON.
  *
@@ -6102,8 +6266,152 @@ interface AppNavUser {
 interface AppNavConfig {
     groups: AppNavGroup[];
     user?: AppNavUser;
+    /**
+     * Thanh đáy mobile: `id` các mục theo ĐÚNG thứ tự muốn hiện — sắp mobile
+     * độc lập với menu desktop (`groups` giữ nguyên thứ tự desktop).
+     *
+     * - Lấy được mục ở mọi cấp và mọi nhóm (kể cả `footer`, kể cả con của một
+     *   mục cha), miễn có `route` và không có con — ô thanh đáy là một cú chạm.
+     * - Mục gốc đã lên thanh đáy không lặp lại trong khay; mục con vẫn ở trong
+     *   menu con của cha nó.
+     * - Khai thì `mobilePrimaryCount` bị bỏ qua — số ô là độ dài danh sách. Nên
+     *   ≤ 4 (màn 375px: 4 ô + nút Menu).
+     * - Không khai: `mobilePrimaryCount` mục đầu nhóm `main` như trước.
+     *
+     * ```ts
+     * mobileBar: ['home', 'assignments', 'live-classes', 'self-study-practice'],
+     * ```
+     */
+    mobileBar?: readonly string[];
 }
 
+/**
+ * Các khe template của `ol-app-nav`.
+ *
+ * Nơi dùng truyền `<ng-template olAppNavXxx let-...>` vào trong
+ * `<ol-app-nav>`; vùng nào không truyền thì component vẽ giao diện mặc định.
+ *
+ * Template chỉ thay PHẦN RUỘT. Phần vỏ vẫn do component giữ để mọi nơi dùng
+ * có cùng hành vi mà không phải chép lại:
+ *
+ *   mục    `<a routerLink>` / `<button>`, mục đang chọn, tooltip khi thu gọn,
+ *          mục bị khoá, đóng khay mobile khi bấm
+ *   tài khoản  nút mở popup, `aria-expanded`, đóng popup khi chọn
+ *
+ * `ngTemplateContextGuard` cho trình biên dịch biết kiểu của `let-...` —
+ * thiếu nó thì mọi biến trong template là `any`.
+ */
+/** Ngữ cảnh template một mục. */
+interface AppNavItemContext {
+    $implicit: AppNavItem;
+    /** Menu dọc đang thu gọn (luôn `false` ở `sheet`/`bar`). */
+    collapsed: boolean;
+    /** Mục đang chọn — theo `activeId` hoặc router. */
+    active: boolean;
+    /** Cấp trong cây: 1 = mục gốc, 2 = con, 3 = cháu. */
+    level: number;
+    /** Mục có con và đang mở. */
+    expanded: boolean;
+    variant: AppNavItemVariant;
+}
+/** Ngữ cảnh khe đầu / chân menu (`olAppNavHeader` · `olAppNavFooter`). */
+interface AppNavSlotContext {
+    /** Menu dọc đang thu gọn (luôn `false` trong khay mobile). */
+    $implicit: boolean;
+    collapsed: boolean;
+    /** `rail`: trong menu dọc. `sheet`: trong khay mobile. */
+    variant: 'rail' | 'sheet';
+}
+/** Ngữ cảnh template logo. */
+interface AppNavLogoContext {
+    /** Menu đang thu gọn. */
+    $implicit: boolean;
+    collapsed: boolean;
+}
+/** Ngữ cảnh template thẻ tài khoản. */
+interface AppNavUserContext {
+    $implicit: AppNavUser;
+    collapsed: boolean;
+    /** Chữ cái đầu dựng sẵn ("Nguyễn Nhật Linh" → "NL"). */
+    initials: string;
+    /** `rail`: nút ở đáy menu dọc. `sheet`: khối đầu khay mobile. */
+    variant: 'rail' | 'sheet';
+}
+/** Ngữ cảnh template menu tài khoản (ruột popup). */
+interface AppNavUserMenuContext {
+    $implicit: AppNavUser;
+    /** Danh sách mục đã chốt (`user.actions` hoặc mặc định). */
+    actions: readonly AppNavUserAction[];
+    initials: string;
+    /** Phát `userAction` + đóng popup — gọi khi người dùng chọn một mục. */
+    select: (action: AppNavUserAction) => void;
+    /** Chỉ đóng popup (trong khay mobile: đóng khay). */
+    close: () => void;
+    /**
+     * Nơi vẽ: `popup` (nổi cạnh sidebar, mở được menu con SANG NGANG) hoặc
+     * `sheet` (khay mobile — không có chỗ ngang, nên xổ xuống tại chỗ).
+     */
+    variant: 'popup' | 'sheet';
+    /**
+     * Phần nào của menu đang vẽ. `all`: trọn menu (popup; khay khi
+     * `mobileUserMenu="bottom"`). Khay với `mobileUserMenu="split"` vẽ template
+     * HAI lần: `top` ngay dưới thẻ tài khoản (việc thường, cài đặt), `bottom`
+     * cuối khay (mục phụ). Mục `danger` ở `split` do component vẽ thành nút icon
+     * trên thẻ tài khoản — template đừng vẽ lại ở `bottom`.
+     */
+    part: 'all' | 'top' | 'bottom';
+}
+/** `<ng-template olAppNavItem let-item let-active="active" let-variant="variant">` */
+declare class OlAppNavItemDef {
+    readonly template: TemplateRef<AppNavItemContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavItemDef, ctx: unknown): ctx is AppNavItemContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavItemDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavItemDef, "ng-template[olAppNavItem]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * `<ng-template olAppNavHeader let-collapsed>` — vùng ngay dưới logo, trên
+ * các mục (ví dụ bộ chọn vai Quản trị / Giảng dạy). Cũng hiện ở đầu khay mobile.
+ */
+declare class OlAppNavHeaderDef {
+    readonly template: TemplateRef<AppNavSlotContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavHeaderDef, ctx: unknown): ctx is AppNavSlotContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavHeaderDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavHeaderDef, "ng-template[olAppNavHeader]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * `<ng-template olAppNavFooter let-collapsed>` — vùng cuối danh sách mục chính,
+ * trên đường kẻ (ví dụ ô "Niên khoá 2026 - 2027"). Cũng hiện cuối khay mobile.
+ */
+declare class OlAppNavFooterDef {
+    readonly template: TemplateRef<AppNavSlotContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavFooterDef, ctx: unknown): ctx is AppNavSlotContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavFooterDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavFooterDef, "ng-template[olAppNavFooter]", never, {}, {}, never, never, true, never>;
+}
+/** `<ng-template olAppNavLogo let-collapsed>` */
+declare class OlAppNavLogoDef {
+    readonly template: TemplateRef<AppNavLogoContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavLogoDef, ctx: unknown): ctx is AppNavLogoContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavLogoDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavLogoDef, "ng-template[olAppNavLogo]", never, {}, {}, never, never, true, never>;
+}
+/** `<ng-template olAppNavUser let-user let-collapsed="collapsed">` */
+declare class OlAppNavUserDef {
+    readonly template: TemplateRef<AppNavUserContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavUserDef, ctx: unknown): ctx is AppNavUserContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavUserDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavUserDef, "ng-template[olAppNavUser]", never, {}, {}, never, never, true, never>;
+}
+/** `<ng-template olAppNavUserMenu let-user let-actions="actions" let-select="select">` */
+declare class OlAppNavUserMenuDef {
+    readonly template: TemplateRef<AppNavUserMenuContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavUserMenuDef, ctx: unknown): ctx is AppNavUserMenuContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavUserMenuDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavUserMenuDef, "ng-template[olAppNavUserMenu]", never, {}, {}, never, never, true, never>;
+}
+/** Gom sáu directive để nơi dùng nhập một lần: `imports: [OlAppNav, OL_APP_NAV_TEMPLATES]`. */
+declare const OL_APP_NAV_TEMPLATES: readonly [typeof OlAppNavItemDef, typeof OlAppNavHeaderDef, typeof OlAppNavFooterDef, typeof OlAppNavLogoDef, typeof OlAppNavUserDef, typeof OlAppNavUserMenuDef];
+
 /**
  * `ol-app-nav` — menu điều hướng dọc của Ôn Luyện.
  *
@@ -6120,6 +6428,21 @@ interface AppNavConfig {
  * Không gộp hai cái làm một: gộp thì `ol-sidebar` phải mang theo nền gradient
  * và bố cục ba vùng mà 90% nơi dùng không cần.
  *
+ * ## Dữ liệu + template từng vùng
+ *
+ * Danh sách mục vẫn đi qua `config` (nạp từ JSON/API theo vai). Phần RUỘT của
+ * bốn vùng thay được bằng `<ng-template>` truyền vào — xem `app-nav-templates.ts`:
+ * `olAppNavItem` · `olAppNavLogo` · `olAppNavUser` · `olAppNavUserMenu`. Vỏ
+ * (liên kết, mục đang chọn, tooltip, mở/đóng popup) vẫn do component giữ.
+ *
+ * ## Mobile
+ *
+ * `layout="auto"`: dưới `md` menu dọc ẩn, thay bằng thanh đáy (`mobilePrimaryCount`
+ * mục đầu nhóm chính + nút Menu) và khay menu trượt lên chứa phần còn lại, thẻ
+ * tài khoản và menu tài khoản. Hai phần này `position: fixed` theo màn hình;
+ * muốn xem trước trong khung (trang docs) thì bọc khung bằng `transform` —
+ * phần tử `fixed` khi đó neo theo khung thay vì màn hình.
+ *
  * ## Dữ liệu từ ngoài, không nhúng cứng
  *
  * Ba quyền trong Figma là NỘI DUNG mẫu. Component nhận `config` — nơi dùng nạp
@@ -6136,6 +6459,21 @@ interface AppNavConfig {
  * như Figma mô tả ("dùng trên nền tối, chữ và biểu tượng đều `text-white`").
  */
 declare class OlAppNav {
+    private readonly overlayContainer;
+    private readonly router;
+    /**
+     * URL hiện tại (bỏ query/hash) — nguồn của mục đang chọn và nhánh tự mở.
+     *
+     * Không dùng `routerLinkActive` nữa: nó không biết `activeRoutes`, không cho
+     * biết mục CHA có con đang mở, và không chạy với mục cha (là nút, không có
+     * `routerLink`). Tự so URL thì một luật áp cho cả cây.
+     */
+    private readonly currentUrl;
+    /** Id các mục cha đang mở. */
+    private readonly expandedIds;
+    /** Hàm gỡ khay mobile khỏi ngăn xếp Escape. `null` khi khay đóng. */
+    private releaseEscape;
+    constructor();
     /** Danh sách menu và thẻ tài khoản. Xem `AppNavConfig`. */
     readonly config: _angular_core.InputSignal<AppNavConfig>;
     /**
@@ -6152,16 +6490,74 @@ declare class OlAppNav {
      * signal. Có `route` thì `routerLinkActive` tự lo, không cần đặt cái này.
      */
     readonly activeId: _angular_core.InputSignal<string | null>;
-    /** Ảnh logo. Bỏ trống thì dựng chữ "Ôn luyện" bằng text. */
+    /**
+     * Logo — ba cách, theo thứ tự ưu tiên:
+     *
+     * 1. `<ng-template olAppNavLogo let-collapsed>` — tự vẽ hoàn toàn.
+     * 2. `logoSrc` (+ `logoMarkSrc` khi thu gọn) — ảnh của nơi dùng.
+     * 3. Mặc định: `ol-logo` của kit — mở thì bản DÀI, thu gọn thì bản VUÔNG.
+     */
     readonly logoSrc: _angular_core.InputSignal<string>;
+    /**
+     * Ảnh logo vuông khi thu gọn (khung 70px không đủ chỗ logo dài). Bỏ trống
+     * thì thu gọn vẫn dùng `logoSrc`, co vừa ô 40px.
+     */
+    readonly logoMarkSrc: _angular_core.InputSignal<string>;
+    /**
+     * Tông logo của kit. Mặc định `auto`: chế độ sáng dùng logo MÀU, `.dark`
+     * dùng logo trắng (người dùng chốt 2026-10-06 — bản trước mặc định `white`
+     * ở cả hai chế độ). Muốn luôn trắng thì truyền `white`.
+     */
+    readonly logoTone: _angular_core.InputSignal<LogoTone>;
     /** Chiều rộng khi mở. Figma: 270px. */
     readonly width: _angular_core.InputSignal<string>;
     /** Chiều rộng khi thu gọn. Figma: 70px. */
     readonly collapsedWidth: _angular_core.InputSignal<string>;
     /** Phát khi bấm một mục. Mục có `route` thì router đã lo điều hướng. */
     readonly itemClick: _angular_core.OutputEmitterRef<AppNavItem>;
-    /** Phát khi bấm thẻ tài khoản — nơi dùng mở menu đổi tài khoản, đăng xuất. */
+    /**
+     * Phát khi bấm thẻ tài khoản (cả khi menu tài khoản mở ra sau đó). Giữ để
+     * tương thích các bản trước; chọn một mục trong menu thì nghe `userAction`.
+     */
     readonly userClick: _angular_core.OutputEmitterRef<void>;
+    /** Phát khi chọn một mục trong menu tài khoản — `profile`, `change-password`, `logout`… */
+    readonly userAction: _angular_core.OutputEmitterRef<AppNavUserAction>;
+    /** Popup tài khoản (desktop) đang mở. Hai chiều: `[(userMenuOpen)]`. */
+    readonly userMenuOpen: _angular_core.ModelSignal<boolean>;
+    /**
+     * Bố cục theo bề ngang. Mặc định `desktop` — giữ nguyên hành vi các bản
+     * trước. `auto`: dưới `md` chuyển sang thanh đáy + khay menu. Xem `AppNavLayout`.
+     */
+    readonly layout: _angular_core.InputSignal<AppNavLayout>;
+    /**
+     * Số mục lên thanh đáy mobile (đầu nhóm `main`); ô cuối luôn là nút Menu.
+     * Bỏ qua khi `config.mobileBar` có khai — khi đó danh sách quyết định.
+     *
+     * Bốn: màn 375px chia 5 ô mỗi ô 75px — vừa icon 24px và một dòng nhãn 10px.
+     * Sáu ô thì mỗi ô 62px, nhãn bắt đầu bị cắt.
+     */
+    readonly mobilePrimaryCount: _angular_core.InputSignal<number>;
+    /** Khay menu mobile đang mở. Hai chiều: `[(mobileMenuOpen)]` — khung đóng khi chuyển trang. */
+    readonly mobileMenuOpen: _angular_core.ModelSignal<boolean>;
+    /**
+     * Chỗ đặt menu tài khoản trong khay mobile:
+     * - `bottom` (mặc định, như các bản trước): trọn menu ở cuối khay.
+     * - `split`: việc thường (Trang cá nhân, Đổi mật khẩu… — mục không `danger`)
+     *   lên ĐẦU khay ngay dưới thẻ tài khoản; mục `danger` (Đăng xuất) thành nút
+     *   CHỈ ICON đỏ bên phải thẻ tài khoản. Template `olAppNavUserMenu` nhận
+     *   `part: 'top' | 'bottom'` để tự chia — và KHÔNG vẽ mục danger ở `bottom`.
+     */
+    readonly mobileUserMenu: _angular_core.InputSignal<"bottom" | "split">;
+    /** Chữ trên nút Menu của thanh đáy. */
+    readonly mobileMenuLabel: _angular_core.InputSignal<string>;
+    readonly itemDef: _angular_core.Signal<OlAppNavItemDef | undefined>;
+    readonly headerDef: _angular_core.Signal<OlAppNavHeaderDef | undefined>;
+    readonly footerDef: _angular_core.Signal<OlAppNavFooterDef | undefined>;
+    readonly logoDef: _angular_core.Signal<OlAppNavLogoDef | undefined>;
+    readonly userDef: _angular_core.Signal<OlAppNavUserDef | undefined>;
+    readonly userMenuDef: _angular_core.Signal<OlAppNavUserMenuDef | undefined>;
+    /** Id khay mobile — `aria-controls` của nút Menu trỏ vào. */
+    readonly sheetId: string;
     /**
      * Hiện thanh kéo (rail) ở mép phải để thu gọn / mở lại.
      *
@@ -6171,10 +6567,98 @@ declare class OlAppNav {
     readonly showRail: _angular_core.InputSignal<boolean>;
     /** Chữ trên tooltip của thanh kéo, đổi theo trạng thái. */
     readonly railLabel: _angular_core.Signal<"Mở rộng" | "Thu gọn">;
-    /** Mục của phần trên. */
+    /** Mọi nhóm, giữ thứ tự khai. */
+    private readonly allGroups;
+    /** Nhóm phần trên — vẽ theo nhóm để hiện `label`. */
+    readonly mainGroups: _angular_core.Signal<AppNavGroup[]>;
+    /** Mục gốc của phần trên, phẳng (cho thanh đáy mobile). */
     readonly mainItems: _angular_core.Signal<AppNavItem[]>;
     /** Mục của phần dưới, nằm sát thẻ tài khoản. */
     readonly footerItems: _angular_core.Signal<AppNavItem[]>;
+    /**
+     * Mục lên thanh đáy mobile. Có `config.mobileBar` → đúng các id đó, đúng
+     * thứ tự đó (mọi nhóm, mọi cấp). Không có → `mobilePrimaryCount` mục gốc ĐẦU
+     * TIÊN của phần trên. Cả hai chỉ nhận mục có `route` và KHÔNG có con — ô
+     * thanh đáy là một cú chạm điều hướng, không chứa được menu con.
+     */
+    readonly primaryItems: _angular_core.Signal<AppNavItem[]>;
+    /**
+     * Nhóm vào khay mobile: mọi nhóm (kể cả `footer` — dưới `md` không còn menu
+     * dọc nào chứa chúng), bỏ các mục đã lên thanh đáy, giữ tiêu đề nhóm.
+     */
+    readonly sheetGroups: _angular_core.Signal<AppNavGroup[]>;
+    /** Phần còn lại, phẳng — giữ cho nơi dùng đã đọc trước đây. */
+    readonly overflowItems: _angular_core.Signal<AppNavItem[]>;
+    /**
+     * Khoảng cách popup tài khoản → thẻ, để popup nằm HẲN ngoài sidebar, cách
+     * mép 8px. Thẻ thụt trong sidebar: mở rộng đệm 16px (`px-4`, bản gọn);
+     * thu gọn nút giữa khung 70px còn 15px. Đo 2026-10-06 sau bản gọn: khe 8px
+     * ở cả hai trạng thái (offset 8 cố định từng làm popup chồng mép sidebar).
+     */
+    readonly userMenuOffset: _angular_core.Signal<24 | 23>;
+    /** Menu tài khoản đã chốt: `user.actions`, hoặc mặc định khi không khai. */
+    readonly userActions: _angular_core.Signal<readonly AppNavUserAction[]>;
+    /** Class menu dọc theo `layout`. */
+    readonly railDisplay: _angular_core.Signal<"flex" | "hidden" | "hidden md:flex">;
+    /** Có vẽ thanh đáy + khay không, và ẩn từ `md` khi `auto`. */
+    readonly hasMobile: _angular_core.Signal<boolean>;
+    readonly mobileDisplay: _angular_core.Signal<"" | "md:hidden">;
+    /** Ngữ cảnh template một mục. */
+    itemContext(item: AppNavItem, variant: AppNavItemVariant, level?: number): AppNavItemContext;
+    /** Ngữ cảnh khe đầu / chân menu. */
+    slotContext(variant: 'rail' | 'sheet'): {
+        $implicit: boolean;
+        collapsed: boolean;
+        variant: "rail" | "sheet";
+    };
+    /** Bỏ query/hash và `/` cuối — `/a/b/?x=1#y` → `/a/b`. */
+    private static normalize;
+    /** `route` khớp URL hiện tại: đúng hệt, hoặc URL nằm dưới nó (`route/…`). `/` chỉ khớp đúng. */
+    isRouteActive(route: string): boolean;
+    /**
+     * Mục đang chọn: `activeId` trùng, hoặc `route` / `activeRoutes` khớp URL.
+     * Mục CHA không bao giờ "đang chọn" — trang nằm ở con; cha chỉ được đánh
+     * dấu "chứa mục đang chọn" (`hasActiveChild`).
+     */
+    isItemActive(item: AppNavItem): boolean;
+    /** Mục có con (cháu…) đang chọn. */
+    hasActiveChild(item: AppNavItem): boolean;
+    isExpanded(item: AppNavItem): boolean;
+    /**
+     * Mở / đóng một nhánh (menu dọc đang mở, hoặc khay mobile).
+     *
+     * Kiểu ACCORDION — mỗi cấp chỉ một nhánh mở: mở một mục thì đóng các mục
+     * CÙNG CẤP (kèm mọi nhánh con của chúng). Cấp 1 tính chung mọi nhóm, cả
+     * nhóm `footer`; cấp 2 · 3 tính trong cùng mục cha. Menu dài (Quản trị
+     * trường 5 nhóm) mà mở nhiều nhánh một lúc thì cuộn mãi không hết.
+     */
+    toggleExpand(item: AppNavItem): void;
+    /** Id mục cha đang mở menu nổi. */
+    readonly flyoutId: _angular_core.WritableSignal<string | null>;
+    private flyoutCloseTimer;
+    /** Rê vào nút hoặc panel: mở (và huỷ hẹn đóng). */
+    openFlyout(id: string): void;
+    cancelFlyoutClose(): void;
+    /** Rời nút hoặc panel: đóng sau 150ms — đủ để chuột băng qua khe giữa hai cái. */
+    scheduleFlyoutClose(): void;
+    /** `ol-dropdown` báo mở/đóng (bấm nút, bấm ra ngoài, Esc). */
+    onFlyoutOpenChange(id: string, open: boolean): void;
+    /** Chọn một mục trong menu nổi: đóng menu, phát `itemClick` (router lo điều hướng). */
+    onFlyoutSelect(item: AppNavItem): void;
+    /** Id mọi mục cha nằm trên đường tới mục đang chọn. */
+    private activeAncestorIds;
+    /** Ngữ cảnh template menu tài khoản — popup desktop và khay mobile. */
+    readonly userMenuPopupContext: _angular_core.Signal<AppNavUserMenuContext | null>;
+    readonly userMenuSheetContext: _angular_core.Signal<AppNavUserMenuContext | null>;
+    readonly userMenuSheetTopContext: _angular_core.Signal<AppNavUserMenuContext | null>;
+    /** Mục `danger` (Đăng xuất) — `split`: nút icon đỏ trên thẻ tài khoản đầu khay. */
+    readonly cardActions: _angular_core.Signal<AppNavUserAction[]>;
+    /**
+     * Mục tài khoản mặc định (không template) cho phần khay đang vẽ. `split`:
+     * việc thường ở `top`, mục danger đã lên thẻ tài khoản nên `bottom` rỗng.
+     */
+    sheetActionsFor(part: 'all' | 'top' | 'bottom'): readonly AppNavUserAction[];
+    private buildUserMenuContext;
     /** Đường kẻ chỉ vẽ khi phần dưới có mục — không thì thừa một vạch. */
     readonly showDivider: _angular_core.Signal<boolean>;
     readonly navWidth: _angular_core.Signal<string>;
@@ -6191,7 +6675,7 @@ declare class OlAppNav {
      * Gộp vào MỘT chuỗi thay vì nhiều `[class.x]`: hai binding cùng tên thuộc
      * tính thì cái sau thắng, cái trước mất im lặng.
      */
-    itemClasses(item: AppNavItem): string;
+    itemClasses(item: AppNavItem, level?: number): string;
     /**
      * Chữ cái đầu cho ảnh đại diện, khi không có ảnh.
      *
@@ -6201,10 +6685,212 @@ declare class OlAppNav {
      * phải "NN".
      */
     readonly userInitials: _angular_core.Signal<string>;
+    /** Nút thẻ tài khoản ở đáy menu dọc. */
+    /**
+     * Nút thẻ tài khoản ở đáy menu dọc.
+     *
+     * Mở rộng: đệm phải 10px (`pe-2.5`, bằng đệm mục menu phía trên) — bản trước
+     * `p-1` 4px làm mũi tên dính sát viền bo (người dùng chỉ ra 2026-10-06).
+     * Đang mở menu tài khoản thì GIỮ nền nổi như mục cha đang mở.
+     */
+    userCardClasses(): string;
+    /** Một ô thanh đáy mobile. Mục có route thì `routerLinkActive` tô thêm `text-fg-brand`. */
+    barItemClasses(item: AppNavItem): string;
+    /** Một dòng trong khay mobile. */
+    sheetItemClasses(item: AppNavItem, level?: number): string;
+    /**
+     * Một mục menu tài khoản trong khay. Mục `danger` đổi CẢ nền lẫn chữ khi
+     * hover: `text-fg-danger` trên `bg-danger-soft` chỉ đạt 4,09 (dưới AA 4,5),
+     * nên chữ kéo xuống `fg-danger-strong` cho khớp nền.
+     */
+    sheetActionClasses(action: AppNavUserAction): string;
     onItemClick(item: AppNavItem): void;
+    /** Chọn một mục menu tài khoản — đóng popup/khay rồi phát cho nơi dùng. */
+    onUserAction(action: AppNavUserAction): void;
+    toggleMobileMenu(): void;
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNav, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlAppNav, "ol-app-nav", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "showRail": { "alias": "showRail"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "itemClick": "itemClick"; "userClick": "userClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlAppNav, "ol-app-nav", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "logoMarkSrc": { "alias": "logoMarkSrc"; "required": false; "isSignal": true; }; "logoTone": { "alias": "logoTone"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "userMenuOpen": { "alias": "userMenuOpen"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "mobilePrimaryCount": { "alias": "mobilePrimaryCount"; "required": false; "isSignal": true; }; "mobileMenuOpen": { "alias": "mobileMenuOpen"; "required": false; "isSignal": true; }; "mobileUserMenu": { "alias": "mobileUserMenu"; "required": false; "isSignal": true; }; "mobileMenuLabel": { "alias": "mobileMenuLabel"; "required": false; "isSignal": true; }; "showRail": { "alias": "showRail"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "itemClick": "itemClick"; "userClick": "userClick"; "userAction": "userAction"; "userMenuOpen": "userMenuOpenChange"; "mobileMenuOpen": "mobileMenuOpenChange"; }, ["itemDef", "headerDef", "footerDef", "logoDef", "userDef", "userMenuDef"], never, true, never>;
+}
+
+/**
+ * Các khe template của `ol-app-header`. Vùng nào không truyền thì component
+ * vẽ giao diện mặc định. Khung (kiểu nhìn, dính đỉnh, nền mobile, chiều cao)
+ * luôn do component giữ.
+ *
+ *   olAppHeaderTitle    thay khối tiêu đề (breadcrumb, avatar lớp…)
+ *   olAppHeaderActions  cụm bên phải (chip, chuông…)
+ *   olAppHeaderContent  thay TOÀN BỘ ruột — thanh làm bài (đồng hồ + tiến
+ *                       trình + Nộp bài); khi có, nút quay lại / tiêu đề /
+ *                       ô tìm không vẽ
+ */
+/** Ngữ cảnh khe — chưa mang dữ liệu; để sẵn cho mở rộng không phá API. */
+type AppHeaderSlotContext = Record<string, never>;
+/** `<ng-template olAppHeaderTitle>` */
+declare class OlAppHeaderTitleDef {
+    readonly template: TemplateRef<AppHeaderSlotContext>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppHeaderTitleDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppHeaderTitleDef, "ng-template[olAppHeaderTitle]", never, {}, {}, never, never, true, never>;
+}
+/** `<ng-template olAppHeaderActions>` */
+declare class OlAppHeaderActionsDef {
+    readonly template: TemplateRef<AppHeaderSlotContext>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppHeaderActionsDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppHeaderActionsDef, "ng-template[olAppHeaderActions]", never, {}, {}, never, never, true, never>;
+}
+/** `<ng-template olAppHeaderContent>` */
+declare class OlAppHeaderContentDef {
+    readonly template: TemplateRef<AppHeaderSlotContext>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppHeaderContentDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppHeaderContentDef, "ng-template[olAppHeaderContent]", never, {}, {}, never, never, true, never>;
+}
+/** Gom sẵn để import một lần. */
+declare const OL_APP_HEADER_TEMPLATES: readonly [typeof OlAppHeaderTitleDef, typeof OlAppHeaderActionsDef, typeof OlAppHeaderContentDef];
+
+/**
+ * Kiểu dữ liệu cho `ol-app-header` — thanh trên của trang trong app (đi cặp
+ * `ol-app-nav`). Khác `ol-navbar`: đó là navbar trang WEB (logo + liên kết).
+ */
+/**
+ * Kiểu nhìn:
+ *   `plain`     trong suốt, không viền — đặt trên nền trang (có hoạ tiết)
+ *   `solid`     nền trắng + viền dưới — trang nền trơn, admin
+ *   `floating`  thẻ trắng bo góc + bóng nhẹ — dashboard kiểu thẻ
+ */
+type AppHeaderVariant = 'plain' | 'solid' | 'floating';
+/** Chiều cao: `base` 64px · `sm` 56px. */
+type AppHeaderSize = 'base' | 'sm';
+/** Một mục đường dẫn (breadcrumb). Không có `link` = không bấm được (mục cuối). */
+interface AppHeaderCrumb {
+    label: string;
+    link?: string;
+}
+/** Mốc ô tìm hiện đầy đủ giữa hàng; dưới mốc là nút kính lúp mở ô. */
+type AppHeaderSearchCollapseAt = 'lg' | 'xl';
+
+/**
+ * Thanh trên của trang trong app — đi cặp `ol-app-nav`.
+ *
+ * Bố cục một hàng: [←] [tiêu đề] [ô tìm — co theo chỗ] [hành động].
+ *
+ * ## Hai hành vi theo bề ngang
+ *
+ * Desktop theo `variant`. Dưới `md` (`mobileSolid`, mặc định bật) header luôn
+ * DÍNH ĐỈNH và NỀN ĐẶC: ở màn hẹp không còn menu trái, header là mốc duy nhất
+ * cho biết đang ở màn nào; dính mà trong suốt thì nội dung cuộn qua hiện
+ * xuyên lên, chữ chồng chữ.
+ *
+ * ## Ô tìm co giãn
+ *
+ * Từ `searchCollapseAt` trở lên ô nằm giữa hàng, `flex-1`, co lại khi chật;
+ * dưới mốc đó thành nút kính lúp mở ô trong bảng thả xuống — không bóp ô tới
+ * mức không gõ nổi.
+ *
+ * ## Khe
+ *
+ * `olAppHeaderTitle` · `olAppHeaderActions` · `olAppHeaderContent` — xem
+ * `app-header-templates.ts`. `olAppHeaderContent` thay trọn ruột (thanh làm
+ * bài), khung vẫn của component.
+ */
+declare class OlAppHeader {
+    private readonly router;
+    readonly variant: _angular_core.InputSignal<AppHeaderVariant>;
+    readonly size: _angular_core.InputSignal<AppHeaderSize>;
+    /** Dưới `md`: dính đỉnh + nền đặc + viền dưới. */
+    readonly mobileSolid: _angular_core.InputSignal<boolean>;
+    /** Dính đỉnh cả trên desktop — `plain` tự có nền đặc khi dính. */
+    readonly sticky: _angular_core.InputSignal<boolean>;
+    /**
+     * Class thêm vào thẻ `<header>` — host là `contents` nên class đặt trên
+     * `<ol-app-header>` không có hộp nào để áp. Ví dụ kéo tràn mép ở mobile:
+     * `headerClass="-mx-4 -mt-4 md:mx-0 md:mt-0"`.
+     */
+    readonly headerClass: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
+    /** Dòng nhỏ phía trên tiêu đề, ví dụ "HỌC SINH · ÔN LUYỆN". Ẩn dưới `sm`. */
+    readonly subtitle: _angular_core.InputSignal<string>;
+    /**
+     * Đường dẫn phía trên tiêu đề, thay `subtitle` khi có ≥ 2 mục. Mục cuối là
+     * trang hiện tại (không bấm được). Ẩn dưới `sm` như `subtitle`.
+     */
+    readonly breadcrumbs: _angular_core.InputSignal<readonly AppHeaderCrumb[]>;
+    readonly showBreadcrumbs: _angular_core.Signal<boolean>;
+    /** Đường dẫn quay lại — bấm thì `router.navigateByUrl`. */
+    readonly backLink: _angular_core.InputSignal<string>;
+    /** Hiện nút quay lại và chỉ phát `(back)` — nơi dùng tự điều hướng. */
+    readonly showBack: _angular_core.InputSignal<boolean>;
+    /** Tên đọc + tooltip của nút quay lại: "Quay lại <backLabel>". */
+    readonly backLabel: _angular_core.InputSignal<string>;
+    readonly back: _angular_core.OutputEmitterRef<void>;
+    readonly showSearch: _angular_core.InputSignal<boolean>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly searchAriaLabel: _angular_core.InputSignal<string>;
+    readonly searchCollapseAt: _angular_core.InputSignal<AppHeaderSearchCollapseAt>;
+    readonly searchValue: _angular_core.ModelSignal<string>;
+    /** Bấm Enter trong ô tìm — giá trị đã cắt khoảng trắng, bỏ qua khi rỗng. */
+    readonly search: _angular_core.OutputEmitterRef<string>;
+    readonly titleDef: _angular_core.Signal<OlAppHeaderTitleDef | undefined>;
+    readonly actionsDef: _angular_core.Signal<OlAppHeaderActionsDef | undefined>;
+    readonly contentDef: _angular_core.Signal<OlAppHeaderContentDef | undefined>;
+    readonly hasBack: _angular_core.Signal<boolean>;
+    readonly backAriaLabel: _angular_core.Signal<string>;
+    /** Khung `<header>` — kiểu nhìn + hành vi mobile + dính đỉnh. */
+    readonly headerClasses: _angular_core.Signal<string>;
+    /** Ô tìm đầy đủ: chỉ hiện từ mốc. Viết đủ hai chuỗi để Tailwind quét thấy. */
+    readonly searchInlineClasses: _angular_core.Signal<"hidden min-w-0 max-w-md flex-1 lg:block" | "hidden min-w-0 max-w-md flex-1 xl:block">;
+    /** Nút kính lúp: chỉ dưới mốc. */
+    readonly searchToggleClasses: _angular_core.Signal<"shrink-0 lg:hidden" | "shrink-0 xl:hidden">;
+    /**
+     * Khối tiêu đề: chiếm chỗ trống khi ô tìm không nằm giữa hàng; khi ô tìm
+     * hiện thì nhường `flex-1` cho ô tìm, tiêu đề chỉ rộng theo chữ.
+     */
+    readonly titleClasses: _angular_core.Signal<"min-w-0 flex-1" | "min-w-0 flex-1 lg:max-w-[40%] lg:flex-none" | "min-w-0 flex-1 xl:max-w-[40%] xl:flex-none">;
+    onBack(): void;
+    submitSearch(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlAppHeader, "ol-app-header", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "mobileSolid": { "alias": "mobileSolid"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "headerClass": { "alias": "headerClass"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "backLink": { "alias": "backLink"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "searchCollapseAt": { "alias": "searchCollapseAt"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; }, { "back": "back"; "searchValue": "searchValueChange"; "search": "search"; }, ["titleDef", "actionsDef", "contentDef"], never, true, never>;
+}
+
+/**
+ * 20 hoạ tiết của Figma component "Pattern" (#1240:55097). Thứ tự theo Figma.
+ * Dùng mảng này cho bộ chọn / trang trưng bày.
+ */
+declare const OL_PATTERN_TYPES: readonly ["lines", "rounded-lines", "creative", "diamond-right", "diamond-left", "vertical-lines", "oblique-lines", "dots", "lines-modern", "squares", "modern", "comb", "tech", "tech-square", "tech-squares", "technology", "comb-linear", "big-comb", "lines-oblique", "technology-top"];
+type PatternType = (typeof OL_PATTERN_TYPES)[number];
+/**
+ * Cách phủ hình lên khung:
+ *   cover    phủ kín, cắt phần thừa (mặc định — nền trang, banner)
+ *   contain  hiện trọn hình, có thể chừa lề
+ *   repeat   lặp hình gốc theo kích thước thật (~1512×776)
+ */
+type PatternFit = 'cover' | 'contain' | 'repeat';
+/** `absolute` phủ khối cha (cha cần `relative`); `fixed` phủ cả màn, đứng yên khi cuộn. */
+type PatternPosition = 'absolute' | 'fixed';
+/**
+ * Hoạ tiết nền — lớp trang trí phủ khối cha (banner, thẻ, nền trang).
+ *
+ * Màu = `currentColor`: đặt `class="text-white"` trên nền tối,
+ * `class="text-fg-brand"` trên nền sáng. Độ đậm qua `opacity`.
+ *
+ * CẦN import `@edmicro/olkit/styles/patterns.css` (file riêng — 20 SVG chỉ tải
+ * kiểu đang dùng). Thiếu file đó thì hoạ tiết không hiện.
+ *
+ * ```html
+ * <div class="relative overflow-hidden rounded-lg bg-brand">
+ *   <ol-pattern type="tech" class="text-white" [opacity]="0.2" />
+ *   …nội dung…
+ * </div>
+ * ```
+ */
+declare class OlPattern {
+    readonly type: _angular_core.InputSignal<"dots" | "lines" | "rounded-lines" | "creative" | "diamond-right" | "diamond-left" | "vertical-lines" | "oblique-lines" | "lines-modern" | "squares" | "modern" | "comb" | "tech" | "tech-square" | "tech-squares" | "technology" | "comb-linear" | "big-comb" | "lines-oblique" | "technology-top">;
+    readonly fit: _angular_core.InputSignal<PatternFit>;
+    readonly position: _angular_core.InputSignal<PatternPosition>;
+    /** Độ đậm 0–1. Trên nền sáng thường 0,06–0,15; trên nền tối 0,15–0,4. */
+    readonly opacity: _angular_core.InputSignal<number>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlPattern, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlPattern, "ol-pattern", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "fit": { "alias": "fit"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class OlSidebar {
@@ -6876,6 +7562,10 @@ declare class OlTooltipDirective implements OnDestroy {
     private showTimeout?;
     private hideTimeout?;
     private touchTimeout?;
+    /** Hẹn hiện tooltip khi NHẤN GIỮ — huỷ nếu nhấc tay sớm (chạm nhanh). */
+    private longPressTimeout?;
+    /** Mốc chạm gần nhất — bỏ qua mouseenter/focus trình duyệt tự sinh sau cú chạm. */
+    private lastTouchAt;
     private tooltipComponent?;
     private tooltipElement?;
     private cleanupAutoUpdate?;
@@ -6886,12 +7576,16 @@ declare class OlTooltipDirective implements OnDestroy {
     private blurListener?;
     private touchStartListener?;
     private touchEndListener?;
+    private touchCancelListeners;
     constructor();
     ngOnDestroy(): void;
     /**
      * Setup event listeners for tooltip triggers
      */
     private setupListeners;
+    /** Sự kiện chuột/focus này có phải do cú chạm vừa rồi sinh ra không (≤ 800ms). */
+    private fromRecentTouch;
+    private clearLongPress;
     /**
      * Remove event listeners
      */
@@ -7592,6 +8286,20 @@ declare class OlChart {
     readonly hiddenItems: _angular_core.WritableSignal<Set<string>>;
     toggleLegendItem(name: string): void;
     isItemHidden(name: string): boolean;
+    readonly zoomScale: _angular_core.WritableSignal<number>;
+    readonly panX: _angular_core.WritableSignal<number>;
+    readonly panY: _angular_core.WritableSignal<number>;
+    private isPanning;
+    private lastPanX;
+    private lastPanY;
+    readonly showZoomControls: _angular_core.Signal<boolean>;
+    readonly svgTransform: _angular_core.Signal<string>;
+    zoomIn(): void;
+    zoomOut(): void;
+    resetZoom(): void;
+    onPanStart(event: MouseEvent | TouchEvent): void;
+    onPanMove(event: MouseEvent | TouchEvent): void;
+    onPanEnd(): void;
     readonly seriesLegendList: _angular_core.Signal<{
         name: string;
         color: string;
@@ -8342,6 +9050,6 @@ declare class OlOverlayContainer {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
-export { CHAT_BUBBLE_STATUS, FIELD_ASTERISK, FIELD_CLEAR_RESERVE_END, FIELD_DISABLED, FIELD_HEIGHT, FIELD_HELPER, FIELD_HELPER_GAP, FIELD_ICON_GAP, FIELD_ICON_RESERVE_END, FIELD_ICON_RESERVE_START, FIELD_LABEL, FIELD_LABEL_BESIDE, FIELD_LABEL_GAP, FIELD_MIN_HEIGHT, FIELD_PADDING_END, FIELD_PADDING_START, FIELD_PADDING_X, FIELD_RADIUS, FIELD_STATE, FIELD_TEXT, FILE_KIND_META, FLOAT_LABEL_START, MONTHS_FULL_EN, MONTHS_FULL_VI, MONTHS_SHORT_VI, OL_ICONS, OlAccordion, OlAccordionItem, OlAlert, OlAlertDialog, OlAppNav, OlAspectRatio, OlAutocomplete, OlAvatar, OlAvatarGroup, OlBackdrop, OlBadge, OlBanner, OlBottomNav, OlBottomNavItem, OlBreadcrumb, OlBreadcrumbItem, OlButton, OlButtonGroup, OlCard, OlCarousel, OlCarouselSlide, OlChart, OlChatBubble, OlChatContainer, OlCheckbox, OlCheckboxRadioForm, OlCheckboxRadioGroup, OlClipboard, OlCollapse, OlCommand, OlDateRangePicker, OlDatepicker, OlDatepickerDirective, OlDatepickerFooter, OlDatepickerHeader, OlDatepickerPopup, OlDatepickerStateService, OlDayView, OlDeviceMockup, OlDownloadAppButton, OlDrawer, OlDrawerFooter, OlDrawerHeader, OlDropdown, OlDropdownHeader, OlDropdownItem, OlDropdownSearch, OlDropdownState, OlEmpty, OlFileDropzone, OlFileInput, OlFileItem, OlFileUpload, OlFocusTrapService, OlFooter, OlFrame, OlGallery, OlGalleryItem, OlHelper, OlIcon, OlIconService, OlIconShape, OlIconStack, OlImagePreview, OlInput, OlInputCounter, OlItem, OlJumbotron, OlKbd, OlLabel, OlListGroup, OlListGroupItem, OlLoadingOverlay, OlMenubar, OlModal, OlModalFooter, OlModalHeader, OlMonthView, OlNavDropdown, OlNavbar, OlNavbarItem, OlOtpInput, OlOverlayContainer, OlPagination, OlPopover, OlPopoverContent, OlPositioningService, OlProgress, OlProgressBarService, OlProgressBarTop, OlRadio, OlRange, OlRating, OlResizable, OlRichTextEditor, OlScrollArea, OlScrollspy, OlSegmented, OlSelect, OlSeparator, OlSidebar, OlSidebarGroup, OlSidebarItem, OlSidebarSubmenu, OlSkeleton, OlSpeedDial, OlSpeedDialItem, OlSpinner, OlStepItem, OlStepper, OlTabItem, OlTable, OlTableLoading, OlTableRow, OlTabs, OlTagInput, OlTextarea, OlTimeline, OlTimelineItem, OlTimepicker, OlToast, OlToastContainer, OlToastService, OlToggle, OlToggleGroup, OlToggleInput, OlTooltip, OlTooltipDirective, OlTree, OlTreeNodeItem, OlYearView, PICKER_ICON_RESERVE_START, WEEKDAYS_SHORT_EN, WEEKDAYS_SHORT_VI, boDau, cloneDate, detectFileKind, endOfDay, fieldLabelLayout, fieldSizeClasses, fileExtension, filesFromClipboard, formatDate, formatFileSize, generateMonthMatrix, generateMonthsMatrix, generateYearsMatrix, isBetween, isDateDisabled, isEditableTarget, isSameDay, isSameMonth, isSameYear, isToday, matchesAccept, multiValuePadY, parseDate, pasteShortcutLabel, provideOlIcons, startOfDay, stripDiacritics, toUploadFile, validateFiles };
-export type { AccordionVariant, AlertColor, AlertDialogTone, AlertLayout, AlertRounded, AlertType, AlertVariant, AppDevice, AppNavConfig, AppNavGroup, AppNavItem, AppNavUser, AppTheme, AutocompleteOption, AutocompleteSize, AutocompleteState, AvatarShape, AvatarSize, AvatarStatus, BadgeColor, BadgeShape, BadgeSize, BadgeTheme, BadgeType, BannerPosition, BannerVariant, BoxplotDataPoint, BreadcrumbItemStatus, BreadcrumbSeparator, BreadcrumbVariant, ButtonColor, ButtonGroupColor, ButtonGroupOrientation, ButtonGroupSize, ButtonSize, CardPadding, CardRadius, CardShadow, CardVariant, ChartDataPoint, ChartSeries, ChartType, ChatBubbleStatus, ChatSender, CheckboxSize, ChoiceControl, ChoiceControlPosition, ChoiceGroupLayout, ChoiceLayout, ChoiceShape, CommandGroup, CommandItem, DateCustomClass, DateRange, DatepickerPreset, DatepickerSelectionMode, DatepickerSize, DatepickerViewMode, DayCell, DeviceType, DrawerFooterLayout, DrawerPlacement, DrawerSize, DropdownAutoClose, DropdownPlacement, DropdownStateType, DropdownTrigger, EmptySize, FieldSize, FieldState, FileInputSize, FileItemVariant, FileKind, FileKindMeta, FileRejectReason, FileRejection, FileUploadMode, FileValidationResult, FileValidationRules, FloatingVariant, HeatmapData, HelperFeature, HelperRule, HelperSize, HelperState, IconColor, IconShapeColor, IconShapeSize, IconShapeType, IconSize, IconVariant, InputCounterSize, InputSize, InputState, JumbotronVariant, LabelPosition, ListGroupType, ModalFooterLayout, ModalPlacement, ModalSize, MonthCell, NavbarCollapseAt, NavbarDensity, OlAvatarStatusPosition, OlBottomNavPosition, OlButtonType, OlCheckboxRadioFormAlign, OlCheckboxRadioGroupRole, OlDateRangePickerVariant, OlFrameRounded, OlFrameSpacing, OlFrameVariant, OlGalleryGap, OlGalleryRatio, OlHelperType, OlIconStackSize, OlItemAlign, OlItemSize, OlMenubarItem, OlMenubarMenu, OlModalBackdrop, OlModalRole, OlPreviewImage, OlResizableDirection, OlScrollspyItem, OlScrollspyOrientation, OlSkeletonAnimation, OlSkeletonAspectRatio, OlSkeletonRounded, OlSkeletonType, OlSpeedDialTooltipPosition, OlTimepickerAddonType, OlToggleInputAlign, OlTreeNode, OlTreeNodeSelectionMode, OlTreeNodeToggleIcon, OlTreeSelectionMode, OlTreeToggleIcon, OlUploadFile, OtpInputSize, OverlayLayer, PaginationType, PaginationVariant, PopoverPlacement, PopoverTrigger, PositionedCoordinates, PositioningOptions, ProgressColor, ProgressLabelPosition, ProgressSize, RadarIndicator, RadioSize, RatingType, ScatterDataPoint, ScatterSeries, ScrollAreaAxis, ScrollAreaScrollbar, SegmentedColor, SegmentedOption, SegmentedSize, SelectOption, SelectSize, SelectState, SeparatorOrientation, SpeedDialAction, SpeedDialColor, SpeedDialDirection, SpeedDialTrigger, SpeedDialType, StepState, StepperBreakpoint, StepperOrientation, StepperVariant, TabsSize, TabsVariant, TagInputSize, TextareaState, TimeObject, TimepickerFormat, TimepickerSize, TimepickerState, Toast, ToastConfig, ToastPosition, ToggleColor, TogglePosition, ToggleSize, UploadStatus, YearCell };
+export { APP_NAV_DEFAULT_USER_ACTIONS, CHAT_BUBBLE_STATUS, FIELD_ASTERISK, FIELD_CLEAR_RESERVE_END, FIELD_DISABLED, FIELD_HEIGHT, FIELD_HELPER, FIELD_HELPER_GAP, FIELD_ICON_GAP, FIELD_ICON_RESERVE_END, FIELD_ICON_RESERVE_START, FIELD_LABEL, FIELD_LABEL_BESIDE, FIELD_LABEL_GAP, FIELD_MIN_HEIGHT, FIELD_PADDING_END, FIELD_PADDING_START, FIELD_PADDING_X, FIELD_RADIUS, FIELD_STATE, FIELD_TEXT, FILE_KIND_META, FLOAT_LABEL_START, MONTHS_FULL_EN, MONTHS_FULL_VI, MONTHS_SHORT_VI, OL_APP_HEADER_TEMPLATES, OL_APP_NAV_TEMPLATES, OL_ICONS, OL_LOGO_FULL_COLOR, OL_LOGO_FULL_WHITE, OL_LOGO_MARK_COLOR, OL_LOGO_MARK_WHITE, OL_PATTERN_TYPES, OlAccordion, OlAccordionItem, OlAlert, OlAlertDialog, OlAppHeader, OlAppHeaderActionsDef, OlAppHeaderContentDef, OlAppHeaderTitleDef, OlAppNav, OlAppNavFooterDef, OlAppNavHeaderDef, OlAppNavItemDef, OlAppNavLogoDef, OlAppNavUserDef, OlAppNavUserMenuDef, OlAspectRatio, OlAutocomplete, OlAvatar, OlAvatarGroup, OlBackdrop, OlBadge, OlBanner, OlBottomNav, OlBottomNavItem, OlBreadcrumb, OlBreadcrumbItem, OlButton, OlButtonGroup, OlCard, OlCarousel, OlCarouselSlide, OlChart, OlChatBubble, OlChatContainer, OlCheckbox, OlCheckboxRadioForm, OlCheckboxRadioGroup, OlClipboard, OlCollapse, OlCommand, OlDateRangePicker, OlDatepicker, OlDatepickerDirective, OlDatepickerFooter, OlDatepickerHeader, OlDatepickerPopup, OlDatepickerStateService, OlDayView, OlDeviceMockup, OlDownloadAppButton, OlDrawer, OlDrawerFooter, OlDrawerHeader, OlDropdown, OlDropdownHeader, OlDropdownItem, OlDropdownSearch, OlDropdownState, OlEmpty, OlFileDropzone, OlFileInput, OlFileItem, OlFileUpload, OlFocusTrapService, OlFooter, OlFrame, OlGallery, OlGalleryItem, OlHelper, OlIcon, OlIconService, OlIconShape, OlIconStack, OlImagePreview, OlInput, OlInputCounter, OlItem, OlJumbotron, OlKbd, OlLabel, OlListGroup, OlListGroupItem, OlLoadingOverlay, OlLogo, OlMenubar, OlModal, OlModalFooter, OlModalHeader, OlMonthView, OlNavDropdown, OlNavbar, OlNavbarItem, OlOtpInput, OlOverlayContainer, OlPagination, OlPattern, OlPopover, OlPopoverContent, OlPositioningService, OlProgress, OlProgressBarService, OlProgressBarTop, OlRadio, OlRange, OlRating, OlResizable, OlRichTextEditor, OlScrollArea, OlScrollspy, OlSegmented, OlSelect, OlSeparator, OlSidebar, OlSidebarGroup, OlSidebarItem, OlSidebarSubmenu, OlSkeleton, OlSpeedDial, OlSpeedDialItem, OlSpinner, OlStepItem, OlStepper, OlTabItem, OlTable, OlTableLoading, OlTableRow, OlTabs, OlTagInput, OlTextarea, OlTimeline, OlTimelineItem, OlTimepicker, OlToast, OlToastContainer, OlToastService, OlToggle, OlToggleGroup, OlToggleInput, OlTooltip, OlTooltipDirective, OlTree, OlTreeNodeItem, OlYearView, PICKER_ICON_RESERVE_START, WEEKDAYS_SHORT_EN, WEEKDAYS_SHORT_VI, boDau, cloneDate, detectFileKind, endOfDay, fieldLabelLayout, fieldSizeClasses, fileExtension, filesFromClipboard, formatDate, formatFileSize, generateMonthMatrix, generateMonthsMatrix, generateYearsMatrix, isBetween, isDateDisabled, isEditableTarget, isSameDay, isSameMonth, isSameYear, isToday, matchesAccept, multiValuePadY, parseDate, pasteShortcutLabel, provideOlIcons, startOfDay, stripDiacritics, toUploadFile, validateFiles };
+export type { AccordionVariant, AlertColor, AlertDialogTone, AlertLayout, AlertRounded, AlertType, AlertVariant, AppDevice, AppHeaderCrumb, AppHeaderSearchCollapseAt, AppHeaderSize, AppHeaderSlotContext, AppHeaderVariant, AppNavConfig, AppNavGroup, AppNavItem, AppNavItemContext, AppNavItemVariant, AppNavLayout, AppNavLogoContext, AppNavSlotContext, AppNavUser, AppNavUserAction, AppNavUserContext, AppNavUserMenuContext, AppTheme, AutocompleteOption, AutocompleteSize, AutocompleteState, AvatarShape, AvatarSize, AvatarStatus, BadgeColor, BadgeShape, BadgeSize, BadgeTheme, BadgeType, BannerPosition, BannerVariant, BoxplotDataPoint, BreadcrumbItemStatus, BreadcrumbSeparator, BreadcrumbVariant, ButtonColor, ButtonGroupColor, ButtonGroupOrientation, ButtonGroupSize, ButtonSize, CardPadding, CardRadius, CardShadow, CardVariant, ChartDataPoint, ChartSeries, ChartType, ChatBubbleStatus, ChatSender, CheckboxSize, ChoiceControl, ChoiceControlPosition, ChoiceGroupLayout, ChoiceLayout, ChoiceShape, CommandGroup, CommandItem, DateCustomClass, DateRange, DatepickerPreset, DatepickerSelectionMode, DatepickerSize, DatepickerViewMode, DayCell, DeviceType, DrawerFooterLayout, DrawerPlacement, DrawerSize, DropdownAutoClose, DropdownPlacement, DropdownStateType, DropdownTrigger, EmptySize, FieldSize, FieldState, FileInputSize, FileItemVariant, FileKind, FileKindMeta, FileRejectReason, FileRejection, FileUploadMode, FileValidationResult, FileValidationRules, FloatingVariant, HeatmapData, HelperFeature, HelperRule, HelperSize, HelperState, IconColor, IconShapeColor, IconShapeSize, IconShapeType, IconSize, IconVariant, InputCounterSize, InputSize, InputState, JumbotronVariant, LabelPosition, ListGroupType, LogoTone, LogoVariant, ModalFooterLayout, ModalPlacement, ModalSize, MonthCell, NavbarCollapseAt, NavbarDensity, OlAvatarStatusPosition, OlBottomNavPosition, OlButtonType, OlCheckboxRadioFormAlign, OlCheckboxRadioGroupRole, OlDateRangePickerVariant, OlFrameRounded, OlFrameSpacing, OlFrameVariant, OlGalleryGap, OlGalleryRatio, OlHelperType, OlIconStackSize, OlItemAlign, OlItemSize, OlLogoArt, OlMenubarItem, OlMenubarMenu, OlModalBackdrop, OlModalRole, OlPreviewImage, OlResizableDirection, OlScrollspyItem, OlScrollspyOrientation, OlSkeletonAnimation, OlSkeletonAspectRatio, OlSkeletonRounded, OlSkeletonType, OlSpeedDialTooltipPosition, OlTimepickerAddonType, OlToggleInputAlign, OlTreeNode, OlTreeNodeSelectionMode, OlTreeNodeToggleIcon, OlTreeSelectionMode, OlTreeToggleIcon, OlUploadFile, OtpInputSize, OverlayLayer, PaginationType, PaginationVariant, PatternFit, PatternPosition, PatternType, PopoverPlacement, PopoverTrigger, PositionedCoordinates, PositioningOptions, ProgressColor, ProgressLabelPosition, ProgressSize, RadarIndicator, RadioSize, RatingType, ScatterDataPoint, ScatterSeries, ScrollAreaAxis, ScrollAreaScrollbar, SegmentedColor, SegmentedOption, SegmentedSize, SegmentedVariant, SelectOption, SelectSize, SelectState, SeparatorOrientation, SpeedDialAction, SpeedDialColor, SpeedDialDirection, SpeedDialTrigger, SpeedDialType, StepState, StepperBreakpoint, StepperOrientation, StepperVariant, TabsSize, TabsVariant, TagInputSize, TextareaState, TimeObject, TimepickerFormat, TimepickerSize, TimepickerState, Toast, ToastConfig, ToastPosition, ToggleColor, TogglePosition, ToggleSize, UploadStatus, YearCell };
 //# sourceMappingURL=edmicro-olkit.d.ts.map