@taiga-ui/kit 4.52.0-canary.1ea42f6 → 4.52.0-canary.217a686

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 moreWord$: import("rxjs").Observable<string>;
+    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.options.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeL } from '@taiga-ui/core/types';
 export interface TuiTabsOptions {
     readonly exposeActive: boolean;
@@ -8,8 +7,4 @@ export interface TuiTabsOptions {
     readonly size: TuiSizeL;
 }
 export declare const TUI_TABS_DEFAULT_OPTIONS: TuiTabsOptions;
-/**
- * Default parameters for Tabs component
- */
-export declare const TUI_TABS_OPTIONS: InjectionToken<TuiTabsOptions>;
-export declare function tuiTabsOptionsProvider(options: Partial<TuiTabsOptions>): Provider;
+export declare const TUI_TABS_OPTIONS: import("@angular/core").InjectionToken<TuiTabsOptions>, tuiTabsOptionsProvider: (item: Partial<TuiTabsOptions> | (() => Partial<TuiTabsOptions>)) => import("@angular/core").FactoryProvider;

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/toast/toast.component.d.ts

@@ -1,17 +1,18 @@
 import { type AfterViewInit } from '@angular/core';
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+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/portals/alert";
 export declare class TuiToastComponent<O, I> implements AfterViewInit {
     private readonly close;
     private readonly el;
     protected readonly isMobile: boolean;
-    protected readonly context: TuiPopover<TuiToastOptions<I>, O>;
+    protected readonly context: TuiPortalContext<TuiToastOptions<I>, O>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly $: import("rxjs").Subscription;
     ngAfterViewInit(): void;
     protected onSwipe(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiToastComponent<any, any>, "tui-toast", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiToastComponent<any, any>, "tui-toast", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAlertDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,8 +1,10 @@
-export interface TuiToastOptions<I> {
-    autoClose: number;
-    closable: boolean;
-    appearance: string;
-    data?: I;
+import { InjectionToken } from '@angular/core';
+import { type TuiPositionOptions } from '@taiga-ui/core/portals/alert';
+export interface TuiToastOptions<I> extends TuiPositionOptions {
+    readonly autoClose: number;
+    readonly closable: boolean;
+    readonly appearance: string;
+    readonly data?: I;
 }
-export declare const TUI_TOAST_DEFAULT_OPTIONS: TuiToastOptions<void>;
-export declare const TUI_TOAST_OPTIONS: import("@angular/core").InjectionToken<TuiToastOptions<void>>, tuiToastOptionsProvider: (item: Partial<TuiToastOptions<void>> | (() => Partial<TuiToastOptions<void>>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_TOAST_CONCURRENCY: InjectionToken<1 | 2>;
+export declare const TUI_TOAST_OPTIONS: InjectionToken<TuiToastOptions<any>>, tuiToastOptionsProvider: (item: Partial<TuiToastOptions<any>> | (() => Partial<TuiToastOptions<any>>)) => import("@angular/core").FactoryProvider;

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

@@ -1,16 +1,17 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
+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";
-export declare const TUI_TOASTS_CONCURRENCY: import("@angular/core").InjectionToken<number>;
-export declare class TuiToastService extends TuiPopoverService<TuiToastOptions<any>> {
-    private readonly concurrency;
-    private readonly alerts;
-    protected readonly sub: import("rxjs").Subscription;
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiToastService extends TuiAlertService<TuiToastOptions<any>> {
+    protected readonly options: TuiToastOptions<any>;
+    protected readonly component: typeof TuiToastComponent;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiToastService>;
 }
-export declare class TuiToastTemplate<T> extends TuiPopoverDirective<TuiToastOptions<T>> {
+export declare class TuiToastTemplate<T> {
+    readonly tuiToastOptions: import("@angular/core").InputSignal<Partial<TuiToastOptions<T>>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastTemplate<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastTemplate<any>, "ng-template[tuiToast]", never, { "options": { "alias": "tuiToastOptions"; "required": false; }; "open": { "alias": "tuiToast"; "required": false; }; }, { "openChange": "tuiToastChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastTemplate<any>, "ng-template[tuiToast]", never, { "tuiToastOptions": { "alias": "tuiToastOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiToastOptions"; "open": "tuiToast"; }; outputs: { "openChange": "tuiToastChange"; }; }]>;
 }

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/components/tree-item-content/tree-item-content.component.d.ts

@@ -1,12 +1,19 @@
+import { InjectionToken } from '@angular/core';
+import { PolymorpheusComponent, type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type TuiTreeItemContext } from '../../misc/tree.interfaces';
 import * as i0 from "@angular/core";
 export declare class TuiTreeItemContent {
     private readonly controller;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly more: import("@angular/core").Signal<string | undefined>;
+    protected readonly more: import("@angular/core").Signal<string>;
     protected readonly context: TuiTreeItemContext;
     protected get isExpandable(): boolean;
     protected onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTreeItemContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiTreeItemContent, "ng-component", never, {}, {}, never, never, true, never>;
 }
+export declare const TUI_TREE_ITEM_CONTENT: PolymorpheusComponent<TuiTreeItemContent>;
+/**
+ * Content for a tree item
+ */
+export declare const TUI_TREE_CONTENT: InjectionToken<PolymorpheusContent<TuiTreeItemContext>>;

package/components/tree/misc/tree.constants.d.ts

@@ -1,5 +1,2 @@
-import { PolymorpheusComponent } from '@taiga-ui/polymorpheus';
-import { TuiTreeItemContent } from '../components/tree-item-content/tree-item-content.component';
 import { type TuiTreeController } from './tree.interfaces';
-export declare const TUI_TREE_ITEM_CONTENT: PolymorpheusComponent<TuiTreeItemContent>;
 export declare const TUI_DEFAULT_TREE_CONTROLLER: TuiTreeController;

package/components/tree/misc/tree.tokens.d.ts

@@ -1,6 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type TuiTreeAccessor, type TuiTreeItemContext, type TuiTreeLoader } from './tree.interfaces';
+import { type TuiTreeAccessor, type TuiTreeLoader } from './tree.interfaces';
 /**
  * Controller for tracking value - TuiTreeItemComponent pairs
  */
@@ -25,10 +24,6 @@ export declare const TUI_TREE_START: InjectionToken<unknown>;
  * A service to load tree progressively
  */
 export declare const TUI_TREE_LOADER: InjectionToken<TuiTreeLoader<unknown>>;
-/**
- * Content for a tree item
- */
-export declare const TUI_TREE_CONTENT: InjectionToken<PolymorpheusContent<TuiTreeItemContext>>;
 /**
  * Nesting level of current TreeView node
  */

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-close/button-close.directive.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/components/button";
 export declare class TuiButtonClose {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonClose, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonClose, "[tuiIconButton][tuiButtonClose]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonClose, "[tuiButtonClose]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiButton; inputs: { "size": "size"; }; outputs: {}; }]>;
 }

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

@@ -1,13 +1,13 @@
 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";
-import * as i3 from "@taiga-ui/core/components/textfield";
-export declare class TuiButtonSelect<T> extends TuiControl<T> implements TuiDataListHost<T> {
+export declare class TuiButtonSelect<T> extends TuiControl<T | T[]> implements TuiDataListHost<T> {
     private readonly open;
+    private readonly handlers;
     readonly size = "s";
     handleOption(option: T): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonSelect<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonSelect<any>, "button[tuiButtonSelect]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiWithTextfieldDropdown; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonSelect<any>, "button[tuiButtonSelect]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }]>;
 }

package/directives/data-list-dropdown-manager/data-list-dropdown-manager.directive.d.ts

@@ -1,14 +1,14 @@
 import { type AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiDataListDropdownManager implements AfterViewInit {
+    private readonly destroyRef;
     private readonly dropdowns;
     private readonly els;
-    private readonly destroyRef;
+    private readonly elements$;
+    private readonly right$;
+    private readonly immediate$;
+    private readonly debounce$;
     ngAfterViewInit(): void;
-    private get elements$();
-    private get right$();
-    private get immediate$();
-    private get debounce$();
     private notInDropdown;
     private tryToFocus;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataListDropdownManager, never>;

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/fluid-typography/fluid-typography.directive.d.ts

@@ -1,12 +1,9 @@
-import { type OnChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TuiFluidTypography implements OnChanges {
-    private readonly changes$;
+export declare class TuiFluidTypography {
     private readonly el;
     private readonly options;
+    readonly tuiFluidTypography: import("@angular/core").InputSignal<"" | readonly [min: number, max: number]>;
     protected readonly sub: import("rxjs").Subscription;
-    tuiFluidTypography: readonly [min: number, max: number] | '';
-    ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiFluidTypography, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFluidTypography, "[tuiFluidTypography]", never, { "tuiFluidTypography": { "alias": "tuiFluidTypography"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFluidTypography, "[tuiFluidTypography]", never, { "tuiFluidTypography": { "alias": "tuiFluidTypography"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/fluid-typography/fluid-typography.options.d.ts

@@ -1,8 +1,6 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiFluidTypographyOptions {
     readonly min: number;
     readonly max: number;
 }
 export declare const TUI_FLUID_TYPOGRAPHY_DEFAULT_OPTIONS: TuiFluidTypographyOptions;
-export declare const TUI_FLUID_TYPOGRAPHY_OPTIONS: InjectionToken<TuiFluidTypographyOptions>;
-export declare function tuiFluidTypographyOptionsProvider(options: Partial<TuiFluidTypographyOptions>): Provider;
+export declare const TUI_FLUID_TYPOGRAPHY_OPTIONS: import("@angular/core").InjectionToken<TuiFluidTypographyOptions>, tuiFluidTypographyOptionsProvider: (item: Partial<TuiFluidTypographyOptions> | (() => Partial<TuiFluidTypographyOptions>)) => import("@angular/core").FactoryProvider;

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>;
 }