@sdcorejs/angular 19.1.2 → 19.1.4

package/forms/entity-picker/src/entity-picker.component.d.ts

@@ -0,0 +1,123 @@
+import { ElementRef, TemplateRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { SdModal } from '@sdcorejs/angular/components/modal';
+import { SdQuery, SdQueryField } from '@sdcorejs/angular/components/query-bar';
+import { SdTable, SdTableColumn, SdTableFilterRequest, SdTableOption } from '@sdcorejs/angular/components/table';
+import { SdFormControl, SdViewed, SdViewedInput, ɵSdFormControlParent } from '@sdcorejs/angular/forms/models';
+import { PagingReq } from '@sdcorejs/utils/models';
+import * as i0 from "@angular/core";
+export type SdEntityPickerModel<TKey> = TKey | TKey[] | null | undefined;
+export interface SdEntityPickerPage<T> {
+    readonly items: T[];
+    readonly total: number;
+}
+export interface SdEntityPickerRequest<T> {
+    readonly query: SdQuery<T>;
+    readonly pageIndex: number;
+    readonly pageSize: number;
+    readonly orderBy?: string;
+    readonly orderDirection?: 'ASC' | 'DESC';
+    readonly signal: AbortSignal;
+}
+export interface SdEntityPickerDataProvider<T, TKey> {
+    load(request: SdEntityPickerRequest<T>): SdEntityPickerPage<T> | Promise<SdEntityPickerPage<T>>;
+    hydrate?(keys: readonly TKey[], signal: AbortSignal): T[] | Promise<T[]>;
+}
+export interface SdEntityPickerSelectedTemplateContext<T, TKey> {
+    readonly $implicit: readonly T[];
+    readonly entities: readonly T[];
+    readonly keys: readonly TKey[];
+}
+export interface SdEntityPickerRowTemplateContext<T> {
+    readonly $implicit: T;
+    readonly item: T;
+}
+export declare class SdEntityPickerSelectedTemplateDirective<T, TKey> {
+    readonly template: TemplateRef<SdEntityPickerSelectedTemplateContext<T, TKey>>;
+    static ngTemplateContextGuard<T, TKey>(_directive: SdEntityPickerSelectedTemplateDirective<T, TKey>, _context: unknown): _context is SdEntityPickerSelectedTemplateContext<T, TKey>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdEntityPickerSelectedTemplateDirective<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdEntityPickerSelectedTemplateDirective<any, any>, "ng-template[sdEntityPickerSelected]", never, {}, {}, never, never, true, never>;
+}
+export declare class SdEntityPickerRowTemplateDirective<T> {
+    readonly template: TemplateRef<SdEntityPickerRowTemplateContext<T>>;
+    static ngTemplateContextGuard<T>(_directive: SdEntityPickerRowTemplateDirective<T>, _context: unknown): _context is SdEntityPickerRowTemplateContext<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdEntityPickerRowTemplateDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdEntityPickerRowTemplateDirective<any>, "ng-template[sdEntityPickerRow]", never, {}, {}, never, never, true, never>;
+}
+export declare class SdEntityPickerDetailTemplateDirective<T, TKey> {
+    readonly template: TemplateRef<SdEntityPickerSelectedTemplateContext<T, TKey>>;
+    static ngTemplateContextGuard<T, TKey>(_directive: SdEntityPickerDetailTemplateDirective<T, TKey>, _context: unknown): _context is SdEntityPickerSelectedTemplateContext<T, TKey>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdEntityPickerDetailTemplateDirective<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdEntityPickerDetailTemplateDirective<any, any>, "ng-template[sdEntityPickerDetail]", never, {}, {}, never, never, true, never>;
+}
+export declare class SdEntityPicker<T = unknown, TKey = string | number> {
+    #private;
+    readonly trigger: import("@angular/core").Signal<ElementRef<HTMLButtonElement> | undefined>;
+    readonly modal: import("@angular/core").Signal<SdModal | undefined>;
+    readonly table: import("@angular/core").Signal<SdTable<T> | undefined>;
+    readonly selectedTemplate: import("@angular/core").Signal<SdEntityPickerSelectedTemplateDirective<any, any> | undefined>;
+    readonly rowTemplate: import("@angular/core").Signal<SdEntityPickerRowTemplateDirective<any> | undefined>;
+    readonly detailTemplate: import("@angular/core").Signal<SdEntityPickerDetailTemplateDirective<any, any> | undefined>;
+    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, ɵSdFormControlParent>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly placeholder: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly modalTitle: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly provider: import("@angular/core").InputSignal<SdEntityPickerDataProvider<T, TKey> | null | undefined>;
+    readonly columns: import("@angular/core").InputSignal<readonly SdTableColumn<T>[]>;
+    readonly queryFields: import("@angular/core").InputSignal<readonly SdQueryField<T>[]>;
+    readonly pageSize: import("@angular/core").InputSignal<number>;
+    readonly valueField: import("@angular/core").InputSignal<(T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : string) | undefined>;
+    readonly keySelector: import("@angular/core").InputSignal<((item: T) => TKey) | undefined>;
+    readonly displayField: import("@angular/core").InputSignal<(T extends object ? { [Key in keyof T & string]: T[Key] extends string | number | boolean | Function | Date | null | undefined ? Key : T[Key] extends any[] ? Key : T[Key] extends object ? Key | `${Key}.${T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends object ? { [Key_1 in keyof T_1 & string]: T_1[Key_1] extends string | number | boolean | Function | Date | null | undefined ? Key_1 : T_1[Key_1] extends any[] ? Key_1 : T_1[Key_1] extends object ? Key_1 | `${Key_1}.${T_1[Key_1] extends infer T_2 ? T_2 extends T_1[Key_1] ? T_2 extends object ? { [Key_2 in keyof T_2 & string]: T_2[Key_2] extends string | number | boolean | Function | Date | null | undefined ? Key_2 : T_2[Key_2] extends any[] ? Key_2 : T_2[Key_2] extends object ? Key_2 | `${Key_2}.${T_2[Key_2] extends infer T_3 ? T_3 extends T_2[Key_2] ? T_3 extends object ? { [Key_3 in keyof T_3 & string]: T_3[Key_3] extends string | number | boolean | Function | Date | null | undefined ? Key_3 : T_3[Key_3] extends any[] ? Key_3 : T_3[Key_3] extends object ? Key_3 : Key_3; }[keyof T_3 & string] : string : never : never}` : Key_2; }[keyof T_2 & string] : string : never : never}` : Key_1; }[keyof T_1 & string] : string : never : never}` : Key; }[keyof T & string] : string) | undefined>;
+    readonly displayWith: import("@angular/core").InputSignal<((item: T) => string) | undefined>;
+    readonly compareWith: import("@angular/core").InputSignal<(left: TKey, right: TKey) => boolean>;
+    readonly disabledEntity: import("@angular/core").InputSignal<((item: T) => boolean) | undefined>;
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly viewed: import("@angular/core").InputSignalWithTransform<SdViewed, SdViewedInput>;
+    readonly addable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly model: import("@angular/core").ModelSignal<SdEntityPickerModel<TKey>>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<SdEntityPickerModel<TKey>>;
+    readonly sdAdd: import("@angular/core").OutputEmitterRef<void>;
+    readonly sdLoadError: import("@angular/core").OutputEmitterRef<unknown>;
+    readonly formControl: SdFormControl;
+    readonly connectorState: import("@angular/core").Signal<import("@sdcorejs/angular/forms/models").ɵSdFormControlConnectorState<SdEntityPickerModel<TKey>>>;
+    readonly draftKeys: import("@angular/core").WritableSignal<TKey[]>;
+    readonly loadError: import("@angular/core").WritableSignal<unknown>;
+    readonly loading: import("@angular/core").WritableSignal<boolean>;
+    readonly hydrating: import("@angular/core").WritableSignal<boolean>;
+    readonly query: import("@angular/core").WritableSignal<SdQuery<T>>;
+    readonly modelKeys: import("@angular/core").Signal<TKey[]>;
+    readonly effectivePlaceholder: import("@angular/core").Signal<string>;
+    readonly effectiveModalTitle: import("@angular/core").Signal<string>;
+    readonly selectedEntities: import("@angular/core").Signal<T[]>;
+    readonly draftEntities: import("@angular/core").Signal<T[]>;
+    readonly displayText: import("@angular/core").Signal<string>;
+    readonly selectedTemplateContext: import("@angular/core").Signal<SdEntityPickerSelectedTemplateContext<T, TKey>>;
+    readonly detailTemplateContext: import("@angular/core").Signal<SdEntityPickerSelectedTemplateContext<T, TKey>>;
+    readonly tableOption: import("@angular/core").Signal<SdTableOption<T>>;
+    constructor();
+    open(): void;
+    applySelection(): void;
+    cancel(): void;
+    clear(event?: Event): void;
+    onModalClosed(): void;
+    onTableSelect(item: T, selectedItems: T[]): void;
+    onTableSelectAll(selectedItems: T[], pageItems?: T[]): void;
+    onQueryChange(query: SdQuery<T>): void;
+    loadPage(filterRequest: SdTableFilterRequest<T>, pagingRequest: PagingReq<T>): Promise<SdEntityPickerPage<T>>;
+    retry(): void;
+    add(): void;
+    keyOf(item: T): TKey;
+    displayEntity(item: T): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdEntityPicker<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdEntityPicker<any, any>, "sd-entity-picker", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "modalTitle": { "alias": "modalTitle"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "provider": { "alias": "provider"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "queryFields": { "alias": "queryFields"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "keySelector": { "alias": "keySelector"; "required": false; "isSignal": true; }; "displayField": { "alias": "displayField"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledEntity": { "alias": "disabledEntity"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "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; }; "addable": { "alias": "addable"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; "sdAdd": "sdAdd"; "sdLoadError": "sdLoadError"; }, ["selectedTemplate", "rowTemplate", "detailTemplate"], never, true, never>;
+}
+export declare function normalizePickerKeys<TKey>(value: SdEntityPickerModel<TKey>, multiple: boolean): TKey[];

package/forms/index.d.ts

@@ -2,10 +2,16 @@ export * from '@sdcorejs/angular/forms/directives';
 export * from '@sdcorejs/angular/forms/models';
 export * from '@sdcorejs/angular/forms/label';
 export * from '@sdcorejs/angular/forms/input';
+export * from '@sdcorejs/angular/forms/input-color';
+export * from '@sdcorejs/angular/forms/inline-text';
 export * from '@sdcorejs/angular/forms/input-number';
 export * from '@sdcorejs/angular/forms/date';
 export * from '@sdcorejs/angular/forms/datetime';
 export * from '@sdcorejs/angular/forms/date-range';
+export * from '@sdcorejs/angular/forms/time';
+export * from '@sdcorejs/angular/forms/time-range';
+export * from '@sdcorejs/angular/forms/entity-picker';
+export * from '@sdcorejs/angular/forms/tree-select';
 export * from '@sdcorejs/angular/forms/select';
 export * from '@sdcorejs/angular/forms/autocomplete';
 export * from '@sdcorejs/angular/forms/switch';

package/forms/input/index.d.ts

@@ -1 +1,2 @@
 export * from './src/input.component';
+export * from './src/input-mask';

package/forms/input/src/input-mask.d.ts

@@ -0,0 +1,43 @@
+export type SdInputMaskStatus = 'empty' | 'incomplete' | 'valid' | 'invalid';
+export type SdInputMaskInputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+export interface SdInputMaskResult {
+    readonly raw: string;
+    readonly display: string;
+    readonly status: SdInputMaskStatus;
+    readonly selectionStart: number;
+    readonly selectionEnd: number;
+}
+export interface SdInputMaskAdapter {
+    readonly inputMode?: SdInputMaskInputMode;
+    readonly maxDisplayLength?: number;
+    format(raw: string | null | undefined): SdInputMaskResult;
+    parse(display: string, selectionStart?: number | null, selectionEnd?: number | null): SdInputMaskResult;
+}
+export interface SdInputMaskToken {
+    readonly pattern: RegExp;
+    readonly optional?: boolean;
+    readonly transform?: (value: string) => string;
+}
+export interface SdCreateInputMaskOptions {
+    readonly tokens?: Readonly<Record<string, SdInputMaskToken>>;
+    readonly inputMode?: SdInputMaskInputMode;
+}
+/**
+ * Creates a dependency-free slot mask.
+ *
+ * Default tokens: `#` required digit, `9` optional digit, `A`/`a` required/optional
+ * letter, and `*`/`?` required/optional alphanumeric. Every other character is a
+ * display literal and never leaks into the raw model.
+ */
+export declare function sdCreateInputMask(pattern: string, options?: SdCreateInputMaskOptions): SdInputMaskAdapter;
+/** Common business masks. Models remain raw strings; separators are display-only. */
+export declare const SD_INPUT_MASKS: {
+    readonly VN_PHONE: SdInputMaskAdapter;
+    readonly VN_ID: SdInputMaskAdapter;
+    readonly VN_TAX_CODE: SdInputMaskAdapter;
+    readonly BANK_ACCOUNT: SdInputMaskAdapter;
+    readonly BUSINESS_CODE: SdInputMaskAdapter;
+};
+export type SdInputMaskPreset = keyof typeof SD_INPUT_MASKS;
+export type SdInputMask = SdInputMaskAdapter | SdInputMaskPreset;
+export declare function sdResolveInputMask(mask: SdInputMask | null | undefined): SdInputMaskAdapter | undefined;

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

@@ -5,6 +5,7 @@ import { SdInlineText } from '@sdcorejs/angular/forms/inline-text';
 import { SdSuffixDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
 import { SdCustomValidator, SdFormControl, SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
 import { Size } from '@sdcorejs/utils/models';
+import { SdInputMask, SdInputMaskStatus } from './input-mask';
 import * as i0 from "@angular/core";
 export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     #private;
@@ -36,20 +37,21 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     label: import("@angular/core").InputSignal<string | undefined>;
     helperText: import("@angular/core").InputSignal<string | undefined>;
     placeholder: import("@angular/core").InputSignal<string | undefined>;
-    type: import("@angular/core").InputSignal<"number" | "text" | "password" | "email">;
+    type: import("@angular/core").InputSignal<"number" | "text" | "email" | "password">;
+    mask: import("@angular/core").InputSignal<SdInputMask | null | undefined>;
+    readonly maskAdapter: import("@angular/core").Signal<import("@sdcorejs/angular/forms/input").SdInputMaskAdapter | undefined>;
+    readonly effectiveType: import("@angular/core").Signal<"number" | "text" | "email" | "password">;
+    readonly inputMode: import("@angular/core").Signal<import("@sdcorejs/angular/forms/input").SdInputMaskInputMode | undefined>;
+    readonly maxDisplayLength: import("@angular/core").Signal<number | undefined>;
     hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     blurOnEnter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Whether to show the value-gated clear button in edit and inline modes. */
+    clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabled: 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>;
@@ -73,9 +75,24 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     sdBlur: import("@angular/core").OutputEmitterRef<any>;
     keyupEnter: import("@angular/core").OutputEmitterRef<any>;
     cleared: import("@angular/core").OutputEmitterRef<void>;
-    sdFocusForceBlur: EventEmitter<void>;
+    readonly sdFocusForceBlur: EventEmitter<void>;
     formControl: SdFormControl;
+    /** Display-only control used by the input element while a mask is active. */
+    readonly displayControl: SdFormControl;
+    readonly activeControl: import("@angular/core").Signal<SdFormControl>;
+    readonly maskStatus: import("@angular/core").WritableSignal<SdInputMaskStatus>;
+    readonly displayValue: import("@angular/core").Signal<any>;
     isFocused: boolean;
+    /** Shared reactive form policy consumed by template-facing state below. */
+    readonly connectorState: import("@angular/core").Signal<import("@sdcorejs/angular/forms/models").ɵSdFormControlConnectorState<unknown>>;
+    readonly isReadonly: import("@angular/core").Signal<boolean>;
+    readonly visibleErrorMessage: import("@angular/core").Signal<string | undefined>;
+    /** `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;
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -83,6 +100,8 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     reValidate: () => void;
     getCurrentLength: () => number;
     isMaxlengthExceeded: () => boolean;
+    onCompositionStart(): void;
+    onCompositionEnd(event: CompositionEvent): void;
     showClear: () => boolean;
     clear: ($event?: Event) => void;
     onKeyupEnter: () => void;
@@ -92,5 +111,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; }; "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>;
+    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; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "blurOnEnter": { "alias": "blurOnEnter"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "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>;
 }

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

@@ -18,6 +18,8 @@ export declare class SdInputColor {
     readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Whether the inner `<sd-input>` should render its clear button. */
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly hideInlineError: 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>;
@@ -31,5 +33,5 @@ export declare class SdInputColor {
     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; }; "hideInlineError": { "alias": "hideInlineError"; "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>;
+    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; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "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

@@ -41,6 +41,8 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     placeholder: import("@angular/core").InputSignal<string | undefined>;
     hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     blurOnEnter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Whether to show the value-gated clear button in edit and inline modes. */
+    clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -75,7 +77,7 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     sdBlur: import("@angular/core").OutputEmitterRef<any>;
     keyupEnter: import("@angular/core").OutputEmitterRef<any>;
     cleared: import("@angular/core").OutputEmitterRef<void>;
-    sdFocusForceBlur: EventEmitter<void>;
+    readonly sdFocusForceBlur: EventEmitter<void>;
     formControl: SdFormControl;
     inputControl: SdFormControl;
     matcher: SdInputNumberErrotStateMatcher;
@@ -101,6 +103,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"; "cleared": "cleared"; "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; }; "clearable": { "alias": "clearable"; "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

@@ -1,7 +1,8 @@
 export * from './src/sd-form.configuration';
 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 type * from './src/sd-selection-data.model';
+export type * from './src/sd-search.model';
 export * from './src/form-control-state';
 export * from './src/sd-viewed';
+export * from './src/sd-form-control-connector';

package/forms/models/src/sd-form-control-connector.d.ts

@@ -0,0 +1,86 @@
+import { Signal } from '@angular/core';
+import { AbstractControl, AsyncValidatorFn, FormGroup, NgForm, ValidatorFn } from '@angular/forms';
+import { SdViewed } from './sd-viewed';
+export type ɵSdFormControlParent = FormGroup | NgForm | {
+    readonly form: unknown;
+} | null | undefined;
+interface ɵSdFormControlConnectorBaseOptions<TControl> {
+    /** Parent form source. NgForm and wrapper values are unwrapped on every rebind. */
+    readonly form: Signal<ɵSdFormControlParent>;
+    /** Registration name. Empty names intentionally leave the control unregistered. */
+    readonly name: Signal<string | null | undefined>;
+    /** Canonical control registered in the parent form. */
+    readonly control: Signal<AbstractControl<TControl>>;
+    readonly validators?: Signal<ValidatorFn | readonly ValidatorFn[] | null | undefined>;
+    readonly asyncValidators?: Signal<AsyncValidatorFn | readonly AsyncValidatorFn[] | null | undefined>;
+    /** Adds/removes Validators.required while preserving validators supplied above. */
+    readonly required?: Signal<boolean | null | undefined>;
+    readonly disabled?: Signal<boolean | null | undefined>;
+    /** UI-only read-only policy. This never disables the Angular control. */
+    readonly readonly?: Signal<boolean | null | undefined>;
+    /** Exact SDCoreJS display policy. This never disables the Angular control. */
+    readonly viewed?: Signal<SdViewed | null | undefined>;
+    /** Component-local validation message. Visibility is interaction-gated in state. */
+    readonly validationError?: Signal<string | null | undefined>;
+}
+interface ɵSdFormControlRegistrationOptions<TControl> extends ɵSdFormControlConnectorBaseOptions<TControl> {
+    readonly model?: never;
+    readonly writeModel?: never;
+    readonly modelToControl?: never;
+    readonly controlToModel?: never;
+    readonly modelEquals?: never;
+    readonly controlEquals?: never;
+}
+interface ɵSdFormControlIdentityOptions<TValue> extends ɵSdFormControlConnectorBaseOptions<TValue> {
+    readonly model: Signal<TValue>;
+    readonly writeModel: (value: TValue) => void;
+    readonly modelToControl?: never;
+    readonly controlToModel?: never;
+    readonly modelEquals?: (left: TValue, right: TValue) => boolean;
+    readonly controlEquals?: (left: TValue, right: TValue) => boolean;
+}
+interface ɵSdFormControlAdaptedOptions<TModel, TControl> extends ɵSdFormControlConnectorBaseOptions<TControl> {
+    readonly model: Signal<TModel>;
+    readonly writeModel: (value: TModel) => void;
+    readonly modelToControl: (value: TModel) => TControl;
+    readonly controlToModel: (value: TControl) => TModel;
+    readonly modelEquals?: (left: TModel, right: TModel) => boolean;
+    readonly controlEquals?: (left: TControl, right: TControl) => boolean;
+}
+type ɵSdTypesExactlyMatch<TLeft, TRight> = [TLeft] extends [TRight] ? ([TRight] extends [TLeft] ? true : false) : false;
+/**
+ * @internal Unstable connector contract for cross-entrypoint SDCoreJS controls.
+ * Consumers must use registration-only, same-type identity binding, or provide
+ * both adapters when model and control representations differ.
+ */
+export type ɵSdFormControlConnectorOptions<TModel, TControl> = ɵSdFormControlRegistrationOptions<TControl> | ɵSdFormControlAdaptedOptions<TModel, TControl> | (ɵSdTypesExactlyMatch<TModel, TControl> extends true ? ɵSdFormControlIdentityOptions<TModel> : never);
+export interface ɵSdFormControlConnectorState<TControl> {
+    readonly value: TControl | undefined;
+    readonly disabled: boolean;
+    readonly invalid: boolean;
+    readonly touched: boolean;
+    readonly dirty: boolean;
+    readonly required: boolean;
+    readonly readonly: boolean;
+    readonly viewed: SdViewed;
+    readonly isViewed: boolean;
+    readonly isInline: boolean;
+    readonly showValidationError: boolean;
+    readonly validationError: string | undefined;
+}
+export interface ɵSdFormControlConnector<TControl = unknown> {
+    readonly state: Signal<ɵSdFormControlConnectorState<TControl>>;
+    markAsTouched(): void;
+    markAsUntouched(): void;
+    markAsDirty(): void;
+    markAsPristine(): void;
+}
+/** Coerces the form shapes accepted by SDCoreJS controls into one FormGroup. */
+export declare function ɵsdCoerceFormGroup(value: unknown): FormGroup | undefined;
+/**
+ * Connects the signal-based SDCoreJS model contract to an Angular control.
+ * Registration and subscriptions are rebound transactionally, and cleanup only
+ * removes a control while the connector still owns that exact registration.
+ */
+export declare function ɵsdFormControlConnector<TModel, TControl>(options: ɵSdFormControlConnectorOptions<TModel, TControl>): ɵSdFormControlConnector<TControl>;
+export {};

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

@@ -1,16 +1,17 @@
-import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { OnDestroy, OnInit } from '@angular/core';
 import { SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
-import { SdFormControl, SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
+import { SdFormControl, SdViewed, SdViewedInput, ɵSdFormControlParent } from '@sdcorejs/angular/forms/models';
 import { Color } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
-export declare class SdRadio implements OnInit, AfterViewInit, OnDestroy {
+export declare class SdRadio implements OnInit, OnDestroy {
     #private;
-    id: string;
+    readonly id: string;
+    readonly labelId: string;
+    readonly errorId: string;
     formControl: SdFormControl;
     readonly autoIdInput: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly name: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
-    readonly form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    readonly form: import("@angular/core").InputSignal<ɵSdFormControlParent>;
     readonly label: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly placeholder: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly display: import("@angular/core").InputSignalWithTransform<"row" | "column", "row" | "column" | null | undefined>;
@@ -41,10 +42,13 @@ export declare class SdRadio implements OnInit, AfterViewInit, OnDestroy {
     readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
     readonly dataValue: import("@angular/core").Signal<string>;
     readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
+    readonly visibleError: import("@angular/core").Signal<"required" | "inlineError" | undefined>;
+    readonly ariaLabelledBy: import("@angular/core").Signal<string | undefined>;
+    readonly ariaLabel: import("@angular/core").Signal<string | undefined>;
+    readonly ariaDescribedBy: import("@angular/core").Signal<string | undefined>;
+    readonly ariaInvalid: import("@angular/core").Signal<"true" | "false">;
     readonly viewedText: import("@angular/core").Signal<any>;
-    constructor();
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     reValidate: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdRadio, never>;

package/forms/src/forms.module.d.ts

@@ -3,12 +3,16 @@ import * as i1 from "@sdcorejs/angular/forms/input";
 import * as i2 from "@sdcorejs/angular/forms/input-number";
 import * as i3 from "@sdcorejs/angular/forms/date";
 import * as i4 from "@sdcorejs/angular/forms/date-range";
-import * as i5 from "@sdcorejs/angular/forms/select";
-import * as i6 from "@sdcorejs/angular/forms/autocomplete";
-import * as i7 from "@sdcorejs/angular/forms/radio";
-import * as i8 from "@sdcorejs/angular/forms/textarea";
+import * as i5 from "@sdcorejs/angular/forms/time";
+import * as i6 from "@sdcorejs/angular/forms/time-range";
+import * as i7 from "@sdcorejs/angular/forms/entity-picker";
+import * as i8 from "@sdcorejs/angular/forms/tree-select";
+import * as i9 from "@sdcorejs/angular/forms/select";
+import * as i10 from "@sdcorejs/angular/forms/autocomplete";
+import * as i11 from "@sdcorejs/angular/forms/radio";
+import * as i12 from "@sdcorejs/angular/forms/textarea";
 export declare class SdFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SdFormsModule, never, [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdSelect, typeof i6.SdAutocomplete, typeof i7.SdRadio, typeof i8.SdTextarea], [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdSelect, typeof i6.SdAutocomplete, typeof i7.SdRadio, typeof i8.SdTextarea]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdFormsModule, never, [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdTime, typeof i6.SdTimeRange, typeof i7.SdEntityPicker, typeof i8.SdTreeSelect, typeof i9.SdSelect, typeof i10.SdAutocomplete, typeof i11.SdRadio, typeof i12.SdTextarea], [typeof i1.SdInput, typeof i2.SdInputNumber, typeof i3.SdDate, typeof i4.SdDateRange, typeof i5.SdTime, typeof i6.SdTimeRange, typeof i7.SdEntityPicker, typeof i8.SdTreeSelect, typeof i9.SdSelect, typeof i10.SdAutocomplete, typeof i11.SdRadio, typeof i12.SdTextarea]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SdFormsModule>;
 }

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

@@ -1,15 +1,14 @@
-import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { SdFormControl, SdViewed, SdViewedInput } from '@sdcorejs/angular/forms/models';
+import { OnDestroy, OnInit } from '@angular/core';
+import { SdFormControl, SdViewed, SdViewedInput, ɵSdFormControlParent } from '@sdcorejs/angular/forms/models';
 import { Color } from '@sdcorejs/utils/models';
 import * as i0 from "@angular/core";
-export declare class SdSwitch implements OnInit, AfterViewInit, OnDestroy {
+export declare class SdSwitch implements OnInit, OnDestroy {
     #private;
     id: string;
     formControl: SdFormControl;
     readonly autoIdInput: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly name: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
-    readonly form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    readonly form: import("@angular/core").InputSignal<ɵSdFormControlParent>;
     readonly label: import("@angular/core").InputSignalWithTransform<string | undefined, string | null | undefined>;
     readonly color: import("@angular/core").InputSignalWithTransform<Color, Color | null | undefined>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -26,9 +25,7 @@ export declare class SdSwitch implements OnInit, AfterViewInit, OnDestroy {
     readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
     readonly dataValue: import("@angular/core").Signal<string>;
     readonly dataRequired: import("@angular/core").Signal<"true" | "false">;
-    constructor();
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSwitch, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdSwitch, "sd-switch", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;

package/forms/time/index.d.ts

@@ -0,0 +1,3 @@
+export * from './src/time-value';
+export * from './src/time-picker.adapter';
+export * from './src/time.component';

package/forms/time/src/time-picker.adapter.d.ts

@@ -0,0 +1,13 @@
+export interface SdTimePickerAdapter<TPickerValue> {
+    toPickerValue(value: string | null | undefined): TPickerValue;
+    fromPickerValue(value: TPickerValue): string | null;
+}
+/**
+ * Bridges the public time-only string contract to Date-based picker controls.
+ * The fixed date never escapes this adapter, so timezone/calendar data cannot
+ * leak into the model.
+ */
+export declare class SdDateTimePickerAdapter implements SdTimePickerAdapter<Date> {
+    toPickerValue(value: string | null | undefined): Date;
+    fromPickerValue(value: Date): string | null;
+}

package/forms/time/src/time-value.d.ts

@@ -0,0 +1,19 @@
+export interface SdTimeParts {
+    readonly hour: number;
+    readonly minute: number;
+}
+export interface SdTimeConstraints {
+    readonly min?: string | null;
+    readonly max?: string | null;
+    /** Minute increment. Non-positive and non-finite values disable step validation. */
+    readonly step?: number | null;
+}
+export type SdTimeValidationError = 'time' | 'min' | 'max' | 'step';
+/** Parses a time-only string without constructing a Date or applying a timezone. */
+export declare function sdParseTime(value: unknown): SdTimeParts | null;
+/** Converts a valid time-only value to the canonical `HH:mm` representation. */
+export declare function sdNormalizeTime(value: unknown): string | null;
+/** Returns minutes since midnight for ordering and range validation. */
+export declare function sdTimeToMinutes(value: unknown): number | null;
+/** Validates syntax, inclusive boundaries, and minute-step alignment. */
+export declare function sdValidateTime(value: unknown, constraints?: SdTimeConstraints): SdTimeValidationError | null;