@taiga-ui/kit 4.52.0-canary.6ee9658 → 4.52.0-canary.7c53ccc

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

@@ -1,15 +1,22 @@
 import { TuiStepperComponent } from './stepper.component';
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/components/cell";
+import * as i2 from "@taiga-ui/core/directives/appearance";
 export declare class TuiStep {
     private readonly el;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected readonly appearance: import("@angular/core").Signal<string>;
+    protected readonly size: import("@angular/core").Signal<"" | "m" | "l" | "s"> | import("@angular/core").WritableSignal<""> | import("@angular/core").WritableSignal<"m"> | import("@angular/core").WritableSignal<"l"> | import("@angular/core").WritableSignal<"s">;
     protected readonly stepper: TuiStepperComponent;
     protected readonly $: import("rxjs").Subscription;
     readonly stepState: import("@angular/core").InputSignal<"error" | "normal" | "pass">;
     readonly icon: import("@angular/core").InputSignal<string>;
-    protected get isActive(): boolean;
+    protected readonly isActive: import("@angular/core").Signal<boolean>;
+    protected avatarAppearance: import("@angular/core").Signal<"primary" | "negative" | "secondary">;
+    protected readonly avatarContent: import("@angular/core").Signal<string>;
+    protected readonly avatarIcon: import("@angular/core").Signal<string>;
     protected get index(): number;
     protected activate(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiStep, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiStep, "button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]", never, { "stepState": { "alias": "stepState"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiStep, "button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]", never, { "stepState": { "alias": "stepState"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TuiCell; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,11 +1,9 @@
-import { ElementRef, type OnChanges } from '@angular/core';
+import { type OnChanges } from '@angular/core';
 import { type TuiOrientation } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiStepperComponent implements OnChanges {
-    private readonly cdr;
     private readonly el;
     private readonly steps;
-    protected readonly changes$: import("rxjs").Observable<readonly ElementRef<any>[]>;
     protected readonly $: import("rxjs").Subscription;
     readonly orientation: import("@angular/core").InputSignal<TuiOrientation>;
     readonly activeItemIndex: import("@angular/core").ModelSignal<number>;

package/components/switch/switch.component.d.ts

@@ -3,6 +3,7 @@ import { type TuiSwitchOptions } from './switch.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/icons";
 export declare class TuiSwitch extends TuiRadioComponent<TuiSwitchOptions> {
+    protected readonly native: boolean;
     protected readonly icon: import("@angular/core").Signal<string>;
     readonly showIcons: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSwitch, never>;

package/components/tabs/tabs-horizontal.directive.d.ts

@@ -1,17 +1,16 @@
-import { type AfterViewChecked, type QueryList } from '@angular/core';
+import { type AfterViewChecked } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./tabs.directive";
 export declare class TuiTabsHorizontal implements AfterViewChecked {
     private readonly el;
     private readonly options;
     private readonly tabs;
-    protected readonly children: QueryList<unknown>;
     protected readonly sub: import("rxjs").Subscription;
-    underline: string | boolean;
+    readonly underline: import("@angular/core").InputSignal<string | boolean>;
     ngAfterViewChecked(): void;
     protected onKeyDownArrow(current: HTMLElement, step: number): void;
     protected refresh(): void;
     private scrollTo;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabsHorizontal, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsHorizontal, "tui-tabs:not([vertical]), nav[tuiTabs]:not([vertical])", never, { "underline": { "alias": "underline"; "required": false; }; }, {}, ["children"], never, true, [{ directive: typeof i1.TuiTabsDirective; inputs: { "activeItemIndex": "activeItemIndex"; "size": "size"; }; outputs: { "activeItemIndexChange": "activeItemIndexChange"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsHorizontal, "tui-tabs:not([vertical]), nav[tuiTabs]:not([vertical])", never, { "underline": { "alias": "underline"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTabsDirective; inputs: { "activeItemIndex": "activeItemIndex"; "size": "size"; }; outputs: { "activeItemIndexChange": "activeItemIndexChange"; }; }]>;
 }

package/components/tabs/tabs-vertical.directive.d.ts

@@ -3,8 +3,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./tabs.directive";
 export declare class TuiTabsVertical {
     private readonly tabs;
-    vertical: TuiHorizontalDirection;
+    readonly vertical: import("@angular/core").InputSignal<TuiHorizontalDirection>;
     protected onKeyDownArrow(current: HTMLElement, step: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabsVertical, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsVertical, "tui-tabs[vertical], nav[tuiTabs][vertical]", never, { "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTabsDirective; inputs: { "activeItemIndex": "activeItemIndex"; "size": "size"; }; outputs: { "activeItemIndexChange": "activeItemIndexChange"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsVertical, "tui-tabs[vertical], nav[tuiTabs][vertical]", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTabsDirective; inputs: { "activeItemIndex": "activeItemIndex"; "size": "size"; }; outputs: { "activeItemIndexChange": "activeItemIndexChange"; }; }]>;
 }

package/components/tabs/tabs-with-more.component.d.ts

@@ -1,28 +1,26 @@
-import { type AfterViewChecked, type AfterViewInit, EventEmitter, type QueryList, TemplateRef } from '@angular/core';
+import { type AfterViewChecked, type AfterViewInit, TemplateRef } from '@angular/core';
 import { type TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
 import { type TuiContext } from '@taiga-ui/cdk/types';
-import { type TuiSizeL } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 export declare class TuiTabsWithMore implements AfterViewChecked, AfterViewInit {
-    private readonly moreButton?;
-    private readonly dir?;
+    private readonly moreButton;
+    private readonly dir;
     private readonly options;
     private readonly refresh$;
     private readonly el;
     private readonly cdr;
     private maxIndex;
-    protected readonly items: QueryList<TemplateRef<Record<string, unknown>>>;
+    protected readonly items: import("@angular/core").Signal<readonly TemplateRef<any>[]>;
     protected readonly moreWord: import("@angular/core").Signal<string>;
     protected open: boolean;
-    size: TuiSizeL;
-    moreContent: PolymorpheusContent;
-    dropdownContent: PolymorpheusContent<TuiContext<TuiActiveZone>>;
-    underline: string | boolean;
-    itemsLimit: number;
-    readonly activeItemIndexChange: EventEmitter<number>;
-    activeItemIndex: number;
-    set itemIndex(activeItemIndex: number);
+    protected readonly sync: import("@angular/core").EffectRef;
+    readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeL>;
+    readonly underline: import("@angular/core").InputSignal<string | boolean>;
+    readonly itemsLimit: import("@angular/core").InputSignal<number>;
+    readonly moreContent: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly dropdownContent: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<TuiActiveZone>>>;
     get lastVisibleIndex(): number;
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
@@ -32,7 +30,6 @@ export declare class TuiTabsWithMore implements AfterViewChecked, AfterViewInit
     protected get isMoreVisible(): boolean;
     protected get isMoreFocusable(): boolean;
     protected get isMoreActive(): boolean;
-    protected onActiveItemIndexChange(activeItemIndex: number): void;
     protected onClick(index: number): void;
     protected onArrowRight(event: Event): void;
     protected onArrowLeft(): void;
@@ -42,8 +39,7 @@ export declare class TuiTabsWithMore implements AfterViewChecked, AfterViewInit
     private get margin();
     private focusMore;
     private getMaxIndex;
-    private updateActiveItemIndex;
     private refresh;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabsWithMore, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabsWithMore, "tui-tabs-with-more, nav[tuiTabsWithMore]", never, { "size": { "alias": "size"; "required": false; }; "moreContent": { "alias": "moreContent"; "required": false; }; "dropdownContent": { "alias": "dropdownContent"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "itemsLimit": { "alias": "itemsLimit"; "required": false; }; "itemIndex": { "alias": "activeItemIndex"; "required": false; }; }, { "activeItemIndexChange": "activeItemIndexChange"; }, ["items"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabsWithMore, "tui-tabs-with-more, nav[tuiTabsWithMore]", never, { "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "underline": { "alias": "underline"; "required": false; "isSignal": true; }; "itemsLimit": { "alias": "itemsLimit"; "required": false; "isSignal": true; }; "moreContent": { "alias": "moreContent"; "required": false; "isSignal": true; }; "dropdownContent": { "alias": "dropdownContent"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, ["items"], never, true, never>;
 }

package/components/tabs/tabs.directive.d.ts

@@ -1,19 +1,17 @@
-import { type AfterViewChecked, EventEmitter } from '@angular/core';
-import { type TuiSizeL } from '@taiga-ui/core/types';
+import { type AfterViewChecked } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiTabsDirective implements AfterViewChecked {
     private readonly el;
     private readonly injector;
     protected readonly nothing: undefined;
-    size: TuiSizeL;
-    activeItemIndex: number;
-    readonly activeItemIndexChange: EventEmitter<number>;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeL>;
+    readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
     get tabs(): readonly HTMLElement[];
     get activeElement(): HTMLElement | null;
     moveFocus(current: HTMLElement, step: number): void;
     ngAfterViewChecked(): void;
-    protected onActivate(event: Event, element: HTMLElement): void;
+    protected onActivate(element: HTMLElement): void;
     protected markTabAsActive(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsDirective, never, never, { "size": { "alias": "size"; "required": false; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; }; }, { "activeItemIndexChange": "activeItemIndexChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTabsDirective, never, never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, never, never, true, never>;
 }

package/components/textarea/index.d.ts

@@ -1,3 +1,4 @@
+export * from './textarea';
 export * from './textarea.component';
+export * from './textarea.directive';
 export * from './textarea.options';
-export * from './textarea-limit.directive';

package/components/textarea/textarea.component.d.ts

@@ -1,21 +1,20 @@
-import { type AfterViewInit, ElementRef } from '@angular/core';
+import { type AfterViewInit } from '@angular/core';
 import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
-import { type TuiTextareaOptions } from './textarea.options';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
-export declare class TuiTextarea implements AfterViewInit {
-    private readonly template?;
+import * as i1 from "@taiga-ui/core/components/input";
+export declare class TuiTextareaComponent implements AfterViewInit {
+    private readonly template;
     private readonly options;
     private readonly vcr;
-    protected readonly text?: ElementRef<HTMLElement>;
+    private readonly text;
     protected readonly el: HTMLTextAreaElement;
     protected readonly textfield: TuiTextfieldComponent<any>;
     protected readonly isMobile: boolean;
-    min: number;
-    max: number;
-    content: TuiTextareaOptions['content'];
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly content: import("@angular/core").InputSignal<import("@taiga-ui/polymorpheus").PolymorpheusContent<import("@taiga-ui/cdk/types").TuiContext<string>>>;
     ngAfterViewInit(): void;
     protected onScroll(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextarea, "textarea[tuiTextarea]", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTextareaComponent, "textarea[tuiTextarea]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }]>;
 }

package/components/textarea/textarea.d.ts

@@ -0,0 +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 { TuiTextareaComponent } from './textarea.component';
+import { TuiTextareaDirective } from './textarea.directive';
+export declare const TuiTextarea: readonly [typeof TuiTextareaComponent, typeof TuiTextareaDirective, typeof TuiLabel, typeof TuiTextfieldComponent, typeof TuiTextfieldOptionsDirective, typeof TuiDropdownContent];

package/components/textarea/textarea.directive.d.ts

@@ -0,0 +1,13 @@
+import { type DoCheck } from '@angular/core';
+import { type AbstractControl, type ValidationErrors, type Validator } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class TuiTextareaDirective implements Validator, DoCheck {
+    private readonly textfield;
+    private readonly ref;
+    readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
+    readonly limit: import("@angular/core").InputSignal<number>;
+    ngDoCheck(): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextareaDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextareaDirective, "[tuiTextarea][limit]", never, { "limit": { "alias": "limit"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/tiles/tile.component.d.ts

@@ -1,20 +1,17 @@
 import { type AfterViewInit, type OnDestroy } from '@angular/core';
+import { TuiTilesComponent } from './tiles.component';
 import * as i0 from "@angular/core";
 export declare class TuiTile implements OnDestroy, AfterViewInit {
-    private readonly wrapper?;
+    private readonly wrapper;
     private readonly service;
-    private readonly tiles;
-    protected dragged: import("@angular/core").WritableSignal<boolean>;
-    width: number;
-    height: number;
+    protected readonly tiles: TuiTilesComponent;
+    protected readonly dragged: import("@angular/core").WritableSignal<boolean>;
+    readonly width: import("@angular/core").InputSignal<number>;
+    readonly height: import("@angular/core").InputSignal<number>;
     readonly element: HTMLElement;
     onDrag(offset: readonly [number, number]): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    protected get column(): string;
-    protected get row(): string;
-    protected onEnter(): void;
-    protected onTransitionEnd(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTile, "tui-tile", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTile, "tui-tile", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/tiles/tile.service.d.ts

@@ -7,7 +7,7 @@ export declare class TuiTileService implements OnDestroy {
     private readonly sub;
     private readonly offset$;
     private readonly position$;
-    init(element: HTMLElement): void;
+    init(element?: HTMLElement): void;
     setOffset(offset: readonly [number, number]): void;
     ngOnDestroy(): void;
     private getRect;

package/components/tiles/tiles.component.d.ts

@@ -1,18 +1,15 @@
-import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiTilesComponent {
     private readonly el$;
     private readonly handler;
-    debounce: number;
-    readonly orderChange: import("rxjs").Observable<Map<number, number>>;
+    protected readonly sub: import("rxjs").Subscription;
+    readonly debounce: import("@angular/core").InputSignal<number>;
+    readonly order: import("@angular/core").ModelSignal<Map<number, number>>;
     readonly element: import("@angular/core").WritableSignal<Element | null>;
     readonly el: HTMLElement;
-    readonly order$: BehaviorSubject<Map<number, number>>;
-    set order(map: Map<number, number>);
-    get order(): Map<number, number>;
     rearrange(element?: Element): void;
     private filter;
     private reorder;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTilesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTilesComponent, "tui-tiles", never, { "debounce": { "alias": "debounce"; "required": false; }; "order": { "alias": "order"; "required": false; }; }, { "orderChange": "orderChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTilesComponent, "tui-tiles", never, { "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; }, { "order": "orderChange"; }, never, ["*"], true, never>;
 }

package/components/toast/toast.component.d.ts

@@ -3,7 +3,7 @@ import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import { type TuiToastOptions } from './toast.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
-import * as i2 from "@taiga-ui/core/directives/alert";
+import * as i2 from "@taiga-ui/core/portals/alert";
 export declare class TuiToastComponent<O, I> implements AfterViewInit {
     private readonly close;
     private readonly el;

package/components/toast/toast.options.d.ts

@@ -1,5 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { type TuiPositionOptions } from '@taiga-ui/core/directives/alert';
+import { type TuiPositionOptions } from '@taiga-ui/core/portals/alert';
 export interface TuiToastOptions<I> extends TuiPositionOptions {
     readonly autoClose: number;
     readonly closable: boolean;

package/components/toast/toast.service.d.ts

@@ -1,4 +1,4 @@
-import { TuiAlertService } from '@taiga-ui/core/directives/alert';
+import { TuiAlertService } from '@taiga-ui/core/portals/alert';
 import { TuiToastComponent } from './toast.component';
 import { type TuiToastOptions } from './toast.options';
 import * as i0 from "@angular/core";

package/components/tree/components/tree/tree.component.d.ts

@@ -6,16 +6,16 @@ import { TuiTreeItem } from '../tree-item/tree-item.component';
 import * as i0 from "@angular/core";
 export declare class TuiTreeComponent<T> implements DoCheck {
     private readonly check$;
-    protected readonly item?: TuiTreeItem;
-    protected readonly child?: TuiTreeComponent<T>;
-    protected readonly children$: import("rxjs").Observable<readonly T[]>;
+    protected readonly item: import("@angular/core").Signal<TuiTreeItem | undefined>;
+    protected readonly child: import("@angular/core").Signal<TuiTreeComponent<any> | undefined>;
+    protected readonly children: import("@angular/core").Signal<readonly T[] | readonly []>;
     protected readonly directive: TuiTreeChildren<T> | null;
-    value: T;
-    trackBy: TrackByFunction<T>;
-    content: PolymorpheusContent<TuiTreeContext<T>>;
+    readonly value: import("@angular/core").InputSignal<T>;
+    readonly trackBy: import("@angular/core").InputSignal<TrackByFunction<T>>;
+    readonly content: import("@angular/core").InputSignal<PolymorpheusContent<TuiTreeContext<T>>>;
     ngDoCheck(): void;
     protected checkChanges(): void;
     private get handler();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTreeComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTreeComponent<any>, "tui-tree", never, { "value": { "alias": "value"; "required": true; }; "trackBy": { "alias": "trackBy"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTreeComponent<any>, "tui-tree", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/tree/components/tree-item/tree-item.component.d.ts

@@ -5,8 +5,8 @@ import * as i0 from "@angular/core";
 export declare class TuiTreeItem implements DoCheck {
     private readonly nested;
     private readonly el;
-    private readonly controller;
     private readonly change$;
+    private readonly controller;
     protected readonly level: number;
     protected readonly content: PolymorpheusContent<TuiTreeItemContext>;
     protected readonly attached: import("@angular/core").Signal<boolean>;

package/components/tree/directives/tree-children.directive.d.ts

@@ -1,8 +1,8 @@
 import { type TuiHandler } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiTreeChildren<T> {
-    childrenHandler: TuiHandler<T, readonly T[]>;
+    readonly childrenHandler: import("@angular/core").InputSignal<TuiHandler<T, readonly T[]>>;
     static defaultHandler<G>(item: G): readonly G[];
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTreeChildren<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTreeChildren<any>, "tui-tree[childrenHandler]", never, { "childrenHandler": { "alias": "childrenHandler"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTreeChildren<any>, "tui-tree[childrenHandler]", never, { "childrenHandler": { "alias": "childrenHandler"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/tree/directives/tree-controller.directive.d.ts

@@ -1,16 +1,15 @@
-import { EventEmitter } from '@angular/core';
 import { type TuiTreeItem } from '../components/tree-item/tree-item.component';
 import { type TuiTreeAccessor, type TuiTreeController } from '../misc/tree.interfaces';
 import * as i0 from "@angular/core";
 export declare class TuiTreeControllerDirective<T> implements TuiTreeController, TuiTreeAccessor<T> {
     protected readonly items: Map<TuiTreeItem, T>;
-    fallback: boolean;
-    map: Map<T, boolean>;
-    readonly toggled: EventEmitter<T>;
+    readonly fallback: import("@angular/core").InputSignal<boolean>;
+    readonly map: import("@angular/core").InputSignal<Map<T, boolean>>;
+    readonly toggled: import("@angular/core").OutputEmitterRef<T>;
     register(item: TuiTreeItem, value: T): void;
     unregister(item: TuiTreeItem): void;
     isExpanded(item: TuiTreeItem): boolean;
     toggle(item: TuiTreeItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTreeControllerDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTreeControllerDirective<any>, "[tuiTreeController][map]", ["tuiTreeController"], { "fallback": { "alias": "tuiTreeController"; "required": false; }; "map": { "alias": "map"; "required": false; }; }, { "toggled": "toggled"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTreeControllerDirective<any>, "[tuiTreeController][map]", ["tuiTreeController"], { "fallback": { "alias": "tuiTreeController"; "required": false; "isSignal": true; }; "map": { "alias": "map"; "required": false; "isSignal": true; }; }, { "toggled": "toggled"; }, never, never, true, never>;
 }

package/components/tree/directives/tree-item-controller.directive.d.ts

@@ -3,9 +3,9 @@ import { type TuiTreeController } from '../misc/tree.interfaces';
 import * as i0 from "@angular/core";
 export declare class TuiTreeItemController implements TuiTreeController {
     private readonly map;
-    fallback: boolean;
+    readonly fallback: import("@angular/core").InputSignal<boolean>;
     isExpanded(item: TuiTreeItem): boolean;
     toggle(item: TuiTreeItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTreeItemController, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTreeItemController, "[tuiTreeController]:not([map])", ["tuiTreeController"], { "fallback": { "alias": "tuiTreeController"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTreeItemController, "[tuiTreeController]:not([map])", ["tuiTreeController"], { "fallback": { "alias": "tuiTreeController"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/tree/directives/tree-node.directive.d.ts

@@ -1,10 +1,11 @@
-import { type OnDestroy } from '@angular/core';
+import { type OnChanges, type OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TuiTreeNode<T> implements OnDestroy {
+export declare class TuiTreeNode<T> implements OnChanges, OnDestroy {
     private readonly component;
     private readonly directive;
-    set value(value: T);
+    readonly value: import("@angular/core").InputSignal<T>;
+    ngOnChanges(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTreeNode<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTreeNode<any>, "tui-tree-item[tuiTreeNode]", never, { "value": { "alias": "tuiTreeNode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTreeNode<any>, "tui-tree-item[tuiTreeNode]", never, { "value": { "alias": "tuiTreeNode"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives/appearance";
+export declare class TuiAppearanceProxy {
+    private readonly a;
+    protected readonly f: import("@angular/core").Signal<boolean | null>;
+    protected readonly m: import("@angular/core").Signal<string | readonly string[] | null>;
+    protected readonly s: import("@angular/core").Signal<import("@taiga-ui/core/types").TuiInteractiveState | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppearanceProxy, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppearanceProxy, never, never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: {}; outputs: {}; }]>;
+}

package/directives/appearance-proxy/index.d.ts

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

package/directives/button-select/button-select.directive.d.ts

@@ -1,7 +1,7 @@
 import { TuiControl } from '@taiga-ui/cdk/classes';
 import { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/dropdown";
+import * as i1 from "@taiga-ui/core/portals/dropdown";
 import * as i2 from "@taiga-ui/cdk/directives/native-validator";
 export declare class TuiButtonSelect<T> extends TuiControl<T | T[]> implements TuiDataListHost<T> {
     private readonly open;

package/directives/fade/fade.directive.d.ts

@@ -1,14 +1,13 @@
 import { type TuiOrientation } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/transitioned";
 export declare class TuiFade {
     protected readonly nothing: undefined;
-    lineHeight: string | null;
-    size: string;
-    offset: string;
-    orientation: TuiOrientation | '';
+    readonly lineHeight: import("@angular/core").InputSignal<string | null>;
+    readonly size: import("@angular/core").InputSignal<string>;
+    readonly offset: import("@angular/core").InputSignal<string>;
+    readonly orientation: import("@angular/core").InputSignal<"" | TuiOrientation>;
     constructor();
     private isEnd;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFade, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFade, "[tuiFade]", never, { "lineHeight": { "alias": "tuiFadeHeight"; "required": false; }; "size": { "alias": "tuiFadeSize"; "required": false; }; "offset": { "alias": "tuiFadeOffset"; "required": false; }; "orientation": { "alias": "tuiFade"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTransitioned; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFade, "[tuiFade]", never, { "lineHeight": { "alias": "tuiFadeHeight"; "required": false; "isSignal": true; }; "size": { "alias": "tuiFadeSize"; "required": false; "isSignal": true; }; "offset": { "alias": "tuiFadeOffset"; "required": false; "isSignal": true; }; "orientation": { "alias": "tuiFade"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/highlight/highlight.directive.d.ts

@@ -9,12 +9,12 @@ export declare const TUI_HIGHLIGHT_OPTIONS: import("@angular/core").InjectionTok
 }>)) => import("@angular/core").FactoryProvider;
 export declare class TuiHighlight implements OnChanges {
     private readonly el;
-    private readonly renderer;
+    private readonly options;
     private readonly doc;
     private readonly highlight;
     private readonly treeWalker;
-    tuiHighlight: string;
-    tuiHighlightColor: string;
+    readonly tuiHighlight: import("@angular/core").InputSignal<string>;
+    readonly tuiHighlightColor: import("@angular/core").InputSignal<string>;
     constructor();
     ngOnChanges(): void;
     protected get match(): boolean;
@@ -22,5 +22,5 @@ export declare class TuiHighlight implements OnChanges {
     private indexOf;
     private setUpHighlight;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHighlight, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHighlight, "[tuiHighlight]", never, { "tuiHighlight": { "alias": "tuiHighlight"; "required": false; }; "tuiHighlightColor": { "alias": "tuiHighlightColor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHighlight, "[tuiHighlight]", never, { "tuiHighlight": { "alias": "tuiHighlight"; "required": false; "isSignal": true; }; "tuiHighlightColor": { "alias": "tuiHighlightColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/index.d.ts

@@ -1,3 +1,4 @@
+export * from '@taiga-ui/kit/directives/appearance-proxy';
 export * from '@taiga-ui/kit/directives/button-close';
 export * from '@taiga-ui/kit/directives/button-group';
 export * from '@taiga-ui/kit/directives/button-select';
@@ -7,7 +8,6 @@ export * from '@taiga-ui/kit/directives/data-list-dropdown-manager';
 export * from '@taiga-ui/kit/directives/fade';
 export * from '@taiga-ui/kit/directives/fluid-typography';
 export * from '@taiga-ui/kit/directives/highlight';
-export * from '@taiga-ui/kit/directives/lazy-loading';
 export * from '@taiga-ui/kit/directives/password';
 export * from '@taiga-ui/kit/directives/present';
 export * from '@taiga-ui/kit/directives/sensitive';

package/directives/password/password.directive.d.ts

@@ -1,7 +1,7 @@
 import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
-import * as i2 from "@taiga-ui/core/directives/hint";
+import * as i2 from "@taiga-ui/core/portals/hint";
 export declare class TuiPassword {
     private readonly options;
     private readonly texts;

package/directives/present/present.directive.d.ts

@@ -1,10 +1,8 @@
 import { type OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiPresent implements OnDestroy {
-    private readonly visibility$;
-    readonly tuiPresentChange: import("rxjs").Observable<boolean>;
+    readonly tuiPresent: import("@angular/core").OutputEmitterRef<boolean>;
     ngOnDestroy(): void;
-    protected onAnimation(visibility: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPresent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPresent, "[tuiPresentChange]", never, {}, { "tuiPresentChange": "tuiPresentChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPresent, "[tuiPresent]", never, {}, { "tuiPresent": "tuiPresent"; }, never, never, true, never>;
 }

package/directives/tooltip/tooltip.directive.d.ts

@@ -2,7 +2,7 @@ import { type DoCheck, type Signal } from '@angular/core';
 import { type TuiSizeS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
-import * as i2 from "@taiga-ui/core/directives/hint";
+import * as i2 from "@taiga-ui/core/portals/hint";
 export declare class TuiTooltip implements DoCheck {
     private readonly textfield;
     private readonly isMobile;

package/directives/unfinished-validator/unfinished-validator.directive.d.ts

@@ -5,8 +5,8 @@ export declare class TuiUnfinishedValidator implements Validator {
     private readonly error;
     private readonly fallback;
     private readonly message;
-    tuiUnfinishedValidator: string;
+    readonly tuiUnfinishedValidator: import("@angular/core").InputSignal<string>;
     readonly validate: import("@angular/forms").ValidatorFn;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiUnfinishedValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiUnfinishedValidator, "input[tuiUnfinishedValidator]", never, { "tuiUnfinishedValidator": { "alias": "tuiUnfinishedValidator"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiUnfinishedValidator, "input[tuiUnfinishedValidator]", never, { "tuiUnfinishedValidator": { "alias": "tuiUnfinishedValidator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/unmask-handler/unmask-handler.directive.d.ts

@@ -3,10 +3,10 @@ import { TuiValueTransformer } from '@taiga-ui/cdk/classes';
 import { type TuiMapper } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiUnmaskHandler extends TuiValueTransformer<string> {
-    tuiUnmaskHandler: TuiMapper<[string], string>;
-    maskito: MaskitoOptions | null;
+    readonly tuiUnmaskHandler: import("@angular/core").InputSignal<TuiMapper<[string], string>>;
+    readonly maskito: import("@angular/core").InputSignal<MaskitoOptions | null>;
     fromControlValue(controlValue: unknown): string;
     toControlValue(value: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiUnmaskHandler, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiUnmaskHandler, "[maskito][tuiUnmaskHandler]", never, { "tuiUnmaskHandler": { "alias": "tuiUnmaskHandler"; "required": false; }; "maskito": { "alias": "maskito"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiUnmaskHandler, "[maskito][tuiUnmaskHandler]", never, { "tuiUnmaskHandler": { "alias": "tuiUnmaskHandler"; "required": false; "isSignal": true; }; "maskito": { "alias": "maskito"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }