@taiga-ui/kit 4.52.0-canary.bf9131e → 4.52.0-canary.c8448e0

package/components/files/file/file.component.d.ts

@@ -1,47 +1,34 @@
-import { EventEmitter } from '@angular/core';
-import { type SafeValue } from '@angular/platform-browser';
-import { type TuiContext } from '@taiga-ui/cdk/types';
 import { type TuiSizeL } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
 import { type TuiFileLike, type TuiFileState } from '../files.types';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
 export declare class TuiFile {
-    private readonly sanitizer;
     private readonly options;
     private readonly locale;
-    private readonly units$;
+    private readonly units;
     private readonly win;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly fileTexts$: Observable<{
+    protected readonly fileTexts: import("@angular/core").Signal<{
         loadingError: string;
         preview: string;
         remove: string;
     }>;
-    file: TuiFileLike;
-    state: TuiFileState;
-    size: TuiSizeL;
-    showDelete: boolean | 'always';
-    showSize: boolean;
-    leftContent: PolymorpheusContent;
-    readonly remove: EventEmitter<void>;
-    protected get preview(): SafeValue;
-    protected get isBig(): boolean;
-    protected get isLoading(): boolean;
-    protected get isError(): boolean;
-    protected get isDeleted(): boolean;
+    protected readonly content: import("@angular/core").Signal<PolymorpheusContent>;
+    protected readonly fileSize: import("@angular/core").Signal<string | null>;
+    protected readonly preview: import("@angular/core").Signal<string>;
+    protected readonly name: import("@angular/core").Signal<string>;
+    protected readonly type: import("@angular/core").Signal<string>;
+    protected readonly icon: import("@angular/core").Signal<PolymorpheusContent<import("@taiga-ui/cdk/types").TuiContext<TuiSizeL>>>;
+    readonly file: import("@angular/core").InputSignal<TuiFileLike>;
+    readonly state: import("@angular/core").InputSignal<TuiFileState>;
+    readonly size: import("@angular/core").InputSignal<TuiSizeL>;
+    readonly showDelete: import("@angular/core").InputSignal<boolean | "always">;
+    readonly showSize: import("@angular/core").InputSignal<boolean>;
+    readonly leftContent: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly remove: import("@angular/core").OutputEmitterRef<void>;
     protected get allowDelete(): boolean;
-    protected get icon(): PolymorpheusContent<TuiContext<TuiSizeL>>;
-    protected get name(): string;
-    protected get type(): string;
-    protected get content$(): Observable<PolymorpheusContent>;
-    protected get fileSize$(): Observable<string | null>;
-    private calculateContent$;
-    private calculateFileSize$;
     private createPreview;
-    private getName;
-    private getType;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFile, "tui-file,a[tuiFile],button[tuiFile]", never, { "file": { "alias": "file"; "required": false; }; "state": { "alias": "state"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showDelete": { "alias": "showDelete"; "required": false; }; "showSize": { "alias": "showSize"; "required": false; }; "leftContent": { "alias": "leftContent"; "required": false; }; }, { "remove": "remove"; }, never, ["*"], true, [{ directive: typeof i1.TuiAppearance; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFile, "tui-file,a[tuiFile],button[tuiFile]", never, { "file": { "alias": "file"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showDelete": { "alias": "showDelete"; "required": false; "isSignal": true; }; "showSize": { "alias": "showSize"; "required": false; "isSignal": true; }; "leftContent": { "alias": "leftContent"; "required": false; "isSignal": true; }; }, { "remove": "remove"; }, never, ["*"], true, [{ directive: typeof i1.TuiAppearance; inputs: {}; outputs: {}; }]>;
 }

package/components/files/file/file.options.d.ts

@@ -4,7 +4,7 @@ import { type TuiSizeL } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type TuiFileState } from '../files.types';
 export interface TuiFileOptions extends TuiAppearanceOptions {
-    readonly formatSize: (units: readonly [string, string, string], size?: number, locale?: string) => string | null;
+    formatSize(units: readonly [string, string, string], size?: number, locale?: string): string | null;
     readonly icons: Record<Exclude<TuiFileState, 'loading'>, PolymorpheusContent<TuiContext<TuiSizeL>>>;
 }
 export declare const TUI_FILE_DEFAULT_OPTIONS: TuiFileOptions;

package/components/files/files/files.component.d.ts

@@ -1,15 +1,12 @@
-import { EventEmitter, type QueryList, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/group";
 export declare class TuiFilesComponent {
-    protected readonly items: QueryList<TemplateRef<Record<string, unknown>>>;
     protected readonly hideText: import("@angular/core").Signal<string>;
     protected readonly showAllText: import("@angular/core").Signal<string>;
-    max: number;
-    expanded: boolean;
-    readonly expandedChange: EventEmitter<boolean>;
-    protected get hasExtraItems(): boolean;
-    protected toggle(): void;
+    protected readonly items: import("@angular/core").Signal<readonly TemplateRef<any>[]>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly expanded: import("@angular/core").ModelSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFilesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFilesComponent, "tui-files", never, { "max": { "alias": "max"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["items"], ["*"], true, [{ directive: typeof i1.TuiGroup; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFilesComponent, "tui-files", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, ["items"], ["*"], true, [{ directive: typeof i1.TuiGroup; inputs: {}; outputs: {}; }]>;
 }

package/components/files/input-files/input-files.component.d.ts

@@ -5,10 +5,10 @@ import { TuiInputFilesContent } from './input-files.content';
 import { TuiInputFilesDirective } from './input-files.directive';
 import * as i0 from "@angular/core";
 export declare class TuiInputFiles {
-    protected readonly template?: TemplateRef<TuiContext<boolean>>;
     protected files?: FileList | null;
     protected readonly content: PolymorpheusComponent<TuiInputFilesContent>;
-    readonly input?: TuiInputFilesDirective;
+    protected readonly template: import("@angular/core").Signal<TemplateRef<TuiContext<boolean>> | undefined>;
+    readonly input: import("@angular/core").Signal<TuiInputFilesDirective | undefined>;
     protected get fileDragged(): boolean;
     protected onFilesSelected(input: HTMLInputElement): void;
     protected onDropped({ dataTransfer }: DragEvent): void;

package/components/files/input-files/input-files.content.d.ts

@@ -1,14 +1,13 @@
-import { type Observable } from 'rxjs';
+import { type TuiContext } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiInputFilesContent {
-    private readonly breakpoint$;
-    private readonly text$;
-    private readonly context;
+    private readonly texts;
     private readonly component;
-    protected get link$(): Observable<string>;
-    protected get label$(): Observable<string>;
-    private computeLink$;
-    private computeLabel$;
+    protected readonly breakpoint: import("@angular/core").Signal<"desktopLarge" | "desktopSmall" | "mobile">;
+    protected readonly context: TuiContext<boolean>;
+    protected readonly link: import("@angular/core").Signal<string>;
+    protected readonly label: import("@angular/core").Signal<string>;
+    protected readonly dragged: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputFilesContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputFilesContent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/components/files/input-files/input-files.directive.d.ts

@@ -7,8 +7,8 @@ import * as i3 from "./input-files-validator.directive";
 export declare class TuiInputFilesDirective extends TuiControl<TuiFileLike | readonly TuiFileLike[]> {
     protected readonly host: any;
     protected readonly m: import("@angular/core").Signal<string | readonly string[] | null>;
-    readonly reject: import("rxjs").Observable<File[]>;
-    readonly input: HTMLInputElement;
+    readonly el: HTMLInputElement;
+    readonly reject: import("@angular/core").OutputRef<File[]>;
     process(files: FileList): void;
     protected onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputFilesDirective, never>;

package/components/files/input-files/input-files.options.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type TuiSizeL } from '@taiga-ui/core/types';
 export interface TuiInputFilesOptions extends TuiAppearanceOptions {
@@ -11,5 +10,4 @@ export declare const TUI_INPUT_FILES_DEFAULT_OPTIONS: TuiInputFilesOptions;
 /**
  * Default parameters for input files component
  */
-export declare const TUI_INPUT_FILES_OPTIONS: InjectionToken<TuiInputFilesOptions>;
-export declare function tuiInputFilesOptionsProvider(options: Partial<TuiInputFilesOptions>): Provider;
+export declare const TUI_INPUT_FILES_OPTIONS: import("@angular/core").InjectionToken<TuiInputFilesOptions>, tuiInputFilesOptionsProvider: (item: Partial<TuiInputFilesOptions> | (() => Partial<TuiInputFilesOptions>)) => import("@angular/core").FactoryProvider;

package/components/filter/filter.component.d.ts

@@ -1,19 +1,16 @@
-import { EventEmitter } from '@angular/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
-import { type TuiBooleanHandler, type TuiHandler, type TuiIdentityMatcher } from '@taiga-ui/cdk/types';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import { type TuiHandler } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives/items-handlers";
 export declare class TuiFilter<T> extends TuiControl<readonly T[]> {
-    identityMatcher: TuiIdentityMatcher<T>;
-    items: readonly T[];
-    size: TuiSizeL | TuiSizeS;
-    disabledItemHandler: TuiBooleanHandler<T>;
-    readonly toggledItem: EventEmitter<T>;
-    content: PolymorpheusContent;
-    badgeHandler: TuiHandler<T, number>;
+    protected readonly handlers: import("@taiga-ui/core/directives/items-handlers").TuiItemsHandlers<unknown>;
+    readonly items: import("@angular/core").InputSignal<readonly T[]>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
+    readonly badgeHandler: import("@angular/core").InputSignal<TuiHandler<T, number>>;
+    readonly content: import("@angular/core").InputSignal<import("@taiga-ui/polymorpheus").PolymorpheusContent>;
+    readonly toggledItem: import("@angular/core").OutputEmitterRef<T>;
     onCheckbox(value: boolean, item: T): void;
     protected isCheckboxEnabled(item: T): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFilter<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFilter<any>, "tui-filter", never, { "identityMatcher": { "alias": "identityMatcher"; "required": false; }; "items": { "alias": "items"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "content": { "alias": "content"; "required": false; }; "badgeHandler": { "alias": "badgeHandler"; "required": false; }; }, { "toggledItem": "toggledItem"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFilter<any>, "tui-filter", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "badgeHandler": { "alias": "badgeHandler"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, { "toggledItem": "toggledItem"; }, never, never, true, [{ directive: typeof i1.TuiWithItemsHandlers; inputs: {}; outputs: {}; }]>;
 }

package/components/fullscreen/fullscreen.component.d.ts

@@ -1,14 +1,11 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiFullscreen {
-    private readonly root?;
+    private readonly root;
     private readonly doc;
-    protected readonly open: import("@angular/core").WritableSignal<boolean>;
-    readonly opened: EventEmitter<boolean>;
-    options?: FullscreenOptions;
-    set fullscreen(open: boolean);
+    readonly tuiFullscreen: import("@angular/core").ModelSignal<boolean>;
+    readonly options: import("@angular/core").InputSignal<FullscreenOptions>;
+    protected readonly handleState: import("@angular/core").EffectRef;
     protected closedByEscape(event: Event): void;
-    private fullscreenState;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFullscreen, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFullscreen, "[tuiFullscreen]", never, { "options": { "alias": "tuiFullscreenOptions"; "required": false; }; "fullscreen": { "alias": "tuiFullscreen"; "required": false; }; }, { "opened": "tuiFullscreenChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFullscreen, "[tuiFullscreen]", never, { "tuiFullscreen": { "alias": "tuiFullscreen"; "required": false; "isSignal": true; }; "options": { "alias": "tuiFullscreenOptions"; "required": false; "isSignal": true; }; }, { "tuiFullscreen": "tuiFullscreenChange"; }, never, ["*"], true, never>;
 }

package/components/index.d.ts

@@ -19,10 +19,8 @@ export * from '@taiga-ui/kit/components/confirm';
 export * from '@taiga-ui/kit/components/copy';
 export * from '@taiga-ui/kit/components/data-list-wrapper';
 export * from '@taiga-ui/kit/components/drawer';
-export * from '@taiga-ui/kit/components/elastic-container';
 export * from '@taiga-ui/kit/components/files';
 export * from '@taiga-ui/kit/components/filter';
-export * from '@taiga-ui/kit/components/floating-container';
 export * from '@taiga-ui/kit/components/fullscreen';
 export * from '@taiga-ui/kit/components/input-chip';
 export * from '@taiga-ui/kit/components/input-color';
@@ -62,7 +60,6 @@ export * from '@taiga-ui/kit/components/routable-dialog';
 export * from '@taiga-ui/kit/components/segmented';
 export * from '@taiga-ui/kit/components/select';
 export * from '@taiga-ui/kit/components/slider';
-export * from '@taiga-ui/kit/components/slides';
 export * from '@taiga-ui/kit/components/status';
 export * from '@taiga-ui/kit/components/stepper';
 export * from '@taiga-ui/kit/components/switch';

package/components/input-chip/input-chip.component.d.ts

@@ -1,28 +1,29 @@
-import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
-import { TuiHintDirective } from '@taiga-ui/core/directives/hint';
+import { type Signal } from '@angular/core';
+import { TuiTextfieldMultiComponent } from '@taiga-ui/core/components/textfield';
 import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
+import { TuiHintDirective } from '@taiga-ui/core/portals/hint';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/kit/components/chip";
 export declare class TuiInputChipComponent<T> {
-    private readonly input?;
     private readonly options;
     private readonly context;
     private readonly value;
+    private readonly input;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly mobile: boolean;
     protected readonly internal: import("@angular/core").WritableSignal<T>;
     protected readonly editing: import("@angular/core").WritableSignal<boolean>;
     protected readonly hint: TuiHintDirective<any> | null;
     protected readonly handlers: TuiItemsHandlers<T>;
-    protected readonly textfield: TuiTextfieldComponent<any>;
-    protected readonly disabled: import("@angular/core").Signal<"disabled" | null>;
-    protected readonly size: import("@angular/core").Signal<"s" | "xs">;
-    editable: boolean;
+    protected readonly textfield: TuiTextfieldMultiComponent<any>;
+    protected readonly disabled: Signal<"disabled" | null>;
+    protected readonly size: Signal<"s" | "xs">;
+    readonly editable: import("@angular/core").InputSignal<boolean>;
     protected get index(): number;
     protected delete(): void;
     protected save(): void;
     protected cancel(): void;
     protected edit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputChipComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputChipComponent<any>, "tui-input-chip", never, { "editable": { "alias": "editable"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiChip; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputChipComponent<any>, "tui-input-chip", never, { "editable": { "alias": "editable"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiChip; inputs: {}; outputs: {}; }]>;
 }

package/components/input-chip/input-chip.d.ts

@@ -1,3 +1,7 @@
+import { TuiItem } from '@taiga-ui/cdk/directives/item';
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldMultiComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import { TuiInputChipComponent } from './input-chip.component';
 import { TuiInputChipDirective } from './input-chip.directive';
-export declare const TuiInputChip: readonly [typeof TuiInputChipDirective, typeof TuiInputChipComponent];
+export declare const TuiInputChip: readonly [typeof TuiItem, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiTextfieldMultiComponent, typeof TuiDropdownContent, typeof TuiInputChipDirective, typeof TuiInputChipComponent];

package/components/input-chip/input-chip.directive.d.ts

@@ -2,19 +2,18 @@ import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiTextfieldAccessor, TuiTextfieldMultiComponent } from '@taiga-ui/core/components/textfield';
 import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/native-validator";
-import * as i2 from "@taiga-ui/core/components/textfield";
-export declare class TuiInputChipBaseDirective<T> extends TuiControl<T[]> implements TuiTextfieldAccessor<T[]> {
+import * as i1 from "@taiga-ui/core/components/input";
+export declare class TuiInputChipDirective<T> extends TuiControl<T[]> implements TuiTextfieldAccessor<T[]> {
     private readonly options;
     private readonly mobile;
     private readonly dropdown;
     protected readonly textfield: TuiTextfieldMultiComponent<any>;
-    protected readonly open: import("@angular/core").WritableSignal<boolean>;
+    protected readonly open: import("@angular/core").ModelSignal<boolean>;
     protected readonly handlers: TuiItemsHandlers<T>;
-    protected readonly enabled: import("@angular/core").Signal<boolean>;
+    protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
     protected readonly sub: import("rxjs").Subscription;
-    separator: string | RegExp;
-    unique: boolean;
+    readonly separator: import("@angular/core").InputSignal<string | RegExp>;
+    readonly unique: import("@angular/core").InputSignal<boolean>;
     readonly el: HTMLInputElement;
     setValue(value: T[]): void;
     protected onEnter(): void;
@@ -22,10 +21,6 @@ export declare class TuiInputChipBaseDirective<T> extends TuiControl<T[]> implem
     protected onPaste(event: ClipboardEvent | DragEvent): void;
     protected onBackspace(key: string): void;
     protected scrollTo(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputChipBaseDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputChipBaseDirective<any>, never, never, { "separator": { "alias": "separator"; "required": false; }; "unique": { "alias": "unique"; "required": false; }; }, {}, never, never, true, never>;
-}
-export declare class TuiInputChipDirective<T> extends TuiInputChipBaseDirective<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputChipDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputChipDirective<any>, "input[tuiInputChip]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiTextfieldBase; inputs: { "invalid": "invalid"; "focused": "focused"; "readOnly": "readOnly"; "state": "state"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputChipDirective<any>, "input[tuiInputChip]", never, { "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "unique": { "alias": "unique"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,2 +1,3 @@
+export * from './input-color';
 export * from './input-color.component';
 export * from './input-color.options';

package/components/input-color/input-color.component.d.ts

@@ -1,24 +1,20 @@
 import { TuiControl } from '@taiga-ui/cdk/classes';
-import { type TuiHorizontalDirection } from '@taiga-ui/core/types';
-import { type TuiInputColorOptions } from './input-color.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@maskito/angular";
-import * as i2 from "@taiga-ui/core/components/textfield";
-export declare class TuiInputColor extends TuiControl<string> {
-    protected readonly options: TuiInputColorOptions;
+import * as i2 from "@taiga-ui/core/components/input";
+export declare class TuiInputColorComponent extends TuiControl<string> {
+    protected readonly options: import("./input-color.options").TuiInputColorOptions;
     protected readonly el: HTMLInputElement;
     protected readonly list: string | null;
-    protected readonly format: import("@angular/core").WritableSignal<"hex" | "hexa">;
-    protected readonly align: import("@angular/core").WritableSignal<TuiHorizontalDirection>;
-    protected readonly left: string;
+    protected readonly start: string;
     protected readonly icon: import("@angular/core").Signal<string>;
-    protected readonly maskito: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
+    protected readonly maskito: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions>;
     protected readonly filled: import("@angular/core").Signal<boolean>;
     protected readonly opacity: import("@angular/core").Signal<number>;
-    set alignSetter(align: TuiInputColorOptions['align']);
-    set formatSetter(mode: TuiInputColorOptions['format']);
+    readonly format: import("@angular/core").InputSignal<"hex" | "hexa">;
+    readonly align: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiHorizontalDirection>;
     protected onInput(value: string): void;
     protected onOpacity(opacity: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputColor, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputColor, "input[tuiInputColor]", never, { "alignSetter": { "alias": "align"; "required": false; }; "formatSetter": { "alias": "format"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputColorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputColorComponent, "input[tuiInputColor]", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithInput; inputs: {}; outputs: {}; }]>;
 }

package/components/input-color/input-color.d.ts

@@ -0,0 +1,5 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
+import { TuiInputColorComponent } from './input-color.component';
+export declare const TuiInputColor: readonly [typeof TuiInputColorComponent, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/components/input-date/input-date.component.d.ts

@@ -3,8 +3,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/components/textfield";
 export declare class TuiInputDateComponent {
     protected readonly host: TuiInputDateDirective;
-    list: string | null;
+    readonly list: import("@angular/core").InputSignal<string | undefined>;
     protected onInput(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputDateComponent, "input[tuiInputDate][type=\"date\"]", never, { "list": { "alias": "list"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithNativePicker; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputDateComponent, "input[tuiInputDate][type=\"date\"]", never, { "list": { "alias": "list"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithNativePicker; inputs: {}; outputs: {}; }]>;
 }

package/components/input-date/input-date.d.ts

@@ -1,4 +1,7 @@
 import { TuiCalendar } from '@taiga-ui/core/components/calendar';
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import { TuiInputDateComponent } from './input-date.component';
 import { TuiInputDateDirective } from './input-date.directive';
-export declare const TuiInputDate: readonly [typeof TuiInputDateDirective, typeof TuiInputDateComponent, typeof TuiCalendar];
+export declare const TuiInputDate: readonly [typeof TuiInputDateDirective, typeof TuiInputDateComponent, typeof TuiCalendar, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/components/input-date/input-date.directive.d.ts

@@ -1,50 +1,49 @@
-import { type MaskitoDateMode } from '@maskito/kit';
+import { type Signal } from '@angular/core';
 import { TuiControl } from '@taiga-ui/cdk/classes';
-import { type TuiDateMode, TuiDay, type TuiDayRange, type TuiTime } from '@taiga-ui/cdk/date-time';
+import { TuiDay, type TuiDayRange, type TuiTime } from '@taiga-ui/cdk/date-time';
 import { TuiCalendar } from '@taiga-ui/core/components/calendar';
-import { TuiTextfieldDirective } from '@taiga-ui/core/components/textfield';
+import { TuiInputDirective } from '@taiga-ui/core/components/input';
 import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
 import { TuiCalendarRange } from '@taiga-ui/kit/components/calendar-range';
-import { type TuiInputDateOptionsNew } from './input-date.options';
+import { type TuiInputDateOptions } from './input-date.options';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
+import * as i1 from "@taiga-ui/core/components/input";
+import * as i2 from "@taiga-ui/core/portals/dropdown";
 import * as i3 from "@taiga-ui/core/directives/items-handlers";
 import * as i4 from "@maskito/angular";
-export declare const TUI_DATE_ADAPTER: Record<TuiDateMode, MaskitoDateMode>;
 export declare abstract class TuiInputDateBase<T extends TuiDay | TuiDayRange | readonly [TuiDay, TuiTime | null]> extends TuiControl<T | null> {
+    abstract readonly max: Signal<TuiDay>;
+    abstract readonly min: Signal<TuiDay>;
     private readonly calendar;
     protected readonly el: HTMLInputElement;
-    protected readonly textfield: TuiTextfieldDirective<any>;
-    protected readonly filler: import("@angular/core").Signal<string>;
+    protected readonly input: TuiInputDirective<any>;
+    protected readonly filler: Signal<string>;
     protected readonly mobile: boolean;
-    protected readonly open: import("@angular/core").WritableSignal<boolean>;
-    protected readonly icon: import("@angular/core").Signal<string>;
+    protected readonly open: import("@angular/core").ModelSignal<boolean>;
+    protected readonly icon: Signal<string>;
     protected readonly handlers: TuiItemsHandlers<T>;
-    protected readonly dropdownEnabled: import("@angular/core").Signal<boolean>;
-    protected readonly options: Omit<TuiInputDateOptionsNew, 'valueTransformer'>;
-    protected readonly format: import("@angular/core").Signal<import("@taiga-ui/core/tokens").TuiDateFormatSettings>;
+    protected readonly format: Signal<import("@taiga-ui/core/tokens").TuiDateFormatSettings>;
+    protected readonly dropdownEnabled: Signal<boolean>;
+    protected readonly identity: import("@angular/core").WritableSignal<(a: TuiDay, b: TuiDay) => boolean>;
+    protected readonly options: Omit<TuiInputDateOptions, 'valueTransformer'>;
     protected readonly valueEffect: import("@angular/core").EffectRef;
     protected readonly calendarIn: import("@angular/core").EffectRef;
     protected readonly calendarOut: import("@angular/core").EffectRef;
     readonly native: boolean;
-    readonly min: import("@angular/core").WritableSignal<TuiDay>;
-    readonly max: import("@angular/core").WritableSignal<TuiDay>;
     protected abstract onValueChange(value: string): void;
-    set minSetter(min: Exclude<T, TuiDayRange> | TuiDay | null);
-    set maxSetter(max: Exclude<T, TuiDayRange> | TuiDay | null);
     writeValue(value: T | null): void;
     setDate(value: TuiDay | TuiDayRange | readonly TuiDay[]): void;
     protected processCalendar(calendar: TuiCalendar | TuiCalendarRange): void;
     protected onClick(): void;
     protected stringify(value: T | null): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateBase<any>, never, never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateBase<any>, never, never, {}, {}, never, never, true, never>;
 }
 export declare class TuiInputDateDirective extends TuiInputDateBase<TuiDay> {
-    protected readonly identity: void;
-    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
+    readonly max: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
+    readonly min: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
+    protected readonly mask: Signal<import("@maskito/core").MaskitoOptions>;
     protected onValueChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateDirective, "input[tuiInputDate]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiItemsHandlersValidator; inputs: {}; outputs: {}; }, { directive: typeof i4.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateDirective, "input[tuiInputDate]", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiItemsHandlersValidator; inputs: {}; outputs: {}; }, { directive: typeof i4.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/input-date/input-date.options.d.ts

@@ -2,16 +2,16 @@ import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import { type TuiDay } from '@taiga-ui/cdk/date-time';
 import { type TuiHandler } from '@taiga-ui/cdk/types';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
-export interface TuiInputDateOptionsNew {
+export interface TuiInputDateOptions {
     readonly icon: TuiHandler<TuiSizeL | TuiSizeS, string>;
     readonly max: TuiDay;
     readonly min: TuiDay;
     readonly valueTransformer: TuiValueTransformer<TuiDay | null, any>;
 }
-export declare const TUI_INPUT_DATE_DEFAULT_OPTIONS_NEW: {
+export declare const TUI_INPUT_DATE_DEFAULT_OPTIONS: {
     readonly icon: () => string;
     readonly min: TuiDay;
     readonly max: TuiDay;
     readonly valueTransformer: TuiValueTransformer<any, any>;
 };
-export declare const TUI_INPUT_DATE_OPTIONS_NEW: import("@angular/core").InjectionToken<TuiInputDateOptionsNew>, tuiInputDateOptionsProviderNew: (item: Partial<TuiInputDateOptionsNew> | (() => Partial<TuiInputDateOptionsNew>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_INPUT_DATE_OPTIONS: import("@angular/core").InjectionToken<TuiInputDateOptions>, tuiInputDateOptionsProvider: (item: Partial<TuiInputDateOptions> | (() => Partial<TuiInputDateOptions>)) => import("@angular/core").FactoryProvider;

package/components/input-date-multi/input-date-multi.d.ts

@@ -1,4 +1,3 @@
 import { TuiCalendar } from '@taiga-ui/core/components/calendar';
-import { TuiInputChipComponent } from '@taiga-ui/kit/components/input-chip';
 import { TuiInputDateMultiDirective } from './input-date-multi.directive';
-export declare const TuiInputDateMulti: readonly [typeof TuiInputDateMultiDirective, typeof TuiCalendar, typeof TuiInputChipComponent];
+export declare const TuiInputDateMulti: readonly [typeof TuiInputDateMultiDirective, typeof TuiCalendar, typeof import("@taiga-ui/cdk/directives/item").TuiItem, typeof import("@taiga-ui/core/components/label").TuiLabel, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldComponent, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldOptionsDirective, typeof import("@taiga-ui/core/components/textfield").TuiTextfieldMultiComponent, typeof import("@taiga-ui/core/portals/dropdown").TuiDropdownContent, typeof import("@taiga-ui/kit/components/input-chip").TuiInputChipDirective, typeof import("@taiga-ui/kit/components/input-chip").TuiInputChipComponent];

package/components/input-date-multi/input-date-multi.directive.d.ts

@@ -1,30 +1,26 @@
 import { TuiDay } from '@taiga-ui/cdk/date-time';
 import { TuiCalendar } from '@taiga-ui/core/components/calendar';
-import { TuiInputChipBaseDirective } from '@taiga-ui/kit/components/input-chip';
+import { TuiInputChipDirective } from '@taiga-ui/kit/components/input-chip';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/native-validator";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
-import * as i3 from "@maskito/angular";
-import * as i4 from "@taiga-ui/core/components/textfield";
-export declare class TuiInputDateMultiDirective extends TuiInputChipBaseDirective<TuiDay> {
+import * as i1 from "@taiga-ui/core/portals/dropdown";
+import * as i2 from "@maskito/angular";
+export declare class TuiInputDateMultiDirective extends TuiInputChipDirective<TuiDay> {
     private readonly dateOptions;
     protected readonly icon: import("@angular/core").Signal<string>;
     protected readonly filler: import("@angular/core").Signal<string>;
-    protected readonly stringify: void;
-    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
     protected readonly format: import("@angular/core").Signal<import("@taiga-ui/core/tokens").TuiDateFormatSettings>;
+    protected readonly stringify: import("@angular/core").WritableSignal<(item: any) => any>;
+    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions>;
+    protected readonly calendar: import("@angular/core").Signal<TuiCalendar | null>;
     protected readonly calendarIn: import("@angular/core").EffectRef;
     protected readonly calendarOut: import("@angular/core").EffectRef;
-    readonly min: import("@angular/core").WritableSignal<TuiDay>;
-    readonly max: import("@angular/core").WritableSignal<TuiDay>;
-    readonly calendar: import("@angular/core").Signal<TuiCalendar | null>;
-    set minSetter(min: TuiDay | null);
-    set maxSetter(max: TuiDay | null);
+    readonly min: import("@angular/core").InputSignal<TuiDay | null>;
+    readonly max: import("@angular/core").InputSignal<TuiDay | null>;
     protected processCalendar(calendar: TuiCalendar): void;
     protected onClick(): void;
     protected onValueChange(value: string): void;
     protected onEnter(): void;
     private updateValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateMultiDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateMultiDirective, "input[tuiInputDateMulti]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.MaskitoDirective; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiTextfieldBase; inputs: { "invalid": "invalid"; "focused": "focused"; "readOnly": "readOnly"; "state": "state"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateMultiDirective, "input[tuiInputDateMulti]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/input-date-range/input-date-range.d.ts

@@ -1,3 +1,6 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import { TuiCalendarRange } from '@taiga-ui/kit/components/calendar-range';
 import { TuiInputDateRangeDirective } from './input-date-range.directive';
-export declare const TuiInputDateRange: readonly [typeof TuiInputDateRangeDirective, typeof TuiCalendarRange];
+export declare const TuiInputDateRange: readonly [typeof TuiInputDateRangeDirective, typeof TuiCalendarRange, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/components/input-date-range/input-date-range.directive.d.ts

@@ -1,20 +1,19 @@
-import { type TuiDayLike, TuiDayRange } from '@taiga-ui/cdk/date-time';
+import { TuiDay, type TuiDayLike, TuiDayRange } from '@taiga-ui/cdk/date-time';
 import { type TuiCalendarRange } from '@taiga-ui/kit/components/calendar-range';
 import { TuiInputDateBase } from '@taiga-ui/kit/components/input-date';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
+import * as i1 from "@taiga-ui/core/components/input";
+import * as i2 from "@taiga-ui/core/portals/dropdown";
 import * as i3 from "@maskito/angular";
 export declare class TuiInputDateRangeDirective extends TuiInputDateBase<TuiDayRange> {
-    protected readonly identity: void;
+    readonly max: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
+    readonly min: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null>;
     protected readonly filler: import("@angular/core").Signal<string>;
-    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions | null>;
-    readonly minLength: import("@angular/core").WritableSignal<TuiDayLike | null>;
-    readonly maxLength: import("@angular/core").WritableSignal<TuiDayLike | null>;
-    set minLengthSetter(minLength: TuiDayLike | null);
-    set maxLengthSetter(maxLength: TuiDayLike | null);
+    protected readonly mask: import("@angular/core").Signal<import("@maskito/core").MaskitoOptions>;
+    readonly minLength: import("@angular/core").InputSignal<TuiDayLike | null>;
+    readonly maxLength: import("@angular/core").InputSignal<TuiDayLike | null>;
     protected processCalendar(calendar: TuiCalendarRange): void;
     protected onValueChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateRangeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateRangeDirective, "input[tuiInputDateRange]", never, { "minLengthSetter": { "alias": "minLength"; "required": false; }; "maxLengthSetter": { "alias": "maxLength"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateRangeDirective, "input[tuiInputDateRange]", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownAuto; inputs: {}; outputs: {}; }, { directive: typeof i3.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }