@sdcorejs/angular 21.0.10 → 21.0.11

package/types/sdcorejs-angular-components-badge.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { EventEmitter } from '@angular/core';
+import { SdIconSet } from '@sdcorejs/angular/modules/icon';
 import { Color, Size } from '@sdcorejs/utils/models';
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
 
 type SdBadgeType = 'tag' | 'round' | 'icon';
 declare class SdBadge {
@@ -14,7 +14,7 @@ declare class SdBadge {
     info: _angular_core.InputSignalWithTransform<boolean, unknown>;
     warning: _angular_core.InputSignalWithTransform<boolean, unknown>;
     error: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    fontSet: _angular_core.InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    fontSet: _angular_core.InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
     title: _angular_core.InputSignal<string | number | null | undefined>;
     description: _angular_core.InputSignal<string | null | undefined>;
     tooltip: _angular_core.InputSignal<string | null | undefined>;
@@ -43,11 +43,8 @@ declare class SdBadge {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
     }>;
+    iconCssSize: _angular_core.Signal<"18px" | "24px" | "16px">;
     containerSizeClasses: _angular_core.Signal<{
         'c-badge--sm': boolean;
         'c-badge--md': boolean;
@@ -63,10 +60,6 @@ declare class SdBadge {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
     }>;
     containerCombinedClasses: _angular_core.Signal<{
         'c-badge--sm': boolean;
@@ -89,10 +82,6 @@ declare class SdBadge {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdBadge, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdBadge, "sd-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "primary": { "alias": "primary"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "warning": { "alias": "warning"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;

package/types/sdcorejs-angular-components-button.d.ts

@@ -1,19 +1,20 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, OnDestroy } from '@angular/core';
 import { Color } from '@sdcorejs/utils/models';
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
+import { SdIconSet } from '@sdcorejs/angular/modules/icon';
 
 type SdButtonType = 'fill' | 'light' | 'outline' | 'link';
 type SdButtonSize = 'sm' | 'md' | 'lg';
 type SdButtonHtmlType = 'button' | 'submit' | 'reset';
+type SdButtonColor = Color | 'black';
 declare class SdButton implements OnInit, OnDestroy {
     #private;
     private el;
     autoIdInput: _angular_core.InputSignal<string | null | undefined>;
     type: _angular_core.InputSignalWithTransform<SdButtonType, SdButtonType | null | undefined>;
-    color: _angular_core.InputSignalWithTransform<Color, Color | null | undefined>;
+    color: _angular_core.InputSignalWithTransform<SdButtonColor, SdButtonColor | null | undefined>;
     size: _angular_core.InputSignalWithTransform<SdButtonSize, SdButtonSize | null | undefined>;
-    fontSet: _angular_core.InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    fontSet: _angular_core.InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
     title: _angular_core.InputSignal<string | null | undefined>;
     width: _angular_core.InputSignal<string | null | undefined>;
     tooltip: _angular_core.InputSignal<string | null | undefined>;
@@ -29,6 +30,7 @@ declare class SdButton implements OnInit, OnDestroy {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
+        'c-black': boolean;
         'c-disabled': boolean;
         'c-block': boolean;
     }>;
@@ -42,4 +44,4 @@ declare class SdButton implements OnInit, OnDestroy {
 }
 
 export { SdButton };
-export type { SdButtonHtmlType, SdButtonSize, SdButtonType };
+export type { SdButtonColor, SdButtonHtmlType, SdButtonSize, SdButtonType };

package/types/sdcorejs-angular-components-inform.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
 import { Color } from '@sdcorejs/utils/models';
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
+import { SdIconSet } from '@sdcorejs/angular/modules/icon';
 
 /**
  * Marker cho vùng action custom chiếu vào <sd-inform>.
@@ -25,7 +25,7 @@ declare class SdInform {
     description: _angular_core.InputSignal<string | undefined>;
     icon: _angular_core.InputSignal<string | undefined>;
     hideIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    fontSet: _angular_core.InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    fontSet: _angular_core.InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
     closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     actionLabel: _angular_core.InputSignal<string | undefined>;
     lineClamp: _angular_core.InputSignal<number | undefined>;
@@ -47,12 +47,6 @@ declare class SdInform {
         'c-error': boolean;
     }>;
     effectiveIcon: _angular_core.Signal<string | null>;
-    fontSetClasses: _angular_core.Signal<{
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
-    }>;
     hasActionSlot: _angular_core.Signal<boolean>;
     clampLines: _angular_core.Signal<number | null>;
     showToggle: _angular_core.Signal<boolean>;

package/types/sdcorejs-angular-components-query-builder.d.ts

@@ -150,7 +150,7 @@ interface QbDateModeOption {
     icon: string;
 }
 /** Stable option list for the date-mode select (module ref — never reallocated). */
-declare const QB_DATE_MODES: readonly QbDateModeOption[];
+declare const QB_DATE_MODES: QbDateModeOption[];
 /** One value-source option for field-to-field comparison UI. */
 interface QbValueSourceOption {
     value: QbValueSource;
@@ -159,9 +159,9 @@ interface QbValueSourceOption {
     icon: string;
 }
 /** Stable option list for choosing between a literal value and another field. */
-declare const QB_VALUE_SOURCE_OPTIONS: readonly QbValueSourceOption[];
+declare const QB_VALUE_SOURCE_OPTIONS: QbValueSourceOption[];
 /** Stable combined direction×unit option list (token `'unit:direction'`). */
-declare const QB_RELATIVE_UNIT_OPTIONS: readonly {
+declare const QB_RELATIVE_UNIT_OPTIONS: {
     value: string;
     display: string;
 }[];
@@ -204,11 +204,11 @@ declare class SdQueryBuilder {
     readonly resolvedAutoId: _angular_core.Signal<string | undefined>;
     readonly fieldByKey: _angular_core.Signal<Record<string, SdQueryBuilderField>>;
     /** Stable option list for the date-mode select. */
-    readonly dateModes: readonly _sdcorejs_angular_components_query_builder.QbDateModeOption[];
+    readonly dateModes: _sdcorejs_angular_components_query_builder.QbDateModeOption[];
     /** Stable option list for the literal-vs-field operand select. */
-    readonly valueSourceOptions: readonly _sdcorejs_angular_components_query_builder.QbValueSourceOption[];
+    readonly valueSourceOptions: _sdcorejs_angular_components_query_builder.QbValueSourceOption[];
     /** Stable combined unit×direction option list for the relative select. */
-    readonly relativeUnitOptions: readonly {
+    readonly relativeUnitOptions: {
         value: string;
         display: string;
     }[];

package/types/sdcorejs-angular-components-table.d.ts

@@ -3,12 +3,13 @@ import { TemplateRef, Signal, EventEmitter, ChangeDetectorRef, InjectionToken, A
 import { SdBadge } from '@sdcorejs/angular/components/badge';
 import { SdSearch } from '@sdcorejs/angular/forms';
 import { Operator, NestedKeyOf, Order, PagingReq, Color } from '@sdcorejs/utils/models';
-import { SdUnwrapSignal, MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
+import { SdUnwrapSignal } from '@sdcorejs/angular/utilities/models';
 import { MatPaginatorIntl, MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { MatTable } from '@angular/material/table';
 import { SdExcelColumn, SdLoadingService, SdExcelService, SdNotifyService, SdConfirmService } from '@sdcorejs/angular/services';
 import { Observable } from 'rxjs';
+import { SdIconSet } from '@sdcorejs/angular/modules/icon';
 import { SdButton } from '@sdcorejs/angular/components/button';
 import { CdkDrag, CdkDropList, CdkDragDrop } from '@angular/cdk/drag-drop';
 import { SdQuickAction } from '@sdcorejs/angular/components/quick-action';
@@ -451,7 +452,7 @@ type SdTableCommand<T = any> = SdTableCommandNormal<T> | SdTableCommandChildren<
 interface SdTableCommandNormal<T = any> {
     color?: Color;
     icon?: string | ((rowData: T) => string);
-    fontSet?: MaterialIconFontSet;
+    fontSet?: SdIconSet;
     title?: string | ((rowData: T) => string);
     disabled?: boolean | ((rowData: T) => boolean);
     hidden?: boolean | ((rowData: T) => boolean | Promise<boolean>);
@@ -460,7 +461,7 @@ interface SdTableCommandNormal<T = any> {
 }
 interface SdTableCommandChildren<T = any> {
     icon?: string | ((rowData: T) => string);
-    fontSet?: MaterialIconFontSet;
+    fontSet?: SdIconSet;
     title?: string | ((rowData: T) => string);
     disabled?: boolean | ((rowData: T) => boolean);
     hidden?: boolean | ((rowData: T) => boolean | Promise<boolean>);
@@ -635,13 +636,13 @@ type SdTableAction<T = any> = SdTableActionNormal<T> | SdTableActionChildren<T>;
 interface SdTableActionNormal<T = any> {
     /**
      * Tên icon hiển thị trên action button.
-     * Giá trị này được render qua `mat-icon`, vì vậy nên dùng đúng tên glyph của Material Icons.
+     * Giá trị này được render qua `sd-icon`, vì vậy nên dùng đúng tên glyph của configured icon set.
      * Tra cứu icon tại: https://fonts.google.com/icons
      */
     icon?: string;
     /**
-     * Font set của Material icon.
-     * Kiểu thực tế lấy từ `SdButton['fontSet']` và chỉ hỗ trợ các giá trị thuộc `MaterialIconFontSet`,
+     * Font set của icon.
+     * Kiểu thực tế lấy từ `SdButton['fontSet']` và chỉ hỗ trợ các giá trị thuộc `SdIconSet`,
      * ví dụ: `material-icons`, `material-icons-outlined`, `material-icons-round`,
      * `material-icons-sharp`.
      * Nếu không truyền, `SdButton` sẽ dùng font set mặc định của nó.
@@ -672,11 +673,11 @@ interface SdTableActionNormal<T = any> {
 interface SdTableActionChildren<T = any> {
     /**
      * Tên icon của action cha (group action).
-     * Giá trị nên là tên glyph Material Icons: https://fonts.google.com/icons
+     * Giá trị nên là tên glyph configured icon set: https://fonts.google.com/icons
      */
     icon?: string;
     /**
-     * Font set của Material icon cho action cha.
+     * Font set của icon cho action cha.
      * Dùng cùng kiểu dữ liệu với `SdButton['fontSet']`.
      */
     fontSet?: SdUnwrapSignal<SdButton['fontSet']>;

package/types/sdcorejs-angular-components-tree.d.ts

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
 import { Signal, TemplateRef } from '@angular/core';
 import { SdButton } from '@sdcorejs/angular/components/button';
-import { SdUnwrapSignal, MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
+import { SdIconSet } from '@sdcorejs/angular/modules/icon';
+import { SdUnwrapSignal } from '@sdcorejs/angular/utilities/models';
 import { Color } from '@sdcorejs/utils/models';
 
 type SdTreeDataSource<TItem = any> = TItem[] | Signal<TItem[]> | (() => TItem[] | Promise<TItem[]>);
@@ -60,7 +61,7 @@ interface SdTreeCommand<T = any> {
     title: string | ((item: T) => string);
     icon?: string | ((item: T) => string | undefined | null);
     color?: Color;
-    fontSet?: MaterialIconFontSet;
+    fontSet?: SdIconSet;
     disabled?: boolean | ((item: T) => boolean);
     hidden?: boolean | ((item: T) => boolean);
     click: (item: T) => void;

package/types/sdcorejs-angular-modules-icon.d.ts

@@ -0,0 +1,191 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, EnvironmentProviders } from '@angular/core';
+import { Size } from '@sdcorejs/utils/models';
+import { SdIconSet, SdMaterialIconSet } from '@sdcorejs/angular/utilities/models';
+export { SdIconSet, SdMaterialIconSet } from '@sdcorejs/angular/utilities/models';
+import { LucideConfig, LucideIcon, LucideIconData } from '@lucide/angular';
+
+/** @deprecated Use `SdIconSet` instead. */
+type SdIconFontSet = SdIconSet;
+/**
+ * Một icon Lucide có thể đăng ký bằng class icon Angular hoặc dữ liệu path thuần.
+ */
+type SdLucideIconRegistration = LucideIcon | LucideIconData;
+/**
+ * Danh sách đăng ký Lucide cho provider, hỗ trợ cả array và object map để app có thể giữ cấu trúc import riêng.
+ */
+type SdLucideIconRegistrations = SdLucideIconRegistration[] | Record<string, SdLucideIconRegistration>;
+/**
+ * Cấu hình app-level cho `SdIcon`.
+ *
+ * Các alias tách riêng theo renderer để app có thể giữ tên Material trong template trong lúc chuyển dần sang Lucide.
+ */
+interface ISdIconConfiguration {
+    /** Default icon font set when component does not pass `fontSet`. */
+    defaultFontSet?: SdIconSet;
+    /** Alias áp dụng khi renderer hiện tại là Material. */
+    materialAliases?: Record<string, string>;
+    /** Alias áp dụng khi renderer hiện tại là Lucide. */
+    lucideAliases?: Record<string, string>;
+    /** Cấu hình stroke toàn cục cho Lucide SVG. */
+    lucideConfig?: Partial<LucideConfig>;
+    /** Icon Lucide cần đăng ký vào `@lucide/angular`. */
+    lucideIcons?: SdLucideIconRegistrations;
+}
+/**
+ * Cấu hình đã resolve đầy đủ để component không phải tự xử lý fallback nhiều lần.
+ */
+interface ISdIconResolvedConfiguration extends Required<Omit<ISdIconConfiguration, 'lucideIcons'>> {
+}
+/**
+ * Quy đổi token `Size` chung của SDCoreJS sang pixel cho icon.
+ */
+declare const SD_ICON_SIZE_MAP: Record<Size, number>;
+/**
+ * Alias mặc định giúp template giữ tên Material trong khi renderer có thể là Lucide.
+ */
+declare const SD_DEFAULT_LUCIDE_ALIASES: Record<string, string>;
+/**
+ * Alias mac dinh giup template dung ten Lucide van render duoc khi quay ve Material font.
+ */
+declare const SD_DEFAULT_MATERIAL_ALIASES: Record<string, string>;
+/**
+ * Cấu hình mặc định của Core UI icon.
+ *
+ * `material-icons-outlined` được giữ làm mặc định để không đổi visual của các component Material hiện có.
+ */
+declare const SD_ICON_DEFAULT_CONFIG: ISdIconResolvedConfiguration;
+
+/**
+ * Facade icon dùng chung cho Core UI.
+ *
+ * Component này giữ template app theo tên icon ổn định, còn renderer có thể đổi giữa Material font và Lucide SVG qua provider hoặc input.
+ */
+declare class SdIcon {
+    private readonly config;
+    /**
+     * Tên icon theo namespace hiện tại.
+     *
+     * Khi `set` là `lucide`, tên này sẽ đi qua alias để app có thể tiếp tục dùng tên Material trong template.
+     */
+    name: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    fontIcon: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    color: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    /**
+     * Renderer icon của riêng instance này.
+     *
+     * Deprecated alias for `fontSet`.
+     */
+    set: _angular_core.InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
+    /**
+     * Escape hatch cho Material icon font set.
+     *
+     * Prefer this input for both Material font families and Lucide SVG icons.
+     */
+    fontSet: _angular_core.InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
+    /**
+     * Kích thước icon theo token SDCoreJS hoặc CSS size tùy biến.
+     *
+     * Token `sm | md | lg` giữ icon đồng bộ với các component Core UI; CSS string xử lý các ngoại lệ layout.
+     */
+    size: _angular_core.InputSignalWithTransform<Size | (string & {}), Size | (string & {}) | null | undefined>;
+    /**
+     * Độ dày stroke riêng cho Lucide SVG.
+     *
+     * Bỏ trống để nhận giá trị từ `lucideConfig` app-level.
+     */
+    strokeWidth: _angular_core.InputSignalWithTransform<string | number | undefined, string | number | null | undefined>;
+    /**
+     * Giữ stroke width tuyệt đối cho Lucide khi SVG đổi kích thước.
+     *
+     * Input này đi qua `booleanAttribute` để hỗ trợ cả attribute trần trong template.
+     */
+    absoluteStrokeWidth: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
+    /**
+     * Nhãn truy cập cho icon có ý nghĩa.
+     *
+     * Khi không có nhãn, component tự đánh dấu decorative bằng `aria-hidden`.
+     */
+    ariaLabel: _angular_core.InputSignalWithTransform<string | undefined, string | null | undefined>;
+    /**
+     * Set icon cuối cùng sau khi áp dụng input và provider.
+     *
+     * @returns renderer hiện tại của component.
+     */
+    resolvedFontSet: _angular_core.Signal<SdIconSet>;
+    /** @deprecated Use `resolvedFontSet` instead. */
+    resolvedSet: _angular_core.Signal<SdIconSet>;
+    /**
+     * Tên icon cuối cùng theo renderer hiện tại.
+     *
+     * @returns tên icon đã áp alias nếu renderer yêu cầu.
+     */
+    resolvedName: _angular_core.Signal<string | undefined>;
+    /**
+     * Font set Material cuối cùng.
+     *
+     * @returns font set dùng cho `mat-icon`; với Lucide trả về fallback Material để computed luôn có type ổn định.
+     */
+    resolvedMaterialFontSet: _angular_core.Signal<SdMaterialIconSet>;
+    /**
+     * Kích thước runtime cho renderer hiện tại.
+     *
+     * @returns số pixel cho token chuẩn hoặc CSS string nguyên bản cho custom size.
+     */
+    resolvedSize: _angular_core.Signal<string | number>;
+    /**
+     * Kích thước CSS cuối cùng cho host element.
+     *
+     * @returns CSS length dùng cho custom property `--sd-icon-size`.
+     */
+    resolvedCssSize: _angular_core.Signal<string>;
+    /**
+     * Stroke width cuối cùng cho Lucide SVG.
+     *
+     * @returns giá trị input instance hoặc fallback từ provider.
+     */
+    resolvedStrokeWidth: _angular_core.Signal<string | number | undefined>;
+    /**
+     * Absolute stroke width cuối cùng cho Lucide SVG.
+     *
+     * @returns giá trị input instance hoặc fallback từ provider.
+     */
+    resolvedAbsoluteStrokeWidth: _angular_core.Signal<boolean | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdIcon, "sd-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "fontIcon": { "alias": "fontIcon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "set": { "alias": "set"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "absoluteStrokeWidth": { "alias": "absoluteStrokeWidth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Injection token chứa cấu hình icon đã resolve cho toàn bộ app.
+ *
+ * Token có factory mặc định để `SdIcon` vẫn chạy khi app chưa gọi `provideSdIcon`.
+ */
+declare const SD_ICON_CONFIGURATION: InjectionToken<ISdIconResolvedConfiguration>;
+/**
+ * Đăng ký cấu hình icon Core UI ở app-level.
+ *
+ * Provider này gom cả cấu hình `SdIcon` và registry của `@lucide/angular` để consumer chỉ cần gọi một hàm.
+ *
+ * @param config - cấu hình app-level cho Material/Lucide icon.
+ * @returns environment providers dùng được trong `ApplicationConfig.providers`.
+ */
+declare function provideSdIcon(config?: ISdIconConfiguration): EnvironmentProviders;
+/**
+ * Resolve cấu hình `SdIcon` thành object đầy đủ, không còn field optional.
+ *
+ * Alias mặc định đứng trước để app có thể override từng key mà không phải copy toàn bộ bảng alias.
+ *
+ * @param config - cấu hình rời rạc từ consumer hoặc mặc định rỗng.
+ * @returns cấu hình đầy đủ dùng trực tiếp trong component.
+ */
+declare function resolveSdIconConfig(config?: ISdIconConfiguration): ISdIconResolvedConfiguration;
+/**
+ * Chuẩn hóa nhiều kiểu khai báo Lucide icon về array cho `provideLucideIcons`.
+ *
+ * @param registrations - array hoặc object map icon Lucide từ consumer.
+ * @returns danh sách icon Lucide đã sẵn sàng để spread vào provider của Lucide.
+ */
+declare function normalizeSdLucideIcons(registrations?: SdLucideIconRegistrations): SdLucideIconRegistration[];
+
+export { SD_DEFAULT_LUCIDE_ALIASES, SD_DEFAULT_MATERIAL_ALIASES, SD_ICON_CONFIGURATION, SD_ICON_DEFAULT_CONFIG, SD_ICON_SIZE_MAP, SdIcon, normalizeSdLucideIcons, provideSdIcon, resolveSdIconConfig };
+export type { ISdIconConfiguration, ISdIconResolvedConfiguration, SdIconFontSet, SdLucideIconRegistration, SdLucideIconRegistrations };

package/types/sdcorejs-angular-modules.d.ts

@@ -3,3 +3,4 @@ export * from '@sdcorejs/angular/modules/permission';
 export * from '@sdcorejs/angular/modules/auth';
 export * from '@sdcorejs/angular/modules/layout';
 export * from '@sdcorejs/angular/modules/authom';
+export * from '@sdcorejs/angular/modules/icon';

package/types/sdcorejs-angular-utilities-models.d.ts

@@ -10,8 +10,10 @@ type SdColor = Color;
 /** @deprecated Use {@link Size} from `@sdcorejs/utils/models` instead */
 type SdSize = Size;
 
-type MaterialIconFontSet = 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp';
-declare const DefaultMaterialIconFontSet: MaterialIconFontSet;
+type SdIconSet = 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp' | 'lucide';
+type SdMaterialIconSet = Exclude<SdIconSet, 'lucide'>;
+declare const DefaultSdIconSet: SdIconSet;
+declare const DefaultSdMaterialIconSet: SdMaterialIconSet;
 
 /**
  * @deprecated Use {@link ValidationPatternType} from `@sdcorejs/utils/models` instead.
@@ -83,5 +85,5 @@ type SdPagingReq<T = any> = PagingReq<T>;
 /** @deprecated Use {@link PagingRes} from `@sdcorejs/utils/models` instead */
 type SdPagingRes<T = any> = PagingRes<T>;
 
-export { DefaultMaterialIconFontSet, SD_EMPTY_STR, SdNormalizeAsync, SdOperators, SdPatternCommons, SdResolveMaybeAsync };
-export type { MaterialIconFontSet, SdColor, SdFilter, SdFilterAndOr, SdFilterBetween, SdFilterHasData, SdFilterNoData, SdMaybeAsync, SdNestedKeyOf, SdOperator, SdOperatorHasData, SdOperatorNoData, SdOrder, SdPagingReq, SdPagingRes, SdPatternCommon, SdPatternType, SdQueryReq, SdSize, SdUnwrapSafe, SdUnwrapSignal };
+export { DefaultSdIconSet, DefaultSdMaterialIconSet, SD_EMPTY_STR, SdNormalizeAsync, SdOperators, SdPatternCommons, SdResolveMaybeAsync };
+export type { SdColor, SdFilter, SdFilterAndOr, SdFilterBetween, SdFilterHasData, SdFilterNoData, SdIconSet, SdMaterialIconSet, SdMaybeAsync, SdNestedKeyOf, SdOperator, SdOperatorHasData, SdOperatorNoData, SdOrder, SdPagingReq, SdPagingRes, SdPatternCommon, SdPatternType, SdQueryReq, SdSize, SdUnwrapSafe, SdUnwrapSignal };