@sd-angular/core 19.0.0-beta.104 → 19.0.0-beta.105

package/assets/scss/core/form.scss

@@ -33,6 +33,48 @@
     }
   }
 
+  // why: nút clear "thanh mảnh" dùng chung cho sd-select/sd-date/sd-datetime —
+  // hình tròn nền trong suốt, hover mới hiện nền xám + chuyển đỏ. Icon `close`
+  // (nét mảnh) thay cho `cancel` (tròn đặc, trông "mập"). Đồng bộ với sd-input-color.
+  .sd-clear-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    border: 0;
+    padding: 0;
+    background: transparent;
+    cursor: pointer;
+    color: #757575;
+    transition: background-color 80ms ease, color 80ms ease;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.06);
+      color: map.get(color.$color_map, 'error');
+    }
+
+    mat-icon {
+      font-size: 16px;
+      width: 16px;
+      height: 16px;
+      line-height: 16px;
+    }
+  }
+
+  // why: biến thể hover-gate — nút clear ẩn cho tới khi hover (hoặc field đang
+  // focus, để người dùng bàn phím vẫn thấy). Dùng cho sd-input/sd-input-number/
+  // sd-input-color/sd-date/sd-datetime. KHÔNG dùng cho sd-select/sd-autocomplete
+  // vì ở đó clear thay thế icon dropdown/search nên phải luôn hiển thị.
+  .sd-clear-btn.sd-hover {
+    visibility: hidden;
+  }
+  .mat-mdc-form-field-flex:hover .sd-clear-btn.sd-hover,
+  .mat-mdc-form-field-flex:focus-within .sd-clear-btn.sd-hover {
+    visibility: visible;
+  }
+
   // sdSuffixIcon
   // Directive sdSuffixIcon (truyền icon từ component sử dụng vào Core)
   .sd-suffix-icon.sd-hover {
@@ -247,7 +289,7 @@
   }
 }
 
