@edmicro/olkit 1.2.0 → 1.3.0

package/styles/patterns/vertical-lines.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1512" height="775.077" fill="none"><g stroke="#F9FAFB" clip-path="url(#a)"><path d="M.5 0v775M11.073 0v775M21.648 0v775M32.221 0v775M42.794 0v775M53.369 0v775M63.941 0v775M74.514 0v775M85.089 0v775M95.66 0v775M106.233 0v775M116.808 0v775M127.381 0v775M137.954 0v775M148.529 0v775M159.102 0v775M169.674 0v775M180.249 0v775M190.822 0v775M201.395 0v775M211.97 0v775M222.543 0v775M233.116 0v775M243.691 0v775m10.57-775v775M264.834 0v775M275.409 0v775M285.982 0v775M296.555 0v775M307.13 0v775M317.703 0v775M328.276 0v775M338.851 0v775M349.424 0v775M359.996 0v775M370.571 0v775M381.144 0v775M391.717 0v775M402.292 0v775M412.865 0v775M423.436 0v775M434.009 0v775M444.584 0v775M455.157 0v775M465.729 0v775M476.304 0v775M486.877 0v775M497.45 0v775M508.025 0v775M518.598 0v775M529.171 0v775M539.746 0v775M550.318 0v775M560.891 0v775M571.466 0v775M582.039 0v775M592.61 0v775M603.185 0v775M613.758 0v775M624.331 0v775M634.906 0v775M645.478 0v775M656.051 0v775M666.626 0v775M677.199 0v775M687.772 0v775M698.347 0v775M708.92 0v775M719.492 0v775M730.067 0v775M740.64 0v775M751.213 0v775M761.786 0v775M772.359 0v775M782.932 0v775M793.507 0v775M804.08 0v775M814.653 0v775M825.227 0v775M835.8 0v775M846.373 0v775M856.948 0v775M867.521 0v775M878.094 0v775M888.669 0v775M899.242 0v775M909.815 0v775M920.39 0v775M930.96 0v775M941.533 0v775M952.108 0v775M962.681 0v775M973.254 0v775M983.829 0v775M994.402 0v775M1004.97 0v775m10.58-775v775m10.57-775v775M1036.7 0v775m10.57-775v775m10.57-775v775m10.58-775v775m10.57-775v775m10.57-775v775m10.57-775v775m10.58-775v775m10.57-775v775m10.58-775v775m10.57-775v775M1153 0v775m10.58-775v775m10.57-775v775m10.57-775v775M1195.3 0v775m10.57-775v775m10.57-775v775m10.58-775v775m10.57-775v775m10.58-775v775m10.57-775v775m10.57-775v775m10.57-775v775m10.58-775v775m10.57-775v775M1311.6 0v775m10.58-775v775m10.57-775v775m10.58-775v775M1353.9 0v775m10.57-775v775m10.58-775v775m10.57-775v775m10.57-775v775m10.58-775v775m10.57-775v775m10.57-775v775m10.58-775v775m10.57-775v775m10.57-775v775m10.58-775v775m10.57-775v775m10.57-775v775m10.58-775v775"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h1512v775.077H0z"/></clipPath></defs></svg>

package/styles/patterns.css

