@taiga-ui/core 4.51.0 → 4.52.0-canary.1ea42f6

package/classes/driver.d.ts

@@ -12,5 +12,5 @@ export declare abstract class TuiDriverDirective implements AfterViewInit {
     private readonly vehicles;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDriverDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDriverDirective, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDriverDirective, never, never, {}, {}, never, never, true, never>;
 }

package/components/button/button.directive.d.ts

@@ -2,9 +2,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
 import * as i2 from "@taiga-ui/core/directives/icons";
 export declare class TuiButton {
-    private readonly options;
     protected readonly nothing: undefined;
-    size: "m" | "l" | "xl" | "s" | "xs";
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "s" | "xs">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButton, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButton, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
 }

package/components/button/button.options.d.ts

@@ -4,4 +4,4 @@ export interface TuiButtonOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeXL | TuiSizeXS;
 }
 export declare const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions;
-export declare const TUI_BUTTON_OPTIONS: import("@angular/core").InjectionToken<TuiButtonOptions>, tuiButtonOptionsProvider: (item: Partial<TuiButtonOptions> | import("@angular/core").ProviderToken<Partial<TuiButtonOptions>>) => import("@angular/core").FactoryProvider;
+export declare const TUI_BUTTON_OPTIONS: import("@angular/core").InjectionToken<TuiButtonOptions>, tuiButtonOptionsProvider: (item: Partial<TuiButtonOptions> | (() => Partial<TuiButtonOptions>)) => import("@angular/core").FactoryProvider;

package/components/calendar/calendar-sheet.component.d.ts

@@ -32,12 +32,7 @@ export declare class TuiCalendarSheet {
     getItemRange(item: TuiDay): 'active' | 'end' | 'middle' | 'start' | null;
     protected get computedRangeMode(): boolean;
     protected get isRangePicking(): boolean;
-    protected readonly toMarkers: (day: TuiDay, today: boolean, range: string | null, markerHandler: TuiMarkerHandler | null) => [
-        string,
-        string
-    ] | [
-        string
-    ] | null;
+    protected readonly toMarkers: (day: TuiDay, today: boolean, range: string | null, markerHandler: TuiMarkerHandler | null) => [string, string] | [string] | null;
     protected itemIsToday(item: TuiDay): boolean;
     protected itemIsUnavailable(item: TuiDay): boolean;
     protected onItemClick(item: TuiDay): void;

package/components/cell/cell.directive.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class TuiCell {
+    protected readonly nothing: undefined;
+    protected readonly options: import("./cell.options").TuiCellOptions;
+    readonly size: import("@angular/core").InputSignal<"" | "m" | "l" | "s">;
+    readonly height: import("@angular/core").InputSignal<"compact" | "normal" | "spacious">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCell, "[tuiCell]:not(ng-template)", never, { "size": { "alias": "tuiCell"; "required": false; "isSignal": true; }; "height": { "alias": "tuiCellHeight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/cell/cell.options.d.ts

@@ -0,0 +1,6 @@
+import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
+export interface TuiCellOptions {
+    readonly height: 'compact' | 'normal' | 'spacious';
+    readonly size: TuiSizeL | TuiSizeS | '';
+}
+export declare const TUI_CELL_OPTIONS: import("@angular/core").InjectionToken<TuiCellOptions>, tuiCellOptionsProvider: (item: Partial<TuiCellOptions> | (() => Partial<TuiCellOptions>)) => import("@angular/core").FactoryProvider;

package/components/cell/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cell.directive';
+export * from './cell.options';

package/components/dialog/active-zone-adapter.directive.d.ts

@@ -0,0 +1,11 @@
+import { type OnDestroy, type OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk/directives/active-zone";
+export declare class TuiActiveZoneAdapter implements OnDestroy, OnInit {
+    private readonly current;
+    private readonly parent;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiActiveZoneAdapter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiActiveZoneAdapter, "[tuiActiveZoneAdapter]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }]>;
+}

package/components/error/error.component.d.ts

@@ -1,11 +1,9 @@
 import { TuiValidationError } from '@taiga-ui/cdk/classes';
 import * as i0 from "@angular/core";
-export declare class TuiError {
-    protected readonly options: import("@angular/animations").AnimationOptions;
-    protected error: TuiValidationError | null;
-    protected visible: boolean;
+export declare class TuiErrorComponent {
     protected readonly default: import("@angular/core").Signal<string | undefined>;
-    set errorSetter(error: TuiValidationError | string | null);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiError, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiError, "tui-error", never, { "errorSetter": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
+    protected readonly content: import("@angular/core").Signal<TuiValidationError<Record<string, unknown>> | null>;
+    readonly error: import("@angular/core").InputSignal<string | TuiValidationError<Record<string, unknown>> | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiErrorComponent, "tui-error", never, { "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/error/error.d.ts

@@ -0,0 +1,4 @@
+import { TuiErrorComponent } from './error.component';
+import { TuiErrorDirective } from './error.directive';
+import { TuiErrorPipe } from './error.pipe';
+export declare const TuiError: readonly [typeof TuiErrorComponent, typeof TuiErrorDirective, typeof TuiErrorPipe];

package/components/error/error.directive.d.ts

@@ -0,0 +1,19 @@
+import { type Signal } from '@angular/core';
+import { type AbstractControl, type ControlValueAccessor, type ValidationErrors, type Validator } from '@angular/forms';
+import { TuiValidationError } from '@taiga-ui/cdk/classes';
+import * as i0 from "@angular/core";
+export declare class TuiErrorDirective implements ControlValueAccessor, Validator {
+    private readonly content;
+    private readonly control;
+    private readonly errors;
+    private readonly key;
+    readonly order: import("@angular/core").InputSignal<readonly string[]>;
+    readonly error: Signal<TuiValidationError<Record<string, unknown>> | null>;
+    registerOnChange(): void;
+    registerOnTouched(): void;
+    writeValue(): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    private getError;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiErrorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiErrorDirective, "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName]", never, { "order": { "alias": "order"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/error/error.pipe.d.ts

@@ -0,0 +1,10 @@
+import { type PipeTransform } from '@angular/core';
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import * as i0 from "@angular/core";
+export declare class TuiErrorPipe implements PipeTransform {
+    private readonly control;
+    private readonly directive;
+    transform(order: readonly string[]): PolymorpheusContent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiErrorPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiErrorPipe, "tuiError", true>;
+}

package/components/error/index.d.ts

@@ -1 +1,4 @@
+export * from './error';
 export * from './error.component';
+export * from './error.directive';
+export * from './error.pipe';

package/components/header/header.directive.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare const TUI_HEADER_OPTIONS: import("@angular/core").InjectionToken<{
+    size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}>, tuiHeaderOptionsProvider: (item: Partial<{
+    size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}> | (() => Partial<{
+    size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}>)) => import("@angular/core").FactoryProvider;
+export declare class TuiHeader {
+    protected readonly nothing: undefined;
+    protected readonly options: {
+        size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    };
+    readonly tuiHeader: import("@angular/core").InputSignal<"" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHeader, "[tuiHeader]", never, { "tuiHeader": { "alias": "tuiHeader"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/header/index.d.ts

@@ -0,0 +1 @@
+export * from './header.directive';

package/components/icon/icon.component.d.ts

@@ -1,12 +1,10 @@
-import { type TuiStringHandler } from '@taiga-ui/cdk/types';
+import { TuiIcons } from '@taiga-ui/core/directives';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives";
 export declare class TuiIcon {
-    protected readonly resolver: TuiStringHandler<string>;
-    protected readonly backgroundSrc: import("@angular/core").WritableSignal<string | null>;
-    protected readonly iconSrc: import("@angular/core").WritableSignal<string | null>;
-    set icon(icon: string);
-    set background(background: string);
-    resolve(value?: string | null): string | null;
+    protected readonly icons: TuiIcons;
+    protected readonly mask: import("@angular/core").Signal<string | null>;
+    readonly background: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiIcon, "tui-icon", never, { "icon": { "alias": "icon"; "required": false; }; "background": { "alias": "background"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiIcon, "tui-icon:not([tuiBadge])", never, { "background": { "alias": "background"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiIcons; inputs: { "iconStart": "icon"; "iconEnd": "badge"; }; outputs: {}; }]>;
 }

package/components/index.d.ts

@@ -1,11 +1,12 @@
 export * from '@taiga-ui/core/components/alert';
 export * from '@taiga-ui/core/components/button';
 export * from '@taiga-ui/core/components/calendar';
+export * from '@taiga-ui/core/components/cell';
 export * from '@taiga-ui/core/components/data-list';
 export * from '@taiga-ui/core/components/dialog';
 export * from '@taiga-ui/core/components/error';
 export * from '@taiga-ui/core/components/expand';
-export * from '@taiga-ui/core/components/fullscreen';
+export * from '@taiga-ui/core/components/header';
 export * from '@taiga-ui/core/components/icon';
 export * from '@taiga-ui/core/components/label';
 export * from '@taiga-ui/core/components/link';

package/components/notification/notification.options.d.ts

@@ -10,4 +10,4 @@ export declare const TUI_NOTIFICATION_DEFAULT_OPTIONS: TuiNotificationOptions;
 /**
  * Default parameters for notification alert component
  */
-export declare const TUI_NOTIFICATION_OPTIONS: import("@angular/core").InjectionToken<TuiNotificationOptions>, tuiNotificationOptionsProvider: (item: Partial<TuiNotificationOptions> | import("@angular/core").ProviderToken<Partial<TuiNotificationOptions>>) => import("@angular/core").FactoryProvider;
+export declare const TUI_NOTIFICATION_OPTIONS: import("@angular/core").InjectionToken<TuiNotificationOptions>, tuiNotificationOptionsProvider: (item: Partial<TuiNotificationOptions> | (() => Partial<TuiNotificationOptions>)) => import("@angular/core").FactoryProvider;

package/components/root/root.component.d.ts

@@ -2,18 +2,17 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/platform";
 import * as i2 from "@taiga-ui/cdk/directives/visual-viewport";
 import * as i3 from "@taiga-ui/cdk/directives/font-size";
+import * as i4 from "@taiga-ui/cdk/directives/active-zone";
 export declare class TuiRoot {
     private readonly doc;
     private readonly el;
+    private readonly child;
     protected readonly reducedMotion: boolean;
     protected readonly duration: number;
-    protected readonly isChildRoot: boolean;
     protected readonly top: import("@angular/core").WritableSignal<boolean>;
-    protected readonly isMobileRes: import("@angular/core").Signal<boolean>;
-    protected readonly nativeScrollbar: boolean;
+    protected readonly isMobileRes: import("@angular/core").Signal<boolean | undefined>;
     protected readonly scrollbars: boolean;
-    constructor();
-    protected get isTopLayer(): boolean;
+    protected get parent(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRoot, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRoot, "tui-root", never, {}, {}, never, ["*", "tuiOverContent", "tuiOverDialogs", "tuiOverAlerts", "tuiOverDropdowns", "tuiOverHints"], true, [{ directive: typeof i1.TuiPlatform; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiVisualViewport; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiFontSize; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRoot, "tui-root", never, {}, {}, never, ["*", "tuiOverContent", "tuiOverDialogs", "tuiOverAlerts", "tuiOverDropdowns", "tuiOverHints"], true, [{ directive: typeof i1.TuiPlatform; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiVisualViewport; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiFontSize; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiActiveZone; inputs: {}; outputs: {}; }]>;
 }

package/components/scrollbar/scrollbar.options.d.ts

@@ -2,4 +2,4 @@ export interface TuiScrollbarOptions {
     mode: 'always' | 'hidden' | 'hover' | 'native';
 }
 export declare const TUI_DEFAULT_SCROLLBAR_OPTIONS: TuiScrollbarOptions;
-export declare const TUI_SCROLLBAR_OPTIONS: import("@angular/core").InjectionToken<TuiScrollbarOptions>, tuiScrollbarOptionsProvider: (item: Partial<TuiScrollbarOptions> | import("@angular/core").ProviderToken<Partial<TuiScrollbarOptions>>) => import("@angular/core").FactoryProvider;
+export declare const TUI_SCROLLBAR_OPTIONS: import("@angular/core").InjectionToken<TuiScrollbarOptions>, tuiScrollbarOptionsProvider: (item: Partial<TuiScrollbarOptions> | (() => Partial<TuiScrollbarOptions>)) => import("@angular/core").FactoryProvider;

package/components/textfield/textfield-content.directive.d.ts

@@ -1,8 +1,9 @@
-import { type DoCheck } from '@angular/core';
+import { type DoCheck, type OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TuiTextfieldContent implements DoCheck {
+export declare class TuiTextfieldContent implements DoCheck, OnDestroy {
     private readonly ref;
     ngDoCheck(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldContent, "ng-template[tuiTextfieldContent]", never, {}, {}, never, never, true, never>;
 }

package/components/textfield/textfield-icon.d.ts

@@ -1,6 +1,6 @@
 import { type ProviderToken, type Signal } from '@angular/core';
-import { type TuiHandler } from '@taiga-ui/cdk/types';
+import { type TuiStringHandler } from '@taiga-ui/cdk/types';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
-export declare function tuiTextfieldIconBinding(token: ProviderToken<{
-    icon: TuiHandler<TuiSizeL | TuiSizeS, string>;
+export declare function tuiTextfieldIcon(token: ProviderToken<{
+    icon: TuiStringHandler<TuiSizeL | TuiSizeS>;
 }>): Signal<string>;

package/components/textfield/textfield-multi/textfield-multi.component.d.ts

@@ -1,6 +1,5 @@
-import { type AfterContentInit, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { type TuiContext } from '@taiga-ui/cdk/types';
-import { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { TuiTextfieldBaseComponent } from '../textfield.component';
 import { type TuiTextfieldItem } from './textfield-item.component';
@@ -10,7 +9,7 @@ import * as i2 from "../textfield-dropdown.directive";
 import * as i3 from "@taiga-ui/core/directives/icons";
 import * as i4 from "@taiga-ui/core/directives";
 import * as i5 from "@taiga-ui/core/components/data-list";
-export declare class TuiTextfieldMultiComponent<T> extends TuiTextfieldBaseComponent<T> implements TuiDataListHost<T>, AfterContentInit {
+export declare class TuiTextfieldMultiComponent<T> extends TuiTextfieldBaseComponent<T> {
     protected readonly height: import("@angular/core").WritableSignal<number | null>;
     protected readonly handlers: import("@taiga-ui/core/directives").TuiItemsHandlers<unknown>;
     protected readonly component: PolymorpheusContent<TuiContext<TuiTextfieldItem<T>>>;

package/components/textfield/textfield.component.d.ts

@@ -1,4 +1,4 @@
-import { type AfterContentInit, ElementRef, type QueryList, ViewContainerRef } from '@angular/core';
+import { type AfterContentChecked, ElementRef, type QueryList, ViewContainerRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiContext } from '@taiga-ui/cdk/types';
@@ -9,11 +9,12 @@ import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type TuiTextfieldAccessor } from './textfield-accessor';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/dropdown";
-import * as i2 from "@taiga-ui/core/directives/icons";
-import * as i3 from "@taiga-ui/core/directives/items-handlers";
-import * as i4 from "@taiga-ui/core/components/data-list";
-import * as i5 from "./textfield-dropdown.directive";
-export declare class TuiTextfieldBaseComponent<T> implements TuiDataListHost<T>, AfterContentInit {
+import * as i2 from "@taiga-ui/cdk/directives/transitioned";
+import * as i3 from "@taiga-ui/core/directives/icons";
+import * as i4 from "@taiga-ui/core/directives/items-handlers";
+import * as i5 from "@taiga-ui/core/components/data-list";
+import * as i6 from "./textfield-dropdown.directive";
+export declare class TuiTextfieldBaseComponent<T> implements TuiDataListHost<T>, AfterContentChecked {
     private readonly filler;
     private readonly autoId;
     private readonly focusedIn;
@@ -22,6 +23,7 @@ export declare class TuiTextfieldBaseComponent<T> implements TuiDataListHost<T>,
     protected readonly ghost?: ElementRef<HTMLElement>;
     protected readonly label?: ElementRef<HTMLElement>;
     protected readonly auxiliaryQuery: QueryList<object>;
+    protected readonly _input?: ElementRef<HTMLInputElement>;
     protected readonly open: import("@angular/core").WritableSignal<boolean>;
     protected readonly dropdown: TuiDropdownDirective;
     protected readonly dropdownOpen: TuiDropdownOpen;
@@ -43,16 +45,16 @@ export declare class TuiTextfieldBaseComponent<T> implements TuiDataListHost<T>,
     set fillerSetter(filler: string);
     get id(): string;
     get size(): TuiSizeL | TuiSizeS;
-    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
     handleOption(option: T): void;
     protected get hasLabel(): boolean;
     protected onResize({ contentRect }: ResizeObserverEntry): void;
     protected onIconClick(): void;
     protected onScroll(element: HTMLElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldBaseComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldBaseComponent<any>, never, never, { "content": { "alias": "content"; "required": false; }; "fillerSetter": { "alias": "filler"; "required": false; }; }, {}, ["label", "accessor", "control", "cva", "input", "auxiliaryQuery"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldBaseComponent<any>, never, never, { "content": { "alias": "content"; "required": false; }; "fillerSetter": { "alias": "filler"; "required": false; }; }, {}, ["label", "_input", "accessor", "control", "cva", "input", "auxiliaryQuery"], never, true, never>;
 }
 export declare class TuiTextfieldComponent<T> extends TuiTextfieldBaseComponent<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldComponent<any>, "tui-textfield:not([multi])", never, {}, {}, never, ["input", "select", "textarea", "label", "*", "tui-icon"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownFixed; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiWithItemsHandlers; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiWithOptionContent; inputs: {}; outputs: {}; }, { directive: typeof i5.TuiWithTextfieldDropdown; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextfieldComponent<any>, "tui-textfield:not([multi])", never, {}, {}, never, ["input", "select", "textarea", "label", "*", "tui-icon"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownFixed; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiTransitioned; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i4.TuiWithItemsHandlers; inputs: {}; outputs: {}; }, { directive: typeof i5.TuiWithOptionContent; inputs: {}; outputs: {}; }, { directive: typeof i6.TuiWithTextfieldDropdown; inputs: {}; outputs: {}; }]>;
 }

package/components/textfield/textfield.directive.d.ts

@@ -30,7 +30,7 @@ export declare class TuiTextfieldBase<T> implements OnChanges, TuiTextfieldAcces
 }
 export declare class TuiTextfieldDirective<T> extends TuiTextfieldBase<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldDirective<any>, "input[tuiTextfield]:not([tuiInputCard]):not([tuiInputExpire]):not([tuiInputCVC])", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAppearance; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldDirective<any>, "input[tuiTextfield]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAppearance; inputs: {}; outputs: {}; }]>;
 }
 export declare class TuiWithTextfield {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithTextfield, never>;

package/directives/appearance/appearance.directive.d.ts

@@ -1,21 +1,13 @@
 import { type TuiInteractiveState } from '@taiga-ui/core/types';
-import { type TuiAppearanceOptions } from './appearance.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/transitioned";
 export declare class TuiAppearance {
-    private readonly cdr;
-    private readonly el;
     protected readonly nothing: undefined;
     protected readonly modes: import("@angular/core").Signal<string | null>;
-    readonly appearance: import("@angular/core").WritableSignal<"accent" | "action-destructive" | "action-grayscale" | "action" | "flat-destructive" | "flat-grayscale" | "flat" | "floating" | "glass" | "icon" | "info" | "negative" | "neutral" | "outline-destructive" | "outline-grayscale" | "outline" | "positive" | "primary-destructive" | "primary-grayscale" | "primary" | "secondary-destructive" | "secondary-grayscale" | "secondary" | "textfield" | "warning" | (Record<never, never> & string)>;
-    readonly state: import("@angular/core").WritableSignal<TuiInteractiveState | null>;
-    readonly focus: import("@angular/core").WritableSignal<boolean | null>;
-    readonly mode: import("@angular/core").WritableSignal<string | readonly string[] | null>;
-    readonly update: import("@angular/core").EffectRef;
-    set tuiAppearance(appearance: TuiAppearanceOptions['appearance']);
-    set tuiAppearanceState(state: TuiInteractiveState | null);
-    set tuiAppearanceFocus(focus: boolean | null);
-    set tuiAppearanceMode(mode: string | readonly string[] | null);
+    readonly tuiAppearance: import("@angular/core").InputSignal<"accent" | "action-destructive" | "action-grayscale" | "action" | "flat-destructive" | "flat-grayscale" | "flat" | "floating" | "glass" | "icon" | "info" | "negative" | "neutral" | "outline-destructive" | "outline-grayscale" | "outline" | "positive" | "primary-destructive" | "primary-grayscale" | "primary" | "secondary-destructive" | "secondary-grayscale" | "secondary" | "textfield" | "warning" | (Record<never, never> & string)>;
+    readonly tuiAppearanceState: import("@angular/core").InputSignal<TuiInteractiveState | null>;
+    readonly tuiAppearanceFocus: import("@angular/core").InputSignal<boolean | null>;
+    readonly tuiAppearanceMode: import("@angular/core").InputSignal<string | readonly string[] | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppearance, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppearance, "[tuiAppearance]", never, { "tuiAppearance": { "alias": "tuiAppearance"; "required": false; }; "tuiAppearanceState": { "alias": "tuiAppearanceState"; "required": false; }; "tuiAppearanceFocus": { "alias": "tuiAppearanceFocus"; "required": false; }; "tuiAppearanceMode": { "alias": "tuiAppearanceMode"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTransitioned; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppearance, "[tuiAppearance]", never, { "tuiAppearance": { "alias": "tuiAppearance"; "required": false; "isSignal": true; }; "tuiAppearanceState": { "alias": "tuiAppearanceState"; "required": false; "isSignal": true; }; "tuiAppearanceFocus": { "alias": "tuiAppearanceFocus"; "required": false; "isSignal": true; }; "tuiAppearanceMode": { "alias": "tuiAppearanceMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTransitioned; inputs: {}; outputs: {}; }]>;
 }

package/directives/dropdown/dropdown-context.directive.d.ts

@@ -8,6 +8,8 @@ export declare class TuiDropdownContext extends TuiRectAccessor {
     protected readonly userSelect: import("@angular/core").Signal<"none" | null>;
     protected readonly activeZone: TuiActiveZone;
     protected readonly driver: TuiDropdownDriver;
+    protected readonly doc: Document;
+    protected readonly sub: import("rxjs").Subscription;
     readonly type = "dropdown";
     getClientRect(): DOMRect;
     protected closeDropdown(_event?: Event): void;

package/directives/icons/icons.bindings.d.ts

@@ -0,0 +1,5 @@
+import { type InjectOptions, type Signal, type WritableSignal } from '@angular/core';
+export declare function tuiIconStart(value: WritableSignal<string> | string, options?: InjectOptions): WritableSignal<string>;
+export declare function tuiIconStart(value: Signal<string>, options?: InjectOptions): Signal<string>;
+export declare function tuiIconEnd(value: WritableSignal<string> | string, options?: InjectOptions): WritableSignal<string>;
+export declare function tuiIconEnd(value: Signal<string>, options?: InjectOptions): Signal<string>;

package/directives/icons/icons.directive.d.ts

@@ -1,20 +1,14 @@
-import { type SafeResourceUrl } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-/**
- * Workaround for {@link TuiAvatar} to properly handle icon color in {@link TuiAppearance}
- */
-type Icon = SafeResourceUrl | string | null | undefined;
 export declare class TuiIcons {
     private readonly resolver;
     protected readonly nothing: undefined;
-    protected readonly iconStartUrl: import("@angular/core").Signal<string | null>;
-    protected readonly iconEndUrl: import("@angular/core").Signal<string | null>;
-    readonly iconStart: import("@angular/core").WritableSignal<Icon>;
-    readonly iconEnd: import("@angular/core").WritableSignal<string>;
-    set iconStartSetter(x: Icon);
-    set iconEndSetter(x: string);
-    protected resolve(icon: Icon): string | null;
+    protected readonly start: import("@angular/core").Signal<string | null>;
+    protected readonly end: import("@angular/core").Signal<string | null>;
+    protected readonly startMode: import("@angular/core").Signal<string | undefined>;
+    protected readonly endMode: import("@angular/core").Signal<string | undefined>;
+    readonly iconEnd: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly iconStart: import("@angular/core").InputSignal<string | null | undefined>;
+    resolve(icon?: string | null): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiIcons, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiIcons, never, never, { "iconStartSetter": { "alias": "iconStart"; "required": false; }; "iconEndSetter": { "alias": "iconEnd"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiIcons, never, never, { "iconEnd": { "alias": "iconEnd"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export {};

package/directives/icons/index.d.ts

@@ -1,2 +1,3 @@
+export * from './icons.bindings';
 export * from './icons.directive';
 export * from './with-icons';

package/directives/index.d.ts

@@ -7,5 +7,4 @@ export * from '@taiga-ui/core/directives/icons';
 export * from '@taiga-ui/core/directives/items-handlers';
 export * from '@taiga-ui/core/directives/number-format';
 export * from '@taiga-ui/core/directives/popup';
-export * from '@taiga-ui/core/directives/surface';
 export * from '@taiga-ui/core/directives/title';

package/directives/title/title.directive.d.ts

@@ -1,8 +1,7 @@
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiTitle {
     protected readonly nothing: undefined;
-    size: TuiSizeL | TuiSizeS | '';
+    readonly tuiTitle: import("@angular/core").InputSignal<"" | "m" | "l" | "s">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTitle, "[tuiTitle]", never, { "size": { "alias": "tuiTitle"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTitle, "[tuiTitle]", never, { "tuiTitle": { "alias": "tuiTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }