@edmicro/olkit 1.1.5 → 1.1.6

package/types/edmicro-olkit.d.ts

@@ -246,6 +246,106 @@ declare class OlScrollArea {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlScrollArea, "ol-scroll-area", never, { "scrollbar": { "alias": "scrollbar"; "required": false; "isSignal": true; }; "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "smooth": { "alias": "smooth"; "required": false; "isSignal": true; }; "innerClass": { "alias": "innerClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/** Một mục trong mục lục. */
+interface OlScrollspyItem {
+    /** `id` của phần tử trên trang mà mục này trỏ tới. */
+    id: string;
+    label: string;
+    /** Cấp thụt lề: 1 là mục chính, 2 là mục con. */
+    level?: 1 | 2;
+}
+type OlScrollspyOrientation = 'vertical' | 'horizontal';
+/**
+ * Mục lục tự đánh dấu phần đang xem.
+ *
+ * Chưa có node Figma — dựng theo design system, mục đang xem dùng
+ * `text-fg-brand` và một vạch `bg-brand` bên trái (dọc) hoặc dưới (ngang).
+ *
+ * ## Vì sao `IntersectionObserver` chứ không nghe sự kiện `scroll`
+ *
+ * Nghe `scroll` thì mỗi lần cuộn là một lần chạy tay tính `getBoundingClientRect()`
+ * cho MỌI phần — trang 63 mục như docs olkit là 63 phép đo mỗi khung hình.
+ * `IntersectionObserver` để trình duyệt tự báo, và chỉ báo phần nào đổi trạng
+ * thái.
+ *
+ * ## `rootMargin` quyết định "đang xem" nghĩa là gì
+ *
+ * Mặc định `-20% 0px -70% 0px` thu vùng quan sát thành một dải ngang mỏng ở
+ * khoảng 1/4 trên màn hình. Không thu thì phần nào chạm mép dưới màn hình cũng
+ * tính là đang xem, và cuộn một nhịp có thể sáng ba mục cùng lúc.
+ *
+ * Dải mỏng cũng xử lý được phần NGẮN hơn màn hình: nếu đợi phần chiếm trọn
+ * viewport mới tính, mục ngắn không bao giờ được đánh dấu.
+ *
+ * ## Phần cuối trang không bao giờ chạm dải
+ *
+ * Cuộn hết cỡ mà phần cuối vẫn nằm dưới dải quan sát thì nó không sáng. Nên
+ * khi chạm đáy trang, component đánh dấu thẳng mục cuối — `atBottom()`.
+ *
+ * ## Lưu ý khi viết test
+ *
+ * jsdom KHÔNG có `IntersectionObserver` (đo 2026-09-26: `typeof` trả
+ * `'undefined'`). Component tự bảo vệ bằng cách kiểm trước khi dùng, nên spec
+ * dựng được và khoá được phần hiển thị; còn việc đánh dấu theo cuộn phải
+ * nghiệm thu trên trình duyệt. Đừng giả lập `IntersectionObserver` rồi tưởng
+ * đã kiểm hành vi thật.
+ */
+declare class OlScrollspy {
+    private readonly elementRef;
+    private readonly destroyRef;
+    readonly items: _angular_core.InputSignal<OlScrollspyItem[]>;
+    readonly orientation: _angular_core.InputSignal<OlScrollspyOrientation>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Vùng quan sát, theo cú pháp `rootMargin` của `IntersectionObserver`.
+     *
+     * Đổi giá trị này khi trang có thanh trên cố định: `-80px 0px -70% 0px` đẩy
+     * mép trên xuống dưới thanh đó.
+     */
+    readonly rootMargin: _angular_core.InputSignal<string>;
+    /** Cuộn mượt khi bấm mục. Tắt nếu trang tự lo việc cuộn. */
+    readonly smoothScroll: _angular_core.InputSignal<boolean>;
+    /**
+     * Khung cuộn chứa nội dung. `null` (mặc định) nghĩa là cả trang.
+     *
+     * BẮT BUỘC truyền khi nội dung nằm trong một khung `overflow-y-auto` riêng:
+     * `IntersectionObserver` mặc định quan sát theo VIEWPORT, nên phần nào cũng
+     * "đang hiện" khi khung con nằm trong tầm mắt — đo được: cuộn khung con từ
+     * đầu tới đáy mà không mục nào sáng.
+     */
+    readonly scrollRoot: _angular_core.InputSignal<HTMLElement | null>;
+    private readonly currentId;
+    /** `id` của phần đang xem. Rỗng khi chưa phần nào vào vùng quan sát. */
+    readonly activeId: _angular_core.Signal<string>;
+    readonly activeChange: _angular_core.OutputEmitterRef<string>;
+    private observer;
+    constructor();
+    private startObserving;
+    /** Khung (hoặc trang) đã cuộn tới sát đáy chưa — sai số 4px cho tròn số lẻ. */
+    private atBottom;
+    private stopObserving;
+    private setActive;
+    /**
+     * Bấm mục thì cuộn tới phần tương ứng và đánh dấu NGAY.
+     *
+     * Không đợi `IntersectionObserver` báo: cuộn mượt mất vài trăm mili giây, và
+     * trong quãng đó mục vừa bấm chưa sáng — người dùng tưởng bấm hụt.
+     */
+    protected onClick(event: MouseEvent, item: OlScrollspyItem): void;
+    protected readonly navClasses: _angular_core.Signal<"block" | "block w-full overflow-x-auto">;
+    protected readonly listClasses: _angular_core.Signal<"flex flex-col gap-0.5 border-s border-default ps-0" | "flex items-center gap-1 border-b border-default">;
+    /**
+     * Class của một mục.
+     *
+     * Gom vào MỘT chuỗi qua ba-ngôi thay vì nhiều `[class.x]` rời: hai class
+     * cùng thuộc tính thì trình duyệt chọn theo thứ tự luật trong file CSS chứ
+     * không theo thứ tự viết, kết quả đổi theo bản build.
+     */
+    protected linkClasses(item: OlScrollspyItem): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlScrollspy, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlScrollspy, "ol-scrollspy", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "rootMargin": { "alias": "rootMargin"; "required": false; "isSignal": true; }; "smoothScroll": { "alias": "smoothScroll"; "required": false; "isSignal": true; }; "scrollRoot": { "alias": "scrollRoot"; "required": false; "isSignal": true; }; }, { "activeChange": "activeChange"; }, never, never, true, never>;
+}
+
 type ButtonColor = 'default' | 'brand' | 'primary' | 'alternative' | 'secondary' | 'tertiary' | 'ghost' | 'success' | 'green' | 'danger' | 'red' | 'warning' | 'yellow' | 'dark' | 'light';
 type ButtonSize = 'xs' | 'sm' | 'base' | 'l' | 'xl';
 type OlButtonType = 'button' | 'submit' | 'reset';
@@ -1629,6 +1729,8 @@ declare class OlDropdown {
     private detachMenu;
     /** Hàm gỡ khỏi ngăn xếp Escape. `null` khi đang đóng. */
     private releaseEscape;
+    /** Hàm gỡ listener Tab trên panel. `null` khi đang đóng. */
+    private releaseMenuKeydown;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly isOpen: _angular_core.ModelSignal<boolean>;
     /**
@@ -1679,6 +1781,75 @@ declare class OlDropdown {
     onTriggerClick(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
+    /**
+     * Danh sách phần tử nhận được tiêu điểm, theo thứ tự nhìn thấy.
+     *
+     * `tabindex="-1"` bị loại: đó là dấu hiệu tác giả cố ý đưa phần tử ra khỏi
+     * đường Tab. `:disabled` cũng loại — trình duyệt không cho nó nhận tiêu điểm.
+     *
+     * Lọc phần ẩn bằng `[hidden]`/`[aria-hidden]` chứ KHÔNG `offsetParent`:
+     * `offsetParent` là `null` với mọi phần tử trong `position: fixed`, và luôn
+     * `null` trong jsdom — dùng nó thì danh sách rỗng, hàm thoát sớm, và toàn bộ
+     * xử lý Tab lặng lẽ không chạy. Đã mắc: spec đỏ 3 ca trong khi trình duyệt
+     * thật vẫn đúng, vì hai môi trường cho `offsetParent` khác nhau.
+     */
+    private focusableItems;
+    /**
+     * Nút mở panel, kể cả khi nơi dùng tự khai qua slot `[trigger]`.
+     *
+     * `triggerButtonRef` CHỈ có giá trị với nút mặc định của component — hai
+     * nhánh `@if` trong template vẽ ra nó. Nơi dùng truyền nút riêng qua
+     * `<ng-content select="[trigger]">` thì cả hai nhánh đều không chạy và ref
+     * là `undefined`. Đo 2026-09-25: header onluyenv4 (streak, chuông) đều dùng
+     * nút slot, nên mọi xử lý bám vào ref đó lặng lẽ không chạy — gồm cả việc
+     * trả tiêu điểm về nút sau khi Escape, vốn có từ trước.
+     *
+     * Nên tìm nút thật trong cây DOM của host khi không có ref.
+     */
+    private triggerElement;
+    /**
+     * Phần tử nhận tiêu điểm đứng ngay sau `element` trong thứ tự Tab của trang.
+     *
+     * Quét từ `<body>` và loại chính panel ra: panel treo cuối `<body>` nên nếu
+     * tính cả nó thì "phần tử sau nút trigger" lại rơi vào panel vừa đóng.
+     */
+    private nextFocusableAfter;
+    /**
+     * Tab từ nút trigger khi panel đang mở → nhảy VÀO mục đầu panel.
+     *
+     * Vì sao cần: `appendTo="body"` treo panel ra cuối `<body>`, nên trong thứ
+     * tự DOM nó nằm SAU toàn bộ nội dung trang. Bàn phím đi theo thứ tự DOM chứ
+     * không theo vị trí nhìn thấy, nên Tab từ nút trigger nhảy sang phần tử kế
+     * tiếp trong header rồi xuống thân trang — panel mở ngay trước mắt mà không
+     * bao giờ tới được. Đo 2026-09-25: 8 lượt Tab, không lượt nào vào panel.
+     *
+     * KHÔNG cuốn tiêu điểm lúc mở: người dùng chuột không cần, và nhảy tiêu điểm
+     * khi họ chưa yêu cầu là cướp quyền điều khiển. Chỉ khi họ chủ động nhấn Tab
+     * mới dẫn vào — đúng lúc họ đang tìm đường đi tiếp.
+     *
+     * Shift+Tab bỏ qua: người dùng đang muốn lùi RA, giữ họ lại là bẫy.
+     */
+    onTriggerKeydown(event: KeyboardEvent): void;
+    /**
+     * Tab BÊN TRONG panel — giữ đường đi liền mạch với chỗ panel đang hiện.
+     *
+     * Panel nằm cuối `<body>` nên nếu để trình duyệt tự xử, Tab ở mục cuối sẽ
+     * rơi xuống phần tử sau panel trong DOM (thường là hết trang), còn Shift+Tab
+     * ở mục đầu nhảy ngược lên thân trang — cả hai đều bỏ qua nút trigger, tức
+     * người dùng mất mốc quay về.
+     *
+     * KHÔNG bẫy vòng tròn như hộp thoại: chuẩn WAI-ARIA cho menu quy định Tab
+     * phải THOÁT được ra trang. Nên:
+     *
+     * - Tab ở mục CUỐI → đóng panel, trả tiêu điểm về nút trigger rồi để trình
+     *   duyệt đi tiếp bình thường (phần tử sau nút trong header)
+     * - Shift+Tab ở mục ĐẦU → về thẳng nút trigger, panel vẫn mở để người dùng
+     *   còn thấy mình vừa rời khỏi đâu
+     *
+     * Giữa các mục thì không can thiệp — panel là một khối liền trong DOM nên
+     * trình duyệt tự đi đúng.
+     */
+    onMenuKeydown(event: KeyboardEvent): void;
     show(): void;
     hide(): void;
     toggle(): void;
@@ -1702,6 +1873,19 @@ declare class OlDropdownItem {
     readonly itemClick: _angular_core.OutputEmitterRef<MouseEvent>;
     private readonly parentDropdown;
     readonly isItemActive: _angular_core.Signal<boolean>;
+    /**
+     * Hình học theo Figma `ol-dropdown-item` (node 1149:39652, đo 2026-09-28):
+     * lề 8px bốn cạnh (`px-2 py-2`, cao 36px), icon 16px cách chữ 6px, bo 8px
+     * (`rounded` = `--radius: 8px`), chữ 14px medium. Bản trước `px-3` (12px),
+     * icon cách chữ 10px, bo 6px.
+     *
+     * Độ đậm nằm TRONG từng nhánh, không gắn vô điều kiện — hai class cùng thuộc
+     * tính thì thắng thua theo thứ tự luật CSS, không theo thứ tự trong chuỗi.
+     *
+     * Trạng thái đang chọn: Figma KHÔNG vẽ (chỉ có Initial / Hover / Disabled).
+     * Bản trước tự đặt `bg-brand-softer` (#F5F8FF trên nền trắng — gần như không
+     * thấy, báo 2026-09-28). Nay `bg-brand-soft` (#E3EAFF) + chữ brand đậm.
+     */
     readonly itemClasses: _angular_core.Signal<string>;
     handleClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlDropdownItem, never>;
@@ -1733,6 +1917,51 @@ declare class OlFooter {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlFooter, "ol-footer", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+type OlFrameSpacing = 'xs' | 'sm' | 'base' | 'lg';
+type OlFrameRounded = 'sm' | 'md' | 'lg' | 'xl';
+type OlFrameVariant = 'default' | 'ghost';
+/**
+ * Khung bọc nhiều mảng nội dung, khoảng cách đều nhau.
+ *
+ * Chưa có node Figma — dựng theo design system.
+ *
+ * ## Vì sao KHÔNG dùng `ol-card` cho việc này
+ *
+ * `ol-card` là MỘT thẻ nội dung: có ảnh bìa, có `href`, có trạng thái chọn.
+ * Còn đây là cái khung xếp NHIỀU mảng cạnh nhau với khoảng cách đều — như cột
+ * thiết lập, bảng điều khiển, hay danh sách nhóm. Lồng nhiều `ol-card` vào một
+ * `div` rồi tự đặt `space-y-*` cũng ra kết quả, nhưng mỗi nơi dùng lại chọn
+ * một khoảng cách khác và trang trông lộn xộn.
+ *
+ * ## `stacked` bỏ viền giữa, không phải bỏ viền hết
+ *
+ * Xếp chồng thì các mảng dính thành một khối liền, chỉ còn một viền ngoài và
+ * kẻ ngăn mảnh ở giữa — giống `ol-list-group`. Tách rời thì mỗi mảng là một
+ * thẻ riêng có viền đủ bốn cạnh.
+ *
+ * Làm bằng `divide-y` cộng `overflow-hidden` trên khung, KHÔNG bằng
+ * `[&>*:not(:last-child)]:border-b`: biến thể `:last-child` trong chuỗi class
+ * của component con sẽ khớp MỌI thể hiện của con đó, kể cả khi nó là con duy
+ * nhất ở nơi khác — lỗi đã gặp trong repo này.
+ *
+ * ## `ghost` bỏ nền và viền, giữ khoảng cách
+ *
+ * Dùng khi khung nằm trong một thẻ đã có viền rồi — hai lớp viền lồng nhau
+ * trông như lỗi hiển thị.
+ */
+declare class OlFrame {
+    readonly spacing: _angular_core.InputSignal<OlFrameSpacing>;
+    readonly rounded: _angular_core.InputSignal<OlFrameRounded>;
+    readonly variant: _angular_core.InputSignal<OlFrameVariant>;
+    /** Dính các mảng thành một khối liền, chỉ còn kẻ ngăn ở giữa. */
+    readonly stacked: _angular_core.InputSignal<boolean>;
+    /** Xếp ngang thay vì dọc. Khoảng cách và kẻ ngăn đổi trục theo. */
+    readonly horizontal: _angular_core.InputSignal<boolean>;
+    protected readonly frameClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlFrame, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlFrame, "ol-frame", never, { "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 /**
  * Bảng chuẩn kích thước và trạng thái cho MỌI ô nhập của thư viện.
  *
@@ -3031,6 +3260,176 @@ declare class OlToggleGroup {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlToggleGroup, "ol-toggle-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Một lựa chọn của `ol-segmented`. `value` là thứ đổ vào model — dùng chuỗi
+ * hoặc số, so bằng `===`.
+ */
+interface SegmentedOption<T = string | number> {
+    value: T;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+}
+type SegmentedSize = 'sm' | 'base';
+/**
+ * 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).
+ *
+ * Khác `ol-tabs`: tabs chuyển PANEL nội dung, đây chọn GIÁ TRỊ (có CVA, dùng
+ * được trong form). Khác `ol-toggle`: công tắc chỉ có hai trạng thái bật/tắt.
+ *
+ * Trợ năng theo mẫu radio group của WAI-ARIA: `role="radiogroup"`, mỗi mục
+ * `role="radio"`, chỉ mục đang chọn nằm trong thứ tự Tab (roving tabindex),
+ * mũi tên trái/phải/lên/xuống chuyển VÀ chọn luôn, Home/End về đầu/cuối.
+ *
+ * Figma chưa có thiết kế (tra `lip4g3...` 2026-09-28: không có component nào
+ * tên segmented) — dựng theo token của hệ thống.
+ */
+declare class OlSegmented implements ControlValueAccessor {
+    readonly options: _angular_core.InputSignal<SegmentedOption<string | number>[]>;
+    readonly value: _angular_core.ModelSignal<string | number | null>;
+    readonly size: _angular_core.InputSignal<SegmentedSize>;
+    /** Giãn hết bề ngang khung, các mục chia đều. */
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    /** `model()` để `setDisabledState()` của Reactive Forms đặt được. */
+    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>;
+    private readonly host;
+    private onChange;
+    private onTouched;
+    protected readonly hostClasses: _angular_core.Signal<"block w-full" | "inline-block max-w-full">;
+    protected readonly trackClasses: _angular_core.Signal<string>;
+    /** Mục đang Tab vào được: mục đang chọn, không có thì mục bật đầu tiên. */
+    protected readonly focusIndex: _angular_core.Signal<number>;
+    protected itemClasses(option: SegmentedOption): string;
+    select(option: SegmentedOption): void;
+    protected onKeydown(event: KeyboardEvent, index: number): void;
+    /** Mục bật kế tiếp theo chiều `step`, vòng quanh. -1 khi không có. */
+    private nextEnabled;
+    writeValue(v: string | number | null): void;
+    registerOnChange(fn: (v: string | number | null) => void): void;
+    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>;
+}
+
+/**
+ * Loại tệp — nhận biết để chọn icon, màu và chữ mô tả.
+ *
+ * Mười loại phủ gần hết tệp giáo viên/học sinh tải lên: bài làm (ảnh, PDF,
+ * Word), bảng điểm (Excel), bài giảng (PowerPoint, video), nghe (audio), nộp
+ * gộp (nén), bài tin học (mã nguồn), ghi chú (văn bản thô).
+ */
+type FileKind = 'image' | 'pdf' | 'word' | 'excel' | 'powerpoint' | 'video' | 'audio' | 'archive' | 'code' | 'text' | 'other';
+interface FileKindMeta {
+    label: string;
+    /** Họ lucide `file-*` — một họ nét cho mọi loại, nhìn đồng bộ. */
+    icon: string;
+    /**
+     * Màu ô icon, lấy từ bảng màu `ol-icon-shape` — không tự tô. KHÔNG dùng
+     * `dark`: nó là ô ĐẶC đen giữa các ô nền nhạt, nặng hơn hẳn (đo 2026-09-28).
+     */
+    color: IconShapeColor;
+}
+declare const FILE_KIND_META: Record<FileKind, FileKindMeta>;
+/** Phần mở rộng, chữ thường, không dấu chấm. Không có → chuỗi rỗng. */
+declare function fileExtension(name: string): string;
+/**
+ * Nhận biết loại tệp — ưu tiên PHẦN MỞ RỘNG, lùi về MIME.
+ *
+ * Không tin MIME trước: trình duyệt đoán MIME theo đuôi và hệ điều hành, nên
+ * cùng một tệp `.docx` có máy báo `application/vnd.openxml…`, có máy báo rỗng
+ * (Windows thiếu Office), và `.csv` có máy báo `application/vnd.ms-excel`.
+ */
+declare function detectFileKind(name: string, mime?: string): FileKind;
+/**
+ * Byte → chữ ngắn theo cách người Việt đọc: `850 B`, `12,4 KB`, `3,2 MB`.
+ * Dấu phẩy thập phân; số nguyên thì bỏ phần lẻ (`2 MB`, không `2,0 MB`).
+ */
+declare function formatFileSize(bytes: number): string;
+/**
+ * Tệp có khớp chuỗi `accept` của thẻ `<input type="file">` không.
+ *
+ * Hiểu đủ ba dạng của chuẩn HTML: đuôi (`.pdf`), MIME đầy đủ
+ * (`application/pdf`), MIME đại diện (`image/*`). `*` hoặc rỗng → nhận hết.
+ *
+ * Cần tự kiểm vì `accept` chỉ LỌC hộp thoại chọn tệp — kéo thả thì trình duyệt
+ * không lọc gì, và người dùng đổi bộ lọc hộp thoại sang "Tất cả tệp" là chọn
+ * được tệp bất kỳ.
+ */
+declare function matchesAccept(file: {
+    name: string;
+    type: string;
+}, accept: string): boolean;
+type FileRejectReason = 'type' | 'size' | 'count';
+interface FileRejection {
+    file: File;
+    reason: FileRejectReason;
+    /** Câu báo lỗi tiếng Việt, hiện được ngay. */
+    message: string;
+}
+interface FileValidationRules {
+    accept?: string;
+    /** Byte. 0 hoặc không truyền → không giới hạn. */
+    maxSize?: number;
+    /** Tổng số tệp tối đa, TÍNH CẢ tệp đã có. 0 → không giới hạn. */
+    maxFiles?: number;
+    /** Số tệp đang có sẵn trước lượt chọn này. */
+    existingCount?: number;
+}
+interface FileValidationResult {
+    accepted: File[];
+    rejected: FileRejection[];
+}
+/**
+ * Chia tệp thành nhận / loại, kèm lý do từng tệp bị loại.
+ *
+ * Thứ tự kiểm: định dạng → dung lượng → số lượng. Tệp sai định dạng không
+ * chiếm chỗ trong hạn mức số lượng — chọn 3 tệp, 1 tệp `.exe`, giới hạn 2 thì
+ * nhận 2 tệp hợp lệ chứ không loại oan tệp thứ ba vì tệp `.exe` đứng trước.
+ */
+declare function validateFiles(files: File[], rules?: FileValidationRules): FileValidationResult;
+/** Trạng thái tải của một tệp — nơi gọi cập nhật theo tiến trình HTTP thật. */
+type UploadStatus = 'idle' | 'uploading' | 'success' | 'error';
+/**
+ * Một tệp trong danh sách tải lên.
+ *
+ * `file` có thể vắng: tệp đã có sẵn trên máy chủ (mở lại bài đã nộp) chỉ có
+ * tên, dung lượng và `url`, không có đối tượng `File`.
+ */
+interface OlUploadFile {
+    id: string;
+    name: string;
+    size: number;
+    file?: File;
+    /** Ảnh xem trước hoặc liên kết tải về. */
+    url?: string;
+    status?: UploadStatus;
+    /** 0–100, chỉ dùng khi `status = 'uploading'`. */
+    progress?: number;
+    /** Câu báo lỗi khi `status = 'error'`. */
+    error?: string;
+}
+/** File → OlUploadFile, gán id duy nhất để `@for track` không lẫn hai tệp trùng tên. */
+declare function toUploadFile(file: File): OlUploadFile;
+/**
+ * Tệp trong một lần dán (Ctrl+V / ⌘V).
+ *
+ * Đọc cả `clipboardData.files` lẫn `items` loại `file`: Chrome đặt ảnh chụp
+ * màn hình ở cả hai, Safari có lúc chỉ ở `items`. Gộp theo đối tượng để không
+ * nhận một ảnh hai lần.
+ *
+ * Ảnh chụp màn hình dán vào LUÔN tên `image.png` — dán ba lần là ba tệp trùng
+ * tên, không phân biệt được trong danh sách. Đổi thành "Ảnh dán 14-32-05.png".
+ */
+declare function filesFromClipboard(data: DataTransfer | null, now?: Date): File[];
+/** Phím tắt dán theo hệ điều hành — để gợi ý đúng chữ người dùng thấy trên bàn phím. */
+declare function pasteShortcutLabel(platform?: string): string;
+/** Đang gõ trong ô nhập chữ — dán ở đó là dán CHỮ, không được cướp. */
+declare function isEditableTarget(target: EventTarget | null): boolean;
+
 /**
  * Thang cỡ theo Figma: `sm | base | lg`. `'md'` là BÍ DANH của `'base'`,
  * giữ cho mã cũ chạy tiếp và sẽ bỏ ở bản sau — dùng `'base'` cho mã mới.
@@ -3061,15 +3460,325 @@ declare class OlFileInput {
     readonly accept: _angular_core.InputSignal<string>;
     readonly multiple: _angular_core.InputSignal<boolean>;
     readonly id: _angular_core.InputSignal<string>;
+    /** Byte. 0 → không giới hạn. Có giá trị thì vùng kéo thả ghi "Dung lượng tối đa". */
+    readonly maxSize: _angular_core.InputSignal<number>;
+    /** Nhãn nút trong vùng kéo thả (Figma Advanced). Rỗng → không vẽ nút. */
+    readonly ctaLabel: _angular_core.InputSignal<string>;
+    /** Figma State: Danger / Success. Tệp bị loại tự chuyển sang `error`. */
+    readonly state: _angular_core.InputSignal<"error" | "success" | "default">;
+    /** Tệp đã nhận (sau khi kiểm). */
     readonly selectedFiles: _angular_core.WritableSignal<File[]>;
-    readonly isDragging: _angular_core.WritableSignal<boolean>;
+    protected readonly items: _angular_core.WritableSignal<OlUploadFile[]>;
+    protected readonly errors: _angular_core.WritableSignal<string[]>;
     readonly filesChanged: _angular_core.OutputEmitterRef<File[]>;
+    /** Tệp bị loại kèm lý do — component đã tự hiện câu lỗi. */
+    readonly rejected: _angular_core.OutputEmitterRef<FileRejection[]>;
+    private readonly dropInput;
+    private readonly host;
+    protected readonly zoneState: _angular_core.Signal<"error" | "success" | "default">;
+    /**
+     * Dòng phụ trong vùng: "Dung lượng tối đa" nếu có `maxSize`, không thì
+     * `description` — giữ nguyên chữ của mã cũ đang truyền `description`.
+     */
+    protected readonly zoneHint: _angular_core.Signal<string>;
     onFileSelected(event: Event): void;
-    onDragOver(event: DragEvent): void;
-    onDragLeave(event: DragEvent): void;
-    onDrop(event: DragEvent): void;
+    protected openPicker(): void;
+    /** Nhận tệp từ hộp chọn hoặc kéo thả: kiểm định dạng + dung lượng rồi phát. */
+    protected receive(incoming: File[]): void;
+    /** Dán tệp (Ctrl+V / ⌘V) khi tiêu điểm ở ô hoặc vùng kéo thả. */
+    protected onPaste(event: ClipboardEvent): void;
+    /**
+     * Ô thường (không dropzone) hiện tên tệp bằng CHÍNH `<input type="file">` —
+     * nhận tệp dán mà không gán vào nó thì ô vẫn ghi "Chưa chọn tệp" dù đã nhận.
+     * `DataTransfer` là cách duy nhất gán `files` cho ô tệp.
+     */
+    private syncNativeInput;
+    protected removeItem(item: OlUploadFile): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlFileInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlFileInput, "ol-file-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dropzone": { "alias": "dropzone"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "filesChanged": "filesChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlFileInput, "ol-file-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dropzone": { "alias": "dropzone"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "filesChanged": "filesChanged"; "rejected": "rejected"; }, never, never, true, never>;
+}
+
+/**
+ * Ba dạng của một tệp:
+ *
+ * - `row`  — dòng trong danh sách: icon loại tệp, tên, dung lượng, thanh tiến
+ *   trình khi đang tải, nút thử lại khi lỗi. Figma không vẽ dạng này; dựng theo
+ *   token để danh sách tải nhiều tệp có chỗ báo tiến trình từng tệp.
+ * - `chip` — Figma "Button header + Dropbox (uploaded no limit)": viên bo góc,
+ *   nút xem 👁 + tên + ✕.
+ * - `card` — Figma "Button header + Dropbox (uploaded max 1 file)": khung viền,
+ *   icon + tên ở giữa, ✕ ở góc.
+ */
+type FileItemVariant = 'row' | 'chip' | 'card';
+declare class OlFileItem {
+    readonly file: _angular_core.InputSignal<OlUploadFile>;
+    readonly variant: _angular_core.InputSignal<FileItemVariant>;
+    readonly removable: _angular_core.InputSignal<boolean>;
+    /** Hiện nút xem 👁 — nơi gọi tự mở tệp khi nhận `(preview)`. */
+    readonly previewable: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly remove: _angular_core.OutputEmitterRef<OlUploadFile>;
+    readonly preview: _angular_core.OutputEmitterRef<OlUploadFile>;
+    readonly retry: _angular_core.OutputEmitterRef<OlUploadFile>;
+    protected readonly kind: _angular_core.Signal<_edmicro_olkit.FileKind>;
+    protected readonly meta: _angular_core.Signal<_edmicro_olkit.FileKindMeta>;
+    protected readonly sizeText: _angular_core.Signal<string>;
+    protected readonly status: _angular_core.Signal<_edmicro_olkit.UploadStatus>;
+    protected readonly progress: _angular_core.Signal<number>;
+    /** Dòng phụ dưới tên: dung lượng + trạng thái, đọc được cả khi không nhìn màu. */
+    protected readonly metaText: _angular_core.Signal<string>;
+    protected readonly metaClass: _angular_core.Signal<"text-xs text-fg-danger" | "text-xs text-body-subtle">;
+    protected readonly rowClass: _angular_core.Signal<string>;
+    /** Nút hành động nhỏ — cùng hình với nút đóng của drawer/modal. */
+    protected readonly actionClass = "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-body-subtle transition-colors hover:bg-neutral-tertiary hover:text-heading focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-brand-subtle disabled:pointer-events-none disabled:opacity-50";
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlFileItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlFileItem, "ol-file-item", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "previewable": { "alias": "previewable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "remove": "remove"; "preview": "preview"; "retry": "retry"; }, never, never, true, never>;
+}
+
+/**
+ * Vùng kéo–thả, theo Figma `ol-file-input-form` Type=Advanced (1149:48977):
+ * icon tải lên · "Nhấn để tải lên hoặc kéo thả" · "Dung lượng tối đa: …" ·
+ * (tuỳ chọn) nút "Chọn tệp".
+ *
+ * ## Cả vùng là MỘT `<button>`
+ *
+ * Bản cũ trong `ol-file-input` đặt `<input type="file" class="hidden">` —
+ * `display: none` nên Tab không tới được, bàn phím không mở được hộp chọn tệp.
+ * Ở đây vùng là nút thật: Tab tới, Enter/Space mở hộp chọn (qua `(pick)`, nơi
+ * gọi gọi `input.click()`), và trình đọc màn hình đọc nhãn của nút.
+ *
+ * Nút "Chọn tệp" bên trong chỉ là HÌNH (`<span>`), không lồng `<button>` trong
+ * `<button>` — HTML cấm, và hai nút lồng nhau làm một lần bấm bắn hai sự kiện.
+ */
+declare class OlFileDropzone {
+    readonly title: _angular_core.InputSignal<string>;
+    /** Dòng phụ, ví dụ "Dung lượng tối đa: 30MB". Rỗng → không vẽ. */
+    readonly hint: _angular_core.InputSignal<string>;
+    /** Nhãn nút "Chọn tệp" trong vùng (Figma Advanced). Rỗng → không vẽ nút. */
+    readonly ctaLabel: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Trạng thái viền: lỗi / thành công (Figma State=Danger / Success). */
+    readonly state: _angular_core.InputSignal<"error" | "success" | "default">;
+    /** Chiều cao tối thiểu — vùng trong khung có tiêu đề thấp hơn vùng đứng riêng. */
+    readonly compact: _angular_core.InputSignal<boolean>;
+    readonly describedBy: _angular_core.InputSignal<string>;
+    /** Dòng "hoặc dán ⌘V / Ctrl+V". Tắt khi nơi gọi không nhận tệp dán. */
+    readonly pasteHint: _angular_core.InputSignal<boolean>;
+    protected readonly shortcut: string;
+    /** Bấm vào vùng (chuột hoặc bàn phím) — nơi gọi mở hộp chọn tệp. */
+    readonly pick: _angular_core.OutputEmitterRef<void>;
+    /** Tệp thả hoặc DÁN vào vùng. CHƯA kiểm định dạng — việc của nơi gọi. */
+    readonly filesDropped: _angular_core.OutputEmitterRef<File[]>;
+    protected readonly dragging: _angular_core.WritableSignal<boolean>;
+    protected readonly zoneClass: _angular_core.Signal<string>;
+    protected onDragOver(event: DragEvent): void;
+    protected onDragLeave(event: DragEvent): void;
+    /**
+     * Dán khi tiêu điểm đang ở vùng. Có tệp thì nhận và `stopPropagation` — khung
+     * cha (`ol-file-upload`) cũng nghe `paste`, không chặn là nhận hai lần. Không
+     * có tệp (dán chữ) thì để yên cho trình duyệt.
+     */
+    protected onPaste(event: ClipboardEvent): void;
+    protected onDrop(event: DragEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlFileDropzone, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlFileDropzone, "ol-file-dropzone", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "describedBy": { "alias": "describedBy"; "required": false; "isSignal": true; }; "pasteHint": { "alias": "pasteHint"; "required": false; "isSignal": true; }; }, { "pick": "pick"; "filesDropped": "filesDropped"; }, never, never, true, never>;
+}
+
+/**
+ * Toán phóng/kéo ảnh — hàm thuần, không đụng DOM, để test chính xác từng px.
+ *
+ * Ảnh vẽ bằng `transform: translate(x, y) scale(s)`, gốc biến đổi ở TÂM ảnh.
+ * Một điểm `p` của ảnh (tính từ tâm, đơn vị px lúc chưa phóng) hiện ra ở
+ * `q = t + s·p` so với tâm khung. Phóng quanh điểm `q` (chỗ bấm / con trỏ /
+ * giữa hai ngón) nghĩa là giữ `q` đứng yên: `p = (q − t) / s`, `t' = q − s'·p`.
+ */
+interface ZoomState {
+    scale: number;
+    x: number;
+    y: number;
+}
+
+/** Một ảnh trong trình xem. */
+interface OlPreviewImage {
+    src: string;
+    /** Chữ thay thế — cũng hiện làm chú thích dưới ảnh. */
+    alt?: string;
+}
+/**
+ * Xem ảnh phóng to trên lớp phủ toàn màn (lightbox) — một ảnh hoặc lướt qua
+ * nhiều ảnh.
+ *
+ * - Nhiều ảnh: nút ‹ › hai bên, số thứ tự "2 / 5", phím ← → chuyển ảnh, vòng quanh.
+ * - Phóng to/thu nhỏ (1×–4×): bấm ảnh để phóng 2× đúng chỗ bấm, bấm lại để về;
+ *   nút − / + trên thanh, phím + − 0; cuộn chuột / chụm trackpad quanh con
+ *   trỏ; chụm hai ngón trên điện thoại. Đang phóng thì kéo để xem chỗ khác.
+ * - Escape, nút ✕ hoặc bấm ra nền tối để đóng. Tiêu điểm bị giữ trong lớp phủ
+ *   và trả về chỗ cũ khi đóng; nền trang khoá cuộn (`OlFocusTrapService`).
+ * - Escape đi qua ngăn xếp `OlOverlayContainer`: mở trình xem trong modal rồi
+ *   nhấn Escape chỉ đóng trình xem, modal còn nguyên.
+ *
+ * Dùng riêng được (`[(open)]` + `[images]` + `[(index)]`); `ol-file-upload`
+ * chế độ `image`/`images` dùng nó để xem ảnh vừa chọn.
+ */
+declare class OlImagePreview {
+    readonly images: _angular_core.InputSignal<OlPreviewImage[]>;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    /** Ảnh đang xem, tính từ 0. */
+    readonly index: _angular_core.ModelSignal<number>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    private readonly panel;
+    private readonly thumbStrip;
+    private readonly imageEl;
+    protected readonly zoom: _angular_core.WritableSignal<ZoomState>;
+    protected readonly dragging: _angular_core.WritableSignal<boolean>;
+    protected readonly zoomPercent: _angular_core.Signal<number>;
+    protected readonly canZoomIn: _angular_core.Signal<boolean>;
+    protected readonly canZoomOut: _angular_core.Signal<boolean>;
+    protected readonly imageStyle: _angular_core.Signal<string>;
+    protected readonly imageClasses: _angular_core.Signal<string>;
+    /** Ngón tay / chuột đang ấn trên ảnh, theo pointerId. */
+    private readonly pointers;
+    private pinchStart;
+    private moved;
+    /** Vừa kéo xong: cú `click` theo sau không được tính là bấm (phóng / đóng). */
+    private suppressClick;
+    private readonly focusTrap;
+    private readonly overlayContainer;
+    private releaseEscape;
+    protected readonly count: _angular_core.Signal<number>;
+    /** Kẹp chỉ số: danh sách ảnh có thể ngắn lại (vừa xoá ảnh) trong lúc đang mở. */
+    protected readonly current: _angular_core.Signal<number>;
+    protected readonly image: _angular_core.Signal<OlPreviewImage>;
+    constructor();
+    /** Ô ảnh nhỏ: ảnh đang xem rõ + viền trắng; ảnh khác mờ, rê chuột thì rõ. */
+    protected thumbClasses(i: number): string;
+    close(): void;
+    next(): void;
+    prev(): void;
+    private go;
+    protected onKeydown(event: KeyboardEvent): void;
+    /** Bấm đúng nền tối (không phải ảnh hay nút) thì đóng. */
+    protected onBackdropClick(event: MouseEvent): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    /** Bàn phím trên ảnh (Enter / Space): phóng 2× quanh tâm, hoặc về cỡ gốc. */
+    toggleZoom(): void;
+    resetZoom(): void;
+    /** Kích thước ảnh khi CHƯA phóng (offsetWidth không tính transform). */
+    private imageSize;
+    /**
+     * Điểm màn hình → toạ độ tính từ TÂM ảnh lúc chưa phóng. Hộp đã biến đổi có
+     * tâm = tâm gốc + (x, y) — phóng quanh tâm không dời tâm.
+     */
+    private toCenter;
+    private zoomAround;
+    /** Bấm ảnh: đang ở cỡ gốc thì phóng 2× đúng chỗ bấm, đang phóng thì về. */
+    protected onImageClick(event: MouseEvent): void;
+    /** Cuộn chuột / chụm trackpad (trình duyệt gửi wheel + ctrlKey): phóng quanh con trỏ. */
+    protected onWheel(event: WheelEvent): void;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(event: PointerEvent): void;
+    private pinchDistance;
+    private releaseTraps;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlImagePreview, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlImagePreview, "ol-image-preview", never, { "images": { "alias": "images"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "index": "indexChange"; "closed": "closed"; }, never, never, true, never>;
+}
+
+/**
+ * - `single`   — một tệp; đã có thì thẻ tệp + nút "Thay đổi"
+ * - `multiple` — nhiều tệp dạng chip (👁 + tên + ✕), cuộn khi dài
+ * - `image`    — một ảnh bìa phủ kín khung; bấm ảnh để xem phóng to
+ * - `images`   — nhiều ảnh dạng lưới ô vuông; bấm ô để xem, lướt ‹ › qua các ảnh
+ * - `list`     — nhiều tệp dạng DÒNG có thanh tiến trình — Figma không có,
+ *   dùng khi tải tệp lớn cần báo tiến trình từng tệp
+ */
+type FileUploadMode = 'single' | 'multiple' | 'image' | 'images' | 'list';
+/**
+ * Khung tải tệp có tiêu đề — Figma `ol-file-input-form` "Button header + …"
+ * (3587:6834 · 3592:6990 · 3603:2606 · 3611:3494).
+ *
+ * ## Component KHÔNG tự tải lên máy chủ
+ *
+ * Nó nhận tệp, kiểm định dạng/dung lượng/số lượng, thêm vào `files` với
+ * `status: 'idle'` rồi phát `(filesAdded)`. Nơi gọi gửi HTTP và cập nhật
+ * `status`/`progress` của từng tệp qua `[(files)]`. Để component tự gọi HTTP
+ * thì nó phải biết URL, header xác thực, dạng phản hồi — ba thứ khác nhau ở
+ * mỗi màn.
+ */
+declare class OlFileUpload {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly mode: _angular_core.InputSignal<FileUploadMode>;
+    /** Chuỗi `accept` của `<input type="file">` — cũng dùng để KIỂM tệp kéo thả. */
+    readonly accept: _angular_core.InputSignal<string>;
+    /** Byte. 0 → không giới hạn. */
+    readonly maxSize: _angular_core.InputSignal<number>;
+    /** Chỉ cho `multiple`/`list`. 0 → không giới hạn. */
+    readonly maxFiles: _angular_core.InputSignal<number>;
+    /** Nhãn nút ở đầu khung. Rỗng → tự chọn theo chế độ và trạng thái. */
+    readonly buttonLabel: _angular_core.InputSignal<string>;
+    /** Hiện nút 👁 trên từng tệp. */
+    readonly previewable: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Nhận tệp dán (Ctrl+V / ⌘V) ở BẤT KỲ ĐÂU trên trang, không chỉ khi tiêu
+     * điểm ở trong khung. Chỉ bật khi màn có MỘT khung tải — hai khung cùng bật
+     * thì một lần dán vào cả hai. Đang gõ trong ô nhập chữ thì bỏ qua.
+     */
+    readonly pasteFromPage: _angular_core.InputSignal<boolean>;
+    /** Dòng gợi ý dưới khung, ví dụ định dạng cho phép. */
+    readonly helperText: _angular_core.InputSignal<string>;
+    readonly files: _angular_core.ModelSignal<OlUploadFile[]>;
+    /** Tệp VỪA nhận, đã qua kiểm — nơi gọi bắt đầu tải lên từ đây. */
+    readonly filesAdded: _angular_core.OutputEmitterRef<File[]>;
+    readonly fileRemove: _angular_core.OutputEmitterRef<OlUploadFile>;
+    readonly filePreview: _angular_core.OutputEmitterRef<OlUploadFile>;
+    readonly fileRetry: _angular_core.OutputEmitterRef<OlUploadFile>;
+    /** Tệp bị loại kèm lý do — component đã tự hiện câu lỗi dưới khung. */
+    readonly rejected: _angular_core.OutputEmitterRef<FileRejection[]>;
+    private readonly fileInput;
+    private readonly host;
+    protected readonly uid: string;
+    protected readonly errors: _angular_core.WritableSignal<string[]>;
+    protected readonly isMultiple: _angular_core.Signal<boolean>;
+    protected readonly isImageMode: _angular_core.Signal<boolean>;
+    protected readonly hasFiles: _angular_core.Signal<boolean>;
+    protected readonly limitReached: _angular_core.Signal<boolean>;
+    protected readonly resolvedButtonLabel: _angular_core.Signal<string>;
+    protected readonly hintText: _angular_core.Signal<string>;
+    protected readonly describedBy: _angular_core.Signal<string>;
+    /**
+     * Ảnh xem trước cho chế độ `image`/`images`, theo id tệp: `url` có sẵn (ảnh
+     * đã trên máy chủ) hoặc object URL tạo từ `File`.
+     *
+     * Object URL phải THU HỒI khi tệp bị xoá / component huỷ, không thì mỗi ảnh
+     * rò một khối bộ nhớ bằng cả ảnh. Giữ theo id để thêm một ảnh không tạo lại
+     * URL của các ảnh cũ (ảnh cũ sẽ nháy vì `src` đổi).
+     */
+    protected readonly imageUrls: _angular_core.WritableSignal<Record<string, string>>;
+    private readonly objectUrls;
+    /** Ảnh cho trình xem — chỉ tệp đã có URL. */
+    protected readonly previewImages: _angular_core.Signal<OlPreviewImage[]>;
+    protected readonly previewOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly previewIndex: _angular_core.WritableSignal<number>;
+    constructor();
+    /** Tạo URL cho ảnh mới, thu hồi URL của ảnh đã bị xoá. */
+    private syncImageUrls;
+    /** Mở trình xem tại ảnh của tệp này, và phát `(filePreview)`. */
+    openPreview(file: OlUploadFile): void;
+    openPicker(): void;
+    protected onInputChange(event: Event): void;
+    /** Nhận tệp từ hộp chọn hoặc kéo thả: kiểm, thêm vào `files`, phát sự kiện. */
+    addFiles(incoming: File[]): void;
+    /** Dán tệp khi tiêu điểm trong khung (nút, chip, dòng tệp). */
+    protected onPaste(event: ClipboardEvent): void;
+    /** Thả thêm tệp vào vùng chip đã có tệp. */
+    protected onListDrop(event: DragEvent): void;
+    protected removeFile(file: OlUploadFile): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlFileUpload, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlFileUpload, "ol-file-upload", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "previewable": { "alias": "previewable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "pasteFromPage": { "alias": "pasteFromPage"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; }, { "files": "filesChange"; "filesAdded": "filesAdded"; "fileRemove": "fileRemove"; "filePreview": "filePreview"; "fileRetry": "fileRetry"; "rejected": "rejected"; }, never, ["[actions]"], true, never>;
 }
 
 declare class OlRange implements ControlValueAccessor {
@@ -4095,8 +4804,34 @@ declare class OlNavbar {
     readonly onToggleMobileMenu: _angular_core.OutputEmitterRef<boolean>;
     searchQuery: string;
     private readonly elementRef;
+    private readonly mobilePanel;
+    private readonly navWrap;
+    private readonly destroyRef;
+    /** Nơi gọi có khai `slot="mobile-links"` (hoặc `slot="mobile"`) riêng. */
+    readonly hasMobileLinks: _angular_core.WritableSignal<boolean>;
+    /** Panel ☰ có gì để hiện — không thì đừng vẽ một dải trống có padding. */
+    readonly hasPanelContent: _angular_core.WritableSignal<boolean>;
+    constructor();
+    /** Chiều cao khối mục xếp dọc (0 khi không xếp dọc) → `--ol-nav-stack-h`. */
+    private observeStackHeight;
+    private isStacked;
+    /**
+     * Đo lại mỗi lần mở ☰, không chỉ lúc đầu: nội dung chiếu vào có thể nằm
+     * trong @if của nơi gọi và xuất hiện muộn.
+     */
+    private detectMobileSlots;
+    /**
+     * Khối mục menu. Khung ≥ 78rem: nằm ngang cạnh logo.
+     *
+     * Khung hẹp mà ☰ đang mở và KHÔNG có menu di động riêng: xuống dòng
+     * (`col-span-full row-start-2`) và xếp dọc — chính các mục desktop thành menu
+     * di động. Bản trước chỉ ẩn chúng, nên 5/7 thanh trên /navbar và /blocks bấm
+     * ☰ ra bảng trống (đo iPhone 13 giả lập, 2026-09-28).
+     */
+    readonly navWrapClasses: _angular_core.Signal<string>;
+    readonly mobilePanelClasses: _angular_core.Signal<"hidden" | "@[78rem]:hidden absolute inset-x-0 top-[calc(100%+var(--ol-nav-stack-h,0px))] z-dropdown max-h-[calc(100dvh-5rem)] overflow-y-auto border-t border-default bg-neutral-primary px-4 pt-4 pb-6 space-y-4 animate-in fade-in slide-in-from-top-2 duration-150 shadow-xl">;
     readonly navbarClasses: _angular_core.Signal<string>;
-    readonly containerClasses: _angular_core.Signal<"w-full px-4 sm:px-6" | "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">;
+    readonly containerClasses: _angular_core.Signal<"w-full px-4 @[40rem]:px-6" | "max-w-7xl mx-auto px-4 @[40rem]:px-6 @5xl:px-8">;
     toggleMobileMenu(): void;
     handleSearchSubmit(): void;
     handleSearchInput(event: Event): void;
@@ -4125,7 +4860,40 @@ declare class OlNavDropdown {
     readonly label: _angular_core.InputSignal<string>;
     readonly icon: _angular_core.InputSignal<string | null>;
     readonly alignRight: _angular_core.InputSignal<boolean>;
+    /**
+     * Đang ở một trang CON của menu này (ví dụ "Lớp học" khi đang xem 10A1).
+     * Cùng hình với `ol-navbar-item` active — nền brand nhạt, chữ brand đậm —
+     * để thanh điều hướng luôn chỉ ra người dùng đang ở phân hệ nào.
+     */
+    readonly active: _angular_core.InputSignal<boolean>;
+    protected readonly triggerClasses: _angular_core.Signal<string>;
+    /**
+     * Số cột của panel. `1` (mặc định) là menu thường; từ `2` là mega-menu.
+     *
+     * Mega-menu dùng cho menu có nhiều nhóm mục — thay vì một cột dài phải cuộn,
+     * chia thành cột đứng cạnh nhau và người dùng quét mắt một lượt là thấy hết.
+     *
+     * Dưới `md` LUÔN về một cột bất kể giá trị: hai cột trên màn 390px là mỗi
+     * cột 150px, chữ vỡ dòng giữa từ. Ngưỡng theo breakpoint chứ không theo bề
+     * ngang panel vì panel treo tự do, không có container để đo.
+     */
+    readonly columns: _angular_core.InputSignal<1 | 2 | 3 | 4>;
+    /**
+     * Panel rộng bằng cả navbar thay vì bám mép nút.
+     *
+     * Mega-menu nhiều cột mà vẫn bám mép nút thì nửa panel tràn ra ngoài màn
+     * hình khi nút nằm bên phải. Trải hết chiều ngang thì luôn nằm trong khung.
+     */
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
     readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /**
+     * Class của panel.
+     *
+     * Gom vào MỘT chuỗi thay vì nhiều `[class.x]` rời: hai class cùng thuộc tính
+     * thì trình duyệt chọn theo thứ tự luật trong file CSS chứ không theo thứ tự
+     * viết, kết quả đổi theo bản build.
+     */
+    protected readonly panelClasses: _angular_core.Signal<string>;
     private readonly elementRef;
     private readonly overlayContainer;
     constructor();
@@ -4133,9 +4901,120 @@ declare class OlNavDropdown {
     close(): void;
     handleClickOutside(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlNavDropdown, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlNavDropdown, "ol-nav-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "alignRight": { "alias": "alignRight"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=trigger], [trigger]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlNavDropdown, "ol-nav-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "alignRight": { "alias": "alignRight"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=trigger], [trigger]", "*"], true, never>;
+}
+
+/** Một mục trong menu thả xuống. */
+interface OlMenubarItem {
+    id: string;
+    label: string;
+    /** Chữ phụ bên phải: phím tắt, ví dụ "⌘S". */
+    shortcut?: string;
+    disabled?: boolean;
+    /** Kẻ ngăn NGAY TRƯỚC mục này. */
+    separatorBefore?: boolean;
+}
+/** Một menu trên thanh: nhãn trên thanh + danh sách mục. */
+interface OlMenubarMenu {
+    id: string;
+    label: string;
+    items: OlMenubarItem[];
+    disabled?: boolean;
+}
+/**
+ * Thanh menu kiểu ứng dụng để bàn — Tệp · Sửa · Xem.
+ *
+ * Chưa có node Figma — dựng theo design system, dùng lại cách trình bày của
+ * `ol-dropdown-item`.
+ *
+ * ## Khác `ol-dropdown` ở ba điểm, và đó là lý do có component riêng
+ *
+ * 1. **Mở một menu rồi RÊ sang menu kế là mở luôn**, không phải bấm lại. Đây
+ *    là hành vi người dùng đã quen từ phần mềm để bàn; thiếu nó thì thanh menu
+ *    chỉ là mấy cái dropdown đặt cạnh nhau.
+ * 2. **Mũi tên trái/phải đi giữa các menu**, lên/xuống đi trong menu đang mở.
+ *    WAI-ARIA quy định `role="menubar"` phải làm vậy.
+ * 3. **Một menu mở thì menu khác đóng** — không bao giờ có hai panel cùng lúc.
+ *
+ * ## Vì sao KHÔNG treo panel ra `<body>`
+ *
+ * Thanh menu thường nằm ngay dưới tiêu đề cửa sổ, không bị `overflow: hidden`
+ * cắt như dropdown trong bảng. Giữ panel trong cây DOM thì Tab đi vào được tự
+ * nhiên, không phải xử lý riêng như `ol-dropdown` đã phải làm.
+ *
+ * ## Lưu ý khi viết test
+ *
+ * Rê chuột giữa các menu cần bố cục thật để tính vị trí. jsdom không có, nên
+ * spec khoá phần bàn phím và trạng thái mở/đóng; hành vi rê nghiệm thu trên
+ * trình duyệt.
+ */
+declare class OlMenubar {
+    private readonly elementRef;
+    private readonly destroyRef;
+    private readonly overlayContainer;
+    readonly menus: _angular_core.InputSignal<OlMenubarMenu[]>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** `id` của menu đang mở. Rỗng nghĩa là không menu nào mở. */
+    private readonly openId;
+    readonly openMenuId: _angular_core.Signal<string>;
+    readonly itemSelect: _angular_core.OutputEmitterRef<{
+        menu: OlMenubarMenu;
+        item: OlMenubarItem;
+    }>;
+    private releaseEscape;
+    constructor();
+    protected toggle(menu: OlMenubarMenu): void;
+    /**
+     * Rê sang menu khác khi ĐANG có menu mở thì mở luôn menu đó.
+     *
+     * Không mở khi chưa menu nào mở — nếu không, lướt chuột ngang thanh là bung
+     * ra một panel người dùng không định mở.
+     */
+    protected onMenuHover(menu: OlMenubarMenu): void;
+    private open;
+    private closeAll;
+    protected onItemClick(menu: OlMenubarMenu, item: OlMenubarItem): void;
+    /**
+     * Mũi tên trái/phải đi giữa các menu — WAI-ARIA quy định cho `role="menubar"`.
+     *
+     * Vòng lại đầu khi tới cuối: thanh menu là một dải kín, không phải danh sách
+     * có điểm dừng. Người dùng nhấn phải liên tục thì quay về menu đầu.
+     *
+     * Dùng `(keydown)` trần rồi tự lọc phím vì thẻ đã có `(click)` — hai listener
+     * khác kiểu sự kiện trên cùng thẻ thì Angular suy `$event` theo cái đầu.
+     */
+    protected onTriggerKeydown(event: KeyboardEvent, index: number): void;
+    /**
+     * Menu kế tiếp **còn dùng được** theo hướng `step`, vòng lại khi tới biên.
+     *
+     * Phải bỏ qua menu `disabled`: nút gốc có thuộc tính `disabled` nên
+     * `.focus()` trên nó KHÔNG có tác dụng nào — tiêu điểm đứng nguyên chỗ cũ và
+     * người dùng tưởng bàn phím hỏng. Spec bắt đúng lỗi này khi menu cuối bị vô
+     * hiệu: nhấn End là tiêu điểm rơi về `<body>`.
+     *
+     * Trả `null` khi KHÔNG có menu nào dùng được — lúc đó không `preventDefault`,
+     * để phím về lại hành vi mặc định của trình duyệt.
+     *
+     * Nhận `from` ngoài dải (-1 hoặc `length`) để Home/End dùng chung một phép:
+     * Home là "từ trước mục đầu, đi sang phải", End là "từ sau mục cuối, đi sang
+     * trái".
+     */
+    private nextEnabled;
+    protected triggerClasses(menu: OlMenubarMenu): string;
+    protected itemClasses(item: OlMenubarItem): string;
+    protected readonly hasMenus: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlMenubar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlMenubar, "ol-menubar", never, { "menus": { "alias": "menus"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, never, never, true, never>;
 }
 
+/**
+ * Bố cục thanh phân trang (Figma `ol-pagination` #1149:81850).
+ *
+ * `with-dropdown` là BÍ DANH: ≡ `text-buttons` + `[withDropdown]="true"`. Ô
+ * chọn cỡ trang nay là cờ riêng gắn được vào MỌI type; giữ giá trị này vì gói
+ * đã publish. (Chú thích đặt ở đây, không chen giữa các giá trị: guard
+ * `check:gia-tri-ma-mau` đọc union sẽ đứt ở khối chú thích.)
+ */
 type PaginationType = 'default' | 'arrows' | 'dropdown-buttons' | 'text-buttons' | 'two-buttons' | 'buttons-helper' | 'with-dropdown' | 'with-input' | 'simple-input'
 /**
  * `grouped` và `separated` trước chỉ có ở `PaginationVariant`. Thêm vào đây
@@ -4180,6 +5059,17 @@ declare class OlPagination {
     readonly showText: _angular_core.InputSignal<boolean>;
     readonly text: _angular_core.InputSignal<string>;
     readonly showInfo: _angular_core.InputSignal<boolean>;
+    /**
+     * Thêm ô chọn số dòng mỗi trang ("10 mỗi trang") vào BẤT KỲ type nào — cạnh
+     * dãy số, cạnh hai nút, cạnh ô nhập trang… Trước đây nó chỉ có ở một type
+     * riêng (`with-dropdown`), muốn nó cạnh `arrows` hay `two-buttons` là không
+     * được. Danh sách lấy từ `pageSizeOptions`, đổi thì phát `(pageChange)` về 1.
+     */
+    readonly withDropdown: _angular_core.InputSignal<boolean>;
+    /**
+     * @deprecated Dùng `withDropdown`. Bí danh: bật là thêm ô chọn cỡ trang. Khi
+     * không đặt `type`, nó vẫn chọn bố cục `with-dropdown` như trước.
+     */
     readonly showSizeChanger: _angular_core.InputSignal<boolean>;
     readonly showQuickJumper: _angular_core.InputSignal<boolean>;
     readonly pageChange: _angular_core.OutputEmitterRef<number>;
@@ -4193,6 +5083,10 @@ declare class OlPagination {
      * xảy ra. `type` đặt tường minh vẫn thắng; cờ chỉ điền vào chỗ trống.
      */
     readonly effectiveType: _angular_core.Signal<PaginationType>;
+    /** Bố cục vẽ ra: `with-dropdown` là bí danh nên quy về `text-buttons`. */
+    readonly layoutType: _angular_core.Signal<PaginationType>;
+    /** Có vẽ ô chọn cỡ trang không — cờ riêng, độc lập với type. */
+    readonly hasPageSizeDropdown: _angular_core.Signal<boolean>;
     /**
      * Trang đang xem — gộp `pageIndex` và bí danh `currentPage`.
      *
@@ -4264,7 +5158,7 @@ declare class OlPagination {
     onPageSizeSelect(event: Event): void;
     handleJump(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlPagination, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlPagination, "ol-pagination", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPagesInput": { "alias": "totalPages"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showText": { "alias": "showText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "showInfo": { "alias": "showInfo"; "required": false; "isSignal": true; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; "isSignal": true; }; "showQuickJumper": { "alias": "showQuickJumper"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "pageIndex": "pageIndexChange"; "currentPage": "currentPageChange"; "pageChange": "pageChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlPagination, "ol-pagination", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPagesInput": { "alias": "totalPages"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showText": { "alias": "showText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "showInfo": { "alias": "showInfo"; "required": false; "isSignal": true; }; "withDropdown": { "alias": "withDropdown"; "required": false; "isSignal": true; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; "isSignal": true; }; "showQuickJumper": { "alias": "showQuickJumper"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "pageIndex": "pageIndexChange"; "currentPage": "currentPageChange"; "pageChange": "pageChange"; }, never, never, true, never>;
 }
 
 type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
@@ -4320,6 +5214,29 @@ declare class OlPopover {
     private cleanupAutoUpdate;
     /** Hàm trả panel về chỗ cũ khi đóng. */
     private detachPanel;
+    /**
+     * Selector cho phần tử nhận được tiêu điểm.
+     *
+     * `tabindex="-1"` bị loại: đó là dấu hiệu tác giả cố ý đưa phần tử ra khỏi
+     * đường Tab. `:disabled` cũng loại — trình duyệt không cho nó nhận tiêu điểm.
+     */
+    private static readonly FOCUSABLE;
+    /**
+     * Phần tử nhận tiêu điểm bên trong `root`, theo thứ tự nhìn thấy.
+     *
+     * Lọc phần ẩn bằng `[hidden]`/`[aria-hidden]` chứ KHÔNG `offsetParent`:
+     * `offsetParent` là `null` với mọi phần tử trong `position: fixed` — mà panel
+     * nổi hay dùng đúng kiểu định vị đó — nên danh sách sẽ rỗng và toàn bộ xử lý
+     * Tab lặng lẽ không chạy.
+     */
+    private focusablesIn;
+    /**
+     * Phần tử nhận tiêu điểm đứng ngay sau `element` trong thứ tự Tab của trang.
+     *
+     * Loại chính panel ra: nó treo cuối `<body>` nên nếu tính cả thì "phần tử sau
+     * nút trigger" lại rơi vào panel vừa đóng.
+     */
+    private nextFocusableAfter;
     constructor();
     toggle(): void;
     open(): void;
@@ -4607,6 +5524,99 @@ declare class OlRating {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlRating, "ol-rating", never, { "rating": { "alias": "rating"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "score": { "alias": "score"; "required": false; "isSignal": true; }; "badgeText": { "alias": "badgeText"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
+type OlResizableDirection = 'horizontal' | 'vertical';
+/**
+ * Hai khung chia nhau một vùng, kéo vạch giữa để đổi tỉ lệ.
+ *
+ * Chưa có node Figma — dựng theo design system: vạch kéo dùng `bg-default`,
+ * sáng lên `bg-brand` khi rê chuột hoặc đang kéo.
+ *
+ * ## Vì sao tỉ lệ phần trăm chứ không pixel
+ *
+ * Người dùng đổi cỡ cửa sổ thì hai khung phải giãn theo. Lưu pixel thì khung
+ * trái giữ nguyên còn khung phải nuốt toàn bộ phần thêm — tỉ lệ người dùng
+ * chọn biến mất.
+ *
+ * ## Bắt chuột trên `document`, không trên vạch
+ *
+ * Kéo nhanh thì con trỏ rời khỏi vạch trước khi trình duyệt kịp gửi sự kiện
+ * tiếp theo; nghe trên chính vạch thì kéo đứt đoạn. Nghe trên `document` lúc
+ * đang kéo và gỡ ngay khi thả.
+ *
+ * `setPointerCapture` giải quyết đúng việc này nhưng không có trong jsdom, nên
+ * spec sẽ không chạy được nhánh kéo — dùng `document` thì cả hai môi trường
+ * cùng một đường mã.
+ *
+ * ## Bàn phím
+ *
+ * Vạch là `role="separator"` có `tabindex`, mũi tên đổi 2% mỗi lần, Home/End
+ * về hai biên. Không có phần này thì người dùng bàn phím không đổi được tỉ lệ
+ * — và một khung chia đôi không kéo được thì chỉ là hai `<div>` cạnh nhau.
+ *
+ * ## Lưu ý khi viết test
+ *
+ * jsdom không tính bố cục: `getBoundingClientRect()` trả 0 cho mọi thứ, nên
+ * phép quy đổi toạ độ chuột sang phần trăm luôn ra `NaN` hoặc 0. Spec khoá
+ * phần bàn phím và ràng buộc min/max (tính thuần số); việc kéo chuột nghiệm
+ * thu trên trình duyệt.
+ */
+declare class OlResizable {
+    private readonly elementRef;
+    private readonly destroyRef;
+    readonly direction: _angular_core.InputSignal<OlResizableDirection>;
+    /** Tỉ lệ khung ĐẦU, tính bằng phần trăm. Hai chiều để nơi dùng lưu lại được. */
+    readonly ratio: _angular_core.ModelSignal<number>;
+    /** Chặn dưới và chặn trên, phần trăm. Khung nào cũng không nhỏ hơn `minRatio`. */
+    readonly minRatio: _angular_core.InputSignal<number>;
+    readonly maxRatio: _angular_core.InputSignal<number>;
+    /** Bước đổi mỗi lần nhấn mũi tên, phần trăm. */
+    readonly keyboardStep: _angular_core.InputSignal<number>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Bắn khi thả chuột hoặc nhấn phím — KHÔNG bắn liên tục lúc đang kéo.
+     *
+     * Tên là `resizeEnd` chứ không `ratioChange`: `model()` đã tự sinh
+     * `ratioChange` cho binding hai chiều, khai thêm output trùng tên là lỗi
+     * biên dịch NG1054. Hai thứ cũng khác nghĩa — `ratioChange` bắn mỗi lần giá
+     * trị đổi (kể cả từng nhịp kéo), còn `resizeEnd` chỉ bắn khi người dùng đã
+     * thả tay, đúng lúc nên lưu tỉ lệ xuống máy chủ.
+     */
+    readonly resizeEnd: _angular_core.OutputEmitterRef<number>;
+    private readonly dragging;
+    private releaseDrag;
+    constructor();
+    /** Ép tỉ lệ vào khoảng cho phép. Tách ra để spec khoá được mà không cần DOM. */
+    clamp(value: number): number;
+    protected onPointerDown(event: PointerEvent): void;
+    private stopDrag;
+    private applyFromPointer;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected readonly rootClasses: _angular_core.Signal<"flex h-full w-full" | "flex h-full w-full flex-col">;
+    /** Kích thước khung đầu — `flex-basis` phần trăm, khung sau lấp phần còn lại. */
+    protected readonly firstStyle: _angular_core.Signal<string>;
+    /**
+     * Vạch chia.
+     *
+     * ## Vùng bấm rộng hơn vạch nhìn thấy
+     *
+     * Vạch chỉ dày 6px thì đúng thẩm mỹ nhưng vùng bấm 6px vi phạm WCAG 2.5.8
+     * (ngưỡng 24px) — đo trên trình duyệt ra `6×188px`. Nên vạch nhận
+     * `w-6`/`h-6` để vùng bấm đủ 24px, còn phần MÀU nằm ở `::before` chỉ
+     * 6px ở giữa. Người dùng thấy vạch mảnh, tay và con trỏ thì có 24px để bắt.
+     *
+     * `::before` khai trong `handleBarClasses()` và đặt qua một `<span>` con chứ
+     * không dùng biến thể `before:` của Tailwind: `before:` cần nhiều class cho
+     * cùng một hình và khó đọc hơn một phần tử thật.
+     */
+    protected readonly handleClasses: _angular_core.Signal<string>;
+    /** Phần MÀU của vạch — mảnh 6px, nằm giữa vùng bấm 24px. */
+    protected readonly handleBarClasses: _angular_core.Signal<string>;
+    protected readonly ariaOrientation: _angular_core.Signal<"vertical" | "horizontal">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlResizable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlResizable, "ol-resizable", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "minRatio": { "alias": "minRatio"; "required": false; "isSignal": true; }; "maxRatio": { "alias": "maxRatio"; "required": false; "isSignal": true; }; "keyboardStep": { "alias": "keyboardStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "ratio": "ratioChange"; "resizeEnd": "resizeEnd"; }, never, ["[first]", "[second]"], true, never>;
+}
+
 /**
  * Kiểu dữ liệu cho `ol-app-nav` — menu điều hướng Ôn Luyện.
  *
@@ -5402,13 +6412,13 @@ declare class OlToastContainer {
  * cùng một union, tách thành hai kiểu riêng là để người dùng phải nhớ chúng
  * bằng nhau.
  */
-type OlTooltipTheme = 'dark' | 'light' | 'brand';
+type OlTooltipTheme = 'subtle' | 'dark' | 'light' | 'brand';
 /** Hướng hiện tooltip so với phần tử đích. */
 type OlTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
 declare class OlTooltip {
     /** Tooltip content text */
     readonly content: _angular_core.InputSignal<string>;
-    /** Theme variant */
+    /** Theme variant — mặc định `subtle` (nền Primary 50). */
     readonly theme: _angular_core.InputSignal<OlTooltipTheme>;
     /** Tooltip ID for ARIA */
     readonly tooltipId: _angular_core.InputSignal<string>;
@@ -5585,6 +6595,134 @@ declare class OlIconService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
+type OlIconStackSize = 'sm' | 'base' | 'lg';
+/**
+ * Chồng nhiều icon hoặc logo lên nhau, kèm số đếm "+N".
+ *
+ * Chưa có node Figma — dựng theo `ol-avatar-group`, component cùng cơ chế đã
+ * có trong thư viện. Khác ở chỗ: avatar là ảnh người nên luôn tròn, còn icon
+ * thường là biểu tượng dịch vụ hay môn học nên mặc định bo vừa (`rounded-lg`)
+ * và có nền để icon một màu vẫn tách khỏi icon bên dưới.
+ *
+ * ## Vòng viền là thứ làm nên hiệu ứng chồng
+ *
+ * Mỗi ô có `ring-2 ring-buffer` — vòng viền màu nền trang, không phải viền
+ * màu. Nhờ nó hai ô chồng nhau vẫn thấy rõ ranh giới. Bỏ vòng này thì các ô
+ * dính thành một khối nhoè.
+ *
+ * `ring-buffer` chứ không `ring-white`: ở chế độ tối nền không phải trắng, và
+ * viền trắng trên nền đen là đường kẻ sáng chói quanh mỗi icon.
+ *
+ * ## Thứ tự chồng
+ *
+ * Mặc định ô ĐẦU nằm trên — giống xếp bài. `reverse` lật lại cho ô cuối nằm
+ * trên, dùng khi ô cuối là thứ cần nhấn (icon "thêm", trạng thái mới nhất).
+ *
+ * Làm bằng `flex-row-reverse` cộng đảo thứ tự dữ liệu chứ không bằng
+ * `z-index`: `z-index` cần stacking context và sẽ hỏng khi nơi gọi đặt
+ * component vào một phần tử có `transform` hay `opacity`.
+ */
+declare class OlIconStack {
+    readonly size: _angular_core.InputSignal<OlIconStackSize>;
+    /** Số đếm "+N" ở cuối. `null` thì không vẽ. */
+    readonly counter: _angular_core.InputSignal<string | number | null>;
+    readonly counterAriaLabel: _angular_core.InputSignal<string>;
+    /** Lật thứ tự chồng: ô CUỐI nằm trên thay vì ô đầu. */
+    readonly reverse: _angular_core.InputSignal<boolean>;
+    /**
+     * Bo góc của từng ô. `full` cho logo tròn, `lg` cho biểu tượng vuông.
+     *
+     * Áp lên CON qua biến thể `*:` của Tailwind, nên nơi gọi chỉ việc đặt
+     * `<ol-icon>` hay `<img>` vào là xong.
+     */
+    readonly rounded: _angular_core.InputSignal<"lg" | "full">;
+    protected readonly rootClasses: _angular_core.Signal<string>;
+    /**
+     * Ô đếm "+N".
+     *
+     * `text-heading` chứ KHÔNG `text-body`: tổ hợp `bg-neutral-quaternary` +
+     * `text-body` đo được 6.10 ở chế độ sáng nhưng chỉ 3.96 ở chế độ tối — dưới
+     * ngưỡng WCAG 4.5. Đây là kết luận đã đo ở `ol-avatar-group` (BUG-016 mục 5),
+     * theo tiền lệ sẵn có chứ không đoán lại.
+     *
+     * Chú thích để Ở ĐÂY chứ không trong template: template là một chuỗi
+     * template literal, nên dấu backtick trong chú thích HTML đóng chuỗi sớm và
+     * TS báo lỗi ở dòng chẳng liên quan (đã mắc khi viết file này).
+     */
+    protected readonly counterClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlIconStack, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlIconStack, "ol-icon-stack", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "counterAriaLabel": { "alias": "counterAriaLabel"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type OlItemSize = 'sm' | 'base' | 'lg';
+type OlItemAlign = 'start' | 'center';
+/**
+ * Một dòng nội dung: phần dẫn đầu · tiêu đề + mô tả · phần hành động.
+ *
+ * Chưa có node Figma — dựng theo design system, lấy khoảng cách và cỡ chữ từ
+ * `ol-checkbox-radio-form` (component gần nhất đang có cấu trúc này).
+ *
+ * ## Vì sao KHÔNG mở rộng `ol-list-group-item`
+ *
+ * Cái đó là `<li>` và phải nằm trong `<ul>` của `ol-list-group` — HTML quy
+ * định vậy. Còn dòng nội dung thì hay đứng một mình trong thẻ, trong ngăn kéo,
+ * hay trong kết quả tìm kiếm. Nhồi cấu trúc vào `<li>` là buộc mọi nơi dùng
+ * phải bọc thêm `<ul>` không có ý nghĩa ngữ nghĩa nào.
+ *
+ * Hai component dùng chung cách xếp; `ol-item` lo phần bên trong, đặt ở đâu là
+ * việc của nơi gọi.
+ *
+ * ## Ba khe, KHÔNG phải ba input
+ *
+ * `[lead]` và `[actions]` là khe cắm chứ không phải input nhận tên icon: phần
+ * dẫn đầu có thể là icon, avatar, ảnh bìa hay số thứ tự; phần hành động có thể
+ * là nút, huy hiệu, hay một dòng chữ. Nhận tên icon thì mỗi lần cần thứ khác
+ * lại phải thêm một input.
+ *
+ * Riêng `icon` giữ lại làm lối tắt cho ca hay gặp nhất. Nó nằm TRONG cùng khe
+ * `[lead]`, sau nội dung chiếu — nơi gọi truyền cả hai thì có hai phần dẫn đầu
+ * cạnh nhau, nhưng đó là ca hiếm và không đáng thêm selector CSS để chặn.
+ */
+declare class OlItem {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    /** Lối tắt cho phần dẫn đầu dạng icon. Khe `[lead]` đè lên nó. */
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<OlItemSize>;
+    /**
+     * Căn phần dẫn đầu và hành động theo chiều dọc.
+     *
+     * `start` khi mô tả dài hai ba dòng — icon căn giữa một khối cao trông như
+     * trôi lơ lửng. `center` khi chỉ có tiêu đề.
+     */
+    readonly align: _angular_core.InputSignal<OlItemAlign>;
+    /** Bấm được: thêm hiệu ứng hover và con trỏ tay, phát `itemClick`. */
+    readonly interactive: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Biến cả dòng thành liên kết. Bỏ qua khi `disabled`. */
+    readonly href: _angular_core.InputSignal<string | null>;
+    readonly itemClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    /**
+     * Enter và Space kích hoạt dòng `interactive`, như một `<button>` thật.
+     *
+     * Dùng `(keydown)` trần rồi tự lọc phím, KHÔNG `(keydown.enter)`: hai
+     * listener khác kiểu sự kiện trên cùng một thẻ thì Angular suy `$event` theo
+     * cái đầu — `(click)` đứng trước nên `$event` thành `MouseEvent` và TS báo
+     * lỗi ở dòng `keydown`.
+     *
+     * `preventDefault` cho Space, nếu không trang cuộn xuống một màn cùng lúc.
+     */
+    protected onKeyActivate(event: KeyboardEvent): void;
+    protected onClick(event: MouseEvent): void;
+    protected readonly rootClasses: _angular_core.Signal<string>;
+    protected readonly titleClasses: _angular_core.Signal<string>;
+    protected readonly descriptionClasses: _angular_core.Signal<string>;
+    /** Cỡ icon lối tắt, theo cỡ dòng. */
+    protected readonly iconSize: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlItem, "ol-item", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["[lead]", "*", "[actions]"], true, never>;
+}
+
 type OlBottomNavPosition = 'fixed' | 'relative';
 declare class OlBottomNav {
     readonly bordered: _angular_core.InputSignal<boolean>;
@@ -6423,6 +7561,24 @@ declare class OlFocusTrapService {
      * @param autoFocus Tự động focus vào element đầu tiên (default: true)
      */
     trap(element: HTMLElement, autoFocus?: boolean): void;
+    /**
+     * Chọn phần tử nhận focus khi overlay mở.
+     *
+     * Bản trước lấy phần tử focus được ĐẦU TIÊN theo thứ tự DOM. Header đứng
+     * trước nội dung nên mở modal/drawer nào tiêu điểm cũng rơi vào nút ✕ —
+     * người dùng phải Tab qua nút đóng mới tới ô nhập đầu tiên, và lỡ Enter là
+     * đóng mất hộp thoại vừa mở (báo 2026-09-28).
+     *
+     * Thứ tự ưu tiên:
+     * 1. phần tử nơi gọi đánh dấu `autofocus` / `data-autofocus` — trình duyệt
+     *    chỉ tôn trọng `autofocus` lúc tải trang, không phải lúc chèn hộp thoại,
+     *    nên service tự làm
+     * 2. phần tử đầu tiên KHÔNG phải nút đóng (`[data-ol-dismiss]`) — thường là ô
+     *    nhập đầu tiên trong nội dung; nội dung không có gì bấm được thì tới nút
+     *    đầu tiên ở footer
+     * 3. không còn gì khác mới về nút đóng, như cũ
+     */
+    private initialFocusTarget;
     /**
      * Release focus trap và restore focus về element trước đó
      */
@@ -6458,6 +7614,15 @@ declare class OlFocusTrapService {
      * Update danh sách focusable elements trong trap element
      */
     private updateFocusableElements;
+    /**
+     * Phần tử có đang hiện không.
+     *
+     * KHÔNG dùng `offsetParent !== null`: nó trả `null` cho chính phần tử
+     * `position: fixed` (nút nổi trong drawer/modal) dù phần tử hiện rõ, và luôn
+     * `null` trong jsdom — nên mọi phần tử bị lọc mất, service không focus được
+     * gì và spec không viết được.
+     */
+    private isVisible;
     /**
      * Handle keyboard navigation trong trap
      */
@@ -6744,6 +7909,6 @@ declare class OlOverlayContainer {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
-export { CHAT_BUBBLE_STATUS, FIELD_ASTERISK, FIELD_DISABLED, FIELD_HEIGHT, FIELD_HELPER, FIELD_HELPER_GAP, FIELD_LABEL, FIELD_LABEL_GAP, FIELD_MIN_HEIGHT, FIELD_PADDING_X, FIELD_RADIUS, FIELD_STATE, FIELD_TEXT, MONTHS_FULL_EN, MONTHS_FULL_VI, MONTHS_SHORT_VI, 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, OlEmpty, OlFileInput, OlFloatingLabel, OlFocusTrapService, OlFooter, OlGallery, OlGalleryItem, OlHelper, OlIcon, OlIconService, OlIconShape, OlInput, OlInputCounter, OlJumbotron, OlKbd, OlLabel, OlListGroup, OlListGroupItem, OlLoadingOverlay, OlModal, OlModalFooter, OlModalHeader, OlMonthView, OlNavDropdown, OlNavbar, OlNavbarItem, OlOtpInput, OlOverlayContainer, OlPagination, OlPopover, OlPopoverContent, OlPositioningService, OlProgress, OlProgressBarService, OlProgressBarTop, OlRadio, OlRange, OlRating, OlRichTextEditor, OlScrollArea, 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, WEEKDAYS_SHORT_EN, WEEKDAYS_SHORT_VI, boDau, cloneDate, endOfDay, fieldSizeClasses, formatDate, generateMonthMatrix, generateMonthsMatrix, generateYearsMatrix, isBetween, isDateDisabled, isSameDay, isSameMonth, isSameYear, isToday, parseDate, startOfDay, stripDiacritics };
-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, DropdownTrigger, EmptySize, FieldSize, FieldState, FileInputSize, FloatingLabelSize, FloatingLabelState, FloatingLabelVariant, HeatmapData, HelperFeature, HelperRule, HelperSize, HelperState, IconColor, IconShapeColor, IconShapeSize, IconShapeType, IconSize, IconVariant, InputCounterSize, InputSize, InputState, JumbotronVariant, ListGroupType, ModalFooterLayout, ModalPlacement, ModalSize, MonthCell, OlAvatarStatusPosition, OlBottomNavPosition, OlButtonType, OlCheckboxRadioFormAlign, OlCheckboxRadioGroupRole, OlDateRangePickerVariant, OlGalleryGap, OlGalleryRatio, OlHelperType, OlModalBackdrop, OlModalRole, OlSkeletonAnimation, OlSkeletonAspectRatio, OlSkeletonRounded, OlSkeletonType, OlSpeedDialTooltipPosition, OlTimepickerAddonType, OlToggleInputAlign, OlTreeNode, OlTreeNodeSelectionMode, OlTreeNodeToggleIcon, OlTreeSelectionMode, OlTreeToggleIcon, OtpInputSize, OverlayLayer, PaginationType, PaginationVariant, PopoverPlacement, PopoverTrigger, PositionedCoordinates, PositioningOptions, ProgressColor, ProgressLabelPosition, ProgressSize, RadarIndicator, RadioSize, RatingType, ScatterDataPoint, ScatterSeries, ScrollAreaAxis, ScrollAreaScrollbar, 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, YearCell };
+export { CHAT_BUBBLE_STATUS, FIELD_ASTERISK, FIELD_DISABLED, FIELD_HEIGHT, FIELD_HELPER, FIELD_HELPER_GAP, FIELD_LABEL, FIELD_LABEL_GAP, FIELD_MIN_HEIGHT, FIELD_PADDING_X, FIELD_RADIUS, FIELD_STATE, FIELD_TEXT, FILE_KIND_META, MONTHS_FULL_EN, MONTHS_FULL_VI, MONTHS_SHORT_VI, 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, OlEmpty, OlFileDropzone, OlFileInput, OlFileItem, OlFileUpload, OlFloatingLabel, 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, WEEKDAYS_SHORT_EN, WEEKDAYS_SHORT_VI, boDau, cloneDate, detectFileKind, endOfDay, fieldSizeClasses, fileExtension, filesFromClipboard, formatDate, formatFileSize, generateMonthMatrix, generateMonthsMatrix, generateYearsMatrix, isBetween, isDateDisabled, isEditableTarget, isSameDay, isSameMonth, isSameYear, isToday, matchesAccept, parseDate, pasteShortcutLabel, 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, DropdownTrigger, EmptySize, FieldSize, FieldState, FileInputSize, FileItemVariant, FileKind, FileKindMeta, FileRejectReason, FileRejection, FileUploadMode, FileValidationResult, FileValidationRules, FloatingLabelSize, FloatingLabelState, FloatingLabelVariant, HeatmapData, HelperFeature, HelperRule, HelperSize, HelperState, IconColor, IconShapeColor, IconShapeSize, IconShapeType, IconSize, IconVariant, InputCounterSize, InputSize, InputState, JumbotronVariant, ListGroupType, ModalFooterLayout, ModalPlacement, ModalSize, MonthCell, 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, 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 };
 //# sourceMappingURL=edmicro-olkit.d.ts.map