-// Fix lỗi scss label của bootstrap có margin bottom
+// Override reboot rule `label { margin-bottom: 0.5rem }` cho mat-checkbox layout
 mat-checkbox {
   label.mat-mdc-checkbox-layout {
     margin-bottom: 0;

package/assets/scss/core/utilities/_base.scss

@@ -1,9 +1,9 @@
 // --------------------------------------------------------------------------
-// Base / Reboot — thay thế Bootstrap _reboot.scss
-//   Chuẩn hóa rendering giữa các browser, thiết lập baseline cho toàn bộ
-//   ứng dụng. Không phụ thuộc Bootstrap variables hay mixins.
+// Base / Reboot — chuẩn hóa rendering giữa các browser, thiết lập baseline
+//   cho toàn bộ ứng dụng. Thuần CSS, không phụ thuộc 3rd-party reset.
 //
-//   Nguồn tham khảo: Bootstrap 4 reboot + modern-normalize
+//   Nguồn gốc rule: kế thừa từ Bootstrap 4 reboot + modern-normalize (đã được
+//   inline trực tiếp ở đây để dứt điểm phụ thuộc Bootstrap).
 // --------------------------------------------------------------------------
 
 // --------------------------------------------------------------------------
@@ -202,8 +202,8 @@ th {
 // 11. Forms
 // --------------------------------------------------------------------------
 
-// label là inline-block để có thể set margin
-// NOTE: Bootstrap reboot thêm margin-bottom vào label — giữ override này khi còn dùng reboot
+// label là inline-block để có thể set margin; margin-bottom mặc định 0.5rem
+// có thể override per-component (xem core/form.scss cho mat-checkbox).
 label {
   display: inline-block;
   margin-bottom: 0.5rem;

package/assets/scss/core/utilities/_grid.scss

@@ -1,6 +1,7 @@
 // --------------------------------------------------------------------------
-// Grid — Bootstrap-compatible row/col + CSS Grid container
-//   Không phụ thuộc Bootstrap, thuần CSS Flexbox / CSS Grid
+// Grid — row/col 12-column flexbox + native CSS Grid container
+//   Thuần CSS Flexbox / CSS Grid, không phụ thuộc framework ngoài.
+//   Breakpoint convention (sm/md/lg/xl) trùng Bootstrap để host app dễ migrate.
 // --------------------------------------------------------------------------
 
 // --------------------------------------------------------------------------
@@ -63,7 +64,7 @@ $grid-gutter: 16px;
 }
 
 // --------------------------------------------------------------------------
-// 1b. Responsive columns  — Bootstrap-compatible breakpoints
+// 1b. Responsive columns
 //   col-sm-{1-12} : ≥ 576px
 //   col-md-{1-12} : ≥ 768px
 //   col-lg-{1-12} : ≥ 992px

package/assets/scss/core/utilities/_index.scss

@@ -1,5 +1,5 @@
 /* ==========================================================================
-   SD-ANGULAR UTILITY CLASSES — không phụ thuộc Bootstrap
+   SD-ANGULAR UTILITY CLASSES — thuần SCSS, không phụ thuộc 3rd-party.
    Mỗi partial độc lập, có thể import riêng lẻ nếu cần.
    ========================================================================== */
 

package/assets/scss/core/utilities/_sizing.scss

@@ -9,13 +9,13 @@
 
 // Percentage / keyword shorthands
 .w-full   { width: 100% !important; }
-.w-100    { width: 100% !important; } // Bootstrap compat alias
+.w-100    { width: 100% !important; } // alias of w-full
 .w-auto   { width: auto !important; }
 .w-screen { width: 100vw !important; }
 .w-fit    { width: fit-content !important; }
 
 .h-full   { height: 100% !important; }
-.h-100    { height: 100% !important; } // Bootstrap compat alias
+.h-100    { height: 100% !important; } // alias of h-full
 .h-auto   { height: auto !important; }
 .h-screen { height: 100vh !important; }
 .h-fit    { height: fit-content !important; }

package/assets/scss/sd-core.scss

@@ -1,6 +1,4 @@
 @use '../fonts/fonts.scss';
-// Tạm thời giữ bootstrap.scss để so sánh — xóa sau khi confirm _base.scss OK
-// @use './core/bootstrap.scss';
 @use './core/utilities/base';  // Reset / Reboot — phải load trước tất cả
 @use './core/utilities';
 @use './core/color.scss';

package/components/badge/src/badge.component.d.ts

@@ -1,11 +1,12 @@
 import { EventEmitter } from '@angular/core';
+import { Color, Size } from '@sdcorejs/utils/models';
 import { MaterialIconFontSet } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
 export type SdBadgeType = 'tag' | 'round' | 'icon';
 export declare class SdBadge {
     defaultIcon: string;
     type: import("@angular/core").InputSignalWithTransform<SdBadgeType, SdBadgeType | null | undefined>;
-    color: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Color, import("@sdcorejs/utils/models").Color | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<Color, Color | null | undefined>;
     primary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     secondary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     success: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -17,10 +18,10 @@ export declare class SdBadge {
     description: import("@angular/core").InputSignal<string | null | undefined>;
     tooltip: import("@angular/core").InputSignal<string | null | undefined>;
     icon: import("@angular/core").InputSignal<string | null | undefined>;
-    size: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Size, import("@sdcorejs/utils/models").Size | null | undefined>;
+    size: import("@angular/core").InputSignalWithTransform<Size, Size | null | undefined>;
     click: EventEmitter<Event>;
     onClick: (event: Event) => void;
-    effectiveColor: import("@angular/core").Signal<import("@sdcorejs/utils/models").Color>;
+    effectiveColor: import("@angular/core").Signal<Color>;
     baseColorClasses: import("@angular/core").Signal<{
         'c-primary': boolean;
         'c-secondary': boolean;
@@ -46,6 +47,11 @@ export declare class SdBadge {
         'material-icons-round': boolean;
         'material-icons-sharp': boolean;
     }>;
+    containerSizeClasses: import("@angular/core").Signal<{
+        'c-badge--sm': boolean;
+        'c-badge--md': boolean;
+        'c-badge--lg': boolean;
+    }>;
     tagIconCombinedClasses: import("@angular/core").Signal<{
         'c-primary': boolean;
         'c-secondary': boolean;
@@ -61,6 +67,17 @@ export declare class SdBadge {
         'material-icons-round': boolean;
         'material-icons-sharp': boolean;
     }>;
+    containerCombinedClasses: import("@angular/core").Signal<{
+        'c-badge--sm': boolean;
+        'c-badge--md': boolean;
+        'c-badge--lg': boolean;
+        'c-primary': boolean;
+        'c-secondary': boolean;
+        'c-info': boolean;
+        'c-success': boolean;
+        'c-warning': boolean;
+        'c-error': boolean;
+    }>;
     iconCombinedClasses: import("@angular/core").Signal<{
         'c-primary': boolean;
         'c-black400': boolean;

package/components/button/src/button.component.d.ts

@@ -1,5 +1,6 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
+import { Color } from '@sdcorejs/utils/models';
 import { MaterialIconFontSet } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
 export type SdButtonType = 'fill' | 'light' | 'outline' | 'link';
@@ -10,7 +11,7 @@ export declare class SdButton extends SdBaseSecureComponent implements OnInit, O
     private el;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     type: import("@angular/core").InputSignalWithTransform<SdButtonType, SdButtonType | null | undefined>;
-    color: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Color, import("@sdcorejs/utils/models").Color | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<Color, Color | null | undefined>;
     size: import("@angular/core").InputSignalWithTransform<SdButtonSize, SdButtonSize | null | undefined>;
     fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
     title: import("@angular/core").InputSignal<string | null | undefined>;

package/components/ckeditor-styles/index.d.ts

@@ -0,0 +1 @@
+export * from './src/ckeditor-styles.component';

package/components/ckeditor-styles/src/ckeditor-styles.component.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+/**
+ * Styles-only component that loads the global CKEditor 5 stylesheet on demand.
+ *
+ * Why this exists:
+ * - CKEditor's CSS must be global (applies to body-rendered overlays, dialogs, balloons),
+ *   which means whichever Angular component declares it must use ViewEncapsulation.None.
+ * - Switching encapsulation on the main editor components (`<sd-editor>`, `<sd-mini-editor>`,
+ *   `<sd-document-builder>`) would un-scope all their local styles too.
+ * - Instead, this tiny no-render component owns the global CSS. The editor components embed
+ *   `<sd-ckeditor-styles>` at the top of their template; the CSS is injected once into <head>
+ *   the first time any editor instance mounts. Editor components themselves keep
+ *   ViewEncapsulation.Emulated.
+ *
+ * Behavior:
+ * - Renders nothing in the DOM (empty template).
+ * - Angular dedupes styles per component class — multiple instances inject the <style> tag
+ *   only once.
+ * - When the host editor component is lazy-loaded, this component's chunk and its CSS travel
+ *   with it.
+ */
+export declare class SdCKEditorStyles {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCKEditorStyles, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCKEditorStyles, "sd-ckeditor-styles", never, {}, {}, never, never, true, never>;
+}

package/components/form-generic/src/models/form-generic-component.model.d.ts

@@ -1,7 +1,6 @@
 import { SdTableColumn, SdTableOption } from '@sd-angular/core/components/table';
 import { SdUploadFile } from '@sd-angular/core/components/upload-file';
-import { SdColor } from '@sd-angular/core/utilities';
-import { SdPatternType } from '@sd-angular/core/utilities/models';
+import { Color, ValidationPatternType } from '@sdcorejs/utils/models';
 import { SdFormGenericSelectionStaticItem } from './form-generic-definition-selection.model';
 import { SdFormGenericExpression } from './form-generic-expression.model';
 import { SdFormGeneric } from './form-generic.model';
@@ -58,7 +57,7 @@ export interface SdFormGenericTextfield extends SdFormGenericComponentBase {
     validate?: {
         maxlength?: number;
         minlength?: number;
-        pattern?: SdPatternType | string;
+        pattern?: ValidationPatternType | string;
         patternErrorMessage?: string;
     } & SdFormGenericComponentBase['validate'];
 }
@@ -68,7 +67,7 @@ export interface SdFormGenericChipString extends SdFormGenericComponentBase {
     validate?: {
         maxlength?: number;
         minlength?: number;
-        pattern?: SdPatternType | string;
+        pattern?: ValidationPatternType | string;
         patternErrorMessage?: string;
         maxOfItems?: number;
     } & SdFormGenericComponentBase['validate'];
@@ -79,7 +78,7 @@ export interface SdFormGenericChipCalendar extends SdFormGenericComponentBase {
     validate?: {
         maxlength?: number;
         minlength?: number;
-        pattern?: SdPatternType | string;
+        pattern?: ValidationPatternType | string;
         patternErrorMessage?: string;
         maxOfItems?: number;
     } & SdFormGenericComponentBase['validate'];
@@ -150,7 +149,7 @@ export interface SdFormGenericGroup {
     components: SdFormGenericComponent[];
     properties: {
         icon: string;
-        color: SdColor;
+        color: Color;
         hidden?: boolean;
         hiddenWhenExpression?: SdFormGenericExpression;
         visibleWhenExpression?: SdFormGenericExpression;

package/components/form-generic/src/models/form-generic-expression.model.d.ts

@@ -1,4 +1,4 @@
-import { SdOperator } from '@sd-angular/core/utilities/models';
+import { Operator as SdOperator } from '@sdcorejs/utils/models';
 import { SdFormGenericComponent, SdFormGenericGroup } from './form-generic-component.model';
 export interface SdFormGenericExpression {
     key: string;

package/components/history/models/history.model.d.ts

@@ -1,9 +1,9 @@
-import { SdColor } from '@sd-angular/core/utilities';
+import { Color } from '@sdcorejs/utils/models';
 export interface SdHistoryItemType {
     title: string;
     status?: {
         title?: string;
-        color?: SdColor;
+        color?: Color;
         icon?: string;
     };
     date?: string;

package/components/inform/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/inform.component';
+export * from './src/inform-action.directive';

package/components/inform/src/inform-action.directive.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+/**
+ * Marker cho vùng action custom chiếu vào <sd-inform>.
+ * Khi có phần tử mang [sdInformAction], component ẩn link `actionLabel` mặc định.
+ */
+export declare class SdInformActionDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdInformActionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdInformActionDirective, "[sdInformAction]", never, {}, {}, never, never, true, never>;
+}

package/components/inform/src/inform.component.d.ts

@@ -0,0 +1,59 @@
+import { ElementRef } from '@angular/core';
+import { Color } from '@sdcorejs/utils/models';
+import { MaterialIconFontSet } from '@sd-angular/core/utilities/models';
+import { SdInformActionDirective } from './inform-action.directive';
+import * as i0 from "@angular/core";
+export declare class SdInform {
+    #private;
+    color: import("@angular/core").InputSignalWithTransform<Color, Color | null | undefined>;
+    primary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    secondary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    info: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    success: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    warning: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    error: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    title: import("@angular/core").InputSignal<string | undefined>;
+    description: import("@angular/core").InputSignal<string | undefined>;
+    icon: import("@angular/core").InputSignal<string | undefined>;
+    hideIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    closable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    actionLabel: import("@angular/core").InputSignal<string | undefined>;
+    lineClamp: import("@angular/core").InputSignal<number | undefined>;
+    autoId: import("@angular/core").InputSignal<string | undefined>;
+    sdClosed: import("@angular/core").OutputEmitterRef<Event>;
+    sdAction: import("@angular/core").OutputEmitterRef<Event>;
+    readonly dismissed: import("@angular/core").WritableSignal<boolean>;
+    readonly expanded: import("@angular/core").WritableSignal<boolean>;
+    readonly overflowing: import("@angular/core").WritableSignal<boolean>;
+    protected readonly bodyRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    protected readonly actionSlot: import("@angular/core").Signal<SdInformActionDirective | undefined>;
+    effectiveColor: import("@angular/core").Signal<Color>;
+    colorClasses: import("@angular/core").Signal<{
+        'c-primary': boolean;
+        'c-secondary': boolean;
+        'c-info': boolean;
+        'c-success': boolean;
+        'c-warning': boolean;
+        'c-error': boolean;
+    }>;
+    effectiveIcon: import("@angular/core").Signal<string | null>;
+    fontSetClasses: import("@angular/core").Signal<{
+        'material-icons': boolean;
+        'material-icons-outlined': boolean;
+        'material-icons-round': boolean;
+        'material-icons-sharp': boolean;
+    }>;
+    hasActionSlot: import("@angular/core").Signal<boolean>;
+    clampLines: import("@angular/core").Signal<number | null>;
+    showToggle: import("@angular/core").Signal<boolean>;
+    liveRole: import("@angular/core").Signal<"alert" | "status">;
+    constructor();
+    /** Đo tràn dòng của body; chỉ có ý nghĩa khi đang clamp. */
+    measureOverflow(): void;
+    toggleExpanded(): void;
+    onClose(event: Event): void;
+    onAction(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdInform, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdInform, "sd-inform", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "primary": { "alias": "primary"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "warning": { "alias": "warning"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "hideIcon": { "alias": "hideIcon"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "lineClamp": { "alias": "lineClamp"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "sdClosed": "sdClosed"; "sdAction": "sdAction"; }, ["actionSlot"], ["[sdInformAction]"], true, never>;
+}

package/components/modal/src/modal.component.d.ts

@@ -1,4 +1,5 @@
 import { ElementRef, TemplateRef } from '@angular/core';
+import { Color } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 export declare class SdModal {
     #private;
@@ -10,11 +11,11 @@ export declare class SdModal {
     readonly closeButtonAutoId: import("@angular/core").Signal<string | undefined>;
     readonly dataOpened: import("@angular/core").Signal<"true" | "false">;
     title: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
-    color: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Color, import("@sdcorejs/utils/models").Color | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<Color, Color | null | undefined>;
     width: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
     height: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
     view: import("@angular/core").InputSignalWithTransform<"dialog" | "bottom-sheet" | undefined, "dialog" | "bottom-sheet" | null | undefined>;
-    modalClass: import("@angular/core").InputSignalWithTransform<string | string[] | Record<string, boolean>, string | string[] | Record<string, boolean> | null | undefined>;
+    modalClass: import("@angular/core").InputSignalWithTransform<string | Record<string, boolean> | string[], string | Record<string, boolean> | string[] | null | undefined>;
     lazyLoadContent: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hideClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;
     disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, boolean | "">;

package/components/query-bar/src/{actions-bar.component.d.ts → components/actions-bar/actions-bar.component.d.ts}

@@ -1,4 +1,4 @@
-import { SdQuery, SdQueryLogic, SdSavedFilter } from './query-bar.model';
+import { SdQuery, SdQueryLogic, SdSavedFilter } from '../../query-bar.model';
 import * as i0 from "@angular/core";
 /**
  * Right-pinned toolbar for `sd-query-bar`: AND/OR connector toggle, clear-all,

package/components/query-bar/src/{build-chip.component.d.ts → components/build-chip/build-chip.component.d.ts}

@@ -1,5 +1,5 @@
-import { Operator } from '@sd-angular/core/utilities/models';
-import { BuildingChip } from './query-bar.model';
+import { Operator } from '@sdcorejs/utils/models';
+import { BuildingChip } from '../../query-bar.model';
 import * as i0 from "@angular/core";
 type Density = 'compact' | 'comfortable';
 /**

package/components/query-bar/src/{chip-popover.component.d.ts → components/chip-popover/chip-popover.component.d.ts}

@@ -1,6 +1,6 @@
 import { MatMenu } from '@angular/material/menu';
-import { Filter, Operator } from '@sd-angular/core/utilities/models';
-import { SdQueryField, sdQueryFieldIcon } from './query-bar.model';
+import { Filter, Operator } from '@sdcorejs/utils/models';
+import { SdQueryField, sdQueryFieldIcon } from '../../query-bar.model';
 import * as i0 from "@angular/core";
 /**
  * Popover-mode chip editor — the entire `<mat-menu>` that opens when a popover-mode

package/components/query-bar/src/{field-picker.component.d.ts → components/field-picker/field-picker.component.d.ts}

@@ -1,5 +1,5 @@
 import { MatMenu } from '@angular/material/menu';
-import { SdQueryField, sdQueryFieldIcon } from './query-bar.model';
+import { SdQueryField, sdQueryFieldIcon } from '../../query-bar.model';
 import * as i0 from "@angular/core";
 /**
  * Field picker mat-menu for `sd-query-bar`.

package/components/query-bar/src/{inline-chip.component.d.ts → components/inline-chip/inline-chip.component.d.ts}

@@ -1,5 +1,5 @@
-import { Filter, Operator } from '@sd-angular/core/utilities/models';
-import { SdQueryField } from './query-bar.model';
+import { Filter, Operator } from '@sdcorejs/utils/models';
+import { SdQueryField } from '../../query-bar.model';
 import * as i0 from "@angular/core";
 type Density = 'compact' | 'comfortable';
 /**

package/components/query-bar/src/{inline-value-chip.component.d.ts → components/inline-value-chip/inline-value-chip.component.d.ts}

@@ -1,5 +1,5 @@
-import { Operator } from '@sd-angular/core/utilities/models';
-import { SdQueryField } from './query-bar.model';
+import { Operator } from '@sdcorejs/utils/models';
+import { SdQueryField } from '../../query-bar.model';
 import * as i0 from "@angular/core";
 type ChipState = 'pending' | 'active' | 'focus' | 'error';
 /**

package/components/query-bar/src/{popover-chip.component.d.ts → components/popover-chip/popover-chip.component.d.ts}

@@ -1,6 +1,6 @@
 import { MatMenu } from '@angular/material/menu';
-import { Filter, Operator } from '@sd-angular/core/utilities/models';
-import { SdQueryField, sdQueryFieldIcon } from './query-bar.model';
+import { Filter, Operator } from '@sdcorejs/utils/models';
+import { SdQueryField, sdQueryFieldIcon } from '../../query-bar.model';
 import * as i0 from "@angular/core";
 /**
  * Compact popover-mode chip face. Click → opens the parent-supplied [menu] (mat-menu

package/components/query-bar/src/{saved-filters-menu.component.d.ts → components/saved-filters-menu/saved-filters-menu.component.d.ts}

@@ -1,4 +1,4 @@
-import { SdQuery, SdSavedFilter } from './query-bar.model';
+import { SdQuery, SdSavedFilter } from '../../query-bar.model';
 import * as i0 from "@angular/core";
 /**
  * Saved-filters dropdown for `sd-query-bar`.

package/components/query-bar/src/query-bar.component.d.ts

@@ -1,6 +1,6 @@
-import { Filter, Operator } from '@sd-angular/core/utilities/models';
-import { SdQueryChipPopover } from './chip-popover.component';
-import { SdQueryPopoverChip } from './popover-chip.component';
+import { Filter, Operator } from '@sdcorejs/utils/models';
+import { SdQueryChipPopover } from './components/chip-popover/chip-popover.component';
+import { SdQueryPopoverChip } from './components/popover-chip/popover-chip.component';
 import { BuildingChip, SdQuery, SdQueryField, SdQueryLogic, SdSavedFilter, sdQueryFieldIcon } from './query-bar.model';
 import * as i0 from "@angular/core";
 type Density = 'compact' | 'comfortable';

package/components/query-bar/src/query-bar.model.d.ts

@@ -1,6 +1,6 @@
 import { Signal } from '@angular/core';
 import { SdSearch } from '@sd-angular/core/forms/models';
-import { Filter, NestedKeyOf, Operator } from '@sd-angular/core/utilities/models';
+import { Filter, NestedKeyOf, Operator } from '@sdcorejs/utils/models';
 export type SdQueryFieldType = 'string' | 'number' | 'boolean' | 'date' | 'datetime' | 'values' | 'lazy-values';
 interface SdQueryFieldBase<T = any> {
     /** Dot-notation field path (matches `Filter.field`). */

package/components/section/src/section.component.d.ts

@@ -1,11 +1,12 @@
 import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
+import { Color } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 export declare class SdSection extends SdBaseSecureComponent {
     #private;
     title: import("@angular/core").InputSignal<string | null | undefined>;
     subTitle: import("@angular/core").InputSignal<string | null | undefined>;
     icon: import("@angular/core").InputSignal<string | null | undefined>;
-    iconColor: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Color>;
+    iconColor: import("@angular/core").InputSignal<Color>;
     collapsed: import("@angular/core").ModelSignal<boolean>;
     collapsable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hideHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;

package/components/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/step.component';
+export * from './src/stepper.component';

package/components/stepper/src/step.component.d.ts

@@ -0,0 +1,17 @@
+import { TemplateRef } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export type SdStepState = 'pending' | 'active' | 'completed' | 'error' | string;
+export declare class SdStep {
+    label: import("@angular/core").InputSignal<string>;
+    icon: import("@angular/core").InputSignal<string | null | undefined>;
+    optional: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    editable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    stepControl: import("@angular/core").InputSignal<AbstractControl<any, any> | null | undefined>;
+    state: import("@angular/core").InputSignal<string | undefined>;
+    errorMessage: import("@angular/core").InputSignal<string | undefined>;
+    selectChange: import("@angular/core").OutputEmitterRef<void>;
+    bodyTpl: import("@angular/core").Signal<TemplateRef<unknown>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdStep, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdStep, "sd-step", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "stepControl": { "alias": "stepControl"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; }, { "selectChange": "selectChange"; }, never, ["*"], true, never>;
+}

package/components/stepper/src/stepper.component.d.ts

@@ -0,0 +1,33 @@
+import { StepperSelectionEvent } from '@angular/cdk/stepper';
+import { MatStepper } from '@angular/material/stepper';
+import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
+import { Color } from '@sdcorejs/utils/models';
+import { SdStep } from './step.component';
+import * as i0 from "@angular/core";
+export declare class SdStepper extends SdBaseSecureComponent {
+    steps: import("@angular/core").Signal<readonly SdStep[]>;
+    selectedIndex: import("@angular/core").ModelSignal<number>;
+    linear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    labelPosition: import("@angular/core").InputSignal<"end" | "bottom">;
+    headerPosition: import("@angular/core").InputSignal<"bottom" | "top">;
+    animationDuration: import("@angular/core").InputSignal<string>;
+    disableRipple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    color: import("@angular/core").InputSignal<Color>;
+    autoId: import("@angular/core").InputSignal<string | undefined>;
+    selectionChange: import("@angular/core").OutputEmitterRef<StepperSelectionEvent>;
+    protected matStepper: import("@angular/core").Signal<MatStepper | undefined>;
+    get autoIdAttr(): string | null;
+    get cssActive(): string;
+    get cssActiveBg(): string;
+    get cssCompleted(): string;
+    get cssLine(): string;
+    constructor();
+    next(): void;
+    previous(): void;
+    reset(): void;
+    goTo(index: number): void;
+    protected onSelectionChange(ev: StepperSelectionEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdStepper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdStepper, "sd-stepper", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "headerPosition": { "alias": "headerPosition"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "selectionChange": "selectionChange"; }, ["steps"], never, true, never>;
+}

package/components/tab/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/tab.component';
+export * from './src/tab-group.component';

package/components/tab/src/tab-group.component.d.ts

@@ -0,0 +1,37 @@
+import { MatTabGroup } from '@angular/material/tabs';
+import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
+import { Color } from '@sdcorejs/utils/models';
+import { SdTab } from './tab.component';
+import * as i0 from "@angular/core";
+export interface SdTabClosedEvent {
+    index: number;
+    tab: SdTab;
+}
+export declare class SdTabGroup extends SdBaseSecureComponent {
+    tabs: import("@angular/core").Signal<readonly SdTab[]>;
+    selectedIndex: import("@angular/core").ModelSignal<number>;
+    variant: import("@angular/core").InputSignal<"line" | "pills" | "segmented">;
+    color: import("@angular/core").InputSignal<Color>;
+    headerPosition: import("@angular/core").InputSignal<"above" | "below">;
+    alignTabs: import("@angular/core").InputSignal<"start" | "center" | "end">;
+    stretchTabs: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    animationDuration: import("@angular/core").InputSignal<string>;
+    disableRipple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    dynamicHeight: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    autoId: import("@angular/core").InputSignal<string | undefined>;
+    tabClosed: import("@angular/core").OutputEmitterRef<SdTabClosedEvent>;
+    protected matTabGroup: import("@angular/core").Signal<MatTabGroup | undefined>;
+    get autoIdAttr(): string | null;
+    get isPills(): boolean;
+    get isSegmented(): boolean;
+    get cssIndicator(): string;
+    get cssActive(): string;
+    get cssBadgeBg(): string;
+    get cssBadgeColor(): string;
+    constructor();
+    selectTab(index: number): void;
+    realignInkBar(): void;
+    protected onClose(tab: SdTab, index: number, event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTabGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabGroup, "sd-tab-group", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "headerPosition": { "alias": "headerPosition"; "required": false; "isSignal": true; }; "alignTabs": { "alias": "alignTabs"; "required": false; "isSignal": true; }; "stretchTabs": { "alias": "stretchTabs"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "tabClosed": "tabClosed"; }, ["tabs"], never, true, never>;
+}