@@ -0,0 +1,163 @@
+/*
+ * Hoạ tiết nền Ôn Luyện — 20 kiểu của Figma component "Pattern"
+ * (canvas "▒ Hoạ tiết" #1240:55097), dùng qua `<ol-pattern type="…">`.
+ *
+ * ## Vì sao file riêng, KHÔNG gộp vào olkit.css
+ *
+ * 20 file SVG nặng 1,1 MB (đã nén SVGO; bản xuất Figma 2,8 MB). Nhúng vào
+ * JS hay vào olkit.css thì app nào import kit cũng mang theo. Ở đây mỗi kiểu
+ * là một file SVG RIÊNG, CSS `mask-image: url(...)` trỏ tới — Angular CLI chép
+ * file theo, trình duyệt chỉ TẢI kiểu đang hiện trên trang.
+ *
+ *   angular.json → "styles": [..., "node_modules/@edmicro/olkit/styles/patterns.css"]
+ *
+ * ## Vì sao mask, không background-image
+ *
+ * Mask lấy KÊNH ALPHA của SVG làm khuôn, màu là `background-color:
+ * currentColor` — một hoạ tiết dùng được mọi màu (trắng trên navy, brand trên
+ * nền sáng) qua class `text-*`, không cần 20 × N bản màu. Độ mờ từng nét trong
+ * Figma (stroke-opacity) vẫn giữ vì nằm trong kênh alpha.
+ *
+ * Bản xuất Figma kèm nền xám #F0F0F0, khung nền tối #101828 và viền #E5E7EB
+ * của frame — đã lọc, chỉ giữ nhóm `Type=…`.
+ */
+.ol-pattern {
+  background-color: currentColor;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: cover;
+  mask-size: cover;
+}
+.ol-pattern--fit-contain {
+  -webkit-mask-size: contain;
+  mask-size: contain;
+}
+/* Lặp ô gốc theo kích thước thật của hình Figma (~1512×776). */
+.ol-pattern--fit-repeat {
+  -webkit-mask-repeat: repeat;
+  mask-repeat: repeat;
+  -webkit-mask-size: auto;
+  mask-size: auto;
+}
+
+/* Figma: Type=Lines */
+.ol-pattern--lines {
+  -webkit-mask-image: url('./patterns/lines.svg');
+  mask-image: url('./patterns/lines.svg');
+}
+
+/* Figma: Type=Rounded Lines */
+.ol-pattern--rounded-lines {
+  -webkit-mask-image: url('./patterns/rounded-lines.svg');
+  mask-image: url('./patterns/rounded-lines.svg');
+}
+
+/* Figma: Type=Creative */
+.ol-pattern--creative {
+  -webkit-mask-image: url('./patterns/creative.svg');
+  mask-image: url('./patterns/creative.svg');
+}
+
+/* Figma: Type=Diamond right */
+.ol-pattern--diamond-right {
+  -webkit-mask-image: url('./patterns/diamond-right.svg');
+  mask-image: url('./patterns/diamond-right.svg');
+}
+
+/* Figma: Type=Diamond left */
+.ol-pattern--diamond-left {
+  -webkit-mask-image: url('./patterns/diamond-left.svg');
+  mask-image: url('./patterns/diamond-left.svg');
+}
+
+/* Figma: Type=Vertical lines */
+.ol-pattern--vertical-lines {
+  -webkit-mask-image: url('./patterns/vertical-lines.svg');
+  mask-image: url('./patterns/vertical-lines.svg');
+}
+
+/* Figma: Type=oblique lines */
+.ol-pattern--oblique-lines {
+  -webkit-mask-image: url('./patterns/oblique-lines.svg');
+  mask-image: url('./patterns/oblique-lines.svg');
+}
+
+/* Figma: Type=Dots */
+.ol-pattern--dots {
+  -webkit-mask-image: url('./patterns/dots.svg');
+  mask-image: url('./patterns/dots.svg');
+}
+
+/* Figma: Type=Lines modern */
+.ol-pattern--lines-modern {
+  -webkit-mask-image: url('./patterns/lines-modern.svg');
+  mask-image: url('./patterns/lines-modern.svg');
+}
+
+/* Figma: Type=Squares */
+.ol-pattern--squares {
+  -webkit-mask-image: url('./patterns/squares.svg');
+  mask-image: url('./patterns/squares.svg');
+}
+
+/* Figma: Type=Modern */
+.ol-pattern--modern {
+  -webkit-mask-image: url('./patterns/modern.svg');
+  mask-image: url('./patterns/modern.svg');
+}
+
+/* Figma: Type=comb */
+.ol-pattern--comb {
+  -webkit-mask-image: url('./patterns/comb.svg');
+  mask-image: url('./patterns/comb.svg');
+}
+
+/* Figma: Type=tech */
+.ol-pattern--tech {
+  -webkit-mask-image: url('./patterns/tech.svg');
+  mask-image: url('./patterns/tech.svg');
+}
+
+/* Figma: Type=tech-square */
+.ol-pattern--tech-square {
+  -webkit-mask-image: url('./patterns/tech-square.svg');
+  mask-image: url('./patterns/tech-square.svg');
+}
+
+/* Figma: Type=tech-squares */
+.ol-pattern--tech-squares {
+  -webkit-mask-image: url('./patterns/tech-squares.svg');
+  mask-image: url('./patterns/tech-squares.svg');
+}
+
+/* Figma: Type=technology */
+.ol-pattern--technology {
+  -webkit-mask-image: url('./patterns/technology.svg');
+  mask-image: url('./patterns/technology.svg');
+}
+
+/* Figma: Type=comb-linear */
+.ol-pattern--comb-linear {
+  -webkit-mask-image: url('./patterns/comb-linear.svg');
+  mask-image: url('./patterns/comb-linear.svg');
+}
+
+/* Figma: Type=big-comb */
+.ol-pattern--big-comb {
+  -webkit-mask-image: url('./patterns/big-comb.svg');
+  mask-image: url('./patterns/big-comb.svg');
+}
+
+/* Figma: Type=lines-oblique */
+.ol-pattern--lines-oblique {
+  -webkit-mask-image: url('./patterns/lines-oblique.svg');
+  mask-image: url('./patterns/lines-oblique.svg');
+}
+
+/* Figma: Type=technology-top */
+.ol-pattern--technology-top {
+  -webkit-mask-image: url('./patterns/technology-top.svg');
+  mask-image: url('./patterns/technology-top.svg');
+}

package/types/edmicro-olkit.d.ts

@@ -6266,6 +6266,23 @@ type AppNavItemVariant = 'rail' | 'sheet' | 'bar';
 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[];
 }
 
 /**
@@ -6335,6 +6352,14 @@ interface AppNavUserMenuContext {
      * `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 {
@@ -6506,6 +6531,7 @@ declare class OlAppNav {
     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.
@@ -6513,6 +6539,15 @@ declare class OlAppNav {
     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>;
@@ -6541,9 +6576,10 @@ declare class OlAppNav {
     /** 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: `mobilePrimaryCount` mục gốc ĐẦU TIÊN của phần
-     * trên mà 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. Mục cha vào khay.
+     * 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[]>;
     /**
@@ -6614,6 +6650,14 @@ declare class OlAppNav {
     /** 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>;
@@ -6666,7 +6710,187 @@ declare class OlAppNav {
     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; }; "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; }; "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>;
+    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 {
@@ -7338,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?;
@@ -7348,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
      */
@@ -8818,6 +9050,6 @@ declare class OlOverlayContainer {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
-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_NAV_TEMPLATES, OL_ICONS, OL_LOGO_FULL_COLOR, OL_LOGO_FULL_WHITE, OL_LOGO_MARK_COLOR, OL_LOGO_MARK_WHITE, OlAccordion, OlAccordionItem, OlAlert, OlAlertDialog, 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, 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, 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, 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 };
+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