@sd-angular/core 19.0.0-beta.98 → 19.0.3

package/forms/datetime/src/datetime.component.d.ts

@@ -1,8 +1,9 @@
 import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { FormGroup, ValidatorFn } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { SdFormControl } from '@sd-angular/core/forms/models';
+import { SdFormControl, SdViewed, SdViewedInput } from '@sd-angular/core/forms/models';
+import { Size } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 export declare class SdDatetime implements OnDestroy, OnInit {
     #private;
@@ -10,7 +11,7 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
     private ref;
     private overlay;
     private elementRef;
@@ -18,8 +19,14 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     private formConfig;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
+    readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    readonly dataErrorMessage: import("@angular/core").Signal<string | null>;
     name: import("@angular/core").InputSignal<string>;
-    size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
+    size: import("@angular/core").InputSignal<Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
@@ -27,14 +34,25 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Display mode: `false` edit · `true` static view · `'inline'` view + click-to-edit (datetime overlay). */
+    viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
     /** Hiển thị thêm cột giây trong picker. Mặc định: chỉ HH:MM. */
     showSeconds: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** In `viewed='inline'`, show a hover clear-× on the text face. Set `false` when the host owns removal (chips). */
+    clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** `true` when `viewed === 'inline'`. */
+    readonly isInline: import("@angular/core").Signal<boolean>;
+    /** `true` when `viewed === true` (static view, no editor). */
+    readonly isViewed: import("@angular/core").Signal<boolean>;
+    /** Open the datetime overlay from the inline text face. No-op unless `viewed='inline'`. */
+    enterInlineEdit: () => void;
+    /** View display template: `sdViewDef` overrides the projected `#sdValue` (unified). */
+    readonly viewTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     inlineError: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
      */
-    get errorTooltipMessage(): string | undefined;
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
     hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
     appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
     appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
@@ -62,7 +80,6 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     open(): void;
     /** Đóng popup (public — gọi từ template nếu cần). */
     close(): void;
-    customInlineErrorValidator(): ValidatorFn;
     onFocus: () => void;
     onBlur: () => void;
     onClick: () => void;
@@ -77,5 +94,5 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     onConfirmInput: (event: any) => void;
     clear: ($event: any) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDatetime, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDatetime, "sd-datetime", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "minDateInput": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "maxDateInput": { "alias": "maxDate"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef"], ["[sdLabel]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDatetime, "sd-datetime", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "minDateInput": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "maxDateInput": { "alias": "maxDate"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef"], ["[sdLabel]"], true, never>;
 }

package/forms/directives/src/item-def.directive.d.ts

@@ -1,8 +1,13 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SdItemDefDefDirective {
-    templateRef: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdItemDefDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdItemDefDefDirective, "[sdItemDef]", never, {}, {}, never, never, true, never>;
+interface Context<T = unknown> {
+    $implicit?: T;
+    item: T;
 }
+export declare class SdItemDefDefDirective<T = unknown> {
+    static ngTemplateContextGuard<T>(_dir: SdItemDefDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
+    readonly templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdItemDefDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdItemDefDefDirective<any>, "[sdItemDef]", never, {}, {}, never, never, true, never>;
+}
+export {};

package/forms/directives/src/label-def.directive.d.ts

@@ -1,8 +1,9 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
+type Context = Record<string, never>;
 export declare class SdLabelDefDirective {
-    templateRef: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>);
+    readonly templateRef: TemplateRef<Context>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdLabelDefDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdLabelDefDirective, "[sdLabelDef]", never, {}, {}, never, never, true, never>;
 }
+export {};

package/forms/directives/src/suffix-def.directive.d.ts

@@ -1,8 +1,9 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
+type Context = Record<string, never>;
 export declare class SdSuffixDefDirective {
-    templateRef: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>);
+    readonly templateRef: TemplateRef<Context>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSuffixDefDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdSuffixDefDirective, "[sdSuffixDef]", never, {}, {}, never, never, true, never>;
 }
+export {};

package/forms/directives/src/view-def.directive.d.ts

@@ -1,14 +1,14 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SdViewDefDirective {
-    templateRef: TemplateRef<Context> | null;
-    constructor(templateRef: TemplateRef<Context>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdViewDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdViewDefDirective, "[sdViewDef]", never, {}, {}, never, never, true, never>;
+interface Context<TValue = unknown, TItem = unknown> {
+    value?: TValue | null;
+    selectedItem?: TItem | null;
+    selectedItems?: TItem[] | null;
 }
-interface Context {
-    value?: string | null;
-    selectedItems?: any[] | null;
-    selectedItem?: any | null;
+export declare class SdViewDefDirective<TValue = unknown, TItem = unknown> {
+    static ngTemplateContextGuard<TValue, TItem>(_dir: SdViewDefDirective<TValue, TItem>, _ctx: unknown): _ctx is Context<TValue, TItem>;
+    readonly templateRef: TemplateRef<Context<TValue, TItem>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdViewDefDirective<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdViewDefDirective<any, any>, "[sdViewDef]", never, {}, {}, never, never, true, never>;
 }
 export {};

package/forms/inline-text/index.d.ts

@@ -0,0 +1 @@
+export * from './src/inline-text.component';

package/forms/inline-text/src/inline-text.component.d.ts

@@ -0,0 +1,76 @@
+import { SdFormControl } from '@sd-angular/core/forms/models';
+import * as i0 from "@angular/core";
+/** Visual / `data-state` of the inline input. `'auto'` derives from focus + value. */
+export type SdInlineTextState = 'auto' | 'pending' | 'active' | 'focus' | 'error';
+/** `'standalone'` draws its own affordance (hover bg + focus ring); `'seamless'` defers all chrome to the host. */
+export type SdInlineTextChrome = 'standalone' | 'seamless';
+/**
+ * Borderless, content-hugging text input — the seamless primitive shared by
+ * `sd-input` / `sd-input-number` (`viewed='inline'`) and the query-bar / query-builder chips.
+ *
+ * why: a native `<input>` inside `mat-form-field` cannot hug its content, so inline-edit
+ * looked like a full-width input rather than text. This primitive renders a raw `<input>`
+ * sized via the native `size` attribute (clamped) so the click/hover target tracks the value.
+ *
+ * It is intentionally unopinionated about commit/parse/format: it forwards the raw DOM events
+ * (focus / blur / keydown / paste / composition / Enter / Escape) so each consumer keeps its own
+ * logic (e.g. sd-input-number's vi-VN formatting). Two binding modes:
+ *  - **uncontrolled** via `[(value)]` — used by the chips' signal drafts;
+ *  - **controlled** via `[control]` (an external `SdFormControl`) — used by the form controls.
+ */
+export declare class SdInlineText {
+    /** Uncontrolled value (two-way). Ignored when `[control]` is provided. */
+    readonly value: import("@angular/core").ModelSignal<string>;
+    /** Optional external FormControl (controlled mode) — used by sd-input / sd-input-number. */
+    readonly control: import("@angular/core").InputSignal<SdFormControl | undefined>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Show a hover/value-gated clear-× (default `true`). */
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** `'auto'` derives state from focus + value; pass an explicit value (e.g. `'error'`) to override. */
+    readonly state: import("@angular/core").InputSignal<SdInlineTextState>;
+    readonly chrome: import("@angular/core").InputSignal<SdInlineTextChrome>;
+    readonly autoId: import("@angular/core").InputSignal<string | undefined>;
+    readonly autofocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Lower bound (chars) so short/empty values keep a clickable target. */
+    readonly minSize: import("@angular/core").InputSignal<number>;
+    readonly cleared: import("@angular/core").OutputEmitterRef<void>;
+    readonly keyupEnter: import("@angular/core").OutputEmitterRef<void>;
+    readonly keydownEscape: import("@angular/core").OutputEmitterRef<void>;
+    readonly sdFocus: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly sdBlur: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly sdKeydown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly sdPaste: import("@angular/core").OutputEmitterRef<ClipboardEvent>;
+    readonly sdCompositionStart: import("@angular/core").OutputEmitterRef<CompositionEvent>;
+    readonly sdCompositionEnd: import("@angular/core").OutputEmitterRef<CompositionEvent>;
+    private readonly inputRef;
+    /** Bumped on input/blur/composition + bound-control changes so size/state methods re-eval under OnPush. */
+    protected readonly tick: import("@angular/core").WritableSignal<number>;
+    protected readonly focused: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    /**
+     * Current text — from the bound control in controlled mode, else the value model.
+     * why: `tick` is a tracked dependency so the computed re-runs when a bound control's
+     * value changes programmatically (control.value itself is not a signal).
+     */
+    protected readonly currentText: import("@angular/core").Signal<string>;
+    protected readonly hasValue: import("@angular/core").Signal<boolean>;
+    protected readonly sizeOf: import("@angular/core").Signal<number>;
+    protected readonly showClear: import("@angular/core").Signal<boolean>;
+    protected readonly effectiveState: import("@angular/core").Signal<SdInlineTextState>;
+    protected onInput(ev: Event): void;
+    protected onFocus(ev: FocusEvent): void;
+    protected onBlur(ev: FocusEvent): void;
+    protected onKeyup(ev: KeyboardEvent): void;
+    protected onKeydown(ev: KeyboardEvent): void;
+    protected onPaste(ev: ClipboardEvent): void;
+    protected onCompositionStart(ev: CompositionEvent): void;
+    protected onCompositionEnd(ev: CompositionEvent): void;
+    protected clear(ev: Event): void;
+    /** Focus the native input. */
+    focus(): void;
+    /** Blur the native input. */
+    blur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdInlineText, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdInlineText, "sd-inline-text", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "chrome": { "alias": "chrome"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "cleared": "cleared"; "keyupEnter": "keyupEnter"; "keydownEscape": "keydownEscape"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "sdKeydown": "sdKeydown"; "sdPaste": "sdPaste"; "sdCompositionStart": "sdCompositionStart"; "sdCompositionEnd": "sdCompositionEnd"; }, never, never, true, never>;
+}

package/forms/input/src/input.component.d.ts

@@ -1,24 +1,37 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { FormGroup, ValidatorFn } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
+import { SdInlineText } from '@sd-angular/core/forms/inline-text';
 import { SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
+import { SdCustomValidator, SdFormControl, SdViewed, SdViewedInput } from '@sd-angular/core/forms/models';
+import { Size } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     #private;
     id: string;
     control: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    /** The inline primitive — only present when `viewed='inline'`; drives focus/blur in that mode. */
+    inlineRef: import("@angular/core").Signal<SdInlineText | undefined>;
     sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     sdSuffixDef: import("@angular/core").Signal<SdSuffixDefDirective | undefined>;
-    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string | null>;
+    readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    readonly dataMaxLength: import("@angular/core").Signal<string | null>;
+    readonly dataMinLength: import("@angular/core").Signal<string | null>;
+    readonly dataPattern: import("@angular/core").Signal<string | null>;
+    readonly dataErrorMessage: import("@angular/core").Signal<string | null>;
     name: import("@angular/core").InputSignal<string>;
     appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
     appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
     floatLabel: import("@angular/core").InputSignal<FloatLabelType>;
-    size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
+    size: import("@angular/core").InputSignal<Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
@@ -29,7 +42,16 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Display mode: `false` edit · `true` static view · `'inline'` borderless inline-edit (no panel — the input IS the face). */
+    viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
+    /** `true` when `viewed === 'inline'`. */
+    readonly isInline: import("@angular/core").Signal<boolean>;
+    /** `true` when `viewed === true` (static view, no input). */
+    readonly isViewed: import("@angular/core").Signal<boolean>;
+    /** Focus the inline input. No-op unless `viewed='inline'`. */
+    enterInlineEdit: () => void;
+    /** View display template: `sdViewDef` overrides the projected `#sdValue` for the static view (unified). */
+    readonly viewTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     minlength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     maxlength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
     pattern: import("@angular/core").InputSignal<string | null | undefined>;
@@ -37,20 +59,20 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     resolvedPattern: import("@angular/core").Signal<string | undefined>;
     resolvedPatternErrorMsg: import("@angular/core").Signal<string | undefined>;
     /**
-     * Tổng hợp error message đầu tiên để hiển thị trong tooltip khi hideInlineError = true.
-     * Dùng getter (không phải computed) vì formControl.errors không phải Angular signal.
-     * cdRef.markForCheck() được gọi qua sdChanges subscription nên getter sẽ được re-evaluate đúng cycle.
+     * First active error message for tooltip display when `hideInlineError = true`.
+     * Re-runs only when `#state` ticks (value / status / touched change) — no longer
+     * invoked on every change-detection cycle as a getter would be.
      */
-    get errorTooltipMessage(): string | undefined;
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
     validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
     inlineError: import("@angular/core").InputSignal<string | undefined>;
     hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
-    tooltip: import("@angular/core").InputSignal<string | undefined>;
     valueModel: import("@angular/core").ModelSignal<any>;
     sdChange: import("@angular/core").OutputEmitterRef<any>;
     sdFocus: import("@angular/core").OutputEmitterRef<void>;
     sdBlur: import("@angular/core").OutputEmitterRef<any>;
     keyupEnter: import("@angular/core").OutputEmitterRef<any>;
+    cleared: import("@angular/core").OutputEmitterRef<void>;
     sdFocusForceBlur: EventEmitter<void>;
     formControl: SdFormControl;
     isFocused: boolean;
@@ -59,9 +81,10 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     reValidate: () => void;
-    customInlineErrorValidator(): ValidatorFn;
     getCurrentLength: () => number;
     isMaxlengthExceeded: () => boolean;
+    showClear: () => boolean;
+    clear: ($event?: Event) => void;
     onKeyupEnter: () => void;
     onFocus: () => void;
     onBlur: () => void;
@@ -69,6 +92,5 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     blur: () => void;
     focus: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdInput, "sd-input", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "patternErrorMessage": { "alias": "patternErrorMessage"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdSuffixDef", "sdViewDef"], ["[sdLabel]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdInput, "sd-input", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "patternErrorMessage": { "alias": "patternErrorMessage"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "cleared": "cleared"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdSuffixDef", "sdViewDef"], ["[sdLabel]"], true, never>;
 }
-export declare function backendErrorValidator(backendErrorMessage: string): ValidatorFn;

package/forms/input-color/index.d.ts

@@ -0,0 +1 @@
+export * from './src/input-color.component';

package/forms/input-color/src/input-color.component.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef } from '@angular/core';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { SdViewed, SdViewedInput } from '@sd-angular/core/forms/models';
+import { Size } from '@sdcorejs/utils/models';
+import * as i0 from "@angular/core";
+export declare const SD_INPUT_COLOR_HEX_PATTERN = "^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$";
+export declare class SdInputColor {
+    #private;
+    readonly hexPattern = "^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$";
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly helperText: import("@angular/core").InputSignal<string | undefined>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<Size>;
+    readonly appearance: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
+    readonly form: import("@angular/core").InputSignal<any>;
+    readonly name: import("@angular/core").InputSignal<string | undefined>;
+    readonly autoId: import("@angular/core").InputSignal<string | undefined>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Display mode — forwarded to the inner `<sd-input>`. `'inline'` = borderless inline-edit; disabled `'inline'` → static. */
+    readonly viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
+    readonly valueModel: import("@angular/core").ModelSignal<string | null | undefined>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<string | null | undefined>;
+    readonly picker: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly pickerSafeValue: import("@angular/core").Signal<string>;
+    readonly swatchColor: import("@angular/core").Signal<string>;
+    onInputChange: (v: unknown) => void;
+    openPicker: () => void;
+    onPickerChange: (ev: Event) => void;
+    clear: (ev?: Event) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdInputColor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdInputColor, "sd-input-color", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
+}

package/forms/input-number/src/input-number.component.d.ts

@@ -1,9 +1,11 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { FormControl, FormGroup, FormGroupDirective, NgForm, ValidatorFn } from '@angular/forms';
+import { FormControl, FormGroup, FormGroupDirective, NgForm } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
+import { SdInlineText } from '@sd-angular/core/forms/inline-text';
 import { SdSuffixDefDirective, SdViewDefDirective } from '@sd-angular/core/forms/directives';
-import { SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
+import { SdCustomValidator, SdFormControl, SdViewed, SdViewedInput } from '@sd-angular/core/forms/models';
+import { Size } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
 declare class SdInputNumberErrotStateMatcher implements ErrorStateMatcher {
     private formControl;
@@ -14,9 +16,11 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     #private;
     id: string;
     control: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    /** The inline primitive — only present when `viewed='inline'`; drives focus/blur in that mode. */
+    inlineRef: import("@angular/core").Signal<SdInlineText | undefined>;
     sdLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     sdValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
-    sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
+    sdViewDef: import("@angular/core").Signal<SdViewDefDirective<any, any> | undefined>;
     sdSuffixDef: import("@angular/core").Signal<SdSuffixDefDirective | undefined>;
     private ref;
     private coreConfiguration;
@@ -24,8 +28,14 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     private formConfig;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
+    readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    readonly dataErrorMessage: import("@angular/core").Signal<string | null>;
     name: import("@angular/core").InputSignal<string>;
-    size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
+    size: import("@angular/core").InputSignal<Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
@@ -35,7 +45,16 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Display mode: `false` edit · `true` static view · `'inline'` borderless inline-edit (input IS the face). */
+    viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
+    /** `true` when `viewed === 'inline'`. */
+    readonly isInline: import("@angular/core").Signal<boolean>;
+    /** `true` when `viewed === true` (static view, no input). */
+    readonly isViewed: import("@angular/core").Signal<boolean>;
+    /** Focus the inline input. No-op unless `viewed='inline'`. */
+    enterInlineEdit: () => void;
+    /** View display template: `sdViewDef` overrides the projected `#sdValue` for the static view (unified). */
+    readonly viewTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     type: import("@angular/core").InputSignal<"negative" | "positive" | undefined>;
     precision: import("@angular/core").InputSignal<number>;
     format: import("@angular/core").InputSignal<"1,234,567.89" | "1.234.567,89" | undefined>;
@@ -45,9 +64,8 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     inlineError: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Tổng hợp error message để hiển thị trong tooltip khi hideInlineError = true.
-     * Dùng getter (không phải computed) vì formControl.errors không phải Angular signal.
      */
-    get errorTooltipMessage(): string | undefined;
+    readonly errorMessage: import("@angular/core").Signal<string | undefined>;
     hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
     appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
     appearance: import("@angular/core").Signal<MatFormFieldAppearance>;
@@ -57,20 +75,22 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     sdFocus: import("@angular/core").OutputEmitterRef<void>;
     sdBlur: import("@angular/core").OutputEmitterRef<any>;
     keyupEnter: import("@angular/core").OutputEmitterRef<any>;
+    cleared: import("@angular/core").OutputEmitterRef<void>;
     sdFocusForceBlur: EventEmitter<void>;
     formControl: SdFormControl;
     inputControl: SdFormControl;
     matcher: SdInputNumberErrotStateMatcher;
     isFocused: boolean;
-    decimalSeparator: import("@angular/core").Signal<"," | ".">;
-    thousandsSeparator: import("@angular/core").Signal<"," | ".">;
+    decimalSeparator: import("@angular/core").Signal<"." | ",">;
+    thousandsSeparator: import("@angular/core").Signal<"." | ",">;
     regexPattern: import("@angular/core").Signal<string>;
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     reValidate: () => void;
-    customInlineErrorValidator(): ValidatorFn;
+    showClear: () => boolean;
+    clear: ($event?: Event) => void;
     onKeyupEnter: () => void;
     onKeydown: (event: KeyboardEvent) => void;
     onPaste(event: ClipboardEvent): void;
@@ -82,6 +102,6 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     blur: () => void;
     focus: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdInputNumber, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdInputNumber, "sd-input-number", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef", "sdSuffixDef"], ["[sdLabel]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdInputNumber, "sd-input-number", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdFocus": "sdFocus"; "sdBlur": "sdBlur"; "keyupEnter": "keyupEnter"; "cleared": "cleared"; "sdFocusForceBlur": "sdFocusForceBlur"; }, ["sdLabelTemplate", "sdValueTemplate", "sdViewDef", "sdSuffixDef"], ["[sdLabel]"], true, never>;
 }
 export {};

package/forms/models/index.d.ts

@@ -3,3 +3,5 @@ export * from './src/sd-form-control.model';
 export * from './src/sd-custom-validator.model';
 export * from './src/sd-selection-data.model';
 export * from './src/sd-search.model';
+export * from './src/form-control-state';
+export * from './src/sd-viewed';

package/forms/models/src/form-control-state.d.ts

@@ -0,0 +1,23 @@
+import { Signal } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+export interface SdFormControlSnapshot<T> {
+    value: T | undefined;
+    disabled: boolean;
+    invalid: boolean;
+    touched: boolean;
+}
+/**
+ * Wrap an AbstractControl Signal into a reactive snapshot signal.
+ *
+ * Re-emits on every value, status, touched, or dirty change so
+ * downstream consumers can derive `data-disabled`, `data-value`,
+ * `data-empty`, and `data-invalid` host-binding attributes from a
+ * single, lazily evaluated signal.
+ *
+ * "invalid" is intentionally gated on `touched || dirty` so validation
+ * errors are not surfaced until the user has interacted with the field.
+ *
+ * Must be called inside an Angular injection context (constructor,
+ * field initialiser, or `runInInjectionContext`).
+ */
+export declare function sdFormControlState<T = unknown>(control: Signal<AbstractControl<T> | null | undefined>): Signal<SdFormControlSnapshot<T>>;

package/forms/models/src/sd-custom-validator.model.d.ts

@@ -1,3 +1,15 @@
-import { AsyncValidatorFn } from '@angular/forms';
+import { AsyncValidatorFn, ValidatorFn } from '@angular/forms';
 export type SdCustomValidator = (value: any) => string | Promise<string>;
+/**
+ * Inline-error sentinel validator. Returns `{ inlineError: true }` so the form
+ * template can render `<mat-error>{{ inlineError }}</mat-error>` whenever the
+ * host component has a non-empty `[inlineError]` input. The error message
+ * itself is read from the input — this validator only flags the state.
+ *
+ * why: each form component (input, textarea, select, checkbox, radio, switch,
+ * date, datetime, input-number, autocomplete) previously declared the same
+ * private `customInlineErrorValidator()` method. Centralized here so adding
+ * another form component does not silently re-introduce the duplicate.
+ */
+export declare const SdInlineErrorValidator: ValidatorFn;
 export declare const HandleSdCustomValidator: (func: SdCustomValidator) => AsyncValidatorFn;